Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("../../_virtual/_rolldown/runtime.cjs");
const require_safe_custom_element = require("../../shared/safe-custom-element.cjs");
const require_index = require("../../shared/tailwind-element/index.cjs");
const require_decorate = require("../../_virtual/_@oxc-project_runtime@0.127.0/helpers/decorate.cjs");
const require_cn = require("../../shared/tools/cn.cjs");
require("../../shared/tools/index.cjs");
let lit = require("lit");
let lit_decorators_js = require("lit/decorators.js");
let lit_html_directives_style_map_js = require("lit-html/directives/style-map.js");
//#region src/components/lukso-progress/index.ts
var LuksoProgress = class LuksoProgress extends require_index.TailwindElement {
	constructor(..._args) {
		super(..._args);
		this.min = 0;
		this.max = 100;
		this.current = 0;
		this.variant = "success";
		this.height = 16;
	}
	progressWidth() {
		return this.current / this.max * 100;
	}
	render() {
		return lit.html`
      <div
        data-testid="progress"
        style=${(0, lit_html_directives_style_map_js.styleMap)({ height: this.height > 16 ? `${this.height}px` : "16px" })}
        class=${require_cn.cn("w-full rounded-24 bg-neutral-95 relative")}
      >
        <div
          style=${(0, lit_html_directives_style_map_js.styleMap)({ width: `${this.progressWidth()}%` })}
          class=${require_cn.cn("rounded-s-24 h-full rounded-e-24  transition-all w-[1%]", {
			"bg-green-85": !!this.variant || this.variant === "success",
			"bg-red-85": this.variant === "error",
			"bg-yellow-85": this.variant === "warning"
		})}
        ></div>
        <div
          class=${require_cn.cn("shadow-neutral-inner-shadow h-full absolute w-full top-0 rounded-24")}
        ></div>
      </div>
    `;
	}
};
require_decorate.__decorate([(0, lit_decorators_js.property)({ type: Number })], LuksoProgress.prototype, "min", void 0);
require_decorate.__decorate([(0, lit_decorators_js.property)({ type: Number })], LuksoProgress.prototype, "max", void 0);
require_decorate.__decorate([(0, lit_decorators_js.property)({ type: Number })], LuksoProgress.prototype, "current", void 0);
require_decorate.__decorate([(0, lit_decorators_js.property)({ type: String })], LuksoProgress.prototype, "variant", void 0);
require_decorate.__decorate([(0, lit_decorators_js.property)({ type: Number })], LuksoProgress.prototype, "height", void 0);
LuksoProgress = require_decorate.__decorate([require_safe_custom_element.safeCustomElement("lukso-progress")], LuksoProgress);
//#endregion
Object.defineProperty(exports, "LuksoProgress", {
	enumerable: true,
	get: function() {
		return LuksoProgress;
	}
});
