@solibo/solibo-ui 1.0.5 → 1.0.7

package/dist/components/object/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as n, Fragment as a } from "react/jsx-runtime";
-import '../../assets/index12.css';const s = "_object_xxgm1_1", i = {
+import '../../assets/index11.css';const s = "_object_xxgm1_1", i = {
   object: s
 }, b = ({
   accessibleLabel: c,

package/dist/components/portal/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const e=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),c=require("../button/index.cjs"),a=require("../icon/index.cjs"),u=require("../aside/index.cjs"),l=require("../branding/index.cjs"),_=require("../figure/index.cjs"),d=require("../nav/index.cjs"),g="_portal_1uuei_39",p="_content_1uuei_266",x="_toggle_1uuei_273",m="_open_1uuei_337",n={portal:g,content:p,toggle:x,open:m},j=({children:t,portals:o,open:s,setOpen:i})=>e.jsxs(u.Aside,{className:r.t(n.portal,s&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(c.Button,{className:n.toggle,onClick:()=>i(!s),variant:"tertiary",children:e.jsx(a.Icon,{name:"sidebar"})}),e.jsx(_.Figure,{children:e.jsx(l.Branding,{name:"logo",size:48,variant:"white"})}),e.jsxs("div",{className:n.content,children:[o&&e.jsx(d.Nav,{horizontal:!0,children:o}),t&&t]})]});exports.Portal=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c=require("../button/index.cjs"),a=require("../icon/index.cjs"),l=require("../aside/index.cjs"),_=require("../branding/index.cjs"),d=require("../figure/index.cjs"),m=require("../nav/index.cjs"),u="_portal_115mr_39",g="_content_115mr_267",p="_toggle_115mr_274",x="_open_115mr_338",n={portal:u,content:g,toggle:p,open:x},j=({children:t,portals:o,open:r,setOpen:s})=>e.jsxs(l.Aside,{className:i.t(n.portal,r&&n.open),sticky:!0,"data-component":"portal",children:[e.jsx(c.Button,{className:n.toggle,onClick:()=>s(!r),variant:"tertiary",children:e.jsx(a.Icon,{name:"sidebar"})}),e.jsx(d.Figure,{children:e.jsx(_.Branding,{name:"logo",size:48,variant:"white"})}),e.jsxs("div",{className:n.content,children:[o&&e.jsx(m.Nav,{horizontal:!0,children:o}),t&&t]})]});exports.Portal=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/portal/index.js

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

package/dist/components/search/index.cjs

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

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

@@ -1 +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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"}
+{"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 { Header } from '../header';\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          controls={\n            <Controls>\n              <Button onClick={() => setIsFilterDialogOpen(false)}>{closeLabel}</Button>\n            </Controls>\n          }\n          header={\n            <Header>\n              <h2 id={dialogTitleId}>{filterDialogTitle}</h2>\n            </Header>\n          }\n          open\n          setOpen={setIsFilterDialogOpen}\n        >\n          <div 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        </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","Controls","Header","groupIndex","Checkbox","includes","checked"],"mappings":"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"}

package/dist/components/search/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/search/index.tsx"],"sourcesContent":["import { useId, useMemo, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Chip } from '../chip';\nimport { 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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"}
+{"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 { Header } from '../header';\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          controls={\n            <Controls>\n              <Button onClick={() => setIsFilterDialogOpen(false)}>{closeLabel}</Button>\n            </Controls>\n          }\n          header={\n            <Header>\n              <h2 id={dialogTitleId}>{filterDialogTitle}</h2>\n            </Header>\n          }\n          open\n          setOpen={setIsFilterDialogOpen}\n        >\n          <div 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        </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","Controls","Header","groupIndex","Checkbox","includes","checked"],"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-BROXUtPz.cjs");const e=require("../../index-CSYOtiWJ.cjs");require("../../use-touched-D_TJ8wDc.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-Dx0NQYLH.cjs");const e=require("../../index-oL8GYbhj.cjs");require("../../use-touched-D_TJ8wDc.cjs");exports.Select=e.Select;
 //# sourceMappingURL=index.cjs.map

package/dist/components/select/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../classix-DG18itHa.js";
-import "../../icons-CH48JQqt.js";
-import { S as e } from "../../index-CRAuAHow.js";
+import "../../icons-BFgf_lJN.js";
+import { S as e } from "../../index-CMfR_USP.js";
 import "../../use-touched-DXIJVVzz.js";
 export {
   e as Select

package/dist/components/sortable/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.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;
+"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

@@ -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/index9.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/table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.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;
+"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.js

@@ -1,7 +1,7 @@
 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/index8.css';const P = "_table_1egqd_1", V = "_sortable_1egqd_27", h = {
+import '../../assets/index7.css';const P = "_table_1egqd_1", V = "_sortable_1egqd_27", h = {
   table: P,
   sortable: V
 }, 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) => {

package/dist/components/textarea/index.cjs

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

package/dist/components/textarea/index.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import { t as m } from "../../classix-DG18itHa.js";
 import { u as x } from "../../use-touched-DXIJVVzz.js";
-import '../../assets/index7.css';const u = "_label_ah8yz_3", _ = "_textarea_ah8yz_11", i = "_touched_ah8yz_30", t = {
+import '../../assets/index6.css';const u = "_label_ah8yz_3", _ = "_textarea_ah8yz_11", i = "_touched_ah8yz_30", t = {
   label: u,
   textarea: _,
   touched: i

package/dist/components/toast/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const o=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),n=require("react"),q=require("../icon/index.cjs"),d="_toast_12yql_1",f="_active_12yql_21",m="_error_12yql_27",y="_success_12yql_36",c={toast:d,active:f,error:m,success:y},v=({label:i,type:t="success",onClick:u,onExitComplete:e,open:r=!0})=>{const[_,a]=n.useState(!1);return n.useEffect(()=>{if(!r)return a(!1);const s=requestAnimationFrame(()=>a(!0));return()=>cancelAnimationFrame(s)},[r]),o.jsxs("div",{"aria-live":t==="error"?"assertive":"polite",className:l.t(c.toast,c[t],_&&c.active),onClick:u,onTransitionEnd:s=>{r||s.propertyName!=="opacity"||s.currentTarget!==s.target||e==null||e()},"data-component":"toast",children:[o.jsx(q.Icon,{name:t}),i]})};exports.Toast=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const o=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),n=require("react"),q=require("../icon/index.cjs"),d="_toast_12yql_1",f="_active_12yql_21",m="_error_12yql_27",y="_success_12yql_36",c={toast:d,active:f,error:m,success:y},v=({label:i,type:t="success",onClick:u,onExitComplete:e,open:r=!0})=>{const[_,a]=n.useState(!1);return n.useEffect(()=>{if(!r)return a(!1);const s=requestAnimationFrame(()=>a(!0));return()=>cancelAnimationFrame(s)},[r]),o.jsxs("div",{"aria-live":t==="error"?"assertive":"polite",className:l.t(c.toast,c[t],_&&c.active),onClick:u,onTransitionEnd:s=>{r||s.propertyName!=="opacity"||s.currentTarget!==s.target||e==null||e()},"data-component":"toast",children:[o.jsx(q.Icon,{name:t}),i]})};exports.Toast=v;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toast/index.js

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as m } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
 import { useState as f, useEffect as l } from "react";
 import { Icon as q } from "../icon/index.js";
-import '../../assets/index6.css';const v = "_toast_12yql_1", y = "_active_12yql_21", d = "_error_12yql_27", h = "_success_12yql_36", e = {
+import '../../assets/index5.css';const v = "_toast_12yql_1", y = "_active_12yql_21", d = "_error_12yql_27", h = "_success_12yql_36", e = {
   toast: v,
   active: y,
   error: d,

package/dist/components/toasts/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const u=require("react/jsx-runtime"),i=require("react"),w=require("../toast/index.cjs"),p="_toasts_19qwq_1",h={toasts:p},T=({defaultDurationMs:r=5e3,onRemove:m,toasts:n})=>{const d=i.useRef(new Map),[c,l]=i.useState(new Set),a=i.useCallback(e=>{l(s=>s.has(e)?s:new Set(s).add(e))},[]);return i.useEffect(()=>{const e=d.current,s=new Set(n.map(t=>t.id));l(t=>{const o=new Set([...t].filter(f=>s.has(f)));return o.size===t.size?t:o});for(const t of n){if(c.has(t.id)||e.has(t.id))continue;const o=t.durationMs??r;e.set(t.id,window.setTimeout(()=>{a(t.id)},o))}for(const[t,o]of e)s.has(t)&&!c.has(t)||(window.clearTimeout(o),e.delete(t))},[c,r,a,n]),i.useEffect(()=>{const e=d.current;return()=>{for(const s of e.values())window.clearTimeout(s);e.clear()}},[]),n.length?u.jsx("div",{className:h.toasts,"data-component":"toasts",children:n.map(e=>u.jsx(w.Toast,{label:e.label,onClick:()=>a(e.id),onExitComplete:()=>m(e.id),open:!c.has(e.id),type:e.type},e.id))}):null};exports.Toasts=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const u=require("react/jsx-runtime"),i=require("react"),w=require("../toast/index.cjs"),p="_toasts_19qwq_1",h={toasts:p},T=({defaultDurationMs:r=5e3,onRemove:m,toasts:n})=>{const d=i.useRef(new Map),[c,l]=i.useState(new Set),a=i.useCallback(e=>{l(s=>s.has(e)?s:new Set(s).add(e))},[]);return i.useEffect(()=>{const e=d.current,s=new Set(n.map(t=>t.id));l(t=>{const o=new Set([...t].filter(f=>s.has(f)));return o.size===t.size?t:o});for(const t of n){if(c.has(t.id)||e.has(t.id))continue;const o=t.durationMs??r;e.set(t.id,window.setTimeout(()=>{a(t.id)},o))}for(const[t,o]of e)s.has(t)&&!c.has(t)||(window.clearTimeout(o),e.delete(t))},[c,r,a,n]),i.useEffect(()=>{const e=d.current;return()=>{for(const s of e.values())window.clearTimeout(s);e.clear()}},[]),n.length?u.jsx("div",{className:h.toasts,"data-component":"toasts",children:n.map(e=>u.jsx(w.Toast,{label:e.label,onClick:()=>a(e.id),onExitComplete:()=>m(e.id),open:!c.has(e.id),type:e.type},e.id))}):null};exports.Toasts=T;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toasts/index.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useRef as p, useState as w, useCallback as h, useEffect as m } from "react";
 import { Toast as T } from "../toast/index.js";
-import '../../assets/index5.css';const v = "_toasts_19qwq_1", S = {
+import '../../assets/index4.css';const v = "_toasts_19qwq_1", S = {
   toasts: v
 }, g = ({
   defaultDurationMs: c = 5e3,

package/dist/components/toggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const t=require("react/jsx-runtime"),i=require("../loading/index.cjs"),g="_toggle_7uv10_1",u="_thumb_7uv10_15",d="_track_7uv10_26",e={toggle:g,thumb:u,track:d},m=({checked:s,disabled:c,isLoading:o,label:n,onChange:a})=>{const l=s!==void 0&&a===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:c||o,onChange:a,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(i.Loading,{size:24}):t.jsx("span",{className:e.thumb})}),n&&t.jsx("span",{className:"toggle",children:n})]})};exports.Toggle=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const t=require("react/jsx-runtime"),i=require("../loading/index.cjs"),g="_toggle_7uv10_1",u="_thumb_7uv10_15",d="_track_7uv10_26",e={toggle:g,thumb:u,track:d},m=({checked:s,disabled:c,isLoading:o,label:n,onChange:a})=>{const l=s!==void 0&&a===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:c||o,onChange:a,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(i.Loading,{size:24}):t.jsx("span",{className:e.thumb})}),n&&t.jsx("span",{className:"toggle",children:n})]})};exports.Toggle=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toggle/index.js

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
 import { Loading as i } from "../loading/index.js";
-import '../../assets/index4.css';const m = "_toggle_7uv10_1", d = "_thumb_7uv10_15", p = "_track_7uv10_26", o = {
+import '../../assets/index3.css';const m = "_toggle_7uv10_1", d = "_thumb_7uv10_15", p = "_track_7uv10_26", o = {
   toggle: m,
   thumb: d,
   track: p

package/dist/components/tooltip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const s=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),a=require("../icon/index.cjs"),t={static:"_static_14c4q_1"},l={default:t.default,static:t.static},r=({variant:o="default",children:i,iconName:e,...c})=>s.jsxs("div",{className:n.t(t.tooltip,l[o]),...c,"data-component":"tooltip",children:[e&&s.jsx(a.Icon,{fill:!0,gap:"right",name:e}),i]});exports.Tooltip=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const s=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),a=require("../icon/index.cjs"),t={static:"_static_jn98v_1"},l={default:t.default,static:t.static},r=({variant:o="default",children:i,iconName:e,...n})=>s.jsxs("div",{className:c.t(t.tooltip,l[o]),...n,"data-component":"tooltip",children:[e&&s.jsx(a.Icon,{fill:!0,gap:"right",name:e}),i]});exports.Tooltip=r;
 //# sourceMappingURL=index.cjs.map

package/dist/components/tooltip/index.js

@@ -1,8 +1,8 @@
-import { jsxs as r, jsx as c } from "react/jsx-runtime";
-import { t as l } from "../../classix-DG18itHa.js";
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
 import { Icon as e } from "../icon/index.js";
-import '../../assets/index3.css';const t = {
-  static: "_static_14c4q_1"
+import '../../assets/index14.css';const t = {
+  static: "_static_jn98v_1"
 }, n = {
   default: t.default,
   static: t.static
@@ -11,8 +11,8 @@ import '../../assets/index3.css';const t = {
   children: a,
   iconName: o,
   ...i
-}) => /* @__PURE__ */ r("div", { className: l(t.tooltip, n[s]), ...i, "data-component": "tooltip", children: [
-  o && /* @__PURE__ */ c(e, { fill: !0, gap: "right", name: o }),
+}) => /* @__PURE__ */ r("div", { className: c(t.tooltip, n[s]), ...i, "data-component": "tooltip", children: [
+  o && /* @__PURE__ */ l(e, { fill: !0, gap: "right", name: o }),
   a
 ] });
 export {

package/dist/{icons-CH48JQqt.js → icons-BFgf_lJN.js}

@@ -27,6 +27,9 @@ const h = {
   "clipboard-check": {
     filled: "M7.502 6h7.128A3.375 3.375 0 0 1 18 9.375v9.375a3 3 0 0 0 3-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 0 0-.673-.05A3 3 0 0 0 15 1.5h-1.5a3 3 0 0 0-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6ZM13.5 3A1.5 1.5 0 0 0 12 4.5h4.5A1.5 1.5 0 0 0 15 3h-1.5Z M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V9.375Zm9.586 4.594a.75.75 0 0 0-1.172-.938l-2.476 3.096-.908-.907a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.116-.062l3-3.75Z"
   },
+  "clipboard-document": {
+    filled: "M7.502 6h7.128A3.375 3.375 0 0 1 18 9.375v9.375a3 3 0 0 0 3-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 0 0-.673-.05A3 3 0 0 0 15 1.5h-1.5a3 3 0 0 0-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6ZM13.5 3A1.5 1.5 0 0 0 12 4.5h4.5A1.5 1.5 0 0 0 15 3h-1.5Z M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V9.375ZM6 12a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H6.75a.75.75 0 0 1-.75-.75V12Zm2.25 0a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75ZM6 15a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H6.75a.75.75 0 0 1-.75-.75V15Zm2.25 0a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75ZM6 18a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H6.75a.75.75 0 0 1-.75-.75V18Zm2.25 0a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75Z"
+  },
   cog: {
     filled: "M11.078 2.25c-.917 0-1.699.663-1.85 1.567L9.05 4.889c-.02.12-.115.26-.297.348a7.493 7.493 0 0 0-.986.57c-.166.115-.334.126-.45.083L6.3 5.508a1.875 1.875 0 0 0-2.282.819l-.922 1.597a1.875 1.875 0 0 0 .432 2.385l.84.692c.095.078.17.229.154.43a7.598 7.598 0 0 0 0 1.139c.015.2-.059.352-.153.43l-.841.692a1.875 1.875 0 0 0-.432 2.385l.922 1.597a1.875 1.875 0 0 0 2.282.818l1.019-.382c.115-.043.283-.031.45.082.312.214.641.405.985.57.182.088.277.228.297.35l.178 1.071c.151.904.933 1.567 1.85 1.567h1.844c.916 0 1.699-.663 1.85-1.567l.178-1.072c.02-.12.114-.26.297-.349.344-.165.673-.356.985-.57.167-.114.335-.125.45-.082l1.02.382a1.875 1.875 0 0 0 2.28-.819l.923-1.597a1.875 1.875 0 0 0-.432-2.385l-.84-.692c-.095-.078-.17-.229-.154-.43a7.614 7.614 0 0 0 0-1.139c-.016-.2.059-.352.153-.43l.84-.692c.708-.582.891-1.59.433-2.385l-.922-1.597a1.875 1.875 0 0 0-2.282-.818l-1.02.382c-.114.043-.282.031-.449-.083a7.49 7.49 0 0 0-.985-.57c-.183-.087-.277-.227-.297-.348l-.179-1.072a1.875 1.875 0 0 0-1.85-1.567h-1.843ZM12 15.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z",
     outline: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
@@ -55,6 +58,9 @@ const h = {
     filled: "M10.5 6a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm0 6a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm0 6a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z",
     outline: "M12 6.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 18.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z"
   },
+  download: {
+    filled: "M12 2.25a.75.75 0 0 1 .75.75v11.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 1 1 1.06-1.06l3.22 3.22V3a.75.75 0 0 1 .75-.75Zm-9 13.5a.75.75 0 0 1 .75.75v2.25a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V16.5a.75.75 0 0 1 1.5 0v2.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V16.5a.75.75 0 0 1 .75-.75Z"
+  },
   draft: {
     filled: "M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-8.4 8.4a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32l8.4-8.4Z M5.25 5.25a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3V13.5a.75.75 0 0 0-1.5 0v5.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5V8.25a1.5 1.5 0 0 1 1.5-1.5h5.25a.75.75 0 0 0 0-1.5H5.25Z"
   },
@@ -90,6 +96,9 @@ const h = {
   },
   italic: "M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803",
   link: "M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244",
+  "link-slash": {
+    filled: "M19.892 4.09a3.75 3.75 0 0 0-5.303 0l-4.5 4.5c-.074.074-.144.15-.21.229l4.965 4.966a3.75 3.75 0 0 0-1.986-4.428.75.75 0 0 1 .646-1.353 5.253 5.253 0 0 1 2.502 6.944l5.515 5.515a.75.75 0 0 1-1.061 1.06l-18-18.001A.75.75 0 0 1 3.521 2.46l5.294 5.295a5.31 5.31 0 0 1 .213-.227l4.5-4.5a5.25 5.25 0 1 1 7.425 7.425l-1.757 1.757a.75.75 0 1 1-1.06-1.06l1.756-1.757a3.75 3.75 0 0 0 0-5.304ZM5.846 11.773a.75.75 0 0 1 0 1.06l-1.757 1.758a3.75 3.75 0 0 0 5.303 5.304l3.129-3.13a.75.75 0 1 1 1.06 1.061l-3.128 3.13a5.25 5.25 0 1 1-7.425-7.426l1.757-1.757a.75.75 0 0 1 1.061 0Zm2.401.26a.75.75 0 0 1 .957.458c.18.512.474.992.885 1.403.31.311.661.555 1.035.733a.75.75 0 0 1-.647 1.354 5.244 5.244 0 0 1-1.449-1.026 5.232 5.232 0 0 1-1.24-1.965.75.75 0 0 1 .46-.957Z"
+  },
   list: "M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z",
   megaphone: {
     filled: "M16.881 4.345A23.112 23.112 0 0 1 8.25 6H7.5a5.25 5.25 0 0 0-.88 10.427 21.593 21.593 0 0 0 1.378 3.94c.464 1.004 1.674 1.32 2.582.796l.657-.379c.88-.508 1.165-1.593.772-2.468a17.116 17.116 0 0 1-.628-1.607c1.918.258 3.76.75 5.5 1.446A21.727 21.727 0 0 0 18 11.25c0-2.414-.393-4.735-1.119-6.905ZM18.26 3.74a23.22 23.22 0 0 1 1.24 7.51 23.22 23.22 0 0 1-1.41 7.992.75.75 0 1 0 1.409.516 24.555 24.555 0 0 0 1.415-6.43 2.992 2.992 0 0 0 .836-2.078c0-.807-.319-1.54-.836-2.078a24.65 24.65 0 0 0-1.415-6.43.75.75 0 1 0-1.409.516c.059.16.116.321.17.483Z",
@@ -116,6 +125,9 @@ const h = {
     outline: ""
   },
   success: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z",
+  tag: {
+    filled: "M5.25 2.25a3 3 0 0 0-3 3v4.318a3 3 0 0 0 .879 2.121l9.58 9.581c.92.92 2.39 1.186 3.548.428a18.849 18.849 0 0 0 5.441-5.44c.758-1.16.492-2.629-.428-3.548l-9.58-9.581a3 3 0 0 0-2.122-.879H5.25ZM6.375 7.5a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z"
+  },
   trash: {
     filled: "M16.5 4.478v.227a48.816 48.816 0 0 1 3.878.512.75.75 0 1 1-.256 1.478l-.209-.035-1.005 13.07a3 3 0 0 1-2.991 2.77H8.084a3 3 0 0 1-2.991-2.77L4.087 6.66l-.209.035a.75.75 0 0 1-.256-1.478A48.567 48.567 0 0 1 7.5 4.705v-.227c0-1.564 1.213-2.9 2.816-2.951a52.662 52.662 0 0 1 3.369 0c1.603.051 2.815 1.387 2.815 2.951Zm-6.136-1.452a51.196 51.196 0 0 1 3.273 0C14.39 3.05 15 3.684 15 4.478v.113a49.488 49.488 0 0 0-6 0v-.113c0-.794.609-1.428 1.364-1.452Zm-.355 5.945a.75.75 0 1 0-1.5.058l.347 9a.75.75 0 1 0 1.499-.058l-.346-9Zm5.48.058a.75.75 0 1 0-1.498-.058l-.347 9a.75.75 0 0 0 1.5.058l.345-9Z",
     outline: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
@@ -150,4 +162,4 @@ export {
   h as a,
   Z as i
 };
-//# sourceMappingURL=icons-CH48JQqt.js.map
+//# sourceMappingURL=icons-BFgf_lJN.js.map