@vkzstudio/muza-ui 1.0.11 → 1.0.13

package/dist/components/Chip/Chip.js

@@ -2,9 +2,9 @@ import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
 import { cva as m } from "class-variance-authority";
 import { EmptyCircle as f } from "../Icons/CustomIcons.js";
-import { Typography as p } from "../Typography/Typography.js";
-import { cn as x } from "../../utils/cn.js";
-import { CheckCircleBold as b } from "@solar-icons/react-perf";
+import { cn as p } from "../../utils/cn.js";
+import { CheckCircleBold as x } from "@solar-icons/react-perf";
+import { Typography as b } from "../Typography/Typography.js";
 const v = m(
   [
     "inline-flex items-center gap-xs rounded-full px-md py-sm",
@@ -69,13 +69,13 @@ const v = m(
         "aria-disabled": e,
         disabled: e,
         "data-state": r ? "checked" : "unchecked",
-        className: x(v({ checked: r, disabled: e, className: a })),
+        className: p(v({ checked: r, disabled: e, className: a })),
         onClick: d,
         ...s,
         children: [
-          r ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(f, {}),
+          r ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(f, {}),
           /* @__PURE__ */ t(
-            p,
+            b,
             {
               component: "span",
               variant: "body",

package/dist/components/Chip/Chip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA0C3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAmDvB,CAAA"}
+{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAqC3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAmDvB,CAAA"}

package/dist/components/DataTable/DataTable.d.ts

@@ -4,18 +4,57 @@ declare const dataTableCellVariants: (props?: ({
     variant?: "default" | "white" | null | undefined;
     position?: "first" | "last" | "middle" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Column definition for the DataTable component.
+ * @typeParam T - The type of data objects in each row
+ *
+ * @example
+ * const columns: DataTableColumn<User>[] = [
+ *   { dataKey: 'name', title: 'Name' },
+ *   { dataKey: 'bio', title: 'Bio', lineClamp: 2 },
+ *   { dataKey: 'name', title: '', render: (value, row, i) => <Button onClick={() => edit(i)} /> },
+ * ]
+ */
 export interface DataTableColumn<T> {
+    /** Property key from the data object to display in this column. */
     dataKey: keyof T;
+    /** Header label for the column. */
     title: ReactNode;
+    /** Additional CSS class applied to both the header and body cells. */
     className?: string;
+    /**
+     * Truncates cell text to the specified number of lines.
+     * `true` or `1` clamps to one line, `2` clamps to two lines.
+     */
     lineClamp?: boolean | 1 | 2;
+    /**
+     * Custom render function for cell content. When omitted, the raw value
+     * is displayed inside a Typography component.
+     *
+     * @example
+     * render: (value, rowData, rowIndex, disabled) => (
+     *   <Button disabled={disabled} onClick={() => edit(rowIndex)}>{value}</Button>
+     * )
+     */
     render?: (value: T[keyof T], rowData: T, rowIndex: number, disabled?: boolean) => ReactNode;
 }
-export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableElement>, 'children'>, VariantProps<typeof dataTableCellVariants> {
+/**
+ * Props for the DataTable component.
+ * Extends standard table attributes except `children` (content is driven by `data` and `columns`).
+ * @typeParam T - The type of data objects in each row
+ */
+export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableElement>, 'children'>, Omit<VariantProps<typeof dataTableCellVariants>, 'variant' | 'position'> {
+    /** Array of data objects to display as table rows. */
     data: T[];
+    /** Column definitions describing headers and cell rendering. @see DataTableColumn */
     columns: DataTableColumn<T>[];
+    /** Controls visibility of the table header row. @default true */
     showHeader?: boolean;
+    /** Additional CSS class applied to the table element. */
     className?: string;
+    /** Visual style variant for row background. @default 'default' */
+    variant?: 'default' | 'white';
+    /** Prevents interaction and applies muted text colors. @default false */
     disabled?: boolean;
 }
 declare const DataTable: <T>({ data, columns, showHeader, className, variant, disabled, ...props }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,uEAQpB,cAAc,CAAC,CAAC,CAAC,4CA0FnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,mCAAmC;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,sDAAsD;IACtD,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,qFAAqF;IACrF,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,uEAQpB,cAAc,CAAC,CAAC,CAAC,4CA0FnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/DataTable/DataTable.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as f } from "react/jsx-runtime";
 import "react";
 import { cva as b } from "class-variance-authority";
-import { typographyVariants as h, Typography as y } from "../Typography/Typography.js";
 import { cn as i } from "../../utils/cn.js";
+import { typographyVariants as h, Typography as y } from "../Typography/Typography.js";
 const u = b(
   "h-comp-table-h border-y border-stroke-base-secondary px-2xl transition-colors",
   {

package/dist/components/DataTable/DataTable.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IA2DX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAqFrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AASD,eAAO,MAAM,kBAAkB,EAAE,KAoIhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IA2CX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAqFrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AASD,eAAO,MAAM,kBAAkB,EAAE,KAoIhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}

package/dist/components/DataTable/index.d.ts

@@ -1,2 +1,2 @@
-export { DataTable, dataTableCellVariants, type DataTableProps, type DataTableColumn, } from './DataTable';
+export * from './DataTable';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,qBAAqB,EACrB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -2,45 +2,100 @@ import { ReactNode } from 'react';
 import { DateRange } from 'react-day-picker';
 import { CalendarBaseProps } from '../Calendar';
 import { Presets } from './utils/getDateRange';
+/**
+ * Props for the DatePicker component.
+ *
+ * Uses a discriminated union on `mode` to type `value`, `defaultValue`,
+ * `onChange`, and `dateFormatter` for either single date or date range selection.
+ */
 export type DatePickerProps = {
+    /** Controls horizontal alignment of the calendar popover relative to the trigger. */
     alignCalendar?: 'center' | 'end' | 'start';
+    /**
+     * Defines preset date range options shown in the left panel (range mode only).
+     * Each preset has a display `name` and a `type` matching a built-in range calculation.
+     *
+     * @example
+     * ```tsx
+     * allowedPresets={[
+     *   { name: 'Today', type: 'Today' },
+     *   { name: 'Last 7 days', type: 'Last 7 days' },
+     * ]}
+     * ```
+     *
+     * @see Presets
+     */
     allowedPresets?: {
         name: string;
         type: (typeof Presets)[number];
     }[];
+    /** Controls the open state of the calendar popover when used as a controlled component. */
     open?: boolean;
+    /** Fires when the popover open state changes. */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Custom class names for internal elements.
+     *
+     * @example
+     * ```tsx
+     * classNames={{ popoverTrigger: 'w-full', input: 'rounded-lg' }}
+     * ```
+     */
     classNames?: Partial<{
         popoverTrigger: string;
         popoverContent: string;
         input: string;
         leftPanelButton: string;
     }>;
+    /** Prevents interaction and applies disabled styling. */
     disabled?: boolean;
+    /** Applies error styling with red border to the input. */
     error?: boolean;
+    /** Displays label text above the input. */
     label?: string;
+    /** Displays helper text below the input. */
     hint?: string;
+    /** Placeholder text shown when no date is selected. */
     placeholder?: string;
+    /** Controls which side of the trigger the calendar popover opens on. @default 'bottom' */
     side?: 'top' | 'right' | 'bottom' | 'left';
+    /** Prevents the popover from overflowing viewport boundaries. @default true */
     avoidCollisions?: boolean;
+    /** Replaces the default Input trigger with a custom rendered element. */
     renderCustomTrigger?: () => ReactNode;
+    /**
+     * Controls reset button behavior. When true, reset restores `defaultValue`.
+     * When false or omitted, reset reverts to the last confirmed value.
+     */
     shouldResetToDefaultValue?: boolean;
+    /** Marks the field as required, displaying an asterisk on the label. */
     required?: boolean;
-} & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter'> & (Range | Single);
-type Range = {
+} & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter'> & (DatePickerRangeProps | DatePickerSingleProps);
+/** Props for date range selection mode. */
+export type DatePickerRangeProps = {
+    /** Enables date range selection with start and end dates. */
     mode: 'range';
+    /** Currently selected date range (controlled). */
     value?: DateRange | undefined;
+    /** Initial date range for uncontrolled usage. */
     defaultValue?: DateRange | undefined;
+    /** Fires when a date range selection is confirmed. */
     onChange?: (date: DateRange) => void;
+    /** Custom function to format the displayed date range string. */
     dateFormatter?: (date: DateRange) => string;
 };
-type Single = {
+/** Props for single date selection mode. */
+export type DatePickerSingleProps = {
+    /** Enables single date selection. */
     mode: 'single';
+    /** Currently selected date (controlled). */
     value?: Date | undefined;
+    /** Initial date for uncontrolled usage. */
     defaultValue?: Date | undefined;
+    /** Fires when a single date selection is confirmed. */
     onChange?: (date: Date) => void;
+    /** Custom function to format the displayed date string. */
     dateFormatter?: (date: Date) => string;
 };
 export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;
-export {};
 //# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAA;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,EAEL,KAAK,iBAAiB,EAGvB,MAAM,aAAa,CAAA;AAKpB,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,sBAAsB,CAAA;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAC1C,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;KAAE,EAAE,CAAA;IACnE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,EAAE,MAAM,CAAA;QACtB,cAAc,EAAE,MAAM,CAAA;QACtB,KAAK,EAAE,MAAM,CAAA;QACb,eAAe,EAAE,MAAM,CAAA;KACxB,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,SAAS,CAAA;IACrC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CACN,iBAAiB,EACf,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,YAAY,GACZ,mBAAmB,GACnB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,CACvB,GACC,CAAC,KAAK,GAAG,MAAM,CAAC,CAAA;AAElB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACpC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAA;CAC5C,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACxB,YAAY,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,UAAU,8GAmLtB,CAAA"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.js

@@ -4,12 +4,12 @@ import { useIsDesktop as Z } from "../../hooks/use-is-desktop.js";
 import { useIsMobile as _ } from "../../hooks/use-is-mobile.js";
 import { Popover as $, PopoverTrigger as w, PopoverContent as T } from "../Popover/Popover.js";
 import { getDateRange as a } from "./utils/getDateRange.js";
-import { typographyVariants as s } from "../Typography/Typography.js";
-import { Input as V } from "../Input/Input.js";
-import { formatDate as O } from "../Calendar/utils/formatDate.js";
-import { formatDateRange as h } from "../Calendar/utils/formatDateRange.js";
+import { Input as s } from "../Input/Input.js";
+import { formatDate as V } from "../Calendar/utils/formatDate.js";
+import { formatDateRange as O } from "../Calendar/utils/formatDateRange.js";
 import { Calendar as R } from "../Calendar/Calendar.js";
 import { cn as b } from "../../utils/cn.js";
+import { typographyVariants as h } from "../Typography/Typography.js";
 import { CalendarBold as C } from "@solar-icons/react-perf";
 const N = W(
   ({
@@ -45,7 +45,7 @@ const N = W(
       "button",
       {
         className: b(
-          s({
+          h({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -64,7 +64,7 @@ const N = W(
         children: i.name
       },
       i.type
-    )), D = z ?? (v === "single" ? O : h);
+    )), D = z ?? (v === "single" ? V : O);
     return /* @__PURE__ */ U(
       $,
       {
@@ -82,7 +82,7 @@ const N = W(
               ),
               disabled: S,
               children: I ? I() : /* @__PURE__ */ e(
-                V,
+                s,
                 {
                   ref: G,
                   value: u ? D(u) : "",

package/dist/components/DatePicker/DatePicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyJjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA"}
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgJjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA"}

package/dist/components/DatePicker/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DatePicker';
+export * from './utils/getDateRange';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}

package/dist/components/DatePicker/utils/getDateRange.d.ts

@@ -1,4 +1,13 @@
 import { DateRange } from 'react-day-picker';
+/** Available preset date range types for the DatePicker left panel. */
 export declare const Presets: readonly ["Today", "Yesterday", "This week", "Last week", "Last 7 days", "Last 14 days", "Last 30 days", "Last 90 days", "This year", "Last year", undefined];
+/**
+ * Calculates a DateRange from a preset type string.
+ *
+ * @example
+ * ```ts
+ * getDateRange('Last 7 days') // { from: 7 days ago, to: today }
+ * ```
+ */
 export declare const getDateRange: (preset: (typeof Presets)[number]) => DateRange;
 //# sourceMappingURL=getDateRange.d.ts.map

package/dist/components/DatePicker/utils/getDateRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDateRange.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils/getDateRange.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,eAAO,MAAM,OAAO,+JAYV,CAAA;AAEV,eAAO,MAAM,YAAY,GAAI,QAAQ,CAAC,OAAO,OAAO,EAAE,MAAM,CAAC,KAAG,SAoC/D,CAAA"}
+{"version":3,"file":"getDateRange.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils/getDateRange.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,uEAAuE;AACvE,eAAO,MAAM,OAAO,+JAYV,CAAA;AAEV;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,GAAI,QAAQ,CAAC,OAAO,OAAO,EAAE,MAAM,CAAC,KAAG,SAoC/D,CAAA"}

package/dist/components/DatePicker/utils/getDateRange.js

@@ -1,40 +1,53 @@
-import { subYears as m, endOfYear as s, startOfYear as a, subDays as r, startOfWeek as o, subWeeks as n, endOfWeek as c } from "date-fns";
-const y = (f) => {
+import { subYears as f, endOfYear as a, startOfYear as r, subDays as s, startOfWeek as o, subWeeks as n, endOfWeek as y } from "date-fns";
+const k = [
+  "Today",
+  "Yesterday",
+  "This week",
+  "Last week",
+  "Last 7 days",
+  "Last 14 days",
+  "Last 30 days",
+  "Last 90 days",
+  "This year",
+  "Last year",
+  void 0
+], m = (d) => {
   const e = /* @__PURE__ */ new Date();
-  switch (f) {
+  switch (d) {
     case "Today":
       return { from: e, to: e };
     case "Yesterday": {
-      const t = r(e, 1);
+      const t = s(e, 1);
       return { from: t, to: t };
     }
     case "This week":
       return {
         from: o(e, { weekStartsOn: 0 }),
-        to: c(e, { weekStartsOn: 0 })
+        to: y(e, { weekStartsOn: 0 })
       };
     case "Last week": {
-      const t = o(n(e, 1), { weekStartsOn: 0 }), u = c(n(e, 1), { weekStartsOn: 0 });
-      return { from: t, to: u };
+      const t = o(n(e, 1), { weekStartsOn: 0 }), c = y(n(e, 1), { weekStartsOn: 0 });
+      return { from: t, to: c };
     }
     case "Last 7 days":
-      return { from: r(e, 6), to: e };
+      return { from: s(e, 6), to: e };
     case "Last 14 days":
-      return { from: r(e, 13), to: e };
+      return { from: s(e, 13), to: e };
     case "Last 30 days":
-      return { from: r(e, 29), to: e };
+      return { from: s(e, 29), to: e };
     case "Last 90 days":
-      return { from: r(e, 89), to: e };
+      return { from: s(e, 89), to: e };
     case "This year":
-      return { from: a(e), to: s(e) };
+      return { from: r(e), to: a(e) };
     case "Last year": {
-      const t = m(e, 1);
-      return { from: a(t), to: s(t) };
+      const t = f(e, 1);
+      return { from: r(t), to: a(t) };
     }
     default:
       return { from: e, to: e };
   }
 };
 export {
-  y as getDateRange
+  k as Presets,
+  m as getDateRange
 };

package/dist/components/Dialog/Dialog.d.ts

@@ -1,7 +1,44 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
+/** Props for the Dialog root component. Controls open state and modality. */
+export interface DialogProps extends React.ComponentProps<typeof DialogPrimitive.Root> {
+    /** Controlled open state of the dialog. */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. @default false */
+    defaultOpen?: boolean;
+    /** Fires when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Controls whether dialog blocks interaction with page content behind it. @default true */
+    modal?: boolean;
+}
+/** Props for the DialogContent component. Renders modal container with backdrop, close button, and animations. */
+export interface DialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    /** Controls maximum width of the dialog content. @default 'medium' */
+    size?: 'small' | 'medium' | 'large';
+    /** Accessible label for the close button. Defaults to translation value. */
+    closeAriaLabel?: string;
+}
+declare const Dialog: React.FC<DialogProps>;
 declare const DialogTitle: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>>;
+/** Props for the DialogHeader component. Renders a styled header with optional icon, title, and close button. */
+export interface DialogHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    /** Optional icon element displayed before the title. */
+    icon?: ReactNode;
+    /** Hides the close button in the header. @default false */
+    hideCloseButton?: boolean;
+    /** Accessible label for the close button. Defaults to translation value. */
+    closeAriaLabel?: string;
+    /** Dialog title content. Falls back to `children` if not provided. */
+    title?: ReactNode;
+}
+declare const DialogHeader: import('react').ForwardRefExoticComponent<DialogHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+/** Props for the DialogFooter component. Renders a fixed footer area for action buttons with a conditional top border. */
+export interface DialogFooterProps extends ComponentPropsWithoutRef<'div'> {
+    /** @internal Used by DialogContent to control border visibility based on scroll state. */
+    _showBorder?: boolean;
+}
+declare const DialogFooter: import('react').ForwardRefExoticComponent<DialogFooterProps & import('react').RefAttributes<HTMLDivElement>>;
 declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -10,5 +47,5 @@ declare const DialogContent: import('react').ForwardRefExoticComponent<Omit<Dial
     size?: "small" | "medium" | "large";
     closeAriaLabel?: string;
 } & import('react').RefAttributes<HTMLDivElement>>;
-export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogTitle, DialogDescription, };
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/components/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,QAAA,MAAM,MAAM,iDAAuB,CAAA;AACnC,QAAA,MAAM,WAAW,iIAAwB,CAAA;AACzC,QAAA,MAAM,iBAAiB,yIAA8B,CAAA;AACrD,QAAA,MAAM,aAAa,kIAA0B,CAAA;AAC7C,QAAA,MAAM,YAAY,uDAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,gIAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,4LAYjB,CAAA;AAiDF,QAAA,MAAM,aAAa;WAGR,OAAO,GAAG,QAAQ,GAAG,OAAO;qBAClB,MAAM;kDAEN,CAAA;AAGrB,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAMzD,6EAA6E;AAC7E,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,4FAA4F;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,kHAAkH;AAClH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IAChE,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAwB,CAAA;AAC1D,QAAA,MAAM,WAAW,iIAAwB,CAAA;AACzC,QAAA,MAAM,iBAAiB,yIAA8B,CAAA;AAsBrD,iHAAiH;AACjH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,8GAqDjB,CAAA;AAGD,0HAA0H;AAC1H,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACxE,0FAA0F;IAC1F,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,YAAY,8GAgBjB,CAAA;AAGD,QAAA,MAAM,aAAa,kIAA0B,CAAA;AAC7C,QAAA,MAAM,YAAY,uDAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,gIAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,4LAYjB,CAAA;AAGF,QAAA,MAAM,aAAa;WAGR,OAAO,GAAG,QAAQ,GAAG,OAAO;qBAClB,MAAM;kDAuH1B,CAAA;AAGD,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}