laif-ds 0.2.11 → 0.2.12

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

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useState as y, useEffect as S, useRef as W } from "react";
-import { AnimatePresence as v, motion as x } from "framer-motion";
-import { a as J } from "../../node_modules/remeda/dist/chunk-KI5X74E2.js";
-import { cn as T } from "../../lib/utils.js";
+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 { 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";
 import { AudioVisualizer as Y } from "./audio-visualizer.js";
 import { Button as g } from "./button.js";
 import { FilePreview as Z } from "./file-preview.js";
 import { InterruptPrompt as _ } from "./interrupt-prompt.js";
-import C from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
+import P from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
 import $ from "../../node_modules/lucide-react/dist/esm/icons/mic.js";
 import G from "../../node_modules/lucide-react/dist/esm/icons/square.js";
 import ee from "../../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
@@ -18,25 +18,25 @@ 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: a,
+  className: n,
   onKeyDown: d,
   submitOnEnter: l = !0,
   stop: s,
   isGenerating: u,
   enableInterrupt: A = !0,
-  transcribeAudio: P,
+  transcribeAudio: I,
   ...r
 }) {
-  const [I, w] = y(!1), [N, f] = y(!1), {
-    isListening: R,
-    isSpeechSupported: F,
+  const [R, x] = y(!1), [N, f] = y(!1), {
+    isListening: F,
+    isSpeechSupported: L,
     isRecording: D,
-    isTranscribing: L,
-    audioStream: M,
-    toggleListening: O,
+    isTranscribing: M,
+    audioStream: O,
+    toggleListening: j,
     stopRecording: k
   } = Q({
-    transcribeAudio: P,
+    transcribeAudio: I,
     onTranscriptionComplete: (t) => {
       r.onChange?.({ target: { value: t } });
     }
@@ -45,32 +45,32 @@ function ie({
     u || f(!1);
   }, [u]);
   const h = (t) => {
-    r.allowAttachments && r.setFiles((n) => n === null ? t : t === null ? n : [...n, ...t]);
-  }, j = (t) => {
-    r.allowAttachments === !0 && (t.preventDefault(), w(!0));
+    r.allowAttachments && r.setFiles((a) => a === null ? t : t === null ? a : [...a, ...t]);
   }, q = (t) => {
-    r.allowAttachments === !0 && (t.preventDefault(), w(!1));
+    r.allowAttachments === !0 && (t.preventDefault(), x(!0));
   }, E = (t) => {
-    if (w(!1), r.allowAttachments !== !0) return;
-    t.preventDefault();
-    const n = t.dataTransfer;
-    n.files.length && h(Array.from(n.files));
+    r.allowAttachments === !0 && (t.preventDefault(), x(!1));
   }, H = (t) => {
-    const n = t.clipboardData?.items;
-    if (!n) return;
+    if (x(!1), r.allowAttachments !== !0) return;
+    t.preventDefault();
+    const a = t.dataTransfer;
+    a.files.length && h(Array.from(a.files));
+  }, K = (t) => {
+    const a = t.clipboardData?.items;
+    if (!a) return;
     const c = t.clipboardData.getData("text");
     if (c && c.length > 500 && r.allowAttachments) {
       t.preventDefault();
-      const m = new Blob([c], { type: "text/plain" }), B = new File([m], "Pasted text", {
+      const m = new Blob([c], { type: "text/plain" }), W = new File([m], "Pasted text", {
         type: "text/plain",
         lastModified: Date.now()
       });
-      h([B]);
+      h([W]);
       return;
     }
-    const b = Array.from(n).map((m) => m.getAsFile()).filter((m) => m !== null);
+    const b = Array.from(a).map((m) => m.getAsFile()).filter((m) => m !== null);
     r.allowAttachments && b.length > 0 && h(b);
-  }, K = (t) => {
+  }, U = (t) => {
     if (l && t.key === "Enter" && !t.shiftKey) {
       if (t.preventDefault(), u && s && A) {
         if (N)
@@ -83,11 +83,11 @@ function ie({
       t.currentTarget.form?.requestSubmit();
     }
     d?.(t);
-  }, p = W(
+  }, p = J(
     null
-  ), [U, V] = y(0);
+  ), [V, B] = y(0);
   S(() => {
-    p.current && V(p.current.offsetHeight);
+    p.current && B(p.current.offsetHeight);
   }, [r.value]);
   const z = r.allowAttachments && r.files && r.files.length > 0;
   return X({
@@ -99,9 +99,9 @@ function ie({
     "div",
     {
       className: "relative flex w-full",
-      onDragOver: j,
-      onDragLeave: q,
-      onDrop: E,
+      onDragOver: q,
+      onDragLeave: E,
+      onDrop: H,
       children: [
         A && /* @__PURE__ */ e(
           _,
@@ -124,14 +124,14 @@ function ie({
               "aria-label": "Write your prompt here",
               placeholder: i,
               ref: p,
-              onPaste: H,
-              onKeyDown: K,
-              className: T(
+              onPaste: K,
+              onKeyDown: U,
+              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",
-                a
+                n
               ),
-              ...J(r, ["allowAttachments", "files", "setFiles"])
+              ...r.allowAttachments ? T(r, ["allowAttachments", "files", "setFiles"]) : T(r, ["allowAttachments"])
             }
           ),
           r.allowAttachments && /* @__PURE__ */ e("div", { className: "absolute inset-x-3 bottom-2 z-20 overflow-x-scroll py-3 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e("div", { className: "flex space-x-3", children: /* @__PURE__ */ e(v, { mode: "popLayout", children: r.files?.map((t) => /* @__PURE__ */ e(
@@ -139,9 +139,9 @@ function ie({
             {
               file: t,
               onRemove: () => {
-                r.setFiles((n) => {
-                  if (!n) return null;
-                  const c = Array.from(n).filter(
+                r.setFiles((a) => {
+                  if (!a) return null;
+                  const c = Array.from(a).filter(
                     (b) => b !== t
                   );
                   return c.length === 0 ? null : c;
@@ -161,21 +161,21 @@ function ie({
               className: "h-8 w-8",
               "aria-label": "Attach a file",
               onClick: async () => {
-                const t = await ae();
+                const t = await ne();
                 h(t);
               },
-              children: /* @__PURE__ */ e(C, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(P, { className: "h-4 w-4" })
             }
           ),
-          F && /* @__PURE__ */ e(
+          L && /* @__PURE__ */ e(
             g,
             {
               type: "button",
               variant: "outline",
-              className: T("h-8 w-8", R && "text-d-primary"),
+              className: C("h-8 w-8", F && "text-d-primary"),
               "aria-label": "Voice input",
               size: "icon",
-              onClick: O,
+              onClick: j,
               children: /* @__PURE__ */ e($, { className: "h-4 w-4" })
             }
           ),
@@ -201,14 +201,14 @@ function ie({
             }
           )
         ] }),
-        r.allowAttachments && /* @__PURE__ */ e(ne, { isDragging: I }),
+        r.allowAttachments && /* @__PURE__ */ e(ae, { isDragging: R }),
         /* @__PURE__ */ e(
           se,
           {
             isRecording: D,
-            isTranscribing: L,
-            audioStream: M,
-            textAreaHeight: U,
+            isTranscribing: M,
+            audioStream: O,
+            textAreaHeight: V,
             onStopRecording: k
           }
         )
@@ -217,9 +217,9 @@ function ie({
   );
 }
 ie.displayName = "MessageInput";
-function ne({ isDragging: i }) {
+function ae({ isDragging: i }) {
   return /* @__PURE__ */ e(v, { children: i && /* @__PURE__ */ o(
-    x.div,
+    w.div,
     {
       className: "border-d-border bg-d-background text-d-secondary-foreground pointer-events-none absolute inset-0 z-20 flex items-center justify-center space-x-2 rounded-xl border border-dashed text-sm",
       initial: { opacity: 0 },
@@ -228,30 +228,30 @@ function ne({ isDragging: i }) {
       transition: { duration: 0.2 },
       "aria-hidden": !0,
       children: [
-        /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e(P, { className: "h-4 w-4" }),
         /* @__PURE__ */ e("span", { children: "Drop your files here to attach them." })
       ]
     }
   ) });
 }
-function ae() {
+function ne() {
   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((a) => {
+  return i.type = "file", i.multiple = !0, i.accept = "*/*", i.click(), new Promise((n) => {
     i.onchange = (d) => {
       const l = d.currentTarget.files;
       if (l) {
-        a(Array.from(l));
+        n(Array.from(l));
         return;
       }
-      a(null);
+      n(null);
     };
   });
 }
 function le() {
   return /* @__PURE__ */ o(
-    x.div,
+    w.div,
     {
       className: "bg-d-background/80 flex h-full w-full flex-col items-center justify-center rounded-xl backdrop-blur-sm",
       initial: { opacity: 0 },
@@ -262,7 +262,7 @@ function le() {
         /* @__PURE__ */ o("div", { className: "relative", children: [
           /* @__PURE__ */ e(re, { className: "text-d-primary h-8 w-8 animate-spin" }),
           /* @__PURE__ */ e(
-            x.div,
+            w.div,
             {
               className: "bg-d-primary/20 absolute inset-0 h-8 w-8 animate-pulse rounded-full",
               initial: { scale: 0.8, opacity: 0 },
@@ -281,9 +281,9 @@ function le() {
     }
   );
 }
-function oe({ isVisible: i, onStopRecording: a }) {
+function oe({ isVisible: i, onStopRecording: n }) {
   return /* @__PURE__ */ e(v, { children: i && /* @__PURE__ */ e(
-    x.div,
+    w.div,
     {
       initial: { top: 0, filter: "blur(5px)" },
       animate: {
@@ -296,7 +296,7 @@ function oe({ isVisible: i, onStopRecording: a }) {
       },
       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: a,
+      onClick: n,
       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: a }) {
 }
 function se({
   isRecording: i,
-  isTranscribing: a,
+  isTranscribing: n,
   audioStream: d,
   textAreaHeight: l,
   onStopRecording: s
@@ -325,7 +325,7 @@ function se({
         }
       )
     }
-  ) : a ? /* @__PURE__ */ e(
+  ) : n ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-[1px] z-50 overflow-hidden rounded-xl",

package/dist/index.d.ts

@@ -153,25 +153,17 @@ export declare interface AppMultipleSelectOption {
     disabled?: boolean;
 }
 
-export declare function AppSelect<T = AppSelectOption>({ options, placeholder, children, label, className, labelKey, valueKey, descriptionKey, groupNameKey, isOptionDisabled, ...props }: AppSelectProps<T>): JSX.Element;
+export declare function AppSelect(props: AppSelectProps): JSX.Element;
 
 export declare interface AppSelectOption {
     value: string | number;
     label: string | React_2.ReactNode;
     disabled?: boolean;
-    groupName?: string;
+    group?: string;
+    fixed?: boolean;
 }
 
-export declare interface AppSelectProps<T = AppSelectOption> extends React_2.ComponentProps<typeof Select> {
-    options: T[];
-    placeholder?: string;
-    className?: string;
-    labelKey?: keyof T;
-    valueKey?: keyof T;
-    descriptionKey?: keyof T;
-    groupNameKey?: keyof T;
-    isOptionDisabled?: (option: T) => boolean;
-}
+export declare type AppSelectProps = SingleSelectProps | MultiSelectProps;
 
 export declare function AppSidebar({ navigation, navigationFooter, versions, defaultVersion, headerContent, footerContent, showRail, linkComponent: LinkComponent, linkProps, ...props }: AppSidebarProps): JSX.Element;
 
@@ -274,6 +266,27 @@ export declare const badgeVariants: (props?: ({
 
 declare type BarItemDataType = RepeatDataType | NoRepeatDataType;
 
+declare type BaseProps = {
+    options: AppSelectOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyPlaceholder?: string;
+    addItemPlaceholder?: string;
+    itemCountMessage?: (selected: number) => string;
+    maxSelectedMessage?: (max: number) => string;
+    label?: string | React_2.ReactNode;
+    className?: string;
+    wrpClassName?: string;
+    searchable?: boolean;
+    creatable?: boolean;
+    groupBy?: keyof AppSelectOption;
+    disabled?: boolean;
+    maxSelected?: number;
+    showChipsInsteadOfCount?: boolean;
+    size?: SelectSizeType_2;
+    onClear?: () => void;
+};
+
 export declare function Breadcrumb({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
 
 export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
@@ -1305,6 +1318,13 @@ export declare interface MultipleSelectorRef {
 
 declare type MultipleSelectSizeType = "sm" | "default" | "lg";
 
+declare type MultiSelectProps = BaseProps & {
+    multiple: true;
+    value?: (string | number)[];
+    defaultValue?: (string | number)[];
+    onValueChange?: (value: (string | number)[]) => void;
+};
+
 export declare interface NavGroup {
     title: string;
     url?: string;
@@ -1525,6 +1545,8 @@ export declare function SelectSeparator({ className, ...props }: React_2.Compone
 
 declare type SelectSizeType = "sm" | "default" | "lg";
 
+declare type SelectSizeType_2 = "sm" | "default" | "lg";
+
 export declare function SelectTrigger({ className, size: sizeProp, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Trigger> & {
     size?: SelectSizeType;
 }): JSX.Element;
@@ -1637,6 +1659,13 @@ export declare const SidebarSeparator: React_2.ForwardRefExoticComponent<Omit<Se
 
 export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<ButtonProps_2, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+declare type SingleSelectProps = BaseProps & {
+    multiple?: false;
+    value?: string | number;
+    defaultValue?: string | number;
+    onValueChange?: (value: string | number | undefined) => void;
+};
+
 declare const sizeMap: {
     xs: number;
     sm: number;

package/dist/node_modules/eventemitter3/index.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../_virtual/index5.js";
+import e from "../../_virtual/index3.js";
 export {
   e as EventEmitter,
   e as default

package/dist/node_modules/eventemitter3/index2.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as x } from "../../_virtual/index7.js";
+import { __module as x } from "../../_virtual/index6.js";
 var w;
 function O() {
   return w ? x.exports : (w = 1, function(d) {

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index3.js";
+import S from "../../../_virtual/index5.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/recharts/es6/util/Events.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../../../_virtual/index5.js";
+import e from "../../../../_virtual/index3.js";
 var r = new e(), n = "recharts.syncEvent.tooltip";
 export {
   n as TOOLTIP_SYNC_EVENT,

package/dist/node_modules/style-to-object/cjs/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __exports as r } from "../../../_virtual/index6.js";
+import { __exports as r } from "../../../_virtual/index7.js";
 import { __require as c } from "../../inline-style-parser/index.js";
 var f;
 function j() {