@solibo/solibo-ui 0.5.16 → 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  portals?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n  <Aside\n    className={cx(styles.portal, open && styles.open)}\n    sticky\n  >\n    <Button\n      className={styles.toggle}\n      onClick={() => setOpen(!open)}\n      variant={'tertiary'}\n    >\n      <Icon name={'sidebar'} />\n    </Button>\n    <Figure>\n      <Branding\n        name='logo'\n        size={48}\n        variant='white'\n      />\n    </Figure>\n    <div className={styles.content}>\n      {portals && <Nav horizontal>{portals}</Nav>}\n      {children && children}\n    </div>\n  </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":"4dAmBaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAASC,KAAAA,EAAMC,QAAAA,CAAqB,IACrEC,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQN,GAAQK,EAAOL,IAAI,EAChD,OAAM,GAAA,iBAAA,SAEN,SAAA,CAAAO,MAACC,EAAAA,QACC,UAAWH,EAAOI,OAClB,QAAS,IAAMR,EAAQ,CAACD,CAAI,EAC5B,QAAS,WAET,SAAAO,EAAAA,IAACG,EAAAA,KAAA,CAAK,KAAM,UAAU,EACxB,EACAH,EAAAA,IAACI,EAAAA,OAAA,CACC,SAAAJ,EAAAA,IAACK,EAAAA,SAAA,CACC,KAAK,OACL,KAAM,GACN,QAAQ,OAAA,CAAO,CAAA,CAEnB,EACAV,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAOQ,QACpBd,SAAAA,CAAAA,GAAWQ,EAAAA,IAACO,MAAA,CAAI,WAAU,GAAEf,SAAAA,EAAQ,EACpCD,GAAYA,CAAAA,CAAAA,CACf,CAAA,CAAA,CACF"}

package/dist/components/portal/index.js

@@ -0,0 +1,30 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { t as a } from "../../classix-DG18itHa.js";
+import { Button as l } from "../button/index.js";
+import { Icon as m } from "../icon/index.js";
+import { Aside as s } from "../aside/index.js";
+import { Branding as p } from "../branding/index.js";
+import { Figure as _ } from "../figure/index.js";
+import { Nav as g } from "../nav/index.js";
+import '../../assets/index10.css';const d = "_portal_rcvlc_39", f = "_content_rcvlc_266", v = "_toggle_rcvlc_273", h = "_open_rcvlc_337", t = {
+  portal: d,
+  content: f,
+  toggle: v,
+  open: h
+}, b = ({
+  children: r,
+  portals: n,
+  open: e,
+  setOpen: i
+}) => /* @__PURE__ */ c(s, { className: a(t.portal, e && t.open), sticky: !0, "data-component": "portal", children: [
+  /* @__PURE__ */ o(l, { className: t.toggle, onClick: () => i(!e), variant: "tertiary", children: /* @__PURE__ */ o(m, { name: "sidebar" }) }),
+  /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(p, { name: "logo", size: 48, variant: "white" }) }),
+  /* @__PURE__ */ c("div", { className: t.content, children: [
+    n && /* @__PURE__ */ o(g, { horizontal: !0, children: n }),
+    r && r
+  ] })
+] });
+export {
+  b as Portal
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/portal/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport { Aside } from '../aside';\nimport { Branding } from '../branding';\nimport { Figure } from '../figure';\nimport { Nav } from '../nav';\nimport styles from './styles.module.css';\n\nexport type PortalProps = {\n  accessibleLabel?: string;\n  children?: React.ReactNode;\n  portals?: React.ReactNode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n};\n\nexport const Portal = ({ children, portals, open, setOpen }: PortalProps) => (\n  <Aside\n    className={cx(styles.portal, open && styles.open)}\n    sticky\n  >\n    <Button\n      className={styles.toggle}\n      onClick={() => setOpen(!open)}\n      variant={'tertiary'}\n    >\n      <Icon name={'sidebar'} />\n    </Button>\n    <Figure>\n      <Branding\n        name='logo'\n        size={48}\n        variant='white'\n      />\n    </Figure>\n    <div className={styles.content}>\n      {portals && <Nav horizontal>{portals}</Nav>}\n      {children && children}\n    </div>\n  </Aside>\n);\n"],"names":["Portal","children","portals","open","setOpen","jsxs","Aside","cx","styles","portal","jsx","Button","toggle","Icon","Figure","Branding","content","Nav"],"mappings":";;;;;;;;;;;;;GAmBaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAASC,MAAAA;AAAAA,EAAMC,SAAAA;AAAqB,MACrE,gBAAAC,EAACC,GAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQN,KAAQK,EAAOL,IAAI,GAChD,QAAM,IAAA,kBAAA,UAEN,UAAA;AAAA,EAAA,gBAAAO,EAACC,KACC,WAAWH,EAAOI,QAClB,SAAS,MAAMR,EAAQ,CAACD,CAAI,GAC5B,SAAS,YAET,UAAA,gBAAAO,EAACG,GAAA,EAAK,MAAM,WAAU,GACxB;AAAA,EACA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,EACC,MAAK,QACL,MAAM,IACN,SAAQ,QAAA,CAAO,EAAA,CAEnB;AAAA,EACA,gBAAAV,EAAC,OAAA,EAAI,WAAWG,EAAOQ,SACpBd,UAAAA;AAAAA,IAAAA,KAAW,gBAAAQ,EAACO,GAAA,EAAI,YAAU,IAAEf,UAAAA,GAAQ;AAAA,IACpCD,KAAYA;AAAAA,EAAAA,EAAAA,CACf;AAAA,EAAA,CACF;"}

package/dist/components/search/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const n=require("react/jsx-runtime"),u=require("react"),p=require("../button/index.cjs"),D=require("../checkbox/index.cjs"),N=require("../chip/index.cjs"),M=require("../controls/index.cjs"),C=require("../dialog/index.cjs"),I=require("../../index-iItPktfX.cjs"),O="_search_w7h2j_1",R="_controls_w7h2j_13",B="_chips_w7h2j_27",o={search:O,controls:R,chips:B,"dialog-content":"_dialog-content_w7h2j_34","filter-groups":"_filter-groups_w7h2j_43","filter-group":"_filter-group_w7h2j_43"},S=({closeLabel:j="Close",filterButtonLabel:_="Filters",filterDialogTitle:m="Filters",filterGroups:l=[],onChange:b,onSelectedFiltersChange:c,removeFilterLabel:g=i=>`Remove ${i.label} filter`,resetLabel:v="Reset",searchLabel:y="Search",searchPlaceholder:f="Search",selectedFilters:t=[],value:k=""})=>{const i=u.useId(),[x,r]=u.useState(!1),w=u.useMemo(()=>new Map(l.flatMap(e=>e.options).map(e=>[e.value,e])),[l]),h=t.flatMap(e=>{const s=w.get(e);return s?[s]:[]}),d=(e,s)=>{c&&c(s?[...new Set([...t,e])]:t.filter(a=>a!==e))};return n.jsxs("div",{className:o.search,"data-component":"search",children:[n.jsxs("div",{className:o.controls,children:[n.jsx(I.Input,{"aria-label":y,icon:"search",onChange:e=>b(e.target.value),placeholder:f,type:"search",value:k}),l.length>0&&n.jsx(p.Button,{"aria-expanded":x,"aria-haspopup":"dialog",badge:h.length,icon:"funnel",onClick:()=>r(!0),variant:"tertiary",children:_})]}),h.length>0&&n.jsxs("div",{"aria-label":_,className:o.chips,children:[h.map(e=>n.jsx(N.Chip,{accessibleLabel:g(e),label:e.label,onClick:()=>d(e.value,!1),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),d(e.value,!1))},role:"button"},e.value)),n.jsx(p.Button,{onClick:()=>c==null?void 0:c([]),variant:"tertiary",children:v})]}),x&&n.jsx(C.Dialog,{"aria-labelledby":i,onKeyDown:e=>{e.key==="Escape"&&r(!1)},open:!0,setOpen:r,children:n.jsxs("div",{className:o["dialog-content"],children:[n.jsx("h2",{id:i,children:m}),n.jsx("div",{className:o["filter-groups"],children:l.map((e,s)=>n.jsxs("fieldset",{className:o["filter-group"],children:[e.label&&n.jsx("legend",{children:e.label}),e.options.map(a=>n.jsx(D.Checkbox,{checked:t.includes(a.value),label:a.label,onChange:q=>d(a.value,q.target.checked)},a.value))]},e.label??s))}),n.jsx(M.Controls,{children:n.jsx(p.Button,{onClick:()=>r(!1),children:j})})]})})]})};exports.Search=S;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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 { Controls } from '../controls';\nimport { Dialog } from '../dialog';\nimport { Input } from '../input';\nimport styles from './styles.module.css';\n\nexport type SearchFilter = {\n  label: string;\n  value: string;\n};\n\nexport type SearchFilterGroup = {\n  label?: string;\n  options: readonly SearchFilter[];\n};\n\nexport type SearchProps = {\n  closeLabel?: string;\n  filterButtonLabel?: string;\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  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.flatMap((group) => group.options).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 = (filterValue: string, isSelected: boolean) => {\n    if (!onSelectedFiltersChange) return;\n\n    onSelectedFiltersChange(\n      isSelected\n        ? [...new Set([...selectedFilters, filterValue])]\n        : selectedFilters.filter((selectedFilter) => selectedFilter !== filterValue)\n    );\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              onClick={() => 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          onKeyDown={(event) => {\n            if (event.key === 'Escape') setIsFilterDialogOpen(false);\n          }}\n          open\n          setOpen={setIsFilterDialogOpen}\n        >\n          <div className={styles['dialog-content']}>\n            <h2 id={dialogTitleId}>{filterDialogTitle}</h2>\n            <div className={styles['filter-groups']}>\n              {filterGroups.map((group, groupIndex) => (\n                <fieldset\n                  className={styles['filter-group']}\n                  key={group.label ?? groupIndex}\n                >\n                  {group.label && <legend>{group.label}</legend>}\n                  {group.options.map((filter) => (\n                    <Checkbox\n                      checked={selectedFilters.includes(filter.value)}\n                      key={filter.value}\n                      label={filter.label}\n                      onChange={(event) => setFilterSelected(filter.value, event.target.checked)}\n                    />\n                  ))}\n                </fieldset>\n              ))}\n            </div>\n            <Controls>\n              <Button onClick={() => setIsFilterDialogOpen(false)}>{closeLabel}</Button>\n            </Controls>\n          </div>\n        </Dialog>\n      )}\n    </div>\n  );\n};\n"],"names":["Search","closeLabel","filterButtonLabel","filterDialogTitle","filterGroups","onChange","onSelectedFiltersChange","removeFilterLabel","filter","label","resetLabel","searchLabel","searchPlaceholder","selectedFilters","value","dialogTitleId","useId","isFilterDialogOpen","setIsFilterDialogOpen","useState","filtersByValue","useMemo","Map","flatMap","group","options","map","activeFilters","selectedFilter","get","setFilterSelected","filterValue","isSelected","Set","styles","search","jsxs","controls","jsx","Input","event","target","length","Button","chips","Chip","key","preventDefault","Dialog","groupIndex","Checkbox","includes","checked","Controls"],"mappings":"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"}

package/dist/components/search/index.js

@@ -0,0 +1,62 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useId as x, useState as I, useMemo as C } from "react";
+import { Button as m } from "../button/index.js";
+import { Checkbox as M } from "../checkbox/index.js";
+import { Chip as O } from "../chip/index.js";
+import { Controls as E } from "../controls/index.js";
+import { Dialog as K } from "../dialog/index.js";
+import { I as R } from "../../index-DS2cY2g4.js";
+import '../../assets/index9.css';const B = "_search_w7h2j_1", T = "_controls_w7h2j_13", $ = "_chips_w7h2j_27", r = {
+  search: B,
+  controls: T,
+  chips: $,
+  "dialog-content": "_dialog-content_w7h2j_34",
+  "filter-groups": "_filter-groups_w7h2j_43",
+  "filter-group": "_filter-group_w7h2j_43"
+}, S = ({
+  closeLabel: _ = "Close",
+  filterButtonLabel: u = "Filters",
+  filterDialogTitle: b = "Filters",
+  filterGroups: i = [],
+  onChange: v,
+  onSelectedFiltersChange: n,
+  removeFilterLabel: g = (t) => `Remove ${t.label} filter`,
+  resetLabel: y = "Reset",
+  searchLabel: k = "Search",
+  searchPlaceholder: w = "Search",
+  selectedFilters: s = [],
+  value: j = ""
+}) => {
+  const t = x(), [f, h] = I(!1), D = C(() => new Map(i.flatMap((a) => a.options).map((a) => [a.value, a])), [i]), p = s.flatMap((a) => {
+    const l = D.get(a);
+    return l ? [l] : [];
+  }), d = (a, l) => {
+    n && n(l ? [.../* @__PURE__ */ new Set([...s, a])] : s.filter((o) => o !== a));
+  };
+  return /* @__PURE__ */ c("div", { className: r.search, "data-component": "search", children: [
+    /* @__PURE__ */ c("div", { className: r.controls, children: [
+      /* @__PURE__ */ e(R, { "aria-label": k, icon: "search", onChange: (a) => v(a.target.value), placeholder: w, type: "search", value: j }),
+      i.length > 0 && /* @__PURE__ */ e(m, { "aria-expanded": f, "aria-haspopup": "dialog", badge: p.length, icon: "funnel", onClick: () => h(!0), variant: "tertiary", children: u })
+    ] }),
+    p.length > 0 && /* @__PURE__ */ c("div", { "aria-label": u, className: r.chips, children: [
+      p.map((a) => /* @__PURE__ */ e(O, { accessibleLabel: g(a), label: a.label, onClick: () => d(a.value, !1), onKeyDown: (l) => {
+        (l.key === "Enter" || l.key === " ") && (l.preventDefault(), d(a.value, !1));
+      }, role: "button" }, a.value)),
+      /* @__PURE__ */ e(m, { onClick: () => n == null ? void 0 : n([]), variant: "tertiary", children: y })
+    ] }),
+    f && /* @__PURE__ */ e(K, { "aria-labelledby": t, onKeyDown: (a) => {
+      a.key === "Escape" && h(!1);
+    }, open: !0, setOpen: h, children: /* @__PURE__ */ c("div", { className: r["dialog-content"], children: [
+      /* @__PURE__ */ e("h2", { id: t, children: b }),
+      /* @__PURE__ */ e("div", { className: r["filter-groups"], children: i.map((a, l) => /* @__PURE__ */ c("fieldset", { className: r["filter-group"], children: [
+        a.label && /* @__PURE__ */ e("legend", { children: a.label }),
+        a.options.map((o) => /* @__PURE__ */ e(M, { checked: s.includes(o.value), label: o.label, onChange: (N) => d(o.value, N.target.checked) }, o.value))
+      ] }, a.label ?? l)) }),
+      /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(m, { onClick: () => h(!1), children: _ }) })
+    ] }) })
+  ] });
+};
+export {
+  S as Search
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 { Controls } from '../controls';\nimport { Dialog } from '../dialog';\nimport { Input } from '../input';\nimport styles from './styles.module.css';\n\nexport type SearchFilter = {\n  label: string;\n  value: string;\n};\n\nexport type SearchFilterGroup = {\n  label?: string;\n  options: readonly SearchFilter[];\n};\n\nexport type SearchProps = {\n  closeLabel?: string;\n  filterButtonLabel?: string;\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  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.flatMap((group) => group.options).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 = (filterValue: string, isSelected: boolean) => {\n    if (!onSelectedFiltersChange) return;\n\n    onSelectedFiltersChange(\n      isSelected\n        ? [...new Set([...selectedFilters, filterValue])]\n        : selectedFilters.filter((selectedFilter) => selectedFilter !== filterValue)\n    );\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              onClick={() => 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          onKeyDown={(event) => {\n            if (event.key === 'Escape') setIsFilterDialogOpen(false);\n          }}\n          open\n          setOpen={setIsFilterDialogOpen}\n        >\n          <div className={styles['dialog-content']}>\n            <h2 id={dialogTitleId}>{filterDialogTitle}</h2>\n            <div className={styles['filter-groups']}>\n              {filterGroups.map((group, groupIndex) => (\n                <fieldset\n                  className={styles['filter-group']}\n                  key={group.label ?? groupIndex}\n                >\n                  {group.label && <legend>{group.label}</legend>}\n                  {group.options.map((filter) => (\n                    <Checkbox\n                      checked={selectedFilters.includes(filter.value)}\n                      key={filter.value}\n                      label={filter.label}\n                      onChange={(event) => setFilterSelected(filter.value, event.target.checked)}\n                    />\n                  ))}\n                </fieldset>\n              ))}\n            </div>\n            <Controls>\n              <Button onClick={() => setIsFilterDialogOpen(false)}>{closeLabel}</Button>\n            </Controls>\n          </div>\n        </Dialog>\n      )}\n    </div>\n  );\n};\n"],"names":["Search","closeLabel","filterButtonLabel","filterDialogTitle","filterGroups","onChange","onSelectedFiltersChange","removeFilterLabel","filter","label","resetLabel","searchLabel","searchPlaceholder","selectedFilters","value","dialogTitleId","useId","isFilterDialogOpen","setIsFilterDialogOpen","useState","filtersByValue","useMemo","Map","flatMap","group","options","map","activeFilters","selectedFilter","get","setFilterSelected","filterValue","isSelected","Set","styles","search","jsxs","controls","jsx","Input","event","target","length","Button","chips","Chip","key","preventDefault","Dialog","groupIndex","Checkbox","includes","checked","Controls"],"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-s-lGsxio.cjs");require("../../utils-DBzf7CFq.cjs");const e=require("../../index-FM_lJcIM.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-DYCSlAoX.cjs");const e=require("../../index-BOkkyMbX.cjs");require("../../use-touched-D_TJ8wDc.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-D6XjzxSX.js";
-import "../../utils--n2yqjCy.js";
-import { S as e } from "../../index-BMYV_5ZN.js";
+import "../../icons-CKzd_L4D.js";
+import { S as e } from "../../index-D-AyCDg7.js";
+import "../../use-touched-DXIJVVzz.js";
 export {
   e as Select
 };

package/dist/components/sortable/index.cjs

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

package/dist/components/{_sortable/index.js.map → sortable/index.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/_sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableItemContextValue = {\n  canMoveDown: boolean;\n  canMoveUp: boolean;\n  index: number;\n  moveDown: () => void;\n  moveUp: () => void;\n};\n\nconst SortableItemContext = createContext<SortableItemContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useOptionalSortableItem() {\n  return useContext(SortableItemContext);\n}\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  isRearranging?: boolean;\n  onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype withVars = React.CSSProperties & {\n  '--height'?: string;\n  '--width'?: string;\n  '--icon-svg'?: string;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  isRearranging = false,\n  onChangeOrder,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const drag = useRef(-1);\n  const usesTouchInput = useMemo(\n    () =>\n      typeof window !== 'undefined' &&\n      (navigator.maxTouchPoints > 0 || window.matchMedia('(pointer: coarse)').matches),\n    []\n  );\n  const touchDragActive = useRef(false);\n  const touchDropIndex = useRef<number | null>(null);\n  const touchHoldTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const touchStart = useRef<{ index: number; x: number; y: number } | null>(null);\n  const suppressClick = useRef(false);\n  const touchPosition = useRef<{ x: number; y: number } | null>(null);\n  const autoScrollFrame = useRef<number | null>(null);\n  const [zoneSize, setZoneSize] = useState({\n    height: 0,\n    width: 0,\n  });\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const [droppedAtIndex, setDroppedAtIndex] = useState<number | null>(null);\n  const withVars: withVars = {\n    ...props.style,\n    '--height': `calc(${zoneSize.height}px - var(--scale-16))`,\n    '--width': cols > 1 ? `calc(${zoneSize.width}px - var(--scale-16))` : `${zoneSize.width}px`,\n  };\n\n  const emitOrder = (items: React.ReactNode[]) => {\n    onChangeOrder(\n      items.map((item, index) => ({\n        id: String(\n          React.isValidElement(item)\n            ? ((item.props as { 'data-id'?: string })['data-id'] ?? `idx-${index}`)\n            : `idx-${index}`\n        ),\n        weight: items.length - 1 - index,\n      }))\n    );\n  };\n\n  const moveItem = (from: number, to: number) => {\n    if (to < 0 || to >= arr.length || from === to) return;\n\n    const next = arr.slice();\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n\n    setDroppedAtIndex(to);\n    emitOrder(next);\n  };\n\n  const clearTouchHoldTimer = () => {\n    if (touchHoldTimer.current !== null) {\n      clearTimeout(touchHoldTimer.current);\n      touchHoldTimer.current = null;\n    }\n  };\n\n  const clearAutoScrollFrame = () => {\n    if (autoScrollFrame.current !== null) {\n      cancelAnimationFrame(autoScrollFrame.current);\n      autoScrollFrame.current = null;\n    }\n  };\n\n  const getScrollableAncestor = (element: HTMLElement | null) => {\n    let current = element?.parentElement ?? null;\n\n    while (current) {\n      const { overflowY } = window.getComputedStyle(current);\n      const canScroll =\n        /(auto|scroll|overlay)/.test(overflowY) && current.scrollHeight > current.clientHeight;\n\n      if (canScroll) return current;\n      current = current.parentElement;\n    }\n\n    return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;\n  };\n\n  const resetTouchDragState = () => {\n    clearTouchHoldTimer();\n    clearAutoScrollFrame();\n    touchPosition.current = null;\n    touchDragActive.current = false;\n    touchDropIndex.current = null;\n    touchStart.current = null;\n    suppressClick.current = false;\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  const isInteractiveTarget = (target: EventTarget | null) =>\n    target instanceof Element &&\n    Boolean(\n      target.closest(\n        'button, a, input, textarea, select, option, [role=\"button\"], [contenteditable=\"true\"]'\n      )\n    );\n\n  const updateTouchDropIndex = (clientX: number, clientY: number) => {\n    const target = document\n      .elementFromPoint(clientX, clientY)\n      ?.closest<HTMLElement>('[data-sortable-index]');\n    if (!target) return;\n\n    const index = Number(target.dataset.sortableIndex);\n    const from = drag.current;\n    if (!Number.isInteger(index) || from < 0 || index === from) return;\n\n    const rect = target.getBoundingClientRect();\n    const itemHeight = index === from + 1 ? zoneSize.height : rect.height;\n    const isBottomHalf = clientY > rect.top + itemHeight / 2;\n    const rawIndex = isBottomHalf ? index + 1 : index;\n    const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n    touchDropIndex.current = nextDropIndex;\n    setDropIndex(nextDropIndex);\n  };\n\n  const startTouchAutoScroll = (item: HTMLElement) => {\n    const scrollContainer = getScrollableAncestor(item);\n    if (!scrollContainer) return;\n\n    const edgeSize = 72;\n    const maxSpeed = 18;\n\n    const step = () => {\n      if (!touchDragActive.current) {\n        autoScrollFrame.current = null;\n        return;\n      }\n\n      const position = touchPosition.current;\n      if (!position) {\n        autoScrollFrame.current = requestAnimationFrame(step);\n        return;\n      }\n\n      const rect =\n        scrollContainer === document.scrollingElement\n          ? { top: 0, bottom: window.innerHeight }\n          : scrollContainer.getBoundingClientRect();\n\n      let speed = 0;\n\n      if (position.y < rect.top + edgeSize) {\n        const distance = Math.max(0, position.y - rect.top);\n        speed = -maxSpeed * (1 - distance / edgeSize);\n      } else if (position.y > rect.bottom - edgeSize) {\n        const distance = Math.max(0, rect.bottom - position.y);\n        speed = maxSpeed * (1 - distance / edgeSize);\n      }\n\n      if (speed !== 0) {\n        scrollContainer.scrollBy({ top: speed, behavior: 'auto' });\n        updateTouchDropIndex(position.x, position.y);\n      }\n\n      autoScrollFrame.current = requestAnimationFrame(step);\n    };\n\n    clearAutoScrollFrame();\n    autoScrollFrame.current = requestAnimationFrame(step);\n  };\n\n  const resetDragState = () => {\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  useEffect(() => {\n    if (!isRearranging) {\n      setDroppedAtIndex(null);\n    }\n  }, [isRearranging]);\n\n  useEffect(\n    () => () => {\n      clearTouchHoldTimer();\n      clearAutoScrollFrame();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const preventScrollWhileDragging = (event: TouchEvent) => {\n      if (touchDragActive.current) {\n        event.preventDefault();\n      }\n    };\n\n    window.addEventListener('touchmove', preventScrollWhileDragging, {\n      passive: false,\n    });\n\n    return () => {\n      clearTouchHoldTimer();\n      window.removeEventListener('touchmove', preventScrollWhileDragging);\n    };\n  }, []);\n\n  return (\n    <List\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      columns={columns}\n      ordered\n      style={withVars}\n      {...props}\n    >\n      {arr.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            data-sortable-index={i}\n            onClickCapture={(e) => {\n              if (!suppressClick.current) return;\n              e.preventDefault();\n              e.stopPropagation();\n              suppressClick.current = false;\n            }}\n            className={cx(\n              dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n              dropIndex === i && drag.current < i && styles['target-below'],\n              dropIndex === i && drag.current > i && styles['target-above'],\n              drag.current === i && styles.dragging,\n              droppedAtIndex === i && isRearranging && styles.dropping\n            )}\n            onContextMenu={(e) => {\n              if (touchDragActive.current || touchHoldTimer.current !== null) {\n                e.preventDefault();\n              }\n            }}\n            onTouchStart={(e) => {\n              if (isRearranging || isInteractiveTarget(e.target)) return;\n\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              const item = e.currentTarget;\n              touchStart.current = {\n                index: i,\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              clearTouchHoldTimer();\n              touchHoldTimer.current = setTimeout(() => {\n                drag.current = i;\n                touchDragActive.current = true;\n                touchDropIndex.current = i;\n                suppressClick.current = true;\n                setZoneSize({\n                  height: item.offsetHeight,\n                  width: item.offsetWidth,\n                });\n                setDropIndex(i);\n                touchPosition.current = {\n                  x: touch.clientX,\n                  y: touch.clientY,\n                };\n                startTouchAutoScroll(item);\n              }, 350);\n            }}\n            onTouchMove={(e) => {\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              touchPosition.current = {\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              if (!touchDragActive.current) {\n                const start = touchStart.current;\n                if (!start) return;\n\n                const distance = Math.hypot(touch.clientX - start.x, touch.clientY - start.y);\n                if (distance > 8) {\n                  clearTouchHoldTimer();\n                  touchStart.current = null;\n                }\n                return;\n              }\n              updateTouchDropIndex(touch.clientX, touch.clientY);\n            }}\n            onTouchEnd={(e) => {\n              clearTouchHoldTimer();\n\n              if (!touchDragActive.current) {\n                touchStart.current = null;\n                return;\n              }\n\n              e.preventDefault();\n              const from = drag.current;\n              const to = touchDropIndex.current;\n\n              if (from >= 0 && to !== null && from !== to) {\n                moveItem(from, to);\n              }\n\n              resetTouchDragState();\n            }}\n            onTouchCancel={() => resetTouchDragState()}\n            draggable={!isRearranging && !usesTouchInput}\n            onDragEnd={() => resetDragState()}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              const rect = e.currentTarget.getBoundingClientRect();\n              const itemHeight = i === from + 1 ? zoneSize.height : rect.height;\n              const isBottomHalf = e.clientY > rect.top + itemHeight / 2;\n              const rawIndex = isBottomHalf ? i + 1 : i;\n              const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n              setDropIndex(nextDropIndex);\n            }}\n            onDragStart={(e) => {\n              if (usesTouchInput) {\n                e.preventDefault();\n                return;\n              }\n              drag.current = i;\n              setZoneSize({\n                height: e.currentTarget.offsetHeight,\n                width: e.currentTarget.offsetWidth,\n              });\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n              setDropIndex(i);\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              const to = dropIndex;\n              if (from < 0 || to === null || from === to) return;\n              moveItem(from, to);\n              resetDragState();\n            }}\n          >\n            <SortableItemContext.Provider\n              value={{\n                canMoveDown: i < arr.length - 1,\n                canMoveUp: i > 0,\n                index: i,\n                moveDown: () => moveItem(i, i + 1),\n                moveUp: () => moveItem(i, i - 1),\n              }}\n            >\n              {child}\n            </SortableItemContext.Provider>\n          </li>\n        );\n      })}\n    </List>\n  );\n}\n"],"names":["SortableItemContext","createContext","useOptionalSortableItem","useContext","Sortable","children","className","columns","isRearranging","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","drag","useRef","usesTouchInput","window","navigator","maxTouchPoints","matchMedia","matches","touchDragActive","touchDropIndex","touchHoldTimer","touchStart","suppressClick","touchPosition","autoScrollFrame","zoneSize","setZoneSize","useState","height","width","dropIndex","setDropIndex","droppedAtIndex","setDroppedAtIndex","withVars","style","emitOrder","items","map","item","index","id","String","isValidElement","weight","length","moveItem","from","to","next","slice","moved","splice","clearTouchHoldTimer","current","clearTimeout","clearAutoScrollFrame","cancelAnimationFrame","getScrollableAncestor","element","parentElement","overflowY","getComputedStyle","test","scrollHeight","clientHeight","document","scrollingElement","HTMLElement","resetTouchDragState","isInteractiveTarget","target","Element","Boolean","closest","updateTouchDropIndex","clientX","clientY","elementFromPoint","dataset","sortableIndex","isInteger","rect","getBoundingClientRect","itemHeight","rawIndex","top","nextDropIndex","startTouchAutoScroll","scrollContainer","edgeSize","maxSpeed","step","position","requestAnimationFrame","bottom","innerHeight","speed","y","distance","scrollBy","behavior","x","resetDragState","useEffect","preventScrollWhileDragging","event","preventDefault","addEventListener","passive","removeEventListener","jsx","List","cx","styles","sortable","child","i","key","e","stopPropagation","pseudo","dragging","dropping","touch","touches","currentTarget","setTimeout","offsetHeight","offsetWidth","start","hypot","dataTransfer","dropEffect","setData","effectAllowed","canMoveDown","canMoveUp","moveDown","moveUp"],"mappings":";;;;;;;;;;;;GAiBMA,IAAsBC,GAA+C,IAAI;AAGxE,SAASC,KAA0B;AACxC,SAAOC,GAAWH,CAAmB;AACvC;AAkBO,SAASI,GAAS;AAAA,EACvBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,eAAAA,IAAgB;AAAA,EAChBC,eAAAA;AAAAA,EACA,GAAGC;AACU,GAAG;AAChB,QAAMC,IAAOC,OAAOC,SAASN,CAAO,IAAIO,KAAKC,IAAI,GAAGD,KAAKE,MAAMT,CAAO,CAAC,IAAI,GACrEU,IAAMC,EAAQ,MAAMC,EAAMC,SAASC,QAAQhB,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAChEiB,IAAOC,EAAO,EAAE,GAChBC,IAAiBN,EACrB,MACE,OAAOO,SAAW,QACjBC,UAAUC,iBAAiB,KAAKF,OAAOG,WAAW,mBAAmB,EAAEC,UAC1E,CAAA,CACF,GACMC,IAAkBP,EAAO,EAAK,GAC9BQ,IAAiBR,EAAsB,IAAI,GAC3CS,IAAiBT,EAA6C,IAAI,GAClEU,IAAaV,EAAuD,IAAI,GACxEW,IAAgBX,EAAO,EAAK,GAC5BY,IAAgBZ,EAAwC,IAAI,GAC5Da,IAAkBb,EAAsB,IAAI,GAC5C,CAACc,GAAUC,CAAW,IAAIC,EAAS;AAAA,IACvCC,QAAQ;AAAA,IACRC,OAAO;AAAA,EAAA,CACR,GACK,CAACC,GAAWC,CAAY,IAAIJ,EAAwB,IAAI,GACxD,CAACK,GAAgBC,CAAiB,IAAIN,EAAwB,IAAI,GAClEO,IAAqB;AAAA,IACzB,GAAGpC,EAAMqC;AAAAA,IACT,YAAY,QAAQV,EAASG,MAAM;AAAA,IACnC,WAAW7B,IAAO,IAAI,QAAQ0B,EAASI,KAAK,0BAA0B,GAAGJ,EAASI,KAAK;AAAA,EAAA,GAGnFO,IAAYA,CAACC,MAA6B;AAC9CxC,IAAAA,EACEwC,EAAMC,IAAI,CAACC,GAAMC,OAAW;AAAA,MAC1BC,IAAIC,OACFnC,EAAMoC,eAAeJ,CAAI,IACnBA,EAAKzC,MAAiC,SAAS,KAAK,OAAO0C,CAAK,KAClE,OAAOA,CAAK,EAClB;AAAA,MACAI,QAAQP,EAAMQ,SAAS,IAAIL;AAAAA,IAAAA,EAC3B,CACJ;AAAA,EACF,GAEMM,IAAWA,CAACC,GAAcC,MAAe;AAC7C,QAAIA,IAAK,KAAKA,KAAM3C,EAAIwC,UAAUE,MAASC,EAAI;AAE/C,UAAMC,IAAO5C,EAAI6C,MAAAA,GACX,CAACC,CAAK,IAAIF,EAAKG,OAAOL,GAAM,CAAC;AACnCE,IAAAA,EAAKG,OAAOJ,GAAI,GAAGG,CAAK,GAExBlB,EAAkBe,CAAE,GACpBZ,EAAUa,CAAI;AAAA,EAChB,GAEMI,IAAsBA,MAAM;AAChC,IAAIjC,EAAekC,YAAY,SAC7BC,aAAanC,EAAekC,OAAO,GACnClC,EAAekC,UAAU;AAAA,EAE7B,GAEME,IAAuBA,MAAM;AACjC,IAAIhC,EAAgB8B,YAAY,SAC9BG,qBAAqBjC,EAAgB8B,OAAO,GAC5C9B,EAAgB8B,UAAU;AAAA,EAE9B,GAEMI,IAAwBA,CAACC,MAAgC;AAC7D,QAAIL,KAAUK,KAAAA,gBAAAA,EAASC,kBAAiB;AAExC,WAAON,KAAS;AACd,YAAM;AAAA,QAAEO,WAAAA;AAAAA,MAAAA,IAAchD,OAAOiD,iBAAiBR,CAAO;AAIrD,UAFE,wBAAwBS,KAAKF,CAAS,KAAKP,EAAQU,eAAeV,EAAQW,aAE7D,QAAOX;AACtBA,MAAAA,IAAUA,EAAQM;AAAAA,IACpB;AAEA,WAAOM,SAASC,4BAA4BC,cAAcF,SAASC,mBAAmB;AAAA,EACxF,GAEME,IAAsBA,MAAM;AAChChB,IAAAA,EAAAA,GACAG,EAAAA,GACAjC,EAAc+B,UAAU,MACxBpC,EAAgBoC,UAAU,IAC1BnC,EAAemC,UAAU,MACzBjC,EAAWiC,UAAU,MACrBhC,EAAcgC,UAAU,IACxB5C,EAAK4C,UAAU,IACfvB,EAAa,IAAI;AAAA,EACnB,GAEMuC,IAAsBA,CAACC,MAC3BA,aAAkBC,WAClBC,EACEF,EAAOG,QACL,uFACF,GAGEC,IAAuBA,CAACC,GAAiBC,MAAoB;;AACjE,UAAMN,KAASL,IAAAA,SACZY,iBAAiBF,GAASC,CAAO,MADrBX,gBAAAA,EAEXQ,QAAqB;AACzB,QAAI,CAACH,EAAQ;AAEb,UAAM/B,IAAQxC,OAAOuE,EAAOQ,QAAQC,aAAa,GAC3CjC,IAAOrC,EAAK4C;AAClB,QAAI,CAACtD,OAAOiF,UAAUzC,CAAK,KAAKO,IAAO,KAAKP,MAAUO,EAAM;AAE5D,UAAMmC,IAAOX,EAAOY,sBAAAA,GACdC,IAAa5C,MAAUO,IAAO,IAAItB,EAASG,SAASsD,EAAKtD,QAEzDyD,IADeR,IAAUK,EAAKI,MAAMF,IAAa,IACvB5C,IAAQ,IAAIA,GACtC+C,IAAgBF,IAAWtC,IAAOsC,IAAW,IAAIA;AAEvDlE,IAAAA,EAAemC,UAAUiC,GACzBxD,EAAawD,CAAa;AAAA,EAC5B,GAEMC,IAAuBA,CAACjD,MAAsB;AAClD,UAAMkD,IAAkB/B,EAAsBnB,CAAI;AAClD,QAAI,CAACkD,EAAiB;AAEtB,UAAMC,IAAW,IACXC,IAAW,IAEXC,IAAOA,MAAM;AACjB,UAAI,CAAC1E,EAAgBoC,SAAS;AAC5B9B,QAAAA,EAAgB8B,UAAU;AAC1B;AAAA,MACF;AAEA,YAAMuC,IAAWtE,EAAc+B;AAC/B,UAAI,CAACuC,GAAU;AACbrE,QAAAA,EAAgB8B,UAAUwC,sBAAsBF,CAAI;AACpD;AAAA,MACF;AAEA,YAAMV,IACJO,MAAoBvB,SAASC,mBACzB;AAAA,QAAEmB,KAAK;AAAA,QAAGS,QAAQlF,OAAOmF;AAAAA,MAAAA,IACzBP,EAAgBN,sBAAAA;AAEtB,UAAIc,IAAQ;AAEZ,UAAIJ,EAASK,IAAIhB,EAAKI,MAAMI,GAAU;AACpC,cAAMS,IAAWjG,KAAKC,IAAI,GAAG0F,EAASK,IAAIhB,EAAKI,GAAG;AAClDW,QAAAA,IAAQ,CAACN,KAAY,IAAIQ,IAAWT;AAAAA,MACtC,WAAWG,EAASK,IAAIhB,EAAKa,SAASL,GAAU;AAC9C,cAAMS,IAAWjG,KAAKC,IAAI,GAAG+E,EAAKa,SAASF,EAASK,CAAC;AACrDD,QAAAA,IAAQN,KAAY,IAAIQ,IAAWT;AAAAA,MACrC;AAEA,MAAIO,MAAU,MACZR,EAAgBW,SAAS;AAAA,QAAEd,KAAKW;AAAAA,QAAOI,UAAU;AAAA,MAAA,CAAQ,GACzD1B,EAAqBkB,EAASS,GAAGT,EAASK,CAAC,IAG7C1E,EAAgB8B,UAAUwC,sBAAsBF,CAAI;AAAA,IACtD;AAEApC,IAAAA,EAAAA,GACAhC,EAAgB8B,UAAUwC,sBAAsBF,CAAI;AAAA,EACtD,GAEMW,IAAiBA,MAAM;AAC3B7F,IAAAA,EAAK4C,UAAU,IACfvB,EAAa,IAAI;AAAA,EACnB;AAEAyE,SAAAA,EAAU,MAAM;AACd,IAAK5G,KACHqC,EAAkB,IAAI;AAAA,EAE1B,GAAG,CAACrC,CAAa,CAAC,GAElB4G,EACE,MAAM,MAAM;AACVnD,IAAAA,EAAAA,GACAG,EAAAA;AAAAA,EACF,GACA,CAAA,CACF,GAEAgD,EAAU,MAAM;AACd,UAAMC,IAA6BA,CAACC,MAAsB;AACxD,MAAIxF,EAAgBoC,WAClBoD,EAAMC,eAAAA;AAAAA,IAEV;AAEA9F,kBAAO+F,iBAAiB,aAAaH,GAA4B;AAAA,MAC/DI,SAAS;AAAA,IAAA,CACV,GAEM,MAAM;AACXxD,MAAAA,EAAAA,GACAxC,OAAOiG,oBAAoB,aAAaL,CAA0B;AAAA,IACpE;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAM,EAACC,IAAA,EACC,WAAWC,EAAGvH,GAAWwH,EAAOC,UAAUpH,IAAO,KAAKmH,EAAOvH,OAAO,GACpE,SAAAA,GACA,SAAO,IACP,OAAOuC,GACP,GAAIpC,GAAM,kBAAA,YAETO,UAAAA,EAAIiC,IAAI,CAAC8E,GAAOC,MAAM;AACrB,UAAMC,IAAM/G,EAAMoC,eAAeyE,CAAK,IAAIA,EAAME,MAAM;AAEtD,WACE,gBAAAP,EAAC,MAAA,EAEC,uBAAqBM,GACrB,gBAAiBE,CAAAA,MAAM;AACrB,MAAKjG,EAAcgC,YACnBiE,EAAEZ,eAAAA,GACFY,EAAEC,gBAAAA,GACFlG,EAAcgC,UAAU;AAAA,IAC1B,GACA,WAAW2D,EACTnF,MAAc,QAAQA,IAAYuF,IAAI,MAAMvF,IAAYuF,IAAI,MAAMH,EAAOO,QACzE3F,MAAcuF,KAAK3G,EAAK4C,UAAU+D,KAAKH,EAAO,cAAc,GAC5DpF,MAAcuF,KAAK3G,EAAK4C,UAAU+D,KAAKH,EAAO,cAAc,GAC5DxG,EAAK4C,YAAY+D,KAAKH,EAAOQ,UAC7B1F,MAAmBqF,KAAKzH,KAAiBsH,EAAOS,QAClD,GACA,eAAgBJ,CAAAA,MAAM;AACpB,OAAIrG,EAAgBoC,WAAWlC,EAAekC,YAAY,SACxDiE,EAAEZ,eAAAA;AAAAA,IAEN,GACA,cAAeY,CAAAA,MAAM;AACnB,UAAI3H,KAAiB0E,EAAoBiD,EAAEhD,MAAM,EAAG;AAEpD,YAAMqD,IAAQL,EAAEM,QAAQ,CAAC;AACzB,UAAI,CAACD,EAAO;AAEZ,YAAMrF,IAAOgF,EAAEO;AACfzG,MAAAA,EAAWiC,UAAU;AAAA,QACnBd,OAAO6E;AAAAA,QACPf,GAAGsB,EAAMhD;AAAAA,QACTsB,GAAG0B,EAAM/C;AAAAA,MAAAA,GAGXxB,EAAAA,GACAjC,EAAekC,UAAUyE,WAAW,MAAM;AACxCrH,QAAAA,EAAK4C,UAAU+D,GACfnG,EAAgBoC,UAAU,IAC1BnC,EAAemC,UAAU+D,GACzB/F,EAAcgC,UAAU,IACxB5B,EAAY;AAAA,UACVE,QAAQW,EAAKyF;AAAAA,UACbnG,OAAOU,EAAK0F;AAAAA,QAAAA,CACb,GACDlG,EAAasF,CAAC,GACd9F,EAAc+B,UAAU;AAAA,UACtBgD,GAAGsB,EAAMhD;AAAAA,UACTsB,GAAG0B,EAAM/C;AAAAA,QAAAA,GAEXW,EAAqBjD,CAAI;AAAA,MAC3B,GAAG,GAAG;AAAA,IACR,GACA,aAAcgF,CAAAA,MAAM;AAClB,YAAMK,IAAQL,EAAEM,QAAQ,CAAC;AACzB,UAAKD,GAOL;AAAA,YALArG,EAAc+B,UAAU;AAAA,UACtBgD,GAAGsB,EAAMhD;AAAAA,UACTsB,GAAG0B,EAAM/C;AAAAA,QAAAA,GAGP,CAAC3D,EAAgBoC,SAAS;AAC5B,gBAAM4E,IAAQ7G,EAAWiC;AACzB,cAAI,CAAC4E,EAAO;AAGZ,UADiBhI,KAAKiI,MAAMP,EAAMhD,UAAUsD,EAAM5B,GAAGsB,EAAM/C,UAAUqD,EAAMhC,CAAC,IAC7D,MACb7C,EAAAA,GACAhC,EAAWiC,UAAU;AAEvB;AAAA,QACF;AACAqB,QAAAA,EAAqBiD,EAAMhD,SAASgD,EAAM/C,OAAO;AAAA;AAAA,IACnD,GACA,YAAa0C,CAAAA,MAAM;AAGjB,UAFAlE,EAAAA,GAEI,CAACnC,EAAgBoC,SAAS;AAC5BjC,QAAAA,EAAWiC,UAAU;AACrB;AAAA,MACF;AAEAiE,QAAEZ,eAAAA;AACF,YAAM5D,IAAOrC,EAAK4C,SACZN,IAAK7B,EAAemC;AAE1B,MAAIP,KAAQ,KAAKC,MAAO,QAAQD,MAASC,KACvCF,EAASC,GAAMC,CAAE,GAGnBqB,EAAAA;AAAAA,IACF,GACA,eAAe,MAAMA,EAAAA,GACrB,WAAW,CAACzE,KAAiB,CAACgB,GAC9B,WAAW,MAAM2F,EAAAA,GACjB,YAAagB,CAAAA,MAAM;AACjBA,QAAEZ,eAAAA,GACFY,EAAEa,aAAaC,aAAa;AAC5B,YAAMtF,IAAOrC,EAAK4C;AAClB,UAAIP,IAAO,KAAKA,MAASsE,EAAG;AAE5B,YAAMnC,IAAOqC,EAAEO,cAAc3C,sBAAAA,GACvBC,IAAaiC,MAAMtE,IAAO,IAAItB,EAASG,SAASsD,EAAKtD,QAErDyD,IADekC,EAAE1C,UAAUK,EAAKI,MAAMF,IAAa,IACzBiC,IAAI,IAAIA,GAClC9B,IAAgBF,IAAWtC,IAAOsC,IAAW,IAAIA;AAEvDtD,MAAAA,EAAawD,CAAa;AAAA,IAC5B,GACA,aAAcgC,CAAAA,MAAM;AAClB,UAAI3G,GAAgB;AAClB2G,UAAEZ,eAAAA;AACF;AAAA,MACF;AACAjG,MAAAA,EAAK4C,UAAU+D,GACf3F,EAAY;AAAA,QACVE,QAAQ2F,EAAEO,cAAcE;AAAAA,QACxBnG,OAAO0F,EAAEO,cAAcG;AAAAA,MAAAA,CACxB,GACDV,EAAEa,aAAaE,QAAQ,cAAc,EAAE,GACvCf,EAAEa,aAAaG,gBAAgB,QAC/BxG,EAAasF,CAAC;AAAA,IAChB,GACA,QAASE,CAAAA,MAAM;AACbA,QAAEZ,eAAAA;AACF,YAAM5D,IAAOrC,EAAK4C,SACZN,IAAKlB;AACX,MAAIiB,IAAO,KAAKC,MAAO,QAAQD,MAASC,MACxCF,EAASC,GAAMC,CAAE,GACjBuD,EAAAA;AAAAA,IACF,GAAE,kBAAA,YAEF,4BAACnH,EAAoB,UAApB,EACC,OAAO;AAAA,MACLoJ,aAAanB,IAAIhH,EAAIwC,SAAS;AAAA,MAC9B4F,WAAWpB,IAAI;AAAA,MACf7E,OAAO6E;AAAAA,MACPqB,UAAUA,MAAM5F,EAASuE,GAAGA,IAAI,CAAC;AAAA,MACjCsB,QAAQA,MAAM7F,EAASuE,GAAGA,IAAI,CAAC;AAAA,IAAA,GAGhCD,UAAAA,EAAAA,CACH,EAAA,GA7IKE,KAAOD,CA8Id;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableItemContextValue = {\n  canMoveDown: boolean;\n  canMoveUp: boolean;\n  index: number;\n  moveDown: () => void;\n  moveUp: () => void;\n};\n\nconst SortableItemContext = createContext<SortableItemContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useOptionalSortableItem() {\n  return useContext(SortableItemContext);\n}\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  isRearranging?: boolean;\n  onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype withVars = React.CSSProperties & {\n  '--height'?: string;\n  '--width'?: string;\n  '--icon-svg'?: string;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  isRearranging = false,\n  onChangeOrder,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const drag = useRef(-1);\n  const usesTouchInput = useMemo(\n    () =>\n      typeof window !== 'undefined' &&\n      (navigator.maxTouchPoints > 0 || window.matchMedia('(pointer: coarse)').matches),\n    []\n  );\n  const touchDragActive = useRef(false);\n  const touchDropIndex = useRef<number | null>(null);\n  const touchHoldTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const touchStart = useRef<{ index: number; x: number; y: number } | null>(null);\n  const suppressClick = useRef(false);\n  const touchPosition = useRef<{ x: number; y: number } | null>(null);\n  const autoScrollFrame = useRef<number | null>(null);\n  const [zoneSize, setZoneSize] = useState({\n    height: 0,\n    width: 0,\n  });\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const [droppedAtIndex, setDroppedAtIndex] = useState<number | null>(null);\n  const withVars: withVars = {\n    ...props.style,\n    '--height': `calc(${zoneSize.height}px - var(--scale-16))`,\n    '--width': cols > 1 ? `calc(${zoneSize.width}px - var(--scale-16))` : `${zoneSize.width}px`,\n  };\n\n  const emitOrder = (items: React.ReactNode[]) => {\n    onChangeOrder(\n      items.map((item, index) => ({\n        id: String(\n          React.isValidElement(item)\n            ? ((item.props as { 'data-id'?: string })['data-id'] ?? `idx-${index}`)\n            : `idx-${index}`\n        ),\n        weight: items.length - 1 - index,\n      }))\n    );\n  };\n\n  const moveItem = (from: number, to: number) => {\n    if (to < 0 || to >= arr.length || from === to) return;\n\n    const next = arr.slice();\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n\n    setDroppedAtIndex(to);\n    emitOrder(next);\n  };\n\n  const clearTouchHoldTimer = () => {\n    if (touchHoldTimer.current !== null) {\n      clearTimeout(touchHoldTimer.current);\n      touchHoldTimer.current = null;\n    }\n  };\n\n  const clearAutoScrollFrame = () => {\n    if (autoScrollFrame.current !== null) {\n      cancelAnimationFrame(autoScrollFrame.current);\n      autoScrollFrame.current = null;\n    }\n  };\n\n  const getScrollableAncestor = (element: HTMLElement | null) => {\n    let current = element?.parentElement ?? null;\n\n    while (current) {\n      const { overflowY } = window.getComputedStyle(current);\n      const canScroll =\n        /(auto|scroll|overlay)/.test(overflowY) && current.scrollHeight > current.clientHeight;\n\n      if (canScroll) return current;\n      current = current.parentElement;\n    }\n\n    return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;\n  };\n\n  const resetTouchDragState = () => {\n    clearTouchHoldTimer();\n    clearAutoScrollFrame();\n    touchPosition.current = null;\n    touchDragActive.current = false;\n    touchDropIndex.current = null;\n    touchStart.current = null;\n    suppressClick.current = false;\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  const isInteractiveTarget = (target: EventTarget | null) =>\n    target instanceof Element &&\n    Boolean(\n      target.closest(\n        'button, a, input, textarea, select, option, [role=\"button\"], [contenteditable=\"true\"]'\n      )\n    );\n\n  const updateTouchDropIndex = (clientX: number, clientY: number) => {\n    const target = document\n      .elementFromPoint(clientX, clientY)\n      ?.closest<HTMLElement>('[data-sortable-index]');\n    if (!target) return;\n\n    const index = Number(target.dataset.sortableIndex);\n    const from = drag.current;\n    if (!Number.isInteger(index) || from < 0 || index === from) return;\n\n    const rect = target.getBoundingClientRect();\n    const itemHeight = index === from + 1 ? zoneSize.height : rect.height;\n    const isBottomHalf = clientY > rect.top + itemHeight / 2;\n    const rawIndex = isBottomHalf ? index + 1 : index;\n    const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n    touchDropIndex.current = nextDropIndex;\n    setDropIndex(nextDropIndex);\n  };\n\n  const startTouchAutoScroll = (item: HTMLElement) => {\n    const scrollContainer = getScrollableAncestor(item);\n    if (!scrollContainer) return;\n\n    const edgeSize = 72;\n    const maxSpeed = 18;\n\n    const step = () => {\n      if (!touchDragActive.current) {\n        autoScrollFrame.current = null;\n        return;\n      }\n\n      const position = touchPosition.current;\n      if (!position) {\n        autoScrollFrame.current = requestAnimationFrame(step);\n        return;\n      }\n\n      const rect =\n        scrollContainer === document.scrollingElement\n          ? { top: 0, bottom: window.innerHeight }\n          : scrollContainer.getBoundingClientRect();\n\n      let speed = 0;\n\n      if (position.y < rect.top + edgeSize) {\n        const distance = Math.max(0, position.y - rect.top);\n        speed = -maxSpeed * (1 - distance / edgeSize);\n      } else if (position.y > rect.bottom - edgeSize) {\n        const distance = Math.max(0, rect.bottom - position.y);\n        speed = maxSpeed * (1 - distance / edgeSize);\n      }\n\n      if (speed !== 0) {\n        scrollContainer.scrollBy({ top: speed, behavior: 'auto' });\n        updateTouchDropIndex(position.x, position.y);\n      }\n\n      autoScrollFrame.current = requestAnimationFrame(step);\n    };\n\n    clearAutoScrollFrame();\n    autoScrollFrame.current = requestAnimationFrame(step);\n  };\n\n  const resetDragState = () => {\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  useEffect(() => {\n    if (!isRearranging) {\n      setDroppedAtIndex(null);\n    }\n  }, [isRearranging]);\n\n  useEffect(\n    () => () => {\n      clearTouchHoldTimer();\n      clearAutoScrollFrame();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const preventScrollWhileDragging = (event: TouchEvent) => {\n      if (touchDragActive.current) {\n        event.preventDefault();\n      }\n    };\n\n    window.addEventListener('touchmove', preventScrollWhileDragging, {\n      passive: false,\n    });\n\n    return () => {\n      clearTouchHoldTimer();\n      window.removeEventListener('touchmove', preventScrollWhileDragging);\n    };\n  }, []);\n\n  return (\n    <List\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      columns={columns}\n      ordered\n      style={withVars}\n      {...props}\n    >\n      {arr.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            data-sortable-index={i}\n            onClickCapture={(e) => {\n              if (!suppressClick.current) return;\n              e.preventDefault();\n              e.stopPropagation();\n              suppressClick.current = false;\n            }}\n            className={cx(\n              dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n              dropIndex === i && drag.current < i && styles['target-below'],\n              dropIndex === i && drag.current > i && styles['target-above'],\n              drag.current === i && styles.dragging,\n              droppedAtIndex === i && isRearranging && styles.dropping\n            )}\n            onContextMenu={(e) => {\n              if (touchDragActive.current || touchHoldTimer.current !== null) {\n                e.preventDefault();\n              }\n            }}\n            onTouchStart={(e) => {\n              if (isRearranging || isInteractiveTarget(e.target)) return;\n\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              const item = e.currentTarget;\n              touchStart.current = {\n                index: i,\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              clearTouchHoldTimer();\n              touchHoldTimer.current = setTimeout(() => {\n                drag.current = i;\n                touchDragActive.current = true;\n                touchDropIndex.current = i;\n                suppressClick.current = true;\n                setZoneSize({\n                  height: item.offsetHeight,\n                  width: item.offsetWidth,\n                });\n                setDropIndex(i);\n                touchPosition.current = {\n                  x: touch.clientX,\n                  y: touch.clientY,\n                };\n                startTouchAutoScroll(item);\n              }, 350);\n            }}\n            onTouchMove={(e) => {\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              touchPosition.current = {\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              if (!touchDragActive.current) {\n                const start = touchStart.current;\n                if (!start) return;\n\n                const distance = Math.hypot(touch.clientX - start.x, touch.clientY - start.y);\n                if (distance > 8) {\n                  clearTouchHoldTimer();\n                  touchStart.current = null;\n                }\n                return;\n              }\n              updateTouchDropIndex(touch.clientX, touch.clientY);\n            }}\n            onTouchEnd={(e) => {\n              clearTouchHoldTimer();\n\n              if (!touchDragActive.current) {\n                touchStart.current = null;\n                return;\n              }\n\n              e.preventDefault();\n              const from = drag.current;\n              const to = touchDropIndex.current;\n\n              if (from >= 0 && to !== null && from !== to) {\n                moveItem(from, to);\n              }\n\n              resetTouchDragState();\n            }}\n            onTouchCancel={() => resetTouchDragState()}\n            draggable={!isRearranging && !usesTouchInput}\n            onDragEnd={() => resetDragState()}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              const rect = e.currentTarget.getBoundingClientRect();\n              const itemHeight = i === from + 1 ? zoneSize.height : rect.height;\n              const isBottomHalf = e.clientY > rect.top + itemHeight / 2;\n              const rawIndex = isBottomHalf ? i + 1 : i;\n              const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n              setDropIndex(nextDropIndex);\n            }}\n            onDragStart={(e) => {\n              if (usesTouchInput) {\n                e.preventDefault();\n                return;\n              }\n              drag.current = i;\n              setZoneSize({\n                height: e.currentTarget.offsetHeight,\n                width: e.currentTarget.offsetWidth,\n              });\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n              setDropIndex(i);\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              const to = dropIndex;\n              if (from < 0 || to === null || from === to) return;\n              moveItem(from, to);\n              resetDragState();\n            }}\n          >\n            <SortableItemContext.Provider\n              value={{\n                canMoveDown: i < arr.length - 1,\n                canMoveUp: i > 0,\n                index: i,\n                moveDown: () => moveItem(i, i + 1),\n                moveUp: () => moveItem(i, i - 1),\n              }}\n            >\n              {child}\n            </SortableItemContext.Provider>\n          </li>\n        );\n      })}\n    </List>\n  );\n}\n"],"names":["SortableItemContext","createContext","useOptionalSortableItem","useContext","Sortable","children","className","columns","isRearranging","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","drag","useRef","usesTouchInput","window","navigator","maxTouchPoints","matchMedia","matches","touchDragActive","touchDropIndex","touchHoldTimer","touchStart","suppressClick","touchPosition","autoScrollFrame","zoneSize","setZoneSize","useState","height","width","dropIndex","setDropIndex","droppedAtIndex","setDroppedAtIndex","withVars","style","emitOrder","items","map","item","index","id","String","isValidElement","weight","length","moveItem","from","to","next","slice","moved","splice","clearTouchHoldTimer","current","clearTimeout","clearAutoScrollFrame","cancelAnimationFrame","getScrollableAncestor","element","parentElement","overflowY","getComputedStyle","test","scrollHeight","clientHeight","document","scrollingElement","HTMLElement","resetTouchDragState","isInteractiveTarget","target","Element","Boolean","closest","updateTouchDropIndex","clientX","clientY","elementFromPoint","dataset","sortableIndex","isInteger","rect","getBoundingClientRect","itemHeight","rawIndex","top","nextDropIndex","startTouchAutoScroll","scrollContainer","edgeSize","maxSpeed","step","position","requestAnimationFrame","bottom","innerHeight","speed","y","distance","scrollBy","behavior","x","resetDragState","useEffect","preventScrollWhileDragging","event","preventDefault","addEventListener","passive","removeEventListener","jsx","List","cx","styles","sortable","child","i","key","e","stopPropagation","pseudo","dragging","dropping","touch","touches","currentTarget","setTimeout","offsetHeight","offsetWidth","start","hypot","dataTransfer","dropEffect","setData","effectAllowed","canMoveDown","canMoveUp","moveDown","moveUp"],"mappings":"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"}

package/dist/components/{_sortable → sortable}/index.js

@@ -2,7 +2,7 @@ import { jsx as H } from "react/jsx-runtime";
 import { t as O } from "../../classix-DG18itHa.js";
 import A, { createContext as tt, useMemo as V, useRef as a, useState as M, useEffect as B, useContext as et } from "react";
 import { List as nt } from "../list/index.js";
-import '../../assets/index25.css';const rt = "_sortable_12gha_1", ot = "_dragging_12gha_13", ct = "_dropping_12gha_28", lt = "_columns_12gha_42", ut = "_pseudo_12gha_51", f = {
+import '../../assets/index8.css';const rt = "_sortable_12gha_1", ot = "_dragging_12gha_13", ct = "_dropping_12gha_28", lt = "_columns_12gha_42", ut = "_pseudo_12gha_51", f = {
   sortable: rt,
   dragging: ot,
   dropping: ct,

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableItemContextValue = {\n  canMoveDown: boolean;\n  canMoveUp: boolean;\n  index: number;\n  moveDown: () => void;\n  moveUp: () => void;\n};\n\nconst SortableItemContext = createContext<SortableItemContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useOptionalSortableItem() {\n  return useContext(SortableItemContext);\n}\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  isRearranging?: boolean;\n  onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype withVars = React.CSSProperties & {\n  '--height'?: string;\n  '--width'?: string;\n  '--icon-svg'?: string;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  isRearranging = false,\n  onChangeOrder,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const drag = useRef(-1);\n  const usesTouchInput = useMemo(\n    () =>\n      typeof window !== 'undefined' &&\n      (navigator.maxTouchPoints > 0 || window.matchMedia('(pointer: coarse)').matches),\n    []\n  );\n  const touchDragActive = useRef(false);\n  const touchDropIndex = useRef<number | null>(null);\n  const touchHoldTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const touchStart = useRef<{ index: number; x: number; y: number } | null>(null);\n  const suppressClick = useRef(false);\n  const touchPosition = useRef<{ x: number; y: number } | null>(null);\n  const autoScrollFrame = useRef<number | null>(null);\n  const [zoneSize, setZoneSize] = useState({\n    height: 0,\n    width: 0,\n  });\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const [droppedAtIndex, setDroppedAtIndex] = useState<number | null>(null);\n  const withVars: withVars = {\n    ...props.style,\n    '--height': `calc(${zoneSize.height}px - var(--scale-16))`,\n    '--width': cols > 1 ? `calc(${zoneSize.width}px - var(--scale-16))` : `${zoneSize.width}px`,\n  };\n\n  const emitOrder = (items: React.ReactNode[]) => {\n    onChangeOrder(\n      items.map((item, index) => ({\n        id: String(\n          React.isValidElement(item)\n            ? ((item.props as { 'data-id'?: string })['data-id'] ?? `idx-${index}`)\n            : `idx-${index}`\n        ),\n        weight: items.length - 1 - index,\n      }))\n    );\n  };\n\n  const moveItem = (from: number, to: number) => {\n    if (to < 0 || to >= arr.length || from === to) return;\n\n    const next = arr.slice();\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n\n    setDroppedAtIndex(to);\n    emitOrder(next);\n  };\n\n  const clearTouchHoldTimer = () => {\n    if (touchHoldTimer.current !== null) {\n      clearTimeout(touchHoldTimer.current);\n      touchHoldTimer.current = null;\n    }\n  };\n\n  const clearAutoScrollFrame = () => {\n    if (autoScrollFrame.current !== null) {\n      cancelAnimationFrame(autoScrollFrame.current);\n      autoScrollFrame.current = null;\n    }\n  };\n\n  const getScrollableAncestor = (element: HTMLElement | null) => {\n    let current = element?.parentElement ?? null;\n\n    while (current) {\n      const { overflowY } = window.getComputedStyle(current);\n      const canScroll =\n        /(auto|scroll|overlay)/.test(overflowY) && current.scrollHeight > current.clientHeight;\n\n      if (canScroll) return current;\n      current = current.parentElement;\n    }\n\n    return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;\n  };\n\n  const resetTouchDragState = () => {\n    clearTouchHoldTimer();\n    clearAutoScrollFrame();\n    touchPosition.current = null;\n    touchDragActive.current = false;\n    touchDropIndex.current = null;\n    touchStart.current = null;\n    suppressClick.current = false;\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  const isInteractiveTarget = (target: EventTarget | null) =>\n    target instanceof Element &&\n    Boolean(\n      target.closest(\n        'button, a, input, textarea, select, option, [role=\"button\"], [contenteditable=\"true\"]'\n      )\n    );\n\n  const updateTouchDropIndex = (clientX: number, clientY: number) => {\n    const target = document\n      .elementFromPoint(clientX, clientY)\n      ?.closest<HTMLElement>('[data-sortable-index]');\n    if (!target) return;\n\n    const index = Number(target.dataset.sortableIndex);\n    const from = drag.current;\n    if (!Number.isInteger(index) || from < 0 || index === from) return;\n\n    const rect = target.getBoundingClientRect();\n    const itemHeight = index === from + 1 ? zoneSize.height : rect.height;\n    const isBottomHalf = clientY > rect.top + itemHeight / 2;\n    const rawIndex = isBottomHalf ? index + 1 : index;\n    const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n    touchDropIndex.current = nextDropIndex;\n    setDropIndex(nextDropIndex);\n  };\n\n  const startTouchAutoScroll = (item: HTMLElement) => {\n    const scrollContainer = getScrollableAncestor(item);\n    if (!scrollContainer) return;\n\n    const edgeSize = 72;\n    const maxSpeed = 18;\n\n    const step = () => {\n      if (!touchDragActive.current) {\n        autoScrollFrame.current = null;\n        return;\n      }\n\n      const position = touchPosition.current;\n      if (!position) {\n        autoScrollFrame.current = requestAnimationFrame(step);\n        return;\n      }\n\n      const rect =\n        scrollContainer === document.scrollingElement\n          ? { top: 0, bottom: window.innerHeight }\n          : scrollContainer.getBoundingClientRect();\n\n      let speed = 0;\n\n      if (position.y < rect.top + edgeSize) {\n        const distance = Math.max(0, position.y - rect.top);\n        speed = -maxSpeed * (1 - distance / edgeSize);\n      } else if (position.y > rect.bottom - edgeSize) {\n        const distance = Math.max(0, rect.bottom - position.y);\n        speed = maxSpeed * (1 - distance / edgeSize);\n      }\n\n      if (speed !== 0) {\n        scrollContainer.scrollBy({ top: speed, behavior: 'auto' });\n        updateTouchDropIndex(position.x, position.y);\n      }\n\n      autoScrollFrame.current = requestAnimationFrame(step);\n    };\n\n    clearAutoScrollFrame();\n    autoScrollFrame.current = requestAnimationFrame(step);\n  };\n\n  const resetDragState = () => {\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  useEffect(() => {\n    if (!isRearranging) {\n      setDroppedAtIndex(null);\n    }\n  }, [isRearranging]);\n\n  useEffect(\n    () => () => {\n      clearTouchHoldTimer();\n      clearAutoScrollFrame();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const preventScrollWhileDragging = (event: TouchEvent) => {\n      if (touchDragActive.current) {\n        event.preventDefault();\n      }\n    };\n\n    window.addEventListener('touchmove', preventScrollWhileDragging, {\n      passive: false,\n    });\n\n    return () => {\n      clearTouchHoldTimer();\n      window.removeEventListener('touchmove', preventScrollWhileDragging);\n    };\n  }, []);\n\n  return (\n    <List\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      columns={columns}\n      ordered\n      style={withVars}\n      {...props}\n    >\n      {arr.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            data-sortable-index={i}\n            onClickCapture={(e) => {\n              if (!suppressClick.current) return;\n              e.preventDefault();\n              e.stopPropagation();\n              suppressClick.current = false;\n            }}\n            className={cx(\n              dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n              dropIndex === i && drag.current < i && styles['target-below'],\n              dropIndex === i && drag.current > i && styles['target-above'],\n              drag.current === i && styles.dragging,\n              droppedAtIndex === i && isRearranging && styles.dropping\n            )}\n            onContextMenu={(e) => {\n              if (touchDragActive.current || touchHoldTimer.current !== null) {\n                e.preventDefault();\n              }\n            }}\n            onTouchStart={(e) => {\n              if (isRearranging || isInteractiveTarget(e.target)) return;\n\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              const item = e.currentTarget;\n              touchStart.current = {\n                index: i,\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              clearTouchHoldTimer();\n              touchHoldTimer.current = setTimeout(() => {\n                drag.current = i;\n                touchDragActive.current = true;\n                touchDropIndex.current = i;\n                suppressClick.current = true;\n                setZoneSize({\n                  height: item.offsetHeight,\n                  width: item.offsetWidth,\n                });\n                setDropIndex(i);\n                touchPosition.current = {\n                  x: touch.clientX,\n                  y: touch.clientY,\n                };\n                startTouchAutoScroll(item);\n              }, 350);\n            }}\n            onTouchMove={(e) => {\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              touchPosition.current = {\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              if (!touchDragActive.current) {\n                const start = touchStart.current;\n                if (!start) return;\n\n                const distance = Math.hypot(touch.clientX - start.x, touch.clientY - start.y);\n                if (distance > 8) {\n                  clearTouchHoldTimer();\n                  touchStart.current = null;\n                }\n                return;\n              }\n              updateTouchDropIndex(touch.clientX, touch.clientY);\n            }}\n            onTouchEnd={(e) => {\n              clearTouchHoldTimer();\n\n              if (!touchDragActive.current) {\n                touchStart.current = null;\n                return;\n              }\n\n              e.preventDefault();\n              const from = drag.current;\n              const to = touchDropIndex.current;\n\n              if (from >= 0 && to !== null && from !== to) {\n                moveItem(from, to);\n              }\n\n              resetTouchDragState();\n            }}\n            onTouchCancel={() => resetTouchDragState()}\n            draggable={!isRearranging && !usesTouchInput}\n            onDragEnd={() => resetDragState()}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              const rect = e.currentTarget.getBoundingClientRect();\n              const itemHeight = i === from + 1 ? zoneSize.height : rect.height;\n              const isBottomHalf = e.clientY > rect.top + itemHeight / 2;\n              const rawIndex = isBottomHalf ? i + 1 : i;\n              const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n              setDropIndex(nextDropIndex);\n            }}\n            onDragStart={(e) => {\n              if (usesTouchInput) {\n                e.preventDefault();\n                return;\n              }\n              drag.current = i;\n              setZoneSize({\n                height: e.currentTarget.offsetHeight,\n                width: e.currentTarget.offsetWidth,\n              });\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n              setDropIndex(i);\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              const to = dropIndex;\n              if (from < 0 || to === null || from === to) return;\n              moveItem(from, to);\n              resetDragState();\n            }}\n          >\n            <SortableItemContext.Provider\n              value={{\n                canMoveDown: i < arr.length - 1,\n                canMoveUp: i > 0,\n                index: i,\n                moveDown: () => moveItem(i, i + 1),\n                moveUp: () => moveItem(i, i - 1),\n              }}\n            >\n              {child}\n            </SortableItemContext.Provider>\n          </li>\n        );\n      })}\n    </List>\n  );\n}\n"],"names":["SortableItemContext","createContext","useOptionalSortableItem","useContext","Sortable","children","className","columns","isRearranging","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","drag","useRef","usesTouchInput","window","navigator","maxTouchPoints","matchMedia","matches","touchDragActive","touchDropIndex","touchHoldTimer","touchStart","suppressClick","touchPosition","autoScrollFrame","zoneSize","setZoneSize","useState","height","width","dropIndex","setDropIndex","droppedAtIndex","setDroppedAtIndex","withVars","style","emitOrder","items","map","item","index","id","String","isValidElement","weight","length","moveItem","from","to","next","slice","moved","splice","clearTouchHoldTimer","current","clearTimeout","clearAutoScrollFrame","cancelAnimationFrame","getScrollableAncestor","element","parentElement","overflowY","getComputedStyle","test","scrollHeight","clientHeight","document","scrollingElement","HTMLElement","resetTouchDragState","isInteractiveTarget","target","Element","Boolean","closest","updateTouchDropIndex","clientX","clientY","elementFromPoint","dataset","sortableIndex","isInteger","rect","getBoundingClientRect","itemHeight","rawIndex","top","nextDropIndex","startTouchAutoScroll","scrollContainer","edgeSize","maxSpeed","step","position","requestAnimationFrame","bottom","innerHeight","speed","y","distance","scrollBy","behavior","x","resetDragState","useEffect","preventScrollWhileDragging","event","preventDefault","addEventListener","passive","removeEventListener","jsx","List","cx","styles","sortable","child","i","key","e","stopPropagation","pseudo","dragging","dropping","touch","touches","currentTarget","setTimeout","offsetHeight","offsetWidth","start","hypot","dataTransfer","dropEffect","setData","effectAllowed","canMoveDown","canMoveUp","moveDown","moveUp"],"mappings":"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"}

package/dist/components/table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const f=require("react/jsx-runtime"),i=require("react"),k=require("../icon/index.cjs"),z="_table_1egqd_1",D="_sortable_1egqd_27",h={table:z,sortable:D},m=r=>i.isValidElement(r),q=r=>i.Children.toArray(r).reduce((e,t)=>m(t)?e+(t.type==="td"||t.type==="th"?1:q(t.props.children)):e,0),v=r=>{for(const e of i.Children.toArray(r)){if(!m(e))continue;if(e.type==="tr")return q(e.props.children);const t=v(e.props.children);if(t!==null)return t}return null},S=(r,e)=>i.Children.map(r,t=>{if(!m(t))return t;let s=t.props.children===void 0?t.props.children:S(t.props.children,e),n;return t.type==="td"&&t.props["data-span"]==="all"&&(n={colSpan:e}),t.type==="th"&&t.props["data-type"]&&(s=f.jsxs("span",{className:h.sortable,children:[s,f.jsx(k.Icon,{name:"updown",variant:"primary"})]})),n||s!==t.props.children?i.cloneElement(t,n,s):t}),I=(r,e,t,s,n=1)=>{if(t==="text")return r.localeCompare(e,s,{sensitivity:"base"})*n;const l=t==="date"?Date.parse(r):Number.parseFloat(r),c=t==="date"?Date.parse(e):Number.parseFloat(e);return Number.isNaN(l)&&Number.isNaN(c)?0:Number.isNaN(l)?1:Number.isNaN(c)?-1:(l-c)*n},P=({children:r,locale:e,...t})=>{const s=i.useRef(null),n=v(r),l=n&&n>0?S(r,n):r,c=(d,u,o)=>{d.querySelectorAll("th[data-type]").forEach(a=>{a===u?(a.dataset.dir=o,a.setAttribute("aria-sort",o==="asc"?"ascending":"descending")):(delete a.dataset.dir,a.setAttribute("aria-sort","none"))})},j=i.useCallback(d=>{var x,g;const u=s.current;if(!u)return;const o=(x=d.target)==null?void 0:x.closest("th");if(!o)return;const p=u.tHead;if(!p||!p.contains(o))return;const a=o.cellIndex;if(a<0)return;const b=(g=u.tBodies)==null?void 0:g[0];if(!b)return;const y=o.getAttribute("data-type");if(!y)return;const N=o.dataset.dir==="asc"?"desc":"asc";c(p,o,N);const w=N==="asc"?1:-1,C=Array.from(b.rows);C.sort((E,R)=>{var _,A;const T=(((_=E.cells[a])==null?void 0:_.textContent)??"").trim(),F=(((A=R.cells[a])==null?void 0:A.textContent)??"").trim();return I(T,F,y,e,w)}),b.append(...C)},[e]);return f.jsx("table",{className:h.table,onClick:j,ref:s,...t,"data-component":"table",children:l})};exports.Table=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const f=require("react/jsx-runtime"),l=require("react"),k=require("../icon/index.cjs"),z="_table_1egqd_1",D="_sortable_1egqd_27",h={table:z,sortable:D},m=r=>l.isValidElement(r),q=r=>l.Children.toArray(r).reduce((e,t)=>m(t)?e+(t.type==="td"||t.type==="th"?1:q(t.props.children)):e,0),S=r=>{for(const e of l.Children.toArray(r)){if(!m(e))continue;if(e.type==="tr")return q(e.props.children);const t=S(e.props.children);if(t!==null)return t}return null},j=(r,e)=>l.Children.map(r,t=>{if(!m(t))return t;let s=t.props.children===void 0?t.props.children:j(t.props.children,e),n;return t.type==="td"&&t.props["data-span"]==="all"&&(n={colSpan:e}),t.type==="th"&&t.props["data-type"]&&(s=f.jsxs("span",{className:h.sortable,children:[s,f.jsx(k.Icon,{name:"updown"})]})),n||s!==t.props.children?l.cloneElement(t,n,s):t}),I=(r,e,t,s,n=1)=>{if(t==="text")return r.localeCompare(e,s,{sensitivity:"base"})*n;const c=t==="date"?Date.parse(r):Number.parseFloat(r),i=t==="date"?Date.parse(e):Number.parseFloat(e);return Number.isNaN(c)&&Number.isNaN(i)?0:Number.isNaN(c)?1:Number.isNaN(i)?-1:(c-i)*n},P=({children:r,locale:e,...t})=>{const s=l.useRef(null),n=S(r),c=n&&n>0?j(r,n):r,i=(d,u,o)=>{d.querySelectorAll("th[data-type]").forEach(a=>{a===u?(a.dataset.dir=o,a.setAttribute("aria-sort",o==="asc"?"ascending":"descending")):(delete a.dataset.dir,a.setAttribute("aria-sort","none"))})},v=l.useCallback(d=>{var x,g;const u=s.current;if(!u)return;const o=(x=d.target)==null?void 0:x.closest("th");if(!o)return;const p=u.tHead;if(!p||!p.contains(o))return;const a=o.cellIndex;if(a<0)return;const b=(g=u.tBodies)==null?void 0:g[0];if(!b)return;const y=o.getAttribute("data-type");if(!y)return;const N=o.dataset.dir==="asc"?"desc":"asc";i(p,o,N);const w=N==="asc"?1:-1,C=Array.from(b.rows);C.sort((E,R)=>{var _,A;const T=(((_=E.cells[a])==null?void 0:_.textContent)??"").trim(),F=(((A=R.cells[a])==null?void 0:A.textContent)??"").trim();return I(T,F,y,e,w)}),b.append(...C)},[e]);return f.jsx("table",{className:h.table,onClick:v,ref:s,...t,"data-component":"table",children:c})};exports.Table=P;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useCallback, useRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\ntype SortType = 'date' | 'number' | 'text';\n\ntype TableChildProps = {\n  children?: React.ReactNode;\n  colSpan?: number;\n  'data-span'?: string;\n  'data-type'?: SortType;\n};\n\nconst isTableElement = (child: React.ReactNode): child is React.ReactElement<TableChildProps> =>\n  isValidElement<TableChildProps>(child);\n\nconst countCells = (children: React.ReactNode): number =>\n  Children.toArray(children).reduce<number>((count, child) => {\n    if (!isTableElement(child)) return count;\n    return (\n      count + (child.type === 'td' || child.type === 'th' ? 1 : countCells(child.props.children))\n    );\n  }, 0);\n\nconst getFirstRowCellCount = (children: React.ReactNode): number | null => {\n  for (const child of Children.toArray(children)) {\n    if (!isTableElement(child)) continue;\n\n    if (child.type === 'tr') return countCells(child.props.children);\n\n    const nestedCount = getFirstRowCellCount(child.props.children);\n    if (nestedCount !== null) return nestedCount;\n  }\n\n  return null;\n};\n\nconst normalizeChildren = (children: React.ReactNode, columnCount: number): React.ReactNode =>\n  Children.map(children, (child) => {\n    if (!isTableElement(child)) return child;\n\n    let nextChildren =\n      child.props.children === undefined\n        ? child.props.children\n        : normalizeChildren(child.props.children, columnCount);\n    let nextProps: Partial<TableChildProps> | undefined;\n\n    if (child.type === 'td' && child.props['data-span'] === 'all') {\n      nextProps = { colSpan: columnCount };\n    }\n\n    if (child.type === 'th' && child.props['data-type']) {\n      nextChildren = (\n        <span className={styles.sortable}>\n          {nextChildren}\n          <Icon\n            name='updown'\n            variant='primary'\n          />\n        </span>\n      );\n    }\n\n    return nextProps || nextChildren !== child.props.children\n      ? cloneElement(child, nextProps, nextChildren)\n      : child;\n  });\n\n/**\n * Sortable columns must provide data-type (text, number, or date) in the `th` element.\n */\n\nconst compare = (a: string, b: string, type: SortType, locale?: string | string[], dir = 1) => {\n  if (type === 'text') {\n    return a.localeCompare(b, locale, { sensitivity: 'base' }) * dir;\n  }\n\n  const left = type === 'date' ? Date.parse(a) : Number.parseFloat(a);\n  const right = type === 'date' ? Date.parse(b) : Number.parseFloat(b);\n\n  if (Number.isNaN(left) && Number.isNaN(right)) return 0;\n  if (Number.isNaN(left)) return 1;\n  if (Number.isNaN(right)) return -1;\n  return (left - right) * dir;\n};\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n  const columnCount = getFirstRowCellCount(children);\n  const normalizedChildren =\n    columnCount && columnCount > 0 ? normalizeChildren(children, columnCount) : children;\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type') as SortType | null;\n      if (!type) return;\n\n      const direction = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, direction);\n      const dir = direction === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n        return compare(av, bv, type, locale, dir);\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {normalizedChildren}\n    </table>\n  );\n};\n"],"names":["isTableElement","child","isValidElement","countCells","children","Children","toArray","reduce","count","type","props","getFirstRowCellCount","nestedCount","normalizeChildren","columnCount","map","nextChildren","undefined","nextProps","colSpan","jsxs","styles","sortable","jsx","Icon","cloneElement","compare","a","b","locale","dir","localeCompare","sensitivity","left","Date","parse","Number","parseFloat","right","isNaN","Table","ref","useRef","normalizedChildren","setSortState","thead","active","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","getAttribute","direction","rows","Array","from","sort","av","cells","textContent","trim","bv","append"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useCallback, useRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\ntype SortType = 'date' | 'number' | 'text';\n\ntype TableChildProps = {\n  children?: React.ReactNode;\n  colSpan?: number;\n  'data-span'?: string;\n  'data-type'?: SortType;\n};\n\nconst isTableElement = (child: React.ReactNode): child is React.ReactElement<TableChildProps> =>\n  isValidElement<TableChildProps>(child);\n\nconst countCells = (children: React.ReactNode): number =>\n  Children.toArray(children).reduce<number>((count, child) => {\n    if (!isTableElement(child)) return count;\n    return (\n      count + (child.type === 'td' || child.type === 'th' ? 1 : countCells(child.props.children))\n    );\n  }, 0);\n\nconst getFirstRowCellCount = (children: React.ReactNode): number | null => {\n  for (const child of Children.toArray(children)) {\n    if (!isTableElement(child)) continue;\n\n    if (child.type === 'tr') return countCells(child.props.children);\n\n    const nestedCount = getFirstRowCellCount(child.props.children);\n    if (nestedCount !== null) return nestedCount;\n  }\n\n  return null;\n};\n\nconst normalizeChildren = (children: React.ReactNode, columnCount: number): React.ReactNode =>\n  Children.map(children, (child) => {\n    if (!isTableElement(child)) return child;\n\n    let nextChildren =\n      child.props.children === undefined\n        ? child.props.children\n        : normalizeChildren(child.props.children, columnCount);\n    let nextProps: Partial<TableChildProps> | undefined;\n\n    if (child.type === 'td' && child.props['data-span'] === 'all') {\n      nextProps = { colSpan: columnCount };\n    }\n\n    if (child.type === 'th' && child.props['data-type']) {\n      nextChildren = (\n        <span className={styles.sortable}>\n          {nextChildren}\n          <Icon name='updown' />\n        </span>\n      );\n    }\n\n    return nextProps || nextChildren !== child.props.children\n      ? cloneElement(child, nextProps, nextChildren)\n      : child;\n  });\n\n/**\n * Sortable columns must provide data-type (text, number, or date) in the `th` element.\n */\n\nconst compare = (a: string, b: string, type: SortType, locale?: string | string[], dir = 1) => {\n  if (type === 'text') {\n    return a.localeCompare(b, locale, { sensitivity: 'base' }) * dir;\n  }\n\n  const left = type === 'date' ? Date.parse(a) : Number.parseFloat(a);\n  const right = type === 'date' ? Date.parse(b) : Number.parseFloat(b);\n\n  if (Number.isNaN(left) && Number.isNaN(right)) return 0;\n  if (Number.isNaN(left)) return 1;\n  if (Number.isNaN(right)) return -1;\n  return (left - right) * dir;\n};\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n  const columnCount = getFirstRowCellCount(children);\n  const normalizedChildren =\n    columnCount && columnCount > 0 ? normalizeChildren(children, columnCount) : children;\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type') as SortType | null;\n      if (!type) return;\n\n      const direction = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, direction);\n      const dir = direction === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n        return compare(av, bv, type, locale, dir);\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {normalizedChildren}\n    </table>\n  );\n};\n"],"names":["isTableElement","child","isValidElement","countCells","children","Children","toArray","reduce","count","type","props","getFirstRowCellCount","nestedCount","normalizeChildren","columnCount","map","nextChildren","undefined","nextProps","colSpan","jsxs","styles","sortable","jsx","Icon","cloneElement","compare","a","b","locale","dir","localeCompare","sensitivity","left","Date","parse","Number","parseFloat","right","isNaN","Table","ref","useRef","normalizedChildren","setSortState","thead","active","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","getAttribute","direction","rows","Array","from","sort","av","cells","textContent","trim","bv","append"],"mappings":"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"}

package/dist/components/table/index.js

@@ -1,13 +1,13 @@
 import { jsx as _, jsxs as D } from "react/jsx-runtime";
 import { useRef as I, useCallback as R, Children as f, cloneElement as T, isValidElement as B } from "react";
 import { Icon as H } from "../icon/index.js";
-import '../../assets/index3.css';const P = "_table_1egqd_1", V = "_sortable_1egqd_27", v = {
+import '../../assets/index7.css';const P = "_table_1egqd_1", V = "_sortable_1egqd_27", h = {
   table: P,
   sortable: V
-}, m = (r) => B(r), h = (r) => f.toArray(r).reduce((e, t) => m(t) ? e + (t.type === "td" || t.type === "th" ? 1 : h(t.props.children)) : e, 0), w = (r) => {
+}, m = (r) => B(r), v = (r) => f.toArray(r).reduce((e, t) => m(t) ? e + (t.type === "td" || t.type === "th" ? 1 : v(t.props.children)) : e, 0), w = (r) => {
   for (const e of f.toArray(r)) {
     if (!m(e)) continue;
-    if (e.type === "tr") return h(e.props.children);
+    if (e.type === "tr") return v(e.props.children);
     const t = w(e.props.children);
     if (t !== null) return t;
   }
@@ -17,42 +17,42 @@ import '../../assets/index3.css';const P = "_table_1egqd_1", V = "_sortable_1egq
   let s = t.props.children === void 0 ? t.props.children : E(t.props.children, e), n;
   return t.type === "td" && t.props["data-span"] === "all" && (n = {
     colSpan: e
-  }), t.type === "th" && t.props["data-type"] && (s = /* @__PURE__ */ D("span", { className: v.sortable, children: [
+  }), t.type === "th" && t.props["data-type"] && (s = /* @__PURE__ */ D("span", { className: h.sortable, children: [
     s,
-    /* @__PURE__ */ _(H, { name: "updown", variant: "primary" })
+    /* @__PURE__ */ _(H, { name: "updown" })
   ] })), n || s !== t.props.children ? T(t, n, s) : t;
 }), G = (r, e, t, s, n = 1) => {
   if (t === "text")
     return r.localeCompare(e, s, {
       sensitivity: "base"
     }) * n;
-  const l = t === "date" ? Date.parse(r) : Number.parseFloat(r), i = t === "date" ? Date.parse(e) : Number.parseFloat(e);
-  return Number.isNaN(l) && Number.isNaN(i) ? 0 : Number.isNaN(l) ? 1 : Number.isNaN(i) ? -1 : (l - i) * n;
+  const l = t === "date" ? Date.parse(r) : Number.parseFloat(r), c = t === "date" ? Date.parse(e) : Number.parseFloat(e);
+  return Number.isNaN(l) && Number.isNaN(c) ? 0 : Number.isNaN(l) ? 1 : Number.isNaN(c) ? -1 : (l - c) * n;
 }, M = ({
   children: r,
   locale: e,
   ...t
 }) => {
-  const s = I(null), n = w(r), l = n && n > 0 ? E(r, n) : r, i = (u, c, o) => {
+  const s = I(null), n = w(r), l = n && n > 0 ? E(r, n) : r, c = (u, i, o) => {
     u.querySelectorAll("th[data-type]").forEach((a) => {
-      a === c ? (a.dataset.dir = o, a.setAttribute("aria-sort", o === "asc" ? "ascending" : "descending")) : (delete a.dataset.dir, a.setAttribute("aria-sort", "none"));
+      a === i ? (a.dataset.dir = o, a.setAttribute("aria-sort", o === "asc" ? "ascending" : "descending")) : (delete a.dataset.dir, a.setAttribute("aria-sort", "none"));
     });
   }, S = R((u) => {
     var C, x;
-    const c = s.current;
-    if (!c) return;
+    const i = s.current;
+    if (!i) return;
     const o = (C = u.target) == null ? void 0 : C.closest("th");
     if (!o) return;
-    const p = c.tHead;
+    const p = i.tHead;
     if (!p || !p.contains(o)) return;
     const a = o.cellIndex;
     if (a < 0) return;
-    const d = (x = c.tBodies) == null ? void 0 : x[0];
+    const d = (x = i.tBodies) == null ? void 0 : x[0];
     if (!d) return;
     const b = o.getAttribute("data-type");
     if (!b) return;
     const N = o.dataset.dir === "asc" ? "desc" : "asc";
-    i(p, o, N);
+    c(p, o, N);
     const q = N === "asc" ? 1 : -1, y = Array.from(d.rows);
     y.sort((F, j) => {
       var g, A;
@@ -60,7 +60,7 @@ import '../../assets/index3.css';const P = "_table_1egqd_1", V = "_sortable_1egq
       return G(k, z, b, e, q);
     }), d.append(...y);
   }, [e]);
-  return /* @__PURE__ */ _("table", { className: v.table, onClick: S, ref: s, ...t, "data-component": "table", children: l });
+  return /* @__PURE__ */ _("table", { className: h.table, onClick: S, ref: s, ...t, "data-component": "table", children: l });
 };
 export {
   M as Table

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useCallback, useRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\ntype SortType = 'date' | 'number' | 'text';\n\ntype TableChildProps = {\n  children?: React.ReactNode;\n  colSpan?: number;\n  'data-span'?: string;\n  'data-type'?: SortType;\n};\n\nconst isTableElement = (child: React.ReactNode): child is React.ReactElement<TableChildProps> =>\n  isValidElement<TableChildProps>(child);\n\nconst countCells = (children: React.ReactNode): number =>\n  Children.toArray(children).reduce<number>((count, child) => {\n    if (!isTableElement(child)) return count;\n    return (\n      count + (child.type === 'td' || child.type === 'th' ? 1 : countCells(child.props.children))\n    );\n  }, 0);\n\nconst getFirstRowCellCount = (children: React.ReactNode): number | null => {\n  for (const child of Children.toArray(children)) {\n    if (!isTableElement(child)) continue;\n\n    if (child.type === 'tr') return countCells(child.props.children);\n\n    const nestedCount = getFirstRowCellCount(child.props.children);\n    if (nestedCount !== null) return nestedCount;\n  }\n\n  return null;\n};\n\nconst normalizeChildren = (children: React.ReactNode, columnCount: number): React.ReactNode =>\n  Children.map(children, (child) => {\n    if (!isTableElement(child)) return child;\n\n    let nextChildren =\n      child.props.children === undefined\n        ? child.props.children\n        : normalizeChildren(child.props.children, columnCount);\n    let nextProps: Partial<TableChildProps> | undefined;\n\n    if (child.type === 'td' && child.props['data-span'] === 'all') {\n      nextProps = { colSpan: columnCount };\n    }\n\n    if (child.type === 'th' && child.props['data-type']) {\n      nextChildren = (\n        <span className={styles.sortable}>\n          {nextChildren}\n          <Icon\n            name='updown'\n            variant='primary'\n          />\n        </span>\n      );\n    }\n\n    return nextProps || nextChildren !== child.props.children\n      ? cloneElement(child, nextProps, nextChildren)\n      : child;\n  });\n\n/**\n * Sortable columns must provide data-type (text, number, or date) in the `th` element.\n */\n\nconst compare = (a: string, b: string, type: SortType, locale?: string | string[], dir = 1) => {\n  if (type === 'text') {\n    return a.localeCompare(b, locale, { sensitivity: 'base' }) * dir;\n  }\n\n  const left = type === 'date' ? Date.parse(a) : Number.parseFloat(a);\n  const right = type === 'date' ? Date.parse(b) : Number.parseFloat(b);\n\n  if (Number.isNaN(left) && Number.isNaN(right)) return 0;\n  if (Number.isNaN(left)) return 1;\n  if (Number.isNaN(right)) return -1;\n  return (left - right) * dir;\n};\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n  const columnCount = getFirstRowCellCount(children);\n  const normalizedChildren =\n    columnCount && columnCount > 0 ? normalizeChildren(children, columnCount) : children;\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type') as SortType | null;\n      if (!type) return;\n\n      const direction = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, direction);\n      const dir = direction === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n        return compare(av, bv, type, locale, dir);\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {normalizedChildren}\n    </table>\n  );\n};\n"],"names":["isTableElement","child","isValidElement","countCells","children","Children","toArray","reduce","count","type","props","getFirstRowCellCount","nestedCount","normalizeChildren","columnCount","map","nextChildren","undefined","nextProps","colSpan","jsxs","styles","sortable","jsx","Icon","cloneElement","compare","a","b","locale","dir","localeCompare","sensitivity","left","Date","parse","Number","parseFloat","right","isNaN","Table","ref","useRef","normalizedChildren","setSortState","thead","active","ths","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","getAttribute","direction","rows","Array","from","sort","av","cells","textContent","trim","bv","append"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useCallback, useRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\ntype SortType = 'date' | 'number' | 'text';\n\ntype TableChildProps = {\n  children?: React.ReactNode;\n  colSpan?: number;\n  'data-span'?: string;\n  'data-type'?: SortType;\n};\n\nconst isTableElement = (child: React.ReactNode): child is React.ReactElement<TableChildProps> =>\n  isValidElement<TableChildProps>(child);\n\nconst countCells = (children: React.ReactNode): number =>\n  Children.toArray(children).reduce<number>((count, child) => {\n    if (!isTableElement(child)) return count;\n    return (\n      count + (child.type === 'td' || child.type === 'th' ? 1 : countCells(child.props.children))\n    );\n  }, 0);\n\nconst getFirstRowCellCount = (children: React.ReactNode): number | null => {\n  for (const child of Children.toArray(children)) {\n    if (!isTableElement(child)) continue;\n\n    if (child.type === 'tr') return countCells(child.props.children);\n\n    const nestedCount = getFirstRowCellCount(child.props.children);\n    if (nestedCount !== null) return nestedCount;\n  }\n\n  return null;\n};\n\nconst normalizeChildren = (children: React.ReactNode, columnCount: number): React.ReactNode =>\n  Children.map(children, (child) => {\n    if (!isTableElement(child)) return child;\n\n    let nextChildren =\n      child.props.children === undefined\n        ? child.props.children\n        : normalizeChildren(child.props.children, columnCount);\n    let nextProps: Partial<TableChildProps> | undefined;\n\n    if (child.type === 'td' && child.props['data-span'] === 'all') {\n      nextProps = { colSpan: columnCount };\n    }\n\n    if (child.type === 'th' && child.props['data-type']) {\n      nextChildren = (\n        <span className={styles.sortable}>\n          {nextChildren}\n          <Icon name='updown' />\n        </span>\n      );\n    }\n\n    return nextProps || nextChildren !== child.props.children\n      ? cloneElement(child, nextProps, nextChildren)\n      : child;\n  });\n\n/**\n * Sortable columns must provide data-type (text, number, or date) in the `th` element.\n */\n\nconst compare = (a: string, b: string, type: SortType, locale?: string | string[], dir = 1) => {\n  if (type === 'text') {\n    return a.localeCompare(b, locale, { sensitivity: 'base' }) * dir;\n  }\n\n  const left = type === 'date' ? Date.parse(a) : Number.parseFloat(a);\n  const right = type === 'date' ? Date.parse(b) : Number.parseFloat(b);\n\n  if (Number.isNaN(left) && Number.isNaN(right)) return 0;\n  if (Number.isNaN(left)) return 1;\n  if (Number.isNaN(right)) return -1;\n  return (left - right) * dir;\n};\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n  const columnCount = getFirstRowCellCount(children);\n  const normalizedChildren =\n    columnCount && columnCount > 0 ? normalizeChildren(children, columnCount) : children;\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type') as SortType | null;\n      if (!type) return;\n\n      const direction = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, direction);\n      const dir = direction === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n        return compare(av, bv, type, locale, dir);\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {normalizedChildren}\n    </table>\n  );\n};\n"],"names":["isTableElement","child","isValidElement","countCells","children","Children","toArray","reduce","count","type","props","getFirstRowCellCount","nestedCount","normalizeChildren","columnCount","map","nextChildren","undefined","nextProps","colSpan","jsxs","styles","sortable","jsx","Icon","cloneElement","compare","a","b","locale","dir","localeCompare","sensitivity","left","Date","parse","Number","parseFloat","right","isNaN","Table","ref","useRef","normalizedChildren","setSortState","thead","active","ths","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","getAttribute","direction","rows","Array","from","sort","av","cells","textContent","trim","bv","append"],"mappings":"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"}