@tpc-mare/mare-ui-components-react 1.0.2 → 1.0.3

package/dist/shared/SelectField-BAuctVIF.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { forwardRef as v, useMemo as N } from "react";
+import { createListCollection as I, SelectRoot as C, SelectLabel as z, SelectControl as T, SelectTrigger as j, SelectContext as _, SelectValueText as $, SelectClearTrigger as D, SelectIndicator as F, SelectPositioner as L, SelectContent as R, SelectItem as V, SelectItemText as M, SelectItemIndicator as P } from "@ark-ui/react/select";
+import { IconX as X, IconChevronDown as q, IconCheck as A } from "@tabler/icons-react";
+import { o as B } from "./index-ByQ37VXf.js";
+const E = ["small", "medium"], G = {
+  small: "mare:h-10",
+  medium: "mare:h-12"
+}, H = {
+  small: "mare:tpc-typography-body-s",
+  medium: "mare:tpc-typography-body-m"
+}, J = (r) => `
+	mare:group mare:w-full mare:flex mare:items-center mare:justify-between mare:gap-3
+	${G[r]}
+	mare:px-3 mare:cursor-pointer
+	mare:rounded-input mare:border mare:border-strong mare:bg-default
+	mare:text-default ${H[r]}
+	mare:ark-open:outline-solid mare:ark-open:outline-2 mare:ark-open:outline-accent mare:ark-open:-outline-offset-2
+	mare:ark-disabled:text-disabled mare:ark-disabled:border-disabled-default mare:ark-disabled:cursor-not-allowed
+	mare:data-[invalid]:outline-solid mare:data-[invalid]:outline-2 mare:data-[invalid]:outline-danger mare:data-[invalid]:-outline-offset-2
+`, l = "mare:flex-auto mare:text-left mare:truncate mare:data-[placeholder-shown]:text-weak", K = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", Q = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", U = "mare:flex mare:items-center mare:shrink-0 mare:text-weak mare:[&>svg]:size-5", W = `
+	mare:flex mare:flex-col mare:gap-0.5 mare:p-1
+	mare:rounded-input mare:border mare:border-default mare:bg-raised
+	mare:shadow-[0_2px_6px_0_rgba(0,0,0,0.16)]
+	mare:max-h-72 mare:overflow-y-auto
+	mare:min-w-[var(--reference-width)]
+	mare:z-50
+`, Y = `
+	mare:group/option mare:flex mare:items-center mare:justify-between mare:gap-2
+	mare:w-full mare:min-h-8 mare:py-2 mare:px-3 mare:cursor-pointer mare:rounded-menu-item
+	mare:tpc-typography-body-s mare:text-default
+	mare:ark-highlighted:bg-hover
+	mare:ark-selected:bg-accent-weak mare:ark-selected:text-accent
+	mare:ark-disabled:text-disabled mare:ark-disabled:cursor-not-allowed
+`, Z = "mare:flex mare:items-center mare:text-accent", O = "mare:tpc-typography-label-s mare:text-default mare:mb-1.5 mare:block", le = v(function({
+  value: i = null,
+  onValueChange: u,
+  /* Default a [] aunque el tipo diga que es requerido: `items={data}`
+   * con data de un fetch sin resolver llega `undefined` en el primer
+   * render y el .map() de abajo tiraba pantalla blanca. */
+  options: t = [],
+  placeholder: o = "Select…",
+  size: f = "medium",
+  disabled: p = !1,
+  invalid: h = !1,
+  clearable: x = !1,
+  label: s,
+  leadingIcon: n,
+  indicator: b,
+  clearIcon: g,
+  checkIcon: k,
+  renderValue: c,
+  renderOption: d
+}, S) {
+  const w = B(f, E, "medium"), y = N(
+    () => I({
+      items: t,
+      itemToValue: (a) => a.value,
+      itemToString: (a) => a.label,
+      isItemDisabled: (a) => !!a.disabled
+    }),
+    [t]
+  );
+  return /* @__PURE__ */ m(
+    C,
+    {
+      ref: S,
+      collection: y,
+      value: i == null ? [] : [i],
+      disabled: p,
+      invalid: h,
+      onValueChange: (a) => u?.(a.value[0] ?? null),
+      children: [
+        s && /* @__PURE__ */ e(z, { className: O, children: s }),
+        /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ m("div", { className: J(w), children: [
+          n && /* @__PURE__ */ e("span", { className: U, children: n }),
+          c ? /* @__PURE__ */ e(_, { children: (a) => a.selectedItems.length > 0 ? /* @__PURE__ */ e("span", { className: l, children: c(
+            a.selectedItems[0]
+          ) }) : /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${l} mare:text-weak`,
+              children: o
+            }
+          ) }) : /* @__PURE__ */ e(
+            $,
+            {
+              className: l,
+              placeholder: o
+            }
+          ),
+          x && /* @__PURE__ */ e(D, { className: Q, children: g ?? /* @__PURE__ */ e(X, { size: "1em" }) }),
+          /* @__PURE__ */ e(F, { className: K, children: b ?? /* @__PURE__ */ e(q, { size: "1em" }) })
+        ] }) }) }),
+        /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(R, { className: W, children: t.map((a) => /* @__PURE__ */ m(
+          V,
+          {
+            item: a,
+            className: Y,
+            children: [
+              /* @__PURE__ */ e(M, { children: d ? d(a) : a.label }),
+              /* @__PURE__ */ e(
+                P,
+                {
+                  className: Z,
+                  children: k ?? /* @__PURE__ */ e(A, { size: "1em" })
+                }
+              )
+            ]
+          },
+          a.value
+        )) }) })
+      ]
+    }
+  );
+});
+export {
+  le as S
+};

package/dist/shared/Slider-D_iNiPxa.js

@@ -0,0 +1,110 @@
+import { jsx as l, jsxs as k } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { Slider as r } from "@ark-ui/react/slider";
+import { o as x } from "./index-ByQ37VXf.js";
+const v = `
+	mare:flex mare:items-center mare:gap-2
+	mare:ark-horizontal:w-full mare:ark-horizontal:min-w-64
+	mare:ark-vertical:flex-col mare:ark-vertical:h-50
+	mare:ark-disabled:opacity-50 mare:ark-disabled:pointer-events-none
+`, _ = `
+	mare:relative mare:flex mare:flex-1 mare:items-center
+	mare:h-8 mare:w-full
+	mare:ark-vertical:flex-col mare:ark-vertical:w-8 mare:ark-vertical:h-full
+`, z = `
+	mare:relative mare:flex-1 mare:overflow-hidden
+	mare:bg-neutral-weak mare:rounded-xs
+
+	mare:before:content-[''] mare:before:absolute mare:before:inset-0
+	mare:before:bg-repeat
+
+	mare:ark-horizontal:h-[2px]
+	mare:ark-horizontal:before:bg-[image:linear-gradient(to_right,transparent_calc(100%-1px),var(--color-border-default)_0%)]
+	mare:ark-horizontal:before:bg-[length:var(--step-tick-size)_100%]
+
+	mare:ark-vertical:w-[3px] mare:ark-vertical:h-full
+	mare:ark-vertical:before:bg-[image:linear-gradient(to_bottom,transparent_calc(100%-1px),var(--color-border-default)_0%)]
+	mare:ark-vertical:before:bg-[length:100%_var(--step-tick-size)]
+`, w = `
+	mare:bg-accent mare:rounded-xs
+
+	mare:ark-horizontal:h-full
+	mare:ark-vertical:w-full
+
+	mare:ark-disabled:bg-neutral!
+	mare:ark-invalid:border mare:ark-invalid:border-danger
+`, N = `
+	mare:flex mare:items-center mare:justify-center
+	mare:h-8 mare:w-8 mare:rounded-full
+	mare:bg-raised mare:border mare:border-default
+	mare:shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.10),0px_4px_6px_-2px_rgba(0,0,0,0.05)]
+	mare:outline-0
+	mare:cursor-grab mare:touch-none
+	mare:hover:scale-110
+	mare:ark-dragging:cursor-grabbing
+`, S = `
+	mare:sr-only
+`, y = (a, o = 0, t = 100) => {
+  const e = t - o;
+  if (!(!a || a <= 0 || e <= 0) && !(e / a > 20))
+    return `${Number((a / e * 100).toFixed(4))}%`;
+}, j = ["horizontal", "vertical"], F = p(
+  function({
+    value: o = [0],
+    onValueChange: t,
+    min: e = 0,
+    max: m = 100,
+    step: i = 1,
+    orientation: s = "horizontal",
+    disabled: d = !1,
+    invalid: f = !1,
+    id: b,
+    name: h
+  }, g) {
+    const u = x(
+      s,
+      j,
+      "horizontal"
+    );
+    return /* @__PURE__ */ l(
+      r.Root,
+      {
+        ref: g,
+        value: o,
+        onValueChange: (n) => t?.(n.value),
+        min: e,
+        max: m,
+        step: i,
+        orientation: u,
+        disabled: d,
+        invalid: f,
+        id: b,
+        name: h,
+        className: v,
+        style: {
+          "--step-tick-size": y(i, e, m)
+        },
+        children: /* @__PURE__ */ k(r.Control, { className: _, children: [
+          /* @__PURE__ */ l(r.Track, { className: z, children: /* @__PURE__ */ l(r.Range, { className: w }) }),
+          o.map((n, c) => /* @__PURE__ */ l(
+            r.Thumb,
+            {
+              index: c,
+              className: N,
+              children: /* @__PURE__ */ l(
+                r.HiddenInput,
+                {
+                  className: S
+                }
+              )
+            },
+            c
+          ))
+        ] })
+      }
+    );
+  }
+);
+export {
+  F as S
+};

package/dist/shared/{Snackbar-BhORbyt-.js → Snackbar-DP-b4GWx.js}

@@ -1,8 +1,9 @@
+"use client";
 import { jsx as o, jsxs as y } from "react/jsx-runtime";
 import { Portal as u } from "@ark-ui/react/portal";
 import { Toaster as b, Toast as m, createToaster as h } from "@ark-ui/react/toast";
 import { o as i } from "./index-ByQ37VXf.js";
-import { B as x } from "./Button-C2ULmKj3.js";
+import { B as x } from "./Button-BqFuDnSs.js";
 const k = `
 	mare:group mare:w-full mare:min-w-[20rem] mare:max-w-[429px]
 	mare:relative mare:overflow-hidden mare:rounded-tpc-snackbar
@@ -61,7 +62,10 @@ function j(a = {}) {
         priority: R(e, !!r.action),
         duration: l(r.life),
         action: r.action,
-        meta: { leading: r.leading, progressBar: r.progressBar }
+        meta: {
+          leading: r.leading,
+          progressBar: r.progressBar
+        }
       });
     },
     dismiss(r) {
@@ -71,8 +75,12 @@ function j(a = {}) {
       const n = t.getVisibleToasts().find((g) => g.id === r);
       t.update(r, {
         description: e.detail ?? n?.description,
-        type: e.severity ? i(e.severity, d, "contrast") : n?.type,
-        duration: e.life != null ? l(e.life) : n?.duration,
+        type: e.severity ? i(
+          e.severity,
+          d,
+          "contrast"
+        ) : n?.type,
+        duration: e.life == null ? n?.duration : l(e.life),
         action: e.action ?? n?.action,
         meta: {
           leading: e.leading ?? n?.meta?.leading,
@@ -86,21 +94,46 @@ function j(a = {}) {
 function z({ controller: a, portalContainer: t }) {
   const s = a[p];
   if (!s)
-    throw new Error("Snackbar: controller was not created by createSnackbar().");
+    throw new Error(
+      "Snackbar: controller was not created by createSnackbar()."
+    );
   return /* @__PURE__ */ o(u, { container: t, children: /* @__PURE__ */ o(b, { toaster: s, children: (r) => {
     const e = r.meta?.leading, n = !!r.meta?.progressBar;
-    return /* @__PURE__ */ y(m.Root, { className: k, children: [
-      e ? /* @__PURE__ */ o("div", { className: f, children: e }) : null,
-      /* @__PURE__ */ o(m.Description, { className: _(!!e), children: r.description }),
-      r.action ? /* @__PURE__ */ o("div", { className: v, children: /* @__PURE__ */ o(m.ActionTrigger, { asChild: !0, children: /* @__PURE__ */ o(x, { severity: "ghost", link: !0, size: "xsmall", children: r.action.label }) }) }) : null,
-      n ? /* @__PURE__ */ o(
-        "div",
-        {
-          className: w,
-          style: { "--mare-snackbar-life": `${r.duration}ms` }
-        }
-      ) : null
-    ] }, r.id);
+    return /* @__PURE__ */ y(
+      m.Root,
+      {
+        className: k,
+        children: [
+          e ? /* @__PURE__ */ o("div", { className: f, children: e }) : null,
+          /* @__PURE__ */ o(
+            m.Description,
+            {
+              className: _(!!e),
+              children: r.description
+            }
+          ),
+          r.action ? /* @__PURE__ */ o("div", { className: v, children: /* @__PURE__ */ o(m.ActionTrigger, { asChild: !0, children: /* @__PURE__ */ o(
+            x,
+            {
+              severity: "ghost",
+              link: !0,
+              size: "xsmall",
+              children: r.action.label
+            }
+          ) }) }) : null,
+          n ? /* @__PURE__ */ o(
+            "div",
+            {
+              className: w,
+              style: {
+                "--mare-snackbar-life": `${r.duration}ms`
+              }
+            }
+          ) : null
+        ]
+      },
+      r.id
+    );
   } }) });
 }
 export {

package/dist/shared/{Stepper-DrKKSn_j.js → Stepper-CudtdHSg.js}

@@ -1,17 +1,16 @@
 import { jsxs as m, jsx as e, Fragment as b } from "react/jsx-runtime";
 import { Steps as a } from "@ark-ui/react/steps";
 import { o as k } from "./index-ByQ37VXf.js";
-import { I as v } from "./IconCheck-DzZA6b2U.js";
-import { I as y, a as N } from "./IconChevronRight-DEIDRsvg.js";
+import { IconCheck as v, IconChevronLeft as y, IconChevronRight as N } from "@tabler/icons-react";
 const w = ["horizontal", "vertical"], z = "mare:flex mare:ark-horizontal:flex-col mare:ark-vertical:flex-row mare:gap-4 mare:w-full", j = `
 	mare:hidden mare:sm:flex mare:gap-2 mare:overflow-x-auto
 	mare:ark-horizontal:flex-row mare:ark-horizontal:items-center mare:ark-horizontal:justify-between
 	mare:ark-vertical:flex-col mare:ark-vertical:items-start
-`, C = "mare:relative mare:flex mare:items-center mare:ark-vertical:items-start mare:gap-3 mare:flex-1 mare:last:flex-none", I = `
+`, C = "mare:relative mare:flex mare:items-center mare:ark-vertical:items-start mare:gap-3 mare:flex-1 mare:last:flex-none", S = `
 	mare:group mare:flex mare:items-center mare:gap-3 mare:bg-transparent mare:border-none
 	mare:text-left mare:cursor-pointer mare:rounded-md mare:outline-none
 	mare:disabled:cursor-not-allowed mare:disabled:opacity-50
-`, S = (t) => `
+`, I = (t) => `
 	mare:group mare:flex mare:items-center mare:justify-center mare:shrink-0 mare:relative
 	mare:size-8 mare:rounded-full mare:tpc-typography-label-s
 	mare:ark-incomplete:bg-neutral-weak mare:ark-incomplete:text-weak
@@ -45,20 +44,23 @@ function A({ items: t }) {
     /* @__PURE__ */ e(a.NextTrigger, { className: o, children: /* @__PURE__ */ e(N, { size: "1em" }) })
   ] });
 }
-function K({
-  items: t,
+function J({
+  /* Default a [] aunque el tipo diga que es requerido: `items={data}`
+   * con data de un fetch sin resolver llega `undefined` en el primer
+   * render y el .map() de abajo tiraba pantalla blanca. */
+  items: t = [],
   step: n,
   defaultStep: c,
-  onStepChange: s,
-  onStepComplete: i,
-  linear: p = !1,
-  orientation: d = "horizontal",
+  onStepChange: i,
+  onStepComplete: s,
+  linear: d = !1,
+  orientation: p = "horizontal",
   indicatorVariant: u = "default",
   isStepValid: f,
   isStepSkippable: h
 }) {
-  const x = S(u), g = k(
-    d,
+  const x = I(u), g = k(
+    p,
     w,
     "horizontal"
   );
@@ -69,12 +71,12 @@ function K({
       count: t.length,
       step: n,
       defaultStep: c,
-      linear: p,
+      linear: d,
       orientation: g,
       isStepValid: f,
       isStepSkippable: h,
-      onStepChange: (r) => s?.(r.step),
-      onStepComplete: i,
+      onStepChange: (r) => i?.(r.step),
+      onStepComplete: s,
       children: [
         /* @__PURE__ */ e(a.List, { className: j, children: t.map((r, l) => /* @__PURE__ */ m(
           a.Item,
@@ -82,10 +84,16 @@ function K({
             index: l,
             className: C,
             children: [
-              /* @__PURE__ */ m(a.Trigger, { className: I, children: [
+              /* @__PURE__ */ m(a.Trigger, { className: S, children: [
                 /* @__PURE__ */ e(a.Indicator, { className: x, children: r.icon ? /* @__PURE__ */ e("span", { className: T, children: r.icon }) : /* @__PURE__ */ m(b, { children: [
                   /* @__PURE__ */ e("span", { className: R, children: /* @__PURE__ */ e(v, {}) }),
-                  /* @__PURE__ */ e("span", { className: L, children: l + 1 })
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: L,
+                      children: l + 1
+                    }
+                  )
                 ] }) }),
                 /* @__PURE__ */ m("span", { className: B, children: [
                   /* @__PURE__ */ e("span", { className: F, children: r.title }),
@@ -112,5 +120,5 @@ function K({
   );
 }
 export {
-  K as S
+  J as S
 };

package/dist/shared/Switch-C1dd2rX1.js

@@ -0,0 +1,114 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { Switch as a } from "@ark-ui/react/switch";
+import { o as k } from "./index-ByQ37VXf.js";
+const x = ["small", "medium", "large"], w = `
+	mare:inline-flex mare:items-center mare:gap-2
+	mare:select-none mare:cursor-pointer
+	mare:ark-disabled:cursor-default
+`, y = `
+	mare:inline-flex mare:shrink-0 mare:items-center mare:px-0.5
+	mare:rounded-full mare:border mare:border-transparent
+	mare:bg-neutral
+	mare:shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]
+	mare:transition-colors mare:duration-200
+
+	mare:data-size-small:w-9 mare:data-size-small:h-5.5
+	mare:data-size-medium:w-13 mare:data-size-medium:h-8
+	mare:data-size-large:w-16 mare:data-size-large:h-9
+
+	mare:ark-checked:bg-accent
+	mare:not-ark-disabled:ark-checked:hover:bg-accent-hover
+
+	mare:ark-disabled:bg-disabled!
+
+	mare:ark-invalid:border-danger
+`, S = `
+	mare:rounded-full mare:bg-default
+	mare:transition-transform mare:duration-300
+
+	mare:data-size-small:w-4.5 mare:data-size-small:h-4.5
+	mare:data-size-medium:w-7 mare:data-size-medium:h-7
+	mare:data-size-large:w-8 mare:data-size-large:h-8
+
+	mare:data-size-small:ark-checked:translate-x-3
+	mare:data-size-medium:ark-checked:translate-x-4.5
+	mare:data-size-large:ark-checked:translate-x-6.5
+`, N = `
+	mare:text-default
+	mare:data-size-small:tpc-typography-body-s
+	mare:data-size-medium:tpc-typography-body-m
+	mare:data-size-large:tpc-typography-body-l
+	mare:ark-disabled:text-disabled
+`, _ = `
+	mare:sr-only
+`, I = g(
+  function({
+    checked: t,
+    defaultChecked: s,
+    onCheckedChange: d,
+    children: m,
+    size: l = "small",
+    disabled: i = !1,
+    invalid: o = !1,
+    readOnly: n = !1,
+    required: c = !1,
+    name: h,
+    value: u = "on",
+    id: z
+  }, p) {
+    const r = k(l, x, "small");
+    return /* @__PURE__ */ f(
+      a.Root,
+      {
+        checked: t,
+        defaultChecked: s,
+        onCheckedChange: (b) => {
+          d?.(b.checked);
+        },
+        disabled: i,
+        invalid: o,
+        readOnly: n,
+        required: c,
+        name: h,
+        value: u,
+        id: z,
+        className: w,
+        children: [
+          /* @__PURE__ */ e(
+            a.Control,
+            {
+              className: y,
+              "data-size": r,
+              children: /* @__PURE__ */ e(
+                a.Thumb,
+                {
+                  className: S,
+                  "data-size": r
+                }
+              )
+            }
+          ),
+          m && /* @__PURE__ */ e(
+            a.Label,
+            {
+              className: N,
+              "data-size": r,
+              children: m
+            }
+          ),
+          /* @__PURE__ */ e(
+            a.HiddenInput,
+            {
+              className: _,
+              ref: p
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  I as S
+};

package/dist/shared/{Tabs-DuufYBV2.js → Tabs-lGGLALGR.js}

@@ -23,7 +23,10 @@ const h = ["small", "medium"], x = {
 function z({
   value: a,
   onValueChange: r,
-  items: m,
+  /* Default a [] aunque el tipo diga que es requerido: `items={data}`
+   * con data de un fetch sin resolver llega `undefined` en el primer
+   * render y el .map() de abajo tiraba pantalla blanca. */
+  items: m = [],
   size: i = "small",
   fluid: t = !1,
   renderTab: s,

package/dist/shared/{TagChip-CP3aX2_G.js → TagChip-QQ6p0JgU.js}

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { o as m } from "./index-ByQ37VXf.js";
-import { I as b } from "./IconX-CpPADKjZ.js";
+import { IconX as b } from "@tabler/icons-react";
 const v = `
 	mare:inline-flex mare:items-center mare:gap-0.5 mare:rounded-full
 	mare:border mare:border-default mare:bg-default mare:text-default

package/dist/shared/Textarea-CJfNbqGA.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as F } from "react";
+import { useFieldContext as L, FieldTextarea as T, FieldRoot as b } from "@ark-ui/react/field";
+import { m as C } from "./InputText.types-KhlkzHMw-BtRY371_.js";
+import { u as g, a as v } from "./field-layout-o6bDLvVU.js";
+import { o as w } from "./index-ByQ37VXf.js";
+const k = F(
+  function({
+    /* Sin `value` React deja el input UNCONTROLLED y el DOM guarda el valor:
+     * ahí `defaultValue` (que pasa por `...native`) funciona y el campo se
+     * puede usar con react-hook-form via register(). Con un `value = ''` por
+     * defecto el input quedaba congelado si nadie mandaba `onValueChange`. */
+    value: o,
+    onValueChange: s,
+    size: r = "medium",
+    invalid: l = !1,
+    disabled: i = !1,
+    autoresize: m = !1,
+    placeholder: f,
+    ...n
+  }, c) {
+    const e = g(), u = !L(), d = w(r, C, "medium"), p = v({
+      size: d,
+      hasFloatLabel: e?.hasFloatLabel ?? !1
+    }), x = e?.hasFloatLabel ? " " : f, a = /* @__PURE__ */ t(
+      T,
+      {
+        ref: c,
+        ...n,
+        autoresize: m,
+        className: p,
+        placeholder: x,
+        value: o,
+        onChange: (h) => s?.(h.target.value)
+      }
+    );
+    return u ? /* @__PURE__ */ t(
+      b,
+      {
+        invalid: l,
+        disabled: i,
+        className: "mare:w-full",
+        children: a
+      }
+    ) : a;
+  }
+);
+export {
+  k as T
+};

package/dist/shared/useControllableValue-DhckT_e1.js

@@ -0,0 +1,13 @@
+import { useState as u, useCallback as i } from "react";
+function f(e, o, s) {
+  const [a, n] = u(o), t = e !== void 0, r = i(
+    (l) => {
+      t || n(l), s?.(l);
+    },
+    [t, s]
+  );
+  return [t ? e : a, r];
+}
+export {
+  f as u
+};

package/dist/skeleton.d.ts

@@ -0,0 +1,30 @@
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react';
+
+declare type ForwardedNativeProperties = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children'>;
+
+export declare function Skeleton({ shape, width, height, size, ...native }: SkeletonProperties): JSX_2.Element;
+
+/** Shape of the placeholder — rectangle for text/blocks, circle for avatars. */
+declare const SKELETON_SHAPES: readonly ["rectangle", "circle"];
+
+export declare interface SkeletonProperties extends ForwardedNativeProperties {
+    /** @default 'rectangle' */
+    shape?: SkeletonShape;
+    /**
+     * Width of the placeholder (number = px, or any CSS length string).
+     * @default '100%'
+     */
+    width?: string | number;
+    /**
+     * Height of the placeholder (number = px, or any CSS length string).
+     * @default '1rem'
+     */
+    height?: string | number;
+    /** Convenience for shape='circle': sets width and height to the same value. */
+    size?: string | number;
+}
+
+export declare type SkeletonShape = (typeof SKELETON_SHAPES)[number];
+
+export { }

package/dist/slider/index.js

@@ -1,4 +1,4 @@
-import { S as o } from "../shared/Slider-Cl9PyH2q.js";
+import { S as o } from "../shared/Slider-D_iNiPxa.js";
 export {
   o as Slider
 };