laif-ds 0.2.76 → 0.2.78

package/dist/components/ui/card.js

@@ -27,7 +27,7 @@ const s = n.createContext({
     gap: ""
   }
 };
-function x({ className: r, size: t = "default", ...e }) {
+function f({ className: r, size: t = "default", ...e }) {
   return /* @__PURE__ */ a(s.Provider, { value: { size: t }, children: /* @__PURE__ */ a(
     "div",
     {
@@ -47,7 +47,7 @@ function x({ className: r, size: t = "default", ...e }) {
     }
   ) });
 }
-function f({ className: r, ...t }) {
+function x({ className: r, ...t }) {
   const { size: e } = n.useContext(s);
   return /* @__PURE__ */ a(
     "div",
@@ -81,6 +81,19 @@ function g({ className: r, ...t }) {
     }
   );
 }
+function C({ className: r, ...t }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: o(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        r
+      ),
+      ...t
+    }
+  );
+}
 function b({ className: r, ...t }) {
   const { size: e } = n.useContext(s);
   return /* @__PURE__ */ a(
@@ -92,7 +105,7 @@ function b({ className: r, ...t }) {
     }
   );
 }
-function C({ className: r, ...t }) {
+function y({ className: r, ...t }) {
   const { size: e } = n.useContext(s);
   return /* @__PURE__ */ a(
     "div",
@@ -107,10 +120,11 @@ function C({ className: r, ...t }) {
   );
 }
 export {
-  x as Card,
+  f as Card,
+  C as CardAction,
   b as CardContent,
   g as CardDescription,
-  C as CardFooter,
-  f as CardHeader,
+  y as CardFooter,
+  x as CardHeader,
   m as CardTitle
 };

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import { Command as Command_2 } from 'cmdk';
 import { ComponentProps } from 'react';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { ControllerProps } from 'react-hook-form';
+import { ControllerRenderProps } from 'react-hook-form';
 import { DateRange } from 'react-day-picker';
 import { DayPicker } from 'react-day-picker';
 import { default as default_2 } from 'react';
@@ -145,6 +146,50 @@ declare const alertVariants: (props?: ({
 
 declare type Animation_2 = VariantProps<typeof chatBubbleVariants>["animation"];
 
+export declare function AppCard({ header, title, description, body, actions, footer, variant, size, isLoading, showHeaderBorder, showFooterBorder, className, headerClassName, bodyClassName, footerClassName, children, ...props }: Readonly<AppCardProps>): JSX.Element;
+
+export declare interface AppCardProps extends Omit<React_2.ComponentProps<"div">, "title"> {
+    /** Header content (title and/or description) */
+    header?: React_2.ReactNode;
+    /** Card title displayed in the header */
+    title?: string | React_2.ReactNode;
+    /** Card description displayed below the title */
+    description?: string | React_2.ReactNode;
+    /** Main content of the card */
+    body?: React_2.ReactNode;
+    /**
+     * Fallback body content when `body` is not provided.
+     * `body` takes precedence over `children` if both are passed.
+     */
+    children?: React_2.ReactNode;
+    /** Action buttons typically displayed in the header (right-aligned) */
+    actions?: React_2.ReactNode;
+    /** Footer content (typically action buttons) */
+    footer?: React_2.ReactNode;
+    /** Visual variant of the card */
+    variant?: AppCardVariant;
+    /** Controls internal padding via the base Card component */
+    size?: AppCardSize;
+    /** When true, renders skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Whether to show a border between header and body */
+    showHeaderBorder?: boolean;
+    /** Whether to show a border between body and footer */
+    showFooterBorder?: boolean;
+    /** Additional className for the card container */
+    className?: string;
+    /** Additional className for the header section */
+    headerClassName?: string;
+    /** Additional className for the body section */
+    bodyClassName?: string;
+    /** Additional className for the footer section */
+    footerClassName?: string;
+}
+
+declare type AppCardSize = "sm" | "default" | "lg" | "none";
+
+export declare type AppCardVariant = "default" | "elevated" | "outlined" | "ghost" | "flat" | "interactive" | "success" | "warning" | "destructive" | "info";
+
 export declare function AppCheckbox({ options, value, defaultValue, onValueChange, label, description, disabled, required, name, orientation, className, wrpClassName, optionClassName, layout, error, id, "data-testid": dataTestId, }: AppCheckboxProps): JSX.Element;
 
 export declare interface AppCheckboxOption {
@@ -233,39 +278,164 @@ declare type AppEditorToolbar = "block-format" | "font-format" | "history";
 
 export declare const AppForm: <TFormValues extends FieldValues = FieldValues, TAsyncOption = unknown>({ items, cols, form, submitText, onSubmit, isSubmitting, showSubmitButton, }: AppFormProps<TFormValues, TAsyncOption>) => JSX.Element;
 
-export declare interface AppFormItem<TAsyncOption = unknown> {
+declare type AppFormComponentType = "input" | "select" | "textarea" | "checkbox" | "multiselect" | "datepicker" | "radio" | "switch" | "slider" | "async" | "async-multiple" | "custom";
+
+export declare type AppFormItem<TAsyncOption = unknown, TComponent extends AppFormComponentType = AppFormComponentType> = {
+    /** Field label displayed above the component. */
     label: string;
-    component: "input" | "select" | "textarea" | "checkbox" | "multiselect" | "datepicker" | "radio" | "switch" | "slider" | "async" | "async-multiple";
+    /** The type of form component to render. */
+    component: TComponent;
+    /** Field name used for React Hook Form state binding and validation. */
     name: string;
+    /**
+     * HTML input type. Only applies when `component` is `"input"`.
+     * @example "text" | "email" | "password" | "number" | "url" | "search" | "tel"
+     */
     inputType?: ComponentProps<"input">["type"];
+    /** Initial value for the field. */
     defaultValue?: string | boolean | number | string[] | Date | number[];
+    /** Options list for `select`, `multiselect`, and `radio` components. */
     options?: AppSelectOption[];
+    /**
+     * Disables the field, preventing user interaction.
+     * @default false
+     */
     disabled?: boolean;
+    /** Placeholder text shown when no value is selected or entered. */
     placeholder?: string;
+    /** Helper text displayed below the field. */
     caption?: string;
+    /**
+     * Enables range mode on the `datepicker` component when provided.
+     * The two dates define the selectable calendar boundaries.
+     */
     calendarRange?: [Date, Date];
+    /** Minimum value for the `slider` component. @default 0 */
     min?: number;
+    /** Maximum value for the `slider` component. @default 100 */
     max?: number;
+    /** Step increment for the `slider` component. @default 1 */
     step?: number;
+    /**
+     * Async data loader for `async` and `async-multiple` components.
+     * Called with the current search query; must return a promise of options.
+     */
     fetcher?: (query?: string) => Promise<TAsyncOption[]>;
+    /**
+     * Custom render function for each option item in the async dropdown.
+     * Required for `async` and `async-multiple` components.
+     */
     renderOptionItem?: (option: TAsyncOption) => React.ReactNode;
+    /**
+     * Extracts the unique string value from an async option object.
+     * Required for `async` and `async-multiple` components.
+     */
     resolveOptionValue?: (option: TAsyncOption) => string;
+    /**
+     * Custom render function for the selected value chip/label.
+     * Required for `async` and `async-multiple` components.
+     */
     renderSelectedValue?: (option: TAsyncOption) => React.ReactNode;
+    /**
+     * Pre-loaded options used to hydrate the async select on mount,
+     * avoiding an initial fetch when the value is already known.
+     */
     initialOptions?: TAsyncOption[];
+    /** Custom node displayed when the async fetcher returns no results at all. */
     notFound?: React.ReactNode;
+    /** Message shown when the async search query returns no matching results. */
     noResultsMessage?: string;
+    /**
+     * Debounce delay in milliseconds for the async search input.
+     * @default 300
+     */
     debounce?: number;
+    /**
+     * Allows the user to clear the selected value in the async select.
+     * @default false
+     */
     clearable?: boolean;
-    datePickerProps?: Partial<ComponentProps<typeof DatePicker>>;
+    /** Extra props forwarded directly to the `DatePicker` component. */
+    datePickerProps?: Partial<DatePickerProps>;
+    /**
+     * Column span for the item in the grid.
+     * @default undefined (auto, or `"full"` for the last item)
+     */
+    colSpan?: "1" | "2" | "3" | "full";
+    /**
+     * Icon to display on the left side of the input.
+     * Only applies when `component` is `"input"`.
+     */
+    iconLeft?: IconName;
+    /**
+     * Icon to display on the right side of the input.
+     * Only applies when `component` is `"input"`.
+     */
+    iconRight?: IconName;
+    /**
+     * Enables search/filter functionality inside `select` and `multiselect` dropdowns.
+     * @default true
+     */
+    searchable?: boolean;
+    /**
+     * Custom render function for the component.
+     * Required when `component` is `"custom"`.
+     */
+    render?: (props: {
+        field: ControllerRenderProps<FieldValues, string>;
+        error?: string;
+        label: React.ReactNode;
+    }) => React.ReactNode;
+    /**
+     * Hides the label above the field.
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * Additional props forwarded to the underlying UI component.
+     * Strongly typed based on the chosen `component` value.
+     */
+    componentProps?: AppFormItemComponentProps<TAsyncOption>[TComponent];
+    /** Additional CSS class name applied to the item container div. */
+    className?: string;
+};
+
+declare interface AppFormItemComponentProps<TAsyncOption = unknown> {
+    input: Omit<InputProps, "name" | "value" | "onChange" | "onBlur" | "disabled" | "placeholder" | "type" | "iconLeft" | "iconRight" | "label">;
+    select: Omit<SingleSelectProps, "options" | "placeholder" | "disabled" | "searchable" | "value" | "onValueChange" | "multiple" | "label">;
+    multiselect: Omit<MultiSelectProps, "options" | "placeholder" | "disabled" | "searchable" | "value" | "onValueChange" | "multiple" | "label">;
+    textarea: Omit<ComponentProps<typeof Textarea>, "name" | "value" | "onChange" | "onBlur" | "disabled" | "placeholder" | "label">;
+    checkbox: Omit<ComponentProps<typeof Checkbox>, "checked" | "onCheckedChange" | "disabled" | "id" | "name">;
+    datepicker: Omit<DatePickerProps, "mode" | "value" | "onChange" | "placeholder" | "disabled" | "label">;
+    radio: Omit<ComponentProps<typeof RadioGroup>, "value" | "onValueChange" | "disabled" | "name">;
+    switch: Omit<ComponentProps<typeof Switch>, "checked" | "onCheckedChange" | "disabled" | "id" | "name">;
+    slider: Omit<ComponentProps<typeof Slider>, "value" | "onValueChange" | "min" | "max" | "step" | "disabled">;
+    async: Omit<AsyncSelectProps<TAsyncOption>, "multiple" | "fetcher" | "initialOptions" | "renderOptionItem" | "resolveOptionValue" | "renderSelectedValue" | "value" | "onChange" | "placeholder" | "disabled" | "notFound" | "noResultsMessage" | "debounce" | "clearable" | "label">;
+    "async-multiple": Omit<AsyncSelectProps<TAsyncOption>, "multiple" | "fetcher" | "initialOptions" | "renderOptionItem" | "resolveOptionValue" | "renderSelectedValue" | "value" | "onChange" | "placeholder" | "disabled" | "notFound" | "noResultsMessage" | "debounce" | "clearable" | "label">;
+    custom: Record<string, unknown>;
 }
 
 declare interface AppFormProps<TFormValues extends FieldValues = FieldValues, TAsyncOption = unknown> {
+    /** Number of grid columns for the form layout. @default "2" */
     cols?: "1" | "2" | "3";
-    items: AppFormItem<TAsyncOption>[];
+    /** Array of field configurations describing each form field. */
+    items: AppFormItem<TAsyncOption, AppFormComponentType>[];
+    /** React Hook Form instance returned by `useForm`. */
     form: UseFormReturn<TFormValues>;
+    /** Text label for the internal submit button. @default "Invia" */
     submitText?: string;
+    /** Callback fired with validated form data on submission. */
     onSubmit?: (data: TFormValues) => void;
+    /**
+     * When `true`, shows a loading spinner on the submit button.
+     * @default false
+     */
     isSubmitting?: boolean;
+    /**
+     * When `true`, renders an internal submit button at the bottom of the form.
+     * The button is disabled while the form is invalid or pristine.
+     * @default false
+     */
     showSubmitButton?: boolean;
 }
 
@@ -628,7 +798,7 @@ declare type BaseProps = {
     disabled?: boolean;
     maxSelected?: number;
     showChipsInsteadOfCount?: boolean;
-    size?: SelectSizeType_2;
+    size?: SelectSizeType;
     onClear?: () => void;
     id?: string;
     "data-testid"?: string;
@@ -2682,7 +2852,7 @@ export declare function SelectItem({ className, children, ...props }: React_2.Co
 export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Label>): JSX.Element;
 
 declare interface SelectProps extends React_2.ComponentProps<typeof SelectPrimitive.Root> {
-    size?: SelectSizeType;
+    size?: SelectSizeType_2;
     label?: string | React_2.ReactNode;
     className?: string;
     labelClassName?: string;
@@ -2695,7 +2865,7 @@ 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;
+    size?: SelectSizeType_2;
 }): JSX.Element;
 
 declare const selectTriggerVariants: (props?: ({

package/dist/index.js

@@ -90,19 +90,20 @@ import { ELogicalFilterOperator as Un } from "./components/ui/tables/data-table/
 import { toast as qn } from "./node_modules/sonner/dist/index.js";
 import { Toaster as Qn } from "./components/ui/toaster.js";
 import { cn as Yn, downloadFile as Zn, hexContrast as _n, hexToRgba as $n, previewFile as ei, stringToHexColor as ri } from "./lib/utils.js";
-import { AppDialog as ti } from "./components/ui/app-dialog.js";
-import { AppKanban as ni } from "./components/ui/app-kanban.js";
-import { AppStepper as pi } from "./components/ui/app-stepper.js";
-import { AppTimePicker as mi } from "./components/ui/app-time-picker.js";
-import { AppTooltip as xi } from "./components/ui/app-tooltip.js";
-import { WeeklyCalendar as Ci } from "./components/ui/weekly-calendar/weekly-calendar.js";
-import { createActionColumn as gi, createBooleanColumn as bi, createBooleanFilter as si, createComputedColumn as ci, createDateColumn as Si, createDateFilter as Mi, createDateTimeColumn as Ti, createDateTimeFilter as Di, createDisplayColumn as Ai, createFilterBadge as Fi, createFilterBadges as Ii, createInitialState as wi, createListFilter as Pi, createMultiSelectColumn as hi, createNumberColumn as vi, createNumberFilter as Gi, createSingleSelectColumn as Bi, createSorting as Li, createStringColumn as Ri, createStringFilter as ki, getColumnIds as Hi, isValidOperatorForType as yi, pinColumns as Ni, toSelectOptions as Oi, toSelectOptionsFromObjects as Vi, updateColumnListOptions as zi } from "./components/ui/tables/data-table/data-table.utils.js";
-import { useAudioRecording as ji } from "./hooks/use-audio-recording.js";
-import { useAutoScroll as Ui } from "./hooks/use-auto-scroll.js";
-import { useAutosizeTextArea as qi } from "./hooks/use-autosize-textarea.js";
-import { useCopyToClipboard as Qi } from "./hooks/use-copy-to-clipboard.js";
-import { useDebounce as Yi } from "./hooks/use-debounce.js";
-import { useIsMobile as _i } from "./hooks/use-mobile.js";
+import { AppCard as ti } from "./components/ui/app-card.js";
+import { AppDialog as ni } from "./components/ui/app-dialog.js";
+import { AppKanban as pi } from "./components/ui/app-kanban.js";
+import { AppStepper as mi } from "./components/ui/app-stepper.js";
+import { AppTimePicker as xi } from "./components/ui/app-time-picker.js";
+import { AppTooltip as Ci } from "./components/ui/app-tooltip.js";
+import { WeeklyCalendar as gi } from "./components/ui/weekly-calendar/weekly-calendar.js";
+import { createActionColumn as si, createBooleanColumn as ci, createBooleanFilter as Si, createComputedColumn as Mi, createDateColumn as Ti, createDateFilter as Di, createDateTimeColumn as Ai, createDateTimeFilter as Fi, createDisplayColumn as Ii, createFilterBadge as wi, createFilterBadges as Pi, createInitialState as hi, createListFilter as vi, createMultiSelectColumn as Gi, createNumberColumn as Bi, createNumberFilter as Li, createSingleSelectColumn as Ri, createSorting as ki, createStringColumn as Hi, createStringFilter as yi, getColumnIds as Ni, isValidOperatorForType as Oi, pinColumns as Vi, toSelectOptions as zi, toSelectOptionsFromObjects as Ei, updateColumnListOptions as ji } from "./components/ui/tables/data-table/data-table.utils.js";
+import { useAudioRecording as Ui } from "./hooks/use-audio-recording.js";
+import { useAutoScroll as qi } from "./hooks/use-auto-scroll.js";
+import { useAutosizeTextArea as Qi } from "./hooks/use-autosize-textarea.js";
+import { useCopyToClipboard as Yi } from "./hooks/use-copy-to-clipboard.js";
+import { useDebounce as _i } from "./hooks/use-debounce.js";
+import { useIsMobile as ep } from "./hooks/use-mobile.js";
 export {
   pe as Accordion,
   le as AccordionContent,
@@ -120,18 +121,19 @@ export {
   Ae as AlertDialogTitle,
   Fe as AlertDialogTrigger,
   fe as AlertTitle,
+  ti as AppCard,
   Yt as AppCheckbox,
-  ti as AppDialog,
+  ni as AppDialog,
   _t as AppEditor,
   we as AppForm,
-  ni as AppKanban,
+  pi as AppKanban,
   ea as AppMultipleSelectDropdown,
   oa as AppRadioGroup,
   aa as AppSelect,
   ia as AppSidebar,
-  pi as AppStepper,
-  mi as AppTimePicker,
-  xi as AppTooltip,
+  mi as AppStepper,
+  xi as AppTimePicker,
+  Ci as AppTooltip,
   a as AspectRatio,
   he as AsyncSelect,
   la as AudioVisualizer,
@@ -379,53 +381,53 @@ export {
   te as TruncatedCell,
   ne as TypingIndicator,
   qt as Typo,
-  Ci as WeeklyCalendar,
+  gi as WeeklyCalendar,
   x as badgeVariants,
   f as buttonVariants,
   Yn as cn,
   Ba as confirm,
-  gi as createActionColumn,
-  bi as createBooleanColumn,
-  si as createBooleanFilter,
-  ci as createComputedColumn,
-  Si as createDateColumn,
-  Mi as createDateFilter,
-  Ti as createDateTimeColumn,
-  Di as createDateTimeFilter,
-  Ai as createDisplayColumn,
-  Fi as createFilterBadge,
-  Ii as createFilterBadges,
-  wi as createInitialState,
-  Pi as createListFilter,
-  hi as createMultiSelectColumn,
-  vi as createNumberColumn,
-  Gi as createNumberFilter,
-  Bi as createSingleSelectColumn,
-  Li as createSorting,
-  Ri as createStringColumn,
-  ki as createStringFilter,
+  si as createActionColumn,
+  ci as createBooleanColumn,
+  Si as createBooleanFilter,
+  Mi as createComputedColumn,
+  Ti as createDateColumn,
+  Di as createDateFilter,
+  Ai as createDateTimeColumn,
+  Fi as createDateTimeFilter,
+  Ii as createDisplayColumn,
+  wi as createFilterBadge,
+  Pi as createFilterBadges,
+  hi as createInitialState,
+  vi as createListFilter,
+  Gi as createMultiSelectColumn,
+  Bi as createNumberColumn,
+  Li as createNumberFilter,
+  Ri as createSingleSelectColumn,
+  ki as createSorting,
+  Hi as createStringColumn,
+  yi as createStringFilter,
   Zn as downloadFile,
-  Hi as getColumnIds,
+  Ni as getColumnIds,
   _n as hexContrast,
   $n as hexToRgba,
-  yi as isValidOperatorForType,
-  Ni as pinColumns,
+  Oi as isValidOperatorForType,
+  Vi as pinColumns,
   ei as previewFile,
   ka as previewFileModal,
   Ha as safePreviewFileModal,
   ri as stringToHexColor,
-  Oi as toSelectOptions,
-  Vi as toSelectOptionsFromObjects,
+  zi as toSelectOptions,
+  Ei as toSelectOptionsFromObjects,
   qn as toast,
   Y as toggleVariants,
-  zi as updateColumnListOptions,
-  ji as useAudioRecording,
-  Ui as useAutoScroll,
-  qi as useAutosizeTextArea,
-  Qi as useCopyToClipboard,
-  Yi as useDebounce,
+  ji as updateColumnListOptions,
+  Ui as useAudioRecording,
+  qi as useAutoScroll,
+  Qi as useAutosizeTextArea,
+  Yi as useCopyToClipboard,
+  _i as useDebounce,
   Qt as useEditorModal,
   fo as useFormField,
-  _i as useIsMobile,
+  ep as useIsMobile,
   kn as useSidebar
 };

package/dist/node_modules/eventemitter3/index.js

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

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/index4.js";
+import S from "../../../_virtual/index3.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/index3.js";
+import e from "../../../../_virtual/index5.js";
 var r = new e(), n = "recharts.syncEvent.tooltip";
 export {
   n as TOOLTIP_SYNC_EVENT,

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index5.js";
+import y from "../../../_virtual/index4.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";