laif-ds 0.2.23 → 0.2.24

package/dist/index.d.ts

@@ -45,7 +45,6 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { SeparatorProps } from '@radix-ui/react-separator';
-import { SetStateAction } from 'react';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -283,7 +282,7 @@ export declare function Badge({ className, variant, asChild, ...props }: React_2
 }): JSX.Element;
 
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "outline-primary" | null | undefined;
+    variant?: "default" | "secondary" | "ghost" | "destructive" | "outline" | "outline-primary" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare type BarItemDataType = RepeatDataType | NoRepeatDataType;
@@ -301,8 +300,9 @@ declare type BaseProps = {
     wrpClassName?: string;
     searchable?: boolean;
     creatable?: boolean;
-    groupBy?: keyof AppSelectOption;
+    isSingleSelectClearable?: boolean;
     disabled?: boolean;
+    groupBy?: keyof AppSelectOption;
     maxSelected?: number;
     showChipsInsteadOfCount?: boolean;
     size?: SelectSizeType_2;
@@ -335,7 +335,7 @@ export declare interface ButtonProps extends React_2.ComponentProps<"button">, V
 }
 
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "outline-primary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | "outline-primary" | "ghost-destructive" | "ghost-accent" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -640,6 +640,7 @@ declare interface ConfirmOptions {
     actionText?: React.ReactNode;
     CancelProps?: React.ComponentProps<typeof AlertDialogCancel>;
     ActionProps?: React.ComponentProps<typeof Button>;
+    variant?: "default" | "destructive";
 }
 
 export declare function ContextMenu({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element;
@@ -798,7 +799,171 @@ export declare enum DataRepeatTypes {
     MONTH = "MONTH"
 }
 
-export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, notFoundMessage, searchBar, dropdownFilters, totalItems, datatableSizes, paginationPlaceholders, serverOptions, setServerOptions, }: DataTableProps<TData, TValue>): JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, actions, hidePagination, hideActionsRow, i18n, maxSortedColumns, initialState, serverMode: isServerSide, serverConfig: resolvedServerConfig, disableAutoPageSize, }: DataTableProps<TData, TValue>): JSX.Element;
+
+export declare interface DataTableActions {
+    label: string;
+    icon: IconName;
+    onClick: () => void;
+}
+
+export declare interface DataTableAdvancedFilter {
+    id: string;
+    rootGroup: IAdvancedFilterGroup;
+}
+
+declare interface DataTableAndGroup {
+    _and: DataTableFilterForSearch[];
+}
+
+export declare interface DataTableBadgeFilter {
+    id: string;
+    columnId: string;
+    columnLabel: string;
+    columnType: IColumnType;
+    operator: FilterOperator;
+    value?: string | number | boolean | Array<string | number>;
+    listOptions?: AppSelectOption[];
+}
+
+export declare interface DataTableFieldCondition {
+    [field: string]: {
+        operator: FilterOperator;
+        value: string | number | boolean | (string | number | boolean)[];
+    };
+}
+
+export declare type DataTableFilterForSearch = DataTableFieldCondition | DataTableOrGroup | DataTableAndGroup;
+
+export declare interface DataTableI18n {
+    search: string;
+    searchPlaceholder: string;
+    clearSearch: string;
+    reset: string;
+    loading: string;
+    notFoundMessage: string;
+    searchTooltipLabel: string;
+    selectAll: string;
+    selectRow: string;
+    filters: {
+        addFilter: string;
+        advancedFilter: string;
+        addFilterRule: string;
+        addFilterGroup: string;
+        deleteFilter: string;
+        deleteCondition: string;
+        deleteGroup: string;
+        duplicateCondition: string;
+        duplicateGroup: string;
+        operator: string;
+        value: string;
+        searchFilters: string;
+        searchPlaceholder: string;
+        selectDate: string;
+        where: string;
+        and: string;
+        or: string;
+        filterNotSupported: string;
+        column: string;
+        filter: string;
+    };
+    stringOperators: {
+        eq: string;
+        ne: string;
+        like: string;
+        nLike: string;
+        startsWith: string;
+        endsWith: string;
+        eqNull: string;
+        nEqNull: string;
+    };
+    numberOperators: {
+        eq: string;
+        ne: string;
+        lt: string;
+        le: string;
+        gt: string;
+        ge: string;
+        eqNull: string;
+        nEqNull: string;
+    };
+    booleanOperators: {
+        eq: string;
+        ne: string;
+        checked: string;
+        unchecked: string;
+        true: string;
+        false: string;
+    };
+    dateOperators: {
+        is: string;
+        isBefore: string;
+        isAfter: string;
+        eqNull: string;
+        nEqNull: string;
+    };
+    dateTimeOperators: {
+        isBefore: string;
+        isAfter: string;
+        eqNull: string;
+        nEqNull: string;
+    };
+    listOperators: {
+        is: string;
+        isNot: string;
+        contains: string;
+        doesNotContain: string;
+        eqNull: string;
+        nEqNull: string;
+    };
+    sorting: {
+        sort: string;
+        sorting: string;
+        column: string;
+        order: string;
+        sortBy: string;
+        ascending: string;
+        descending: string;
+        clearSort: string;
+        resetSorting: string;
+        addSort: string;
+    };
+    columnVisibility: {
+        visibleColumns: string;
+        hiddenColumns: string;
+        hideColumn: string;
+        showColumn: string;
+        hideAll: string;
+        showAll: string;
+    };
+    pagination: {
+        previous: string;
+        next: string;
+        first: string;
+        last: string;
+        page: string;
+        of: string;
+        rows: string;
+        pages: string;
+        rowsPerPage: string;
+        goToPage: string;
+        showing: string;
+        to: string;
+        entries: string;
+    };
+    tableActions: {
+        actions: string;
+    };
+}
+
+declare interface DataTableOrGroup {
+    _or: DataTableFilterForSearch[];
+}
+
+export declare interface DataTablePagination {
+    pageIndex: number;
+    pageSize: number;
+}
 
 export declare interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
@@ -810,14 +975,34 @@ export declare interface DataTableProps<TData, TValue> {
     onRowSelectionChange?: OnChangeFn<Record<string, boolean>>;
     checkable?: boolean;
     onCheckedRowsChange?: (checkedRows: TData[]) => void;
-    notFoundMessage?: string;
-    searchBar?: ISearchBarProps;
-    dropdownFilters?: IDropdownFilterProp[];
-    totalItems?: number;
-    datatableSizes?: IDatatableSizes;
-    paginationPlaceholders?: IDatatablePaginationPlaceholders;
-    serverOptions?: IServerOptionsProps;
-    setServerOptions?: (value: SetStateAction<IServerOptionsProps>) => void;
+    actions?: DataTableActions[];
+    hidePagination?: boolean;
+    hideActionsRow?: boolean;
+    i18n?: DataTableI18n;
+    maxSortedColumns?: number;
+    initialState?: DataTableState;
+    serverMode?: boolean;
+    serverConfig?: DataTableServerConfig;
+    disableAutoPageSize?: boolean;
+}
+
+export declare interface DataTableServerConfig {
+    totalItems: number;
+    onStateChange: (state: ServerState) => void;
+}
+
+export declare interface DataTableSorting {
+    sort_by: string[];
+    sort_order: ("asc" | "desc")[];
+}
+
+export declare interface DataTableState {
+    filters?: IFilterState;
+    sorting?: DataTableSorting;
+    pagination?: DataTablePagination;
+    searchbarFilter?: string;
+    computedFilter?: DataTableFilterForSearch;
+    computedSorting?: DataTableSorting;
 }
 
 export declare function DatePicker({ value, onChange, placeholder, dateFormat, className, buttonVariant, disabled, size, }: DatePickerProps): JSX.Element;
@@ -925,6 +1110,8 @@ declare interface FileUploaderProps {
     maxFiles?: number;
 }
 
+declare type FilterOperator = "array_overlap" | "checked" | "date_after" | "date_before" | "date_time_after" | "date_time_before" | "ends_with" | "eq" | "eq_null" | "ge" | "gt" | "le" | "like" | "lt" | "n_array_overlap" | "n_eq_null" | "n_like" | "ne" | "starts_with" | "unchecked";
+
 export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
 
 export declare function FormControl({ ...props }: React_2.ComponentProps<typeof Slot>): JSX.Element;
@@ -1022,9 +1209,24 @@ export declare function HoverCardContent({ className, align, sideOffset, ...prop
 
 export declare function HoverCardTrigger({ ...props }: React_2.ComponentProps<typeof HoverCardPrimitive.Trigger>): JSX.Element;
 
-export declare type IColumnDefWithSticky<TData, TValue = unknown> = ColumnDef<TData, TValue> & {
-    sticky?: boolean;
-};
+declare interface IAdvancedFilterCondition {
+    id: string;
+    columnId: string;
+    columnLabel: string;
+    columnType: IColumnType;
+    operator: FilterOperator;
+    value?: string | number | boolean | Array<string | number>;
+    listOptions?: AppSelectOption[];
+}
+
+declare interface IAdvancedFilterGroup {
+    id: string;
+    logicalOperator: LogicalOperator;
+    conditions: IAdvancedFilterCondition[];
+    groups?: IAdvancedFilterGroup[];
+}
+
+declare type IColumnType = "number" | "string" | "boolean" | "date" | "datetime" | "list_single_select" | "list_multi_select" | "other";
 
 /**
  * Componente Icon che renderizza un'icona da lucide-react
@@ -1054,41 +1256,18 @@ declare interface IconProps {
 
 declare type IconSize = keyof typeof sizeMap;
 
-export declare interface IDatatablePaginationPlaceholders {
-    rows?: string;
-    pages?: string;
-    first?: string;
-    previous?: string;
-    next?: string;
-    last?: string;
-}
-
-export declare interface IDatatableSizes {
-    rowHeight?: number;
-    headerHeight?: number;
-    containerHeight?: number;
-}
-
-export declare interface IDropdownFilterItem {
-    label: string;
-    value: string;
-}
-
-export declare interface IDropdownFilterProp {
-    column: string;
-    placeholder: string;
-    label?: string;
-    innerFiltersMode?: ELogicalFilterOperator;
-    items: IDropdownFilterItem[];
-    filterFn?: (rowValue: unknown, filterValue: string[]) => boolean;
-}
-
 declare type IFilePreviewCallbackReturn = File | {
     name: string;
     url: string;
     type?: string;
 };
 
+declare interface IFilterState {
+    filterBadges?: DataTableBadgeFilter[];
+    advancedFilterBadge?: DataTableAdvancedFilter;
+    searchbarFilter?: string;
+}
+
 export declare const Input: React_2.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare function InputOTP({ className, containerClassName, ...props }: React_2.ComponentProps<typeof OTPInput> & {
@@ -1131,38 +1310,10 @@ declare interface InterruptPromptProps {
     close: () => void;
 }
 
-export declare interface IPaginationProps {
-    pageIndex: number;
-    pageSize: number;
-}
-
-export declare interface ISearchBarProps {
-    placeholder?: string;
-    columns: string[];
-}
-
-export declare interface IServerFilterProps {
-    searchbarFilters?: {
-        value: string;
-        columns: string[];
-    };
-    dropdownFilters?: {
-        [column: string]: {
-            logic: ELogicalFilterOperator;
-            value: string[];
-            column: string;
-        };
-    };
-}
-
-export declare interface IServerOptionsProps {
-    pagination: IPaginationProps;
-    filters?: IServerFilterProps;
-    disableAutoPageSize?: boolean;
-}
-
 export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
 
+declare type LogicalOperator = "AND" | "OR";
+
 export declare function MarkdownRenderer({ children }: MarkdownRendererProps): JSX.Element;
 
 declare interface MarkdownRendererProps {
@@ -1598,6 +1749,13 @@ export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof
 
 export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof SeparatorPrimitive.Root>): JSX.Element;
 
+declare interface ServerState {
+    filters?: IFilterState;
+    pagination: DataTablePagination;
+    computedFilter?: DataTableFilterForSearch;
+    computedSorting?: DataTableSorting;
+}
+
 export declare function Sheet({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
 
 export declare function SheetContent({ className, children, side, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
@@ -1970,3 +2128,15 @@ export declare interface WeeklyCalendarProps {
 }
 
 export { }
+
+
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends unknown, TValue> {
+        type: IColumnType;
+        sortable?: boolean;
+        filterable?: boolean;
+        searchable?: boolean;
+        pinned?: "left" | "right";
+        listOptions?: AppSelectOption[];
+    }
+}

package/dist/index.js

@@ -66,22 +66,22 @@ import { AppSidebar as ta } from "./components/ui/app-sidebar.js";
 import { Chat as na, ChatContainer as ia, ChatForm as pa, ChatMessages as ma } from "./components/ui/chat.js";
 import { ChatMessage as ua } from "./components/ui/chat-message.js";
 import { Confirmer as da, confirm as ga } from "./components/ui/confirmer.js";
-import { DataTable as ba } from "./components/ui/data-table.js";
-import { ELogicalFilterOperator as sa } from "./components/ui/data-table.service.js";
-import { FilePreviewer as Ma, previewFileModal as ca, safePreviewFileModal as Ta } from "./components/ui/file-previewer.js";
-import { DataRepeatTypes as Aa } from "./components/ui/gantt/enums/DataRepeatTimes.js";
-import { DragStepSizes as Pa } from "./components/ui/gantt/enums/DragStepSizes.js";
-import { GanttConsts as va } from "./components/ui/gantt/constants/GanttConsts.js";
-import { GanttDimensions as wa } from "./components/ui/gantt/enums/GanttDimensions.js";
-import { InterruptPrompt as La } from "./components/ui/interrupt-prompt.js";
-import { MarkdownRenderer as Ra } from "./components/ui/markdown-renderer.js";
-import { MessageInput as ka } from "./components/ui/message-input.js";
-import { MessageList as Na } from "./components/ui/message-list.js";
-import { NavigationMenu as Ea, NavigationMenuContent as Va, NavigationMenuIndicator as Oa, NavigationMenuItem as Ua, NavigationMenuLink as Wa, NavigationMenuList as ja, NavigationMenuTrigger as qa, NavigationMenuViewport as Ja } from "./components/ui/navigation-menu.js";
-import { Sidebar as Qa, SidebarContent as Xa, SidebarFooter as Ya, SidebarGroup as Za, SidebarGroupAction as _a, SidebarGroupContent as $a, SidebarGroupLabel as en, SidebarHeader as rn, SidebarInput as on, SidebarInset as tn, SidebarMenu as an, SidebarMenuAction as nn, SidebarMenuBadge as pn, SidebarMenuButton as mn, SidebarMenuItem as ln, SidebarMenuSkeleton as un, SidebarMenuSub as xn, SidebarMenuSubButton as dn, SidebarMenuSubItem as gn, SidebarProvider as Cn, SidebarRail as bn, SidebarSeparator as fn, SidebarTrigger as sn, useSidebar as Sn } from "./components/ui/sidebar.js";
-import { DataCrossTable as cn } from "./components/ui/tables/data-cross-table/data-cross-table.js";
-import { DataCrossTableButtonsGroup as Dn } from "./components/ui/tables/data-cross-table/data-cross-table-buttons.js";
-import { DataCrossTableProvider as In } from "./components/ui/tables/data-cross-table/data-cross-table-context.js";
+import { FilePreviewer as ba, previewFileModal as fa, safePreviewFileModal as sa } from "./components/ui/file-previewer.js";
+import { DataRepeatTypes as Ma } from "./components/ui/gantt/enums/DataRepeatTimes.js";
+import { DragStepSizes as Ta } from "./components/ui/gantt/enums/DragStepSizes.js";
+import { GanttConsts as Aa } from "./components/ui/gantt/constants/GanttConsts.js";
+import { GanttDimensions as Pa } from "./components/ui/gantt/enums/GanttDimensions.js";
+import { InterruptPrompt as va } from "./components/ui/interrupt-prompt.js";
+import { MarkdownRenderer as wa } from "./components/ui/markdown-renderer.js";
+import { MessageInput as La } from "./components/ui/message-input.js";
+import { MessageList as Ra } from "./components/ui/message-list.js";
+import { NavigationMenu as ka, NavigationMenuContent as ya, NavigationMenuIndicator as Na, NavigationMenuItem as za, NavigationMenuLink as Ea, NavigationMenuList as Va, NavigationMenuTrigger as Oa, NavigationMenuViewport as Ua } from "./components/ui/navigation-menu.js";
+import { Sidebar as ja, SidebarContent as qa, SidebarFooter as Ja, SidebarGroup as Ka, SidebarGroupAction as Qa, SidebarGroupContent as Xa, SidebarGroupLabel as Ya, SidebarHeader as Za, SidebarInput as _a, SidebarInset as $a, SidebarMenu as en, SidebarMenuAction as rn, SidebarMenuBadge as on, SidebarMenuButton as tn, SidebarMenuItem as an, SidebarMenuSkeleton as nn, SidebarMenuSub as pn, SidebarMenuSubButton as mn, SidebarMenuSubItem as ln, SidebarProvider as un, SidebarRail as xn, SidebarSeparator as dn, SidebarTrigger as gn, useSidebar as Cn } from "./components/ui/sidebar.js";
+import { DataCrossTable as fn } from "./components/ui/tables/data-cross-table/data-cross-table.js";
+import { DataCrossTableButtonsGroup as Sn } from "./components/ui/tables/data-cross-table/data-cross-table-buttons.js";
+import { DataCrossTableProvider as cn } from "./components/ui/tables/data-cross-table/data-cross-table-context.js";
+import { DataTable as Dn } from "./components/ui/tables/data-table/data-table.js";
+import { ELogicalFilterOperator as In } from "./components/ui/tables/data-table/data-table-constants.js";
 import { WeeklyCalendar as hn } from "./components/ui/weekly-calendar/weekly-calendar.js";
 import { cn as Fn, downloadFile as wn, hexContrast as Gn, hexToRgba as Ln, previewFile as Bn, stringToHexColor as Rn } from "./lib/utils.js";
 import { AppStepper as kn } from "./components/ui/app-stepper.js";
@@ -182,11 +182,11 @@ export {
   ir as ContextMenuSubTrigger,
   pr as ContextMenuTrigger,
   D as CopyButton,
-  cn as DataCrossTable,
-  Dn as DataCrossTableButtonsGroup,
-  In as DataCrossTableProvider,
-  Aa as DataRepeatTypes,
-  ba as DataTable,
+  fn as DataCrossTable,
+  Sn as DataCrossTableButtonsGroup,
+  cn as DataCrossTableProvider,
+  Ma as DataRepeatTypes,
+  Dn as DataTable,
   lr as DatePicker,
   gr as Dialog,
   Cr as DialogContent,
@@ -195,7 +195,7 @@ export {
   sr as DialogHeader,
   Sr as DialogTitle,
   Mr as DialogTrigger,
-  Pa as DragStepSizes,
+  Ta as DragStepSizes,
   Tr as Drawer,
   Dr as DrawerContent,
   Ar as DrawerDescription,
@@ -209,9 +209,9 @@ export {
   ht as DropdownMenuLabel,
   vt as DropdownMenuSeparator,
   Ft as DropdownMenuTrigger,
-  sa as ELogicalFilterOperator,
+  In as ELogicalFilterOperator,
   Bt as FilePreview,
-  Ma as FilePreviewer,
+  ba as FilePreviewer,
   Gt as FileUploader,
   wr as Form,
   Gr as FormControl,
@@ -221,8 +221,8 @@ export {
   Hr as FormLabel,
   kr as FormMessage,
   o as Gantt,
-  va as GanttConsts,
-  wa as GanttDimensions,
+  Aa as GanttConsts,
+  Pa as GanttDimensions,
   zr as HoverCard,
   Er as HoverCardContent,
   Vr as HoverCardTrigger,
@@ -232,9 +232,9 @@ export {
   w as InputOTPGroup,
   G as InputOTPSlot,
   xr as InputSelector,
-  La as InterruptPrompt,
+  va as InterruptPrompt,
   B as Label,
-  Ra as MarkdownRenderer,
+  wa as MarkdownRenderer,
   Ur as Menubar,
   Wr as MenubarCheckboxItem,
   jr as MenubarContent,
@@ -251,17 +251,17 @@ export {
   ro as MenubarSubContent,
   oo as MenubarSubTrigger,
   to as MenubarTrigger,
-  ka as MessageInput,
-  Na as MessageList,
+  La as MessageInput,
+  Ra as MessageList,
   no as MultipleSelector,
-  Ea as NavigationMenu,
-  Va as NavigationMenuContent,
-  Oa as NavigationMenuIndicator,
-  Ua as NavigationMenuItem,
-  Wa as NavigationMenuLink,
-  ja as NavigationMenuList,
-  qa as NavigationMenuTrigger,
-  Ja as NavigationMenuViewport,
+  ka as NavigationMenu,
+  ya as NavigationMenuContent,
+  Na as NavigationMenuIndicator,
+  za as NavigationMenuItem,
+  Ea as NavigationMenuLink,
+  Va as NavigationMenuList,
+  Oa as NavigationMenuTrigger,
+  Ua as NavigationMenuViewport,
   po as Pagination,
   mo as PaginationContent,
   lo as PaginationEllipsis,
@@ -297,29 +297,29 @@ export {
   Uo as SheetHeader,
   Wo as SheetTitle,
   jo as SheetTrigger,
-  Qa as Sidebar,
-  Xa as SidebarContent,
-  Ya as SidebarFooter,
-  Za as SidebarGroup,
-  _a as SidebarGroupAction,
-  $a as SidebarGroupContent,
-  en as SidebarGroupLabel,
-  rn as SidebarHeader,
-  on as SidebarInput,
-  tn as SidebarInset,
-  an as SidebarMenu,
-  nn as SidebarMenuAction,
-  pn as SidebarMenuBadge,
-  mn as SidebarMenuButton,
-  ln as SidebarMenuItem,
-  un as SidebarMenuSkeleton,
-  xn as SidebarMenuSub,
-  dn as SidebarMenuSubButton,
-  gn as SidebarMenuSubItem,
-  Cn as SidebarProvider,
-  bn as SidebarRail,
-  fn as SidebarSeparator,
-  sn as SidebarTrigger,
+  ja as Sidebar,
+  qa as SidebarContent,
+  Ja as SidebarFooter,
+  Ka as SidebarGroup,
+  Qa as SidebarGroupAction,
+  Xa as SidebarGroupContent,
+  Ya as SidebarGroupLabel,
+  Za as SidebarHeader,
+  _a as SidebarInput,
+  $a as SidebarInset,
+  en as SidebarMenu,
+  rn as SidebarMenuAction,
+  on as SidebarMenuBadge,
+  tn as SidebarMenuButton,
+  an as SidebarMenuItem,
+  nn as SidebarMenuSkeleton,
+  pn as SidebarMenuSub,
+  mn as SidebarMenuSubButton,
+  ln as SidebarMenuSubItem,
+  un as SidebarProvider,
+  xn as SidebarRail,
+  dn as SidebarSeparator,
+  gn as SidebarTrigger,
   O as Skeleton,
   st as Slider,
   W as Switch,
@@ -356,8 +356,8 @@ export {
   Gn as hexContrast,
   Ln as hexToRgba,
   Bn as previewFile,
-  ca as previewFileModal,
-  Ta as safePreviewFileModal,
+  fa as previewFileModal,
+  sa as safePreviewFileModal,
   Rn as stringToHexColor,
   Q as toggleVariants,
   Nn as useAudioRecording,
@@ -368,5 +368,5 @@ export {
   Xt as useEditorModal,
   yr as useFormField,
   Kn as useIsMobile,
-  Sn as useSidebar
+  Cn as useSidebar
 };

package/dist/styles.css

@@ -1 +1 @@
-@import "tailwindcss";@import "tw-animate-css";:root{--d-radius:6px;--d-background:#fafafa;--d-foreground:#2e2e2e;--d-card:#fafafa;--d-card-foreground:#2e2e2e;--d-popover:#fff;--d-popover-foreground:#2e2e2e;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#f5f5f5;--d-secondary-foreground:#2e2e2e;--d-muted:#e0e0e0;--d-muted-foreground:#7a7a7a;--d-accent:#f4f4f4;--d-accent-foreground:#2e2e2e;--d-destructive:#ec2842;--d-destructive-foreground:#85202d;--d-border:#e0e0e0;--d-input:#fff;--d-ring:#090909;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#f5f5f5;--d-sidebar-foreground:#2e2e2e;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#e0e0e066;--d-sidebar-accent-foreground:#2e2e2e;--d-sidebar-border:#e0e0e0;--d-sidebar-ring:#64c2d1}.dark{--d-radius:6px;--d-background:#1f1f1f;--d-foreground:#e0e0e0;--d-card:#1f1f1f;--d-card-foreground:#e0e0e0;--d-popover:#1f1f1f;--d-popover-foreground:#e0e0e0;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#2e2e2e;--d-secondary-foreground:#e0e0e0;--d-muted:#474747;--d-muted-foreground:#7a7a7a;--d-accent:#474747;--d-accent-foreground:#e0e0e0;--d-destructive:#85202d;--d-destructive-foreground:#e0e0e0;--d-border:#2e2e2e;--d-input:#2e2e2e;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#141414;--d-sidebar-foreground:#e0e0e0;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#47474766;--d-sidebar-accent-foreground:#e0e0e0;--d-sidebar-border:#2e2e2e;--d-sidebar-ring:#64c2d1}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}@theme inline{--radius-d-sm:calc(var(--d-radius) - 4px);--radius-d-md:calc(var(--d-radius) - 2px);--radius-d-lg:var(--d-radius);--radius-d-xl:calc(var(--d-radius) + 4px);--color-d-background:var(--d-background);--color-d-foreground:var(--d-foreground);--color-d-card:var(--d-card);--color-d-card-foreground:var(--d-card-foreground);--color-d-popover:var(--d-popover);--color-d-popover-foreground:var(--d-popover-foreground);--color-d-primary:var(--d-primary);--color-d-primary-foreground:var(--d-primary-foreground);--color-d-secondary:var(--d-secondary);--color-d-secondary-foreground:var(--d-secondary-foreground);--color-d-muted:var(--d-muted);--color-d-muted-foreground:var(--d-muted-foreground);--color-d-accent:var(--d-accent);--color-d-accent-foreground:var(--d-accent-foreground);--color-d-destructive:var(--d-destructive);--color-d-border:var(--d-border);--color-d-input:var(--d-input);--color-d-ring:var(--d-ring);--color-d-chart-1:var(--d-chart-1);--color-d-chart-2:var(--d-chart-2);--color-d-chart-3:var(--d-chart-3);--color-d-chart-4:var(--d-chart-4);--color-d-chart-5:var(--d-chart-5);--color-d-sidebar:var(--d-sidebar);--color-d-sidebar-foreground:var(--d-sidebar-foreground);--color-d-sidebar-primary:var(--d-sidebar-primary);--color-d-sidebar-primary-foreground:var(--d-sidebar-primary-foreground);--color-d-sidebar-accent:var(--d-sidebar-accent);--color-d-sidebar-accent-foreground:var(--d-sidebar-accent-foreground);--color-d-sidebar-border:var(--d-sidebar-border);--color-d-sidebar-ring:var(--d-sidebar-ring)}*{outline-color:color-mix(in oklab,var(--d-ring) 50%,#0000)}body{background-color:var(--d-background);color:var(--d-foreground)}
+@import "tailwindcss";@import "tw-animate-css";@import "./laif-styles.css";@import "./css-for-template.css";.dark,:root{--d-radius:6px;--d-background:var(--colors--surface--background);--d-foreground:var(--colors--text--body-primary);--d-card:var(--colors--surface--primary);--d-card-foreground:var(--colors--text--body-primary);--d-popover:var(--colors--surface--primary);--d-popover-foreground:var(--colors--text--body-primary);--d-primary:var(--colors--surface--accent-primary);--d-primary-foreground:var(--colors--text--on-accent);--d-secondary:var(--colors--surface--secondary);--d-secondary-foreground:var(--colors--text--body-primary);--d-muted:var(--colors--surface--secondary);--d-muted-foreground:var(--colors--text--body-secondary);--d-accent:var(--colors--surface--tertiary);--d-accent-foreground:var(--colors--text--body-primary);--d-destructive:var(--colors--surface--danger);--d-destructive-foreground:var(--colors--text--on-danger);--d-border:var(--colors--border--subtle);--d-input:var(--colors--surface--primary);--d-ring:var(--colors--border--subtle);--d-chart-1:var(--colors--surface--accent-primary);--d-chart-2:var(--colors--surface--success);--d-chart-3:var(--colors--surface--warning);--d-chart-4:var(--colors--text--warning);--d-chart-5:var(--colors--surface--danger);--d-sidebar:var(--colors--surface--background);--d-sidebar-foreground:var(--colors--text--body-primary);--d-sidebar-primary:var(--colors--surface--accent-primary);--d-sidebar-primary-foreground:var(--colors--text--on-accent);--d-sidebar-accent:color-mix(in srgb,var(--colors--surface--tertiary) 40%,#0000);--d-sidebar-accent-foreground:var(--colors--text--body-primary);--d-sidebar-border:var(--colors--border--subtle);--d-sidebar-ring:var(--colors--surface--accent-primary)}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}