@boxcustodia/library 0.5.4 → 0.5.6

package/dist/index.es87.js

@@ -1,102 +1,149 @@
-import { j as e } from "./index.es100.js";
-import { TimelineStatus as m } from "./index.es158.js";
-import { cn as l } from "./index.es89.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.es101.js";
+import { useControllableState as S } from "./index.es89.js";
+import { StepperContextProvider as w, useStepperContext as x } from "./index.es158.js";
+import { cn as p } from "./index.es90.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.es870.js

@@ -1,16 +1,16 @@
-var B = {};
-B = {
-  deselectedItem: (u) => `${u.item}이(가) 선택되지 않았습니다.`,
-  longPressToSelect: "선택 모드로 들어가려면 길게 누르십시오.",
-  select: "선택",
-  selectedAll: "모든 항목이 선택되었습니다.",
-  selectedCount: (u, C) => `${C.plural(u.count, {
-    "=0": "선택된 항목이 없습니다",
-    one: () => `${C.number(u.count)}개 항목이 선택되었습니다`,
-    other: () => `${C.number(u.count)}개 항목이 선택되었습니다`
+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: (u) => `${u.item}이(가) 선택되었습니다.`
+  selectedItem: (u) => `${u.item} נבחר.`
 };
 export {
-  B as default
+  e as default
 };

package/dist/index.es871.js

@@ -1,15 +1,15 @@
 var t = {};
 t = {
-  deselectedItem: (e) => `${e.item} nepasirinkta.`,
-  longPressToSelect: "Norėdami įjungti pasirinkimo režimą, paspauskite ir palaikykite.",
-  select: "Pasirinkti",
-  selectedAll: "Pasirinkti visi elementai.",
-  selectedCount: (e, i) => `${i.plural(e.count, {
-    "=0": "Nepasirinktas nė vienas elementas",
-    one: () => `Pasirinktas ${i.number(e.count)} elementas`,
-    other: () => `Pasirinkta elementų: ${i.number(e.count)}`
+  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: (e) => `Pasirinkta: ${e.item}.`
+  selectedItem: (e) => `Stavka ${e.item} je odabrana.`
 };
 export {
   t as default

package/dist/index.es872.js

@@ -1,15 +1,15 @@
 var s = {};
 s = {
-  deselectedItem: (e) => `Vienums ${e.item} nav atlasīts.`,
-  longPressToSelect: "Ilgi turiet nospiestu. lai ieslēgtu atlases režīmu.",
-  select: "Atlasīt",
-  selectedAll: "Atlasīti visi vienumi.",
-  selectedCount: (e, t) => `${t.plural(e.count, {
-    "=0": "Nav atlasīts neviens vienums",
-    one: () => `Atlasīto vienumu skaits: ${t.number(e.count)}`,
-    other: () => `Atlasīto vienumu skaits: ${t.number(e.count)}`
+  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) => `Atlasīts vienums ${e.item}.`
+  selectedItem: (e) => `${e.item} kijelölve.`
 };
 export {
   s as default

package/dist/index.es873.js

@@ -1,15 +1,15 @@
 var t = {};
 t = {
-  deselectedItem: (e) => `${e.item} er ikke valgt.`,
-  longPressToSelect: "Bruk et langt trykk for å gå inn i valgmodus.",
-  select: "Velg",
-  selectedAll: "Alle elementer er valgt.",
+  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": "Ingen elementer er valgt",
-    one: () => `${l.number(e.count)} element er valgt`,
-    other: () => `${l.number(e.count)} elementer er valgt`
+    "=0": "Nessun elemento selezionato",
+    one: () => `${l.number(e.count)} elemento selezionato`,
+    other: () => `${l.number(e.count)} elementi selezionati`
   })}.`,
-  selectedItem: (e) => `${e.item} er valgt.`
+  selectedItem: (e) => `${e.item} selezionato.`
 };
 export {
   t as default

package/dist/index.es874.js

@@ -1,16 +1,16 @@
-var l = {};
-l = {
-  deselectedItem: (e) => `${e.item} niet geselecteerd.`,
-  longPressToSelect: "Druk lang om de selectiemodus te openen.",
-  select: "Selecteren",
-  selectedAll: "Alle items geselecteerd.",
-  selectedCount: (e, t) => `${t.plural(e.count, {
-    "=0": "Geen items geselecteerd",
-    one: () => `${t.number(e.count)} item geselecteerd`,
-    other: () => `${t.number(e.count)} items geselecteerd`
-  })}.`,
-  selectedItem: (e) => `${e.item} geselecteerd.`
+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 {
-  l as default
+  E as default
 };

package/dist/index.es875.js

@@ -1,16 +1,16 @@
-var z = {};
-z = {
-  deselectedItem: (e) => `Nie zaznaczono ${e.item}.`,
-  longPressToSelect: "Naciśnij i przytrzymaj, aby wejść do trybu wyboru.",
-  select: "Zaznacz",
-  selectedAll: "Wszystkie zaznaczone elementy.",
-  selectedCount: (e, n) => `${n.plural(e.count, {
-    "=0": "Nie zaznaczono żadnych elementów",
-    one: () => `${n.number(e.count)} zaznaczony element`,
-    other: () => `${n.number(e.count)} zaznaczonych elementów`
+var B = {};
+B = {
+  deselectedItem: (u) => `${u.item}이(가) 선택되지 않았습니다.`,
+  longPressToSelect: "선택 모드로 들어가려면 길게 누르십시오.",
+  select: "선택",
+  selectedAll: "모든 항목이 선택되었습니다.",
+  selectedCount: (u, C) => `${C.plural(u.count, {
+    "=0": "선택된 항목이 없습니다",
+    one: () => `${C.number(u.count)}개 항목이 선택되었습니다`,
+    other: () => `${C.number(u.count)}개 항목이 선택되었습니다`
   })}.`,
-  selectedItem: (e) => `Zaznaczono ${e.item}.`
+  selectedItem: (u) => `${u.item}이(가) 선택되었습니다.`
 };
 export {
-  z as default
+  B as default
 };

package/dist/index.es876.js

@@ -1,16 +1,16 @@
-var n = {};
-n = {
-  deselectedItem: (e) => `${e.item} não selecionado.`,
-  longPressToSelect: "Mantenha pressionado para entrar no modo de seleção.",
-  select: "Selecionar",
-  selectedAll: "Todos os itens selecionados.",
-  selectedCount: (e, o) => `${o.plural(e.count, {
-    "=0": "Nenhum item selecionado",
-    one: () => `${o.number(e.count)} item selecionado`,
-    other: () => `${o.number(e.count)} itens selecionados`
+var t = {};
+t = {
+  deselectedItem: (e) => `${e.item} nepasirinkta.`,
+  longPressToSelect: "Norėdami įjungti pasirinkimo režimą, paspauskite ir palaikykite.",
+  select: "Pasirinkti",
+  selectedAll: "Pasirinkti visi elementai.",
+  selectedCount: (e, i) => `${i.plural(e.count, {
+    "=0": "Nepasirinktas nė vienas elementas",
+    one: () => `Pasirinktas ${i.number(e.count)} elementas`,
+    other: () => `Pasirinkta elementų: ${i.number(e.count)}`
   })}.`,
-  selectedItem: (e) => `${e.item} selecionado.`
+  selectedItem: (e) => `Pasirinkta: ${e.item}.`
 };
 export {
-  n as default
+  t as default
 };

package/dist/index.es877.js

@@ -1,16 +1,16 @@
-var n = {};
-n = {
-  deselectedItem: (e) => `${e.item} não selecionado.`,
-  longPressToSelect: "Prima continuamente para entrar no modo de seleção.",
-  select: "Selecionar",
-  selectedAll: "Todos os itens selecionados.",
-  selectedCount: (e, o) => `${o.plural(e.count, {
-    "=0": "Nenhum item selecionado",
-    one: () => `${o.number(e.count)} item selecionado`,
-    other: () => `${o.number(e.count)} itens selecionados`
+var s = {};
+s = {
+  deselectedItem: (e) => `Vienums ${e.item} nav atlasīts.`,
+  longPressToSelect: "Ilgi turiet nospiestu. lai ieslēgtu atlases režīmu.",
+  select: "Atlasīt",
+  selectedAll: "Atlasīti visi vienumi.",
+  selectedCount: (e, t) => `${t.plural(e.count, {
+    "=0": "Nav atlasīts neviens vienums",
+    one: () => `Atlasīto vienumu skaits: ${t.number(e.count)}`,
+    other: () => `Atlasīto vienumu skaits: ${t.number(e.count)}`
   })}.`,
-  selectedItem: (e) => `${e.item} selecionado.`
+  selectedItem: (e) => `Atlasīts vienums ${e.item}.`
 };
 export {
-  n as default
+  s as default
 };

package/dist/index.es878.js

@@ -1,16 +1,16 @@
-var l = {};
-l = {
-  deselectedItem: (e) => `${e.item} neselectat.`,
-  longPressToSelect: "Apăsați lung pentru a intra în modul de selectare.",
-  select: "Selectare",
-  selectedAll: "Toate elementele selectate.",
-  selectedCount: (e, t) => `${t.plural(e.count, {
-    "=0": "Niciun element selectat",
-    one: () => `${t.number(e.count)} element selectat`,
-    other: () => `${t.number(e.count)} elemente selectate`
+var t = {};
+t = {
+  deselectedItem: (e) => `${e.item} er ikke valgt.`,
+  longPressToSelect: "Bruk et langt trykk for å gå inn i valgmodus.",
+  select: "Velg",
+  selectedAll: "Alle elementer er valgt.",
+  selectedCount: (e, l) => `${l.plural(e.count, {
+    "=0": "Ingen elementer er valgt",
+    one: () => `${l.number(e.count)} element er valgt`,
+    other: () => `${l.number(e.count)} elementer er valgt`
   })}.`,
-  selectedItem: (e) => `${e.item} selectat.`
+  selectedItem: (e) => `${e.item} er valgt.`
 };
 export {
-  l as default
+  t as default
 };

package/dist/index.es879.js

@@ -1,16 +1,16 @@
-var D = {};
-D = {
-  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)} элементов выбрано`
+var l = {};
+l = {
+  deselectedItem: (e) => `${e.item} niet geselecteerd.`,
+  longPressToSelect: "Druk lang om de selectiemodus te openen.",
+  select: "Selecteren",
+  selectedAll: "Alle items geselecteerd.",
+  selectedCount: (e, t) => `${t.plural(e.count, {
+    "=0": "Geen items geselecteerd",
+    one: () => `${t.number(e.count)} item geselecteerd`,
+    other: () => `${t.number(e.count)} items geselecteerd`
   })}.`,
-  selectedItem: (u) => `${u.item} выбрано.`
+  selectedItem: (e) => `${e.item} geselecteerd.`
 };
 export {
-  D as default
+  l as default
 };