@raystack/apsara 0.49.1 → 0.50.0

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Flex } from '../../flex/flex.js';
 import { Select } from '../../select/select.js';
 import { Text } from '../../text/text.js';
@@ -25,7 +25,7 @@ function Grouping({ columns = [], onChange, onRemove, value, }) {
             onChange(column.id);
         }
     };
-    return (jsxRuntimeExports.jsxs(Flex, { justify: "between", align: "center", children: [jsxRuntimeExports.jsx(Text, { size: 2, weight: 500, className: styles["flex-1"], children: "Grouping" }), jsxRuntimeExports.jsx(Flex, { className: styles["flex-1"], children: jsxRuntimeExports.jsxs(Select, { onValueChange: handleGroupChange, value: value, children: [jsxRuntimeExports.jsx(Select.Trigger, { size: "small", className: styles["display-popover-properties-select"], children: jsxRuntimeExports.jsx(Select.Value, { placeholder: "Select value" }) }), jsxRuntimeExports.jsxs(Select.Content, { "data-variant": "filter", children: [jsxRuntimeExports.jsx(Select.Item, { value: defaultGroupOption.id, children: defaultGroupOption.label }), columnList.map((column) => (jsxRuntimeExports.jsx(Select.Item, { value: column.id, children: column.label }, column.id)))] })] }) })] }));
+    return (jsxs(Flex, { justify: "between", align: "center", children: [jsx(Text, { size: 2, weight: 500, className: styles["flex-1"], children: "Grouping" }), jsx(Flex, { className: styles["flex-1"], children: jsxs(Select, { onValueChange: handleGroupChange, value: value, children: [jsx(Select.Trigger, { size: "small", className: styles["display-popover-properties-select"], children: jsx(Select.Value, { placeholder: "Select value" }) }), jsxs(Select.Content, { "data-variant": "filter", children: [jsx(Select.Item, { value: defaultGroupOption.id, children: defaultGroupOption.label }), columnList.map((column) => (jsx(Select.Item, { value: column.id, children: column.label }, column.id)))] })] }) })] }));
 }
 
 export { Grouping };

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

@@ -1 +1 @@
-{"version":3,"file":"grouping.js","sources":["../../../../components/data-table/components/grouping.tsx"],"sourcesContent":["import { Flex } from \"../../flex\";\nimport { Select } from \"../../select\";\nimport { Text } from \"../../text\";\nimport styles from \"../data-table.module.css\";\nimport {\n  DataTableColumn,\n  SortOrders,\n  SortOrdersValues,\n  defaultGroupOption,\n} from \"../data-table.types\";\n\ninterface GroupingProps<TData, TValue> {\n  columns: DataTableColumn<TData, TValue>[];\n  onChange: (columnId: string) => void;\n  onRemove: () => void;\n  value: string;\n}\n\nexport function Grouping<TData, TValue>({\n  columns = [],\n  onChange,\n  onRemove,\n  value,\n}: GroupingProps<TData, TValue>) {\n  const columnList = columns\n    .filter((column) => column.columnDef.enableGrouping)\n    ?.map((column) => {\n      const id = column.id;\n      return {\n        label: column.columnDef.header || id,\n        id: id,\n      };\n    });\n\n  const handleGroupChange = (columnId: string) => {\n    if (columnId === defaultGroupOption.id) {\n      onRemove();\n      return;\n    }\n    const column = columns.find((col) => col.id === columnId);\n    if (column) {\n      onChange(column.id);\n    }\n  };\n\n  return (\n    <Flex justify=\"between\" align=\"center\">\n      <Text size={2} weight={500} className={styles[\"flex-1\"]}>\n        Grouping\n      </Text>\n      <Flex className={styles[\"flex-1\"]}>\n        <Select onValueChange={handleGroupChange} value={value}>\n          <Select.Trigger\n            size={\"small\"}\n            className={styles[\"display-popover-properties-select\"]}\n          >\n            <Select.Value placeholder=\"Select value\" />\n          </Select.Trigger>\n          <Select.Content data-variant=\"filter\">\n            <Select.Item value={defaultGroupOption.id}>\n              {defaultGroupOption.label}\n            </Select.Item>\n            {columnList.map((column) => (\n              <Select.Item key={column.id} value={column.id}>\n                {column.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select>\n      </Flex>\n    </Flex>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAkBgB,SAAA,QAAQ,CAAgB,EACtC,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,QAAQ,EACR,KAAK,GACwB,EAAA;IAC7B,MAAM,UAAU,GAAG,OAAO;SACvB,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACpD,UAAE,GAAG,CAAC,CAAC,MAAM,KAAI;AACf,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;QACrB,OAAO;AACL,YAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,EAAE;AACpC,YAAA,EAAE,EAAE,EAAE;SACP,CAAC;AACJ,KAAC,CAAC,CAAC;AAEL,IAAA,MAAM,iBAAiB,GAAG,CAAC,QAAgB,KAAI;AAC7C,QAAA,IAAI,QAAQ,KAAK,kBAAkB,CAAC,EAAE,EAAE;AACtC,YAAA,QAAQ,EAAE,CAAC;YACX,OAAO;SACR;AACD,QAAA,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;QAC1D,IAAI,MAAM,EAAE;AACV,YAAA,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;SACrB;AACH,KAAC,CAAC;AAEF,IAAA,QACEA,sBAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CACpCC,sBAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAA,QAAA,EAAA,UAAA,EAAA,CAEhD,EACPA,qBAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAC/B,QAAA,EAAAD,sBAAA,CAAC,MAAM,EAAA,EAAC,aAAa,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,EACpD,QAAA,EAAA,CAAAC,qBAAA,CAAC,MAAM,CAAC,OAAO,EAAA,EACb,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,MAAM,CAAC,mCAAmC,CAAC,EAEtD,QAAA,EAAAA,qBAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EAAC,WAAW,EAAC,cAAc,EAAA,CAAG,EAC5B,CAAA,EACjBD,sBAAC,CAAA,MAAM,CAAC,OAAO,oBAAc,QAAQ,EAAA,QAAA,EAAA,CACnCC,qBAAC,CAAA,MAAM,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,kBAAkB,CAAC,EAAE,EAAA,QAAA,EACtC,kBAAkB,CAAC,KAAK,EAAA,CACb,EACb,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,MACrBA,qBAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAiB,KAAK,EAAE,MAAM,CAAC,EAAE,EAC1C,QAAA,EAAA,MAAM,CAAC,KAAK,EADG,EAAA,MAAM,CAAC,EAAE,CAEb,CACf,CAAC,CACa,EAAA,CAAA,CAAA,EAAA,CACV,EACJ,CAAA,CAAA,EAAA,CACF,EACP;AACJ;;;;"}
+{"version":3,"file":"grouping.js","sources":["../../../../components/data-table/components/grouping.tsx"],"sourcesContent":["import { Flex } from \"../../flex\";\nimport { Select } from \"../../select\";\nimport { Text } from \"../../text\";\nimport styles from \"../data-table.module.css\";\nimport {\n  DataTableColumn,\n  SortOrders,\n  SortOrdersValues,\n  defaultGroupOption,\n} from \"../data-table.types\";\n\ninterface GroupingProps<TData, TValue> {\n  columns: DataTableColumn<TData, TValue>[];\n  onChange: (columnId: string) => void;\n  onRemove: () => void;\n  value: string;\n}\n\nexport function Grouping<TData, TValue>({\n  columns = [],\n  onChange,\n  onRemove,\n  value,\n}: GroupingProps<TData, TValue>) {\n  const columnList = columns\n    .filter((column) => column.columnDef.enableGrouping)\n    ?.map((column) => {\n      const id = column.id;\n      return {\n        label: column.columnDef.header || id,\n        id: id,\n      };\n    });\n\n  const handleGroupChange = (columnId: string) => {\n    if (columnId === defaultGroupOption.id) {\n      onRemove();\n      return;\n    }\n    const column = columns.find((col) => col.id === columnId);\n    if (column) {\n      onChange(column.id);\n    }\n  };\n\n  return (\n    <Flex justify=\"between\" align=\"center\">\n      <Text size={2} weight={500} className={styles[\"flex-1\"]}>\n        Grouping\n      </Text>\n      <Flex className={styles[\"flex-1\"]}>\n        <Select onValueChange={handleGroupChange} value={value}>\n          <Select.Trigger\n            size={\"small\"}\n            className={styles[\"display-popover-properties-select\"]}\n          >\n            <Select.Value placeholder=\"Select value\" />\n          </Select.Trigger>\n          <Select.Content data-variant=\"filter\">\n            <Select.Item value={defaultGroupOption.id}>\n              {defaultGroupOption.label}\n            </Select.Item>\n            {columnList.map((column) => (\n              <Select.Item key={column.id} value={column.id}>\n                {column.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select>\n      </Flex>\n    </Flex>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAkBgB,SAAA,QAAQ,CAAgB,EACtC,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,QAAQ,EACR,KAAK,GACwB,EAAA;IAC7B,MAAM,UAAU,GAAG,OAAO;SACvB,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACpD,UAAE,GAAG,CAAC,CAAC,MAAM,KAAI;AACf,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;QACrB,OAAO;AACL,YAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,EAAE;AACpC,YAAA,EAAE,EAAE,EAAE;SACP,CAAC;AACJ,KAAC,CAAC,CAAC;AAEL,IAAA,MAAM,iBAAiB,GAAG,CAAC,QAAgB,KAAI;AAC7C,QAAA,IAAI,QAAQ,KAAK,kBAAkB,CAAC,EAAE,EAAE;AACtC,YAAA,QAAQ,EAAE,CAAC;YACX,OAAO;SACR;AACD,QAAA,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;QAC1D,IAAI,MAAM,EAAE;AACV,YAAA,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;SACrB;AACH,KAAC,CAAC;AAEF,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CACpCC,IAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAA,QAAA,EAAA,UAAA,EAAA,CAEhD,EACPA,GAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAC/B,QAAA,EAAAD,IAAA,CAAC,MAAM,EAAA,EAAC,aAAa,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,EACpD,QAAA,EAAA,CAAAC,GAAA,CAAC,MAAM,CAAC,OAAO,EAAA,EACb,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,MAAM,CAAC,mCAAmC,CAAC,EAEtD,QAAA,EAAAA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EAAC,WAAW,EAAC,cAAc,EAAA,CAAG,EAC5B,CAAA,EACjBD,IAAC,CAAA,MAAM,CAAC,OAAO,oBAAc,QAAQ,EAAA,QAAA,EAAA,CACnCC,GAAC,CAAA,MAAM,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,kBAAkB,CAAC,EAAE,EAAA,QAAA,EACtC,kBAAkB,CAAC,KAAK,EAAA,CACb,EACb,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,MACrBA,GAAA,CAAC,MAAM,CAAC,IAAI,EAAA,EAAiB,KAAK,EAAE,MAAM,CAAC,EAAE,EAC1C,QAAA,EAAA,MAAM,CAAC,KAAK,EADG,EAAA,MAAM,CAAC,EAAE,CAEb,CACf,CAAC,CACa,EAAA,CAAA,CAAA,EAAA,CACV,EACJ,CAAA,CAAA,EAAA,CACF,EACP;AACJ;;;;"}

package/dist/components/data-table/components/ordering.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var jsxRuntime = require('../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var reactIcons_esm = require('../../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var reactIcons_esm = require('../../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
 var flex = require('../../flex/flex.cjs');
 var iconButton = require('../../icon-button/icon-button.cjs');
 var select = require('../../select/select.cjs');
@@ -17,7 +17,7 @@ function Ordering({ columnList, onChange, value }) {
         const newOrder = value.order === dataTable_types.SortOrders.ASC ? dataTable_types.SortOrders.DESC : dataTable_types.SortOrders.ASC;
         onChange(value.name, newOrder);
     }
-    return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { justify: "between", align: "center", children: [jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 2, weight: 500, className: dataTable_module.default["flex-1"], children: "Ordering" }), jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "extra-small", className: dataTable_module.default["flex-1"], children: [jsxRuntime.jsxRuntimeExports.jsxs(select.Select, { onValueChange: handleColumnChange, value: value.name, disabled: columnList.length === 0, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.Trigger, { size: "small", className: dataTable_module.default["display-popover-properties-select"], "with-icon-button": "true", children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, { placeholder: "Select value" }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Content, { "data-variant": "filter", children: columnList.map((column) => (jsxRuntime.jsxRuntimeExports.jsx(select.Select.Item, { value: column.id, children: column.label }, column.id))) })] }), jsxRuntime.jsxRuntimeExports.jsx(iconButton.IconButton, { onClick: handleOrderChange, size: 4, disabled: columnList.length === 0, children: value.order === dataTable_types.SortOrders?.ASC ? (jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.TextAlignBottomIcon, { className: dataTable_module.default["display-popover-sort-icon"] })) : (jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.TextAlignTopIcon, { className: dataTable_module.default["display-popover-sort-icon"] })) })] })] }));
+    return (jsxRuntime.jsxs(flex.Flex, { justify: "between", align: "center", children: [jsxRuntime.jsx(text.Text, { size: 2, weight: 500, className: dataTable_module.default["flex-1"], children: "Ordering" }), jsxRuntime.jsxs(flex.Flex, { gap: "extra-small", className: dataTable_module.default["flex-1"], children: [jsxRuntime.jsxs(select.Select, { onValueChange: handleColumnChange, value: value.name, disabled: columnList.length === 0, children: [jsxRuntime.jsx(select.Select.Trigger, { size: "small", className: dataTable_module.default["display-popover-properties-select"], "with-icon-button": "true", children: jsxRuntime.jsx(select.Select.Value, { placeholder: "Select value" }) }), jsxRuntime.jsx(select.Select.Content, { "data-variant": "filter", children: columnList.map((column) => (jsxRuntime.jsx(select.Select.Item, { value: column.id, children: column.label }, column.id))) })] }), jsxRuntime.jsx(iconButton.IconButton, { onClick: handleOrderChange, size: 4, disabled: columnList.length === 0, children: value.order === dataTable_types.SortOrders?.ASC ? (jsxRuntime.jsx(reactIcons_esm.TextAlignBottomIcon, { className: dataTable_module.default["display-popover-sort-icon"] })) : (jsxRuntime.jsx(reactIcons_esm.TextAlignTopIcon, { className: dataTable_module.default["display-popover-sort-icon"] })) })] })] }));
 }
 
 exports.Ordering = Ordering;

package/dist/components/data-table/components/ordering.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ordering.cjs","sources":["../../../../components/data-table/components/ordering.tsx"],"sourcesContent":["import { TextAlignBottomIcon,TextAlignTopIcon } from \"@radix-ui/react-icons\";\n\nimport { Flex } from \"../../flex\";\nimport { IconButton } from \"../../icon-button\";\nimport { Select } from \"../../select\";\nimport { Text } from \"../../text\";\nimport styles from \"../data-table.module.css\";\nimport {\n  ColumnData,\n  DataTableSort,\n  SortOrders,\n  SortOrdersValues,\n} from \"../data-table.types\";\n\nexport interface OrderingProps {\n  columnList: ColumnData[];\n  onChange: (columnId: string, order: SortOrdersValues) => void;\n  value: DataTableSort;\n}\n\nexport function Ordering({ columnList, onChange, value }: OrderingProps) {\n  function handleColumnChange(columnId: string) {\n    onChange(columnId, value.order);\n  }\n\n  function handleOrderChange() {\n    const newOrder =\n      value.order === SortOrders.ASC ? SortOrders.DESC : SortOrders.ASC;\n    onChange(value.name, newOrder);\n  }\n\n  return (\n    <Flex justify=\"between\" align=\"center\">\n      <Text size={2} weight={500} className={styles[\"flex-1\"]}>\n        Ordering\n      </Text>\n      <Flex gap={\"extra-small\"} className={styles[\"flex-1\"]}>\n        <Select\n          onValueChange={handleColumnChange}\n          value={value.name}\n          disabled={columnList.length === 0}\n        >\n          <Select.Trigger\n            size={\"small\"}\n            className={styles[\"display-popover-properties-select\"]}\n            with-icon-button=\"true\"\n          >\n            <Select.Value placeholder=\"Select value\" />\n          </Select.Trigger>\n          <Select.Content data-variant=\"filter\">\n            {columnList.map((column) => (\n              <Select.Item key={column.id} value={column.id}>\n                {column.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select>\n        <IconButton\n          onClick={handleOrderChange}\n          size={4}\n          disabled={columnList.length === 0}\n        >\n          {value.order === SortOrders?.ASC ? (\n            <TextAlignBottomIcon\n              className={styles[\"display-popover-sort-icon\"]}\n            />\n          ) : (\n            <TextAlignTopIcon className={styles[\"display-popover-sort-icon\"]} />\n          )}\n        </IconButton>\n      </Flex>\n    </Flex>\n  );\n}\n"],"names":["SortOrders","_jsxs","Flex","_jsx","Text","styles","Select","IconButton","TextAlignBottomIcon","TextAlignTopIcon"],"mappings":";;;;;;;;;;;AAoBM,SAAU,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAiB,EAAA;IACrE,SAAS,kBAAkB,CAAC,QAAgB,EAAA;AAC1C,QAAA,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;KACjC;AAED,IAAA,SAAS,iBAAiB,GAAA;QACxB,MAAM,QAAQ,GACZ,KAAK,CAAC,KAAK,KAAKA,0BAAU,CAAC,GAAG,GAAGA,0BAAU,CAAC,IAAI,GAAGA,0BAAU,CAAC,GAAG,CAAC;AACpE,QAAA,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAChC;IAED,QACEC,kCAACC,SAAI,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EACpC,QAAA,EAAA,CAAAC,gCAAA,CAACC,SAAI,EAAC,EAAA,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAEC,wBAAM,CAAC,QAAQ,CAAC,yBAEhD,EACPJ,iCAAA,CAACC,SAAI,EAAC,EAAA,GAAG,EAAE,aAAa,EAAE,SAAS,EAAEG,wBAAM,CAAC,QAAQ,CAAC,EACnD,QAAA,EAAA,CAAAJ,iCAAA,CAACK,aAAM,EAAA,EACL,aAAa,EAAE,kBAAkB,EACjC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,EAAA,QAAA,EAAA,CAEjCH,iCAACG,aAAM,CAAC,OAAO,EAAA,EACb,IAAI,EAAE,OAAO,EACb,SAAS,EAAED,wBAAM,CAAC,mCAAmC,CAAC,EAAA,kBAAA,EACrC,MAAM,EAEvB,QAAA,EAAAF,gCAAA,CAACG,aAAM,CAAC,KAAK,IAAC,WAAW,EAAC,cAAc,EAAG,CAAA,EAAA,CAC5B,EACjBH,gCAAA,CAACG,aAAM,CAAC,OAAO,EAAc,EAAA,cAAA,EAAA,QAAQ,YAClC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,MACrBH,gCAAA,CAACG,aAAM,CAAC,IAAI,IAAiB,KAAK,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAC1C,MAAM,CAAC,KAAK,IADG,MAAM,CAAC,EAAE,CAEb,CACf,CAAC,EACa,CAAA,CAAA,EAAA,CACV,EACTH,gCAAC,CAAAI,qBAAU,IACT,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,YAEhC,KAAK,CAAC,KAAK,KAAKP,0BAAU,EAAE,GAAG,IAC9BG,iCAACK,kCAAmB,EAAA,EAClB,SAAS,EAAEH,wBAAM,CAAC,2BAA2B,CAAC,EAAA,CAC9C,KAEFF,gCAAA,CAACM,+BAAgB,EAAC,EAAA,SAAS,EAAEJ,wBAAM,CAAC,2BAA2B,CAAC,EAAA,CAAI,CACrE,EACU,CAAA,CAAA,EAAA,CACR,CACF,EAAA,CAAA,EACP;AACJ;;;;"}
+{"version":3,"file":"ordering.cjs","sources":["../../../../components/data-table/components/ordering.tsx"],"sourcesContent":["import { TextAlignBottomIcon,TextAlignTopIcon } from \"@radix-ui/react-icons\";\n\nimport { Flex } from \"../../flex\";\nimport { IconButton } from \"../../icon-button\";\nimport { Select } from \"../../select\";\nimport { Text } from \"../../text\";\nimport styles from \"../data-table.module.css\";\nimport {\n  ColumnData,\n  DataTableSort,\n  SortOrders,\n  SortOrdersValues,\n} from \"../data-table.types\";\n\nexport interface OrderingProps {\n  columnList: ColumnData[];\n  onChange: (columnId: string, order: SortOrdersValues) => void;\n  value: DataTableSort;\n}\n\nexport function Ordering({ columnList, onChange, value }: OrderingProps) {\n  function handleColumnChange(columnId: string) {\n    onChange(columnId, value.order);\n  }\n\n  function handleOrderChange() {\n    const newOrder =\n      value.order === SortOrders.ASC ? SortOrders.DESC : SortOrders.ASC;\n    onChange(value.name, newOrder);\n  }\n\n  return (\n    <Flex justify=\"between\" align=\"center\">\n      <Text size={2} weight={500} className={styles[\"flex-1\"]}>\n        Ordering\n      </Text>\n      <Flex gap={\"extra-small\"} className={styles[\"flex-1\"]}>\n        <Select\n          onValueChange={handleColumnChange}\n          value={value.name}\n          disabled={columnList.length === 0}\n        >\n          <Select.Trigger\n            size={\"small\"}\n            className={styles[\"display-popover-properties-select\"]}\n            with-icon-button=\"true\"\n          >\n            <Select.Value placeholder=\"Select value\" />\n          </Select.Trigger>\n          <Select.Content data-variant=\"filter\">\n            {columnList.map((column) => (\n              <Select.Item key={column.id} value={column.id}>\n                {column.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select>\n        <IconButton\n          onClick={handleOrderChange}\n          size={4}\n          disabled={columnList.length === 0}\n        >\n          {value.order === SortOrders?.ASC ? (\n            <TextAlignBottomIcon\n              className={styles[\"display-popover-sort-icon\"]}\n            />\n          ) : (\n            <TextAlignTopIcon className={styles[\"display-popover-sort-icon\"]} />\n          )}\n        </IconButton>\n      </Flex>\n    </Flex>\n  );\n}\n"],"names":["SortOrders","_jsxs","Flex","_jsx","Text","styles","Select","IconButton","TextAlignBottomIcon","TextAlignTopIcon"],"mappings":";;;;;;;;;;;AAoBM,SAAU,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAiB,EAAA;IACrE,SAAS,kBAAkB,CAAC,QAAgB,EAAA;AAC1C,QAAA,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;KACjC;AAED,IAAA,SAAS,iBAAiB,GAAA;QACxB,MAAM,QAAQ,GACZ,KAAK,CAAC,KAAK,KAAKA,0BAAU,CAAC,GAAG,GAAGA,0BAAU,CAAC,IAAI,GAAGA,0BAAU,CAAC,GAAG,CAAC;AACpE,QAAA,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAChC;IAED,QACEC,gBAACC,SAAI,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EACpC,QAAA,EAAA,CAAAC,cAAA,CAACC,SAAI,EAAC,EAAA,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAEC,wBAAM,CAAC,QAAQ,CAAC,yBAEhD,EACPJ,eAAA,CAACC,SAAI,EAAC,EAAA,GAAG,EAAE,aAAa,EAAE,SAAS,EAAEG,wBAAM,CAAC,QAAQ,CAAC,EACnD,QAAA,EAAA,CAAAJ,eAAA,CAACK,aAAM,EAAA,EACL,aAAa,EAAE,kBAAkB,EACjC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,EAAA,QAAA,EAAA,CAEjCH,eAACG,aAAM,CAAC,OAAO,EAAA,EACb,IAAI,EAAE,OAAO,EACb,SAAS,EAAED,wBAAM,CAAC,mCAAmC,CAAC,EAAA,kBAAA,EACrC,MAAM,EAEvB,QAAA,EAAAF,cAAA,CAACG,aAAM,CAAC,KAAK,IAAC,WAAW,EAAC,cAAc,EAAG,CAAA,EAAA,CAC5B,EACjBH,cAAA,CAACG,aAAM,CAAC,OAAO,EAAc,EAAA,cAAA,EAAA,QAAQ,YAClC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,MACrBH,cAAA,CAACG,aAAM,CAAC,IAAI,IAAiB,KAAK,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAC1C,MAAM,CAAC,KAAK,IADG,MAAM,CAAC,EAAE,CAEb,CACf,CAAC,EACa,CAAA,CAAA,EAAA,CACV,EACTH,cAAC,CAAAI,qBAAU,IACT,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,YAEhC,KAAK,CAAC,KAAK,KAAKP,0BAAU,EAAE,GAAG,IAC9BG,eAACK,kCAAmB,EAAA,EAClB,SAAS,EAAEH,wBAAM,CAAC,2BAA2B,CAAC,EAAA,CAC9C,KAEFF,cAAA,CAACM,+BAAgB,EAAC,EAAA,SAAS,EAAEJ,wBAAM,CAAC,2BAA2B,CAAC,EAAA,CAAI,CACrE,EACU,CAAA,CAAA,EAAA,CACR,CACF,EAAA,CAAA,EACP;AACJ;;;;"}

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

@@ -1,5 +1,5 @@
-import { j as jsxRuntimeExports } from '../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { TextAlignBottomIcon, TextAlignTopIcon } from '../../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { TextAlignBottomIcon, TextAlignTopIcon } from '../../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { Flex } from '../../flex/flex.js';
 import { IconButton } from '../../icon-button/icon-button.js';
 import { Select } from '../../select/select.js';
@@ -15,7 +15,7 @@ function Ordering({ columnList, onChange, value }) {
         const newOrder = value.order === SortOrders.ASC ? SortOrders.DESC : SortOrders.ASC;
         onChange(value.name, newOrder);
     }
-    return (jsxRuntimeExports.jsxs(Flex, { justify: "between", align: "center", children: [jsxRuntimeExports.jsx(Text, { size: 2, weight: 500, className: styles["flex-1"], children: "Ordering" }), jsxRuntimeExports.jsxs(Flex, { gap: "extra-small", className: styles["flex-1"], children: [jsxRuntimeExports.jsxs(Select, { onValueChange: handleColumnChange, value: value.name, disabled: columnList.length === 0, children: [jsxRuntimeExports.jsx(Select.Trigger, { size: "small", className: styles["display-popover-properties-select"], "with-icon-button": "true", children: jsxRuntimeExports.jsx(Select.Value, { placeholder: "Select value" }) }), jsxRuntimeExports.jsx(Select.Content, { "data-variant": "filter", children: columnList.map((column) => (jsxRuntimeExports.jsx(Select.Item, { value: column.id, children: column.label }, column.id))) })] }), jsxRuntimeExports.jsx(IconButton, { onClick: handleOrderChange, size: 4, disabled: columnList.length === 0, children: value.order === SortOrders?.ASC ? (jsxRuntimeExports.jsx(TextAlignBottomIcon, { className: styles["display-popover-sort-icon"] })) : (jsxRuntimeExports.jsx(TextAlignTopIcon, { className: styles["display-popover-sort-icon"] })) })] })] }));
+    return (jsxs(Flex, { justify: "between", align: "center", children: [jsx(Text, { size: 2, weight: 500, className: styles["flex-1"], children: "Ordering" }), jsxs(Flex, { gap: "extra-small", className: styles["flex-1"], children: [jsxs(Select, { onValueChange: handleColumnChange, value: value.name, disabled: columnList.length === 0, children: [jsx(Select.Trigger, { size: "small", className: styles["display-popover-properties-select"], "with-icon-button": "true", children: jsx(Select.Value, { placeholder: "Select value" }) }), jsx(Select.Content, { "data-variant": "filter", children: columnList.map((column) => (jsx(Select.Item, { value: column.id, children: column.label }, column.id))) })] }), jsx(IconButton, { onClick: handleOrderChange, size: 4, disabled: columnList.length === 0, children: value.order === SortOrders?.ASC ? (jsx(TextAlignBottomIcon, { className: styles["display-popover-sort-icon"] })) : (jsx(TextAlignTopIcon, { className: styles["display-popover-sort-icon"] })) })] })] }));
 }
 
 export { Ordering };

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

@@ -1 +1 @@
-{"version":3,"file":"ordering.js","sources":["../../../../components/data-table/components/ordering.tsx"],"sourcesContent":["import { TextAlignBottomIcon,TextAlignTopIcon } from \"@radix-ui/react-icons\";\n\nimport { Flex } from \"../../flex\";\nimport { IconButton } from \"../../icon-button\";\nimport { Select } from \"../../select\";\nimport { Text } from \"../../text\";\nimport styles from \"../data-table.module.css\";\nimport {\n  ColumnData,\n  DataTableSort,\n  SortOrders,\n  SortOrdersValues,\n} from \"../data-table.types\";\n\nexport interface OrderingProps {\n  columnList: ColumnData[];\n  onChange: (columnId: string, order: SortOrdersValues) => void;\n  value: DataTableSort;\n}\n\nexport function Ordering({ columnList, onChange, value }: OrderingProps) {\n  function handleColumnChange(columnId: string) {\n    onChange(columnId, value.order);\n  }\n\n  function handleOrderChange() {\n    const newOrder =\n      value.order === SortOrders.ASC ? SortOrders.DESC : SortOrders.ASC;\n    onChange(value.name, newOrder);\n  }\n\n  return (\n    <Flex justify=\"between\" align=\"center\">\n      <Text size={2} weight={500} className={styles[\"flex-1\"]}>\n        Ordering\n      </Text>\n      <Flex gap={\"extra-small\"} className={styles[\"flex-1\"]}>\n        <Select\n          onValueChange={handleColumnChange}\n          value={value.name}\n          disabled={columnList.length === 0}\n        >\n          <Select.Trigger\n            size={\"small\"}\n            className={styles[\"display-popover-properties-select\"]}\n            with-icon-button=\"true\"\n          >\n            <Select.Value placeholder=\"Select value\" />\n          </Select.Trigger>\n          <Select.Content data-variant=\"filter\">\n            {columnList.map((column) => (\n              <Select.Item key={column.id} value={column.id}>\n                {column.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select>\n        <IconButton\n          onClick={handleOrderChange}\n          size={4}\n          disabled={columnList.length === 0}\n        >\n          {value.order === SortOrders?.ASC ? (\n            <TextAlignBottomIcon\n              className={styles[\"display-popover-sort-icon\"]}\n            />\n          ) : (\n            <TextAlignTopIcon className={styles[\"display-popover-sort-icon\"]} />\n          )}\n        </IconButton>\n      </Flex>\n    </Flex>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAoBM,SAAU,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAiB,EAAA;IACrE,SAAS,kBAAkB,CAAC,QAAgB,EAAA;AAC1C,QAAA,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;KACjC;AAED,IAAA,SAAS,iBAAiB,GAAA;QACxB,MAAM,QAAQ,GACZ,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC;AACpE,QAAA,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAChC;IAED,QACEA,uBAAC,IAAI,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EACpC,QAAA,EAAA,CAAAC,qBAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,yBAEhD,EACPD,sBAAA,CAAC,IAAI,EAAC,EAAA,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EACnD,QAAA,EAAA,CAAAA,sBAAA,CAAC,MAAM,EAAA,EACL,aAAa,EAAE,kBAAkB,EACjC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,EAAA,QAAA,EAAA,CAEjCC,sBAAC,MAAM,CAAC,OAAO,EAAA,EACb,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,MAAM,CAAC,mCAAmC,CAAC,EAAA,kBAAA,EACrC,MAAM,EAEvB,QAAA,EAAAA,qBAAA,CAAC,MAAM,CAAC,KAAK,IAAC,WAAW,EAAC,cAAc,EAAG,CAAA,EAAA,CAC5B,EACjBA,qBAAA,CAAC,MAAM,CAAC,OAAO,EAAc,EAAA,cAAA,EAAA,QAAQ,YAClC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,MACrBA,qBAAA,CAAC,MAAM,CAAC,IAAI,IAAiB,KAAK,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAC1C,MAAM,CAAC,KAAK,IADG,MAAM,CAAC,EAAE,CAEb,CACf,CAAC,EACa,CAAA,CAAA,EAAA,CACV,EACTA,qBAAC,CAAA,UAAU,IACT,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,YAEhC,KAAK,CAAC,KAAK,KAAK,UAAU,EAAE,GAAG,IAC9BA,sBAAC,mBAAmB,EAAA,EAClB,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,EAAA,CAC9C,KAEFA,qBAAA,CAAC,gBAAgB,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,EAAA,CAAI,CACrE,EACU,CAAA,CAAA,EAAA,CACR,CACF,EAAA,CAAA,EACP;AACJ;;;;"}
+{"version":3,"file":"ordering.js","sources":["../../../../components/data-table/components/ordering.tsx"],"sourcesContent":["import { TextAlignBottomIcon,TextAlignTopIcon } from \"@radix-ui/react-icons\";\n\nimport { Flex } from \"../../flex\";\nimport { IconButton } from \"../../icon-button\";\nimport { Select } from \"../../select\";\nimport { Text } from \"../../text\";\nimport styles from \"../data-table.module.css\";\nimport {\n  ColumnData,\n  DataTableSort,\n  SortOrders,\n  SortOrdersValues,\n} from \"../data-table.types\";\n\nexport interface OrderingProps {\n  columnList: ColumnData[];\n  onChange: (columnId: string, order: SortOrdersValues) => void;\n  value: DataTableSort;\n}\n\nexport function Ordering({ columnList, onChange, value }: OrderingProps) {\n  function handleColumnChange(columnId: string) {\n    onChange(columnId, value.order);\n  }\n\n  function handleOrderChange() {\n    const newOrder =\n      value.order === SortOrders.ASC ? SortOrders.DESC : SortOrders.ASC;\n    onChange(value.name, newOrder);\n  }\n\n  return (\n    <Flex justify=\"between\" align=\"center\">\n      <Text size={2} weight={500} className={styles[\"flex-1\"]}>\n        Ordering\n      </Text>\n      <Flex gap={\"extra-small\"} className={styles[\"flex-1\"]}>\n        <Select\n          onValueChange={handleColumnChange}\n          value={value.name}\n          disabled={columnList.length === 0}\n        >\n          <Select.Trigger\n            size={\"small\"}\n            className={styles[\"display-popover-properties-select\"]}\n            with-icon-button=\"true\"\n          >\n            <Select.Value placeholder=\"Select value\" />\n          </Select.Trigger>\n          <Select.Content data-variant=\"filter\">\n            {columnList.map((column) => (\n              <Select.Item key={column.id} value={column.id}>\n                {column.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select>\n        <IconButton\n          onClick={handleOrderChange}\n          size={4}\n          disabled={columnList.length === 0}\n        >\n          {value.order === SortOrders?.ASC ? (\n            <TextAlignBottomIcon\n              className={styles[\"display-popover-sort-icon\"]}\n            />\n          ) : (\n            <TextAlignTopIcon className={styles[\"display-popover-sort-icon\"]} />\n          )}\n        </IconButton>\n      </Flex>\n    </Flex>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAoBM,SAAU,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAiB,EAAA;IACrE,SAAS,kBAAkB,CAAC,QAAgB,EAAA;AAC1C,QAAA,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;KACjC;AAED,IAAA,SAAS,iBAAiB,GAAA;QACxB,MAAM,QAAQ,GACZ,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC;AACpE,QAAA,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAChC;IAED,QACEA,KAAC,IAAI,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EACpC,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,yBAEhD,EACPD,IAAA,CAAC,IAAI,EAAC,EAAA,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EACnD,QAAA,EAAA,CAAAA,IAAA,CAAC,MAAM,EAAA,EACL,aAAa,EAAE,kBAAkB,EACjC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,EAAA,QAAA,EAAA,CAEjCC,IAAC,MAAM,CAAC,OAAO,EAAA,EACb,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,MAAM,CAAC,mCAAmC,CAAC,EAAA,kBAAA,EACrC,MAAM,EAEvB,QAAA,EAAAA,GAAA,CAAC,MAAM,CAAC,KAAK,IAAC,WAAW,EAAC,cAAc,EAAG,CAAA,EAAA,CAC5B,EACjBA,GAAA,CAAC,MAAM,CAAC,OAAO,EAAc,EAAA,cAAA,EAAA,QAAQ,YAClC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,MACrBA,GAAA,CAAC,MAAM,CAAC,IAAI,IAAiB,KAAK,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAC1C,MAAM,CAAC,KAAK,IADG,MAAM,CAAC,EAAE,CAEb,CACf,CAAC,EACa,CAAA,CAAA,EAAA,CACV,EACTA,GAAC,CAAA,UAAU,IACT,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,YAEhC,KAAK,CAAC,KAAK,KAAK,UAAU,EAAE,GAAG,IAC9BA,IAAC,mBAAmB,EAAA,EAClB,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,EAAA,CAC9C,KAEFA,GAAA,CAAC,gBAAgB,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,EAAA,CAAI,CACrE,EACU,CAAA,CAAA,EAAA,CACR,CACF,EAAA,CAAA,EACP;AACJ;;;;"}

package/dist/components/data-table/components/search.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var search = require('../../search/search.cjs');
 var useDataTable = require('../hooks/useDataTable.cjs');
@@ -24,7 +24,7 @@ const TableSearch = React.forwardRef(({ ...props }, ref) => {
             };
         });
     };
-    return (jsxRuntime.jsxRuntimeExports.jsx(search.Search, { ...props, ref: ref, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
+    return (jsxRuntime.jsx(search.Search, { ...props, ref: ref, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
 });
 
 exports.TableSearch = TableSearch;

package/dist/components/data-table/components/search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"search.cjs","sources":["../../../../components/data-table/components/search.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport const TableSearch = forwardRef<HTMLInputElement, SearchProps>(\n  ({ ...props }, ref) => {\n    const { updateTableQuery, tableQuery } = useDataTable();\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: value,\n        };\n      });\n    };\n\n    const handleClear = () => {\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: \"\",\n        };\n      });\n    };\n\n    return (\n      <Search\n        {...props}\n        ref={ref}\n        onChange={handleSearch}\n        value={tableQuery?.search}\n        onClear={handleClear}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","useDataTable","_jsx","Search"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACpB,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAGC,yBAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEC,gCAAC,CAAAC,aAAM,EACD,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ,CAAC;;;;"}
+{"version":3,"file":"search.cjs","sources":["../../../../components/data-table/components/search.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport const TableSearch = forwardRef<HTMLInputElement, SearchProps>(\n  ({ ...props }, ref) => {\n    const { updateTableQuery, tableQuery } = useDataTable();\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: value,\n        };\n      });\n    };\n\n    const handleClear = () => {\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: \"\",\n        };\n      });\n    };\n\n    return (\n      <Search\n        {...props}\n        ref={ref}\n        onChange={handleSearch}\n        value={tableQuery?.search}\n        onClear={handleClear}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","useDataTable","_jsx","Search"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACpB,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAGC,yBAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEC,cAAC,CAAAC,aAAM,EACD,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ,CAAC;;;;"}

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Search } from '../../search/search.js';
 import { useDataTable } from '../hooks/useDataTable.js';
@@ -22,7 +22,7 @@ const TableSearch = forwardRef(({ ...props }, ref) => {
             };
         });
     };
-    return (jsxRuntimeExports.jsx(Search, { ...props, ref: ref, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
+    return (jsx(Search, { ...props, ref: ref, onChange: handleSearch, value: tableQuery?.search, onClear: handleClear }));
 });
 
 export { TableSearch };

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

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../components/data-table/components/search.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport const TableSearch = forwardRef<HTMLInputElement, SearchProps>(\n  ({ ...props }, ref) => {\n    const { updateTableQuery, tableQuery } = useDataTable();\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: value,\n        };\n      });\n    };\n\n    const handleClear = () => {\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: \"\",\n        };\n      });\n    };\n\n    return (\n      <Search\n        {...props}\n        ref={ref}\n        onChange={handleSearch}\n        value={tableQuery?.search}\n        onClear={handleClear}\n      />\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACpB,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEA,qBAAC,CAAA,MAAM,EACD,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ,CAAC;;;;"}
+{"version":3,"file":"search.js","sources":["../../../../components/data-table/components/search.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Search } from \"../../search\";\nimport { SearchProps } from \"../../search/search\";\nimport { useDataTable } from \"../hooks/useDataTable\";\n\nexport const TableSearch = forwardRef<HTMLInputElement, SearchProps>(\n  ({ ...props }, ref) => {\n    const { updateTableQuery, tableQuery } = useDataTable();\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: value,\n        };\n      });\n    };\n\n    const handleClear = () => {\n      updateTableQuery((query) => {\n        return {\n          ...query,\n          search: \"\",\n        };\n      });\n    };\n\n    return (\n      <Search\n        {...props}\n        ref={ref}\n        onChange={handleSearch}\n        value={tableQuery?.search}\n        onClear={handleClear}\n      />\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACpB,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;AAExD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC9D,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7B,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,KAAK;aACd,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,gBAAgB,CAAC,CAAC,KAAK,KAAI;YACzB,OAAO;AACL,gBAAA,GAAG,KAAK;AACR,gBAAA,MAAM,EAAE,EAAE;aACX,CAAC;AACJ,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEA,GAAC,CAAA,MAAM,EACD,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,EAAE,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,CAAA,EACF;AACJ,CAAC;;;;"}

package/dist/components/data-table/components/toolbar.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var flex = require('../../flex/flex.cjs');
 var dataTable_module = require('../data-table.module.css.cjs');
@@ -8,7 +8,7 @@ var displaySettings = require('./display-settings.cjs');
 var filters = require('./filters.cjs');
 
 function Toolbar({ className }) {
-    return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { className: index.cx(dataTable_module.default['toolbar'], className), justify: 'between', align: 'center', children: [jsxRuntime.jsxRuntimeExports.jsx(filters.Filters, {}), jsxRuntime.jsxRuntimeExports.jsx(displaySettings.DisplaySettings, {})] }));
+    return (jsxRuntime.jsxs(flex.Flex, { className: index.cx(dataTable_module.default['toolbar'], className), justify: 'between', align: 'center', children: [jsxRuntime.jsx(filters.Filters, {}), jsxRuntime.jsx(displaySettings.DisplaySettings, {})] }));
 }
 
 exports.Toolbar = Toolbar;

package/dist/components/data-table/components/toolbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.cjs","sources":["../../../../components/data-table/components/toolbar.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Flex } from '../../flex';\nimport styles from '../data-table.module.css';\nimport { DisplaySettings } from './display-settings';\nimport { Filters } from './filters';\n\nexport function Toolbar<TData, TValue>({ className }: { className?: string }) {\n  return (\n    <Flex\n      className={cx(styles['toolbar'], className)}\n      justify='between'\n      align='center'\n    >\n      <Filters<TData, TValue> />\n      <DisplaySettings />\n    </Flex>\n  );\n}\n"],"names":["_jsxs","Flex","cx","styles","_jsx","Filters","DisplaySettings"],"mappings":";;;;;;;;;AAMgB,SAAA,OAAO,CAAgB,EAAE,SAAS,EAA0B,EAAA;AAC1E,IAAA,QACEA,iCAAA,CAACC,SAAI,EAAA,EACH,SAAS,EAAEC,QAAE,CAACC,wBAAM,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAC3C,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,QAAQ,EAEd,QAAA,EAAA,CAAAC,gCAAA,CAACC,eAAO,EAAA,EAAA,CAAkB,EAC1BD,gCAAC,CAAAE,+BAAe,EAAG,EAAA,CAAA,CAAA,EAAA,CACd,EACP;AACJ;;;;"}
+{"version":3,"file":"toolbar.cjs","sources":["../../../../components/data-table/components/toolbar.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Flex } from '../../flex';\nimport styles from '../data-table.module.css';\nimport { DisplaySettings } from './display-settings';\nimport { Filters } from './filters';\n\nexport function Toolbar<TData, TValue>({ className }: { className?: string }) {\n  return (\n    <Flex\n      className={cx(styles['toolbar'], className)}\n      justify='between'\n      align='center'\n    >\n      <Filters<TData, TValue> />\n      <DisplaySettings />\n    </Flex>\n  );\n}\n"],"names":["_jsxs","Flex","cx","styles","_jsx","Filters","DisplaySettings"],"mappings":";;;;;;;;;AAMgB,SAAA,OAAO,CAAgB,EAAE,SAAS,EAA0B,EAAA;AAC1E,IAAA,QACEA,eAAA,CAACC,SAAI,EAAA,EACH,SAAS,EAAEC,QAAE,CAACC,wBAAM,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAC3C,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,QAAQ,EAEd,QAAA,EAAA,CAAAC,cAAA,CAACC,eAAO,EAAA,EAAA,CAAkB,EAC1BD,cAAC,CAAAE,+BAAe,EAAG,EAAA,CAAA,CAAA,EAAA,CACd,EACP;AACJ;;;;"}

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

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { Flex } from '../../flex/flex.js';
 import styles from '../data-table.module.css.js';
@@ -6,7 +6,7 @@ import { DisplaySettings } from './display-settings.js';
 import { Filters } from './filters.js';
 
 function Toolbar({ className }) {
-    return (jsxRuntimeExports.jsxs(Flex, { className: cx(styles['toolbar'], className), justify: 'between', align: 'center', children: [jsxRuntimeExports.jsx(Filters, {}), jsxRuntimeExports.jsx(DisplaySettings, {})] }));
+    return (jsxs(Flex, { className: cx(styles['toolbar'], className), justify: 'between', align: 'center', children: [jsx(Filters, {}), jsx(DisplaySettings, {})] }));
 }
 
 export { Toolbar };

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

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sources":["../../../../components/data-table/components/toolbar.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Flex } from '../../flex';\nimport styles from '../data-table.module.css';\nimport { DisplaySettings } from './display-settings';\nimport { Filters } from './filters';\n\nexport function Toolbar<TData, TValue>({ className }: { className?: string }) {\n  return (\n    <Flex\n      className={cx(styles['toolbar'], className)}\n      justify='between'\n      align='center'\n    >\n      <Filters<TData, TValue> />\n      <DisplaySettings />\n    </Flex>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAMgB,SAAA,OAAO,CAAgB,EAAE,SAAS,EAA0B,EAAA;AAC1E,IAAA,QACEA,sBAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAC3C,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,QAAQ,EAEd,QAAA,EAAA,CAAAC,qBAAA,CAAC,OAAO,EAAA,EAAA,CAAkB,EAC1BA,qBAAC,CAAA,eAAe,EAAG,EAAA,CAAA,CAAA,EAAA,CACd,EACP;AACJ;;;;"}
+{"version":3,"file":"toolbar.js","sources":["../../../../components/data-table/components/toolbar.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Flex } from '../../flex';\nimport styles from '../data-table.module.css';\nimport { DisplaySettings } from './display-settings';\nimport { Filters } from './filters';\n\nexport function Toolbar<TData, TValue>({ className }: { className?: string }) {\n  return (\n    <Flex\n      className={cx(styles['toolbar'], className)}\n      justify='between'\n      align='center'\n    >\n      <Filters<TData, TValue> />\n      <DisplaySettings />\n    </Flex>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAMgB,SAAA,OAAO,CAAgB,EAAE,SAAS,EAA0B,EAAA;AAC1E,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAC3C,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,QAAQ,EAEd,QAAA,EAAA,CAAAC,GAAA,CAAC,OAAO,EAAA,EAAA,CAAkB,EAC1BA,GAAC,CAAA,eAAe,EAAG,EAAA,CAAA,CAAA,EAAA,CACd,EACP;AACJ;;;;"}

package/dist/components/data-table/data-table.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var context = require('./context.cjs');
 var dataTable_types = require('./data-table.types.cjs');
-var index$1 = require('../../node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.cjs');
+var index$1 = require('../../node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@tanstack/react-table/build/lib/index.cjs');
 var index = require('./utils/index.cjs');
 var content = require('./components/content.cjs');
 var toolbar = require('./components/toolbar.cjs');
@@ -100,7 +100,7 @@ function DataTableRoot({ data = [], columns, query, mode = "client", isLoading =
         loadingRowCount,
         onRowClick,
     ]);
-    return (jsxRuntime.jsxRuntimeExports.jsx(context.TableContext.Provider, { value: contextValue, children: children }));
+    return (jsxRuntime.jsx(context.TableContext.Provider, { value: contextValue, children: children }));
 }
 const DataTable = Object.assign(DataTableRoot, {
     Content: content.Content,

package/dist/components/data-table/data-table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.cjs","sources":["../../../components/data-table/data-table.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableContext } from \"./context\";\nimport {\n  DataTableProps,\n  DataTableQuery,\n  GroupedData,\n  TableContextType,\n  TableQueryUpdateFn,\n  defaultGroupOption,\n} from \"./data-table.types\";\nimport {\n  VisibilityState,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n  getExpandedRowModel,\n} from \"@tanstack/react-table\";\nimport {\n  getColumnsWithFilterFn,\n  getDefaultTableQuery,\n  getInitialColumnVisibility,\n  groupData,\n  hasQueryChanged,\n  queryToTableState,\n  sanitizeTableQuery,\n} from \"./utils\";\nimport { Content } from \"./components/content\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { TableSearch } from \"./components/search\";\n\nfunction DataTableRoot<TData, TValue>({\n  data = [],\n  columns,\n  query,\n  mode = \"client\",\n  isLoading = false,\n  loadingRowCount = 3,\n  defaultSort,\n  children,\n  onTableQueryChange,\n  onLoadMore,\n  onRowClick,\n}: React.PropsWithChildren<DataTableProps<TData, TValue>>) {\n  const defaultTableQuery = getDefaultTableQuery(defaultSort, query);\n  const initialColumnVisibility = getInitialColumnVisibility(columns);\n\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n    initialColumnVisibility\n  );\n  const [tableQuery, setTableQuery] =\n    useState<DataTableQuery>(defaultTableQuery);\n\n  const oldQueryRef = useRef<DataTableQuery | null>(null);\n\n  const reactTableState = useMemo(\n    () => queryToTableState(tableQuery),\n    [tableQuery]\n  );\n\n  const onDisplaySettingsReset = useCallback(() => {\n    setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));\n    setColumnVisibility(initialColumnVisibility);\n  }, [defaultTableQuery, initialColumnVisibility]);\n\n  const group_by = tableQuery.group_by?.[0];\n\n  const columnsWithFilters = useMemo(\n    () => getColumnsWithFilterFn<TData, TValue>(columns, tableQuery.filters),\n    [columns, tableQuery.filters]\n  );\n\n  const groupedData = useMemo(\n    () => groupData(data, group_by, columns),\n    [data, group_by, columns]\n  );\n\n  useEffect(() => {\n    if (\n      tableQuery &&\n      onTableQueryChange &&\n      hasQueryChanged(oldQueryRef.current, tableQuery) &&\n      mode === \"server\"\n    ) {\n      onTableQueryChange(sanitizeTableQuery(tableQuery));\n      oldQueryRef.current = tableQuery;\n    }\n  }, [tableQuery, onTableQueryChange]);\n\n  const table = useReactTable({\n    data: groupedData as unknown as TData[],\n    columns: columnsWithFilters,\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    getSubRows: (row) => (row as unknown as GroupedData<TData>)?.subRows || [],\n    getSortedRowModel: mode === \"server\" ? undefined : getSortedRowModel(),\n    getFilteredRowModel: mode === \"server\" ? undefined : getFilteredRowModel(),\n    manualSorting: mode === \"server\",\n    manualFiltering: mode === \"server\",\n    onColumnVisibilityChange: setColumnVisibility,\n    globalFilterFn: mode === \"server\" ? undefined : \"auto\",\n    initialState: {\n      columnVisibility: initialColumnVisibility,\n    },\n    filterFromLeafRows: true,\n    state: {\n      ...reactTableState,\n      columnVisibility: columnVisibility,\n      expanded:\n        group_by && group_by !== defaultGroupOption.id ? true : undefined,\n    },\n  });\n\n  function updateTableQuery(fn: TableQueryUpdateFn) {\n    setTableQuery((prev) => fn(prev));\n  }\n\n  const loadMoreData = useCallback(() => {\n    if (mode === \"server\" && onLoadMore) {\n      onLoadMore();\n    }\n  }, [mode, onLoadMore]);\n\n  const searchQuery = query?.search;\n  useEffect(() => {\n    if (searchQuery) {\n      updateTableQuery((prev) => ({\n        ...prev,\n        search: searchQuery,\n      }));\n    }\n  }, [searchQuery]);\n\n  const contextValue: TableContextType<TData, TValue> = useMemo(() => {\n    return {\n      table,\n      columns,\n      mode,\n      isLoading,\n      loadMoreData,\n      tableQuery,\n      updateTableQuery,\n      onDisplaySettingsReset,\n      defaultSort,\n      loadingRowCount,\n      onRowClick,\n    };\n  }, [\n    table,\n    columns,\n    mode,\n    isLoading,\n    loadMoreData,\n    tableQuery,\n    updateTableQuery,\n    onDisplaySettingsReset,\n    defaultSort,\n    loadingRowCount,\n    onRowClick,\n  ]);\n\n  return (\n    <TableContext.Provider value={contextValue}>\n      {children}\n    </TableContext.Provider>\n  );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n  Content: Content,\n  Toolbar: Toolbar,\n  Search: TableSearch,\n});\n"],"names":["getDefaultTableQuery","getInitialColumnVisibility","useState","useRef","useMemo","queryToTableState","useCallback","getColumnsWithFilterFn","groupData","useEffect","hasQueryChanged","sanitizeTableQuery","useReactTable","getCoreRowModel","getExpandedRowModel","getSortedRowModel","getFilteredRowModel","defaultGroupOption","_jsx","TableContext","Content","Toolbar","TableSearch"],"mappings":"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"}
+{"version":3,"file":"data-table.cjs","sources":["../../../components/data-table/data-table.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableContext } from \"./context\";\nimport {\n  DataTableProps,\n  DataTableQuery,\n  GroupedData,\n  TableContextType,\n  TableQueryUpdateFn,\n  defaultGroupOption,\n} from \"./data-table.types\";\nimport {\n  VisibilityState,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n  getExpandedRowModel,\n} from \"@tanstack/react-table\";\nimport {\n  getColumnsWithFilterFn,\n  getDefaultTableQuery,\n  getInitialColumnVisibility,\n  groupData,\n  hasQueryChanged,\n  queryToTableState,\n  sanitizeTableQuery,\n} from \"./utils\";\nimport { Content } from \"./components/content\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { TableSearch } from \"./components/search\";\n\nfunction DataTableRoot<TData, TValue>({\n  data = [],\n  columns,\n  query,\n  mode = \"client\",\n  isLoading = false,\n  loadingRowCount = 3,\n  defaultSort,\n  children,\n  onTableQueryChange,\n  onLoadMore,\n  onRowClick,\n}: React.PropsWithChildren<DataTableProps<TData, TValue>>) {\n  const defaultTableQuery = getDefaultTableQuery(defaultSort, query);\n  const initialColumnVisibility = getInitialColumnVisibility(columns);\n\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n    initialColumnVisibility\n  );\n  const [tableQuery, setTableQuery] =\n    useState<DataTableQuery>(defaultTableQuery);\n\n  const oldQueryRef = useRef<DataTableQuery | null>(null);\n\n  const reactTableState = useMemo(\n    () => queryToTableState(tableQuery),\n    [tableQuery]\n  );\n\n  const onDisplaySettingsReset = useCallback(() => {\n    setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));\n    setColumnVisibility(initialColumnVisibility);\n  }, [defaultTableQuery, initialColumnVisibility]);\n\n  const group_by = tableQuery.group_by?.[0];\n\n  const columnsWithFilters = useMemo(\n    () => getColumnsWithFilterFn<TData, TValue>(columns, tableQuery.filters),\n    [columns, tableQuery.filters]\n  );\n\n  const groupedData = useMemo(\n    () => groupData(data, group_by, columns),\n    [data, group_by, columns]\n  );\n\n  useEffect(() => {\n    if (\n      tableQuery &&\n      onTableQueryChange &&\n      hasQueryChanged(oldQueryRef.current, tableQuery) &&\n      mode === \"server\"\n    ) {\n      onTableQueryChange(sanitizeTableQuery(tableQuery));\n      oldQueryRef.current = tableQuery;\n    }\n  }, [tableQuery, onTableQueryChange]);\n\n  const table = useReactTable({\n    data: groupedData as unknown as TData[],\n    columns: columnsWithFilters,\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    getSubRows: (row) => (row as unknown as GroupedData<TData>)?.subRows || [],\n    getSortedRowModel: mode === \"server\" ? undefined : getSortedRowModel(),\n    getFilteredRowModel: mode === \"server\" ? undefined : getFilteredRowModel(),\n    manualSorting: mode === \"server\",\n    manualFiltering: mode === \"server\",\n    onColumnVisibilityChange: setColumnVisibility,\n    globalFilterFn: mode === \"server\" ? undefined : \"auto\",\n    initialState: {\n      columnVisibility: initialColumnVisibility,\n    },\n    filterFromLeafRows: true,\n    state: {\n      ...reactTableState,\n      columnVisibility: columnVisibility,\n      expanded:\n        group_by && group_by !== defaultGroupOption.id ? true : undefined,\n    },\n  });\n\n  function updateTableQuery(fn: TableQueryUpdateFn) {\n    setTableQuery((prev) => fn(prev));\n  }\n\n  const loadMoreData = useCallback(() => {\n    if (mode === \"server\" && onLoadMore) {\n      onLoadMore();\n    }\n  }, [mode, onLoadMore]);\n\n  const searchQuery = query?.search;\n  useEffect(() => {\n    if (searchQuery) {\n      updateTableQuery((prev) => ({\n        ...prev,\n        search: searchQuery,\n      }));\n    }\n  }, [searchQuery]);\n\n  const contextValue: TableContextType<TData, TValue> = useMemo(() => {\n    return {\n      table,\n      columns,\n      mode,\n      isLoading,\n      loadMoreData,\n      tableQuery,\n      updateTableQuery,\n      onDisplaySettingsReset,\n      defaultSort,\n      loadingRowCount,\n      onRowClick,\n    };\n  }, [\n    table,\n    columns,\n    mode,\n    isLoading,\n    loadMoreData,\n    tableQuery,\n    updateTableQuery,\n    onDisplaySettingsReset,\n    defaultSort,\n    loadingRowCount,\n    onRowClick,\n  ]);\n\n  return (\n    <TableContext.Provider value={contextValue}>\n      {children}\n    </TableContext.Provider>\n  );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n  Content: Content,\n  Toolbar: Toolbar,\n  Search: TableSearch,\n});\n"],"names":["getDefaultTableQuery","getInitialColumnVisibility","useState","useRef","useMemo","queryToTableState","useCallback","getColumnsWithFilterFn","groupData","useEffect","hasQueryChanged","sanitizeTableQuery","useReactTable","getCoreRowModel","getExpandedRowModel","getSortedRowModel","getFilteredRowModel","defaultGroupOption","_jsx","TableContext","Content","Toolbar","TableSearch"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import { TableContext } from './context.js';
 import { defaultGroupOption } from './data-table.types.js';
-import { useReactTable } from '../../node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@tanstack/react-table/build/lib/index.js';
+import { useReactTable } from '../../node_modules/.pnpm/@tanstack_react-table@8.9.2_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@tanstack/react-table/build/lib/index.js';
 import { getDefaultTableQuery, getInitialColumnVisibility, queryToTableState, getColumnsWithFilterFn, groupData, hasQueryChanged, sanitizeTableQuery } from './utils/index.js';
 import { Content } from './components/content.js';
 import { Toolbar } from './components/toolbar.js';
@@ -98,7 +98,7 @@ function DataTableRoot({ data = [], columns, query, mode = "client", isLoading =
         loadingRowCount,
         onRowClick,
     ]);
-    return (jsxRuntimeExports.jsx(TableContext.Provider, { value: contextValue, children: children }));
+    return (jsx(TableContext.Provider, { value: contextValue, children: children }));
 }
 const DataTable = Object.assign(DataTableRoot, {
     Content: Content,

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../../components/data-table/data-table.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableContext } from \"./context\";\nimport {\n  DataTableProps,\n  DataTableQuery,\n  GroupedData,\n  TableContextType,\n  TableQueryUpdateFn,\n  defaultGroupOption,\n} from \"./data-table.types\";\nimport {\n  VisibilityState,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n  getExpandedRowModel,\n} from \"@tanstack/react-table\";\nimport {\n  getColumnsWithFilterFn,\n  getDefaultTableQuery,\n  getInitialColumnVisibility,\n  groupData,\n  hasQueryChanged,\n  queryToTableState,\n  sanitizeTableQuery,\n} from \"./utils\";\nimport { Content } from \"./components/content\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { TableSearch } from \"./components/search\";\n\nfunction DataTableRoot<TData, TValue>({\n  data = [],\n  columns,\n  query,\n  mode = \"client\",\n  isLoading = false,\n  loadingRowCount = 3,\n  defaultSort,\n  children,\n  onTableQueryChange,\n  onLoadMore,\n  onRowClick,\n}: React.PropsWithChildren<DataTableProps<TData, TValue>>) {\n  const defaultTableQuery = getDefaultTableQuery(defaultSort, query);\n  const initialColumnVisibility = getInitialColumnVisibility(columns);\n\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n    initialColumnVisibility\n  );\n  const [tableQuery, setTableQuery] =\n    useState<DataTableQuery>(defaultTableQuery);\n\n  const oldQueryRef = useRef<DataTableQuery | null>(null);\n\n  const reactTableState = useMemo(\n    () => queryToTableState(tableQuery),\n    [tableQuery]\n  );\n\n  const onDisplaySettingsReset = useCallback(() => {\n    setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));\n    setColumnVisibility(initialColumnVisibility);\n  }, [defaultTableQuery, initialColumnVisibility]);\n\n  const group_by = tableQuery.group_by?.[0];\n\n  const columnsWithFilters = useMemo(\n    () => getColumnsWithFilterFn<TData, TValue>(columns, tableQuery.filters),\n    [columns, tableQuery.filters]\n  );\n\n  const groupedData = useMemo(\n    () => groupData(data, group_by, columns),\n    [data, group_by, columns]\n  );\n\n  useEffect(() => {\n    if (\n      tableQuery &&\n      onTableQueryChange &&\n      hasQueryChanged(oldQueryRef.current, tableQuery) &&\n      mode === \"server\"\n    ) {\n      onTableQueryChange(sanitizeTableQuery(tableQuery));\n      oldQueryRef.current = tableQuery;\n    }\n  }, [tableQuery, onTableQueryChange]);\n\n  const table = useReactTable({\n    data: groupedData as unknown as TData[],\n    columns: columnsWithFilters,\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    getSubRows: (row) => (row as unknown as GroupedData<TData>)?.subRows || [],\n    getSortedRowModel: mode === \"server\" ? undefined : getSortedRowModel(),\n    getFilteredRowModel: mode === \"server\" ? undefined : getFilteredRowModel(),\n    manualSorting: mode === \"server\",\n    manualFiltering: mode === \"server\",\n    onColumnVisibilityChange: setColumnVisibility,\n    globalFilterFn: mode === \"server\" ? undefined : \"auto\",\n    initialState: {\n      columnVisibility: initialColumnVisibility,\n    },\n    filterFromLeafRows: true,\n    state: {\n      ...reactTableState,\n      columnVisibility: columnVisibility,\n      expanded:\n        group_by && group_by !== defaultGroupOption.id ? true : undefined,\n    },\n  });\n\n  function updateTableQuery(fn: TableQueryUpdateFn) {\n    setTableQuery((prev) => fn(prev));\n  }\n\n  const loadMoreData = useCallback(() => {\n    if (mode === \"server\" && onLoadMore) {\n      onLoadMore();\n    }\n  }, [mode, onLoadMore]);\n\n  const searchQuery = query?.search;\n  useEffect(() => {\n    if (searchQuery) {\n      updateTableQuery((prev) => ({\n        ...prev,\n        search: searchQuery,\n      }));\n    }\n  }, [searchQuery]);\n\n  const contextValue: TableContextType<TData, TValue> = useMemo(() => {\n    return {\n      table,\n      columns,\n      mode,\n      isLoading,\n      loadMoreData,\n      tableQuery,\n      updateTableQuery,\n      onDisplaySettingsReset,\n      defaultSort,\n      loadingRowCount,\n      onRowClick,\n    };\n  }, [\n    table,\n    columns,\n    mode,\n    isLoading,\n    loadMoreData,\n    tableQuery,\n    updateTableQuery,\n    onDisplaySettingsReset,\n    defaultSort,\n    loadingRowCount,\n    onRowClick,\n  ]);\n\n  return (\n    <TableContext.Provider value={contextValue}>\n      {children}\n    </TableContext.Provider>\n  );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n  Content: Content,\n  Toolbar: Toolbar,\n  Search: TableSearch,\n});\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"data-table.js","sources":["../../../components/data-table/data-table.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { TableContext } from \"./context\";\nimport {\n  DataTableProps,\n  DataTableQuery,\n  GroupedData,\n  TableContextType,\n  TableQueryUpdateFn,\n  defaultGroupOption,\n} from \"./data-table.types\";\nimport {\n  VisibilityState,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n  getExpandedRowModel,\n} from \"@tanstack/react-table\";\nimport {\n  getColumnsWithFilterFn,\n  getDefaultTableQuery,\n  getInitialColumnVisibility,\n  groupData,\n  hasQueryChanged,\n  queryToTableState,\n  sanitizeTableQuery,\n} from \"./utils\";\nimport { Content } from \"./components/content\";\nimport { Toolbar } from \"./components/toolbar\";\nimport { TableSearch } from \"./components/search\";\n\nfunction DataTableRoot<TData, TValue>({\n  data = [],\n  columns,\n  query,\n  mode = \"client\",\n  isLoading = false,\n  loadingRowCount = 3,\n  defaultSort,\n  children,\n  onTableQueryChange,\n  onLoadMore,\n  onRowClick,\n}: React.PropsWithChildren<DataTableProps<TData, TValue>>) {\n  const defaultTableQuery = getDefaultTableQuery(defaultSort, query);\n  const initialColumnVisibility = getInitialColumnVisibility(columns);\n\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n    initialColumnVisibility\n  );\n  const [tableQuery, setTableQuery] =\n    useState<DataTableQuery>(defaultTableQuery);\n\n  const oldQueryRef = useRef<DataTableQuery | null>(null);\n\n  const reactTableState = useMemo(\n    () => queryToTableState(tableQuery),\n    [tableQuery]\n  );\n\n  const onDisplaySettingsReset = useCallback(() => {\n    setTableQuery((prev) => ({ ...prev, ...defaultTableQuery }));\n    setColumnVisibility(initialColumnVisibility);\n  }, [defaultTableQuery, initialColumnVisibility]);\n\n  const group_by = tableQuery.group_by?.[0];\n\n  const columnsWithFilters = useMemo(\n    () => getColumnsWithFilterFn<TData, TValue>(columns, tableQuery.filters),\n    [columns, tableQuery.filters]\n  );\n\n  const groupedData = useMemo(\n    () => groupData(data, group_by, columns),\n    [data, group_by, columns]\n  );\n\n  useEffect(() => {\n    if (\n      tableQuery &&\n      onTableQueryChange &&\n      hasQueryChanged(oldQueryRef.current, tableQuery) &&\n      mode === \"server\"\n    ) {\n      onTableQueryChange(sanitizeTableQuery(tableQuery));\n      oldQueryRef.current = tableQuery;\n    }\n  }, [tableQuery, onTableQueryChange]);\n\n  const table = useReactTable({\n    data: groupedData as unknown as TData[],\n    columns: columnsWithFilters,\n    getCoreRowModel: getCoreRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    getSubRows: (row) => (row as unknown as GroupedData<TData>)?.subRows || [],\n    getSortedRowModel: mode === \"server\" ? undefined : getSortedRowModel(),\n    getFilteredRowModel: mode === \"server\" ? undefined : getFilteredRowModel(),\n    manualSorting: mode === \"server\",\n    manualFiltering: mode === \"server\",\n    onColumnVisibilityChange: setColumnVisibility,\n    globalFilterFn: mode === \"server\" ? undefined : \"auto\",\n    initialState: {\n      columnVisibility: initialColumnVisibility,\n    },\n    filterFromLeafRows: true,\n    state: {\n      ...reactTableState,\n      columnVisibility: columnVisibility,\n      expanded:\n        group_by && group_by !== defaultGroupOption.id ? true : undefined,\n    },\n  });\n\n  function updateTableQuery(fn: TableQueryUpdateFn) {\n    setTableQuery((prev) => fn(prev));\n  }\n\n  const loadMoreData = useCallback(() => {\n    if (mode === \"server\" && onLoadMore) {\n      onLoadMore();\n    }\n  }, [mode, onLoadMore]);\n\n  const searchQuery = query?.search;\n  useEffect(() => {\n    if (searchQuery) {\n      updateTableQuery((prev) => ({\n        ...prev,\n        search: searchQuery,\n      }));\n    }\n  }, [searchQuery]);\n\n  const contextValue: TableContextType<TData, TValue> = useMemo(() => {\n    return {\n      table,\n      columns,\n      mode,\n      isLoading,\n      loadMoreData,\n      tableQuery,\n      updateTableQuery,\n      onDisplaySettingsReset,\n      defaultSort,\n      loadingRowCount,\n      onRowClick,\n    };\n  }, [\n    table,\n    columns,\n    mode,\n    isLoading,\n    loadMoreData,\n    tableQuery,\n    updateTableQuery,\n    onDisplaySettingsReset,\n    defaultSort,\n    loadingRowCount,\n    onRowClick,\n  ]);\n\n  return (\n    <TableContext.Provider value={contextValue}>\n      {children}\n    </TableContext.Provider>\n  );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n  Content: Content,\n  Toolbar: Toolbar,\n  Search: TableSearch,\n});\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/dialog/dialog.cjs

@@ -1,27 +1,27 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var flex = require('../flex/flex.cjs');
 var dialog_module = require('./dialog.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-dialog/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._i7gyttlqowrnok6rwi63tbbmni/node_modules/@radix-ui/react-dialog/dist/index.cjs');
 
 const dialogContent = index$1.cva(dialog_module.default.dialogContent);
-const DialogContent = React.forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Portal, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Overlay, { className: index$1.cx(dialog_module.default.dialogOverlay, overlayClassName, overlayBlur && dialog_module.default.overlayBlur), style: overlayStyle, "aria-hidden": 'true', role: 'presentation' }), jsxRuntime.jsxRuntimeExports.jsx(index.Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children })] })));
+const DialogContent = React.forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, ...props }, ref) => (jsxRuntime.jsxs(index.Portal, { children: [jsxRuntime.jsx(index.Overlay, { className: index$1.cx(dialog_module.default.dialogOverlay, overlayClassName, overlayBlur && dialog_module.default.overlayBlur), style: overlayStyle, "aria-hidden": 'true', role: 'presentation' }), jsxRuntime.jsx(index.Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children })] })));
 DialogContent.displayName = index.Content.displayName;
-const DialogHeader = ({ children, className }) => (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { justify: 'between', align: 'center', className: index$1.cx(dialog_module.default.header, className), children: children }));
-const DialogFooter = ({ children, className }) => (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { gap: 5, justify: 'end', className: index$1.cx(dialog_module.default.footer, className), children: children }));
-const DialogBody = ({ children, className }) => (jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { direction: 'column', gap: 3, className: index$1.cx(dialog_module.default.body, className), children: children }));
+const DialogHeader = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { justify: 'between', align: 'center', className: index$1.cx(dialog_module.default.header, className), children: children }));
+const DialogFooter = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { gap: 5, justify: 'end', className: index$1.cx(dialog_module.default.footer, className), children: children }));
+const DialogBody = ({ children, className }) => (jsxRuntime.jsx(flex.Flex, { direction: 'column', gap: 3, className: index$1.cx(dialog_module.default.body, className), children: children }));
 function CloseButton({ className, ...props }) {
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Close, { className: index$1.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.Cross1Icon, {}) }));
+    return (jsxRuntime.jsx(index.Close, { className: index$1.cx(dialog_module.default.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntime.jsx(reactIcons_esm.Cross1Icon, {}) }));
 }
 function DialogTitle({ children, className, ...props }) {
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Title, { ...props, role: 'heading', "aria-level": 1, className: index$1.cx(dialog_module.default.title, className), children: children }));
+    return (jsxRuntime.jsx(index.Title, { ...props, role: 'heading', "aria-level": 1, className: index$1.cx(dialog_module.default.title, className), children: children }));
 }
 function DialogDescription({ children, className, ...props }) {
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Description, { ...props, className: index$1.cx(dialog_module.default.description, className), id: 'dialog-description', role: 'document', children: children }));
+    return (jsxRuntime.jsx(index.Description, { ...props, className: index$1.cx(dialog_module.default.description, className), id: 'dialog-description', role: 'document', children: children }));
 }
 const Dialog = Object.assign(index.Root, {
     Trigger: index.Trigger,

package/dist/components/dialog/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.cjs","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={cx(\n          styles.dialogOverlay,\n          overlayClassName,\n          overlayBlur && styles.overlayBlur\n        )}\n        style={overlayStyle}\n        aria-hidden='true'\n        role='presentation'\n      />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","cx","DialogPrimitive.Content","Flex","DialogPrimitive.Close","Cross1Icon","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}
+{"version":3,"file":"dialog.cjs","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={cx(\n          styles.dialogOverlay,\n          overlayClassName,\n          overlayBlur && styles.overlayBlur\n        )}\n        style={overlayStyle}\n        aria-hidden='true'\n        role='presentation'\n      />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["cva","styles","forwardRef","_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","cx","DialogPrimitive.Content","Flex","DialogPrimitive.Close","Cross1Icon","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":";;;;;;;;;;AAYA,MAAM,aAAa,GAAGA,WAAG,CAACC,qBAAM,CAAC,aAAa,CAAC,CAAC;AAahD,MAAM,aAAa,GAAGC,gBAAU,CAI9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,YAAY,EACZ,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,eAAC,CAAAC,YAAsB,EACrB,EAAA,QAAA,EAAA,CAAAC,cAAA,CAACC,aAAuB,EAAA,EACtB,SAAS,EAAEC,UAAE,CACXN,qBAAM,CAAC,aAAa,EACpB,gBAAgB,EAChB,WAAW,IAAIA,qBAAM,CAAC,WAAW,CAClC,EACD,KAAK,EAAE,YAAY,EAAA,aAAA,EACP,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,CACnB,EACFI,cAAA,CAACG,aAAuB,EAAA,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EACpB,YAAA,EAAA,SAAS,EACH,kBAAA,EAAA,eAAe,GAAG,oBAAoB,GAAG,SAAS,EAChE,GAAA,KAAK,EAER,QAAA,EAAA,QAAQ,EACe,CAAA,CAAA,EAAA,CACH,CAC1B,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAGA,aAAuB,CAAC,WAAW,CAAC;AAEhE,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,SAAS,EAIV,MACCH,cAAA,CAACI,SAAI,EAAA,EACH,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAEF,UAAE,CAACN,qBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,YAEtC,QAAQ,EAAA,CACJ,CACR,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,SAAS,EAIV,MACCI,cAAA,CAACI,SAAI,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,KAAK,EAAC,SAAS,EAAEF,UAAE,CAACN,qBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,YAChE,QAAQ,EAAA,CACJ,CACR,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EAIV,MACCI,cAAA,CAACI,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAEF,UAAE,CAACN,qBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,YACnE,QAAQ,EAAA,CACJ,CACR,CAAC;AAGI,SAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAA;IACnE,QACEI,cAAC,CAAAK,WAAqB,EACpB,EAAA,SAAS,EAAEH,UAAE,CAACN,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3B,YAAA,EAAA,cAAc,EACrB,GAAA,KAAK,EAET,QAAA,EAAAI,cAAA,CAACM,yBAAU,EAAA,EAAA,CAAG,EACQ,CAAA,EACxB;AACJ,CAAC;AAOD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,EAAA;AACtE,IAAA,QACEN,cAAA,CAACO,WAAqB,EAAA,EAAA,GAChB,KAAK,EACT,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,CAAC,EACb,SAAS,EAAEL,UAAE,CAACN,qBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAErC,QAAA,EAAA,QAAQ,EACa,CAAA,EACxB;AACJ,CAAC;AAQD,SAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACe,EAAA;AACvB,IAAA,QACEI,cAAA,CAACQ,iBAA2B,EAAA,EAAA,GACtB,KAAK,EACT,SAAS,EAAEN,UAAE,CAACN,qBAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EAC5C,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,UAAU,EAAA,QAAA,EAEd,QAAQ,EAAA,CACmB,EAC9B;AACJ,CAAC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAACa,UAAoB,EAAE;IACxD,OAAO,EAAEC,aAAuB;AAChC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,IAAI,EAAE,UAAU;IAChB,KAAK,EAAEL,WAAqB;AAC5B,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,WAAW,EAAE,iBAAiB;AAC/B,CAAA;;;;;"}

package/dist/components/dialog/dialog.js

@@ -1,25 +1,25 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/flex.js';
 import styles from './dialog.module.css.js';
-import { Portal, Overlay, Content, Root, Trigger, Close, Title, Description } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-dialog/dist/index.js';
+import { Portal, Overlay, Content, Root, Trigger, Close, Title, Description } from '../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._i7gyttlqowrnok6rwi63tbbmni/node_modules/@radix-ui/react-dialog/dist/index.js';
 
 const dialogContent = cva(styles.dialogContent);
-const DialogContent = forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, ...props }, ref) => (jsxRuntimeExports.jsxs(Portal, { children: [jsxRuntimeExports.jsx(Overlay, { className: cx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur), style: overlayStyle, "aria-hidden": 'true', role: 'presentation' }), jsxRuntimeExports.jsx(Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children })] })));
+const DialogContent = forwardRef(({ className, children, ariaLabel, ariaDescription, overlayBlur = false, overlayClassName, overlayStyle, width, ...props }, ref) => (jsxs(Portal, { children: [jsx(Overlay, { className: cx(styles.dialogOverlay, overlayClassName, overlayBlur && styles.overlayBlur), style: overlayStyle, "aria-hidden": 'true', role: 'presentation' }), jsx(Content, { ref: ref, className: dialogContent({ className }), style: { width, ...props.style }, "aria-label": ariaLabel, "aria-describedby": ariaDescription ? 'dialog-description' : undefined, ...props, children: children })] })));
 DialogContent.displayName = Content.displayName;
-const DialogHeader = ({ children, className }) => (jsxRuntimeExports.jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), children: children }));
-const DialogFooter = ({ children, className }) => (jsxRuntimeExports.jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), children: children }));
-const DialogBody = ({ children, className }) => (jsxRuntimeExports.jsx(Flex, { direction: 'column', gap: 3, className: cx(styles.body, className), children: children }));
+const DialogHeader = ({ children, className }) => (jsx(Flex, { justify: 'between', align: 'center', className: cx(styles.header, className), children: children }));
+const DialogFooter = ({ children, className }) => (jsx(Flex, { gap: 5, justify: 'end', className: cx(styles.footer, className), children: children }));
+const DialogBody = ({ children, className }) => (jsx(Flex, { direction: 'column', gap: 3, className: cx(styles.body, className), children: children }));
 function CloseButton({ className, ...props }) {
-    return (jsxRuntimeExports.jsx(Close, { className: cx(styles.close, className), "aria-label": 'Close dialog', ...props, children: jsxRuntimeExports.jsx(Cross1Icon, {}) }));
+    return (jsx(Close, { className: cx(styles.close, className), "aria-label": 'Close dialog', ...props, children: jsx(Cross1Icon, {}) }));
 }
 function DialogTitle({ children, className, ...props }) {
-    return (jsxRuntimeExports.jsx(Title, { ...props, role: 'heading', "aria-level": 1, className: cx(styles.title, className), children: children }));
+    return (jsx(Title, { ...props, role: 'heading', "aria-level": 1, className: cx(styles.title, className), children: children }));
 }
 function DialogDescription({ children, className, ...props }) {
-    return (jsxRuntimeExports.jsx(Description, { ...props, className: cx(styles.description, className), id: 'dialog-description', role: 'document', children: children }));
+    return (jsx(Description, { ...props, className: cx(styles.description, className), id: 'dialog-description', role: 'document', children: children }));
 }
 const Dialog = Object.assign(Root, {
     Trigger: Trigger,

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={cx(\n          styles.dialogOverlay,\n          overlayClassName,\n          overlayBlur && styles.overlayBlur\n        )}\n        style={overlayStyle}\n        aria-hidden='true'\n        role='presentation'\n      />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}
+{"version":3,"file":"dialog.js","sources":["../../../components/dialog/dialog.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\nimport { Flex } from '../flex';\nimport styles from './dialog.module.css';\n\nconst dialogContent = cva(styles.dialogContent);\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n  overlayBlur?: boolean;\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  width?: string | number;\n}\n\nconst DialogContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      ariaLabel,\n      ariaDescription,\n      overlayBlur = false,\n      overlayClassName,\n      overlayStyle,\n      width,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={cx(\n          styles.dialogOverlay,\n          overlayClassName,\n          overlayBlur && styles.overlayBlur\n        )}\n        style={overlayStyle}\n        aria-hidden='true'\n        role='presentation'\n      />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={dialogContent({ className })}\n        style={{ width, ...props.style }}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? 'dialog-description' : undefined}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  )\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex\n    justify='between'\n    align='center'\n    className={cx(styles.header, className)}\n  >\n    {children}\n  </Flex>\n);\n\nconst DialogFooter = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex gap={5} justify='end' className={cx(styles.footer, className)}>\n    {children}\n  </Flex>\n);\n\nconst DialogBody = ({\n  children,\n  className\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) => (\n  <Flex direction='column' gap={3} className={cx(styles.body, className)}>\n    {children}\n  </Flex>\n);\n\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\nexport function CloseButton({ className, ...props }: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={cx(styles.close, className)}\n      aria-label='Close dialog'\n      {...props}\n    >\n      <Cross1Icon />\n    </DialogPrimitive.Close>\n  );\n}\n\ninterface DialogTitleProps\n  extends ComponentProps<typeof DialogPrimitive.Title> {\n  children: React.ReactNode;\n}\n\nfunction DialogTitle({ children, className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      role='heading'\n      aria-level={1}\n      className={cx(styles.title, className)}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\ninterface DialogDescriptionProps\n  extends ComponentProps<typeof DialogPrimitive.Description> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction DialogDescription({\n  children,\n  className,\n  ...props\n}: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={cx(styles.description, className)}\n      id='dialog-description'\n      role='document'\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nexport const Dialog = Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Footer: DialogFooter,\n  Body: DialogBody,\n  Close: DialogPrimitive.Close,\n  CloseButton: CloseButton,\n  Title: DialogTitle,\n  Description: DialogDescription\n});\n"],"names":["_jsxs","DialogPrimitive.Portal","_jsx","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Root","DialogPrimitive.Trigger"],"mappings":"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"}

package/dist/components/dropdown-menu/cell.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var cell_module = require('./cell.module.css.cjs');
 var checkbox = require('../checkbox/checkbox.cjs');
 
-const Cell = React.forwardRef(({ className, children, leadingIcon, trailingIcon, type = "item", ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, ...props, className: index.cx(cell_module.default.cell, cell_module.default.comboboxcell, className), children: [type == "select" && jsxRuntime.jsxRuntimeExports.jsx(checkbox.Checkbox, {}), leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: cell_module.default.leadingIcon, children: leadingIcon }), children, trailingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: cell_module.default.trailingIcon, children: trailingIcon }))] })));
+const Cell = React.forwardRef(({ className, children, leadingIcon, trailingIcon, type = "item", ...props }, ref) => (jsxRuntime.jsxs("div", { ref: ref, ...props, className: index.cx(cell_module.default.cell, cell_module.default.comboboxcell, className), children: [type == "select" && jsxRuntime.jsx(checkbox.Checkbox, {}), leadingIcon && jsxRuntime.jsx("span", { className: cell_module.default.leadingIcon, children: leadingIcon }), children, trailingIcon && (jsxRuntime.jsx("span", { className: cell_module.default.trailingIcon, children: trailingIcon }))] })));
 
 exports.Cell = Cell;
 //# sourceMappingURL=cell.cjs.map