laif-ds 0.2.74 → 0.2.76

package/dist/components/ui/stepper.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { cn as d } from "../../lib/utils.js";
-import { cva as g } from "../../node_modules/class-variance-authority/dist/index.js";
-import * as p from "react";
-import { createContext as T, useContext as P } from "react";
-const E = T(
+import { jsx as l } from "react/jsx-runtime";
+import { cva as S } from "../../node_modules/class-variance-authority/dist/index.js";
+import * as d from "react";
+import { useCallback as A, createContext as P, useContext as E } from "react";
+import { cn as u } from "../../lib/utils.js";
+const L = P(
   void 0
-), L = T(
+), j = P(
   void 0
-), R = g("w-full max-w-6xl", {
+), O = S("w-full max-w-6xl", {
   variants: {
     orientation: {
       horizontal: "flex flex-row items-center",
@@ -18,7 +18,7 @@ const E = T(
   defaultVariants: {
     orientation: "horizontal"
   }
-}), O = g("group/step relative", {
+}), F = S("group/step relative", {
   variants: {
     orientation: {
       horizontal: "flex flex-row items-center justify-center not-last:flex-1",
@@ -28,7 +28,7 @@ const E = T(
   defaultVariants: {
     orientation: "horizontal"
   }
-}), F = g(
+}), K = S(
   "focus-visible:ring-ring/50 focus-visible:border-d-ring inline-flex cursor-pointer items-center gap-3 rounded-full outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-60",
   {
     variants: {
@@ -42,7 +42,7 @@ const E = T(
       size: "default"
     }
   }
-), K = g(
+), $ = S(
   "border-secondary bg-secondary text-bodyPrimary data-[state=active]:bg-d-primary data-[state=completed]:bg-d-primary data-[state=active]:text-bodyPrimary data-[state=completed]:text-onAccent relative flex shrink-0 items-center justify-center overflow-hidden rounded-full",
   {
     variants: {
@@ -56,7 +56,7 @@ const E = T(
       size: "default"
     }
   }
-), $ = g("bg-secondary m-0.5 rounded-full", {
+), H = S("bg-secondary m-0.5 rounded-full", {
   variants: {
     orientation: {
       horizontal: "h-0.5 flex-1",
@@ -66,7 +66,7 @@ const E = T(
   defaultVariants: {
     orientation: "horizontal"
   }
-}), H = g("text-sm leading-none font-medium", {
+}), U = S("text-sm leading-none font-medium", {
   variants: {
     size: {
       sm: "text-xs",
@@ -77,7 +77,7 @@ const E = T(
   defaultVariants: {
     size: "default"
   }
-}), U = g("inline-flex", {
+}), q = S("inline-flex", {
   variants: {
     orientation: {
       horizontal: "w-full flex-row",
@@ -88,215 +88,234 @@ const E = T(
     orientation: "horizontal"
   }
 });
-function x() {
-  const t = P(E);
+function b() {
+  const t = E(L);
   if (!t) throw new Error("useStepper must be used within a Stepper");
   return t;
 }
-function I() {
-  const t = P(L);
+function C() {
+  const t = E(j);
   if (!t) throw new Error("useStepItem must be used within a StepperItem");
   return t;
 }
-function M({
+function Q({
   defaultValue: t = 1,
   value: a,
   onValueChange: n,
   orientation: e = "horizontal",
-  className: i,
-  children: r,
-  indicators: S = {},
+  className: o,
+  children: s,
+  indicators: v = {},
   ...y
 }) {
-  const [f, b] = p.useState(t), [o, h] = p.useState(
+  const [g, h] = d.useState(t), [i, x] = d.useState(
     []
-  ), z = p.useCallback(
-    (s) => {
-      h((l) => s && !l.includes(s) ? [...l, s] : !s && l.includes(s) ? l.filter((w) => w !== s) : l);
+  ), z = d.useCallback(
+    (r) => {
+      x((p) => r && !p.includes(r) ? [...p, r] : !r && p.includes(r) ? p.filter((w) => w !== r) : p);
     },
     []
-  ), N = p.useCallback(
-    (s) => {
-      a === void 0 && b(s), n?.(s);
+  ), N = d.useCallback(
+    (r) => {
+      a === void 0 && h(r), n?.(r);
     },
     [a, n]
-  ), V = a ?? f, m = (s) => {
-    o[s] && o[s].focus();
-  }, A = (s) => m((s + 1) % o.length), v = (s) => m((s - 1 + o.length) % o.length), C = () => m(0), k = () => m(o.length - 1), D = p.useMemo(
+  ), V = a ?? g, c = A(
+    (r) => {
+      i[r] && i[r].focus();
+    },
+    [i]
+  ), I = A(
+    (r) => c((r + 1) % i.length),
+    [c, i.length]
+  ), f = A(
+    (r) => c(
+      (r - 1 + i.length) % i.length
+    ),
+    [c, i.length]
+  ), D = A(() => c(0), [c]), k = A(
+    () => c(i.length - 1),
+    [c, i.length]
+  ), T = d.useMemo(
     () => ({
       activeStep: V,
       setActiveStep: N,
-      stepsCount: p.Children.toArray(r).filter(
-        (s) => p.isValidElement(s) && s.type.displayName === "StepperItem"
+      stepsCount: d.Children.toArray(s).filter(
+        (r) => d.isValidElement(r) && r.type.displayName === "StepperItem"
       ).length,
       orientation: e,
       registerTrigger: z,
-      focusNext: A,
-      focusPrev: v,
-      focusFirst: C,
+      focusNext: I,
+      focusPrev: f,
+      focusFirst: D,
       focusLast: k,
-      triggerNodes: o,
-      indicators: S
+      triggerNodes: i,
+      indicators: v
     }),
     [
       V,
       N,
-      r,
+      s,
       e,
       z,
-      o
+      I,
+      f,
+      D,
+      k,
+      i,
+      v
     ]
   );
-  return /* @__PURE__ */ c(E.Provider, { value: D, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(L.Provider, { value: T, children: /* @__PURE__ */ l(
     "div",
     {
       role: "tablist",
       "aria-orientation": e,
       "data-slot": "stepper",
-      className: d(R({ orientation: e }), i),
+      className: u(O({ orientation: e }), o),
       "data-orientation": e,
       ...y,
-      children: r
+      children: s
     }
   ) });
 }
-function Q({
+function W({
   step: t,
   completed: a = !1,
   disabled: n = !1,
   loading: e = !1,
-  orientation: i,
-  className: r,
-  children: S,
+  orientation: o,
+  className: s,
+  children: v,
   ...y
 }) {
-  const { activeStep: f, orientation: b } = x(), o = a || t < f ? "completed" : f === t ? "active" : "inactive", h = e && t === f;
-  return /* @__PURE__ */ c(
-    L.Provider,
+  const { activeStep: g, orientation: h } = b(), i = a || t < g ? "completed" : g === t ? "active" : "inactive", x = e && t === g;
+  return /* @__PURE__ */ l(
+    j.Provider,
     {
-      value: { step: t, state: o, isDisabled: n, isLoading: h },
-      children: /* @__PURE__ */ c(
+      value: { step: t, state: i, isDisabled: n, isLoading: x },
+      children: /* @__PURE__ */ l(
         "div",
         {
           "data-slot": "stepper-item",
-          className: d(
-            O({
-              orientation: i || b
+          className: u(
+            F({
+              orientation: o || h
             }),
-            r
+            s
           ),
-          "data-state": o,
-          ...h ? { "data-loading": !0 } : {},
+          "data-state": i,
+          ...x ? { "data-loading": !0 } : {},
           ...y,
-          children: S
+          children: v
         }
       )
     }
   );
 }
-function W({
+function X({
   asChild: t = !1,
   size: a,
   className: n,
   children: e,
-  tabIndex: i,
-  ...r
+  tabIndex: o,
+  ...s
 }) {
-  const { state: S, isLoading: y } = I(), f = x(), {
-    setActiveStep: b,
-    activeStep: o,
-    registerTrigger: h,
+  const { state: v, isLoading: y } = C(), g = b(), {
+    setActiveStep: h,
+    activeStep: i,
+    registerTrigger: x,
     triggerNodes: z,
     focusNext: N,
     focusPrev: V,
-    focusFirst: m,
-    focusLast: A
-  } = f, { step: v, isDisabled: C } = I(), k = o === v, D = `stepper-tab-${v}`, s = `stepper-panel-${v}`, l = p.useRef(null);
-  p.useEffect(() => {
-    l.current && h(l.current);
-  }, [l.current]);
-  const w = p.useMemo(
-    () => z.findIndex((u) => u === l.current),
-    [z, l.current]
-  ), j = (u) => {
-    switch (u.key) {
+    focusFirst: c,
+    focusLast: I
+  } = g, { step: f, isDisabled: D } = C(), k = i === f, T = `stepper-tab-${f}`, r = `stepper-panel-${f}`, p = d.useRef(null);
+  d.useEffect(() => {
+    p.current && x(p.current);
+  }, [x]);
+  const w = d.useMemo(
+    () => z.findIndex((m) => m === p.current),
+    [z]
+  ), R = (m) => {
+    switch (m.key) {
       case "ArrowRight":
       case "ArrowDown":
-        u.preventDefault(), w !== -1 && N && N(w);
+        m.preventDefault(), w !== -1 && N && N(w);
         break;
       case "ArrowLeft":
       case "ArrowUp":
-        u.preventDefault(), w !== -1 && V && V(w);
+        m.preventDefault(), w !== -1 && V && V(w);
         break;
       case "Home":
-        u.preventDefault(), m && m();
+        m.preventDefault(), c && c();
         break;
       case "End":
-        u.preventDefault(), A && A();
+        m.preventDefault(), I && I();
         break;
       case "Enter":
       case " ":
-        u.preventDefault(), b(v);
+        m.preventDefault(), h(f);
         break;
     }
   };
-  return t ? /* @__PURE__ */ c(
+  return t ? /* @__PURE__ */ l(
     "span",
     {
       "data-slot": "stepper-trigger",
-      "data-state": S,
+      "data-state": v,
       className: n,
       children: e
     }
-  ) : /* @__PURE__ */ c(
+  ) : /* @__PURE__ */ l(
     "button",
     {
-      ref: l,
+      ref: p,
       role: "tab",
-      id: D,
+      id: T,
       "aria-selected": k,
-      "aria-controls": s,
-      tabIndex: typeof i == "number" ? i : k ? 0 : -1,
+      "aria-controls": r,
+      tabIndex: typeof o == "number" ? o : k ? 0 : -1,
       "data-slot": "stepper-trigger",
-      "data-state": S,
+      "data-state": v,
       "data-loading": y,
-      className: d(F({ size: a }), n),
-      onClick: () => b(v),
-      onKeyDown: j,
-      disabled: C,
-      ...r,
+      className: u(K({ size: a }), n),
+      onClick: () => h(f),
+      onKeyDown: R,
+      disabled: D,
+      ...s,
       children: e
     }
   );
 }
-function X({
+function Y({
   children: t,
   size: a,
   className: n
 }) {
-  const { state: e, isLoading: i } = I(), { indicators: r } = x();
-  return /* @__PURE__ */ c(
+  const { state: e, isLoading: o } = C(), { indicators: s } = b();
+  return /* @__PURE__ */ l(
     "div",
     {
       "data-slot": "stepper-indicator",
       "data-state": e,
-      className: d(K({ size: a }), n),
-      children: /* @__PURE__ */ c("div", { className: "absolute", children: r && (i && r.loading || e === "completed" && r.completed || e === "active" && r.active || e === "inactive" && r.inactive) ? i && r.loading || e === "completed" && r.completed || e === "active" && r.active || e === "inactive" && r.inactive : t })
+      className: u($({ size: a }), n),
+      children: /* @__PURE__ */ l("div", { className: "absolute", children: s && (o && s.loading || e === "completed" && s.completed || e === "active" && s.active || e === "inactive" && s.inactive) ? o && s.loading || e === "completed" && s.completed || e === "active" && s.active || e === "inactive" && s.inactive : t })
     }
   );
 }
-function Y({
+function Z({
   orientation: t,
   className: a
 }) {
-  const { state: n } = I(), { orientation: e } = x();
-  return /* @__PURE__ */ c(
+  const { state: n } = C(), { orientation: e } = b();
+  return /* @__PURE__ */ l(
     "div",
     {
       "data-slot": "stepper-separator",
       "data-state": n,
-      className: d(
-        $({
+      className: u(
+        H({
           orientation: t || e
         }),
         a
@@ -304,37 +323,37 @@ function Y({
     }
   );
 }
-function Z({
+function _({
   children: t,
   size: a,
   className: n
 }) {
-  const { state: e } = I();
-  return /* @__PURE__ */ c(
+  const { state: e } = C();
+  return /* @__PURE__ */ l(
     "h3",
     {
       "data-slot": "stepper-title",
       "data-state": e,
-      className: d(H({ size: a }), n),
+      className: u(U({ size: a }), n),
       children: t
     }
   );
 }
-function _({
+function tt({
   children: t,
   orientation: a,
   className: n
 }) {
-  const { activeStep: e, orientation: i } = x();
-  return /* @__PURE__ */ c(
+  const { activeStep: e, orientation: o } = b();
+  return /* @__PURE__ */ l(
     "nav",
     {
       "data-slot": "stepper-nav",
       "data-state": e,
-      "data-orientation": a || i,
-      className: d(
-        U({
-          orientation: a || i
+      "data-orientation": a || o,
+      className: u(
+        q({
+          orientation: a || o
         }),
         n
       ),
@@ -342,46 +361,46 @@ function _({
     }
   );
 }
-function tt({ children: t, className: a }) {
-  const { activeStep: n } = x();
-  return /* @__PURE__ */ c(
+function et({ children: t, className: a }) {
+  const { activeStep: n } = b();
+  return /* @__PURE__ */ l(
     "div",
     {
       "data-slot": "stepper-panel",
       "data-state": n,
-      className: d("w-full", a),
+      className: u("w-full", a),
       children: t
     }
   );
 }
-function et({
+function at({
   value: t,
   forceMount: a,
   children: n,
   className: e
 }) {
-  const { activeStep: i } = x(), r = t === i;
-  return !a && !r ? null : /* @__PURE__ */ c(
+  const { activeStep: o } = b(), s = t === o;
+  return !a && !s ? null : /* @__PURE__ */ l(
     "div",
     {
       "data-slot": "stepper-content",
-      "data-state": i,
-      className: d("w-full", e, !r && a && "hidden"),
-      hidden: !r && a,
+      "data-state": o,
+      className: u("w-full", e, !s && a && "hidden"),
+      hidden: !s && a,
       children: n
     }
   );
 }
 export {
-  M as Stepper,
-  et as StepperContent,
-  X as StepperIndicator,
-  Q as StepperItem,
-  _ as StepperNav,
-  tt as StepperPanel,
-  Y as StepperSeparator,
-  Z as StepperTitle,
-  W as StepperTrigger,
-  I as useStepItem,
-  x as useStepper
+  Q as Stepper,
+  at as StepperContent,
+  Y as StepperIndicator,
+  W as StepperItem,
+  tt as StepperNav,
+  et as StepperPanel,
+  Z as StepperSeparator,
+  _ as StepperTitle,
+  X as StepperTrigger,
+  C as useStepItem,
+  b as useStepper
 };

package/dist/components/ui/tables/data-cross-table/data-cross-table-buttons.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsxs as c, jsx as b } from "react/jsx-runtime";
-import { useDataCrossTable as g } from "./data-cross-table-context.js";
-import { Button as f } from "../../button.js";
-import { Icon as v } from "../../icon.js";
-const R = ({ className: x = "" }) => {
+import { jsxs as r, jsx as b } from "react/jsx-runtime";
+import { useDataCrossTable as $ } from "./data-cross-table-context.js";
+import { Button as c } from "../../button.js";
+import { Icon as g } from "../../icon.js";
+const B = ({ className: x = "" }) => {
   const {
-    editedCells: m,
-    setEditedCells: u,
+    editedCells: f,
+    setEditedCells: m,
     toDefaultCells: n,
     setToDefaultCells: d,
     editMode: p,
-    setEditMode: C,
+    setEditMode: u,
     onConfirmedCells: o,
     editConfirmLabel: D,
     editCancelLabel: j,
     editRestoreDefaultLabel: k,
-    showDefaultActionButton: h
-  } = g();
+    showDefaultActionButton: C
+  } = $();
   if (!p) return null;
-  const l = Object.keys(m).length, s = Object.keys(n).length, i = l > 0 || s > 0, L = () => {
+  const l = Object.keys(f).length, s = Object.keys(n).length, i = l > 0 || s > 0, L = () => {
     if (o) {
       const a = Object.entries(n).map(
-        ([$, { value: r, cell: e }]) => ({
+        ([, { value: I, cell: e }]) => ({
           fromId: e.fromId,
           toId: e.toId,
           id: e.id,
-          value: r
+          value: I
         })
       );
       o({
@@ -36,15 +36,15 @@ const R = ({ className: x = "" }) => {
     d({});
   }, N = () => {
     if (o && i) {
-      const a = Object.entries(m).map(
-        ([r, { value: e, cell: t }]) => ({
+      const a = Object.entries(f).map(
+        ([, { value: e, cell: t }]) => ({
           fromId: t.fromId,
           toId: t.toId,
           id: t.id,
           value: e
         })
-      ), I = Object.entries(n).map(
-        ([r, { value: e, cell: t }]) => ({
+      ), h = Object.entries(n).map(
+        ([, { value: e, cell: t }]) => ({
           fromId: t.fromId,
           toId: t.toId,
           id: t.id,
@@ -53,16 +53,16 @@ const R = ({ className: x = "" }) => {
       );
       o({
         editedCells: a,
-        toDefaultCells: I
+        toDefaultCells: h
       });
     }
-    u({}), d({}), C(!1);
+    m({}), d({}), u(!1);
   }, O = () => {
-    u({}), d({}), C(!1);
+    m({}), d({}), u(!1);
   };
-  return /* @__PURE__ */ c("div", { className: `flex items-center space-x-2 ${x}`, children: [
-    h && /* @__PURE__ */ c(
-      f,
+  return /* @__PURE__ */ r("div", { className: `flex items-center space-x-2 ${x}`, children: [
+    C && /* @__PURE__ */ r(
+      c,
       {
         variant: "outline",
         size: "sm",
@@ -78,7 +78,7 @@ const R = ({ className: x = "" }) => {
       }
     ),
     /* @__PURE__ */ b(
-      f,
+      c,
       {
         variant: "outline",
         size: "sm",
@@ -88,23 +88,23 @@ const R = ({ className: x = "" }) => {
         children: j
       }
     ),
-    /* @__PURE__ */ c(
-      f,
+    /* @__PURE__ */ r(
+      c,
       {
         size: "sm",
         onClick: N,
         disabled: !i,
         className: "text-xs",
         children: [
-          /* @__PURE__ */ b(v, { name: "Check", className: "mr-1 h-3 w-3" }),
+          /* @__PURE__ */ b(g, { name: "Check", className: "mr-1 h-3 w-3" }),
           D,
           " ",
-          h ? i && `(${l + s})` : l > 0 && `(${l})`
+          C ? i && `(${l + s})` : l > 0 && `(${l})`
         ]
       }
     )
   ] });
 };
 export {
-  R as DataCrossTableButtonsGroup
+  B as DataCrossTableButtonsGroup
 };