laif-ds 0.1.76 → 0.1.80

package/dist/components/ui/dialog.js

@@ -1,28 +1,33 @@
 "use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Root as i, Trigger as l, Content as d, Close as c, Title as g, Description as f, Portal as u, Overlay as m } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { Root as l, Trigger as d, Content as c, Close as s, Title as g, Description as f, Portal as u, Overlay as m } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
 import p from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 function w({
   ...t
 }) {
-  return /* @__PURE__ */ e(i, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ a(l, { "data-slot": "dialog", ...t });
 }
 function z({
   ...t
 }) {
-  return /* @__PURE__ */ e(l, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ a(d, { "data-slot": "dialog-trigger", ...t });
 }
 function x({
   ...t
 }) {
-  return /* @__PURE__ */ e(u, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(u, { "data-slot": "dialog-portal", ...t });
 }
-function v({
+function C({
+  ...t
+}) {
+  return /* @__PURE__ */ a(s, { "data-slot": "dialog-close", ...t });
+}
+function D({
   className: t,
-  ...a
+  ...e
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ a(
     m,
     {
       "data-slot": "dialog-overlay",
@@ -30,19 +35,19 @@ function v({
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         t
       ),
-      ...a
+      ...e
     }
   );
 }
 function k({
   className: t,
-  children: a,
-  ...s
+  children: e,
+  ...i
 }) {
   return /* @__PURE__ */ n(x, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(v, {}),
+    /* @__PURE__ */ a(D, {}),
     /* @__PURE__ */ n(
-      d,
+      c,
       {
         "data-slot": "dialog-content",
         onPointerDownOutside: (r) => {
@@ -52,30 +57,30 @@ function k({
           "bg-d-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-d-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
-        ...s,
+        ...i,
         children: [
-          a,
-          /* @__PURE__ */ n(c, { className: "ring-offset-d-background focus:ring-d-ring data-[state=open]:bg-d-accent data-[state=open]:text-d-secondary-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ e(p, {}),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+          e,
+          /* @__PURE__ */ n(s, { className: "ring-offset-d-background focus:ring-d-ring data-[state=open]:bg-d-accent data-[state=open]:text-d-secondary-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ a(p, {}),
+            /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
     )
   ] });
 }
-function C({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+function T({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "dialog-header",
       className: o("flex flex-col gap-2 text-center sm:text-left", t),
-      ...a
+      ...e
     }
   );
 }
-function T({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
+function j({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -83,44 +88,45 @@ function T({ className: t, ...a }) {
         "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
         t
       ),
-      ...a
+      ...e
     }
   );
 }
-function j({
+function O({
   className: t,
-  ...a
+  ...e
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ a(
     g,
     {
       "data-slot": "dialog-title",
       className: o("text-lg leading-none font-semibold", t),
-      ...a
+      ...e
     }
   );
 }
-function O({
+function P({
   className: t,
-  ...a
+  ...e
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ a(
     f,
     {
       "data-slot": "dialog-description",
       className: o("text-d-secondary-foreground text-sm", t),
-      ...a
+      ...e
     }
   );
 }
 export {
   w as Dialog,
+  C as DialogClose,
   k as DialogContent,
-  O as DialogDescription,
-  T as DialogFooter,
-  C as DialogHeader,
-  v as DialogOverlay,
+  P as DialogDescription,
+  j as DialogFooter,
+  T as DialogHeader,
+  D as DialogOverlay,
   x as DialogPortal,
-  j as DialogTitle,
+  O as DialogTitle,
   z as DialogTrigger
 };

package/dist/components/ui/sidebar.js

@@ -29,16 +29,16 @@ const X = d.forwardRef(
     children: s,
     ...f
   }, g) => {
-    const c = j(), [p, b] = d.useState(!1), [x, _] = d.useState(a), h = e ?? x, w = d.useCallback(
+    const c = j(), [p, u] = d.useState(!1), [x, _] = d.useState(a), h = e ?? x, w = d.useCallback(
       (l) => {
-        const u = typeof l == "function" ? l(h) : l;
-        t ? t(u) : _(u), document.cookie = `${$}=${u}; path=/; max-age=${V}`;
+        const b = typeof l == "function" ? l(h) : l;
+        t ? t(b) : _(b), document.cookie = `${$}=${b}; path=/; max-age=${V}`;
       },
       [t, h]
-    ), S = d.useCallback(() => c ? b((l) => !l) : w((l) => !l), [c, w, b]);
+    ), S = d.useCallback(() => c ? u((l) => !l) : w((l) => !l), [c, w, u]);
     d.useEffect(() => {
-      const l = (u) => {
-        u.key === U && (u.metaKey || u.ctrlKey) && (u.preventDefault(), S());
+      const l = (b) => {
+        b.key === U && (b.metaKey || b.ctrlKey) && (b.preventDefault(), S());
       };
       return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
     }, [S]);
@@ -49,7 +49,7 @@ const X = d.forwardRef(
         setOpen: w,
         isMobile: c,
         openMobile: p,
-        setOpenMobile: b,
+        setOpenMobile: u,
         toggleSidebar: S
       }),
       [
@@ -58,7 +58,7 @@ const X = d.forwardRef(
         w,
         c,
         p,
-        b,
+        u,
         S
       ]
     );
@@ -91,7 +91,7 @@ const Y = d.forwardRef(
     children: n,
     ...s
   }, f) => {
-    const { isMobile: g, state: c, openMobile: p, setOpenMobile: b } = N();
+    const { isMobile: g, state: c, openMobile: p, setOpenMobile: u } = N();
     return t === "none" ? /* @__PURE__ */ r(
       "div",
       {
@@ -103,7 +103,7 @@ const Y = d.forwardRef(
         ...s,
         children: n
       }
-    ) : g ? /* @__PURE__ */ r(E, { open: p, onOpenChange: b, ...s, children: /* @__PURE__ */ m(
+    ) : g ? /* @__PURE__ */ r(E, { open: p, onOpenChange: u, ...s, children: /* @__PURE__ */ m(
       T,
       {
         "data-sidebar": "sidebar",
@@ -138,7 +138,7 @@ const Y = d.forwardRef(
                 "relative w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear",
                 "group-data-[collapsible=offcanvas]:w-0",
                 "group-data-[side=right]:rotate-180",
-                e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
+                e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
               )
             }
           ),
@@ -148,7 +148,8 @@ const Y = d.forwardRef(
               className: i(
                 "fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear md:flex",
                 a === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-                e === "floating" || e === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "border-d-border group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+                // Adjust the padding for floating and inset variants.
+                e === "floating" || e === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
                 o
               ),
               ...s,
@@ -354,7 +355,7 @@ const ce = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   }
 ));
 ce.displayName = "SidebarMenuItem";
-const be = k(
+const ue = k(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-d-sidebar-ring transition-[width,height,padding] hover:bg-d-sidebar-accent hover:text-d-sidebar-accent-foreground focus-visible:ring-2 active:bg-d-sidebar-accent active:text-d-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-d-sidebar-accent data-[active=true]:font-bold data-[active=true]:text-d-sidebar-accent-foreground data-[state=open]:hover:bg-d-sidebar-accent data-[state=open]:hover:text-d-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -373,7 +374,7 @@ const be = k(
       size: "default"
     }
   }
-), ue = d.forwardRef(
+), be = d.forwardRef(
   ({
     asChild: a = !1,
     isActive: e = !1,
@@ -383,14 +384,14 @@ const be = k(
     className: s,
     ...f
   }, g) => {
-    const c = a ? v : "button", { isMobile: p, state: b } = N(), x = /* @__PURE__ */ r(
+    const c = a ? v : "button", { isMobile: p, state: u } = N(), x = /* @__PURE__ */ r(
       c,
       {
         ref: g,
         "data-sidebar": "menu-button",
         "data-size": o,
         "data-active": e,
-        className: i(be({ variant: t, size: o }), s),
+        className: i(ue({ variant: t, size: o }), s),
         ...f
       }
     );
@@ -403,14 +404,14 @@ const be = k(
         {
           side: "right",
           align: "center",
-          hidden: b !== "collapsed" || p,
+          hidden: u !== "collapsed" || p,
           ...n
         }
       )
     ] })) : x;
   }
 );
-ue.displayName = "SidebarMenuButton";
+be.displayName = "SidebarMenuButton";
 const fe = d.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...o }, n) => /* @__PURE__ */ r(
   e ? v : "button",
   {
@@ -530,7 +531,7 @@ export {
   le as SidebarMenu,
   fe as SidebarMenuAction,
   pe as SidebarMenuBadge,
-  ue as SidebarMenuButton,
+  be as SidebarMenuButton,
   ce as SidebarMenuItem,
   me as SidebarMenuSkeleton,
   ge as SidebarMenuSub,

package/dist/index.d.ts

@@ -25,6 +25,7 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { HTMLAttributes } from 'react';
 import { InputProps as InputProps_2 } from './input';
 import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as LucideIcons from 'lucide-react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
@@ -125,6 +126,22 @@ declare const alertVariants: (props?: ({
 
 declare type Animation_2 = VariantProps<typeof chatBubbleVariants>["animation"];
 
+export declare function AppEditor({ defaultValue, onMarkdownEdit, plugins, toolbars, placeholder, onlyMarkdown, className, }: AppEditorProps): JSX.Element;
+
+declare type AppEditorPlugin = "clear" | "counter";
+
+declare interface AppEditorProps {
+    defaultValue?: string;
+    onMarkdownEdit?: (markdown: string) => void;
+    plugins?: AppEditorPlugin[];
+    toolbars?: AppEditorToolbar[];
+    placeholder?: string;
+    onlyMarkdown?: boolean;
+    className?: string;
+}
+
+declare type AppEditorToolbar = "block-format" | "font-format" | "history";
+
 export declare function AppMultipleSelectDropdown({ options, value, onChange, placeholder, disabled, size, label, labelClassName, emptyMessage, className, filterPlaceholder, filterable, cancelLabel, cancelButtonLabel, maxSelectedItems, }: MultipleSelectDropdownProps): JSX.Element;
 
 export declare interface AppMultipleSelectOption {
@@ -258,7 +275,7 @@ export declare interface ButtonProps extends React_2.ComponentProps<"button">, V
 }
 
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-primary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -1726,6 +1743,11 @@ declare type UseCopyToClipboardProps = {
 
 export declare function useDebounce<T>(value: T, delay: number): T;
 
+export declare function useEditorModal(): [
+JSX_2.Element | null,
+(title: string, showModal: (onClose: () => void) => JSX_2.Element) => void
+];
+
 export declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;

package/dist/index.js

@@ -7,13 +7,13 @@ import { Button as g, buttonVariants as C } from "./components/ui/button.js";
 import { Checkbox as f } from "./components/ui/checkbox.js";
 import { Collapsible as S, CollapsibleContent as M, CollapsibleTrigger as c } from "./components/ui/collapsible.js";
 import { CopyButton as D } from "./components/ui/copy-button.js";
-import { Icon as A } from "./components/ui/icon.js";
+import { Icon as I } from "./components/ui/icon.js";
 import { Input as P } from "./components/ui/input.js";
 import { InputOTP as F, InputOTPGroup as w, InputOTPSlot as G } from "./components/ui/input-otp.js";
 import { Label as B } from "./components/ui/label.js";
 import { Progress as H } from "./components/ui/progress.js";
 import { RadioGroup as y, RadioGroupItem as N } from "./components/ui/radio-group.js";
-import { Separator as V } from "./components/ui/separator.js";
+import { Separator as E } from "./components/ui/separator.js";
 import { Skeleton as O } from "./components/ui/skeleton.js";
 import { Switch as j } from "./components/ui/switch.js";
 import { Textarea as J } from "./components/ui/textarea.js";
@@ -24,27 +24,27 @@ import { Toaster as te } from "./components/ui/toaster.js";
 import { Accordion as ne, AccordionContent as ie, AccordionItem as pe, AccordionTrigger as me } from "./components/ui/accordion.js";
 import { Alert as ue, AlertDescription as xe, AlertTitle as de } from "./components/ui/alert.js";
 import { AlertDialog as Ce, AlertDialogAction as be, AlertDialogCancel as fe, AlertDialogContent as se, AlertDialogDescription as Se, AlertDialogFooter as Me, AlertDialogHeader as ce, AlertDialogTitle as Te, AlertDialogTrigger as De } from "./components/ui/alert-dialog.js";
-import { AsyncSelect as Ae } from "./components/ui/async-select.js";
+import { AsyncSelect as Ie } from "./components/ui/async-select.js";
 import { Calendar as Pe } from "./components/ui/calendar.js";
 import { Card as Fe, CardContent as we, CardDescription as Ge, CardFooter as Le, CardHeader as Be, CardTitle as Re } from "./components/ui/card.js";
 import { Typo as ke } from "./components/ui/typo.js";
-import { Command as Ne, CommandDialog as ze, CommandEmpty as Ve, CommandGroup as Ee, CommandInput as Oe, CommandItem as We, CommandList as je, CommandSeparator as qe, CommandShortcut as Je } from "./components/ui/command.js";
+import { Command as Ne, CommandDialog as ze, CommandEmpty as Ee, CommandGroup as Ve, CommandInput as Oe, CommandItem as We, CommandList as je, CommandSeparator as qe, CommandShortcut as Je } from "./components/ui/command.js";
 import { ContextMenu as Qe, ContextMenuCheckboxItem as Ue, ContextMenuContent as Xe, ContextMenuGroup as Ye, ContextMenuItem as Ze, ContextMenuLabel as _e, ContextMenuPortal as $e, ContextMenuRadioGroup as er, ContextMenuRadioItem as rr, ContextMenuSeparator as or, ContextMenuShortcut as tr, ContextMenuSub as ar, ContextMenuSubContent as nr, ContextMenuSubTrigger as ir, ContextMenuTrigger as pr } from "./components/ui/context-menu.js";
 import { DatePicker as lr } from "./components/ui/date-picker.js";
 import { InputSelector as xr } from "./components/ui/input-selector.js";
 import { Dialog as gr, DialogContent as Cr, DialogDescription as br, DialogFooter as fr, DialogHeader as sr, DialogTitle as Sr, DialogTrigger as Mr } from "./components/ui/dialog.js";
-import { Drawer as Tr, DrawerContent as Dr, DrawerDescription as Ir, DrawerFooter as Ar, DrawerHeader as hr, DrawerTitle as Pr, DrawerTrigger as vr } from "./components/ui/drawer.js";
+import { Drawer as Tr, DrawerContent as Dr, DrawerDescription as Ar, DrawerFooter as Ir, DrawerHeader as hr, DrawerTitle as Pr, DrawerTrigger as vr } from "./components/ui/drawer.js";
 import { Form as wr, FormControl as Gr, FormDescription as Lr, FormField as Br, FormItem as Rr, FormLabel as Hr, FormMessage as kr, useFormField as yr } from "./components/ui/form.js";
-import { HoverCard as zr, HoverCardContent as Vr, HoverCardTrigger as Er } from "./components/ui/hover-card.js";
+import { HoverCard as zr, HoverCardContent as Er, HoverCardTrigger as Vr } from "./components/ui/hover-card.js";
 import { Menubar as Wr, MenubarCheckboxItem as jr, MenubarContent as qr, MenubarGroup as Jr, MenubarItem as Kr, MenubarLabel as Qr, MenubarMenu as Ur, MenubarPortal as Xr, MenubarRadioGroup as Yr, MenubarRadioItem as Zr, MenubarSeparator as _r, MenubarShortcut as $r, MenubarSub as eo, MenubarSubContent as ro, MenubarSubTrigger as oo, MenubarTrigger as to } from "./components/ui/menubar.js";
 import { MultipleSelector as no } from "./components/ui/multiple-selector.js";
 import { Pagination as po, PaginationContent as mo, PaginationEllipsis as lo, PaginationItem as uo, PaginationLink as xo, PaginationNext as go, PaginationPrevious as Co } from "./components/ui/pagination.js";
 import { Popover as fo, PopoverContent as so, PopoverTrigger as So } from "./components/ui/popover.js";
 import { PromptSuggestions as co } from "./components/ui/prompt-suggestions.js";
-import { ResizableHandle as Do, ResizablePanel as Io, ResizablePanelGroup as Ao } from "./components/ui/resizable.js";
+import { ResizableHandle as Do, ResizablePanel as Ao, ResizablePanelGroup as Io } from "./components/ui/resizable.js";
 import { ScrollArea as Po, ScrollBar as vo } from "./components/ui/scroll-area.js";
 import { Select as wo, SelectContent as Go, SelectGroup as Lo, SelectItem as Bo, SelectLabel as Ro, SelectSeparator as Ho, SelectTrigger as ko, SelectValue as yo } from "./components/ui/select.js";
-import { Sheet as zo, SheetContent as Vo, SheetDescription as Eo, SheetFooter as Oo, SheetHeader as Wo, SheetTitle as jo, SheetTrigger as qo } from "./components/ui/sheet.js";
+import { Sheet as zo, SheetContent as Eo, SheetDescription as Vo, SheetFooter as Oo, SheetHeader as Wo, SheetTitle as jo, SheetTrigger as qo } from "./components/ui/sheet.js";
 import { Table as Ko, TableBody as Qo, TableCaption as Uo, TableCell as Xo, TableFooter as Yo, TableHead as Zo, TableHeader as _o, TableRow as $o } from "./components/ui/table.js";
 import { Tabs as rt, TabsContent as ot, TabsList as tt, TabsTrigger as at } from "./components/ui/tabs.js";
 import { ToggleGroup as it, ToggleGroupItem as pt } from "./components/ui/toggle-group.js";
@@ -52,10 +52,10 @@ import { Breadcrumb as lt, BreadcrumbEllipsis as ut, BreadcrumbItem as xt, Bread
 import { Slider as st } from "./components/ui/slider.js";
 import { CircularProgress as Mt } from "./components/ui/charts/circular.js";
 import { ThemeSwitcher as Tt } from "./components/ui/theme-switcher.js";
-import { DropdownMenu as It, DropdownMenuContent as At, DropdownMenuItem as ht, DropdownMenuLabel as Pt, DropdownMenuSeparator as vt, DropdownMenuTrigger as Ft } from "./components/ui/dropdown-menu.js";
+import { DropdownMenu as At, DropdownMenuContent as It, DropdownMenuItem as ht, DropdownMenuLabel as Pt, DropdownMenuSeparator as vt, DropdownMenuTrigger as Ft } from "./components/ui/dropdown-menu.js";
 import { AudioVisualizer as Gt } from "./components/ui/audio-visualizer.js";
 import { Carousel as Bt, CarouselContent as Rt, CarouselItem as Ht, CarouselNext as kt, CarouselPrevious as yt } from "./components/ui/carousel.js";
-import { ChartContainer as zt, ChartLegend as Vt, ChartLegendContent as Et, ChartStyle as Ot, ChartTooltip as Wt, ChartTooltipContent as jt } from "./components/ui/chart.js";
+import { ChartContainer as zt, ChartLegend as Et, ChartLegendContent as Vt, ChartStyle as Ot, ChartTooltip as Wt, ChartTooltipContent as jt } from "./components/ui/chart.js";
 import { Chat as Jt, ChatContainer as Kt, ChatForm as Qt, ChatMessages as Ut } from "./components/ui/chat.js";
 import { ChatMessage as Yt } from "./components/ui/chat-message.js";
 import { FilePreview as _t } from "./components/ui/file-preview.js";
@@ -64,7 +64,7 @@ import { MarkdownRenderer as oa } from "./components/ui/markdown-renderer.js";
 import { MessageInput as aa } from "./components/ui/message-input.js";
 import { MessageList as ia } from "./components/ui/message-list.js";
 import { NavigationMenu as ma, NavigationMenuContent as la, NavigationMenuIndicator as ua, NavigationMenuItem as xa, NavigationMenuLink as da, NavigationMenuList as ga, NavigationMenuTrigger as Ca, NavigationMenuViewport as ba } from "./components/ui/navigation-menu.js";
-import { Sidebar as sa, SidebarContent as Sa, SidebarFooter as Ma, SidebarGroup as ca, SidebarGroupAction as Ta, SidebarGroupContent as Da, SidebarGroupLabel as Ia, SidebarHeader as Aa, SidebarInput as ha, SidebarInset as Pa, SidebarMenu as va, SidebarMenuAction as Fa, SidebarMenuBadge as wa, SidebarMenuButton as Ga, SidebarMenuItem as La, SidebarMenuSkeleton as Ba, SidebarMenuSub as Ra, SidebarMenuSubButton as Ha, SidebarMenuSubItem as ka, SidebarProvider as ya, SidebarRail as Na, SidebarSeparator as za, SidebarTrigger as Va, useSidebar as Ea } from "./components/ui/sidebar.js";
+import { Sidebar as sa, SidebarContent as Sa, SidebarFooter as Ma, SidebarGroup as ca, SidebarGroupAction as Ta, SidebarGroupContent as Da, SidebarGroupLabel as Aa, SidebarHeader as Ia, SidebarInput as ha, SidebarInset as Pa, SidebarMenu as va, SidebarMenuAction as Fa, SidebarMenuBadge as wa, SidebarMenuButton as Ga, SidebarMenuItem as La, SidebarMenuSkeleton as Ba, SidebarMenuSub as Ra, SidebarMenuSubButton as Ha, SidebarMenuSubItem as ka, SidebarProvider as ya, SidebarRail as Na, SidebarSeparator as za, SidebarTrigger as Ea, useSidebar as Va } from "./components/ui/sidebar.js";
 import { DataTable as Wa } from "./components/ui/data-table.js";
 import { ELogicalFilterOperator as qa } from "./components/ui/data-table.service.js";
 import { GanttDimensions as Ka } from "./components/ui/gantt/enums/GanttDimensions.js";
@@ -80,12 +80,14 @@ import { DataCrossTableButtonsGroup as dn } from "./components/ui/tables/data-cr
 import { DataCrossTableProvider as Cn } from "./components/ui/tables/data-cross-table/data-cross-table-context.js";
 import { WeeklyCalendar as fn } from "./components/ui/weekly-calendar/weekly-calendar.js";
 import { hexContrast as Sn, hexToRgba as Mn, stringToHexColor as cn } from "./lib/utils.js";
-import { useAudioRecording as Dn } from "./hooks/use-audio-recording.js";
-import { useAutoScroll as An } from "./hooks/use-auto-scroll.js";
-import { useAutosizeTextArea as Pn } from "./hooks/use-autosize-textarea.js";
-import { useCopyToClipboard as Fn } from "./hooks/use-copy-to-clipboard.js";
-import { useDebounce as Gn } from "./hooks/use-debounce.js";
-import { useIsMobile as Bn } from "./hooks/use-mobile.js";
+import { useEditorModal as Dn } from "./components/editor/editor-hooks/use-modal.js";
+import { AppEditor as In } from "./components/ui/app-editor.js";
+import { useAudioRecording as Pn } from "./hooks/use-audio-recording.js";
+import { useAutoScroll as Fn } from "./hooks/use-auto-scroll.js";
+import { useAutosizeTextArea as Gn } from "./hooks/use-autosize-textarea.js";
+import { useCopyToClipboard as Bn } from "./hooks/use-copy-to-clipboard.js";
+import { useDebounce as Hn } from "./hooks/use-debounce.js";
+import { useIsMobile as yn } from "./hooks/use-mobile.js";
 export {
   ne as Accordion,
   ie as AccordionContent,
@@ -103,11 +105,12 @@ export {
   Te as AlertDialogTitle,
   De as AlertDialogTrigger,
   de as AlertTitle,
+  In as AppEditor,
   mn as AppMultipleSelectDropdown,
   nn as AppSelect,
   en as AppSidebar,
   a as AspectRatio,
-  Ae as AsyncSelect,
+  Ie as AsyncSelect,
   Gt as AudioVisualizer,
   i as Avatar,
   p as AvatarFallback,
@@ -134,8 +137,8 @@ export {
   kt as CarouselNext,
   yt as CarouselPrevious,
   zt as ChartContainer,
-  Vt as ChartLegend,
-  Et as ChartLegendContent,
+  Et as ChartLegend,
+  Vt as ChartLegendContent,
   Ot as ChartStyle,
   Wt as ChartTooltip,
   jt as ChartTooltipContent,
@@ -151,8 +154,8 @@ export {
   c as CollapsibleTrigger,
   Ne as Command,
   ze as CommandDialog,
-  Ve as CommandEmpty,
-  Ee as CommandGroup,
+  Ee as CommandEmpty,
+  Ve as CommandGroup,
   Oe as CommandInput,
   We as CommandItem,
   je as CommandList,
@@ -191,13 +194,13 @@ export {
   Ya as DragStepSizes,
   Tr as Drawer,
   Dr as DrawerContent,
-  Ir as DrawerDescription,
-  Ar as DrawerFooter,
+  Ar as DrawerDescription,
+  Ir as DrawerFooter,
   hr as DrawerHeader,
   Pr as DrawerTitle,
   vr as DrawerTrigger,
-  It as DropdownMenu,
-  At as DropdownMenuContent,
+  At as DropdownMenu,
+  It as DropdownMenuContent,
   ht as DropdownMenuItem,
   Pt as DropdownMenuLabel,
   vt as DropdownMenuSeparator,
@@ -215,9 +218,9 @@ export {
   Ua as GanttConsts,
   Ka as GanttDimensions,
   zr as HoverCard,
-  Vr as HoverCardContent,
-  Er as HoverCardTrigger,
-  A as Icon,
+  Er as HoverCardContent,
+  Vr as HoverCardTrigger,
+  I as Icon,
   P as Input,
   F as InputOTP,
   w as InputOTPGroup,
@@ -268,8 +271,8 @@ export {
   y as RadioGroup,
   N as RadioGroupItem,
   Do as ResizableHandle,
-  Io as ResizablePanel,
-  Ao as ResizablePanelGroup,
+  Ao as ResizablePanel,
+  Io as ResizablePanelGroup,
   Po as ScrollArea,
   vo as ScrollBar,
   wo as Select,
@@ -280,10 +283,10 @@ export {
   Ho as SelectSeparator,
   ko as SelectTrigger,
   yo as SelectValue,
-  V as Separator,
+  E as Separator,
   zo as Sheet,
-  Vo as SheetContent,
-  Eo as SheetDescription,
+  Eo as SheetContent,
+  Vo as SheetDescription,
   Oo as SheetFooter,
   Wo as SheetHeader,
   jo as SheetTitle,
@@ -294,8 +297,8 @@ export {
   ca as SidebarGroup,
   Ta as SidebarGroupAction,
   Da as SidebarGroupContent,
-  Ia as SidebarGroupLabel,
-  Aa as SidebarHeader,
+  Aa as SidebarGroupLabel,
+  Ia as SidebarHeader,
   ha as SidebarInput,
   Pa as SidebarInset,
   va as SidebarMenu,
@@ -310,7 +313,7 @@ export {
   ya as SidebarProvider,
   Na as SidebarRail,
   za as SidebarSeparator,
-  Va as SidebarTrigger,
+  Ea as SidebarTrigger,
   O as Skeleton,
   st as Slider,
   j as Switch,
@@ -346,12 +349,13 @@ export {
   Mn as hexToRgba,
   cn as stringToHexColor,
   U as toggleVariants,
-  Dn as useAudioRecording,
-  An as useAutoScroll,
-  Pn as useAutosizeTextArea,
-  Fn as useCopyToClipboard,
-  Gn as useDebounce,
+  Pn as useAudioRecording,
+  Fn as useAutoScroll,
+  Gn as useAutosizeTextArea,
+  Bn as useCopyToClipboard,
+  Hn as useDebounce,
+  Dn as useEditorModal,
   yr as useFormField,
-  Bn as useIsMobile,
-  Ea as useSidebar
+  yn as useIsMobile,
+  Va as useSidebar
 };

package/dist/laif-ds.css

@@ -0,0 +1 @@
+.EditorTheme__code{background-color:transparent;font-family:Menlo,Consolas,Monaco,monospace;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;overflow-x:auto;border:1px solid #ccc;position:relative;border-radius:8px;tab-size:2}.EditorTheme__code:before{content:attr(data-gutter);position:absolute;background-color:transparent;border-right:1px solid #ccc;left:0;top:0;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.EditorTheme__table{border-collapse:collapse;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:fit-content;width:100%;margin:0 25px 30px 0}.EditorTheme__tokenComment{color:#708090}.EditorTheme__tokenPunctuation{color:#999}.EditorTheme__tokenProperty{color:#905}.EditorTheme__tokenSelector{color:#690}.EditorTheme__tokenOperator{color:#9a6e3a}.EditorTheme__tokenAttr{color:#07a}.EditorTheme__tokenVariable{color:#e90}.EditorTheme__tokenFunction{color:#dd4a68}.Collapsible__container{background-color:var(--background);border:1px solid #ccc;border-radius:.5rem;margin-bottom:.5rem}.Collapsible__title{padding:.25rem .25rem .25rem 1rem;position:relative;font-weight:700;outline:none;cursor:pointer;list-style-type:disclosure-closed;list-style-position:inside}.Collapsible__title p{display:inline-flex}.Collapsible__title::marker{color:#d3d3d3}.Collapsible__container[open]>.Collapsible__title{list-style-type:disclosure-open}