@solibo/solibo-ui 1.0.14 → 1.0.16

package/dist/components/search/index.js

@@ -1,86 +1,84 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { useId as B, useState as E, useMemo as H } from "react";
-import { Button as f } from "../button/index.js";
-import { Checkbox as K } from "../checkbox/index.js";
-import { Chip as S } from "../chip/index.js";
-import { Collapsible as T } from "../collapsible/index.js";
-import { Controls as q } from "../controls/index.js";
-import { Dialog as z } from "../dialog/index.js";
-import { Header as A } from "../header/index.js";
-import { I as J } from "../../index-ClZkChEh.js";
-import '../../assets/index9.css';const L = "_search_bp8f4_3", P = "_controls_bp8f4_15", Q = "_chips_bp8f4_29", U = "_radio_bp8f4_84", o = {
-  search: L,
-  controls: P,
-  chips: Q,
-  "filter-dialog": "_filter-dialog_bp8f4_36",
-  "filter-groups": "_filter-groups_bp8f4_41",
-  "filter-group": "_filter-group_bp8f4_41",
-  "filter-option": "_filter-option_bp8f4_66",
-  "option-copy": "_option-copy_bp8f4_72",
-  radio: U,
-  "collapsible-options": "_collapsible-options_bp8f4_111"
-}, ea = ({
-  closeLabel: D = "Close",
-  filterButtonLabel: _ = "Filters",
-  filterDialogColumns: M = 1,
-  filterDialogTitle: w = "Filters",
+import { useId as H, useState as S, useMemo as T } from "react";
+import { Button as _ } from "../button/index.js";
+import { Checkbox as q } from "../checkbox/index.js";
+import { Chip as z } from "../chip/index.js";
+import { Collapsible as A } from "../collapsible/index.js";
+import { Controls as E } from "../controls/index.js";
+import { Dialog as J } from "../dialog/index.js";
+import { Header as K } from "../header/index.js";
+import { I as L } from "../../index-BIV5OwVJ.js";
+import '../../assets/index9.css';const P = "_search_1rde5_3", Q = "_controls_1rde5_15", U = "_chips_1rde5_35", V = "_radio_1rde5_101", o = {
+  search: P,
+  controls: Q,
+  chips: U,
+  "filter-dialog": "_filter-dialog_1rde5_42",
+  "filter-groups": "_filter-groups_1rde5_47",
+  "filter-group": "_filter-group_1rde5_47",
+  "filter-option": "_filter-option_1rde5_83",
+  "option-copy": "_option-copy_1rde5_89",
+  radio: V,
+  "collapsible-options": "_collapsible-options_1rde5_128"
+}, la = ({
+  closeLabel: M = "Close",
+  filterButtonLabel: v = "Filters",
+  filterDialogColumns: C = 1,
+  filterDialogTitle: D = "Filters",
   filterGroups: d = [],
-  onChange: C,
+  onChange: O,
   onSelectedFiltersChange: t,
-  removeFilterLabel: O = (n) => `Remove ${n.label} filter`,
+  removeFilterLabel: w = (s) => `Remove ${s.label} filter`,
   resetLabel: x = "Reset",
   searchLabel: I = "Search",
   searchPlaceholder: j = "Search",
   selectedFilters: r = [],
-  value: u = ""
+  value: R = ""
 }) => {
-  const n = B(), [v, m] = E(!1), R = H(() => new Map(d.flatMap((a) => {
+  const s = H(), [f, m] = S(!1), B = T(() => new Map(d.flatMap((a) => {
     var l;
     return [...a.options, ...((l = a.collapsible) == null ? void 0 : l.options) ?? []];
   }).map((a) => [a.value, a])), [d]), h = r.flatMap((a) => {
-    const l = R.get(a);
+    const l = B.get(a);
     return l ? [l] : [];
   }), p = (a, l, e) => {
     var $;
     if (!t) return;
-    const b = /* @__PURE__ */ new Set([...(e == null ? void 0 : e.options.map((s) => s.value)) ?? [], ...(($ = e == null ? void 0 : e.collapsible) == null ? void 0 : $.options.map((s) => s.value)) ?? []]), k = r.filter((s) => !b.has(s));
+    const b = /* @__PURE__ */ new Set([...(e == null ? void 0 : e.options.map((n) => n.value)) ?? [], ...(($ = e == null ? void 0 : e.collapsible) == null ? void 0 : $.options.map((n) => n.value)) ?? []]), k = r.filter((n) => !b.has(n));
     if (l && (e == null ? void 0 : e.defaultValue) === a) {
       t(k);
       return;
     }
-    t(l ? (e == null ? void 0 : e.control) === "radio" || (e == null ? void 0 : e.selectionMode) === "single" ? [...k, a] : [.../* @__PURE__ */ new Set([...r, a])] : r.filter((s) => s !== a));
+    t(l ? (e == null ? void 0 : e.control) === "radio" || (e == null ? void 0 : e.selectionMode) === "single" ? [...k, a] : [.../* @__PURE__ */ new Set([...r, a])] : r.filter((n) => n !== a));
   }, y = (a, l) => {
     var e;
     return r.includes(a) || l.defaultValue === a && ![...l.options, ...((e = l.collapsible) == null ? void 0 : e.options) ?? []].some((b) => r.includes(b.value));
   }, N = (a, l) => /* @__PURE__ */ i("div", { className: o["filter-option"], "data-component": "renderfilter", children: l.control === "radio" ? /* @__PURE__ */ c("label", { className: o.radio, children: [
-    /* @__PURE__ */ i("input", { checked: y(a.value, l), name: `${n}-filter-${l.label ?? "group"}`, onChange: (e) => p(a.value, e.target.checked, l), type: "radio" }),
+    /* @__PURE__ */ i("input", { checked: y(a.value, l), name: `${s}-filter-${l.label ?? "group"}`, onChange: (e) => p(a.value, e.target.checked, l), type: "radio" }),
     /* @__PURE__ */ c("span", { className: o["option-copy"], children: [
       a.label,
       a.description && /* @__PURE__ */ i("sub", { children: a.description })
     ] })
-  ] }) : /* @__PURE__ */ i(K, { checked: y(a.value, l), label: /* @__PURE__ */ c("span", { className: o["option-copy"], children: [
+  ] }) : /* @__PURE__ */ i(q, { checked: y(a.value, l), label: /* @__PURE__ */ c("span", { className: o["option-copy"], children: [
     a.label,
     a.description && /* @__PURE__ */ i("sub", { children: a.description })
   ] }), onChange: (e) => p(a.value, e.target.checked, l) }) }, a.value);
   return /* @__PURE__ */ c("div", { className: o.search, "data-component": "search", children: [
     /* @__PURE__ */ c("div", { className: o.controls, children: [
-      /* @__PURE__ */ i(J, { "aria-label": I, icon: "search", onChange: (a) => C(a.target.value), placeholder: j, type: "search", value: u }),
-      d.length > 0 && /* @__PURE__ */ i(f, { "aria-expanded": v, "aria-haspopup": "dialog", badge: h.length, icon: "funnel", onClick: () => m(!0), variant: "tertiary", children: _ })
+      /* @__PURE__ */ i(L, { "aria-label": I, icon: "search", onChange: (a) => O(a.target.value), placeholder: j, type: "search", value: R }),
+      d.length > 0 && /* @__PURE__ */ i(_, { "aria-expanded": f, "aria-haspopup": "dialog", badge: h.length, icon: "funnel", onClick: () => m(!0), variant: "tertiary", children: v })
     ] }),
-    h.length > 0 && /* @__PURE__ */ c("div", { "aria-label": _, className: o.chips, children: [
-      h.map((a) => /* @__PURE__ */ i(S, { accessibleLabel: O(a), label: a.label, onDelete: () => p(a.value, !1), onKeyDown: (l) => {
-        (l.key === "Enter" || l.key === " ") && (l.preventDefault(), p(a.value, !1));
-      }, role: "button" }, a.value)),
-      /* @__PURE__ */ i(f, { onClick: () => t == null ? void 0 : t([]), variant: "tertiary", children: x })
+    h.length > 0 && /* @__PURE__ */ c("div", { "aria-label": v, className: o.chips, children: [
+      h.map((a) => /* @__PURE__ */ i(z, { accessibleLabel: w(a), label: a.label, onDelete: () => p(a.value, !1) }, a.value)),
+      /* @__PURE__ */ i(_, { onClick: () => t == null ? void 0 : t([]), variant: "tertiary", children: x })
     ] }),
-    v && /* @__PURE__ */ i(z, { "aria-labelledby": n, className: o["filter-dialog"], controls: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(f, { onClick: () => m(!1), children: D }) }), header: /* @__PURE__ */ i(A, { children: /* @__PURE__ */ i("h2", { id: n, children: w }) }), open: !0, setOpen: m, children: /* @__PURE__ */ i("div", { className: o["filter-groups"], "data-columns": M, children: d.map((a, l) => /* @__PURE__ */ c("section", { "aria-labelledby": a.label ? `${n}-${l}` : void 0, className: o["filter-group"], "data-column-span": a.columnSpan ?? 1, role: a.control === "radio" ? "radiogroup" : "group", children: [
-      a.label && /* @__PURE__ */ i("h3", { id: `${n}-${l}`, children: a.label }),
+    f && /* @__PURE__ */ i(J, { "aria-labelledby": s, className: o["filter-dialog"], controls: /* @__PURE__ */ i(E, { children: /* @__PURE__ */ i(_, { onClick: () => m(!1), children: M }) }), header: /* @__PURE__ */ i(K, { children: /* @__PURE__ */ i("h2", { id: s, children: D }) }), open: !0, setOpen: m, children: /* @__PURE__ */ i("div", { className: o["filter-groups"], "data-columns": C, children: d.map((a, l) => /* @__PURE__ */ c("section", { "aria-labelledby": a.label ? `${s}-${l}` : void 0, className: o["filter-group"], "data-column-span": a.columnSpan ?? 1, role: a.control === "radio" ? "radiogroup" : "group", children: [
+      a.label && /* @__PURE__ */ i("h3", { id: `${s}-${l}`, children: a.label }),
       a.options.map((e) => N(e, a)),
-      a.collapsible && /* @__PURE__ */ i(T, { summary: a.collapsible.label, children: /* @__PURE__ */ i("div", { className: o["collapsible-options"], children: a.collapsible.options.map((e) => N(e, a)) }) })
+      a.collapsible && /* @__PURE__ */ i(A, { summary: a.collapsible.label, children: /* @__PURE__ */ i("div", { className: o["collapsible-options"], children: a.collapsible.options.map((e) => N(e, a)) }) })
     ] }, a.label ?? l)) }) })
   ] });
 };
 export {
-  ea as Search
+  la as Search
 };
 //# sourceMappingURL=index.js.map

package/dist/components/search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/search/index.tsx"],"sourcesContent":["import { useId, useMemo, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Chip } from '../chip';\nimport { Collapsible } from '../collapsible';\nimport { Controls } from '../controls';\nimport { Dialog } from '../dialog';\nimport { Header } from '../header';\nimport { Input } from '../input';\nimport styles from './styles.module.css';\n\nexport type SearchFilter = {\n  description?: string;\n  label: string;\n  value: string;\n};\n\nexport type SearchFilterGroup = {\n  collapsible?: {\n    label: string;\n    options: readonly SearchFilter[];\n  };\n  columnSpan?: 1 | 2;\n  control?: 'checkbox' | 'radio';\n  defaultValue?: string;\n  label?: string;\n  options: readonly SearchFilter[];\n  selectionMode?: 'multiple' | 'single';\n};\n\nexport type SearchProps = {\n  closeLabel?: string;\n  filterButtonLabel?: string;\n  filterDialogColumns?: 1 | 2;\n  filterDialogTitle?: string;\n  filterGroups?: readonly SearchFilterGroup[];\n  onChange: (value: string) => void;\n  onSelectedFiltersChange?: (selectedFilters: string[]) => void;\n  removeFilterLabel?: (filter: SearchFilter) => string;\n  resetLabel?: string;\n  searchLabel?: string;\n  searchPlaceholder?: string;\n  selectedFilters?: readonly string[];\n  value?: string;\n};\n\nexport const Search = ({\n  closeLabel = 'Close',\n  filterButtonLabel = 'Filters',\n  filterDialogColumns = 1,\n  filterDialogTitle = 'Filters',\n  filterGroups = [],\n  onChange,\n  onSelectedFiltersChange,\n  removeFilterLabel = (filter) => `Remove ${filter.label} filter`,\n  resetLabel = 'Reset',\n  searchLabel = 'Search',\n  searchPlaceholder = 'Search',\n  selectedFilters = [],\n  value = '',\n}: SearchProps) => {\n  const dialogTitleId = useId();\n  const [isFilterDialogOpen, setIsFilterDialogOpen] = useState(false);\n  const filtersByValue = useMemo(\n    () =>\n      new Map(\n        filterGroups\n          .flatMap((group) => [...group.options, ...(group.collapsible?.options ?? [])])\n          .map((filter) => [filter.value, filter])\n      ),\n    [filterGroups]\n  );\n  const activeFilters = selectedFilters.flatMap((selectedFilter) => {\n    const filter = filtersByValue.get(selectedFilter);\n\n    return filter ? [filter] : [];\n  });\n\n  const setFilterSelected = (\n    filterValue: string,\n    isSelected: boolean,\n    group?: SearchFilterGroup\n  ) => {\n    if (!onSelectedFiltersChange) return;\n\n    const groupValues = new Set([\n      ...(group?.options.map((filter) => filter.value) ?? []),\n      ...(group?.collapsible?.options.map((filter) => filter.value) ?? []),\n    ]);\n    const filtersOutsideGroup = selectedFilters.filter(\n      (selectedFilter) => !groupValues.has(selectedFilter)\n    );\n\n    if (isSelected && group?.defaultValue === filterValue) {\n      onSelectedFiltersChange(filtersOutsideGroup);\n      return;\n    }\n\n    onSelectedFiltersChange(\n      isSelected\n        ? group?.control === 'radio' || group?.selectionMode === 'single'\n          ? [...filtersOutsideGroup, filterValue]\n          : [...new Set([...selectedFilters, filterValue])]\n        : selectedFilters.filter((selectedFilter) => selectedFilter !== filterValue)\n    );\n  };\n\n  const isFilterSelected = (filterValue: string, group: SearchFilterGroup) =>\n    selectedFilters.includes(filterValue) ||\n    (group.defaultValue === filterValue &&\n      ![...group.options, ...(group.collapsible?.options ?? [])].some((filter) =>\n        selectedFilters.includes(filter.value)\n      ));\n\n  const renderFilter = (filter: SearchFilter, group: SearchFilterGroup) => (\n    <div\n      className={styles['filter-option']}\n      key={filter.value}\n    >\n      {group.control === 'radio' ? (\n        <label className={styles.radio}>\n          <input\n            checked={isFilterSelected(filter.value, group)}\n            name={`${dialogTitleId}-filter-${group.label ?? 'group'}`}\n            onChange={(event) => setFilterSelected(filter.value, event.target.checked, group)}\n            type='radio'\n          />\n          <span className={styles['option-copy']}>\n            {filter.label}\n            {filter.description && <sub>{filter.description}</sub>}\n          </span>\n        </label>\n      ) : (\n        <Checkbox\n          checked={isFilterSelected(filter.value, group)}\n          label={\n            <span className={styles['option-copy']}>\n              {filter.label}\n              {filter.description && <sub>{filter.description}</sub>}\n            </span>\n          }\n          onChange={(event) => setFilterSelected(filter.value, event.target.checked, group)}\n        />\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      className={styles.search}\n      data-component='search'\n    >\n      <div className={styles.controls}>\n        <Input\n          aria-label={searchLabel}\n          icon='search'\n          onChange={(event) => onChange(event.target.value)}\n          placeholder={searchPlaceholder}\n          type='search'\n          value={value}\n        />\n        {filterGroups.length > 0 && (\n          <Button\n            aria-expanded={isFilterDialogOpen}\n            aria-haspopup='dialog'\n            badge={activeFilters.length}\n            icon='funnel'\n            onClick={() => setIsFilterDialogOpen(true)}\n            variant='tertiary'\n          >\n            {filterButtonLabel}\n          </Button>\n        )}\n      </div>\n      {activeFilters.length > 0 && (\n        <div\n          aria-label={filterButtonLabel}\n          className={styles.chips}\n        >\n          {activeFilters.map((filter) => (\n            <Chip\n              accessibleLabel={removeFilterLabel(filter)}\n              key={filter.value}\n              label={filter.label}\n              onDelete={() => setFilterSelected(filter.value, false)}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  setFilterSelected(filter.value, false);\n                }\n              }}\n              role='button'\n            />\n          ))}\n          <Button\n            onClick={() => onSelectedFiltersChange?.([])}\n            variant='tertiary'\n          >\n            {resetLabel}\n          </Button>\n        </div>\n      )}\n      {isFilterDialogOpen && (\n        <Dialog\n          aria-labelledby={dialogTitleId}\n          className={styles['filter-dialog']}\n          controls={\n            <Controls>\n              <Button onClick={() => setIsFilterDialogOpen(false)}>{closeLabel}</Button>\n            </Controls>\n          }\n          header={\n            <Header>\n              <h2 id={dialogTitleId}>{filterDialogTitle}</h2>\n            </Header>\n          }\n          open\n          setOpen={setIsFilterDialogOpen}\n        >\n          <div\n            className={styles['filter-groups']}\n            data-columns={filterDialogColumns}\n          >\n            {filterGroups.map((group, groupIndex) => (\n              <section\n                aria-labelledby={group.label ? `${dialogTitleId}-${groupIndex}` : undefined}\n                className={styles['filter-group']}\n                data-column-span={group.columnSpan ?? 1}\n                key={group.label ?? groupIndex}\n                role={group.control === 'radio' ? 'radiogroup' : 'group'}\n              >\n                {group.label && <h3 id={`${dialogTitleId}-${groupIndex}`}>{group.label}</h3>}\n                {group.options.map((filter) => renderFilter(filter, group))}\n                {group.collapsible && (\n                  <Collapsible summary={group.collapsible.label}>\n                    <div className={styles['collapsible-options']}>\n                      {group.collapsible.options.map((filter) => renderFilter(filter, group))}\n                    </div>\n                  </Collapsible>\n                )}\n              </section>\n            ))}\n          </div>\n        </Dialog>\n      )}\n    </div>\n  );\n};\n"],"names":["Search","closeLabel","filterButtonLabel","filterDialogColumns","filterDialogTitle","filterGroups","onChange","onSelectedFiltersChange","removeFilterLabel","filter","label","resetLabel","searchLabel","searchPlaceholder","selectedFilters","value","dialogTitleId","useId","isFilterDialogOpen","setIsFilterDialogOpen","useState","filtersByValue","useMemo","Map","flatMap","group","options","collapsible","map","activeFilters","selectedFilter","get","setFilterSelected","filterValue","isSelected","groupValues","Set","filtersOutsideGroup","has","defaultValue","control","selectionMode","isFilterSelected","includes","some","renderFilter","jsx","styles","radio","event","target","checked","jsxs","description","Checkbox","search","controls","Input","length","Button","chips","Chip","key","preventDefault","Dialog","Controls","Header","groupIndex","undefined","columnSpan","Collapsible"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/search/index.tsx"],"sourcesContent":["import { useId, useMemo, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Chip } from '../chip';\nimport { Collapsible } from '../collapsible';\nimport { Controls } from '../controls';\nimport { Dialog } from '../dialog';\nimport { Header } from '../header';\nimport { Input } from '../input';\nimport styles from './styles.module.css';\n\nexport type SearchFilter = {\n  description?: string;\n  label: string;\n  value: string;\n};\n\nexport type SearchFilterGroup = {\n  collapsible?: {\n    label: string;\n    options: readonly SearchFilter[];\n  };\n  columnSpan?: 1 | 2;\n  control?: 'checkbox' | 'radio';\n  defaultValue?: string;\n  label?: string;\n  options: readonly SearchFilter[];\n  selectionMode?: 'multiple' | 'single';\n};\n\nexport type SearchProps = {\n  closeLabel?: string;\n  filterButtonLabel?: string;\n  filterDialogColumns?: 1 | 2;\n  filterDialogTitle?: string;\n  filterGroups?: readonly SearchFilterGroup[];\n  onChange: (value: string) => void;\n  onSelectedFiltersChange?: (selectedFilters: string[]) => void;\n  removeFilterLabel?: (filter: SearchFilter) => string;\n  resetLabel?: string;\n  searchLabel?: string;\n  searchPlaceholder?: string;\n  selectedFilters?: readonly string[];\n  value?: string;\n};\n\nexport const Search = ({\n  closeLabel = 'Close',\n  filterButtonLabel = 'Filters',\n  filterDialogColumns = 1,\n  filterDialogTitle = 'Filters',\n  filterGroups = [],\n  onChange,\n  onSelectedFiltersChange,\n  removeFilterLabel = (filter) => `Remove ${filter.label} filter`,\n  resetLabel = 'Reset',\n  searchLabel = 'Search',\n  searchPlaceholder = 'Search',\n  selectedFilters = [],\n  value = '',\n}: SearchProps) => {\n  const dialogTitleId = useId();\n  const [isFilterDialogOpen, setIsFilterDialogOpen] = useState(false);\n  const filtersByValue = useMemo(\n    () =>\n      new Map(\n        filterGroups\n          .flatMap((group) => [...group.options, ...(group.collapsible?.options ?? [])])\n          .map((filter) => [filter.value, filter])\n      ),\n    [filterGroups]\n  );\n  const activeFilters = selectedFilters.flatMap((selectedFilter) => {\n    const filter = filtersByValue.get(selectedFilter);\n\n    return filter ? [filter] : [];\n  });\n\n  const setFilterSelected = (\n    filterValue: string,\n    isSelected: boolean,\n    group?: SearchFilterGroup\n  ) => {\n    if (!onSelectedFiltersChange) return;\n\n    const groupValues = new Set([\n      ...(group?.options.map((filter) => filter.value) ?? []),\n      ...(group?.collapsible?.options.map((filter) => filter.value) ?? []),\n    ]);\n    const filtersOutsideGroup = selectedFilters.filter(\n      (selectedFilter) => !groupValues.has(selectedFilter)\n    );\n\n    if (isSelected && group?.defaultValue === filterValue) {\n      onSelectedFiltersChange(filtersOutsideGroup);\n      return;\n    }\n\n    onSelectedFiltersChange(\n      isSelected\n        ? group?.control === 'radio' || group?.selectionMode === 'single'\n          ? [...filtersOutsideGroup, filterValue]\n          : [...new Set([...selectedFilters, filterValue])]\n        : selectedFilters.filter((selectedFilter) => selectedFilter !== filterValue)\n    );\n  };\n\n  const isFilterSelected = (filterValue: string, group: SearchFilterGroup) =>\n    selectedFilters.includes(filterValue) ||\n    (group.defaultValue === filterValue &&\n      ![...group.options, ...(group.collapsible?.options ?? [])].some((filter) =>\n        selectedFilters.includes(filter.value)\n      ));\n\n  const renderFilter = (filter: SearchFilter, group: SearchFilterGroup) => (\n    <div\n      className={styles['filter-option']}\n      key={filter.value}\n    >\n      {group.control === 'radio' ? (\n        <label className={styles.radio}>\n          <input\n            checked={isFilterSelected(filter.value, group)}\n            name={`${dialogTitleId}-filter-${group.label ?? 'group'}`}\n            onChange={(event) => setFilterSelected(filter.value, event.target.checked, group)}\n            type='radio'\n          />\n          <span className={styles['option-copy']}>\n            {filter.label}\n            {filter.description && <sub>{filter.description}</sub>}\n          </span>\n        </label>\n      ) : (\n        <Checkbox\n          checked={isFilterSelected(filter.value, group)}\n          label={\n            <span className={styles['option-copy']}>\n              {filter.label}\n              {filter.description && <sub>{filter.description}</sub>}\n            </span>\n          }\n          onChange={(event) => setFilterSelected(filter.value, event.target.checked, group)}\n        />\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      className={styles.search}\n      data-component='search'\n    >\n      <div className={styles.controls}>\n        <Input\n          aria-label={searchLabel}\n          icon='search'\n          onChange={(event) => onChange(event.target.value)}\n          placeholder={searchPlaceholder}\n          type='search'\n          value={value}\n        />\n        {filterGroups.length > 0 && (\n          <Button\n            aria-expanded={isFilterDialogOpen}\n            aria-haspopup='dialog'\n            badge={activeFilters.length}\n            icon='funnel'\n            onClick={() => setIsFilterDialogOpen(true)}\n            variant='tertiary'\n          >\n            {filterButtonLabel}\n          </Button>\n        )}\n      </div>\n      {activeFilters.length > 0 && (\n        <div\n          aria-label={filterButtonLabel}\n          className={styles.chips}\n        >\n          {activeFilters.map((filter) => (\n            <Chip\n              accessibleLabel={removeFilterLabel(filter)}\n              key={filter.value}\n              label={filter.label}\n              onDelete={() => setFilterSelected(filter.value, false)}\n            />\n          ))}\n          <Button\n            onClick={() => onSelectedFiltersChange?.([])}\n            variant='tertiary'\n          >\n            {resetLabel}\n          </Button>\n        </div>\n      )}\n      {isFilterDialogOpen && (\n        <Dialog\n          aria-labelledby={dialogTitleId}\n          className={styles['filter-dialog']}\n          controls={\n            <Controls>\n              <Button onClick={() => setIsFilterDialogOpen(false)}>{closeLabel}</Button>\n            </Controls>\n          }\n          header={\n            <Header>\n              <h2 id={dialogTitleId}>{filterDialogTitle}</h2>\n            </Header>\n          }\n          open\n          setOpen={setIsFilterDialogOpen}\n        >\n          <div\n            className={styles['filter-groups']}\n            data-columns={filterDialogColumns}\n          >\n            {filterGroups.map((group, groupIndex) => (\n              <section\n                aria-labelledby={group.label ? `${dialogTitleId}-${groupIndex}` : undefined}\n                className={styles['filter-group']}\n                data-column-span={group.columnSpan ?? 1}\n                key={group.label ?? groupIndex}\n                role={group.control === 'radio' ? 'radiogroup' : 'group'}\n              >\n                {group.label && <h3 id={`${dialogTitleId}-${groupIndex}`}>{group.label}</h3>}\n                {group.options.map((filter) => renderFilter(filter, group))}\n                {group.collapsible && (\n                  <Collapsible summary={group.collapsible.label}>\n                    <div className={styles['collapsible-options']}>\n                      {group.collapsible.options.map((filter) => renderFilter(filter, group))}\n                    </div>\n                  </Collapsible>\n                )}\n              </section>\n            ))}\n          </div>\n        </Dialog>\n      )}\n    </div>\n  );\n};\n"],"names":["Search","closeLabel","filterButtonLabel","filterDialogColumns","filterDialogTitle","filterGroups","onChange","onSelectedFiltersChange","removeFilterLabel","filter","label","resetLabel","searchLabel","searchPlaceholder","selectedFilters","value","dialogTitleId","useId","isFilterDialogOpen","setIsFilterDialogOpen","useState","filtersByValue","useMemo","Map","flatMap","group","options","collapsible","map","activeFilters","selectedFilter","get","setFilterSelected","filterValue","isSelected","groupValues","Set","filtersOutsideGroup","has","defaultValue","control","selectionMode","isFilterSelected","includes","some","renderFilter","jsx","styles","radio","event","target","checked","jsxs","description","Checkbox","search","controls","Input","length","Button","chips","Chip","Dialog","Controls","Header","groupIndex","undefined","columnSpan","Collapsible"],"mappings":"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"}

package/dist/components/select/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-ovA21Oao.cjs");const e=require("../../index-CjI8oRpS.cjs");require("../../use-touched-D_TJ8wDc.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-DaZGJzI0.cjs");const e=require("../../index-Dn1v0qm6.cjs");require("../../use-touched-Bq5Gjbpz.cjs");exports.Select=e.Select;
 //# sourceMappingURL=index.cjs.map

package/dist/components/select/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../classix-DG18itHa.js";
-import "../../icons-Bq3diTRm.js";
-import { S as e } from "../../index-DwzLUapm.js";
-import "../../use-touched-DXIJVVzz.js";
+import "../../icons-Dj0vEOCB.js";
+import { S as e } from "../../index-CgA0NUMD.js";
+import "../../use-touched-B999bBr8.js";
 export {
   e as Select
 };

package/dist/components/sortable/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const q=require("react/jsx-runtime"),X=require("../../classix-5H4IWnMA.cjs"),s=require("react"),Z=require("../list/index.cjs"),G="_sortable_iw0r0_1",J="_dragging_iw0r0_13",K="_columns_iw0r0_38",Q="_pseudo_iw0r0_47",b={sortable:G,dragging:J,columns:K,pseudo:Q,"target-above":"_target-above_iw0r0_62","target-below":"_target-below_iw0r0_63"},k=s.createContext(null);function tt(){return s.useContext(k)}const h=a=>Number.parseFloat(a)||0,et=a=>{const w=a.firstElementChild,i=a.getBoundingClientRect();if(w){const y=w.getBoundingClientRect();return{borderRadius:window.getComputedStyle(w).borderRadius,height:y.height,width:y.width,wrapperHeight:i.height}}const u=window.getComputedStyle(a),A=h(u.borderLeftWidth)+h(u.borderRightWidth)+h(u.paddingLeft)+h(u.paddingRight),T=h(u.borderBottomWidth)+h(u.borderTopWidth)+h(u.paddingBottom)+h(u.paddingTop);return{borderRadius:u.borderRadius,height:Math.max(0,i.height-T),width:Math.max(0,i.width-A),wrapperHeight:i.height}};function nt({children:a,className:w,columns:i=1,isRearranging:u=!1,onChangeOrder:A,...T}){const y=Number.isFinite(i)?Math.max(1,Math.floor(i)):1,R=s.useMemo(()=>s.Children.toArray(a),[a]),l=s.useRef(-1),L=s.useMemo(()=>typeof window<"u"&&(navigator.maxTouchPoints>0||window.matchMedia("(pointer: coarse)").matches),[]),p=s.useRef(!1),_=s.useRef(null),v=s.useRef(null),x=s.useRef(null),I=s.useRef(0),C=s.useRef(null),g=s.useRef(null),E=s.useRef(o=>o.preventDefault()).current,[M,O]=s.useState({borderRadius:"0px",height:0,width:0,wrapperHeight:0}),[m,S]=s.useState(null),W={...T.style,"--sortable-placeholder-height":`${M.height}px`,"--sortable-placeholder-radius":M.borderRadius,"--sortable-placeholder-width":`${M.width}px`},H=(o,t)=>{if(t<0||t>=R.length||o===t)return;const c=R.slice(),[e]=c.splice(o,1);c.splice(t,0,e),A(c.map((n,r)=>({id:String(s.isValidElement(n)?n.props["data-id"]??`idx-${r}`:`idx-${r}`),weight:c.length-1-r})))},D=()=>{v.current!==null&&(clearTimeout(v.current),v.current=null)},B=()=>{g.current!==null&&(cancelAnimationFrame(g.current),g.current=null)},$=o=>{let t=(o==null?void 0:o.parentElement)??null;for(;t;){const{overflowY:c}=window.getComputedStyle(t);if(/(auto|scroll|overlay)/.test(c)&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return document.scrollingElement instanceof HTMLElement?document.scrollingElement:null},P=(o=!1)=>{D(),B(),window.removeEventListener("touchmove",E),C.current=null,p.current=!1,_.current=null,x.current=null,I.current=o?Date.now()+500:0,l.current=-1,S(null)},N=(o,t)=>{l.current=o,O(et(t)),S(o)},U=o=>o instanceof Element&&!!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'),Y=(o,t,c)=>{const e=l.current;if(!Number.isInteger(t)||e<0||t===e)return null;const n=o.getBoundingClientRect(),r=t===e+1?M.wrapperHeight:n.height,d=c>n.top+r/2?t+1:t;return d>e?d-1:d},j=(o,t)=>{var n;const c=(n=document.elementFromPoint(o,t))==null?void 0:n.closest("[data-sortable-index]");if(!c)return;const e=Y(c,Number(c.dataset.sortableIndex),t);e!==null&&(_.current=e,S(e))},V=o=>{const t=$(o);if(!t)return;const c=72,e=18,n=()=>{if(!p.current){g.current=null;return}const r=C.current;if(!r){g.current=requestAnimationFrame(n);return}const f=t===document.scrollingElement?{top:0,bottom:window.innerHeight}:t.getBoundingClientRect();let d=0;if(r.y<f.top+c){const F=Math.max(0,r.y-f.top);d=-e*(1-F/c)}else if(r.y>f.bottom-c){const F=Math.max(0,f.bottom-r.y);d=e*(1-F/c)}d!==0&&(t.scrollBy({top:d,behavior:"auto"}),j(r.x,r.y)),g.current=requestAnimationFrame(n)};B(),g.current=requestAnimationFrame(n)},z=()=>{l.current=-1,S(null)};return s.useEffect(()=>()=>{D(),B(),window.removeEventListener("touchmove",E)},[E]),q.jsx(Z.List,{className:X.t(w,b.sortable,y>1&&b.columns),columns:i,ordered:!0,style:W,...T,"data-component":"sortable",children:R.map((o,t)=>{const c=s.isValidElement(o)?o.key:null;return q.jsx("li",{"data-sortable-index":t,onClickCapture:e=>{I.current<=Date.now()||(e.preventDefault(),e.stopPropagation(),I.current=0)},className:X.t(m!==null&&m>t-10&&m<t+10&&b.pseudo,m===t&&l.current<t&&b["target-below"],m===t&&l.current>t&&b["target-above"],l.current===t&&b.dragging),onContextMenu:e=>{(p.current||v.current!==null)&&e.preventDefault()},onTouchStart:e=>{if(u||U(e.target))return;I.current=0;const n=e.touches[0];if(!n)return;const r=e.currentTarget;x.current={x:n.clientX,y:n.clientY},D(),v.current=setTimeout(()=>{N(t,r),p.current=!0,_.current=t,C.current={x:n.clientX,y:n.clientY},window.addEventListener("touchmove",E,{passive:!1}),V(r)},350)},onTouchMove:e=>{const n=e.touches[0];if(n){if(C.current={x:n.clientX,y:n.clientY},!p.current){const r=x.current;if(!r)return;Math.hypot(n.clientX-r.x,n.clientY-r.y)>8&&(D(),x.current=null);return}j(n.clientX,n.clientY)}},onTouchEnd:e=>{if(D(),!p.current){x.current=null;return}e.preventDefault();const n=l.current,r=_.current;n>=0&&r!==null&&n!==r&&H(n,r),P(!0)},onTouchCancel:()=>P(),draggable:!u&&!L,onDragEnd:()=>z(),onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move";const n=Y(e.currentTarget,t,e.clientY);n!==null&&S(n)},onDragStart:e=>{if(L){e.preventDefault();return}N(t,e.currentTarget),e.dataTransfer.setData("text/plain",""),e.dataTransfer.effectAllowed="move"},onDrop:e=>{e.preventDefault();const n=l.current,r=m;n<0||r===null||n===r||(H(n,r),z())},"data-component":"sortable",children:q.jsx(k.Provider,{value:{canMoveDown:t<R.length-1,canMoveUp:t>0,index:t,moveDown:()=>H(t,t+1),moveUp:()=>H(t,t-1)},children:o})},c??t)})})}exports.Sortable=nt;exports.useOptionalSortableItem=tt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const F=require("react/jsx-runtime"),X=require("../../classix-5H4IWnMA.cjs"),s=require("react"),Z=require("../list/index.cjs"),G="_sortable_5vbjc_1",J="_dragging_5vbjc_13",K="_columns_5vbjc_38",Q="_pseudo_5vbjc_47",b={sortable:G,dragging:J,columns:K,pseudo:Q,"target-above":"_target-above_5vbjc_62","target-below":"_target-below_5vbjc_63"},k=s.createContext(null);function tt(){return s.useContext(k)}const h=a=>Number.parseFloat(a)||0,et=a=>{const v=a.firstElementChild,i=a.getBoundingClientRect();if(v){const y=v.getBoundingClientRect();return{borderRadius:window.getComputedStyle(v).borderRadius,height:y.height,width:y.width,wrapperHeight:i.height}}const u=window.getComputedStyle(a),j=h(u.borderLeftWidth)+h(u.borderRightWidth)+h(u.paddingLeft)+h(u.paddingRight),T=h(u.borderBottomWidth)+h(u.borderTopWidth)+h(u.paddingBottom)+h(u.paddingTop);return{borderRadius:u.borderRadius,height:Math.max(0,i.height-T),width:Math.max(0,i.width-j),wrapperHeight:i.height}};function nt({children:a,className:v,columns:i=1,isRearranging:u=!1,onChangeOrder:j,...T}){const y=Number.isFinite(i)?Math.max(1,Math.floor(i)):1,R=s.useMemo(()=>s.Children.toArray(a),[a]),l=s.useRef(-1),q=s.useMemo(()=>typeof window<"u"&&(navigator.maxTouchPoints>0||window.matchMedia("(pointer: coarse)").matches),[]),p=s.useRef(!1),_=s.useRef(null),w=s.useRef(null),x=s.useRef(null),I=s.useRef(0),C=s.useRef(null),g=s.useRef(null),E=s.useRef(o=>o.preventDefault()).current,[M,O]=s.useState({borderRadius:"0px",height:0,width:0,wrapperHeight:0}),[m,S]=s.useState(null),W={...T.style,"--sortable-placeholder-height":`${M.height}px`,"--sortable-placeholder-radius":M.borderRadius,"--sortable-placeholder-width":`${M.width}px`},H=(o,t)=>{if(t<0||t>=R.length||o===t)return;const c=R.slice(),[e]=c.splice(o,1);c.splice(t,0,e),j(c.map((n,r)=>({id:String(s.isValidElement(n)?n.props["data-id"]??`idx-${r}`:`idx-${r}`),weight:c.length-1-r})))},D=()=>{w.current!==null&&(clearTimeout(w.current),w.current=null)},A=()=>{g.current!==null&&(cancelAnimationFrame(g.current),g.current=null)},$=o=>{let t=(o==null?void 0:o.parentElement)??null;for(;t;){const{overflowY:c}=window.getComputedStyle(t);if(/(auto|scroll|overlay)/.test(c)&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return document.scrollingElement instanceof HTMLElement?document.scrollingElement:null},L=(o=!1)=>{D(),A(),window.removeEventListener("touchmove",E),C.current=null,p.current=!1,_.current=null,x.current=null,I.current=o?Date.now()+500:0,l.current=-1,S(null)},P=(o,t)=>{l.current=o,O(et(t)),S(o)},U=o=>o instanceof Element&&!!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'),N=(o,t,c)=>{const e=l.current;if(!Number.isInteger(t)||e<0||t===e)return null;const n=o.getBoundingClientRect(),r=t===e+1?M.wrapperHeight:n.height,d=c>n.top+r/2?t+1:t;return d>e?d-1:d},Y=(o,t)=>{var n;const c=(n=document.elementFromPoint(o,t))==null?void 0:n.closest("[data-sortable-index]");if(!c)return;const e=N(c,Number(c.dataset.sortableIndex),t);e!==null&&(_.current=e,S(e))},V=o=>{const t=$(o);if(!t)return;const c=72,e=18,n=()=>{if(!p.current){g.current=null;return}const r=C.current;if(!r){g.current=requestAnimationFrame(n);return}const f=t===document.scrollingElement?{top:0,bottom:window.innerHeight}:t.getBoundingClientRect();let d=0;if(r.y<f.top+c){const B=Math.max(0,r.y-f.top);d=-e*(1-B/c)}else if(r.y>f.bottom-c){const B=Math.max(0,f.bottom-r.y);d=e*(1-B/c)}d!==0&&(t.scrollBy({top:d,behavior:"auto"}),Y(r.x,r.y)),g.current=requestAnimationFrame(n)};A(),g.current=requestAnimationFrame(n)},z=()=>{l.current=-1,S(null)};return s.useEffect(()=>()=>{D(),A(),window.removeEventListener("touchmove",E)},[E]),F.jsx(Z.List,{className:X.t(v,b.sortable,y>1&&b.columns),columns:i,ordered:!0,style:W,...T,"data-component":"sortable",children:R.map((o,t)=>{const c=s.isValidElement(o)?o.key:null;return F.jsx("li",{"data-sortable-index":t,onClickCapture:e=>{I.current<=Date.now()||(e.preventDefault(),e.stopPropagation(),I.current=0)},className:X.t(m!==null&&m>t-10&&m<t+10&&b.pseudo,m===t&&l.current<t&&b["target-below"],m===t&&l.current>t&&b["target-above"],l.current===t&&b.dragging),onContextMenu:e=>{(p.current||w.current!==null)&&e.preventDefault()},onTouchStart:e=>{if(u||U(e.target))return;I.current=0;const n=e.touches[0];if(!n)return;const r=e.currentTarget;x.current={x:n.clientX,y:n.clientY},D(),w.current=setTimeout(()=>{P(t,r),p.current=!0,_.current=t,C.current={x:n.clientX,y:n.clientY},window.addEventListener("touchmove",E,{passive:!1}),V(r)},350)},onTouchMove:e=>{const n=e.touches[0];if(n){if(C.current={x:n.clientX,y:n.clientY},!p.current){const r=x.current;if(!r)return;Math.hypot(n.clientX-r.x,n.clientY-r.y)>8&&(D(),x.current=null);return}Y(n.clientX,n.clientY)}},onTouchEnd:e=>{if(D(),!p.current){x.current=null;return}e.preventDefault();const n=l.current,r=_.current;n>=0&&r!==null&&n!==r&&H(n,r),L(!0)},onTouchCancel:()=>L(),draggable:!u&&!q,onDragEnd:()=>z(),onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move";const n=N(e.currentTarget,t,e.clientY);n!==null&&S(n)},onDragStart:e=>{if(q){e.preventDefault();return}P(t,e.currentTarget),e.dataTransfer.setData("text/plain",""),e.dataTransfer.effectAllowed="move"},onDrop:e=>{e.preventDefault();const n=l.current,r=m;n<0||r===null||n===r||(H(n,r),z())},"data-component":"sortable",children:F.jsx(k.Provider,{value:{canMoveDown:t<R.length-1,canMoveUp:t>0,index:t,moveDown:()=>H(t,t+1),moveUp:()=>H(t,t-1)},children:o})},c??t)})})}exports.Sortable=nt;exports.useOptionalSortableItem=tt;
 //# sourceMappingURL=index.cjs.map

package/dist/components/sortable/index.js

@@ -1,24 +1,24 @@
-import { jsx as L } from "react/jsx-runtime";
-import { t as $ } from "../../classix-DG18itHa.js";
-import N, { createContext as K, useMemo as q, useRef as u, useState as U, useEffect as Q, useContext as tt } from "react";
+import { jsx as j } from "react/jsx-runtime";
+import { t as W } from "../../classix-DG18itHa.js";
+import L, { createContext as K, useMemo as $, useRef as u, useState as q, useEffect as Q, useContext as tt } from "react";
 import { List as et } from "../list/index.js";
-import '../../assets/index8.css';const rt = "_sortable_iw0r0_1", nt = "_dragging_iw0r0_13", ot = "_columns_iw0r0_38", ct = "_pseudo_iw0r0_47", w = {
-  sortable: rt,
-  dragging: nt,
+import '../../assets/index8.css';const nt = "_sortable_5vbjc_1", rt = "_dragging_5vbjc_13", ot = "_columns_5vbjc_38", ct = "_pseudo_5vbjc_47", b = {
+  sortable: nt,
+  dragging: rt,
   columns: ot,
   pseudo: ct,
-  "target-above": "_target-above_iw0r0_62",
-  "target-below": "_target-below_iw0r0_63"
-}, V = K(null);
+  "target-above": "_target-above_5vbjc_62",
+  "target-below": "_target-below_5vbjc_63"
+}, U = K(null);
 function dt() {
-  return tt(V);
+  return tt(U);
 }
 const h = (s) => Number.parseFloat(s) || 0, lt = (s) => {
-  const b = s.firstElementChild, i = s.getBoundingClientRect();
-  if (b) {
-    const y = b.getBoundingClientRect();
+  const v = s.firstElementChild, i = s.getBoundingClientRect();
+  if (v) {
+    const y = v.getBoundingClientRect();
     return {
-      borderRadius: window.getComputedStyle(b).borderRadius,
+      borderRadius: window.getComputedStyle(v).borderRadius,
       height: y.height,
       width: y.width,
       wrapperHeight: i.height
@@ -34,18 +34,18 @@ const h = (s) => Number.parseFloat(s) || 0, lt = (s) => {
 };
 function ht({
   children: s,
-  className: b,
+  className: v,
   columns: i = 1,
   isRearranging: l = !1,
   onChangeOrder: A,
   ...S
 }) {
-  const y = Number.isFinite(i) ? Math.max(1, Math.floor(i)) : 1, _ = q(() => N.Children.toArray(s), [s]), a = u(-1), P = q(() => typeof window < "u" && (navigator.maxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches), []), p = u(!1), C = u(null), v = u(null), x = u(null), I = u(0), E = u(null), m = u(null), M = u((o) => o.preventDefault()).current, [R, O] = U({
+  const y = Number.isFinite(i) ? Math.max(1, Math.floor(i)) : 1, _ = $(() => L.Children.toArray(s), [s]), a = u(-1), N = $(() => typeof window < "u" && (navigator.maxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches), []), p = u(!1), C = u(null), w = u(null), x = u(null), I = u(0), E = u(null), m = u(null), M = u((o) => o.preventDefault()).current, [R, V] = q({
     borderRadius: "0px",
     height: 0,
     width: 0,
     wrapperHeight: 0
-  }), [g, D] = U(null), j = {
+  }), [g, D] = q(null), O = {
     ...S.style,
     "--sortable-placeholder-height": `${R.height}px`,
     "--sortable-placeholder-radius": R.borderRadius,
@@ -53,12 +53,12 @@ function ht({
   }, H = (o, t) => {
     if (t < 0 || t >= _.length || o === t) return;
     const c = _.slice(), [e] = c.splice(o, 1);
-    c.splice(t, 0, e), A(c.map((r, n) => ({
-      id: String(N.isValidElement(r) ? r.props["data-id"] ?? `idx-${n}` : `idx-${n}`),
-      weight: c.length - 1 - n
+    c.splice(t, 0, e), A(c.map((n, r) => ({
+      id: String(L.isValidElement(n) ? n.props["data-id"] ?? `idx-${r}` : `idx-${r}`),
+      weight: c.length - 1 - r
     })));
   }, T = () => {
-    v.current !== null && (clearTimeout(v.current), v.current = null);
+    w.current !== null && (clearTimeout(w.current), w.current = null);
   }, B = () => {
     m.current !== null && (cancelAnimationFrame(m.current), m.current = null);
   }, Z = (o) => {
@@ -71,32 +71,32 @@ function ht({
       t = t.parentElement;
     }
     return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;
-  }, Y = (o = !1) => {
+  }, P = (o = !1) => {
     T(), B(), window.removeEventListener("touchmove", M), E.current = null, p.current = !1, C.current = null, x.current = null, I.current = o ? Date.now() + 500 : 0, a.current = -1, D(null);
-  }, z = (o, t) => {
-    a.current = o, O(lt(t)), D(o);
-  }, G = (o) => o instanceof Element && !!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'), X = (o, t, c) => {
+  }, Y = (o, t) => {
+    a.current = o, V(lt(t)), D(o);
+  }, G = (o) => o instanceof Element && !!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'), z = (o, t, c) => {
     const e = a.current;
     if (!Number.isInteger(t) || e < 0 || t === e) return null;
-    const r = o.getBoundingClientRect(), n = t === e + 1 ? R.wrapperHeight : r.height, d = c > r.top + n / 2 ? t + 1 : t;
+    const n = o.getBoundingClientRect(), r = t === e + 1 ? R.wrapperHeight : n.height, d = c > n.top + r / 2 ? t + 1 : t;
     return d > e ? d - 1 : d;
-  }, k = (o, t) => {
-    var r;
-    const c = (r = document.elementFromPoint(o, t)) == null ? void 0 : r.closest("[data-sortable-index]");
+  }, X = (o, t) => {
+    var n;
+    const c = (n = document.elementFromPoint(o, t)) == null ? void 0 : n.closest("[data-sortable-index]");
     if (!c) return;
-    const e = X(c, Number(c.dataset.sortableIndex), t);
+    const e = z(c, Number(c.dataset.sortableIndex), t);
     e !== null && (C.current = e, D(e));
   }, J = (o) => {
     const t = Z(o);
     if (!t) return;
-    const c = 72, e = 18, r = () => {
+    const c = 72, e = 18, n = () => {
       if (!p.current) {
         m.current = null;
         return;
       }
-      const n = E.current;
-      if (!n) {
-        m.current = requestAnimationFrame(r);
+      const r = E.current;
+      if (!r) {
+        m.current = requestAnimationFrame(n);
         return;
       }
       const f = t === document.scrollingElement ? {
@@ -104,60 +104,60 @@ function ht({
         bottom: window.innerHeight
       } : t.getBoundingClientRect();
       let d = 0;
-      if (n.y < f.top + c) {
-        const F = Math.max(0, n.y - f.top);
+      if (r.y < f.top + c) {
+        const F = Math.max(0, r.y - f.top);
         d = -e * (1 - F / c);
-      } else if (n.y > f.bottom - c) {
-        const F = Math.max(0, f.bottom - n.y);
+      } else if (r.y > f.bottom - c) {
+        const F = Math.max(0, f.bottom - r.y);
         d = e * (1 - F / c);
       }
       d !== 0 && (t.scrollBy({
         top: d,
         behavior: "auto"
-      }), k(n.x, n.y)), m.current = requestAnimationFrame(r);
+      }), X(r.x, r.y)), m.current = requestAnimationFrame(n);
     };
-    B(), m.current = requestAnimationFrame(r);
-  }, W = () => {
+    B(), m.current = requestAnimationFrame(n);
+  }, k = () => {
     a.current = -1, D(null);
   };
   return Q(() => () => {
     T(), B(), window.removeEventListener("touchmove", M);
-  }, [M]), /* @__PURE__ */ L(et, { className: $(b, w.sortable, y > 1 && w.columns), columns: i, ordered: !0, style: j, ...S, "data-component": "sortable", children: _.map((o, t) => {
-    const c = N.isValidElement(o) ? o.key : null;
-    return /* @__PURE__ */ L("li", { "data-sortable-index": t, onClickCapture: (e) => {
+  }, [M]), /* @__PURE__ */ j(et, { className: W(v, b.sortable, y > 1 && b.columns), columns: i, ordered: !0, style: O, ...S, "data-component": "sortable", children: _.map((o, t) => {
+    const c = L.isValidElement(o) ? o.key : null;
+    return /* @__PURE__ */ j("li", { "data-sortable-index": t, onClickCapture: (e) => {
       I.current <= Date.now() || (e.preventDefault(), e.stopPropagation(), I.current = 0);
-    }, className: $(g !== null && g > t - 10 && g < t + 10 && w.pseudo, g === t && a.current < t && w["target-below"], g === t && a.current > t && w["target-above"], a.current === t && w.dragging), onContextMenu: (e) => {
-      (p.current || v.current !== null) && e.preventDefault();
+    }, className: W(g !== null && g > t - 10 && g < t + 10 && b.pseudo, g === t && a.current < t && b["target-below"], g === t && a.current > t && b["target-above"], a.current === t && b.dragging), onContextMenu: (e) => {
+      (p.current || w.current !== null) && e.preventDefault();
     }, onTouchStart: (e) => {
       if (l || G(e.target)) return;
       I.current = 0;
-      const r = e.touches[0];
-      if (!r) return;
-      const n = e.currentTarget;
+      const n = e.touches[0];
+      if (!n) return;
+      const r = e.currentTarget;
       x.current = {
-        x: r.clientX,
-        y: r.clientY
-      }, T(), v.current = setTimeout(() => {
-        z(t, n), p.current = !0, C.current = t, E.current = {
-          x: r.clientX,
-          y: r.clientY
+        x: n.clientX,
+        y: n.clientY
+      }, T(), w.current = setTimeout(() => {
+        Y(t, r), p.current = !0, C.current = t, E.current = {
+          x: n.clientX,
+          y: n.clientY
         }, window.addEventListener("touchmove", M, {
           passive: !1
-        }), J(n);
+        }), J(r);
       }, 350);
     }, onTouchMove: (e) => {
-      const r = e.touches[0];
-      if (r) {
+      const n = e.touches[0];
+      if (n) {
         if (E.current = {
-          x: r.clientX,
-          y: r.clientY
+          x: n.clientX,
+          y: n.clientY
         }, !p.current) {
-          const n = x.current;
-          if (!n) return;
-          Math.hypot(r.clientX - n.x, r.clientY - n.y) > 8 && (T(), x.current = null);
+          const r = x.current;
+          if (!r) return;
+          Math.hypot(n.clientX - r.x, n.clientY - r.y) > 8 && (T(), x.current = null);
           return;
         }
-        k(r.clientX, r.clientY);
+        X(n.clientX, n.clientY);
       }
     }, onTouchEnd: (e) => {
       if (T(), !p.current) {
@@ -165,23 +165,23 @@ function ht({
         return;
       }
       e.preventDefault();
-      const r = a.current, n = C.current;
-      r >= 0 && n !== null && r !== n && H(r, n), Y(!0);
-    }, onTouchCancel: () => Y(), draggable: !l && !P, onDragEnd: () => W(), onDragOver: (e) => {
+      const n = a.current, r = C.current;
+      n >= 0 && r !== null && n !== r && H(n, r), P(!0);
+    }, onTouchCancel: () => P(), draggable: !l && !N, onDragEnd: () => k(), onDragOver: (e) => {
       e.preventDefault(), e.dataTransfer.dropEffect = "move";
-      const r = X(e.currentTarget, t, e.clientY);
-      r !== null && D(r);
+      const n = z(e.currentTarget, t, e.clientY);
+      n !== null && D(n);
     }, onDragStart: (e) => {
-      if (P) {
+      if (N) {
         e.preventDefault();
         return;
       }
-      z(t, e.currentTarget), e.dataTransfer.setData("text/plain", ""), e.dataTransfer.effectAllowed = "move";
+      Y(t, e.currentTarget), e.dataTransfer.setData("text/plain", ""), e.dataTransfer.effectAllowed = "move";
     }, onDrop: (e) => {
       e.preventDefault();
-      const r = a.current, n = g;
-      r < 0 || n === null || r === n || (H(r, n), W());
-    }, "data-component": "sortable", children: /* @__PURE__ */ L(V.Provider, { value: {
+      const n = a.current, r = g;
+      n < 0 || r === null || n === r || (H(n, r), k());
+    }, "data-component": "sortable", children: /* @__PURE__ */ j(U.Provider, { value: {
       canMoveDown: t < _.length - 1,
       canMoveUp: t > 0,
       index: t,

package/dist/components/textarea/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const e=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../../use-touched-D_TJ8wDc.cjs"),h="_label_ah8yz_3",i="_textarea_ah8yz_11",_="_touched_ah8yz_30",t={label:h,textarea:i,touched:_},m=({label:a,maxRows:r=12,minRows:c=3,required:s,value:o,...n})=>{const{touched:l,onBlur:u}=x.useTouched(o==="");return e.jsxs("label",{className:t.label,"data-component":"textarea",children:[a&&e.jsx("span",{"data-required":s||void 0,children:a}),e.jsx("textarea",{className:d.t(t.textarea,l&&t.touched),onBlur:u,...n,required:s,style:{"--min-rows":c,"--max-rows":r},value:o})]})};exports.Textarea=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const e=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),r=require("../../use-touched-Bq5Gjbpz.cjs"),m="_label_123ts_3",b="_textarea_123ts_11",j="_touched_123ts_30",t={label:m,textarea:b,touched:j},T=({className:c,label:s,maxRows:n=12,minRows:l=3,onBlur:u,required:a,style:d,value:o,...x})=>{const{touched:i,onBlur:h}=r.useTouched(o==="");return e.jsxs("label",{className:t.label,"data-component":"textarea",children:[s&&e.jsx("span",{"data-required":a||void 0,children:s}),e.jsx("textarea",{...x,className:_.t(t.textarea,c,i&&t.touched),onBlur:r.composeEventHandlers(h,u),required:a,style:{...d,"--min-rows":l,"--max-rows":n},value:o})]})};exports.Textarea=T;
 //# sourceMappingURL=index.cjs.map

package/dist/components/textarea/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type TextareaProps = Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  label,\n  maxRows = 12,\n  minRows = 3,\n  required,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label className={styles.label}>\n      {label && <span data-required={required || undefined}>{label}</span>}\n      <textarea\n        className={cx(styles.textarea, touched && styles.touched)}\n        onBlur={onBlur}\n        {...props}\n        required={required}\n        style={\n          {\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n        value={value}\n      />\n    </label>\n  );\n};\n"],"names":["Textarea","label","maxRows","minRows","required","value","props","touched","onBlur","useTouched","styles","jsx","undefined","cx","textarea"],"mappings":"0SAYaA,EAAWA,CAAC,CACvBC,MAAAA,EACAC,QAAAA,EAAU,GACVC,QAAAA,EAAU,EACVC,SAAAA,EACAC,MAAAA,EACA,GAAGC,CACU,IAAM,CACnB,KAAM,CAAEC,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,EAAAA,WAAWJ,IAAU,EAAE,EAEnD,cACG,QAAA,CAAM,UAAWK,EAAOT,MAAM,iBAAA,WAC5BA,SAAAA,CAAAA,GAASU,EAAAA,IAAC,OAAA,CAAK,gBAAeP,GAAYQ,OAAYX,SAAAA,EAAM,EAC7DU,EAAAA,IAAC,WAAA,CACC,UAAWE,EAAAA,EAAGH,EAAOI,SAAUP,GAAWG,EAAOH,OAAO,EACxD,OAAAC,KACIF,EACJ,SAAAF,EACA,MACE,CACE,aAAcD,EACd,aAAcD,CAAAA,EAGlB,MAAAG,CAAA,CAAa,CAAA,EAEjB,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type TextareaProps = Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  className,\n  label,\n  maxRows = 12,\n  minRows = 3,\n  onBlur: onBlurProp,\n  required,\n  style,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label className={styles.label}>\n      {label && <span data-required={required || undefined}>{label}</span>}\n      <textarea\n        {...props}\n        className={cx(styles.textarea, className, touched && styles.touched)}\n        onBlur={composeEventHandlers(onBlur, onBlurProp)}\n        required={required}\n        style={\n          {\n            ...style,\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n        value={value}\n      />\n    </label>\n  );\n};\n"],"names":["Textarea","className","label","maxRows","minRows","onBlur","onBlurProp","required","style","value","props","touched","useTouched","styles","jsx","undefined","cx","textarea","composeEventHandlers"],"mappings":"0SAaaA,EAAWA,CAAC,CACvBC,UAAAA,EACAC,MAAAA,EACAC,QAAAA,EAAU,GACVC,QAAAA,EAAU,EACVC,OAAQC,EACRC,SAAAA,EACAC,MAAAA,EACAC,MAAAA,EACA,GAAGC,CACU,IAAM,CACnB,KAAM,CAAEC,QAAAA,EAASN,OAAAA,CAAAA,EAAWO,EAAAA,WAAWH,IAAU,EAAE,EAEnD,cACG,QAAA,CAAM,UAAWI,EAAOX,MAAM,iBAAA,WAC5BA,SAAAA,CAAAA,GAASY,EAAAA,IAAC,OAAA,CAAK,gBAAeP,GAAYQ,OAAYb,SAAAA,EAAM,QAC5D,WAAA,CACC,GAAIQ,EACJ,UAAWM,IAAGH,EAAOI,SAAUhB,EAAWU,GAAWE,EAAOF,OAAO,EACnE,OAAQO,EAAAA,qBAAqBb,EAAQC,CAAU,EAC/C,SAAAC,EACA,MACE,CACE,GAAGC,EACH,aAAcJ,EACd,aAAcD,CAAAA,EAGlB,MAAAM,CAAA,CAAa,CAAA,EAEjB,CAEJ"}

package/dist/components/textarea/index.js

@@ -1,31 +1,35 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { t as m } from "../../classix-DG18itHa.js";
-import { u as x } from "../../use-touched-DXIJVVzz.js";
-import '../../assets/index6.css';const u = "_label_ah8yz_3", _ = "_textarea_ah8yz_11", i = "_touched_ah8yz_30", t = {
-  label: u,
-  textarea: _,
-  touched: i
-}, f = ({
+import { jsxs as _, jsx as s } from "react/jsx-runtime";
+import { t as h } from "../../classix-DG18itHa.js";
+import { u as i, c as p } from "../../use-touched-B999bBr8.js";
+import '../../assets/index6.css';const b = "_label_123ts_3", f = "_textarea_123ts_11", B = "_touched_123ts_30", t = {
+  label: b,
+  textarea: f,
+  touched: B
+}, N = ({
+  className: r,
   label: e,
-  maxRows: s = 12,
-  minRows: c = 3,
+  maxRows: c = 12,
+  minRows: n = 3,
+  onBlur: l,
   required: a,
+  style: d,
   value: o,
-  ...l
+  ...m
 }) => {
   const {
-    touched: n,
-    onBlur: d
-  } = x(o === "");
-  return /* @__PURE__ */ h("label", { className: t.label, "data-component": "textarea", children: [
-    e && /* @__PURE__ */ r("span", { "data-required": a || void 0, children: e }),
-    /* @__PURE__ */ r("textarea", { className: m(t.textarea, n && t.touched), onBlur: d, ...l, required: a, style: {
-      "--min-rows": c,
-      "--max-rows": s
+    touched: u,
+    onBlur: x
+  } = i(o === "");
+  return /* @__PURE__ */ _("label", { className: t.label, "data-component": "textarea", children: [
+    e && /* @__PURE__ */ s("span", { "data-required": a || void 0, children: e }),
+    /* @__PURE__ */ s("textarea", { ...m, className: h(t.textarea, r, u && t.touched), onBlur: p(x, l), required: a, style: {
+      ...d,
+      "--min-rows": n,
+      "--max-rows": c
     }, value: o })
   ] });
 };
 export {
-  f as Textarea
+  N as Textarea
 };
 //# sourceMappingURL=index.js.map

package/dist/components/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type TextareaProps = Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  label,\n  maxRows = 12,\n  minRows = 3,\n  required,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label className={styles.label}>\n      {label && <span data-required={required || undefined}>{label}</span>}\n      <textarea\n        className={cx(styles.textarea, touched && styles.touched)}\n        onBlur={onBlur}\n        {...props}\n        required={required}\n        style={\n          {\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n        value={value}\n      />\n    </label>\n  );\n};\n"],"names":["Textarea","label","maxRows","minRows","required","value","props","touched","onBlur","useTouched","styles","jsx","undefined","cx","textarea"],"mappings":";;;;;;;GAYaA,IAAWA,CAAC;AAAA,EACvBC,OAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,SAAAA,IAAU;AAAA,EACVC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAWJ,MAAU,EAAE;AAEnD,2BACG,SAAA,EAAM,WAAWK,EAAOT,OAAM,kBAAA,YAC5BA,UAAAA;AAAAA,IAAAA,KAAS,gBAAAU,EAAC,QAAA,EAAK,iBAAeP,KAAYQ,QAAYX,UAAAA,GAAM;AAAA,IAC7D,gBAAAU,EAAC,YAAA,EACC,WAAWE,EAAGH,EAAOI,UAAUP,KAAWG,EAAOH,OAAO,GACxD,QAAAC,MACIF,GACJ,UAAAF,GACA,OACE;AAAA,MACE,cAAcD;AAAAA,MACd,cAAcD;AAAAA,IAAAA,GAGlB,OAAAG,EAAA,CAAa;AAAA,EAAA,GAEjB;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type TextareaProps = Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  className,\n  label,\n  maxRows = 12,\n  minRows = 3,\n  onBlur: onBlurProp,\n  required,\n  style,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label className={styles.label}>\n      {label && <span data-required={required || undefined}>{label}</span>}\n      <textarea\n        {...props}\n        className={cx(styles.textarea, className, touched && styles.touched)}\n        onBlur={composeEventHandlers(onBlur, onBlurProp)}\n        required={required}\n        style={\n          {\n            ...style,\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n        value={value}\n      />\n    </label>\n  );\n};\n"],"names":["Textarea","className","label","maxRows","minRows","onBlur","onBlurProp","required","style","value","props","touched","useTouched","styles","jsx","undefined","cx","textarea","composeEventHandlers"],"mappings":";;;;;;;GAaaA,IAAWA,CAAC;AAAA,EACvBC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,SAAAA,IAAU;AAAA,EACVC,QAAQC;AAAAA,EACRC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASN,QAAAA;AAAAA,EAAAA,IAAWO,EAAWH,MAAU,EAAE;AAEnD,2BACG,SAAA,EAAM,WAAWI,EAAOX,OAAM,kBAAA,YAC5BA,UAAAA;AAAAA,IAAAA,KAAS,gBAAAY,EAAC,QAAA,EAAK,iBAAeP,KAAYQ,QAAYb,UAAAA,GAAM;AAAA,sBAC5D,YAAA,EACC,GAAIQ,GACJ,WAAWM,EAAGH,EAAOI,UAAUhB,GAAWU,KAAWE,EAAOF,OAAO,GACnE,QAAQO,EAAqBb,GAAQC,CAAU,GAC/C,UAAAC,GACA,OACE;AAAA,MACE,GAAGC;AAAAA,MACH,cAAcJ;AAAAA,MACd,cAAcD;AAAAA,IAAAA,GAGlB,OAAAM,EAAA,CAAa;AAAA,EAAA,GAEjB;AAEJ;"}