@boxcustodia/library 0.5.1 → 0.5.3

package/dist/index.es86.js

@@ -1,102 +1,149 @@
-import { j as e } from "./index.es98.js";
-import { TimelineStatus as m } from "./index.es160.js";
-import { cn as l } from "./index.es87.js";
-const h = ({
-  items: i,
-  classNameContainer: s,
-  containerProps: a,
-  ...r
-}) => /* @__PURE__ */ e.jsx(x, { className: s, ...a, children: i.map((t, u) => /* @__PURE__ */ e.jsx(
-  f,
-  {
-    icon: t.icon,
-    color: t.color,
-    status: t.status,
-    ...r,
-    children: t.content
-  },
-  u
-)) }), x = (i) => /* @__PURE__ */ e.jsx(
-  "ul",
-  {
-    ...i,
-    className: l(
-      "ui-relative ui-flex ui-justify-center ui-flex-col ui-border-gray-200",
-      i.className
-    )
-  }
-), f = ({
-  icon: i,
-  status: s,
-  color: a,
-  classNameItemDot: r,
-  classNameItemContainerDot: t,
-  classNameItemContent: u,
-  itemsProps: o,
-  children: c,
+import { j as t } from "./index.es98.js";
+import { useControllableState as S } from "./index.es104.js";
+import { StepperContextProvider as w, useStepperContext as x } from "./index.es156.js";
+import { cn as p } from "./index.es88.js";
+function h({
+  items: e = [],
+  current: i,
+  onChange: u,
+  className: n,
+  classNameList: l,
+  classNameItem: s,
+  classNameButton: c,
+  classNameIndicator: a,
+  classNameContent: f
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    d,
+    {
+      className: n,
+      current: i,
+      onChange: u,
+      children: [
+        /* @__PURE__ */ t.jsx(m, { className: l, children: e == null ? void 0 : e.map((r, o) => /* @__PURE__ */ t.jsx(
+          y,
+          {
+            value: o,
+            title: r == null ? void 0 : r.title,
+            indicator: r == null ? void 0 : r.indicator,
+            classNameItem: s,
+            classNameButton: c,
+            classNameIndicator: a
+          },
+          o
+        )) }),
+        e == null ? void 0 : e.map((r, o) => /* @__PURE__ */ t.jsx(g, { className: f, value: o, children: r == null ? void 0 : r.content }, o))
+      ]
+    }
+  );
+}
+h.displayName = "Stepper";
+function d({
+  current: e,
+  onChange: i,
+  className: u,
   ...n
-}) => /* @__PURE__ */ e.jsxs(
-  "li",
-  {
-    className: l(
-      "ui-rounded-lg w-full ui-px-2 ui-gap-1 ui-grid hover:ui-bg-muted ui-transition-colors ui-ease-in ui-grid-cols-[minmax(auto,20px),1fr]",
-      n.className
-    ),
-    ...n,
-    children: [
-      /* @__PURE__ */ e.jsx(
-        d,
-        {
-          icon: i,
-          status: s,
-          color: a,
-          classNameDot: r,
-          classNameContainerDot: t
-        }
-      ),
-      /* @__PURE__ */ e.jsx(p, { className: u, ...o, children: c })
-    ]
-  }
-), d = ({
-  icon: i,
-  status: s = "pending",
-  color: a,
-  classNameDot: r,
-  classNameContainerDot: t
-}) => {
-  var u;
-  return /* @__PURE__ */ e.jsx(
+}) {
+  const [l = 0, s] = S({
+    prop: e,
+    onChange: i,
+    defaultProp: 0
+  });
+  return /* @__PURE__ */ t.jsx(w, { value: { activeStep: l, setActiveStep: s }, children: /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: l(
-        "ui-relative ui-pb-6 last:after:ui-hidden after:ui-absolute after:ui-top-0 after:ui-bottom-0 after:ui-left-1/2 after:ui-w-px after:ui--translate-x-1/2 after:ui-bg-gray-200",
-        t
+      className: p(
+        "ui-flex ui-flex-col ui-items-center ui-w-full ui-transition-all ui-ease-in ui-delay-150",
+        u
+      ),
+      ...n
+    }
+  ) });
+}
+d.displayName = "StepperContainer";
+function m({
+  children: e,
+  className: i,
+  ...u
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "ul",
+    {
+      className: p(
+        "ui-flex ui-flex-col sm:ui-flex-row sm:ui-gap-0 ui-gap-4 ui-items-center ui-w-full ui-text-xs ui-font-medium ui-text-gray-900 sm:ui-text-base ui-mb-8",
+        i
+      ),
+      ...u,
+      children: e
+    }
+  );
+}
+m.displayName = "StepperList";
+function y({
+  disabled: e,
+  value: i,
+  title: u,
+  indicator: n,
+  classNameItem: l,
+  classNameButton: s,
+  classNameIndicator: c
+}) {
+  const { activeStep: a, setActiveStep: f } = x();
+  return /* @__PURE__ */ t.jsx(
+    "li",
+    {
+      className: p(
+        "ui-flex ui-relative ui-text-primary ui-transition-all ui-ease-in ui-delay-150",
+        "last:ui-w-full last:sm:ui-w-auto last:after:ui-hidden",
+        `ui-w-full after:ui-content-[''] sm:after:ui-w-full after:ui-h-full after:ui-w-0.5 sm:after:ui-h-0.5 ${a > i ? "after:ui-bg-primary" : "after:ui-bg-gray-300"} after:ui-inline-block after:ui-absolute after:ui-top-5 sm:after:ui-top-5 after:ui-left-4 sm:after:ui-left-10`,
+        l
       ),
-      children: /* @__PURE__ */ e.jsx(
-        "div",
+      children: /* @__PURE__ */ t.jsxs(
+        "button",
         {
-          className: l(
-            "ui-relative ui-z-10 ui-flex ui-text-white ui-items-center ui-justify-center ui-rounded-full ui-left-1/2 ui--translate-x-1/2",
-            i ? "ui-aspect-square ui-p-1.5 ui-min-h-7 ui-min-w-7 ui-top-2" : "ui-size-2 ui-top-4",
-            r
+          onClick: () => !e && f(i),
+          className: p(
+            "ui-z-10 ui-flex ui-items-center ui-justify-center sm:ui-flex-col ui-gap-3 ui-flex-row ui-whitespace-nowrap ui-cursor-pointer ui-group ui-transition-color ui-ease-in ui-delay-150",
+            a >= i ? "ui-text-primary" : "ui-text-gray-500",
+            e && "ui-cursor-not-allowed",
+            s
           ),
-          style: { backgroundColor: a || ((u = m) == null ? void 0 : u[s]) },
-          children: i
+          children: [
+            /* @__PURE__ */ t.jsx(
+              "span",
+              {
+                className: p(
+                  "ui-flex ui-items-center ui-transition-all ui-overflow-hidden ui-ease-in ui-justify-center group-hover:ui-scale-105 sm:ui-w-10 sm:ui-h-10 ui-mx-auto ui-text-sm ui-border-2 ui-rounded-full ui-w-8 ui-h-8",
+                  a > i && "ui-bg-primary ui-border-primary ui-text-primary-foreground",
+                  a === i && "ui-bg-gray-100 ui-text-primary ui-border-primary",
+                  a < i && "ui-bg-white ui-text-gray-500 ui-border-gray-300",
+                  e && "ui-text-gray-300",
+                  c
+                ),
+                children: a > i ? "✓" : n || i + 1
+              }
+            ),
+            u
+          ]
         }
       )
     }
   );
-}, p = (i) => /* @__PURE__ */ e.jsx(
-  "div",
-  {
-    ...i,
-    className: l("ui-grow ui-px-2 ui-pb-4 ui-pt-2", i.className)
-  }
-);
+}
+y.displayName = "StepperTrigger";
+function g({
+  value: e,
+  className: i = "ui-w-full",
+  ...u
+}) {
+  const { activeStep: n } = x();
+  return n === e ? /* @__PURE__ */ t.jsx("div", { className: i, ...u }) : null;
+}
+g.displayName = "StepperContent";
 export {
-  h as Timeline,
-  p as TimelineItemContent,
-  d as TimelineItemDot,
-  f as TimelineListItem,
-  x as TimelineRoot
+  h as Stepper,
+  d as StepperContainer,
+  g as StepperContent,
+  m as StepperList,
+  y as StepperTrigger
 };

package/dist/index.es860.js

@@ -1,16 +1,16 @@
-var C = {};
-C = {
-  deselectedItem: (u) => `Δεν επιλέχθηκε το στοιχείο ${u.item}.`,
-  longPressToSelect: "Πατήστε παρατεταμένα για να μπείτε σε λειτουργία επιλογής.",
-  select: "Επιλογή",
-  selectedAll: "Επιλέχθηκαν όλα τα στοιχεία.",
-  selectedCount: (u, B) => `${B.plural(u.count, {
-    "=0": "Δεν επιλέχθηκαν στοιχεία",
-    one: () => `Επιλέχθηκε ${B.number(u.count)} στοιχείο`,
-    other: () => `Επιλέχθηκαν ${B.number(u.count)} στοιχεία`
+var l = {};
+l = {
+  deselectedItem: (e) => `${e.item} not selected.`,
+  select: "Select",
+  selectedCount: (e, t) => `${t.plural(e.count, {
+    "=0": "No items selected",
+    one: () => `${t.number(e.count)} item selected`,
+    other: () => `${t.number(e.count)} items selected`
   })}.`,
-  selectedItem: (u) => `Επιλέχθηκε το στοιχείο ${u.item}.`
+  selectedAll: "All items selected.",
+  selectedItem: (e) => `${e.item} selected.`,
+  longPressToSelect: "Long press to enter selection mode."
 };
 export {
-  C as default
+  l as default
 };

package/dist/index.es861.js

@@ -1,15 +1,15 @@
 var l = {};
 l = {
-  deselectedItem: (e) => `${e.item} not selected.`,
-  select: "Select",
-  selectedCount: (e, t) => `${t.plural(e.count, {
-    "=0": "No items selected",
-    one: () => `${t.number(e.count)} item selected`,
-    other: () => `${t.number(e.count)} items selected`
+  deselectedItem: (e) => `${e.item} no seleccionado.`,
+  longPressToSelect: "Mantenga pulsado para abrir el modo de selección.",
+  select: "Seleccionar",
+  selectedAll: "Todos los elementos seleccionados.",
+  selectedCount: (e, o) => `${o.plural(e.count, {
+    "=0": "Ningún elemento seleccionado",
+    one: () => `${o.number(e.count)} elemento seleccionado`,
+    other: () => `${o.number(e.count)} elementos seleccionados`
   })}.`,
-  selectedAll: "All items selected.",
-  selectedItem: (e) => `${e.item} selected.`,
-  longPressToSelect: "Long press to enter selection mode."
+  selectedItem: (e) => `${e.item} seleccionado.`
 };
 export {
   l as default

package/dist/index.es862.js

@@ -1,16 +1,16 @@
-var l = {};
-l = {
-  deselectedItem: (e) => `${e.item} no seleccionado.`,
-  longPressToSelect: "Mantenga pulsado para abrir el modo de selección.",
-  select: "Seleccionar",
-  selectedAll: "Todos los elementos seleccionados.",
-  selectedCount: (e, o) => `${o.plural(e.count, {
-    "=0": "Ningún elemento seleccionado",
-    one: () => `${o.number(e.count)} elemento seleccionado`,
-    other: () => `${o.number(e.count)} elementos seleccionados`
+var t = {};
+t = {
+  deselectedItem: (e) => `${e.item} pole valitud.`,
+  longPressToSelect: "Valikurežiimi sisenemiseks vajutage pikalt.",
+  select: "Vali",
+  selectedAll: "Kõik üksused valitud.",
+  selectedCount: (e, l) => `${l.plural(e.count, {
+    "=0": "Üksusi pole valitud",
+    one: () => `${l.number(e.count)} üksus valitud`,
+    other: () => `${l.number(e.count)} üksust valitud`
   })}.`,
-  selectedItem: (e) => `${e.item} seleccionado.`
+  selectedItem: (e) => `${e.item} valitud.`
 };
 export {
-  l as default
+  t as default
 };

package/dist/index.es863.js

@@ -1,16 +1,16 @@
-var t = {};
-t = {
-  deselectedItem: (e) => `${e.item} pole valitud.`,
-  longPressToSelect: "Valikurežiimi sisenemiseks vajutage pikalt.",
-  select: "Vali",
-  selectedAll: "Kõik üksused valitud.",
-  selectedCount: (e, l) => `${l.plural(e.count, {
-    "=0": "Üksusi pole valitud",
-    one: () => `${l.number(e.count)} üksus valitud`,
-    other: () => `${l.number(e.count)} üksust valitud`
+var l = {};
+l = {
+  deselectedItem: (e) => `Kohdetta ${e.item} ei valittu.`,
+  longPressToSelect: "Siirry valintatilaan painamalla pitkään.",
+  select: "Valitse",
+  selectedAll: "Kaikki kohteet valittu.",
+  selectedCount: (e, t) => `${t.plural(e.count, {
+    "=0": "Ei yhtään kohdetta valittu",
+    one: () => `${t.number(e.count)} kohde valittu`,
+    other: () => `${t.number(e.count)} kohdetta valittu`
   })}.`,
-  selectedItem: (e) => `${e.item} valitud.`
+  selectedItem: (e) => `${e.item} valittu.`
 };
 export {
-  t as default
+  l as default
 };

package/dist/index.es864.js

@@ -1,15 +1,15 @@
 var l = {};
 l = {
-  deselectedItem: (e) => `Kohdetta ${e.item} ei valittu.`,
-  longPressToSelect: "Siirry valintatilaan painamalla pitkään.",
-  select: "Valitse",
-  selectedAll: "Kaikki kohteet valittu.",
-  selectedCount: (e, t) => `${t.plural(e.count, {
-    "=0": "Ei yhtään kohdetta valittu",
-    one: () => `${t.number(e.count)} kohde valittu`,
-    other: () => `${t.number(e.count)} kohdetta valittu`
+  deselectedItem: (e) => `${e.item} non sélectionné.`,
+  longPressToSelect: "Appuyez de manière prolongée pour passer en mode de sélection.",
+  select: "Sélectionner",
+  selectedAll: "Tous les éléments sélectionnés.",
+  selectedCount: (e, n) => `${n.plural(e.count, {
+    "=0": "Aucun élément sélectionné",
+    one: () => `${n.number(e.count)} élément sélectionné`,
+    other: () => `${n.number(e.count)} éléments sélectionnés`
   })}.`,
-  selectedItem: (e) => `${e.item} valittu.`
+  selectedItem: (e) => `${e.item} sélectionné.`
 };
 export {
   l as default

package/dist/index.es865.js

@@ -1,16 +1,16 @@
-var l = {};
-l = {
-  deselectedItem: (e) => `${e.item} non sélectionné.`,
-  longPressToSelect: "Appuyez de manière prolongée pour passer en mode de sélection.",
-  select: "Sélectionner",
-  selectedAll: "Tous les éléments sélectionnés.",
-  selectedCount: (e, n) => `${n.plural(e.count, {
-    "=0": "Aucun élément sélectionné",
-    one: () => `${n.number(e.count)} élément sélectionné`,
-    other: () => `${n.number(e.count)} éléments sélectionnés`
+var e = {};
+e = {
+  deselectedItem: (u) => `${u.item} לא נבחר.`,
+  longPressToSelect: "הקשה ארוכה לכניסה למצב בחירה.",
+  select: "בחר",
+  selectedAll: "כל הפריטים נבחרו.",
+  selectedCount: (u, D) => `${D.plural(u.count, {
+    "=0": "לא נבחרו פריטים",
+    one: () => `פריט ${D.number(u.count)} נבחר`,
+    other: () => `${D.number(u.count)} פריטים נבחרו`
   })}.`,
-  selectedItem: (e) => `${e.item} sélectionné.`
+  selectedItem: (u) => `${u.item} נבחר.`
 };
 export {
-  l as default
+  e as default
 };

package/dist/index.es866.js

@@ -1,16 +1,16 @@
-var e = {};
-e = {
-  deselectedItem: (u) => `${u.item} לא נבחר.`,
-  longPressToSelect: "הקשה ארוכה לכניסה למצב בחירה.",
-  select: "בחר",
-  selectedAll: "כל הפריטים נבחרו.",
-  selectedCount: (u, D) => `${D.plural(u.count, {
-    "=0": "לא נבחרו פריטים",
-    one: () => `פריט ${D.number(u.count)} נבחר`,
-    other: () => `${D.number(u.count)} פריטים נבחרו`
+var t = {};
+t = {
+  deselectedItem: (e) => `Stavka ${e.item} nije odabrana.`,
+  longPressToSelect: "Dugo pritisnite za ulazak u način odabira.",
+  select: "Odaberite",
+  selectedAll: "Odabrane su sve stavke.",
+  selectedCount: (e, a) => `${a.plural(e.count, {
+    "=0": "Nije odabrana nijedna stavka",
+    one: () => `Odabrana je ${a.number(e.count)} stavka`,
+    other: () => `Odabrano je ${a.number(e.count)} stavki`
   })}.`,
-  selectedItem: (u) => `${u.item} נבחר.`
+  selectedItem: (e) => `Stavka ${e.item} je odabrana.`
 };
 export {
-  e as default
+  t as default
 };

package/dist/index.es867.js

@@ -1,16 +1,16 @@
-var t = {};
-t = {
-  deselectedItem: (e) => `Stavka ${e.item} nije odabrana.`,
-  longPressToSelect: "Dugo pritisnite za ulazak u način odabira.",
-  select: "Odaberite",
-  selectedAll: "Odabrane su sve stavke.",
-  selectedCount: (e, a) => `${a.plural(e.count, {
-    "=0": "Nije odabrana nijedna stavka",
-    one: () => `Odabrana je ${a.number(e.count)} stavka`,
-    other: () => `Odabrano je ${a.number(e.count)} stavki`
+var s = {};
+s = {
+  deselectedItem: (e) => `${e.item} nincs kijelölve.`,
+  longPressToSelect: "Nyomja hosszan a kijelöléshez.",
+  select: "Kijelölés",
+  selectedAll: "Az összes elem kijelölve.",
+  selectedCount: (e, l) => `${l.plural(e.count, {
+    "=0": "Egy elem sincs kijelölve",
+    one: () => `${l.number(e.count)} elem kijelölve`,
+    other: () => `${l.number(e.count)} elem kijelölve`
   })}.`,
-  selectedItem: (e) => `Stavka ${e.item} je odabrana.`
+  selectedItem: (e) => `${e.item} kijelölve.`
 };
 export {
-  t as default
+  s as default
 };

package/dist/index.es868.js

@@ -1,16 +1,16 @@
-var s = {};
-s = {
-  deselectedItem: (e) => `${e.item} nincs kijelölve.`,
-  longPressToSelect: "Nyomja hosszan a kijelöléshez.",
-  select: "Kijelölés",
-  selectedAll: "Az összes elem kijelölve.",
+var t = {};
+t = {
+  deselectedItem: (e) => `${e.item} non selezionato.`,
+  longPressToSelect: "Premi a lungo per passare alla modalità di selezione.",
+  select: "Seleziona",
+  selectedAll: "Tutti gli elementi selezionati.",
   selectedCount: (e, l) => `${l.plural(e.count, {
-    "=0": "Egy elem sincs kijelölve",
-    one: () => `${l.number(e.count)} elem kijelölve`,
-    other: () => `${l.number(e.count)} elem kijelölve`
+    "=0": "Nessun elemento selezionato",
+    one: () => `${l.number(e.count)} elemento selezionato`,
+    other: () => `${l.number(e.count)} elementi selezionati`
   })}.`,
-  selectedItem: (e) => `${e.item} kijelölve.`
+  selectedItem: (e) => `${e.item} selezionato.`
 };
 export {
-  s as default
+  t as default
 };

package/dist/index.es869.js

@@ -1,16 +1,16 @@
-var t = {};
-t = {
-  deselectedItem: (e) => `${e.item} non selezionato.`,
-  longPressToSelect: "Premi a lungo per passare alla modalità di selezione.",
-  select: "Seleziona",
-  selectedAll: "Tutti gli elementi selezionati.",
-  selectedCount: (e, l) => `${l.plural(e.count, {
-    "=0": "Nessun elemento selezionato",
-    one: () => `${l.number(e.count)} elemento selezionato`,
-    other: () => `${l.number(e.count)} elementi selezionati`
-  })}.`,
-  selectedItem: (e) => `${e.item} selezionato.`
+var E = {};
+E = {
+  deselectedItem: (u) => `${u.item} が選択されていません。`,
+  longPressToSelect: "長押しして選択モードを開きます。",
+  select: "選択",
+  selectedAll: "すべての項目を選択しました。",
+  selectedCount: (u, e) => `${e.plural(u.count, {
+    "=0": "項目が選択されていません",
+    one: () => `${e.number(u.count)} 項目を選択しました`,
+    other: () => `${e.number(u.count)} 項目を選択しました`
+  })}。`,
+  selectedItem: (u) => `${u.item} を選択しました。`
 };
 export {
-  t as default
+  E as default
 };

package/dist/index.es87.js

@@ -1,12 +1,102 @@
-import { clsx as e } from "./index.es95.js";
-import { extendTailwindMerge as t } from "./index.es96.js";
-const i = t({
-  prefix: "ui-"
-});
-function c(...r) {
-  return i(e(r));
-}
+import { j as e } from "./index.es98.js";
+import { TimelineStatus as m } from "./index.es157.js";
+import { cn as l } from "./index.es88.js";
+const h = ({
+  items: i,
+  classNameContainer: s,
+  containerProps: a,
+  ...r
+}) => /* @__PURE__ */ e.jsx(x, { className: s, ...a, children: i.map((t, u) => /* @__PURE__ */ e.jsx(
+  f,
+  {
+    icon: t.icon,
+    color: t.color,
+    status: t.status,
+    ...r,
+    children: t.content
+  },
+  u
+)) }), x = (i) => /* @__PURE__ */ e.jsx(
+  "ul",
+  {
+    ...i,
+    className: l(
+      "ui-relative ui-flex ui-justify-center ui-flex-col ui-border-gray-200",
+      i.className
+    )
+  }
+), f = ({
+  icon: i,
+  status: s,
+  color: a,
+  classNameItemDot: r,
+  classNameItemContainerDot: t,
+  classNameItemContent: u,
+  itemsProps: o,
+  children: c,
+  ...n
+}) => /* @__PURE__ */ e.jsxs(
+  "li",
+  {
+    className: l(
+      "ui-rounded-lg w-full ui-px-2 ui-gap-1 ui-grid hover:ui-bg-muted ui-transition-colors ui-ease-in ui-grid-cols-[minmax(auto,20px),1fr]",
+      n.className
+    ),
+    ...n,
+    children: [
+      /* @__PURE__ */ e.jsx(
+        d,
+        {
+          icon: i,
+          status: s,
+          color: a,
+          classNameDot: r,
+          classNameContainerDot: t
+        }
+      ),
+      /* @__PURE__ */ e.jsx(p, { className: u, ...o, children: c })
+    ]
+  }
+), d = ({
+  icon: i,
+  status: s = "pending",
+  color: a,
+  classNameDot: r,
+  classNameContainerDot: t
+}) => {
+  var u;
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: l(
+        "ui-relative ui-pb-6 last:after:ui-hidden after:ui-absolute after:ui-top-0 after:ui-bottom-0 after:ui-left-1/2 after:ui-w-px after:ui--translate-x-1/2 after:ui-bg-gray-200",
+        t
+      ),
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: l(
+            "ui-relative ui-z-10 ui-flex ui-text-white ui-items-center ui-justify-center ui-rounded-full ui-left-1/2 ui--translate-x-1/2",
+            i ? "ui-aspect-square ui-p-1.5 ui-min-h-7 ui-min-w-7 ui-top-2" : "ui-size-2 ui-top-4",
+            r
+          ),
+          style: { backgroundColor: a || ((u = m) == null ? void 0 : u[s]) },
+          children: i
+        }
+      )
+    }
+  );
+}, p = (i) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    ...i,
+    className: l("ui-grow ui-px-2 ui-pb-4 ui-pt-2", i.className)
+  }
+);
 export {
-  c as cn,
-  i as twMerge
+  h as Timeline,
+  p as TimelineItemContent,
+  d as TimelineItemDot,
+  f as TimelineListItem,
+  x as TimelineRoot
 };