tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { usePagination } from \"@/hooks\";\nimport { Table, type TableAlign, type TableColumn, type TablePriority } from \"../Table\";\nimport { Pagination } from \"../Pagination\";\nimport { SearchBar } from \"../SearchBar\";\nimport styles from \"./DataTable.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface DataTableSort<T> {\n    key: keyof T;\n    direction: SortDirection;\n}\n\n/**\n * Column definition for {@link DataTable}. Extends the headless {@link Table}\n * column shape with a typed `key`, opt-in sorting, and the visual options that\n * are forwarded to the underlying Table cell.\n */\nexport interface DataTableColumn<T> {\n    /** Property of the row this column reads from. Doubles as the cell key. */\n    key: keyof T;\n    /** Column heading. */\n    header: ReactNode;\n    /** Custom cell renderer. Defaults to `String(row[key])`. */\n    render?: (row: T) => ReactNode;\n    /** Enable click-to-sort on this column's header. */\n    sortable?: boolean;\n    /** Text alignment forwarded to the Table cell. */\n    align?: TableAlign;\n    /** Responsive visibility priority forwarded to the Table cell. */\n    priority?: TablePriority;\n    /** Fixed column width forwarded to the Table cell. */\n    width?: string | number;\n}\n\nexport interface DataTableProps<T> extends HTMLAttributes<HTMLDivElement> {\n    /** Full, unfiltered dataset. Sorting/filtering/pagination happen client-side. */\n    data: T[];\n    /** Column definitions. */\n    columns: DataTableColumn<T>[];\n    /** Rows per page. Default 10. */\n    pageSize?: number;\n    /** Render a search input above the table. Default false. */\n    searchable?: boolean;\n    /**\n     * Keys to match the search term against. When omitted, every column whose\n     * value is a string or number is searched.\n     */\n    searchKeys?: (keyof T)[];\n    /** Initial sort applied before any header interaction. */\n    initialSort?: DataTableSort<T>;\n    /** Stable key extractor for rows. Defaults to the row index. */\n    rowKey?: (row: T, index: number) => string | number;\n    /** Content shown when no rows match. */\n    emptyMessage?: ReactNode;\n}\n\n/**\n * Compare two arbitrary cell values with stable, type-aware ordering:\n * numbers numerically, dates by timestamp, everything else by `localeCompare`.\n *\n * @param a - First value.\n * @param b - Second value.\n * @returns Negative when `a < b`, positive when `a > b`, zero when equal.\n */\nfunction compareValues(a: unknown, b: unknown): number {\n    if (a == null && b == null) return 0;\n    if (a == null) return -1;\n    if (b == null) return 1;\n    if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n    if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n    if (typeof a === \"boolean\" && typeof b === \"boolean\") {\n        return Number(a) - Number(b);\n    }\n    return String(a).localeCompare(String(b), undefined, { numeric: true });\n}\n\n/**\n * Stateful, headless data table built on top of {@link Table}. Adds\n * client-side searching, click-to-sort columns, and pagination while\n * delegating all table markup to the underlying Table component.\n *\n * - Clicking a sortable header cycles asc → desc → unsorted.\n * - Search matches a case-insensitive substring across `searchKeys`\n *   (or every string/number column when not provided).\n * - Pagination is hidden when the result fits on a single page.\n *\n * The header memo depends on `columns` and `sort` only: `toggleSort` is\n * recreated each render but always closes over the same setter, so including it\n * would rebuild every header on every render without changing behaviour. That\n * is why `exhaustive-deps` is silenced on that dependency array.\n */\nexport function DataTable<T>({\n    data,\n    columns,\n    pageSize = 10,\n    searchable = false,\n    searchKeys,\n    initialSort,\n    rowKey = (_row, index) => index,\n    emptyMessage,\n    className,\n    ...rest\n}: DataTableProps<T>) {\n    const [search, setSearch] = useState<string>(\"\");\n    const [sort, setSort] = useState<DataTableSort<T> | null>(initialSort ?? null);\n    const { page, setPage } = usePagination(1, pageSize);\n\n    const effectiveSearchKeys = useMemo<(keyof T)[]>(() => {\n        if (searchKeys && searchKeys.length > 0) return searchKeys;\n        return columns\n            .filter((column) => {\n                const sample = data.find((row) => row[column.key] != null);\n                const value = sample ? sample[column.key] : undefined;\n                return typeof value === \"string\" || typeof value === \"number\";\n            })\n            .map((column) => column.key);\n    }, [searchKeys, columns, data]);\n\n    const filtered = useMemo<T[]>(() => {\n        const term = search.trim().toLowerCase();\n        if (!term || !searchable) return data;\n        return data.filter((row) =>\n            effectiveSearchKeys.some((key) => {\n                const value = row[key];\n                return value != null && String(value).toLowerCase().includes(term);\n            }),\n        );\n    }, [data, search, searchable, effectiveSearchKeys]);\n\n    const sorted = useMemo<T[]>(() => {\n        if (!sort) return filtered;\n        const factor = sort.direction === \"asc\" ? 1 : -1;\n        return [...filtered].sort((a, b) => compareValues(a[sort.key], b[sort.key]) * factor);\n    }, [filtered, sort]);\n\n    const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n\n    // Clamp the current page when the dataset shrinks (e.g. after filtering).\n    useEffect(() => {\n        if (page > totalPages) setPage(totalPages);\n    }, [page, totalPages, setPage]);\n\n    const safePage = Math.min(page, totalPages);\n    const pageRows = useMemo<T[]>(() => {\n        const start = (safePage - 1) * pageSize;\n        return sorted.slice(start, start + pageSize);\n    }, [sorted, safePage, pageSize]);\n\n    function toggleSort(key: keyof T): void {\n        setSort((current) => {\n            if (!current || current.key !== key) return { key, direction: \"asc\" };\n            if (current.direction === \"asc\") return { key, direction: \"desc\" };\n            return null;\n        });\n    }\n\n    const tableColumns = useMemo<TableColumn<T>[]>(\n        () =>\n            columns.map((column) => {\n                const isSorted = sort?.key === column.key;\n                const indicator = isSorted ? (sort?.direction === \"asc\" ? \" ▲\" : \" ▼\") : \"\";\n                const header = column.sortable ? (\n                    <button\n                        type=\"button\"\n                        className={styles.sortButton}\n                        onClick={() => toggleSort(column.key)}\n                        aria-label={`Ordenar por ${\n                            typeof column.header === \"string\" ? column.header : String(column.key)\n                        }`}\n                    >\n                        {column.header}\n                        <span className={styles.sortIndicator} aria-hidden>\n                            {indicator}\n                        </span>\n                    </button>\n                ) : (\n                    column.header\n                );\n\n                return {\n                    key: String(column.key),\n                    header,\n                    align: column.align,\n                    priority: column.priority,\n                    width: column.width,\n                    render: column.render\n                        ? (row: T) => column.render!(row)\n                        : (row: T) => (row[column.key] as ReactNode) ?? null,\n                };\n            }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [columns, sort],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {searchable && (\n                <SearchBar\n                    value={search}\n                    onChange={(value) => {\n                        setSearch(value);\n                        setPage(1);\n                    }}\n                    wrapperClassName={styles.search}\n                />\n            )}\n            <Table\n                columns={tableColumns}\n                data={pageRows}\n                rowKey={(row, index) => rowKey(row, (safePage - 1) * pageSize + index)}\n                emptyMessage={emptyMessage}\n            />\n            {totalPages > 1 && (\n                <Pagination\n                    page={safePage}\n                    totalPages={totalPages}\n                    onPageChange={setPage}\n                    totalItems={sorted.length}\n                />\n            )}\n        </div>\n    );\n}\n"],"names":["compareValues","a","b","DataTable","data","columns","pageSize","searchable","searchKeys","initialSort","rowKey","_row","index","emptyMessage","className","rest","search","setSearch","useState","sort","setSort","page","setPage","usePagination","effectiveSearchKeys","useMemo","column","sample","row","value","filtered","term","key","sorted","factor","totalPages","useEffect","safePage","pageRows","start","toggleSort","current","tableColumns","indicator","header","jsxs","styles","cn","jsx","SearchBar","Table","Pagination"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { usePagination } from \"@/hooks\";\nimport { Table, type TableAlign, type TableColumn, type TablePriority } from \"../Table\";\nimport { Pagination } from \"../Pagination\";\nimport { SearchBar } from \"../SearchBar\";\nimport styles from \"./DataTable.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface DataTableSort<T> {\n    key: keyof T;\n    direction: SortDirection;\n}\n\n/**\n * Column definition for {@link DataTable}. Extends the headless {@link Table}\n * column shape with a typed `key`, opt-in sorting, and the visual options that\n * are forwarded to the underlying Table cell.\n */\nexport interface DataTableColumn<T> {\n    /** Property of the row this column reads from. Doubles as the cell key. */\n    key: keyof T;\n    /** Column heading. */\n    header: ReactNode;\n    /** Custom cell renderer. Defaults to `String(row[key])`. */\n    render?: (row: T) => ReactNode;\n    /** Enable click-to-sort on this column's header. */\n    sortable?: boolean;\n    /** Text alignment forwarded to the Table cell. */\n    align?: TableAlign;\n    /** Responsive visibility priority forwarded to the Table cell. */\n    priority?: TablePriority;\n    /** Fixed column width forwarded to the Table cell. */\n    width?: string | number;\n}\n\nexport interface DataTableProps<T> extends HTMLAttributes<HTMLDivElement> {\n    /** Full, unfiltered dataset. Sorting/filtering/pagination happen client-side. */\n    data: T[];\n    /** Column definitions. */\n    columns: DataTableColumn<T>[];\n    /** Rows per page. Default 10. */\n    pageSize?: number;\n    /** Render a search input above the table. Default false. */\n    searchable?: boolean;\n    /**\n     * Keys to match the search term against. When omitted, every column whose\n     * value is a string or number is searched.\n     */\n    searchKeys?: (keyof T)[];\n    /** Initial sort applied before any header interaction. */\n    initialSort?: DataTableSort<T>;\n    /** Stable key extractor for rows. Defaults to the row index. */\n    rowKey?: (row: T, index: number) => string | number;\n    /** Content shown when no rows match. */\n    emptyMessage?: ReactNode;\n}\n\n/**\n * Compare two arbitrary cell values with stable, type-aware ordering:\n * numbers numerically, dates by timestamp, everything else by `localeCompare`.\n *\n * @param a - First value.\n * @param b - Second value.\n * @returns Negative when `a < b`, positive when `a > b`, zero when equal.\n */\nfunction compareValues(a: unknown, b: unknown): number {\n    if (a == null && b == null) return 0;\n    if (a == null) return -1;\n    if (b == null) return 1;\n    if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n    if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n    if (typeof a === \"boolean\" && typeof b === \"boolean\") {\n        return Number(a) - Number(b);\n    }\n    return String(a).localeCompare(String(b), undefined, { numeric: true });\n}\n\n/**\n * Stateful, headless data table built on top of {@link Table}. Adds\n * client-side searching, click-to-sort columns, and pagination while\n * delegating all table markup to the underlying Table component.\n *\n * - Clicking a sortable header cycles asc → desc → unsorted.\n * - Search matches a case-insensitive substring across `searchKeys`\n *   (or every string/number column when not provided).\n * - Pagination is hidden when the result fits on a single page.\n *\n * The header memo depends on `columns` and `sort` only: `toggleSort` is\n * recreated each render but always closes over the same setter, so including it\n * would rebuild every header on every render without changing behaviour. That\n * is why `exhaustive-deps` is silenced on that dependency array.\n */\nexport function DataTable<T>({\n    data,\n    columns,\n    pageSize = 10,\n    searchable = false,\n    searchKeys,\n    initialSort,\n    rowKey = (_row, index) => index,\n    emptyMessage,\n    className,\n    ...rest\n}: DataTableProps<T>) {\n    const [search, setSearch] = useState<string>(\"\");\n    const [sort, setSort] = useState<DataTableSort<T> | null>(initialSort ?? null);\n    const { page, setPage } = usePagination(1, pageSize);\n\n    const effectiveSearchKeys = useMemo<(keyof T)[]>(() => {\n        if (searchKeys && searchKeys.length > 0) return searchKeys;\n        return columns\n            .filter((column) => {\n                const sample = data.find((row) => row[column.key] != null);\n                const value = sample ? sample[column.key] : undefined;\n                return typeof value === \"string\" || typeof value === \"number\";\n            })\n            .map((column) => column.key);\n    }, [searchKeys, columns, data]);\n\n    const filtered = useMemo<T[]>(() => {\n        const term = search.trim().toLowerCase();\n        if (!term || !searchable) return data;\n        return data.filter((row) =>\n            effectiveSearchKeys.some((key) => {\n                const value = row[key];\n                return value != null && String(value).toLowerCase().includes(term);\n            }),\n        );\n    }, [data, search, searchable, effectiveSearchKeys]);\n\n    const sorted = useMemo<T[]>(() => {\n        if (!sort) return filtered;\n        const factor = sort.direction === \"asc\" ? 1 : -1;\n        return [...filtered].sort((a, b) => compareValues(a[sort.key], b[sort.key]) * factor);\n    }, [filtered, sort]);\n\n    const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n\n    // Clamp the current page when the dataset shrinks (e.g. after filtering).\n    useEffect(() => {\n        if (page > totalPages) setPage(totalPages);\n    }, [page, totalPages, setPage]);\n\n    const safePage = Math.min(page, totalPages);\n    const pageRows = useMemo<T[]>(() => {\n        const start = (safePage - 1) * pageSize;\n        return sorted.slice(start, start + pageSize);\n    }, [sorted, safePage, pageSize]);\n\n    function toggleSort(key: keyof T): void {\n        setSort((current) => {\n            if (!current || current.key !== key) return { key, direction: \"asc\" };\n            if (current.direction === \"asc\") return { key, direction: \"desc\" };\n            return null;\n        });\n    }\n\n    const tableColumns = useMemo<TableColumn<T>[]>(\n        () =>\n            columns.map((column) => {\n                const isSorted = sort?.key === column.key;\n                const indicator = isSorted ? (sort?.direction === \"asc\" ? \" ▲\" : \" ▼\") : \"\";\n                const header = column.sortable ? (\n                    <button\n                        type=\"button\"\n                        className={styles.sortButton}\n                        onClick={() => toggleSort(column.key)}\n                        aria-label={`Ordenar por ${\n                            typeof column.header === \"string\" ? column.header : String(column.key)\n                        }`}\n                    >\n                        {column.header}\n                        <span className={styles.sortIndicator} aria-hidden>\n                            {indicator}\n                        </span>\n                    </button>\n                ) : (\n                    column.header\n                );\n\n                return {\n                    key: String(column.key),\n                    header,\n                    align: column.align,\n                    priority: column.priority,\n                    width: column.width,\n                    render: column.render\n                        ? (row: T) => column.render!(row)\n                        : (row: T) => (row[column.key] as ReactNode) ?? null,\n                };\n            }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [columns, sort],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {searchable && (\n                <SearchBar\n                    value={search}\n                    onChange={(value) => {\n                        setSearch(value);\n                        setPage(1);\n                    }}\n                    wrapperClassName={styles.search}\n                />\n            )}\n            <Table\n                columns={tableColumns}\n                data={pageRows}\n                rowKey={(row, index) => rowKey(row, (safePage - 1) * pageSize + index)}\n                emptyMessage={emptyMessage}\n            />\n            {totalPages > 1 && (\n                <Pagination\n                    page={safePage}\n                    totalPages={totalPages}\n                    onPageChange={setPage}\n                    totalItems={sorted.length}\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DataTable/DataTable.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_iB6ka`,t=`tempest_search_2y-yM`,n=`tempest_sortButton_9p6w4`,r=`tempest_sortIndicator_bZMlH`,i={wrapper:e,search:t,sortButton:n,sortIndicator:r};exports.default=i,exports.search=t,exports.sortButton=n,exports.sortIndicator=r,exports.wrapper=e;
+//# sourceMappingURL=DataTable.module.cjs.map

package/dist/components/DataTable/DataTable.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.module.cjs","names":[],"sources":["../../../src/components/DataTable/DataTable.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n}\n\n.search {\n    max-width: 20rem;\n}\n\n.sortButton {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0;\n    border: none;\n    background: none;\n    font: inherit;\n    color: inherit;\n    cursor: pointer;\n    user-select: none;\n}\n\n.sortIndicator {\n    font-size: 0.75em;\n    opacity: 0.7;\n}\n"],"mappings":""}

package/dist/components/DataTable/DataTable.module.js

@@ -0,0 +1,11 @@
+//#region src/components/DataTable/DataTable.module.css
+var e = "tempest_wrapper_iB6ka", t = "tempest_search_2y-yM", n = "tempest_sortButton_9p6w4", r = "tempest_sortIndicator_bZMlH", i = {
+	wrapper: e,
+	search: t,
+	sortButton: n,
+	sortIndicator: r
+};
+//#endregion
+export { i as default, t as search, n as sortButton, r as sortIndicator, e as wrapper };
+
+//# sourceMappingURL=DataTable.module.js.map

package/dist/components/DataTable/DataTable.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.module.js","names":[],"sources":["../../../src/components/DataTable/DataTable.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n}\n\n.search {\n    max-width: 20rem;\n}\n\n.sortButton {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0;\n    border: none;\n    background: none;\n    font: inherit;\n    color: inherit;\n    cursor: pointer;\n    user-select: none;\n}\n\n.sortIndicator {\n    font-size: 0.75em;\n    opacity: 0.7;\n}\n"],"mappings":""}

package/dist/components/DatePicker/DatePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),o=require("../Input/Input.cjs"),s=i.forwardRef(function({value:e,onChange:t,mode:r="date",...n},u){return c.jsx(o.Input,{...n,ref:u,type:r,value:e,onChange:a=>t(a.target.value)})});exports.DatePicker=s;
-//# sourceMappingURL=DatePicker.cjs.map
+const e=require("../Input/Input.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(function({value:t,onChange:r,mode:i=`date`,...a},o){return(0,n.jsx)(e.Input,{...a,ref:o,type:i,value:t,onChange:e=>r(e.target.value)})});exports.DatePicker=r;
+//# sourceMappingURL=DatePicker.cjs.map

package/dist/components/DatePicker/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { Input } from \"@/components/Input\";\n\nexport interface DatePickerProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"value\" | \"onChange\" | \"size\"\n> {\n    /** ISO date string (`YYYY-MM-DD`) or empty. */\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    helperText?: string;\n    error?: string;\n    /** Lower bound (`YYYY-MM-DD`). */\n    min?: string;\n    /** Upper bound (`YYYY-MM-DD`). */\n    max?: string;\n    /** Mode. `date` (default), `datetime-local`, `time`, or `month`. */\n    mode?: \"date\" | \"datetime-local\" | \"time\" | \"month\";\n    wrapperClassName?: string;\n}\n\n/**\n * Thin wrapper around the native `<input type=\"date\">` (or `datetime-local`,\n * `time`, `month`). For richer pickers, pair with `react-datepicker` directly\n * — this primitive keeps the SDK dep-free.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n    { value, onChange, mode = \"date\", ...props },\n    ref,\n) {\n    return (\n        <Input\n            {...props}\n            ref={ref}\n            type={mode}\n            value={value}\n            onChange={(event) => onChange(event.target.value)}\n        />\n    );\n});\n"],"names":["DatePicker","forwardRef","value","onChange","mode","props","ref","jsx","Input","event"],"mappings":"wKA4BaA,EAAaC,EAAAA,WAA8C,SACpE,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAO,OAAQ,GAAGC,CAAA,EACrCC,EACF,CACE,OACIC,EAAAA,IAACC,EAAAA,MAAA,CACI,GAAGH,EACJ,IAAAC,EACA,KAAMF,EACN,MAAAF,EACA,SAAWO,GAAUN,EAASM,EAAM,OAAO,KAAK,CAAA,CAAA,CAG5D,CAAC"}
+{"version":3,"file":"DatePicker.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { Input } from \"@/components/Input\";\n\nexport interface DatePickerProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"value\" | \"onChange\" | \"size\"\n> {\n    /** ISO date string (`YYYY-MM-DD`) or empty. */\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    helperText?: string;\n    error?: string;\n    /** Lower bound (`YYYY-MM-DD`). */\n    min?: string;\n    /** Upper bound (`YYYY-MM-DD`). */\n    max?: string;\n    /** Mode. `date` (default), `datetime-local`, `time`, or `month`. */\n    mode?: \"date\" | \"datetime-local\" | \"time\" | \"month\";\n    wrapperClassName?: string;\n}\n\n/**\n * Thin wrapper around the native `<input type=\"date\">` (or `datetime-local`,\n * `time`, `month`). For richer pickers, pair with `react-datepicker` directly\n * — this primitive keeps the SDK dep-free.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n    { value, onChange, mode = \"date\", ...props },\n    ref,\n) {\n    return (\n        <Input\n            {...props}\n            ref={ref}\n            type={mode}\n            value={value}\n            onChange={(event) => onChange(event.target.value)}\n        />\n    );\n});\n"],"mappings":"4FA4BA,IAAa,GAAA,EAAA,EAAA,WAAA,CAA2D,SACpE,CAAE,QAAO,WAAU,OAAO,OAAQ,GAAG,GACrC,EACF,CACE,OACI,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CACI,GAAI,EACC,MACL,KAAM,EACC,QACP,SAAW,GAAU,EAAS,EAAM,OAAO,KAAK,CACnD,CAAA,CAET,CAAC"}

package/dist/components/DatePicker/DatePicker.js

@@ -1,19 +1,17 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { Input as m } from "../Input/Input.js";
-const g = i(function({ value: r, onChange: t, mode: e = "date", ...o }, a) {
-  return /* @__PURE__ */ f(
-    m,
-    {
-      ...o,
-      ref: a,
-      type: e,
-      value: r,
-      onChange: (n) => t(n.target.value)
-    }
-  );
+import { Input as e } from "../Input/Input.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/DatePicker/DatePicker.tsx
+var r = t(function({ value: t, onChange: r, mode: i = "date", ...a }, o) {
+	return /* @__PURE__ */ n(e, {
+		...a,
+		ref: o,
+		type: i,
+		value: t,
+		onChange: (e) => r(e.target.value)
+	});
 });
-export {
-  g as DatePicker
-};
-//# sourceMappingURL=DatePicker.js.map
+//#endregion
+export { r as DatePicker };
+
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { Input } from \"@/components/Input\";\n\nexport interface DatePickerProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"value\" | \"onChange\" | \"size\"\n> {\n    /** ISO date string (`YYYY-MM-DD`) or empty. */\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    helperText?: string;\n    error?: string;\n    /** Lower bound (`YYYY-MM-DD`). */\n    min?: string;\n    /** Upper bound (`YYYY-MM-DD`). */\n    max?: string;\n    /** Mode. `date` (default), `datetime-local`, `time`, or `month`. */\n    mode?: \"date\" | \"datetime-local\" | \"time\" | \"month\";\n    wrapperClassName?: string;\n}\n\n/**\n * Thin wrapper around the native `<input type=\"date\">` (or `datetime-local`,\n * `time`, `month`). For richer pickers, pair with `react-datepicker` directly\n * — this primitive keeps the SDK dep-free.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n    { value, onChange, mode = \"date\", ...props },\n    ref,\n) {\n    return (\n        <Input\n            {...props}\n            ref={ref}\n            type={mode}\n            value={value}\n            onChange={(event) => onChange(event.target.value)}\n        />\n    );\n});\n"],"names":["DatePicker","forwardRef","value","onChange","mode","props","ref","jsx","Input","event"],"mappings":";;;AA4BO,MAAMA,IAAaC,EAA8C,SACpE,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GACrCC,GACF;AACE,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,KAAAC;AAAA,MACA,MAAMF;AAAA,MACN,OAAAF;AAAA,MACA,UAAU,CAACO,MAAUN,EAASM,EAAM,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA;AAG5D,CAAC;"}
+{"version":3,"file":"DatePicker.js","names":[],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { Input } from \"@/components/Input\";\n\nexport interface DatePickerProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"value\" | \"onChange\" | \"size\"\n> {\n    /** ISO date string (`YYYY-MM-DD`) or empty. */\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    helperText?: string;\n    error?: string;\n    /** Lower bound (`YYYY-MM-DD`). */\n    min?: string;\n    /** Upper bound (`YYYY-MM-DD`). */\n    max?: string;\n    /** Mode. `date` (default), `datetime-local`, `time`, or `month`. */\n    mode?: \"date\" | \"datetime-local\" | \"time\" | \"month\";\n    wrapperClassName?: string;\n}\n\n/**\n * Thin wrapper around the native `<input type=\"date\">` (or `datetime-local`,\n * `time`, `month`). For richer pickers, pair with `react-datepicker` directly\n * — this primitive keeps the SDK dep-free.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n    { value, onChange, mode = \"date\", ...props },\n    ref,\n) {\n    return (\n        <Input\n            {...props}\n            ref={ref}\n            type={mode}\n            value={value}\n            onChange={(event) => onChange(event.target.value)}\n        />\n    );\n});\n"],"mappings":";;;;AA4BA,IAAa,IAAa,EAA8C,SACpE,EAAE,UAAO,aAAU,UAAO,QAAQ,GAAG,KACrC,GACF;CACE,OACI,kBAAC,GAAD;EACI,GAAI;EACC;EACL,MAAM;EACC;EACP,WAAW,MAAU,EAAS,EAAM,OAAO,KAAK;CACnD,CAAA;AAET,CAAC"}

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),f=require("react"),p=require("../../utils/cn.cjs"),n=require("./DateRangePicker.module.css.cjs"),O=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],v=["January","February","March","April","May","June","July","August","September","October","November","December"],$=42;function m(e,t,l){return new Date(e,t,l)}function c(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function k(e,t){return m(e.getFullYear(),e.getMonth()+t,1)}function D(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function F(e,t,l){const u=c(e).getTime();return!!(t&&u<c(t).getTime()||l&&u>c(l).getTime())}function C(e,t,l){const u=c(e).getTime(),h=Math.min(c(t).getTime(),c(l).getTime()),d=Math.max(c(t).getTime(),c(l).getTime());return u>h&&u<d}function G(e,t){const l=e.getFullYear(),u=e.getMonth(),d=(m(l,u,1).getDay()-t+7)%7,g=m(l,u,1-d);return Array.from({length:$},(N,y)=>m(g.getFullYear(),g.getMonth(),g.getDate()+y))}function H({value:e,onChange:t,numberOfMonths:l=2,defaultMonth:u,minDate:h,maxDate:d,weekStartsOn:g=0,className:N,...y}){const[Y,A]=f.useState(()=>{const r=u??e.start??new Date;return m(r.getFullYear(),r.getMonth(),1)}),[E,T]=f.useState(null),R=f.useMemo(()=>c(new Date),[]),w=f.useMemo(()=>Array.from({length:7},(r,s)=>O[(s+g)%7]),[g]),_=f.useCallback(r=>{if(F(r,h,d))return;const{start:s,end:i}=e;!s||i?t({start:r,end:null}):c(r).getTime()<c(s).getTime()?t({start:r,end:s}):t({start:s,end:r})},[e,t,h,d]),j=f.useCallback(r=>{A(s=>k(s,r))},[]),L=e.start&&!e.end?E:e.end;function P(r){const{start:s}=e,i=L,M=s?D(r,s):!1,a=i?D(r,i):!1,b=s&&i?C(r,s,i):!1;return{selected:M||a,inRange:b,isStart:M,isEnd:a}}return o.jsxs("div",{className:p.cn(n.default.root,N),...y,children:[o.jsxs("div",{className:n.default.header,children:[o.jsx("button",{type:"button",className:n.default.nav,"aria-label":"Previous month",onClick:()=>j(-1),children:"‹"}),o.jsx("span",{className:n.default.headerSpacer,"aria-hidden":!0}),o.jsx("button",{type:"button",className:n.default.nav,"aria-label":"Next month",onClick:()=>j(1),children:"›"})]}),o.jsx("div",{className:n.default.months,onMouseLeave:()=>T(null),children:Array.from({length:Math.max(1,l)},(r,s)=>{const i=k(Y,s),M=G(i,g);return o.jsxs("div",{className:n.default.month,children:[o.jsxs("div",{className:n.default.title,"aria-live":"polite",children:[v[i.getMonth()]," ",i.getFullYear()]}),o.jsx("div",{className:n.default.weekdays,role:"row",children:w.map(a=>o.jsx("span",{className:n.default.weekday,role:"columnheader",children:a},a))}),o.jsx("div",{className:n.default.grid,role:"grid",children:M.map((a,b)=>{const q=a.getMonth()===i.getMonth(),W=F(a,h,d),{selected:x,inRange:B,isStart:I,isEnd:J}=P(a),S=D(a,R);return o.jsx("button",{type:"button",role:"gridcell",className:p.cn(n.default.day,!q&&n.default.outside,B&&n.default.inRange,x&&n.default.selected,I&&n.default.rangeStart,J&&n.default.rangeEnd,S&&n.default.today),"aria-label":`${v[a.getMonth()]} ${a.getDate()}, ${a.getFullYear()}`,"aria-selected":x,"aria-current":S?"date":void 0,disabled:W,onClick:()=>_(a),onMouseEnter:()=>T(a),children:a.getDate()},b)})})]},s)})})]})}exports.DateRangePicker=H;
-//# sourceMappingURL=DateRangePicker.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./DateRangePicker.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],a=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],o=42;function s(e,t,n){return new Date(e,t,n)}function c(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function l(e,t){return s(e.getFullYear(),e.getMonth()+t,1)}function u(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function d(e,t,n){let r=c(e).getTime();return!!(t&&r<c(t).getTime()||n&&r>c(n).getTime())}function f(e,t,n){let r=c(e).getTime(),i=Math.min(c(t).getTime(),c(n).getTime()),a=Math.max(c(t).getTime(),c(n).getTime());return r>i&&r<a}function p(e,t){let n=e.getFullYear(),r=e.getMonth(),i=s(n,r,1-(s(n,r,1).getDay()-t+7)%7);return Array.from({length:o},(e,t)=>s(i.getFullYear(),i.getMonth(),i.getDate()+t))}function m({value:o,onChange:m,numberOfMonths:h=2,defaultMonth:g,minDate:_,maxDate:v,weekStartsOn:y=0,className:b,...x}){let[S,C]=(0,n.useState)(()=>{let e=g??o.start??new Date;return s(e.getFullYear(),e.getMonth(),1)}),[w,T]=(0,n.useState)(null),E=(0,n.useMemo)(()=>c(new Date),[]),D=(0,n.useMemo)(()=>Array.from({length:7},(e,t)=>i[(t+y)%7]),[y]),O=(0,n.useCallback)(e=>{if(d(e,_,v))return;let{start:t,end:n}=o;!t||n?m({start:e,end:null}):c(e).getTime()<c(t).getTime()?m({start:e,end:t}):m({start:t,end:e})},[o,m,_,v]),k=(0,n.useCallback)(e=>{C(t=>l(t,e))},[]),A=o.start&&!o.end?w:o.end;function j(e){let{start:t}=o,n=A,r=t?u(e,t):!1,i=n?u(e,n):!1,a=t&&n?f(e,t,n):!1;return{selected:r||i,inRange:a,isStart:r,isEnd:i}}return(0,r.jsxs)(`div`,{className:e.cn(t.default.root,b),...x,children:[(0,r.jsxs)(`div`,{className:t.default.header,children:[(0,r.jsx)(`button`,{type:`button`,className:t.default.nav,"aria-label":`Previous month`,onClick:()=>k(-1),children:`‹`}),(0,r.jsx)(`span`,{className:t.default.headerSpacer,"aria-hidden":!0}),(0,r.jsx)(`button`,{type:`button`,className:t.default.nav,"aria-label":`Next month`,onClick:()=>k(1),children:`›`})]}),(0,r.jsx)(`div`,{className:t.default.months,onMouseLeave:()=>T(null),children:Array.from({length:Math.max(1,h)},(n,i)=>{let o=l(S,i),s=p(o,y);return(0,r.jsxs)(`div`,{className:t.default.month,children:[(0,r.jsxs)(`div`,{className:t.default.title,"aria-live":`polite`,children:[a[o.getMonth()],` `,o.getFullYear()]}),(0,r.jsx)(`div`,{className:t.default.weekdays,role:`row`,children:D.map(e=>(0,r.jsx)(`span`,{className:t.default.weekday,role:`columnheader`,children:e},e))}),(0,r.jsx)(`div`,{className:t.default.grid,role:`grid`,children:s.map((n,i)=>{let s=n.getMonth()===o.getMonth(),c=d(n,_,v),{selected:l,inRange:f,isStart:p,isEnd:m}=j(n),h=u(n,E);return(0,r.jsx)(`button`,{type:`button`,role:`gridcell`,className:e.cn(t.default.day,!s&&t.default.outside,f&&t.default.inRange,l&&t.default.selected,p&&t.default.rangeStart,m&&t.default.rangeEnd,h&&t.default.today),"aria-label":`${a[n.getMonth()]} ${n.getDate()}, ${n.getFullYear()}`,"aria-selected":l,"aria-current":h?`date`:void 0,disabled:c,onClick:()=>O(n),onMouseEnter:()=>T(n),children:n.getDate()},i)})})]},i)})})]})}exports.DateRangePicker=m;
+//# sourceMappingURL=DateRangePicker.cjs.map

package/dist/components/DateRangePicker/DateRangePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.cjs","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DateRangePicker.module.css\";\n\nexport type WeekStart = 0 | 1;\n\n/** A selected range. Either bound may be `null` while picking. */\nexport interface DateRange {\n    start: Date | null;\n    end: Date | null;\n}\n\nexport interface DateRangePickerProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected range. */\n    value: DateRange;\n    /** Called with the new range as the user picks start then end. */\n    onChange: (range: DateRange) => void;\n    /** How many month grids to show side by side. Default `2`. */\n    numberOfMonths?: number;\n    /** Initial visible month (uncontrolled). Defaults to the range start or today. */\n    defaultMonth?: Date;\n    minDate?: Date;\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\nconst DAYS_IN_GRID = 42;\n\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nfunction addMonths(date: Date, offset: number): Date {\n    return makeDate(date.getFullYear(), date.getMonth() + offset, 1);\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/** Inclusive-exclusive-agnostic \"strictly between a and b\" (a/b order-independent). */\nfunction isBetween(date: Date, a: Date, b: Date): boolean {\n    const t = startOfDay(date).getTime();\n    const lo = Math.min(startOfDay(a).getTime(), startOfDay(b).getTime());\n    const hi = Math.max(startOfDay(a).getTime(), startOfDay(b).getTime());\n    return t > lo && t < hi;\n}\n\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstWeekday = makeDate(year, monthIndex, 1).getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n    return Array.from({ length: DAYS_IN_GRID }, (_, i) =>\n        makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i),\n    );\n}\n\n/**\n * Date-range picker: pick a start day, then an end day, across one or more\n * month grids. The hovered day previews the range before the end is committed.\n * Pure `Date` math — no date libraries. For a single date, use `Calendar`.\n *\n * Selection: first click sets `start` (clears `end`); the next click sets `end`\n * (auto-ordered if you click earlier than the start); a third click starts over.\n */\nexport function DateRangePicker({\n    value,\n    onChange,\n    numberOfMonths = 2,\n    defaultMonth,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: DateRangePickerProps) {\n    const [visibleMonth, setVisibleMonth] = useState<Date>(() => {\n        const base = defaultMonth ?? value.start ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const [hovered, setHovered] = useState<Date | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const weekdayLabels = useMemo(\n        () => Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]),\n        [weekStartsOn],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            const { start, end } = value;\n            if (!start || end) {\n                onChange({ start: date, end: null });\n            } else if (startOfDay(date).getTime() < startOfDay(start).getTime()) {\n                onChange({ start: date, end: start });\n            } else {\n                onChange({ start, end: date });\n            }\n        },\n        [value, onChange, minDate, maxDate],\n    );\n\n    const changeMonth = useCallback((offset: number): void => {\n        setVisibleMonth((current) => addMonths(current, offset));\n    }, []);\n\n    // Effective end used for preview highlighting (hovered day while picking).\n    const previewEnd = value.start && !value.end ? hovered : value.end;\n\n    function dayState(date: Date): {\n        selected: boolean;\n        inRange: boolean;\n        isStart: boolean;\n        isEnd: boolean;\n    } {\n        const { start } = value;\n        const end = previewEnd;\n        const isStart = start ? isSameDay(date, start) : false;\n        const isEnd = end ? isSameDay(date, end) : false;\n        const inRange = start && end ? isBetween(date, start, end) : false;\n        return { selected: isStart || isEnd, inRange, isStart, isEnd };\n    }\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.headerSpacer} aria-hidden />\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.months} onMouseLeave={() => setHovered(null)}>\n                {Array.from({ length: Math.max(1, numberOfMonths) }, (_, monthOffset) => {\n                    const month = addMonths(visibleMonth, monthOffset);\n                    const cells = buildGrid(month, weekStartsOn);\n                    return (\n                        <div key={monthOffset} className={styles.month}>\n                            <div className={styles.title} aria-live=\"polite\">\n                                {MONTH_LABELS[month.getMonth()]} {month.getFullYear()}\n                            </div>\n                            <div className={styles.weekdays} role=\"row\">\n                                {weekdayLabels.map((label) => (\n                                    <span\n                                        key={label}\n                                        className={styles.weekday}\n                                        role=\"columnheader\"\n                                    >\n                                        {label}\n                                    </span>\n                                ))}\n                            </div>\n                            <div className={styles.grid} role=\"grid\">\n                                {cells.map((date, index) => {\n                                    const inMonth = date.getMonth() === month.getMonth();\n                                    const disabled = isOutOfRange(date, minDate, maxDate);\n                                    const { selected, inRange, isStart, isEnd } = dayState(date);\n                                    const isToday = isSameDay(date, today);\n                                    return (\n                                        <button\n                                            key={index}\n                                            type=\"button\"\n                                            role=\"gridcell\"\n                                            className={cn(\n                                                styles.day,\n                                                !inMonth && styles.outside,\n                                                inRange && styles.inRange,\n                                                selected && styles.selected,\n                                                isStart && styles.rangeStart,\n                                                isEnd && styles.rangeEnd,\n                                                isToday && styles.today,\n                                            )}\n                                            aria-label={`${MONTH_LABELS[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}`}\n                                            aria-selected={selected}\n                                            aria-current={isToday ? \"date\" : undefined}\n                                            disabled={disabled}\n                                            onClick={() => selectDate(date)}\n                                            onMouseEnter={() => setHovered(date)}\n                                        >\n                                            {date.getDate()}\n                                        </button>\n                                    );\n                                })}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"names":["WEEKDAY_LABELS","MONTH_LABELS","DAYS_IN_GRID","makeDate","year","month","day","startOfDay","date","addMonths","offset","isSameDay","a","b","isOutOfRange","minDate","maxDate","isBetween","t","lo","hi","buildGrid","weekStartsOn","monthIndex","leading","start","_","i","DateRangePicker","value","onChange","numberOfMonths","defaultMonth","className","props","visibleMonth","setVisibleMonth","useState","base","hovered","setHovered","today","useMemo","weekdayLabels","selectDate","useCallback","end","changeMonth","current","previewEnd","dayState","isStart","isEnd","inRange","jsxs","cn","styles","jsx","monthOffset","cells","label","index","inMonth","disabled","selected","isToday"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.cjs","names":[],"sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DateRangePicker.module.css\";\n\nexport type WeekStart = 0 | 1;\n\n/** A selected range. Either bound may be `null` while picking. */\nexport interface DateRange {\n    start: Date | null;\n    end: Date | null;\n}\n\nexport interface DateRangePickerProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected range. */\n    value: DateRange;\n    /** Called with the new range as the user picks start then end. */\n    onChange: (range: DateRange) => void;\n    /** How many month grids to show side by side. Default `2`. */\n    numberOfMonths?: number;\n    /** Initial visible month (uncontrolled). Defaults to the range start or today. */\n    defaultMonth?: Date;\n    minDate?: Date;\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\nconst DAYS_IN_GRID = 42;\n\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nfunction addMonths(date: Date, offset: number): Date {\n    return makeDate(date.getFullYear(), date.getMonth() + offset, 1);\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/** Inclusive-exclusive-agnostic \"strictly between a and b\" (a/b order-independent). */\nfunction isBetween(date: Date, a: Date, b: Date): boolean {\n    const t = startOfDay(date).getTime();\n    const lo = Math.min(startOfDay(a).getTime(), startOfDay(b).getTime());\n    const hi = Math.max(startOfDay(a).getTime(), startOfDay(b).getTime());\n    return t > lo && t < hi;\n}\n\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstWeekday = makeDate(year, monthIndex, 1).getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n    return Array.from({ length: DAYS_IN_GRID }, (_, i) =>\n        makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i),\n    );\n}\n\n/**\n * Date-range picker: pick a start day, then an end day, across one or more\n * month grids. The hovered day previews the range before the end is committed.\n * Pure `Date` math — no date libraries. For a single date, use `Calendar`.\n *\n * Selection: first click sets `start` (clears `end`); the next click sets `end`\n * (auto-ordered if you click earlier than the start); a third click starts over.\n */\nexport function DateRangePicker({\n    value,\n    onChange,\n    numberOfMonths = 2,\n    defaultMonth,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: DateRangePickerProps) {\n    const [visibleMonth, setVisibleMonth] = useState<Date>(() => {\n        const base = defaultMonth ?? value.start ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const [hovered, setHovered] = useState<Date | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const weekdayLabels = useMemo(\n        () => Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]),\n        [weekStartsOn],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            const { start, end } = value;\n            if (!start || end) {\n                onChange({ start: date, end: null });\n            } else if (startOfDay(date).getTime() < startOfDay(start).getTime()) {\n                onChange({ start: date, end: start });\n            } else {\n                onChange({ start, end: date });\n            }\n        },\n        [value, onChange, minDate, maxDate],\n    );\n\n    const changeMonth = useCallback((offset: number): void => {\n        setVisibleMonth((current) => addMonths(current, offset));\n    }, []);\n\n    // Effective end used for preview highlighting (hovered day while picking).\n    const previewEnd = value.start && !value.end ? hovered : value.end;\n\n    function dayState(date: Date): {\n        selected: boolean;\n        inRange: boolean;\n        isStart: boolean;\n        isEnd: boolean;\n    } {\n        const { start } = value;\n        const end = previewEnd;\n        const isStart = start ? isSameDay(date, start) : false;\n        const isEnd = end ? isSameDay(date, end) : false;\n        const inRange = start && end ? isBetween(date, start, end) : false;\n        return { selected: isStart || isEnd, inRange, isStart, isEnd };\n    }\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.headerSpacer} aria-hidden />\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.months} onMouseLeave={() => setHovered(null)}>\n                {Array.from({ length: Math.max(1, numberOfMonths) }, (_, monthOffset) => {\n                    const month = addMonths(visibleMonth, monthOffset);\n                    const cells = buildGrid(month, weekStartsOn);\n                    return (\n                        <div key={monthOffset} className={styles.month}>\n                            <div className={styles.title} aria-live=\"polite\">\n                                {MONTH_LABELS[month.getMonth()]} {month.getFullYear()}\n                            </div>\n                            <div className={styles.weekdays} role=\"row\">\n                                {weekdayLabels.map((label) => (\n                                    <span\n                                        key={label}\n                                        className={styles.weekday}\n                                        role=\"columnheader\"\n                                    >\n                                        {label}\n                                    </span>\n                                ))}\n                            </div>\n                            <div className={styles.grid} role=\"grid\">\n                                {cells.map((date, index) => {\n                                    const inMonth = date.getMonth() === month.getMonth();\n                                    const disabled = isOutOfRange(date, minDate, maxDate);\n                                    const { selected, inRange, isStart, isEnd } = dayState(date);\n                                    const isToday = isSameDay(date, today);\n                                    return (\n                                        <button\n                                            key={index}\n                                            type=\"button\"\n                                            role=\"gridcell\"\n                                            className={cn(\n                                                styles.day,\n                                                !inMonth && styles.outside,\n                                                inRange && styles.inRange,\n                                                selected && styles.selected,\n                                                isStart && styles.rangeStart,\n                                                isEnd && styles.rangeEnd,\n                                                isToday && styles.today,\n                                            )}\n                                            aria-label={`${MONTH_LABELS[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}`}\n                                            aria-selected={selected}\n                                            aria-current={isToday ? \"date\" : undefined}\n                                            disabled={disabled}\n                                            onClick={() => selectDate(date)}\n                                            onMouseEnter={() => setHovered(date)}\n                                        >\n                                            {date.getDate()}\n                                        </button>\n                                    );\n                                })}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,152 +1,165 @@
-import { jsxs as y, jsx as u } from "react/jsx-runtime";
-import { useState as S, useMemo as Y, useCallback as k } from "react";
-import { cn as A } from "../../utils/cn.js";
-import n from "./DateRangePicker.module.css.js";
-const C = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], E = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-], K = 42;
-function m(e, t, a) {
-  return new Date(e, t, a);
+import { cn as e } from "../../utils/cn.js";
+import t from "./DateRangePicker.module.js";
+import { useCallback as n, useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/DateRangePicker/DateRangePicker.tsx
+var s = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+], c = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+], l = 42;
+function u(e, t, n) {
+	return new Date(e, t, n);
 }
-function l(e) {
-  return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+function d(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function w(e, t) {
-  return m(e.getFullYear(), e.getMonth() + t, 1);
+function f(e, t) {
+	return u(e.getFullYear(), e.getMonth() + t, 1);
 }
 function p(e, t) {
-  return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function _(e, t, a) {
-  const c = l(e).getTime();
-  return !!(t && c < l(t).getTime() || a && c > l(a).getTime());
+function m(e, t, n) {
+	let r = d(e).getTime();
+	return !!(t && r < d(t).getTime() || n && r > d(n).getTime());
 }
-function V(e, t, a) {
-  const c = l(e).getTime(), h = Math.min(l(t).getTime(), l(a).getTime()), g = Math.max(l(t).getTime(), l(a).getTime());
-  return c > h && c < g;
+function h(e, t, n) {
+	let r = d(e).getTime(), i = Math.min(d(t).getTime(), d(n).getTime()), a = Math.max(d(t).getTime(), d(n).getTime());
+	return r > i && r < a;
 }
-function q(e, t) {
-  const a = e.getFullYear(), c = e.getMonth(), g = (m(a, c, 1).getDay() - t + 7) % 7, d = m(a, c, 1 - g);
-  return Array.from(
-    { length: K },
-    (N, M) => m(d.getFullYear(), d.getMonth(), d.getDate() + M)
-  );
+function g(e, t) {
+	let n = e.getFullYear(), r = e.getMonth(), i = u(n, r, 1 - (u(n, r, 1).getDay() - t + 7) % 7);
+	return Array.from({ length: l }, (e, t) => u(i.getFullYear(), i.getMonth(), i.getDate() + t));
 }
-function Z({
-  value: e,
-  onChange: t,
-  numberOfMonths: a = 2,
-  defaultMonth: c,
-  minDate: h,
-  maxDate: g,
-  weekStartsOn: d = 0,
-  className: N,
-  ...M
-}) {
-  const [L, R] = S(() => {
-    const r = c ?? e.start ?? /* @__PURE__ */ new Date();
-    return m(r.getFullYear(), r.getMonth(), 1);
-  }), [x, D] = S(null), W = Y(() => l(/* @__PURE__ */ new Date()), []), B = Y(
-    () => Array.from({ length: 7 }, (r, s) => C[(s + d) % 7]),
-    [d]
-  ), I = k(
-    (r) => {
-      if (_(r, h, g)) return;
-      const { start: s, end: i } = e;
-      !s || i ? t({ start: r, end: null }) : l(r).getTime() < l(s).getTime() ? t({ start: r, end: s }) : t({ start: s, end: r });
-    },
-    [e, t, h, g]
-  ), T = k((r) => {
-    R((s) => w(s, r));
-  }, []), J = e.start && !e.end ? x : e.end;
-  function $(r) {
-    const { start: s } = e, i = J, f = s ? p(r, s) : !1, o = i ? p(r, i) : !1, b = s && i ? V(r, s, i) : !1;
-    return { selected: f || o, inRange: b, isStart: f, isEnd: o };
-  }
-  return /* @__PURE__ */ y("div", { className: A(n.root, N), ...M, children: [
-    /* @__PURE__ */ y("div", { className: n.header, children: [
-      /* @__PURE__ */ u(
-        "button",
-        {
-          type: "button",
-          className: n.nav,
-          "aria-label": "Previous month",
-          onClick: () => T(-1),
-          children: "‹"
-        }
-      ),
-      /* @__PURE__ */ u("span", { className: n.headerSpacer, "aria-hidden": !0 }),
-      /* @__PURE__ */ u(
-        "button",
-        {
-          type: "button",
-          className: n.nav,
-          "aria-label": "Next month",
-          onClick: () => T(1),
-          children: "›"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ u("div", { className: n.months, onMouseLeave: () => D(null), children: Array.from({ length: Math.max(1, a) }, (r, s) => {
-      const i = w(L, s), f = q(i, d);
-      return /* @__PURE__ */ y("div", { className: n.month, children: [
-        /* @__PURE__ */ y("div", { className: n.title, "aria-live": "polite", children: [
-          E[i.getMonth()],
-          " ",
-          i.getFullYear()
-        ] }),
-        /* @__PURE__ */ u("div", { className: n.weekdays, role: "row", children: B.map((o) => /* @__PURE__ */ u(
-          "span",
-          {
-            className: n.weekday,
-            role: "columnheader",
-            children: o
-          },
-          o
-        )) }),
-        /* @__PURE__ */ u("div", { className: n.grid, role: "grid", children: f.map((o, b) => {
-          const j = o.getMonth() === i.getMonth(), G = _(o, h, g), { selected: v, inRange: H, isStart: O, isEnd: P } = $(o), F = p(o, W);
-          return /* @__PURE__ */ u(
-            "button",
-            {
-              type: "button",
-              role: "gridcell",
-              className: A(
-                n.day,
-                !j && n.outside,
-                H && n.inRange,
-                v && n.selected,
-                O && n.rangeStart,
-                P && n.rangeEnd,
-                F && n.today
-              ),
-              "aria-label": `${E[o.getMonth()]} ${o.getDate()}, ${o.getFullYear()}`,
-              "aria-selected": v,
-              "aria-current": F ? "date" : void 0,
-              disabled: G,
-              onClick: () => I(o),
-              onMouseEnter: () => D(o),
-              children: o.getDate()
-            },
-            b
-          );
-        }) })
-      ] }, s);
-    }) })
-  ] });
+function _({ value: l, onChange: _, numberOfMonths: v = 2, defaultMonth: y, minDate: b, maxDate: x, weekStartsOn: S = 0, className: C, ...w }) {
+	let [T, E] = i(() => {
+		let e = y ?? l.start ?? /* @__PURE__ */ new Date();
+		return u(e.getFullYear(), e.getMonth(), 1);
+	}), [D, O] = i(null), k = r(() => d(/* @__PURE__ */ new Date()), []), A = r(() => Array.from({ length: 7 }, (e, t) => s[(t + S) % 7]), [S]), j = n((e) => {
+		if (m(e, b, x)) return;
+		let { start: t, end: n } = l;
+		!t || n ? _({
+			start: e,
+			end: null
+		}) : d(e).getTime() < d(t).getTime() ? _({
+			start: e,
+			end: t
+		}) : _({
+			start: t,
+			end: e
+		});
+	}, [
+		l,
+		_,
+		b,
+		x
+	]), M = n((e) => {
+		E((t) => f(t, e));
+	}, []), N = l.start && !l.end ? D : l.end;
+	function P(e) {
+		let { start: t } = l, n = N, r = t ? p(e, t) : !1, i = n ? p(e, n) : !1, a = t && n ? h(e, t, n) : !1;
+		return {
+			selected: r || i,
+			inRange: a,
+			isStart: r,
+			isEnd: i
+		};
+	}
+	return /* @__PURE__ */ o("div", {
+		className: e(t.root, C),
+		...w,
+		children: [/* @__PURE__ */ o("div", {
+			className: t.header,
+			children: [
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					className: t.nav,
+					"aria-label": "Previous month",
+					onClick: () => M(-1),
+					children: "‹"
+				}),
+				/* @__PURE__ */ a("span", {
+					className: t.headerSpacer,
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					className: t.nav,
+					"aria-label": "Next month",
+					onClick: () => M(1),
+					children: "›"
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: t.months,
+			onMouseLeave: () => O(null),
+			children: Array.from({ length: Math.max(1, v) }, (n, r) => {
+				let i = f(T, r), s = g(i, S);
+				return /* @__PURE__ */ o("div", {
+					className: t.month,
+					children: [
+						/* @__PURE__ */ o("div", {
+							className: t.title,
+							"aria-live": "polite",
+							children: [
+								c[i.getMonth()],
+								" ",
+								i.getFullYear()
+							]
+						}),
+						/* @__PURE__ */ a("div", {
+							className: t.weekdays,
+							role: "row",
+							children: A.map((e) => /* @__PURE__ */ a("span", {
+								className: t.weekday,
+								role: "columnheader",
+								children: e
+							}, e))
+						}),
+						/* @__PURE__ */ a("div", {
+							className: t.grid,
+							role: "grid",
+							children: s.map((n, r) => {
+								let o = n.getMonth() === i.getMonth(), s = m(n, b, x), { selected: l, inRange: u, isStart: d, isEnd: f } = P(n), h = p(n, k);
+								return /* @__PURE__ */ a("button", {
+									type: "button",
+									role: "gridcell",
+									className: e(t.day, !o && t.outside, u && t.inRange, l && t.selected, d && t.rangeStart, f && t.rangeEnd, h && t.today),
+									"aria-label": `${c[n.getMonth()]} ${n.getDate()}, ${n.getFullYear()}`,
+									"aria-selected": l,
+									"aria-current": h ? "date" : void 0,
+									disabled: s,
+									onClick: () => j(n),
+									onMouseEnter: () => O(n),
+									children: n.getDate()
+								}, r);
+							})
+						})
+					]
+				}, r);
+			})
+		})]
+	});
 }
-export {
-  Z as DateRangePicker
-};
-//# sourceMappingURL=DateRangePicker.js.map
+//#endregion
+export { _ as DateRangePicker };
+
+//# sourceMappingURL=DateRangePicker.js.map