@konstructio/ui 0.1.2-alpha.65 → 0.1.2-alpha.67

package/dist/components/Checkbox/Checkbox.js

@@ -2,45 +2,45 @@ import { jsx as f, jsxs as B, Fragment as U } from "react/jsx-runtime";
 import * as p from "react";
 import j, { forwardRef as z, useId as V, useCallback as X } from "react";
 import { u as L } from "../../index-DLcqcWxM.js";
-import { c as J, P as I, a as Q, b as T } from "../../index-DKfEnhKr.js";
+import { P as I, a as J, c as T, b as Q } from "../../index--l0zux8V.js";
 import { u as Y } from "../../index-BZPx6jYI.js";
-import { u as Z } from "../../index-DtEcCIrM.js";
-import { P as ee } from "../../index-AV6ZtGhy.js";
+import { u as Z } from "../../index-BRXMsxSL.js";
+import { P as ee } from "../../index-3fEdeexs.js";
 import { cn as E } from "../../utils/index.js";
 import { checkboxVariants as te, labelVariants as re } from "./Checkbox.variants.js";
 import { useToggle as oe } from "../../hooks/useToggle.js";
 import { P } from "../../index-BOE_3f_Z.js";
 function R() {
   return R = Object.assign || function(e) {
-    for (var c = 1; c < arguments.length; c++) {
-      var n = arguments[c];
+    for (var a = 1; a < arguments.length; a++) {
+      var n = arguments[a];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
   }, R.apply(this, arguments);
 }
-function ne(e, c) {
+function ne(e, a) {
   if (e == null) return {};
-  var n = ce(e, c), r, o;
+  var n = ae(e, a), r, o;
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(e);
     for (o = 0; o < t.length; o++)
-      r = t[o], !(c.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+      r = t[o], !(a.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
   }
   return n;
 }
-function ce(e, c) {
+function ae(e, a) {
   if (e == null) return {};
   var n = {}, r = Object.keys(e), o, t;
   for (t = 0; t < r.length; t++)
-    o = r[t], !(c.indexOf(o) >= 0) && (n[o] = e[o]);
+    o = r[t], !(a.indexOf(o) >= 0) && (n[o] = e[o]);
   return n;
 }
-var N = z(function(e, c) {
+var N = z(function(e, a) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, o = e.size, t = o === void 0 ? 24 : o, l = ne(e, ["color", "size"]);
   return /* @__PURE__ */ j.createElement("svg", R({
-    ref: c,
+    ref: a,
     xmlns: "http://www.w3.org/2000/svg",
     width: t,
     height: t,
@@ -59,10 +59,10 @@ N.propTypes = {
   size: P.oneOfType([P.string, P.number])
 };
 N.displayName = "Check";
-var _ = "Checkbox", [ae, ye] = J(_), [se, O] = ae(_);
+var _ = "Checkbox", [ce] = Q(_), [se, O] = ce(_);
 function ie(e) {
   const {
-    __scopeCheckbox: c,
+    __scopeCheckbox: a,
     checked: n,
     children: r,
     defaultChecked: o,
@@ -74,18 +74,18 @@ function ie(e) {
     value: k = "on",
     // @ts-expect-error
     internal_do_not_use_render: d
-  } = e, [u, g] = Q({
+  } = e, [u, x] = J({
     prop: n,
     defaultProp: o ?? !1,
     onChange: i,
     caller: _
-  }), [C, m] = p.useState(null), [v, a] = p.useState(null), s = p.useRef(!1), y = C ? !!l || !!C.closest("form") : (
+  }), [C, m] = p.useState(null), [v, c] = p.useState(null), s = p.useRef(!1), y = C ? !!l || !!C.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), w = {
     checked: u,
     disabled: t,
-    setChecked: g,
+    setChecked: x,
     control: C,
     setControl: m,
     name: h,
@@ -93,22 +93,22 @@ function ie(e) {
     value: k,
     hasConsumerStoppedPropagationRef: s,
     required: b,
-    defaultChecked: x(o) ? !1 : o,
+    defaultChecked: g(o) ? !1 : o,
     isFormControl: y,
     bubbleInput: v,
-    setBubbleInput: a
+    setBubbleInput: c
   };
   return /* @__PURE__ */ f(
     se,
     {
-      scope: c,
+      scope: a,
       ...w,
       children: le(d) ? d(w) : r
     }
   );
 }
 var M = "CheckboxTrigger", q = p.forwardRef(
-  ({ __scopeCheckbox: e, onKeyDown: c, onClick: n, ...r }, o) => {
+  ({ __scopeCheckbox: e, onKeyDown: a, onClick: n, ...r }, o) => {
     const {
       control: t,
       value: l,
@@ -118,21 +118,21 @@ var M = "CheckboxTrigger", q = p.forwardRef(
       setControl: k,
       setChecked: d,
       hasConsumerStoppedPropagationRef: u,
-      isFormControl: g,
+      isFormControl: x,
       bubbleInput: C
     } = O(M, e), m = L(o, k), v = p.useRef(i);
     return p.useEffect(() => {
-      const a = t?.form;
-      if (a) {
+      const c = t?.form;
+      if (c) {
         const s = () => d(v.current);
-        return a.addEventListener("reset", s), () => a.removeEventListener("reset", s);
+        return c.addEventListener("reset", s), () => c.removeEventListener("reset", s);
       }
     }, [t, d]), /* @__PURE__ */ f(
       I.button,
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": x(i) ? "mixed" : i,
+        "aria-checked": g(i) ? "mixed" : i,
         "aria-required": b,
         "data-state": W(i),
         "data-disabled": h ? "" : void 0,
@@ -140,11 +140,11 @@ var M = "CheckboxTrigger", q = p.forwardRef(
         value: l,
         ...r,
         ref: m,
-        onKeyDown: T(c, (a) => {
-          a.key === "Enter" && a.preventDefault();
+        onKeyDown: T(a, (c) => {
+          c.key === "Enter" && c.preventDefault();
         }),
-        onClick: T(n, (a) => {
-          d((s) => x(s) ? !0 : !s), C && g && (u.current = a.isPropagationStopped(), u.current || a.stopPropagation());
+        onClick: T(n, (c) => {
+          d((s) => g(s) ? !0 : !s), C && x && (u.current = c.isPropagationStopped(), u.current || c.stopPropagation());
         })
       }
     );
@@ -152,7 +152,7 @@ var M = "CheckboxTrigger", q = p.forwardRef(
 );
 q.displayName = M;
 var A = p.forwardRef(
-  (e, c) => {
+  (e, a) => {
     const {
       __scopeCheckbox: n,
       name: r,
@@ -182,7 +182,7 @@ var A = p.forwardRef(
             q,
             {
               ...d,
-              ref: c,
+              ref: a,
               __scopeCheckbox: n
             }
           ),
@@ -199,19 +199,19 @@ var A = p.forwardRef(
 );
 A.displayName = _;
 var F = "CheckboxIndicator", D = p.forwardRef(
-  (e, c) => {
+  (e, a) => {
     const { __scopeCheckbox: n, forceMount: r, ...o } = e, t = O(F, n);
     return /* @__PURE__ */ f(
       ee,
       {
-        present: r || x(t.checked) || t.checked === !0,
+        present: r || g(t.checked) || t.checked === !0,
         children: /* @__PURE__ */ f(
           I.span,
           {
             "data-state": W(t.checked),
             "data-disabled": t.disabled ? "" : void 0,
             ...o,
-            ref: c,
+            ref: a,
             style: { pointerEvents: "none", ...e.style }
           }
         )
@@ -221,7 +221,7 @@ var F = "CheckboxIndicator", D = p.forwardRef(
 );
 D.displayName = F;
 var H = "CheckboxBubbleInput", K = p.forwardRef(
-  ({ __scopeCheckbox: e, ...c }, n) => {
+  ({ __scopeCheckbox: e, ...a }, n) => {
     const {
       control: r,
       hasConsumerStoppedPropagationRef: o,
@@ -233,8 +233,8 @@ var H = "CheckboxBubbleInput", K = p.forwardRef(
       value: k,
       form: d,
       bubbleInput: u,
-      setBubbleInput: g
-    } = O(H, e), C = L(n, g), m = Y(t), v = Z(r);
+      setBubbleInput: x
+    } = O(H, e), C = L(n, x), m = Y(t), v = Z(r);
     p.useEffect(() => {
       const s = u;
       if (!s) return;
@@ -244,26 +244,26 @@ var H = "CheckboxBubbleInput", K = p.forwardRef(
       ).set, $ = !o.current;
       if (m !== t && S) {
         const G = new Event("click", { bubbles: $ });
-        s.indeterminate = x(t), S.call(s, x(t) ? !1 : t), s.dispatchEvent(G);
+        s.indeterminate = g(t), S.call(s, g(t) ? !1 : t), s.dispatchEvent(G);
       }
     }, [u, m, t, o]);
-    const a = p.useRef(x(t) ? !1 : t);
+    const c = p.useRef(g(t) ? !1 : t);
     return /* @__PURE__ */ f(
       I.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: l ?? a.current,
+        defaultChecked: l ?? c.current,
         required: h,
         disabled: i,
         name: b,
         value: k,
         form: d,
-        ...c,
+        ...a,
         tabIndex: -1,
         ref: C,
         style: {
-          ...c.style,
+          ...a.style,
           ...v,
           position: "absolute",
           pointerEvents: "none",
@@ -282,16 +282,16 @@ K.displayName = H;
 function le(e) {
   return typeof e == "function";
 }
-function x(e) {
+function g(e) {
   return e === "indeterminate";
 }
 function W(e) {
-  return x(e) ? "indeterminate" : e ? "checked" : "unchecked";
+  return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 const de = z(
   ({
     ariaLabelledBy: e,
-    className: c,
+    className: a,
     defaultChecked: n,
     disabled: r,
     id: o,
@@ -303,9 +303,9 @@ const de = z(
     title: k,
     variant: d,
     onChange: u,
-    ...g
+    ...x
   }, C) => {
-    const [m, v] = oe(n ?? !1), a = V(), s = X(
+    const [m, v] = oe(n ?? !1), c = V(), s = X(
       (y) => {
         v(y), u?.(y);
       },
@@ -320,7 +320,7 @@ const de = z(
           /* @__PURE__ */ f(
             A,
             {
-              id: o ?? a,
+              id: o ?? c,
               checked: m,
               ref: C,
               name: i,
@@ -329,13 +329,13 @@ const de = z(
               title: k,
               className: E(
                 te({
-                  className: c,
+                  className: a,
                   variant: d,
                   checked: m
                 })
               ),
               onCheckedChange: s,
-              ...g,
+              ...x,
               children: /* @__PURE__ */ f(D, { children: /* @__PURE__ */ f(N, { className: "w-4 h-4 stroke-2" }) })
             }
           ),

package/dist/components/Command/Command.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { R as s, D as p } from "../../index-CeZcoQDw.js";
+import { R as s, D as p } from "../../index-9a-FL_6D.js";
 import { V as l } from "../../index-BKjcReYh.js";
 import { cn as m } from "../../utils/index.js";
 import { wrapperVariants as f } from "./Command.variants.js";

package/dist/components/Command/components/Command.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-D9SSJ6om.js";
+import { _ as o } from "../../../index-Dfq4O3b4.js";
 const s = p(({ className: r, children: a, ...e }, i) => /* @__PURE__ */ m(o, { ref: i, className: r, ...e, children: /* @__PURE__ */ m("div", { className: "w-[500px]", children: a }) }));
 s.displayName = o.displayName;
 export {

package/dist/components/Command/components/CommandEmpty.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-D9SSJ6om.js";
+import { _ as m } from "../../../index-Dfq4O3b4.js";
 const r = p((t, e) => /* @__PURE__ */ o(
   m.Empty,
   {

package/dist/components/Command/components/CommandGroup.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-D9SSJ6om.js";
+import { _ as o } from "../../../index-Dfq4O3b4.js";
 import { cn as a } from "../../../utils/index.js";
 const t = p(({ className: r, ...m }, d) => /* @__PURE__ */ e(
   o.Group,

package/dist/components/Command/components/CommandInput.js

@@ -1,5 +1,5 @@
 import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-D9SSJ6om.js";
+import { _ as m } from "../../../index-Dfq4O3b4.js";
 import s, { forwardRef as u } from "react";
 import { cn as f } from "../../../utils/index.js";
 import { searchInconInputVariants as v, inputVariants as g } from "../Command.variants.js";

package/dist/components/Command/components/CommandItem.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as i, useContext as c, useCallback as l } from "react";
-import { _ as o } from "../../../index-D9SSJ6om.js";
+import { _ as o } from "../../../index-Dfq4O3b4.js";
 import { cn as p } from "../../../utils/index.js";
 import { CommandContext as u } from "../contexts/Command.context.js";
 const f = i(({ className: n, onSelect: e, ...r }, a) => {

package/dist/components/Command/components/CommandList.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-D9SSJ6om.js";
+import { _ as o } from "../../../index-Dfq4O3b4.js";
 import { cn as t } from "../../../utils/index.js";
 const e = s(({ className: m, ...r }, a) => /* @__PURE__ */ i(
   o.List,

package/dist/components/Command/components/CommandSeparator.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-D9SSJ6om.js";
+import { _ as r } from "../../../index-Dfq4O3b4.js";
 import { cn as t } from "../../../utils/index.js";
 const s = p(({ className: o, ...a }, m) => /* @__PURE__ */ e(
   r.Separator,

package/dist/components/Command/components/DialogContent.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { a as r, C as o, b as l } from "../../../index-CeZcoQDw.js";
+import { a as r, C as o, b as l } from "../../../index-9a-FL_6D.js";
 import { cn as m } from "../../../utils/index.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
 import { X as c } from "../../../x-Eoa9FJjA.js";

package/dist/components/Command/components/DialogOverlay.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { O as a } from "../../../index-CeZcoQDw.js";
+import { O as a } from "../../../index-9a-FL_6D.js";
 import { cn as i } from "../../../utils/index.js";
 const m = d(({ className: t, ...e }, o) => /* @__PURE__ */ s(
   a,

package/dist/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.js

@@ -4,7 +4,7 @@ import { cn as d } from "../../../../../../utils/index.js";
 import { calendarMonthTitleVariants as f } from "../../CalendarPanel.variants.js";
 import { createDayPickerClassNames as h, SINGLE_MONTH_WIDTH as p } from "../../constants/index.js";
 import { getMonthName as M } from "../../../../utils/validation.js";
-import { D as y } from "../../../../../../DayPicker-PUEUVAST.js";
+import { D as y } from "../../../../../../DayPicker-CaeUXRCF.js";
 const N = (e) => `${M(e.getMonth())} ${e.getFullYear()}`, g = ({
   month: e,
   range: a,

package/dist/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.js

@@ -7,7 +7,7 @@ import { CalendarDivider as tt } from "../CalendarDivider/CalendarDivider.js";
 import { CalendarMonth as d } from "../CalendarMonth/CalendarMonth.js";
 import { NavigationButton as g } from "../NavigationButton/NavigationButton.js";
 import { useIndependentCarousel as nt } from "../../hooks/useIndependentCarousel.js";
-import { m as et } from "../../../../../../proxy-BhEKW5n7.js";
+import { m as et } from "../../../../../../proxy-BIRlSMN_.js";
 const at = ({
   className: b,
   calendarWidth: x = 550,

package/dist/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.js

@@ -6,7 +6,7 @@ import { CalendarDivider as F } from "../CalendarDivider/CalendarDivider.js";
 import { CalendarMonth as G } from "../CalendarMonth/CalendarMonth.js";
 import { NavigationButton as m } from "../NavigationButton/NavigationButton.js";
 import { useTogetherCarousel as H } from "../../hooks/useTogetherCarousel.js";
-import { m as R } from "../../../../../../proxy-BhEKW5n7.js";
+import { m as R } from "../../../../../../proxy-BIRlSMN_.js";
 const S = ({
   className: s,
   calendarWidth: h = 550,

package/dist/components/Datepicker/DatePicker.js

@@ -3,7 +3,7 @@ import { useState as h, useCallback as f } from "react";
 import { cn as t } from "../../utils/index.js";
 import { datePickerVariants as p } from "./DatePicker.variants.js";
 import '../../style.css';/* empty css                   */
-import { D as k } from "../../DayPicker-PUEUVAST.js";
+import { D as k } from "../../DayPicker-CaeUXRCF.js";
 import { C as g } from "../../chevron-left-BHBf-gQY.js";
 import { C as w } from "../../chevron-right-DvXGOiS_.js";
 const y = ({

package/dist/components/Drawer/components/index.js

@@ -1,8 +1,8 @@
-import { Header as e } from "./Header/Header.js";
-import { Body as f } from "./Body/Body.js";
-import { Footer as p } from "./Footer/Footer.js";
+import { Body as e } from "./Body/Body.js";
+import { Footer as f } from "./Footer/Footer.js";
+import { Header as p } from "./Header/Header.js";
 export {
-  f as Body,
-  p as Footer,
-  e as Header
+  e as Body,
+  f as Footer,
+  p as Header
 };

package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js

@@ -467,6 +467,7 @@ class G {
         }
         const [d, h] = c;
         this._scrollToOffset(d, { adjustments: void 0, behavior: t }), this.targetWindow.requestAnimationFrame(() => {
+          if (!this.targetWindow) return;
           const m = () => {
             if (this.currentScrollToIndex !== e) return;
             const v = this.getScrollOffset(), f = this.getOffsetForIndex(e, h);

package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { P as f, R as u, T as b, C as m } from "../../../../index-Byr10W8m.js";
+import { P as f, R as u, T as b, C as m } from "../../../../index-DPcwqB8q.js";
 import { d as h } from "../../../../debounce-DJveWHr_.js";
 import { useRef as p, useState as w, useCallback as g, useEffect as i } from "react";
 const C = ({ text: r, prefix: n }) => {

package/dist/components/PhoneNumberInput/contexts/phone-number.provider.js

@@ -1,5 +1,5 @@
 import { jsx as w } from "react/jsx-runtime";
-import { l as Ht } from "../../../libphonenumber-C9G59k5J.js";
+import { l as Ht } from "../../../libphonenumber-aZ-2KWIf.js";
 import { i as M } from "../../../index-BmVmDQGH.js";
 import e, { useMemo as ot, useState as d, useCallback as z, useEffect as xt } from "react";
 import { PhoneNumberContext as gt } from "./phone-number.context.js";

package/dist/components/PhoneNumberInput/utils/index.js

@@ -1,4 +1,4 @@
-import { l as t } from "../../../libphonenumber-C9G59k5J.js";
+import { l as t } from "../../../libphonenumber-aZ-2KWIf.js";
 const e = t.PhoneNumberUtil.getInstance(), m = (r) => {
   const o = r.code, n = e.getExampleNumber(o);
   if (!n)

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,20 +1,3 @@
 import { FC } from 'react';
 import { ProgressBarProps } from './ProgressBar.types';
-/**
- * A progress bar component showing completion percentage.
- *
- * @example
- * ```tsx
- * // Basic progress bar
- * <ProgressBar percent={50} />
- *
- * // With label
- * <ProgressBar percent={75} label="Upload Progress" />
- *
- * // Completed state
- * <ProgressBar percent={100} status="success" label="Complete" />
- * ```
- *
- * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-progressbar--docs Storybook}
- */
 export declare const ProgressBar: FC<ProgressBarProps>;

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,62 +1,41 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { cn as s } from "../../utils/index.js";
-import { progressBarProgress as f, progressBarVariants as N } from "./ProgressBar.variants.js";
-const j = ({
-  backgroundBarClassName: t,
-  label: r,
-  labelClassName: o,
-  labelWrapperClassName: l,
-  percent: a,
-  percentClassName: n,
-  progressBarClassName: d,
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { cn as n } from "../../utils/index.js";
+import { progressBarFillVariants as p, progressBarTrackVariants as x } from "./ProgressBar.variants.js";
+const w = ({
+  className: c,
+  fillClassName: r,
+  leftContent: e,
+  percent: l,
+  rightContent: a,
   status: m,
-  theme: c,
-  wrapperClassName: h
-}) => /* @__PURE__ */ i(
-  "div",
-  {
-    className: s("w-full text-inherit", h),
-    "data-theme": c,
-    children: [
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: s(
-            "flex font-semibold",
-            {
-              "justify-between": r,
-              "justify-end": !r
-            },
-            l
-          ),
-          children: [
-            r ? /* @__PURE__ */ e("label", { className: s(o), children: r }) : null,
-            /* @__PURE__ */ i("span", { className: s(n), children: [
-              a,
-              "%"
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: s(N({ className: t })),
-          children: /* @__PURE__ */ e(
-            "div",
-            {
-              className: s(
-                f({ status: m, className: d }),
-                a > 0 && a < 99 ? "transition-width duration-500" : "transition-colors duration-0"
-              ),
-              style: { width: `${a}%` }
-            }
-          )
-        }
-      )
-    ]
-  }
-);
+  theme: d,
+  trackClassName: t
+}) => {
+  const o = Math.min(Math.max(l, 0), 100), h = e || a;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: n("flex flex-col gap-1 w-full", c),
+      "data-theme": d,
+      children: [
+        h && /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
+          e && /* @__PURE__ */ s("div", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: e }),
+          a && /* @__PURE__ */ s("div", { className: "text-right shrink-0", children: a })
+        ] }),
+        /* @__PURE__ */ s("div", { className: x({ className: t }), children: /* @__PURE__ */ s(
+          "div",
+          {
+            className: p({
+              status: r ? null : m,
+              className: r
+            }),
+            style: { width: `${o}%` }
+          }
+        ) })
+      ]
+    }
+  );
+};
 export {
-  j as ProgressBar
+  w as ProgressBar
 };