laif-ds 0.2.20 → 0.2.22

package/dist/components/ui/gantt/constants/DragStepOptions.js

@@ -2,39 +2,39 @@
 import { DragStepSizes as e } from "../enums/DragStepSizes.js";
 const l = {
   [e.FIVE_MIN]: {
-    seconds: 5 * 60,
+    seconds: 300,
     label: "5 min"
   },
   [e.TEN_MIN]: {
-    seconds: 10 * 60,
+    seconds: 600,
     label: "10 min"
   },
   [e.FIFTEEN_MIN]: {
-    seconds: 15 * 60,
+    seconds: 900,
     label: "15 min"
   },
   [e.TWENTY_MIN]: {
-    seconds: 20 * 60,
+    seconds: 1200,
     label: "20 min"
   },
   [e.THIRTY_MIN]: {
-    seconds: 30 * 60,
+    seconds: 1800,
     label: "30 min"
   },
   [e.ONE_HOUR]: {
-    seconds: 60 * 60,
+    seconds: 3600,
     label: "1 hour"
   },
   [e.EIGHT_HOURS]: {
-    seconds: 8 * 60 * 60,
+    seconds: 480 * 60,
     label: "8 hours"
   },
   [e.TWELVE_HOURS]: {
-    seconds: 12 * 60 * 60,
+    seconds: 720 * 60,
     label: "12 hours"
   },
   [e.ONE_DAY]: {
-    seconds: 24 * 60 * 60,
+    seconds: 1440 * 60,
     label: "1 day"
   }
 };

package/dist/components/ui/message-input.js

@@ -2,7 +2,7 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { useState as y, useEffect as S, useRef as J } from "react";
 import { AnimatePresence as v, motion as w } from "framer-motion";
-import { a as T } from "../../node_modules/remeda/dist/chunk-KI5X74E2.js";
+import { omit as T } from "../../node_modules/remeda/dist/omit-HZOiLuMO.js";
 import { cn as C } from "../../lib/utils.js";
 import { useAudioRecording as Q } from "../../hooks/use-audio-recording.js";
 import { useAutosizeTextArea as X } from "../../hooks/use-autosize-textarea.js";
@@ -18,7 +18,7 @@ import te from "../../node_modules/lucide-react/dist/esm/icons/info.js";
 import re from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 function ie({
   placeholder: i = "Ask AI...",
-  className: n,
+  className: a,
   onKeyDown: d,
   submitOnEnter: l = !0,
   stop: s,
@@ -45,7 +45,7 @@ function ie({
     u || f(!1);
   }, [u]);
   const h = (t) => {
-    r.allowAttachments && r.setFiles((a) => a === null ? t : t === null ? a : [...a, ...t]);
+    r.allowAttachments && r.setFiles((n) => n === null ? t : t === null ? n : [...n, ...t]);
   }, q = (t) => {
     r.allowAttachments === !0 && (t.preventDefault(), x(!0));
   }, E = (t) => {
@@ -53,11 +53,11 @@ function ie({
   }, H = (t) => {
     if (x(!1), r.allowAttachments !== !0) return;
     t.preventDefault();
-    const a = t.dataTransfer;
-    a.files.length && h(Array.from(a.files));
+    const n = t.dataTransfer;
+    n.files.length && h(Array.from(n.files));
   }, K = (t) => {
-    const a = t.clipboardData?.items;
-    if (!a) return;
+    const n = t.clipboardData?.items;
+    if (!n) return;
     const c = t.clipboardData.getData("text");
     if (c && c.length > 500 && r.allowAttachments) {
       t.preventDefault();
@@ -68,7 +68,7 @@ function ie({
       h([W]);
       return;
     }
-    const b = Array.from(a).map((m) => m.getAsFile()).filter((m) => m !== null);
+    const b = Array.from(n).map((m) => m.getAsFile()).filter((m) => m !== null);
     r.allowAttachments && b.length > 0 && h(b);
   }, U = (t) => {
     if (l && t.key === "Enter" && !t.shiftKey) {
@@ -129,7 +129,7 @@ function ie({
               className: C(
                 "border-d-input bg-d-input ring-offset-d-background placeholder:text-d-muted-foreground focus-visible:border-d-primary z-10 w-full grow resize-none rounded-xl border p-3 pr-24 text-sm transition-[border] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 z && "pb-16",
-                n
+                a
               ),
               ...r.allowAttachments ? T(r, ["allowAttachments", "files", "setFiles"]) : T(r, ["allowAttachments"])
             }
@@ -139,9 +139,9 @@ function ie({
             {
               file: t,
               onRemove: () => {
-                r.setFiles((a) => {
-                  if (!a) return null;
-                  const c = Array.from(a).filter(
+                r.setFiles((n) => {
+                  if (!n) return null;
+                  const c = Array.from(n).filter(
                     (b) => b !== t
                   );
                   return c.length === 0 ? null : c;
@@ -161,7 +161,7 @@ function ie({
               className: "h-8 w-8",
               "aria-label": "Attach a file",
               onClick: async () => {
-                const t = await ne();
+                const t = await ae();
                 h(t);
               },
               children: /* @__PURE__ */ e(P, { className: "h-4 w-4" })
@@ -201,7 +201,7 @@ function ie({
             }
           )
         ] }),
-        r.allowAttachments && /* @__PURE__ */ e(ae, { isDragging: R }),
+        r.allowAttachments && /* @__PURE__ */ e(ne, { isDragging: R }),
         /* @__PURE__ */ e(
           se,
           {
@@ -217,7 +217,7 @@ function ie({
   );
 }
 ie.displayName = "MessageInput";
-function ae({ isDragging: i }) {
+function ne({ isDragging: i }) {
   return /* @__PURE__ */ e(v, { children: i && /* @__PURE__ */ o(
     w.div,
     {
@@ -234,18 +234,18 @@ function ae({ isDragging: i }) {
     }
   ) });
 }
-function ne() {
+function ae() {
   if (typeof document > "u")
     return Promise.resolve(null);
   const i = document.createElement("input");
-  return i.type = "file", i.multiple = !0, i.accept = "*/*", i.click(), new Promise((n) => {
+  return i.type = "file", i.multiple = !0, i.accept = "*/*", i.click(), new Promise((a) => {
     i.onchange = (d) => {
       const l = d.currentTarget.files;
       if (l) {
-        n(Array.from(l));
+        a(Array.from(l));
         return;
       }
-      n(null);
+      a(null);
     };
   });
 }
@@ -281,7 +281,7 @@ function le() {
     }
   );
 }
-function oe({ isVisible: i, onStopRecording: n }) {
+function oe({ isVisible: i, onStopRecording: a }) {
   return /* @__PURE__ */ e(v, { children: i && /* @__PURE__ */ e(
     w.div,
     {
@@ -296,7 +296,7 @@ function oe({ isVisible: i, onStopRecording: n }) {
       },
       exit: { top: 0, filter: "blur(5px)" },
       className: "bg-d-background border-d-border text-d-secondary-foreground absolute left-1/2 flex -translate-x-1/2 cursor-pointer overflow-hidden rounded-full border py-1 text-center text-sm whitespace-nowrap",
-      onClick: n,
+      onClick: a,
       children: /* @__PURE__ */ o("span", { className: "mx-2.5 flex items-center", children: [
         /* @__PURE__ */ e(te, { className: "mr-2 h-3 w-3" }),
         "Click to finish recording"
@@ -306,7 +306,7 @@ function oe({ isVisible: i, onStopRecording: n }) {
 }
 function se({
   isRecording: i,
-  isTranscribing: n,
+  isTranscribing: a,
   audioStream: d,
   textAreaHeight: l,
   onStopRecording: s
@@ -325,7 +325,7 @@ function se({
         }
       )
     }
-  ) : n ? /* @__PURE__ */ e(
+  ) : a ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-[1px] z-50 overflow-hidden rounded-xl",

package/dist/components/ui/sidebar.js

@@ -12,7 +12,7 @@ import { Tooltip as G, TooltipTrigger as H, TooltipContent as K, TooltipProvider
 import { useIsMobile as j } from "../../hooks/use-mobile.js";
 import { cn as i } from "../../lib/utils.js";
 import P from "../../node_modules/lucide-react/dist/esm/icons/panel-left.js";
-const $ = "sidebar_state", V = 60 * 60 * 24 * 7, W = "16rem", q = "18rem", F = "3rem", U = "b", M = d.createContext(null);
+const $ = "sidebar_state", V = 3600 * 24 * 7, W = "16rem", q = "18rem", F = "3rem", U = "b", M = d.createContext(null);
 function N() {
   const a = d.useContext(M);
   if (!a)

package/dist/components/ui/stepper.js

@@ -0,0 +1,387 @@
+"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(
+  void 0
+), L = T(
+  void 0
+), R = g("w-full max-w-6xl", {
+  variants: {
+    orientation: {
+      horizontal: "flex flex-row items-center",
+      vertical: "flex flex-col items-start"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), O = g("group/step relative", {
+  variants: {
+    orientation: {
+      horizontal: "flex flex-row items-center justify-center not-last:flex-1",
+      vertical: "flex flex-col items-start justify-start"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), F = g(
+  "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: {
+      size: {
+        sm: "gap-2",
+        default: "gap-3",
+        lg: "gap-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), K = g(
+  "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: {
+      size: {
+        sm: "size-5 text-xs",
+        default: "size-6 text-xs",
+        lg: "size-8 text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), $ = g("bg-secondary m-0.5 rounded-full", {
+  variants: {
+    orientation: {
+      horizontal: "h-0.5 flex-1",
+      vertical: "h-12 w-0.5"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), H = g("text-sm leading-none font-medium", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      default: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+}), U = g("inline-flex", {
+  variants: {
+    orientation: {
+      horizontal: "w-full flex-row",
+      vertical: "flex-col"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+function x() {
+  const t = P(E);
+  if (!t) throw new Error("useStepper must be used within a Stepper");
+  return t;
+}
+function I() {
+  const t = P(L);
+  if (!t) throw new Error("useStepItem must be used within a StepperItem");
+  return t;
+}
+function M({
+  defaultValue: t = 1,
+  value: a,
+  onValueChange: n,
+  orientation: e = "horizontal",
+  className: i,
+  children: r,
+  indicators: S = {},
+  ...y
+}) {
+  const [f, b] = p.useState(t), [o, h] = p.useState(
+    []
+  ), z = p.useCallback(
+    (s) => {
+      h((l) => s && !l.includes(s) ? [...l, s] : !s && l.includes(s) ? l.filter((w) => w !== s) : l);
+    },
+    []
+  ), N = p.useCallback(
+    (s) => {
+      a === void 0 && b(s), n?.(s);
+    },
+    [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(
+    () => ({
+      activeStep: V,
+      setActiveStep: N,
+      stepsCount: p.Children.toArray(r).filter(
+        (s) => p.isValidElement(s) && s.type.displayName === "StepperItem"
+      ).length,
+      orientation: e,
+      registerTrigger: z,
+      focusNext: A,
+      focusPrev: v,
+      focusFirst: C,
+      focusLast: k,
+      triggerNodes: o,
+      indicators: S
+    }),
+    [
+      V,
+      N,
+      r,
+      e,
+      z,
+      o
+    ]
+  );
+  return /* @__PURE__ */ c(E.Provider, { value: D, children: /* @__PURE__ */ c(
+    "div",
+    {
+      role: "tablist",
+      "aria-orientation": e,
+      "data-slot": "stepper",
+      className: d(R({ orientation: e }), i),
+      "data-orientation": e,
+      ...y,
+      children: r
+    }
+  ) });
+}
+function Q({
+  step: t,
+  completed: a = !1,
+  disabled: n = !1,
+  loading: e = !1,
+  orientation: i,
+  className: r,
+  children: S,
+  ...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,
+    {
+      value: { step: t, state: o, isDisabled: n, isLoading: h },
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          "data-slot": "stepper-item",
+          className: d(
+            O({
+              orientation: i || b
+            }),
+            r
+          ),
+          "data-state": o,
+          ...h ? { "data-loading": !0 } : {},
+          ...y,
+          children: S
+        }
+      )
+    }
+  );
+}
+function W({
+  asChild: t = !1,
+  size: a,
+  className: n,
+  children: e,
+  tabIndex: i,
+  ...r
+}) {
+  const { state: S, isLoading: y } = I(), f = x(), {
+    setActiveStep: b,
+    activeStep: o,
+    registerTrigger: h,
+    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) {
+      case "ArrowRight":
+      case "ArrowDown":
+        u.preventDefault(), w !== -1 && N && N(w);
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        u.preventDefault(), w !== -1 && V && V(w);
+        break;
+      case "Home":
+        u.preventDefault(), m && m();
+        break;
+      case "End":
+        u.preventDefault(), A && A();
+        break;
+      case "Enter":
+      case " ":
+        u.preventDefault(), b(v);
+        break;
+    }
+  };
+  return t ? /* @__PURE__ */ c(
+    "span",
+    {
+      "data-slot": "stepper-trigger",
+      "data-state": S,
+      className: n,
+      children: e
+    }
+  ) : /* @__PURE__ */ c(
+    "button",
+    {
+      ref: l,
+      role: "tab",
+      id: D,
+      "aria-selected": k,
+      "aria-controls": s,
+      tabIndex: typeof i == "number" ? i : k ? 0 : -1,
+      "data-slot": "stepper-trigger",
+      "data-state": S,
+      "data-loading": y,
+      className: d(F({ size: a }), n),
+      onClick: () => b(v),
+      onKeyDown: j,
+      disabled: C,
+      ...r,
+      children: e
+    }
+  );
+}
+function X({
+  children: t,
+  size: a,
+  className: n
+}) {
+  const { state: e, isLoading: i } = I(), { indicators: r } = x();
+  return /* @__PURE__ */ c(
+    "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 })
+    }
+  );
+}
+function Y({
+  orientation: t,
+  className: a
+}) {
+  const { state: n } = I(), { orientation: e } = x();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-slot": "stepper-separator",
+      "data-state": n,
+      className: d(
+        $({
+          orientation: t || e
+        }),
+        a
+      )
+    }
+  );
+}
+function Z({
+  children: t,
+  size: a,
+  className: n
+}) {
+  const { state: e } = I();
+  return /* @__PURE__ */ c(
+    "h3",
+    {
+      "data-slot": "stepper-title",
+      "data-state": e,
+      className: d(H({ size: a }), n),
+      children: t
+    }
+  );
+}
+function _({
+  children: t,
+  orientation: a,
+  className: n
+}) {
+  const { activeStep: e, orientation: i } = x();
+  return /* @__PURE__ */ c(
+    "nav",
+    {
+      "data-slot": "stepper-nav",
+      "data-state": e,
+      "data-orientation": a || i,
+      className: d(
+        U({
+          orientation: a || i
+        }),
+        n
+      ),
+      children: t
+    }
+  );
+}
+function tt({ children: t, className: a }) {
+  const { activeStep: n } = x();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-slot": "stepper-panel",
+      "data-state": n,
+      className: d("w-full", a),
+      children: t
+    }
+  );
+}
+function et({
+  value: t,
+  forceMount: a,
+  children: n,
+  className: e
+}) {
+  const { activeStep: i } = x(), r = t === i;
+  return !a && !r ? null : /* @__PURE__ */ c(
+    "div",
+    {
+      "data-slot": "stepper-content",
+      "data-state": i,
+      className: d("w-full", e, !r && a && "hidden"),
+      hidden: !r && 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
+};