@neut/ui 0.0.15 → 0.0.17

package/dist/components/data-table/createTableState.d.ts

@@ -0,0 +1,16 @@
+import { Accessor } from 'solid-js';
+import { ColumnFiltersState, ColumnVisibilityState, CreateTableOptions, PaginationState, RowSelectionState, SortingState } from './data-table.types';
+/** 表格状态切片：内部 signal + 对外 setter（并转发 onChange） */
+export interface TableStateAccessors {
+    sorting: Accessor<SortingState>;
+    setSorting: (state: SortingState) => void;
+    columnFilters: Accessor<ColumnFiltersState>;
+    setColumnFilters: (state: ColumnFiltersState) => void;
+    columnVisibility: Accessor<ColumnVisibilityState>;
+    setColumnVisibility: (state: ColumnVisibilityState) => void;
+    rowSelection: Accessor<RowSelectionState>;
+    setRowSelection: (state: RowSelectionState) => void;
+    pagination: Accessor<PaginationState>;
+    setPagination: (state: PaginationState) => void;
+}
+export declare function createTableState<TData>(options: CreateTableOptions<TData>): TableStateAccessors;

package/dist/components/data-table/createTableState.js

@@ -0,0 +1,34 @@
+import { createSignal as e } from "solid-js";
+//#region src/components/data-table/createTableState.ts
+function t(t) {
+	let n = t.initialState ?? {}, [r, i] = e(n.sorting ?? []), [a, o] = e(n.columnFilters ?? []), [s, c] = e(n.columnVisibility ?? {}), [l, u] = e(n.rowSelection ?? {}), [d, f] = e(n.pagination ?? {
+		pageIndex: 0,
+		pageSize: 10
+	});
+	return {
+		sorting: r,
+		setSorting: (e) => {
+			i(e), t.onSortingChange?.(e);
+		},
+		columnFilters: a,
+		setColumnFilters: (e) => {
+			o(e), t.onColumnFiltersChange?.(e);
+		},
+		columnVisibility: s,
+		setColumnVisibility: (e) => {
+			c(e), t.onColumnVisibilityChange?.(e);
+		},
+		rowSelection: l,
+		setRowSelection: (e) => {
+			u(e), t.onRowSelectionChange?.(e);
+		},
+		pagination: d,
+		setPagination: (e) => {
+			f(e), t.onPaginationChange?.(e);
+		}
+	};
+}
+//#endregion
+export { t as createTableState };
+
+//# sourceMappingURL=createTableState.js.map

package/dist/components/data-table/createTableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableState.js","names":["createTableState","initial","options","sorting","setSortingSignal","createSignal","columnFilters","setColumnFiltersSignal","columnVisibility","setColumnVisibilitySignal","rowSelection","setRowSelectionSignal","pagination","setPaginationSignal","state"],"sources":["../../../src/components/data-table/createTableState.ts"],"sourcesContent":["import { createSignal, type Accessor } from \"solid-js\";\nimport type {\n  ColumnFiltersState,\n  ColumnVisibilityState,\n  CreateTableOptions,\n  PaginationState,\n  RowSelectionState,\n  SortingState,\n} from \"./data-table.types\";\n\n/** 表格状态切片：内部 signal + 对外 setter（并转发 onChange） */\nexport interface TableStateAccessors {\n  sorting: Accessor<SortingState>;\n  setSorting: (state: SortingState) => void;\n  columnFilters: Accessor<ColumnFiltersState>;\n  setColumnFilters: (state: ColumnFiltersState) => void;\n  columnVisibility: Accessor<ColumnVisibilityState>;\n  setColumnVisibility: (state: ColumnVisibilityState) => void;\n  rowSelection: Accessor<RowSelectionState>;\n  setRowSelection: (state: RowSelectionState) => void;\n  pagination: Accessor<PaginationState>;\n  setPagination: (state: PaginationState) => void;\n}\n\nexport function createTableState<TData>(\n  options: CreateTableOptions<TData>,\n): TableStateAccessors {\n  const initial = options.initialState ?? {};\n\n  const [sorting, setSortingSignal] = createSignal<SortingState>(\n    initial.sorting ?? [],\n  );\n  const [columnFilters, setColumnFiltersSignal] =\n    createSignal<ColumnFiltersState>(initial.columnFilters ?? []);\n  const [columnVisibility, setColumnVisibilitySignal] =\n    createSignal<ColumnVisibilityState>(initial.columnVisibility ?? {});\n  const [rowSelection, setRowSelectionSignal] = createSignal<RowSelectionState>(\n    initial.rowSelection ?? {},\n  );\n  const [pagination, setPaginationSignal] = createSignal<PaginationState>(\n    initial.pagination ?? { pageIndex: 0, pageSize: 10 },\n  );\n\n  return {\n    sorting,\n    setSorting: (state) => {\n      setSortingSignal(state);\n      options.onSortingChange?.(state);\n    },\n    columnFilters,\n    setColumnFilters: (state) => {\n      setColumnFiltersSignal(state);\n      options.onColumnFiltersChange?.(state);\n    },\n    columnVisibility,\n    setColumnVisibility: (state) => {\n      setColumnVisibilitySignal(state);\n      options.onColumnVisibilityChange?.(state);\n    },\n    rowSelection,\n    setRowSelection: (state) => {\n      setRowSelectionSignal(state);\n      options.onRowSelectionChange?.(state);\n    },\n    pagination,\n    setPagination: (state) => {\n      setPaginationSignal(state);\n      options.onPaginationChange?.(state);\n    },\n  };\n}\n"],"mappings":";;AAwBA,SAAgBA,EACd,GACqB;CACrB,IAAMC,IAAUC,EAAQ,gBAAgB,CAAC,GAEnC,CAACC,GAASC,KAAoBC,EAClCJ,EAAQ,WAAW,CAAC,CACtB,GACM,CAACK,GAAeC,KACpBF,EAAiCJ,EAAQ,iBAAiB,CAAC,CAAC,GACxD,CAACO,GAAkBC,KACvBJ,EAAoCJ,EAAQ,oBAAoB,CAAC,CAAC,GAC9D,CAACS,GAAcC,KAAyBN,EAC5CJ,EAAQ,gBAAgB,CAAC,CAC3B,GACM,CAACW,GAAYC,KAAuBR,EACxCJ,EAAQ,cAAc;EAAE,WAAW;EAAG,UAAU;CAAG,CACrD;CAEA,OAAO;EACL;EACA,aAAa,MAAU;GAErB,AADAG,EAAiBU,CAAK,GACtBZ,EAAQ,kBAAkBY,CAAK;EACjC;EACA;EACA,mBAAmB,MAAU;GAE3B,AADAP,EAAuBO,CAAK,GAC5BZ,EAAQ,wBAAwBY,CAAK;EACvC;EACA;EACA,sBAAsB,MAAU;GAE9B,AADAL,EAA0BK,CAAK,GAC/BZ,EAAQ,2BAA2BY,CAAK;EAC1C;EACA;EACA,kBAAkB,MAAU;GAE1B,AADAH,EAAsBG,CAAK,GAC3BZ,EAAQ,uBAAuBY,CAAK;EACtC;EACA;EACA,gBAAgB,MAAU;GAExB,AADAD,EAAoBC,CAAK,GACzBZ,EAAQ,qBAAqBY,CAAK;EACpC;CACF;AACF"}

package/dist/components/data-table/data-table.types.d.ts

@@ -0,0 +1,123 @@
+import { Accessor, JSX } from 'solid-js';
+export interface SortingEntry {
+    id: string;
+    desc: boolean;
+}
+export type SortingState = SortingEntry[];
+export interface ColumnFilter {
+    id: string;
+    value: unknown;
+}
+export type ColumnFiltersState = ColumnFilter[];
+export type ColumnVisibilityState = Record<string, boolean>;
+export type RowSelectionState = Record<string, boolean>;
+export interface PaginationState {
+    pageIndex: number;
+    pageSize: number;
+}
+export interface TableState {
+    sorting: SortingState;
+    columnFilters: ColumnFiltersState;
+    columnVisibility: ColumnVisibilityState;
+    rowSelection: RowSelectionState;
+    pagination: PaginationState;
+}
+export type SortingFn = "auto" | "text" | "alphanumeric" | ((a: unknown, b: unknown) => number);
+export type FilterFn<TData> = (row: TData, filterValue: unknown) => boolean;
+export interface ColumnDef<TData> {
+    /** 列 id；缺省用 accessorKey，再缺省用列下标注 */
+    id?: string;
+    accessorKey?: string;
+    accessorFn?: (row: TData) => unknown;
+    header?: string | ((ctx: HeaderContext<TData>) => JSX.Element);
+    cell?: (ctx: CellContext<TData>) => JSX.Element;
+    enableSorting?: boolean;
+    enableHiding?: boolean;
+    enableColumnFilter?: boolean;
+    filterFn?: FilterFn<TData>;
+    sortingFn?: SortingFn;
+    meta?: Record<string, unknown>;
+}
+export interface CellContext<TData> {
+    row: Row<TData>;
+    column: Column<TData>;
+    getValue: () => unknown;
+}
+export interface HeaderContext<TData> {
+    column: Column<TData>;
+    table: DataTable<TData>;
+}
+export interface Cell<TData> {
+    id: string;
+    column: Column<TData>;
+    row: Row<TData>;
+    getValue: () => unknown;
+    render: () => JSX.Element;
+}
+export interface Header<TData> {
+    id: string;
+    column: Column<TData>;
+    isPlaceholder: boolean;
+    render: () => JSX.Element;
+}
+export interface HeaderGroup<TData> {
+    id: string;
+    headers: Header<TData>[];
+}
+export interface Row<TData> {
+    id: string;
+    original: TData;
+    getValue: (columnId: string) => unknown;
+    getIsSelected: () => boolean;
+    toggleSelected: (value?: boolean) => void;
+    getVisibleCells: () => Cell<TData>[];
+}
+export interface Column<TData> {
+    id: string;
+    columnDef: ColumnDef<TData>;
+    getCanSort: () => boolean;
+    getIsSorted: () => false | "asc" | "desc";
+    toggleSorting: (desc?: boolean) => void;
+    getCanHide: () => boolean;
+    getIsVisible: () => boolean;
+    toggleVisibility: (value?: boolean) => void;
+    getFilterValue: () => unknown;
+    setFilterValue: (value: unknown) => void;
+}
+export interface DataTable<TData> {
+    getHeaderGroups: () => HeaderGroup<TData>[];
+    getRowModel: () => {
+        rows: Row<TData>[];
+    };
+    getFilteredRowModel: () => {
+        rows: Row<TData>[];
+    };
+    getFilteredSelectedRowModel: () => {
+        rows: Row<TData>[];
+    };
+    getColumn: (id: string) => Column<TData> | undefined;
+    getAllColumns: () => Column<TData>[];
+    getIsAllPageRowsSelected: () => boolean;
+    getIsSomePageRowsSelected: () => boolean;
+    toggleAllPageRowsSelected: (value?: boolean) => void;
+    getCanPreviousPage: () => boolean;
+    getCanNextPage: () => boolean;
+    getPageCount: () => number;
+    previousPage: () => void;
+    nextPage: () => void;
+    setPageIndex: (index: number) => void;
+    setPageSize: (size: number) => void;
+    state: TableState;
+}
+export interface CreateTableOptions<TData> {
+    /** 数据源(响应式 accessor，Solid 惯用法) */
+    data: Accessor<TData[]>;
+    columns: ColumnDef<TData>[];
+    getRowId?: (row: TData, index: number) => string;
+    initialState?: Partial<TableState>;
+    onSortingChange?: (state: SortingState) => void;
+    onColumnFiltersChange?: (state: ColumnFiltersState) => void;
+    onColumnVisibilityChange?: (state: ColumnVisibilityState) => void;
+    onRowSelectionChange?: (state: RowSelectionState) => void;
+    onPaginationChange?: (state: PaginationState) => void;
+}

package/dist/components/data-table/data-table.utils.d.ts

@@ -0,0 +1,4 @@
+/** 默认比较：数字按大小，其余按本地化字符串 */
+export declare function compareValues(a: unknown, b: unknown): number;
+/** 默认过滤：大小写不敏感的 includes */
+export declare function includesFilterValue(value: unknown, filterValue: unknown): boolean;

package/dist/components/data-table/data-table.utils.js

@@ -0,0 +1,11 @@
+//#region src/components/data-table/data-table.utils.ts
+function e(e, t) {
+	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
+}
+function t(e, t) {
+	return String(e ?? "").toLowerCase().includes(String(t ?? "").toLowerCase());
+}
+//#endregion
+export { e as compareValues, t as includesFilterValue };
+
+//# sourceMappingURL=data-table.utils.js.map

package/dist/components/data-table/data-table.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.utils.js","names":["compareValues","a","b","includesFilterValue","value","filterValue"],"sources":["../../../src/components/data-table/data-table.utils.ts"],"sourcesContent":["/** 默认比较：数字按大小，其余按本地化字符串 */\nexport function compareValues(a: unknown, b: unknown): number {\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return String(a ?? \"\").localeCompare(String(b ?? \"\"));\n}\n\n/** 默认过滤：大小写不敏感的 includes */\nexport function includesFilterValue(\n  value: unknown,\n  filterValue: unknown,\n): boolean {\n  return String(value ?? \"\")\n    .toLowerCase()\n    .includes(String(filterValue ?? \"\").toLowerCase());\n}\n"],"mappings":";AACA,SAAgBA,EAAc,GAAY,GAAoB;CAE5D,OADI,OAAOC,KAAM,YAAY,OAAOC,KAAM,WAAiBD,IAAIC,IACxD,OAAOD,KAAK,EAAE,CAAC,CAAC,cAAc,OAAOC,KAAK,EAAE,CAAC;AACtD;AAGA,SAAgBC,EACd,GACA,GACS;CACT,OAAO,OAAOC,KAAS,EAAE,CAAC,CACvB,YAAY,CAAC,CACb,SAAS,OAAOC,KAAe,EAAE,CAAC,CAAC,YAAY,CAAC;AACrD"}

package/dist/components/data-table/index.d.ts

@@ -0,0 +1,2 @@
+export { createTable } from './createTable';
+export type { Cell, CellContext, Column, ColumnDef, ColumnFilter, ColumnFiltersState, ColumnVisibilityState, CreateTableOptions, FilterFn, Header, HeaderContext, HeaderGroup, PaginationState, Row, RowSelectionState, SortingEntry, SortingFn, SortingState, DataTable, TableState, } from './data-table.types';

package/dist/components/data-table/index.js

@@ -0,0 +1,2 @@
+import { createTable as e } from "./createTable.js";
+export { e as createTable };

package/dist/components/date-picker/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","ChevronDown","Calendar","Popover","PopoverContent","PopoverTrigger","clsx","DatePickerProps","defaultFormatDate","date","Date","locale","Intl","DateTimeFormat","year","month","day","format","DatePicker","props","Element","merged","placeholder","align","const","side","local","rest","internalValue","setInternalValue","defaultValue","open","setOpen","value","undefined","setValue","onValueChange","localeCode","code","displayText","formatDate","_$createComponent","onOpenChange","children","variant","disabled","data-empty","class","_el$","_tmpl$","_$insert","sideOffset","contentClass","_$mergeProps","mode","selected","onSelect","defaultMonth","min","max","showOutsideDays","weekStartsOn","captionLayout","buttonVariant","classNames","calendarClass"],"sources":["../../../../src/components/date-picker/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { Calendar } from \"~/components/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"~/components/popover\";\nimport { clsx } from \"~/utils\";\nimport type { DatePickerProps } from \"./DatePicker.types\";\n\nfunction defaultFormatDate(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  }).format(date);\n}\n\n/**\n * Date Picker：shadcn Base UI 版本 Date Picker 的 SolidJS 移植。\n *\n * shadcn 的 Base UI Date Picker 本身不是单个 Root 组件，而是由 Popover + Calendar\n * 组合而成。这里把它封装成一个开箱即用的 <DatePicker>，底层仍使用本仓库的\n * <Popover> 和 <Calendar>；如果你想完全复刻 shadcn 的「组合式」用法，也可以直接\n * 绕过这个封装，自己写 Popover + Calendar。\n */\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"Pick a date\",\n      align: \"start\" as const,\n      side: \"bottom\" as const,\n    },\n    props,\n  );\n\n  const [local, rest] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"placeholder\",\n    \"disabled\",\n    \"min\",\n    \"max\",\n    \"locale\",\n    \"formatDate\",\n    \"showOutsideDays\",\n    \"weekStartsOn\",\n    \"captionLayout\",\n    \"buttonVariant\",\n    \"classNames\",\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"contentClass\",\n    \"calendarClass\",\n    \"class\",\n    \"classList\",\n    \"style\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<Date | undefined>(\n    local.defaultValue,\n  );\n  const [open, setOpen] = createSignal(false);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n\n  const setValue = (date: Date | undefined) => {\n    if (local.value === undefined) setInternalValue(date);\n    local.onValueChange?.(date);\n  };\n\n  const localeCode = createMemo(() =>\n    typeof local.locale === \"string\" ? local.locale : local.locale?.code,\n  );\n\n  const displayText = createMemo(() => {\n    const date = value();\n    if (!date) return local.placeholder;\n    return (local.formatDate ?? defaultFormatDate)(date, localeCode());\n  });\n\n  return (\n    <Popover open={open()} onOpenChange={setOpen}>\n      <PopoverTrigger\n        variant=\"outline\"\n        disabled={local.disabled}\n        data-empty={value() === undefined ? \"true\" : undefined}\n        class={clsx(\n          \"w-53 justify-between text-left font-normal\",\n          \"data-[empty=true]:text-muted-foreground\",\n          local.class,\n        )}\n      >\n        <span class=\"truncate\">{displayText()}</span>\n        <ChevronDown data-icon=\"inline-end\" />\n      </PopoverTrigger>\n      <PopoverContent\n        side={local.side}\n        align={local.align}\n        sideOffset={local.sideOffset}\n        class={clsx(\"w-auto p-0\", local.contentClass)}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value()}\n          onSelect={(date) => {\n            setValue(date as Date | undefined);\n            // 选完日期后关闭浮层，交互上和常见 DatePicker 一致。\n            // shadcn 原始示例由 Popover 自己保持打开，用户可按需改写。\n            setOpen(false);\n          }}\n          defaultMonth={value()}\n          min={local.min}\n          max={local.max}\n          showOutsideDays={local.showOutsideDays}\n          weekStartsOn={local.weekStartsOn}\n          captionLayout={local.captionLayout}\n          buttonVariant={local.buttonVariant}\n          locale={local.locale}\n          classNames={local.classNames}\n          class={local.calendarClass}\n          {...rest}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAASY,EAAkBC,GAAYE,GAAyB;CAC9D,OAAO,IAAIC,KAAKC,eAAeF,GAAQ;EACrCG,MAAM;EACNC,OAAO;EACPC,KAAK;CACP,CAAC,CAAC,CAACC,OAAOR,CAAI;AAChB;AAUA,SAAgBS,EAAWC,GAAqC;CAC9D,IAAME,IAASvB,EACb;EACEwB,aAAa;EACbC,OAAO;EACPE,MAAM;CACR,GACAN,CACF,GAEM,CAACO,GAAOC,KAAQ5B,EAAWsB,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAO,CACR,GAEK,CAACO,GAAeC,KAAoBhC,EACxC6B,EAAMI,YACR,GACM,CAACC,GAAMC,KAAWnC,EAAa,EAAK,GACpCoC,IAAQrC,QACZ8B,EAAMO,UAAUC,KAAAA,IAA0BN,EAAc,IAA5BF,EAAMO,KACpC,GAEME,KAAY1B,MAA2B;EAE3CiB,AADIA,EAAMO,UAAUC,KAAAA,KAAWL,EAAiBpB,CAAI,GACpDiB,EAAMU,gBAAgB3B,CAAI;CAC5B,GAEM4B,IAAazC,QACjB,OAAO8B,EAAMf,UAAW,WAAWe,EAAMf,SAASe,EAAMf,QAAQ2B,IAClE,GAEMC,IAAc3C,QAAiB;EACnC,IAAMa,IAAOwB,EAAM;EAEnB,OADKxB,KACGiB,EAAMc,cAAchC,EAAAA,CAAmBC,GAAM4B,EAAW,CAAC,IAD/CX,EAAMJ;CAE1B,CAAC;CAED,OAAAmB,EACGtC,GAAO;EAAA,IAAC4B,OAAI;GAAA,OAAEA,EAAK;EAAC;EAAEW,cAAcV;EAAO,IAAAW,WAAA;GAAA,OAAA,CAAAF,EACzCpC,GAAc;IACbuC,SAAO;IAAA,IACPC,WAAQ;KAAA,OAAEnB,EAAMmB;IAAQ;IAAA,IAAA,eAAA;KAAA,OACZZ,EAAM,MAAMC,KAAAA,IAAY,SAASA,KAAAA;IAAS;IAAA,IAAA,QAAA;KAAA,OAC/C5B,EACL,8CACA,2CACAoB,EAAMqB,KACR;IAAC;IAAA,IAAAJ,WAAA;KAAA,OAAA,QAAA;MAAA,IAAAK,IAAAC,EAAA;MAEkC,OAFlCC,EAAAF,GAEuBT,CAAW,GAAAS;KAAA,EAAA,CAAA,GAAAP,EAClCxC,GAAW,EAAA,aAAA,aAAA,CAAA,CAAA;IAAA;GAAA,CAAA,GAAAwC,EAEbrC,GAAc;IAAA,IACbqB,OAAI;KAAA,OAAEC,EAAMD;IAAI;IAAA,IAChBF,QAAK;KAAA,OAAEG,EAAMH;IAAK;IAAA,IAClB4B,aAAU;KAAA,OAAEzB,EAAMyB;IAAU;IAAA,IAAA,QAAA;KAAA,OACrB7C,EAAK,cAAcoB,EAAM0B,YAAY;IAAC;IAAA,IAAAT,WAAA;KAAA,OAAAF,EAE5CvC,GAAQmD,EAAA;MACPC,MAAI;MAAA,IACJC,WAAQ;OAAA,OAAEtB,EAAM;MAAC;MACjBuB,WAAW/C,MAAS;OAIlBuB,AAHAG,EAAS1B,CAAwB,GAGjCuB,EAAQ,EAAK;MACf;MAAC,IACDyB,eAAY;OAAA,OAAExB,EAAM;MAAC;MAAA,IACrByB,MAAG;OAAA,OAAEhC,EAAMgC;MAAG;MAAA,IACdC,MAAG;OAAA,OAAEjC,EAAMiC;MAAG;MAAA,IACdC,kBAAe;OAAA,OAAElC,EAAMkC;MAAe;MAAA,IACtCC,eAAY;OAAA,OAAEnC,EAAMmC;MAAY;MAAA,IAChCC,gBAAa;OAAA,OAAEpC,EAAMoC;MAAa;MAAA,IAClCC,gBAAa;OAAA,OAAErC,EAAMqC;MAAa;MAAA,IAClCpD,SAAM;OAAA,OAAEe,EAAMf;MAAM;MAAA,IACpBqD,aAAU;OAAA,OAAEtC,EAAMsC;MAAU;MAAA,IAAA,QAAA;OAAA,OACrBtC,EAAMuC;MAAa;KAAA,GACtBtC,CAAI,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAKlB"}
+{"version":3,"file":"DatePicker.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","ChevronDown","Calendar","Popover","PopoverContent","PopoverTrigger","clsx","DatePickerProps","defaultFormatDate","date","Date","locale","Intl","DateTimeFormat","year","month","day","format","DatePicker","props","Element","merged","placeholder","align","const","side","local","rest","internalValue","setInternalValue","defaultValue","open","setOpen","value","undefined","setValue","onValueChange","localeCode","code","displayText","formatDate","_$createComponent","onOpenChange","children","variant","disabled","data-empty","class","_el$","_tmpl$","_$insert","sideOffset","contentClass","_$mergeProps","mode","selected","onSelect","defaultMonth","min","max","showOutsideDays","weekStartsOn","captionLayout","buttonVariant","classNames","calendarClass","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","defaultFormatDate","locale","date","DatePicker","merged","props","local","rest","splitProps","internalValue","setInternalValue","createSignal","open","setOpen","value","createMemo","setValue","localeCode","displayText","createComponent","Popover","PopoverTrigger","\"class\"","clsx","_el$","insert","ChevronDown","PopoverContent","Calendar","mergeProps"],"sources":["../../../../src/components/date-picker/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { Calendar } from \"~/components/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"~/components/popover\";\nimport { clsx } from \"~/utils\";\nimport type { DatePickerProps } from \"./DatePicker.types\";\n\nfunction defaultFormatDate(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  }).format(date);\n}\n\n/**\n * Date Picker：shadcn Base UI 版本 Date Picker 的 SolidJS 移植。\n *\n * shadcn 的 Base UI Date Picker 本身不是单个 Root 组件，而是由 Popover + Calendar\n * 组合而成。这里把它封装成一个开箱即用的 <DatePicker>，底层仍使用本仓库的\n * <Popover> 和 <Calendar>；如果你想完全复刻 shadcn 的「组合式」用法，也可以直接\n * 绕过这个封装，自己写 Popover + Calendar。\n */\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"Pick a date\",\n      align: \"start\" as const,\n      side: \"bottom\" as const,\n    },\n    props,\n  );\n\n  const [local, rest] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"placeholder\",\n    \"disabled\",\n    \"min\",\n    \"max\",\n    \"locale\",\n    \"formatDate\",\n    \"showOutsideDays\",\n    \"weekStartsOn\",\n    \"captionLayout\",\n    \"buttonVariant\",\n    \"classNames\",\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"contentClass\",\n    \"calendarClass\",\n    \"class\",\n    \"classList\",\n    \"style\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<Date | undefined>(\n    local.defaultValue,\n  );\n  const [open, setOpen] = createSignal(false);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n\n  const setValue = (date: Date | undefined) => {\n    if (local.value === undefined) setInternalValue(date);\n    local.onValueChange?.(date);\n  };\n\n  const localeCode = createMemo(() =>\n    typeof local.locale === \"string\" ? local.locale : local.locale?.code,\n  );\n\n  const displayText = createMemo(() => {\n    const date = value();\n    if (!date) return local.placeholder;\n    return (local.formatDate ?? defaultFormatDate)(date, localeCode());\n  });\n\n  return (\n    <Popover open={open()} onOpenChange={setOpen}>\n      <PopoverTrigger\n        variant=\"outline\"\n        disabled={local.disabled}\n        data-empty={value() === undefined ? \"true\" : undefined}\n        class={clsx(\n          \"w-53 justify-between text-left font-normal\",\n          \"data-[empty=true]:text-muted-foreground\",\n          local.class,\n        )}\n      >\n        <span class=\"truncate\">{displayText()}</span>\n        <ChevronDown data-icon=\"inline-end\" />\n      </PopoverTrigger>\n      <PopoverContent\n        side={local.side}\n        align={local.align}\n        sideOffset={local.sideOffset}\n        class={clsx(\"w-auto p-0\", local.contentClass)}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value()}\n          onSelect={(date) => {\n            setValue(date as Date | undefined);\n            // 选完日期后关闭浮层，交互上和常见 DatePicker 一致。\n            // shadcn 原始示例由 Popover 自己保持打开，用户可按需改写。\n            setOpen(false);\n          }}\n          defaultMonth={value()}\n          min={local.min}\n          max={local.max}\n          showOutsideDays={local.showOutsideDays}\n          weekStartsOn={local.weekStartsOn}\n          captionLayout={local.captionLayout}\n          buttonVariant={local.buttonVariant}\n          locale={local.locale}\n          classNames={local.classNames}\n          class={local.calendarClass}\n          {...rest}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}

package/dist/components/dialog/Dialog/Dialog.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.context.js","names":[],"sources":["../../../../src/components/dialog/Dialog/Dialog.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface DialogContextValue {\n  show: Accessor<boolean>;\n  setShow: Setter<boolean>;\n  open: Accessor<boolean>;\n  /** 打开/关闭 Dialog；内部会同时处理受控与非受控模式 */\n  setOpen: (open: boolean) => void;\n}\n\nexport const DialogContext = createContext<DialogContextValue>();\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within a DialogProvider\");\n  }\n  return context;\n};\n"],"mappings":";;AAeA,IAAa,IAAgB,EAAkC,GAElD,UAAyB;CACpC,IAAM,IAAU,EAAW,CAAa;CACxC,IAAI,CAAC,GACH,MAAU,MAAM,uDAAuD;CAEzE,OAAO;AACT"}
+{"version":3,"file":"Dialog.context.js","names":["DialogContext","createContext","useDialogContext","context","useContext"],"sources":["../../../../src/components/dialog/Dialog/Dialog.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface DialogContextValue {\n  show: Accessor<boolean>;\n  setShow: Setter<boolean>;\n  open: Accessor<boolean>;\n  /** 打开/关闭 Dialog；内部会同时处理受控与非受控模式 */\n  setOpen: (open: boolean) => void;\n}\n\nexport const DialogContext = createContext<DialogContextValue>();\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within a DialogProvider\");\n  }\n  return context;\n};\n"],"mappings":";;AAeA,IAAaA,IAAgBC,EAAkC,GAElDC,UAAyB;CACpC,IAAMC,IAAUC,EAAWJ,CAAa;CACxC,IAAI,CAACG,GACH,MAAU,MAAM,uDAAuD;CAEzE,OAAOA;AACT"}

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

@@ -1,2 +1,2 @@
 import { DialogProps } from './Dialog.types';
-export declare const Dialog: (props: DialogProps) => import("solid-js").JSX.Element;
+export declare const Dialog: (props: DialogProps) => import('solid-js').JSX.Element;

package/dist/components/dialog/Dialog/Dialog.js

@@ -1,32 +1,34 @@
-import { DialogContext as e } from "./Dialog.context.js";
-import { createComponent as t, insert as n, spread as r, template as i } from "solid-js/web";
-import { createEffect as a, createMemo as o, createSignal as s, splitProps as c } from "solid-js";
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { DialogContext as t } from "./Dialog.context.js";
+import { createComponent as n, insert as r, spread as i, template as a } from "solid-js/web";
+import { createEffect as o, createMemo as s, createSignal as c, splitProps as l } from "solid-js";
 //#region src/components/dialog/Dialog/Dialog.tsx
-var l = /*#__PURE__*/ i("<div data-slot=dialog>"), u = (i) => {
-	let [u, d] = c(i, [
+var u = /*#__PURE__*/ a("<div data-slot=dialog>"), d = (a) => {
+	let [d, f] = l(a, [
 		"open",
 		"defaultOpen",
 		"onOpenChange",
+		"lockScroll",
 		"children"
-	]), f = u.open ?? u.defaultOpen ?? !1, [p, m] = s(f), [h, g] = s(u.defaultOpen ?? !1), _ = o(() => u.open === void 0 ? h() : u.open);
-	return a(() => {
-		_() && m(!0);
-	}), t(e.Provider, {
+	]), p = d.open ?? d.defaultOpen ?? !1, [m, h] = c(p), [g, _] = c(d.defaultOpen ?? !1), v = s(() => d.open === void 0 ? g() : d.open), y = s(() => a.lockScroll ?? !0);
+	return e(() => v() && y(), { allowedSelector: "[data-dialog-surface]" }), o(() => {
+		v() && h(!0);
+	}), n(t.Provider, {
 		value: {
-			show: p,
-			setShow: m,
-			open: _,
+			show: m,
+			setShow: h,
+			open: v,
 			setOpen: (e) => {
-				u.open === void 0 && g(e), u.onOpenChange?.(e);
+				d.open === void 0 && _(e), d.onOpenChange?.(e);
 			}
 		},
 		get children() {
-			var e = l();
-			return r(e, d, !1, !0), n(e, () => u.children), e;
+			var e = u();
+			return i(e, f, !1, !0), r(e, () => d.children), e;
 		}
 	});
 };
 //#endregion
-export { u as Dialog };
+export { d as Dialog };
 
 //# sourceMappingURL=Dialog.js.map

package/dist/components/dialog/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["createEffect","createMemo","createSignal","splitProps","DialogProps","DialogContext","Dialog","props","local","others","initialOpen","open","defaultOpen","show","setShow","internalOpen","setInternalOpen","undefined","setOpen","next","onOpenChange","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$insert"],"sources":["../../../../src/components/dialog/Dialog/Dialog.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport type { DialogProps } from \"./Dialog.types\";\nimport { DialogContext } from \"./Dialog.context\";\n\nexport const Dialog = (props: DialogProps) => {\n  const [local, others] = splitProps(props, [\n    \"open\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"children\",\n  ]);\n\n  const initialOpen = local.open ?? local.defaultOpen ?? false;\n\n  // 实际显示或卸载信号\n  const [show, setShow] = createSignal(initialOpen);\n  // 内部动画控制信号（非受控模式）\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.defaultOpen ?? false,\n  );\n  // 实际动画控制状态：优先取受控 open，否则取内部状态\n  const open = createMemo(() =>\n    local.open === undefined ? internalOpen() : local.open,\n  );\n\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) {\n      setInternalOpen(next);\n    }\n    local.onOpenChange?.(next);\n  };\n\n  // 打开时立刻挂载；关闭时保留挂载直到动画结束，由 Content/Overlay 的\n  // onAnimationEnd 负责卸载，保证退场动画能完整播放。\n  createEffect(() => {\n    if (open()) {\n      setShow(true);\n    }\n  });\n\n  return (\n    <DialogContext.Provider\n      value={{\n        show,\n        setShow,\n        open,\n        setOpen,\n      }}\n    >\n      <div data-slot=\"dialog\" {...others}>\n        {local.children}\n      </div>\n    </DialogContext.Provider>\n  );\n};\n"],"mappings":";;;;mDAIaM,KAAUC,MAAuB;CAC5C,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAcF,EAAMG,QAAQH,EAAMI,eAAe,IAGjD,CAACC,GAAMC,KAAWZ,EAAaQ,CAAW,GAE1C,CAACK,GAAcC,KAAmBd,EACtCM,EAAMI,eAAe,EACvB,GAEMD,IAAOV,QACXO,EAAMG,SAASM,KAAAA,IAAYF,EAAa,IAAIP,EAAMG,IACpD;CAiBA,OANAX,QAAmB;EACjB,AAAIW,EAAK,KACPG,EAAQ,EAAI;CAEhB,CAAC,GAEDO,EACGhB,EAAciB,UAAQ;EACrBC,OAAO;GACLV;GACAC;GACAH;GACAO,UArBWC,MAAkB;IAIjCX,AAHIA,EAAMG,SAASM,KAAAA,KACjBD,EAAgBG,CAAI,GAEtBX,EAAMY,eAAeD,CAAI;GAC3B;EAiBI;EAAC,IAAAK,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAGgB,OAHhBC,EAAAF,GAE2BhB,GAAM,IAAA,EAAA,GAAAmB,EAAAH,SAC/BjB,EAAMgB,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}
+{"version":3,"file":"Dialog.js","names":["createEffect","createMemo","createSignal","splitProps","useScrollLock","DialogProps","DialogContext","Dialog","props","local","others","initialOpen","open","defaultOpen","show","setShow","internalOpen","setInternalOpen","undefined","lockScroll","allowedSelector","setOpen","next","onOpenChange","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$insert","_$createComponent","_tmpl$","Dialog","local","others","splitProps","props","initialOpen","show","setShow","createSignal","internalOpen","setInternalOpen","open","createMemo","lockScroll","useScrollLock","createEffect","createComponent","DialogContext","next","_el$","spread","insert"],"sources":["../../../../src/components/dialog/Dialog/Dialog.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport type { DialogProps } from \"./Dialog.types\";\nimport { DialogContext } from \"./Dialog.context\";\n\nexport const Dialog = (props: DialogProps) => {\n  const [local, others] = splitProps(props, [\n    \"open\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"lockScroll\",\n    \"children\",\n  ]);\n\n  const initialOpen = local.open ?? local.defaultOpen ?? false;\n\n  // 实际显示或卸载信号\n  const [show, setShow] = createSignal(initialOpen);\n  // 内部动画控制信号（非受控模式）\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.defaultOpen ?? false,\n  );\n  // 实际动画控制状态：优先取受控 open，否则取内部状态\n  const open = createMemo(() =>\n    local.open === undefined ? internalOpen() : local.open,\n  );\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 内容区自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: \"[data-dialog-surface]\",\n  });\n\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) {\n      setInternalOpen(next);\n    }\n    local.onOpenChange?.(next);\n  };\n\n  // 打开时立刻挂载；关闭时保留挂载直到动画结束，由 Content/Overlay 的\n  // onAnimationEnd 负责卸载，保证退场动画能完整播放。\n  createEffect(() => {\n    if (open()) {\n      setShow(true);\n    }\n  });\n\n  return (\n    <DialogContext.Provider\n      value={{\n        show,\n        setShow,\n        open,\n        setOpen,\n      }}\n    >\n      <div data-slot=\"dialog\" {...others}>\n        {local.children}\n      </div>\n    </DialogContext.Provider>\n  );\n};\n"],"mappings":";;;;;mDAKaO,KAAUC,MAAuB;CAC5C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAcF,EAAMG,QAAQH,EAAMI,eAAe,IAGjD,CAACC,GAAMC,KAAWb,EAAaS,CAAW,GAE1C,CAACK,GAAcC,KAAmBf,EACtCO,EAAMI,eAAe,EACvB,GAEMD,IAAOX,QACXQ,EAAMG,SAASM,KAAAA,IAAYF,EAAa,IAAIP,EAAMG,IACpD,GACMO,IAAalB,QAAiBO,EAAMW,cAAc,EAAI;CAuB5D,OAnBAf,QAAoBQ,EAAK,KAAKO,EAAW,GAAG,EAC1CC,iBAAiB,wBACnB,CAAC,GAWDpB,QAAmB;EACjB,AAAIY,EAAK,KACPG,EAAQ,EAAI;CAEhB,CAAC,GAEDS,EACGlB,EAAcmB,UAAQ;EACrBC,OAAO;GACLZ;GACAC;GACAH;GACAS,UArBWC,MAAkB;IAIjCb,AAHIA,EAAMG,SAASM,KAAAA,KACjBD,EAAgBK,CAAI,GAEtBb,EAAMc,eAAeD,CAAI;GAC3B;EAiBI;EAAC,IAAAK,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAGgB,OAHhBC,EAAAF,GAE2BlB,GAAM,IAAA,EAAA,GAAAqB,EAAAH,SAC/BnB,EAAMkB,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

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

@@ -9,6 +9,11 @@ interface BaseDialogProps {
     defaultOpen?: boolean;
     /** 打开状态变化时回调 */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * 打开时是否锁定页面滚动，默认 true：锁住文档滚动并拦截浮层之外的
+     * 滚轮/触摸滚动，内容区自身仍可滚动。
+     */
+    lockScroll?: boolean;
 }
 export type DialogProps = PolymorphicProps<"div", BaseProps & BaseDialogProps, false>;
 export {};

package/dist/components/dialog/DialogClose/DialogClose.d.ts

@@ -1,2 +1,2 @@
 import { DialogCloseProps } from './DialogClose.types';
-export declare const DialogClose: (props: DialogCloseProps) => import("solid-js").JSX.Element;
+export declare const DialogClose: (props: DialogCloseProps) => import('solid-js').JSX.Element;

package/dist/components/dialog/DialogClose/DialogClose.js

@@ -1,13 +1,13 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { Button as t } from "../../button/Button.js";
-import { useDialogContext as n } from "../Dialog/Dialog.context.js";
+import { useDialogContext as t } from "../Dialog/Dialog.context.js";
+import { Button as n } from "../../button/Button.js";
 import { classes as r } from "./DialogClose.styles.js";
 import { createComponent as i, memo as a, mergeProps as o } from "solid-js/web";
 import { Show as s, mergeProps as c } from "solid-js";
 import { X as l } from "lucide-solid";
 //#region src/components/dialog/DialogClose/DialogClose.tsx
 var u = (u) => {
-	let { setOpen: d } = n(), f = c({
+	let { setOpen: d } = t(), f = c({
 		variant: "ghost",
 		size: "sm"
 	}, u), p = () => {
@@ -18,13 +18,13 @@ var u = (u) => {
 			return a(() => !f.icon)() && !f.children;
 		},
 		get fallback() {
-			return i(t, o(f, {
+			return i(n, o(f, {
 				"data-slot": "dialog-close",
 				onClick: p
 			}));
 		},
 		get children() {
-			return i(t, o(f, {
+			return i(n, o(f, {
 				"data-slot": "dialog-close",
 				get class() {
 					return e(r);

package/dist/components/dialog/DialogClose/DialogClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogClose.js","names":["mergeProps","Show","DialogCloseProps","Button","clsx","classes","X","useDialogContext","DialogClose","props","setOpen","merged","variant","size","const","handleClick","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.tsx"],"sourcesContent":["import { mergeProps, Show } from \"solid-js\";\nimport type { DialogCloseProps } from \"./DialogClose.types\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogClose.styles\";\nimport { X } from \"lucide-solid\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps(\n    {\n      variant: \"ghost\",\n      size: \"sm\",\n    } as const,\n    props,\n  );\n\n  const handleClick = () => {\n    setOpen(false);\n    merged.onClick?.();\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"dialog-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"dialog-close\"\n        class={clsx(classes)}\n        onClick={handleClick}\n        icon={<X />}\n        aria-label=\"Close Dialog\"\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaQ,KAAeC,MAA4B;CACtD,IAAM,EAAEC,eAAYH,EAAiB,GAE/BI,IAASX,EACb;EACEY,SAAS;EACTC,MAAM;CACR,GACAJ,CACF,GAEMM,UAAoB;EAExBJ,AADAD,EAAQ,EAAK,GACbC,EAAOK,UAAU;CACnB;CAEA,OAAAC,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEC,QAAA,CAACR,EAAOS,IAAI,CAAA,CAAA,KAAI,CAACT,EAAOU;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLd,GAAMoB,EAAKZ,GAAM;IAAA,aAAA;IAA2BK,SAASD;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAJ,EAGlEd,GAAMoB,EACDZ,GAAM;IAAA,aAAA;IAAA,IAAA,QAAA;KAAA,OAEHP,EAAKC,CAAO;IAAC;IACpBW,SAASD;IAAW,IACpBK,OAAI;KAAA,OAAAH,EAAGX,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAKhB"}
+{"version":3,"file":"DialogClose.js","names":["mergeProps","Show","DialogCloseProps","Button","clsx","classes","X","useDialogContext","DialogClose","props","setOpen","merged","variant","size","const","handleClick","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","class","mergeProps","_$createComponent","_$memo","_$mergeProps","mergeProps$1","DialogClose","useDialogContext","merged","props","handleClick","setOpen","createComponent","Show","memo","Button","mergeProps","\"class\"","clsx","classes","X"],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.tsx"],"sourcesContent":["import { mergeProps, Show } from \"solid-js\";\nimport type { DialogCloseProps } from \"./DialogClose.types\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogClose.styles\";\nimport { X } from \"lucide-solid\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps(\n    {\n      variant: \"ghost\",\n      size: \"sm\",\n    } as const,\n    props,\n  );\n\n  const handleClick = () => {\n    setOpen(false);\n    merged.onClick?.();\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"dialog-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"dialog-close\"\n        class={clsx(classes)}\n        onClick={handleClick}\n        icon={<X />}\n        aria-label=\"Close Dialog\"\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaQ,KAAeC,MAA4B;CACtD,IAAM,EAAEC,eAAYH,EAAiB,GAE/BI,IAASX,EACb;EACEY,SAAS;EACTC,MAAM;CACR,GACAJ,CACF,GAEMM,UAAoB;EAExBJ,AADAD,EAAQ,EAAK,GACbC,EAAOK,UAAU;CACnB;CAEA,OAAAC,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEC,QAAA,CAACR,EAAOS,IAAI,CAAA,CAAA,KAAI,CAACT,EAAOU;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLd,GAAMoB,EAAKZ,GAAM;IAAA,aAAA;IAA2BK,SAASD;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAJ,EAGlEd,GAAMoB,EACDZ,GAAM;IAAA,aAAA;IAAA,IAAA8B,QAAA;KAAA,OAEHrC,EAAKC,CAAO;IAAC;IACpBW,SAASD;IAAW,IACpBK,OAAI;KAAA,OAAAH,EAAGX,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAKhB"}

package/dist/components/dialog/DialogClose/DialogClose.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogClose.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.styles.ts"],"sourcesContent":["export const classes = \"absolute top-2 right-2\";\n"],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"DialogClose.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.styles.ts"],"sourcesContent":["export const classes = \"absolute top-2 right-2\";\n"],"mappings":";AAAA,IAAaA,IAAU"}

package/dist/components/dialog/DialogContent/DialogContent.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.context.js","names":[],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Setter } from \"solid-js\";\n\ninterface DialogContentContextValue {\n  setTitleID: Setter<string | undefined>;\n  setDescriptionID: Setter<string | undefined>;\n}\n\nexport const DialogContentContext = createContext<DialogContentContextValue>();\n\nexport const useDialogContentContext = () => {\n  const ctx = useContext(DialogContentContext);\n  if (!ctx)\n    throw new Error(\n      \"useDialogContentContext must be used within an DialogContentProvider\",\n    );\n\n  return ctx;\n};\n"],"mappings":";;AAOA,IAAa,IAAuB,EAAyC,GAEhE,UAAgC;CAC3C,IAAM,IAAM,EAAW,CAAoB;CAC3C,IAAI,CAAC,GACH,MAAU,MACR,sEACF;CAEF,OAAO;AACT"}
+{"version":3,"file":"DialogContent.context.js","names":["DialogContentContext","createContext","useDialogContentContext","ctx","useContext"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Setter } from \"solid-js\";\n\ninterface DialogContentContextValue {\n  setTitleID: Setter<string | undefined>;\n  setDescriptionID: Setter<string | undefined>;\n}\n\nexport const DialogContentContext = createContext<DialogContentContextValue>();\n\nexport const useDialogContentContext = () => {\n  const ctx = useContext(DialogContentContext);\n  if (!ctx)\n    throw new Error(\n      \"useDialogContentContext must be used within an DialogContentProvider\",\n    );\n\n  return ctx;\n};\n"],"mappings":";;AAOA,IAAaA,IAAuBC,EAAyC,GAEhEC,UAAgC;CAC3C,IAAMC,IAAMC,EAAWJ,CAAoB;CAC3C,IAAI,CAACG,GACH,MAAU,MACR,sEACF;CAEF,OAAOA;AACT"}

package/dist/components/dialog/DialogContent/DialogContent.d.ts

@@ -1,2 +1,2 @@
 import { DialogContentProps } from './DialogContent.types';
-export declare const DialogContent: (props: DialogContentProps) => import("solid-js").JSX.Element;
+export declare const DialogContent: (props: DialogContentProps) => import('solid-js').JSX.Element;

package/dist/components/dialog/DialogContent/DialogContent.js

@@ -1,71 +1,39 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { useDialogContext as t } from "../Dialog/Dialog.context.js";
-import { DialogClose as n } from "../DialogClose/DialogClose.js";
-import { classes as r } from "./DialogContent.styles.js";
-import { DialogPortal as i } from "../DialogPortal/DialogPortal.js";
-import { DialogOverlay as a } from "../DialogOverlay/DialogOverlay.js";
-import { DialogContentContext as o } from "./DialogContent.context.js";
-import { createComponent as s, insert as c, mergeProps as l, spread as u, template as d } from "solid-js/web";
-import { Show as f, createSignal as p, mergeProps as m, splitProps as h } from "solid-js";
+import { DialogClose as t } from "../DialogClose/DialogClose.js";
+import { classes as n } from "./DialogContent.styles.js";
+import { DialogSurface as r } from "../DialogSurface/DialogSurface.js";
+import { createComponent as i, memo as a, mergeProps as o } from "solid-js/web";
+import { Show as s, mergeProps as c, splitProps as l } from "solid-js";
 //#region src/components/dialog/DialogContent/DialogContent.tsx
-var g = /*#__PURE__*/ d("<div role=presentation class=\"fixed inset-0 select-none\"aria-hidden=true>"), _ = /*#__PURE__*/ d("<span data-type=inside class=sr-only aria-hidden=true>"), v = /*#__PURE__*/ d("<div data-slot=dialog-content role=dialog>"), y = (d) => {
-	let { show: y, open: b, setShow: x } = t(), S = m({ showCloseButton: !0 }, d), [C, w] = h(S, [
+var u = (u) => {
+	let d = c({ showCloseButton: !0 }, u), [f, p] = l(d, [
 		"showCloseButton",
 		"class",
 		"classList",
 		"children"
-	]), [T, E] = p(), [D, O] = p();
-	return s(f, {
-		get when() {
-			return y();
+	]);
+	return i(r, o(p, {
+		role: "dialog",
+		"data-slot": "dialog-content",
+		get class() {
+			return e(n, f.class);
+		},
+		get classList() {
+			return f.classList;
 		},
 		get children() {
-			return s(o.Provider, {
-				value: {
-					setTitleID: E,
-					setDescriptionID: O
+			return [a(() => f.children), i(s, {
+				get when() {
+					return f.showCloseButton;
 				},
 				get children() {
-					return s(i, { get children() {
-						return [
-							g(),
-							s(a, {}),
-							_(),
-							(() => {
-								var t = v();
-								return t.addEventListener("animationend", () => {
-									b() || x(!1);
-								}), u(t, l({
-									get "data-open"() {
-										return b();
-									},
-									get class() {
-										return e(r, C.class);
-									},
-									get "aria-labelledby"() {
-										return T();
-									},
-									get "aria-describedby"() {
-										return D();
-									}
-								}, w), !1, !0), c(t, () => C.children, null), c(t, s(f, {
-									get when() {
-										return C.showCloseButton;
-									},
-									get children() {
-										return s(n, {});
-									}
-								}), null), t;
-							})(),
-							_()
-						];
-					} });
+					return i(t, {});
 				}
-			});
+			})];
 		}
-	});
+	}));
 };
 //#endregion
-export { y as DialogContent };
+export { u as DialogContent };
 
 //# sourceMappingURL=DialogContent.js.map

package/dist/components/dialog/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["createSignal","mergeProps","Show","splitProps","DialogContentProps","clsx","classes","DialogPortal","DialogOverlay","DialogContentContext","useDialogContext","DialogClose","DialogContent","props","show","open","setShow","merged","showCloseButton","const","local","others","titleID","setTitleID","descriptionID","setDescriptionID","_$createComponent","when","children","Provider","value","_tmpl$","_tmpl$2","_el$3","_tmpl$3","addEventListener","_$spread","_$mergeProps","data-open","class","aria-labelledby","aria-describedby","_$insert"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import { createSignal, mergeProps, Show, splitProps } from \"solid-js\";\nimport type { DialogContentProps } from \"./DialogContent.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogContent.styles\";\nimport { DialogPortal } from \"../DialogPortal\";\nimport { DialogOverlay } from \"../DialogOverlay\";\nimport { DialogContentContext } from \"./DialogContent.context\";\nimport { useDialogContext } from \"../Dialog\";\nimport { DialogClose } from \"../DialogClose\";\n\nexport const DialogContent = (props: DialogContentProps) => {\n  const { show, open, setShow } = useDialogContext();\n\n  const merged = mergeProps({ showCloseButton: true } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"showCloseButton\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const [titleID, setTitleID] = createSignal<string>();\n  const [descriptionID, setDescriptionID] = createSignal<string>();\n\n  return (\n    <Show when={show()}>\n      <DialogContentContext.Provider value={{ setTitleID, setDescriptionID }}>\n        <DialogPortal>\n          <div\n            role=\"presentation\"\n            class=\"fixed inset-0 select-none\"\n            aria-hidden=\"true\"\n          />\n          <DialogOverlay />\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n          <div\n            data-slot=\"dialog-content\"\n            data-open={open()}\n            class={clsx(classes, local.class)}\n            role=\"dialog\"\n            aria-labelledby={titleID()}\n            aria-describedby={descriptionID()}\n            onAnimationEnd={() => {\n              if (open()) return;\n              setShow(false);\n            }}\n            {...others}\n          >\n            {local.children}\n            <Show when={local.showCloseButton}>\n              <DialogClose />\n            </Show>\n          </div>\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n        </DialogPortal>\n      </DialogContentContext.Provider>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;;0PAUaY,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,SAAMC,SAAMC,eAAYN,EAAiB,GAE3CO,IAAShB,EAAW,EAAEiB,iBAAiB,GAAK,GAAYL,CAAK,GAE7D,CAACO,GAAOC,KAAUlB,EAAWc,GAAQ;EACzC;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACK,GAASC,KAAcvB,EAAqB,GAC7C,CAACwB,GAAeC,KAAoBzB,EAAqB;CAE/D,OAAA0B,EACGxB,GAAI;EAAA,IAACyB,OAAI;GAAA,OAAEb,EAAK;EAAC;EAAA,IAAAc,WAAA;GAAA,OAAAF,EACfjB,EAAqBoB,UAAQ;IAACC,OAAO;KAAEP;KAAYE;IAAiB;IAAC,IAAAG,WAAA;KAAA,OAAAF,EACnEnB,GAAY,EAAA,IAAAqB,WAAA;MAAA,OAAA;OAAAG,EAAA;OAAAL,EAMVlB,GAAa,CAAA,CAAA;OAAAwB,EAAA;cAAA;QAAA,IAAAC,IAAAC,EAAA;QAiBE,OAjBFD,EAAAE,iBAAA,sBASU;SAChBpB,EAAK,KACTC,EAAQ,EAAK;QACf,CAAC,GAAAoB,EAAAH,GAAAI,EAAA;SAAA,IAAA,cAAA;UAAA,OARUtB,EAAK;SAAC;SAAA,IAAA,QAAA;UAAA,OACVV,EAAKC,GAASc,EAAMmB,KAAK;SAAC;SAAA,IAAA,oBAAA;UAAA,OAEhBjB,EAAQ;SAAC;SAAA,IAAA,qBAAA;UAAA,OACRE,EAAc;SAAC;QAAA,GAK7BH,CAAM,GAAA,IAAA,EAAA,GAAAqB,EAAAT,SAETb,EAAMQ,UAAQ,IAAA,GAAAc,EAAAT,GAAAP,EACdxB,GAAI;SAAA,IAACyB,OAAI;UAAA,OAAEP,EAAMF;SAAe;SAAA,IAAAU,WAAA;UAAA,OAAAF,EAC9Bf,GAAW,CAAA,CAAA;SAAA;QAAA,CAAA,GAAA,IAAA,GAAAsB;OAAA,EAAA,CAAA;OAAAD,EAAA;MAAA;KAAA,EAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAQ1B"}
+{"version":3,"file":"DialogContent.js","names":["Show","mergeProps","splitProps","DialogContentProps","clsx","classes","DialogSurface","DialogClose","DialogContent","props","merged","showCloseButton","const","local","others","_$createComponent","_$mergeProps","role","class","classList","children","_$memo","when","mergeProps","_$createComponent","_$mergeProps","_$memo","mergeProps$1","DialogContent","merged","props","local","others","splitProps","createComponent","DialogSurface","mergeProps","\"class\"","clsx","classes","memo","Show","DialogClose"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import { Show, mergeProps, splitProps } from \"solid-js\";\nimport type { DialogContentProps } from \"./DialogContent.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogContent.styles\";\nimport { DialogSurface } from \"../DialogSurface\";\nimport { DialogClose } from \"../DialogClose\";\n\nexport const DialogContent = (props: DialogContentProps) => {\n  const merged = mergeProps({ showCloseButton: true } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"showCloseButton\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <DialogSurface\n      {...others}\n      role=\"dialog\"\n      data-slot=\"dialog-content\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n    >\n      {local.children}\n      <Show when={local.showCloseButton}>\n        <DialogClose />\n      </Show>\n    </DialogSurface>\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaQ,KAAiBC,MAA8B;CAC1D,IAAMC,IAAST,EAAW,EAAEU,iBAAiB,GAAK,GAAYF,CAAK,GAE7D,CAACI,GAAOC,KAAUZ,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGT,GAAaU,EACRF,GAAM;EACVG,MAAI;EAAA,aAAA;EAAA,IAAAoB,QAAA;GAAA,OAEGjC,EAAKC,GAASQ,EAAMK,KAAK;EAAC;EAAA,IACjCC,YAAS;GAAA,OAAEN,EAAMM;EAAS;EAAA,IAAAC,WAAA;GAAA,OAAA,CAAAC,QAEzBR,EAAMO,QAAQ,GAAAL,EACdf,GAAI;IAAA,IAACsB,OAAI;KAAA,OAAET,EAAMF;IAAe;IAAA,IAAAS,WAAA;KAAA,OAAAL,EAC9BR,GAAW,CAAA,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA,CAAA;AAIpB"}

package/dist/components/dialog/DialogContent/DialogContent.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.styles.ts"],"sourcesContent":["export const classes =\n  \"fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"DialogContent.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.styles.ts"],"sourcesContent":["export const classes =\n  \"fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95\";\n"],"mappings":";AAAA,IAAaA,IACX"}

package/dist/components/dialog/DialogDescription/DialogDescription.d.ts

@@ -1,2 +1,2 @@
 import { DialogDescriptionProps } from './DialogDescription.types';
-export declare const DialogDescription: (props: DialogDescriptionProps) => import("solid-js").JSX.Element;
+export declare const DialogDescription: (props: DialogDescriptionProps) => import('solid-js').JSX.Element;

package/dist/components/dialog/DialogDescription/DialogDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogDescription.js","names":["createUniqueId","onMount","splitProps","DialogDescriptionProps","clsx","classes","useDialogContentContext","DialogDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogDescriptionProps } from \"./DialogDescription.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogDescription.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogDescription = (props: DialogDescriptionProps) => {\n  const { setDescriptionID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setDescriptionID(id);\n  });\n\n  return (\n    <p\n      id={id}\n      data-slot=\"dialog-description\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;6DAMaO,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,wBAAqBH,EAAwB,GAE/C,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAiBG,CAAE;CACrB,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAA,QAAA;GAAA,OAECb,EAAKC,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"DialogDescription.js","names":["createUniqueId","onMount","splitProps","DialogDescriptionProps","clsx","classes","useDialogContentContext","DialogDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogDescription","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogDescriptionProps } from \"./DialogDescription.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogDescription.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogDescription = (props: DialogDescriptionProps) => {\n  const { setDescriptionID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setDescriptionID(id);\n  });\n\n  return (\n    <p\n      id={id}\n      data-slot=\"dialog-description\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;6DAMaO,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,wBAAqBH,EAAwB,GAE/C,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAiBG,CAAE;CACrB,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAAiB,QAAA;GAAA,OAEC9B,EAAKC,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/dialog/DialogDescription/DialogDescription.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogDescription.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.styles.ts"],"sourcesContent":["export const classes =\n  \"text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"DialogDescription.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.styles.ts"],"sourcesContent":["export const classes =\n  \"text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50\";\n"],"mappings":";AAAA,IAAaA,IACX"}

package/dist/components/dialog/DialogFooter/DialogFooter.d.ts

@@ -1,2 +1,2 @@
 import { DialogFooterProps } from './DialogFooter.types';
-export declare const DialogFooter: (props: DialogFooterProps) => import("solid-js").JSX.Element;
+export declare const DialogFooter: (props: DialogFooterProps) => import('solid-js').JSX.Element;

package/dist/components/dialog/DialogFooter/DialogFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.js","names":["splitProps","DialogFooterProps","clsx","classes","DialogFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogFooterProps } from \"./DialogFooter.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogFooter.styles\";\n\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"DialogFooter.js","names":["splitProps","DialogFooterProps","clsx","classes","DialogFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogFooter","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogFooterProps } from \"./DialogFooter.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogFooter.styles\";\n\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/dialog/DialogFooter/DialogFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.styles.ts"],"sourcesContent":["export const classes =\n  \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 sm:flex-row sm:justify-end\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"DialogFooter.styles.js","names":["classes"],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.styles.ts"],"sourcesContent":["export const classes =\n  \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 sm:flex-row sm:justify-end\";\n"],"mappings":";AAAA,IAAaA,IACX"}