laif-ds 0.2.69 → 0.2.71

package/dist/components/ui/textarea.js

@@ -1,35 +1,36 @@
 "use client";
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { designTokens as t } from "../design-tokens.js";
-import { Label as m } from "./label.js";
-import { cn as s } from "../../lib/utils.js";
-function b({
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { designTokens as e } from "../design-tokens.js";
+import { Label as x } from "./label.js";
+import { cn as a } from "../../lib/utils.js";
+function h({
   wrpClassName: o,
-  className: a,
-  label: e,
+  className: s,
+  label: t,
   labelClassName: n,
   id: d,
   ...l
 }) {
-  const i = d || (e ? `textarea-${Math.random().toString(36).substring(2, 9)}` : void 0);
-  return /* @__PURE__ */ c("div", { className: s("space-y-1.5", o), children: [
-    e && /* @__PURE__ */ r(m, { htmlFor: i, className: n, children: e }),
+  const i = d || (t ? `textarea-${Math.random().toString(36).substring(2, 9)}` : void 0);
+  return /* @__PURE__ */ m("div", { className: a("space-y-1.5", o), children: [
+    t && /* @__PURE__ */ r(x, { htmlFor: i, className: n, children: t }),
     /* @__PURE__ */ r(
       "textarea",
       {
         id: i,
         "data-slot": "textarea",
-        className: s(
-          t.input.base,
-          t.radius.default,
-          t.text.base,
-          t.text.placeholder,
-          t.interaction.disabled,
-          "flex field-sizing-content min-h-16 w-full px-3 py-2 shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
+        className: a(
+          e.input.base,
+          e.radius.default,
+          e.text.base,
+          e.text.placeholder,
+          e.interaction.disabled,
+          "flex min-h-16 w-full min-w-0 max-w-full px-3 py-2 shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
+          "whitespace-pre-wrap break-words overflow-x-hidden",
           // Focus states
           "focus-visible:ring-d-ring/50 focus-visible:border-d-ring focus-visible:ring-[3px]",
-          t.input.invalid,
-          a
+          e.input.invalid,
+          s
         ),
         ...l
       }
@@ -37,5 +38,5 @@ function b({
   ] });
 }
 export {
-  b as Textarea
+  h as Textarea
 };

package/dist/index.d.ts

@@ -264,6 +264,7 @@ export declare function AppKanban<T = any>({ columns, initialTasks, onTaskMove,
 export declare type AppKanbanColumn = {
     id: string;
     label: string;
+    disabled?: boolean;
 };
 
 export declare type AppKanbanConfig<T = any> = {
@@ -386,6 +387,51 @@ export declare interface AppStepperProps extends Omit<StepperProps, "children">
     "data-testid"?: string;
 }
 
+export declare function AppTimePicker(props: AppTimePickerProps): JSX.Element;
+
+export declare interface AppTimePickerProps {
+    /** The currently selected time as a Date object (controlled). */
+    value?: Date;
+    /** Callback fired when the selected time changes. */
+    onChange?: (date: Date | undefined) => void;
+    /** Callback fired when the value is cleared. */
+    onClear?: () => void;
+    /** Label displayed above the trigger. */
+    label?: string | React.ReactNode;
+    /** Placeholder text shown when no time is selected. @default "Seleziona orario" */
+    placeholder?: string;
+    /** Disables the time picker. @default false */
+    disabled?: boolean;
+    /** Show a clear button to reset the selection. @default false */
+    clearable?: boolean;
+    /** Additional CSS classes applied to the trigger element. */
+    className?: string;
+    /** CSS classes for the label element. */
+    labelClassName?: string;
+    /** CSS classes for the outer wrapper `<div>`. */
+    wrpClassName?: string;
+    /** Size variant of the trigger. @default "default" */
+    size?: AppTimePickerSize;
+    /** Visual variant of the trigger. @default "default" */
+    variant?: AppTimePickerVariant;
+    /** Use UTC time instead of local time. @default false */
+    useUtc?: boolean;
+    /** Show seconds column in the time picker. @default false */
+    withSeconds?: boolean;
+    /** HTML `id` for the trigger element. */
+    id?: string;
+    /** `data-testid` attribute for E2E testing (e.g. Playwright). */
+    "data-testid"?: string;
+    /** Minimum selectable time. Hours/minutes/seconds before this are disabled. */
+    minTime?: Date;
+    /** Maximum selectable time. Hours/minutes/seconds after this are disabled. */
+    maxTime?: Date;
+}
+
+export declare type AppTimePickerSize = "sm" | "default" | "lg";
+
+export declare type AppTimePickerVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+
 export declare function AppTooltip({ content, children, label, labelClassName, header, variant, triggerVariant, size, className, wrpClassName, contentClassName, side, align, sideOffset, matchTriggerWidth, delayDuration, disabled, asChild, }: AppTooltipProps): JSX.Element;
 
 export declare type AppTooltipAlign = TooltipContentProps_2["align"];
@@ -1554,39 +1600,82 @@ export declare interface DataTableState<TData = Record<string, unknown>> {
 export declare function DatePicker(props: DatePickerProps): JSX.Element;
 
 declare interface DatePickerBaseProps {
+    /** Placeholder text shown when no date is selected. @default "Seleziona data" */
     placeholder?: string;
+    /** Display format string (date-fns). @default "dd/MM/yyyy" (or "dd/MM/yyyy HH:mm" with showTime) */
     dateFormat?: string;
+    /** Additional CSS classes applied to the trigger element. */
     className?: string;
+    /**
+     * @deprecated This prop is unused. Use `className` to style the trigger instead.
+     */
     buttonVariant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    /** Disables the date picker. @default false */
     disabled?: boolean;
+    /** Size variant of the trigger. @default "default" */
     size?: "sm" | "default" | "lg";
+    /**
+     * @deprecated Use `minDate` instead.
+     * Minimum selectable date.
+     */
     firstDate?: Date;
+    /**
+     * @deprecated Use `maxDate` instead.
+     * Maximum selectable date.
+     */
     lastDate?: Date;
+    /** Restrict selection to only these specific dates. All other dates will be disabled. */
     availableDates?: Date[];
+    /** date-fns locale for formatting and calendar labels. @default it (Italian) */
     locale?: Partial<Locale>;
+    /** Month to display when the calendar first opens (overridden by `value` if set). */
     initialCalendarMonth?: Date;
+    /** Additional props forwarded to the underlying `<Calendar>` component. */
     customCalendarProps?: React_2.ComponentProps<typeof Calendar>;
+    /** Label displayed above the trigger. */
     label?: string | React_2.ReactNode;
+    /** CSS classes for the label element. */
+    labelClassName?: string;
+    /** CSS classes for the outer wrapper `<div>`. */
     wrpClassName?: string;
+    /** HTML `id` for the trigger element. Auto-generated if omitted. */
     id?: string;
+    /** `data-testid` attribute for E2E testing (e.g. Playwright). */
     "data-testid"?: string;
+    /** Minimum selectable date. Dates before this are disabled. */
     minDate?: Date;
+    /** Maximum selectable date. Dates after this are disabled. */
     maxDate?: Date;
+    /** Number of months to display side-by-side. @default 1 */
     numberOfMonths?: number;
+    /** Show a clear button to reset the selection. @default false */
+    clearable?: boolean;
+    /** Callback fired when the value is cleared via the clear button. */
+    onClear?: () => void;
 }
 
 export declare type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
 
 declare interface DatePickerRangeProps extends DatePickerBaseProps {
+    /** Selection mode set to range. */
     mode: "range";
+    /** The currently selected date range (controlled). */
     value?: DateRange;
+    /** Callback fired when the selected range changes. */
     onChange?: (range: DateRange | undefined) => void;
 }
 
 declare interface DatePickerSingleProps extends DatePickerBaseProps {
+    /** Selection mode. @default "single" */
     mode?: "single";
+    /** The currently selected date (controlled). */
     value?: Date;
+    /** Callback fired when the selected date changes. */
     onChange?: (date: Date | undefined) => void;
+    /** Show time picker columns alongside the calendar. @default false */
+    showTime?: boolean;
+    /** Show seconds column in the time picker (requires `showTime`). @default false */
+    withSeconds?: boolean;
 }
 
 /**

package/dist/index.js

@@ -94,13 +94,14 @@ 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 { AppTooltip as mi } from "./components/ui/app-tooltip.js";
-import { createActionColumn as xi, createBooleanColumn as di, createBooleanFilter as Ci, createComputedColumn as gi, createDateColumn as fi, createDateFilter as bi, createDateTimeColumn as si, createDateTimeFilter as ci, createDisplayColumn as Si, createFilterBadge as Mi, createFilterBadges as Ti, createInitialState as Di, createListFilter as Ai, createMultiSelectColumn as Fi, createNumberColumn as Ii, createNumberFilter as wi, createSingleSelectColumn as Pi, createSorting as hi, createStringColumn as vi, createStringFilter as Gi, getColumnIds as Bi, isValidOperatorForType as Li, pinColumns as Ri, toSelectOptions as ki, toSelectOptionsFromObjects as Hi, updateColumnListOptions as yi } from "./components/ui/tables/data-table/data-table.utils.js";
-import { useAudioRecording as Oi } from "./hooks/use-audio-recording.js";
-import { useAutoScroll as zi } from "./hooks/use-auto-scroll.js";
-import { useAutosizeTextArea as ji } from "./hooks/use-autosize-textarea.js";
-import { useCopyToClipboard as Ui } from "./hooks/use-copy-to-clipboard.js";
-import { useDebounce as qi } from "./hooks/use-debounce.js";
-import { useIsMobile as Qi } from "./hooks/use-mobile.js";
+import { AppTimePicker as xi } from "./components/ui/app-time-picker.js";
+import { createActionColumn as Ci, createBooleanColumn as gi, createBooleanFilter as fi, createComputedColumn as bi, createDateColumn as si, createDateFilter as ci, createDateTimeColumn as Si, createDateTimeFilter as Mi, createDisplayColumn as Ti, createFilterBadge as Di, createFilterBadges as Ai, createInitialState as Fi, createListFilter as Ii, createMultiSelectColumn as wi, createNumberColumn as Pi, createNumberFilter as hi, createSingleSelectColumn as vi, createSorting as Gi, createStringColumn as Bi, createStringFilter as Li, getColumnIds as Ri, isValidOperatorForType as ki, pinColumns as Hi, toSelectOptions as yi, toSelectOptionsFromObjects as Ni, updateColumnListOptions as Oi } from "./components/ui/tables/data-table/data-table.utils.js";
+import { useAudioRecording as zi } from "./hooks/use-audio-recording.js";
+import { useAutoScroll as ji } from "./hooks/use-auto-scroll.js";
+import { useAutosizeTextArea as Ui } from "./hooks/use-autosize-textarea.js";
+import { useCopyToClipboard as qi } from "./hooks/use-copy-to-clipboard.js";
+import { useDebounce as Qi } from "./hooks/use-debounce.js";
+import { useIsMobile as Yi } from "./hooks/use-mobile.js";
 export {
   ne as Accordion,
   ie as AccordionContent,
@@ -128,6 +129,7 @@ export {
   sa as AppSelect,
   Sa as AppSidebar,
   pi as AppStepper,
+  xi as AppTimePicker,
   mi as AppTooltip,
   a as AspectRatio,
   Fe as AsyncSelect,
@@ -380,48 +382,48 @@ export {
   g as buttonVariants,
   Yn as cn,
   va as confirm,
-  xi as createActionColumn,
-  di as createBooleanColumn,
-  Ci as createBooleanFilter,
-  gi as createComputedColumn,
-  fi as createDateColumn,
-  bi as createDateFilter,
-  si as createDateTimeColumn,
-  ci as createDateTimeFilter,
-  Si as createDisplayColumn,
-  Mi as createFilterBadge,
-  Ti as createFilterBadges,
-  Di as createInitialState,
-  Ai as createListFilter,
-  Fi as createMultiSelectColumn,
-  Ii as createNumberColumn,
-  wi as createNumberFilter,
-  Pi as createSingleSelectColumn,
-  hi as createSorting,
-  vi as createStringColumn,
-  Gi as createStringFilter,
+  Ci as createActionColumn,
+  gi as createBooleanColumn,
+  fi as createBooleanFilter,
+  bi as createComputedColumn,
+  si as createDateColumn,
+  ci as createDateFilter,
+  Si as createDateTimeColumn,
+  Mi as createDateTimeFilter,
+  Ti as createDisplayColumn,
+  Di as createFilterBadge,
+  Ai as createFilterBadges,
+  Fi as createInitialState,
+  Ii as createListFilter,
+  wi as createMultiSelectColumn,
+  Pi as createNumberColumn,
+  hi as createNumberFilter,
+  vi as createSingleSelectColumn,
+  Gi as createSorting,
+  Bi as createStringColumn,
+  Li as createStringFilter,
   Zn as downloadFile,
-  Bi as getColumnIds,
+  Ri as getColumnIds,
   _n as hexContrast,
   $n as hexToRgba,
-  Li as isValidOperatorForType,
-  Ri as pinColumns,
+  ki as isValidOperatorForType,
+  Hi as pinColumns,
   ei as previewFile,
   La as previewFileModal,
   Ra as safePreviewFileModal,
   ri as stringToHexColor,
-  ki as toSelectOptions,
-  Hi as toSelectOptionsFromObjects,
+  yi as toSelectOptions,
+  Ni as toSelectOptionsFromObjects,
   Un as toast,
   Y as toggleVariants,
-  yi as updateColumnListOptions,
-  Oi as useAudioRecording,
-  zi as useAutoScroll,
-  ji as useAutosizeTextArea,
-  Ui as useCopyToClipboard,
-  qi as useDebounce,
+  Oi as updateColumnListOptions,
+  zi as useAudioRecording,
+  ji as useAutoScroll,
+  Ui as useAutosizeTextArea,
+  qi as useCopyToClipboard,
+  Qi as useDebounce,
   pa as useEditorModal,
   Hr as useFormField,
-  Qi as useIsMobile,
+  Yi as useIsMobile,
   Ln as useSidebar
 };