@solibo/solibo-ui 0.5.4 → 0.5.6

package/dist/{index-ClrKYsAQ.cjs.map → index-908yg65J.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-ClrKYsAQ.cjs","sources":["../src/components/select/sanitizeSelectProps.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor, useTouched } from '@/utils.ts';\n\nimport { sanitizeSelectProps } from './sanitizeSelectProps';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span className={cx(styles.label, props.required && styles.required)}>{label}</span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","Select","children","label","placeholder","touched","onBlur","useTouched","value","selectProps","style","restSelectProps","withVars","iconSVG","replace","resolveColor","selectElement","jsxs","cx","styles","select","jsx","required"],"mappings":"0JAAMA,EAAa,IAAIC,IAAI,CACzB,wBACA,oBACA,YACA,gBACA,mBACA,eACA,gBACA,oBACA,gBACA,gBACA,cACA,eACA,oBACA,aACA,kBACA,YACA,YACA,gBACA,uBACA,eACA,YACA,YACA,eACA,MACA,WACA,OACA,KACA,WACA,OACA,SACA,WACA,UACA,UACA,UACA,YACA,YACA,UACA,cACA,YACA,gBACA,cACA,WACA,OACA,OACA,QACA,WACA,QACA,OAAO,CACR,EAEM,SAASC,EAAuDC,EAAU,CAC/E,OAAOC,OAAOC,YACZD,OAAOE,QAAQH,CAAK,EAAEI,OACpB,CAAC,CAACC,CAAG,IAAMA,EAAIC,WAAW,OAAO,GAAKD,EAAIC,WAAW,OAAO,GAAKT,EAAWU,IAAIF,CAAG,CACrF,CACF,CACF,sICvCaG,EAASA,CAAC,CAAEC,SAAAA,EAAUC,MAAAA,EAAOC,YAAAA,EAAa,GAAGX,CAAmB,IAAM,CACjF,KAAM,CAAEY,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,aAAWd,EAAMe,QAAU,EAAE,EACnDC,EAAcjB,EAAoBC,CAAK,EACvC,CAAEiB,MAAAA,EAAO,GAAGC,CAAAA,EAAoBF,EAChCG,EAAW,CACf,GAAGF,EACH,aAAcG,EAAAA,QAAQ,SAAS,EAAEC,QAC/B,eACAC,EAAAA,aAAa,qCAAqC,CACpD,CAAA,EAGIC,EACJC,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQf,GAAWc,EAAOd,OAAO,EACtD,OAAAC,EACA,MAAOM,EACP,GAAID,EAEHP,SAAAA,CAAAA,SACE,SAAA,CAEC,MAAO,GACP,OAAM,GAELA,YAJG,aAKN,EAEDF,CAAAA,EACH,EAGF,OAAKC,EAKHc,EAAAA,KAAC,QAAA,CAAK,iBAAA,SACJ,SAAA,CAAAI,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,EAAGC,EAAOhB,MAAOV,EAAM6B,UAAYH,EAAOG,QAAQ,EAAInB,SAAAA,CAAAA,CAAM,EAC5Ea,CAAAA,EACH,EAPOA,CASX"}
+{"version":3,"file":"index-908yg65J.cjs","sources":["../src/components/select/sanitizeSelectProps.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor, useTouched } from '@/utils.ts';\n\nimport { sanitizeSelectProps } from './sanitizeSelectProps';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span className={cx(styles.label, props.required && styles.required)}>{label}</span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","Select","children","label","placeholder","touched","onBlur","useTouched","value","selectProps","style","restSelectProps","withVars","iconSVG","replace","resolveColor","selectElement","jsxs","cx","styles","select","jsx","required"],"mappings":"0JAAMA,EAAa,IAAIC,IAAI,CACzB,wBACA,oBACA,YACA,gBACA,mBACA,eACA,gBACA,oBACA,gBACA,gBACA,cACA,eACA,oBACA,aACA,kBACA,YACA,YACA,gBACA,uBACA,eACA,YACA,YACA,eACA,MACA,WACA,OACA,KACA,WACA,OACA,SACA,WACA,UACA,UACA,UACA,YACA,YACA,UACA,cACA,YACA,gBACA,cACA,WACA,OACA,OACA,QACA,WACA,QACA,OAAO,CACR,EAEM,SAASC,EAAuDC,EAAU,CAC/E,OAAOC,OAAOC,YACZD,OAAOE,QAAQH,CAAK,EAAEI,OACpB,CAAC,CAACC,CAAG,IAAMA,EAAIC,WAAW,OAAO,GAAKD,EAAIC,WAAW,OAAO,GAAKT,EAAWU,IAAIF,CAAG,CACrF,CACF,CACF,sICvCaG,EAASA,CAAC,CAAEC,SAAAA,EAAUC,MAAAA,EAAOC,YAAAA,EAAa,GAAGX,CAAmB,IAAM,CACjF,KAAM,CAAEY,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,aAAWd,EAAMe,QAAU,EAAE,EACnDC,EAAcjB,EAAoBC,CAAK,EACvC,CAAEiB,MAAAA,EAAO,GAAGC,CAAAA,EAAoBF,EAChCG,EAAW,CACf,GAAGF,EACH,aAAcG,EAAAA,QAAQ,SAAS,EAAEC,QAC/B,eACAC,EAAAA,aAAa,qCAAqC,CACpD,CAAA,EAGIC,EACJC,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,OAAQf,GAAWc,EAAOd,OAAO,EACtD,OAAAC,EACA,MAAOM,EACP,GAAID,EAEHP,SAAAA,CAAAA,SACE,SAAA,CAEC,MAAO,GACP,OAAM,GAELA,YAJG,aAKN,EAEDF,CAAAA,EACH,EAGF,OAAKC,EAKHc,EAAAA,KAAC,QAAA,CAAK,iBAAA,SACJ,SAAA,CAAAI,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,EAAGC,EAAOhB,MAAOV,EAAM6B,UAAYH,EAAOG,QAAQ,EAAInB,SAAAA,CAAAA,CAAM,EAC5Ea,CAAAA,EACH,EAPOA,CASX"}

package/dist/{index-CiEbbnD6.js → index-BGqIgxnV.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { t as l } from "./classix-DG18itHa.js";
-import { i as b } from "./icons-DfmpRbxE.js";
+import { i as b } from "./icons-DkF2p6NO.js";
 import { u as _, r as f } from "./utils--n2yqjCy.js";
 import './assets/index41.css';const v = /* @__PURE__ */ new Set(["aria-activedescendant", "aria-autocomplete", "aria-busy", "aria-controls", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-live", "aria-owns", "aria-required", "aria-roledescription", "autoComplete", "autoFocus", "className", "defaultValue", "dir", "disabled", "form", "id", "multiple", "name", "onBlur", "onChange", "onClick", "onFocus", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", "required", "role", "size", "style", "tabIndex", "title", "value"]);
 function y(r) {
@@ -39,4 +39,4 @@ export {
   D as S,
   y as s
 };
-//# sourceMappingURL=index-CiEbbnD6.js.map
+//# sourceMappingURL=index-BGqIgxnV.js.map

package/dist/{index-CiEbbnD6.js.map → index-BGqIgxnV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CiEbbnD6.js","sources":["../src/components/select/sanitizeSelectProps.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor, useTouched } from '@/utils.ts';\n\nimport { sanitizeSelectProps } from './sanitizeSelectProps';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span className={cx(styles.label, props.required && styles.required)}>{label}</span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","Select","children","label","placeholder","touched","onBlur","useTouched","value","selectProps","style","restSelectProps","withVars","iconSVG","replace","resolveColor","selectElement","jsxs","cx","styles","select","jsx","required"],"mappings":";;;;AAAA,MAAMA,IAAa,oBAAIC,IAAI,CACzB,yBACA,qBACA,aACA,iBACA,oBACA,gBACA,iBACA,qBACA,iBACA,iBACA,eACA,gBACA,qBACA,cACA,mBACA,aACA,aACA,iBACA,wBACA,gBACA,aACA,aACA,gBACA,OACA,YACA,QACA,MACA,YACA,QACA,UACA,YACA,WACA,WACA,WACA,aACA,aACA,WACA,eACA,aACA,iBACA,eACA,YACA,QACA,QACA,SACA,YACA,SACA,OAAO,CACR;AAEM,SAASC,EAAuDC,GAAU;AAC/E,SAAOC,OAAOC,YACZD,OAAOE,QAAQH,CAAK,EAAEI,OACpB,CAAC,CAACC,CAAG,MAAMA,EAAIC,WAAW,OAAO,KAAKD,EAAIC,WAAW,OAAO,KAAKT,EAAWU,IAAIF,CAAG,CACrF,CACF;AACF;;;;;;GCvCaG,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,OAAAA;AAAAA,EAAOC,aAAAA;AAAAA,EAAa,GAAGX;AAAmB,MAAM;AACjF,QAAM;AAAA,IAAEY,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAWd,EAAMe,UAAU,EAAE,GACnDC,IAAcjB,EAAoBC,CAAK,GACvC;AAAA,IAAEiB,OAAAA;AAAAA,IAAO,GAAGC;AAAAA,EAAAA,IAAoBF,GAChCG,IAAW;AAAA,IACf,GAAGF;AAAAA,IACH,cAAcG,EAAQ,SAAS,EAAEC,QAC/B,gBACAC,EAAa,qCAAqC,CACpD;AAAA,EAAA,GAGIC,IACJ,gBAAAC,EAAC,UAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQf,KAAWc,EAAOd,OAAO,GACtD,QAAAC,GACA,OAAOM,GACP,GAAID,GAEHP,UAAAA;AAAAA,IAAAA,uBACE,UAAA,EAEC,OAAO,IACP,QAAM,IAELA,eAJG,aAKN;AAAA,IAEDF;AAAAA,EAAAA,GACH;AAGF,SAAKC,IAKH,gBAAAc,EAAC,SAAA,EAAK,kBAAA,UACJ,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWH,EAAGC,EAAOhB,OAAOV,EAAM6B,YAAYH,EAAOG,QAAQ,GAAInB,UAAAA,EAAAA,CAAM;AAAA,IAC5Ea;AAAAA,EAAAA,GACH,IAPOA;AASX;"}
+{"version":3,"file":"index-BGqIgxnV.js","sources":["../src/components/select/sanitizeSelectProps.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor, useTouched } from '@/utils.ts';\n\nimport { sanitizeSelectProps } from './sanitizeSelectProps';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span className={cx(styles.label, props.required && styles.required)}>{label}</span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","Select","children","label","placeholder","touched","onBlur","useTouched","value","selectProps","style","restSelectProps","withVars","iconSVG","replace","resolveColor","selectElement","jsxs","cx","styles","select","jsx","required"],"mappings":";;;;AAAA,MAAMA,IAAa,oBAAIC,IAAI,CACzB,yBACA,qBACA,aACA,iBACA,oBACA,gBACA,iBACA,qBACA,iBACA,iBACA,eACA,gBACA,qBACA,cACA,mBACA,aACA,aACA,iBACA,wBACA,gBACA,aACA,aACA,gBACA,OACA,YACA,QACA,MACA,YACA,QACA,UACA,YACA,WACA,WACA,WACA,aACA,aACA,WACA,eACA,aACA,iBACA,eACA,YACA,QACA,QACA,SACA,YACA,SACA,OAAO,CACR;AAEM,SAASC,EAAuDC,GAAU;AAC/E,SAAOC,OAAOC,YACZD,OAAOE,QAAQH,CAAK,EAAEI,OACpB,CAAC,CAACC,CAAG,MAAMA,EAAIC,WAAW,OAAO,KAAKD,EAAIC,WAAW,OAAO,KAAKT,EAAWU,IAAIF,CAAG,CACrF,CACF;AACF;;;;;;GCvCaG,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,OAAAA;AAAAA,EAAOC,aAAAA;AAAAA,EAAa,GAAGX;AAAmB,MAAM;AACjF,QAAM;AAAA,IAAEY,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAWd,EAAMe,UAAU,EAAE,GACnDC,IAAcjB,EAAoBC,CAAK,GACvC;AAAA,IAAEiB,OAAAA;AAAAA,IAAO,GAAGC;AAAAA,EAAAA,IAAoBF,GAChCG,IAAW;AAAA,IACf,GAAGF;AAAAA,IACH,cAAcG,EAAQ,SAAS,EAAEC,QAC/B,gBACAC,EAAa,qCAAqC,CACpD;AAAA,EAAA,GAGIC,IACJ,gBAAAC,EAAC,UAAA,EACC,WAAWC,EAAGC,EAAOC,QAAQf,KAAWc,EAAOd,OAAO,GACtD,QAAAC,GACA,OAAOM,GACP,GAAID,GAEHP,UAAAA;AAAAA,IAAAA,uBACE,UAAA,EAEC,OAAO,IACP,QAAM,IAELA,eAJG,aAKN;AAAA,IAEDF;AAAAA,EAAAA,GACH;AAGF,SAAKC,IAKH,gBAAAc,EAAC,SAAA,EAAK,kBAAA,UACJ,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWH,EAAGC,EAAOhB,OAAOV,EAAM6B,YAAYH,EAAOG,QAAQ,GAAInB,UAAAA,EAAAA,CAAM;AAAA,IAC5Ea;AAAAA,EAAAA,GACH,IAPOA;AASX;"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components/_avatar/index.cjs"),n=require("./components/_card/index.cjs"),o=require("./components/_collapsible/index.cjs"),r=require("./components/_croppable/index.cjs"),t=require("./components/_dropdown/index.cjs"),i=require("./components/_dropzone/index.cjs"),s=require("./components/_editor/index.cjs"),c=require("./components/_messages/index.cjs"),_=require("./components/_portal/index.cjs"),d=require("./components/_sortable/index.cjs"),a=require("./components/_toasts/index.cjs"),p=require("./components/_widget/index.cjs"),u=require("./components/accordion/index.cjs"),m=require("./components/app-link/index.cjs"),x=require("./components/aside/index.cjs"),l=require("./components/badge/index.cjs"),q=require("./components/banner/index.cjs"),g=require("./components/branding/index.cjs"),b=require("./components/button/index.cjs"),T=require("./components/checkbox/index.cjs"),C=require("./components/controls/index.cjs"),k=require("./components/dialog/index.cjs"),L=require("./components/figure/index.cjs"),A=require("./components/file/index.cjs"),B=require("./components/footer/index.cjs"),F=require("./components/form/index.cjs"),h=require("./components/graph/index.cjs"),v=require("./components/group/index.cjs"),D=require("./components/header/index.cjs"),I=require("./components/icon/index.cjs"),S=require("./components/image/index.cjs"),f=require("./components/input/index.cjs"),M=require("./components/link/index.cjs"),j=require("./components/list/index.cjs"),w=require("./components/loading/index.cjs"),G=require("./components/message/index.cjs"),z=require("./components/nav/index.cjs"),O=require("./components/object/index.cjs"),P=require("./index-ClrKYsAQ.cjs"),y=require("./components/table/index.cjs"),E=require("./components/textarea/index.cjs"),H=require("./components/toast/index.cjs"),N=require("./components/toggle/index.cjs"),W=require("./components/toolbar/index.cjs");exports.Avatar=e.Avatar;exports.Card=n.Card;exports.Collapsible=o.Collapsible;exports.Croppable=r.Croppable;exports.Dropdown=t.Dropdown;exports.Dropzone=i.Dropzone;exports.Editor=s.Editor;exports.Messages=c.Messages;exports.Portal=_.Portal;exports.Sortable=d.Sortable;exports.Toasts=a.Toasts;exports.Widget=p.Widget;exports.Accordion=u.Accordion;exports.AppLink=m.AppLink;exports.Aside=x.Aside;exports.Badge=l.Badge;exports.Banner=q.Banner;exports.Branding=g.Branding;exports.Button=b.Button;exports.Checkbox=T.Checkbox;exports.Controls=C.Controls;exports.Dialog=k.Dialog;exports.Figure=L.Figure;exports.File=A.File;exports.Footer=B.Footer;exports.Form=F.Form;exports.Graph=h.Graph;exports.Group=v.Group;exports.Header=D.Header;exports.Icon=I.Icon;exports.Image=S.Image;exports.Input=f.Input;exports.Link=M.Link;exports.List=j.List;exports.Loading=w.Loading;exports.Message=G.Message;exports.Nav=z.Nav;exports.Object=O.Object;exports.Select=P.Select;exports.Table=y.Table;exports.Textarea=E.Textarea;exports.Toast=H.Toast;exports.Toggle=N.Toggle;exports.Toolbar=W.Toolbar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components/_avatar/index.cjs"),n=require("./components/_card/index.cjs"),o=require("./components/_collapsible/index.cjs"),r=require("./components/_croppable/index.cjs"),t=require("./components/_dropdown/index.cjs"),i=require("./components/_dropzone/index.cjs"),s=require("./components/_editor/index.cjs"),c=require("./components/_messages/index.cjs"),_=require("./components/_portal/index.cjs"),d=require("./components/_sortable/index.cjs"),a=require("./components/_toasts/index.cjs"),p=require("./components/_widget/index.cjs"),u=require("./components/accordion/index.cjs"),m=require("./components/app-link/index.cjs"),x=require("./components/aside/index.cjs"),l=require("./components/badge/index.cjs"),q=require("./components/banner/index.cjs"),g=require("./components/branding/index.cjs"),b=require("./components/button/index.cjs"),T=require("./components/checkbox/index.cjs"),C=require("./components/controls/index.cjs"),k=require("./components/dialog/index.cjs"),L=require("./components/figure/index.cjs"),A=require("./components/file/index.cjs"),B=require("./components/footer/index.cjs"),F=require("./components/form/index.cjs"),h=require("./components/graph/index.cjs"),v=require("./components/group/index.cjs"),D=require("./components/header/index.cjs"),I=require("./components/icon/index.cjs"),S=require("./components/image/index.cjs"),f=require("./components/input/index.cjs"),M=require("./components/link/index.cjs"),j=require("./components/list/index.cjs"),w=require("./components/loading/index.cjs"),G=require("./components/message/index.cjs"),z=require("./components/nav/index.cjs"),O=require("./components/object/index.cjs"),P=require("./index-908yg65J.cjs"),y=require("./components/table/index.cjs"),E=require("./components/textarea/index.cjs"),H=require("./components/toast/index.cjs"),N=require("./components/toggle/index.cjs"),W=require("./components/toolbar/index.cjs");exports.Avatar=e.Avatar;exports.Card=n.Card;exports.Collapsible=o.Collapsible;exports.Croppable=r.Croppable;exports.Dropdown=t.Dropdown;exports.Dropzone=i.Dropzone;exports.Editor=s.Editor;exports.Messages=c.Messages;exports.Portal=_.Portal;exports.Sortable=d.Sortable;exports.Toasts=a.Toasts;exports.Widget=p.Widget;exports.Accordion=u.Accordion;exports.AppLink=m.AppLink;exports.Aside=x.Aside;exports.Badge=l.Badge;exports.Banner=q.Banner;exports.Branding=g.Branding;exports.Button=b.Button;exports.Checkbox=T.Checkbox;exports.Controls=C.Controls;exports.Dialog=k.Dialog;exports.Figure=L.Figure;exports.File=A.File;exports.Footer=B.Footer;exports.Form=F.Form;exports.Graph=h.Graph;exports.Group=v.Group;exports.Header=D.Header;exports.Icon=I.Icon;exports.Image=S.Image;exports.Input=f.Input;exports.Link=M.Link;exports.List=j.List;exports.Loading=w.Loading;exports.Message=G.Message;exports.Nav=z.Nav;exports.Object=O.Object;exports.Select=P.Select;exports.Table=y.Table;exports.Textarea=E.Textarea;exports.Toast=H.Toast;exports.Toggle=N.Toggle;exports.Toolbar=W.Toolbar;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -27,7 +27,7 @@ declare type AsideProps = {
     children: React.ReactNode;
     open?: boolean;
     sticky?: boolean;
-    variant?: keyof typeof variants;
+    variant?: keyof typeof variants_2;
 };
 
 export declare const Avatar: ({ accessibleLabel, imageUrl, link }: AvatarProps) => JSX.Element;
@@ -44,7 +44,7 @@ declare type BadgeProps = {
     children?: React.ReactNode;
     deleteAccessibleLabel?: string;
     onDelete?: () => void;
-    variant?: keyof typeof variants_2;
+    variant?: keyof typeof variants;
 };
 
 export declare const Banner: ({ button, message, onClick, onDismiss, visible }: BannerProps) => JSX.Element;
@@ -57,6 +57,13 @@ declare type BannerProps = {
     visible?: boolean;
 };
 
+declare type BaseCardProps = {
+    badge?: BadgeProps;
+    checkbox?: CheckboxProps;
+    icon?: IconName;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+};
+
 export declare const Branding: ({ name, size, variant }: BrandingProps) => JSX.Element;
 
 declare type BrandingProps = {
@@ -80,15 +87,9 @@ declare type ButtonProps = React.ComponentPropsWithRef<'button'> & {
     variant?: keyof typeof variants_4;
 };
 
-export declare const Card: ({ children, draft, image, onClick, scheduled }: CardProps) => JSX.Element;
+export declare const Card: ({ badge, checkbox, children, header, icon, image, imagePosition, onClick, variant, }: CardProps) => JSX.Element;
 
-declare type CardProps = {
-    children: React.ReactNode;
-    draft?: boolean;
-    image?: React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    scheduled?: boolean;
-};
+declare type CardProps = DefaultCardProps | MinimalCardProps;
 
 export declare const Checkbox: ({ checked, disabled, isLoading, label, onChange, ...props }: CheckboxProps) => JSX.Element;
 
@@ -138,6 +139,14 @@ declare type CroppableTransform = {
     zoom: number;
 };
 
+declare type DefaultCardProps = BaseCardProps & {
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+    image?: React.ReactNode;
+    imagePosition?: 'top' | 'left' | 'right';
+    variant?: 'default';
+};
+
 export declare const Dialog: ({ children, setOpen, ...props }: DialogProps) => JSX.Element;
 
 declare type DialogProps = default_2.DialogHTMLAttributes<HTMLDialogElement> & {
@@ -282,6 +291,10 @@ declare const iconPaths: {
     };
     plus: string;
     search: string;
+    sort: {
+        filled: string;
+        outline: string;
+    };
     success: string;
     trash: string;
     updown: string;
@@ -369,6 +382,14 @@ declare type MessagesProps = {
     sending: boolean;
 };
 
+declare type MinimalCardProps = BaseCardProps & {
+    children?: never;
+    header: React.ReactNode;
+    image?: never;
+    imagePosition?: never;
+    variant: 'minimal';
+};
+
 declare type NativeSelectElement = default_2.ReactElement<NativeSelectProps, 'select'>;
 
 declare type NativeSelectProps = Omit<default_2.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {
@@ -420,10 +441,11 @@ declare const sizes: {
 /**
  * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).
  */
-export declare function Sortable({ children, className, columns, onChangeOrder, ...props }: SortableProps): JSX.Element;
+export declare function Sortable({ children, className, columns, isRearranging, onChangeOrder, ...props }: SortableProps): JSX.Element;
 
 declare type SortableProps = default_2.ComponentPropsWithoutRef<'ol'> & {
     columns?: number;
+    isRearranging?: boolean;
     onChangeOrder: (order: SortItem[]) => void;
 };
 
@@ -492,13 +514,13 @@ declare type ToolbarProps = {
 
 declare const variants: {
     default: string;
-    meta: string;
+    info: string;
+    primary: string;
 };
 
 declare const variants_2: {
     default: string;
-    info: string;
-    primary: string;
+    meta: string;
 };
 
 declare const variants_3: {

package/dist/index.js

@@ -36,7 +36,7 @@ import { Loading as To } from "./components/loading/index.js";
 import { Message as uo } from "./components/message/index.js";
 import { Nav as Bo } from "./components/nav/index.js";
 import { Object as Lo } from "./components/object/index.js";
-import { S as Do } from "./index-CiEbbnD6.js";
+import { S as Do } from "./index-BGqIgxnV.js";
 import { Table as So } from "./components/table/index.js";
 import { Textarea as vo } from "./components/textarea/index.js";
 import { Toast as Mo } from "./components/toast/index.js";

package/dist/styles.module-BUYR37kC.js

@@ -0,0 +1,9 @@
+import './assets/styles.css';const t = "_input_ygqiu_10", u = "_touched_ygqiu_63", _ = "_label_ygqiu_69", e = {
+  input: t,
+  touched: u,
+  label: _
+};
+export {
+  e as i
+};
+//# sourceMappingURL=styles.module-BUYR37kC.js.map

package/dist/styles.module-BUYR37kC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module-BUYR37kC.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/styles.module-DvIhipVo.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/styles.css');const t="_input_ygqiu_10",u="_touched_ygqiu_63",e="_label_ygqiu_69",i={input:t,touched:u,label:e};exports.inputStyles=i;
+//# sourceMappingURL=styles.module-DvIhipVo.cjs.map

package/dist/styles.module-DvIhipVo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module-DvIhipVo.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/tokens.css

@@ -15,7 +15,7 @@
   --colors-neutral-0: #fff;
   --colors-neutral-100: #ebebeb;
   --colors-neutral-200: #dfdfdf;
-  --colors-neutral-300: #999;
+  --colors-neutral-300: #b3b3b3;
   --colors-neutral-400: #7b7b7b;
   --colors-neutral-50: #f5f5f5;
   --colors-neutral-500: #525252;
@@ -77,6 +77,7 @@
   --colors-semantic-interactive-disabled: var(--colors-neutral-200);
   --colors-semantic-interactive-hover: var(--colors-purple-50);
   --colors-semantic-interactive-hover-subtle: var(--colors-neutral-100);
+  --colors-semantic-interactive-neutral: var(--colors-neutral-300);
   --colors-semantic-interactive-pressed: var(--colors-purple-100);
   --colors-semantic-interactive-selected: var(--colors-purple-50);
   --colors-semantic-primary-on-primary: var(--colors-neutral-0);
@@ -98,7 +99,7 @@
   --colors-semantic-status-warning-border: var(--colors-orange-200);
   --colors-semantic-status-warning-content: var(--colors-orange-800);
   --colors-semantic-status-warning-content-inverse: var(--colors-neutral-0);
-  --colors-transluscent: #fff9;
+  --colors-translucent: #fff9;
   --font-base: 'Figtree';
   --font-font-weight-bold: 700;
   --font-font-weight-regular: 400;
@@ -112,6 +113,7 @@
   --scale-2: 2px;
   --scale-20: 20px;
   --scale-24: 24px;
+  --scale-28: 28px;
   --scale-32: 32px;
   --scale-4: 4px;
   --scale-40: 40px;
@@ -131,6 +133,8 @@
   --shape-border-radius-radius-none: var(--scale-0);
   --shape-border-radius-radius-sm: var(--scale-4);
   --shape-border-radius-radius-xl: var(--scale-16);
+  --shape-border-width-default: 1px;
+  --shape-border-width-thick: 2px;
   --shape-box-shadow-lg-blur: 48px;
   --shape-box-shadow-lg-color: var(--colors-box-shadow);
   --shape-box-shadow-lg-position-x: 0px;
@@ -156,6 +160,8 @@
   --shape-box-shadow-xs-position-x: 0px;
   --shape-box-shadow-xs-position-y: 2px;
   --shape-box-shadow-xs-spread: 0px;
+  --shape-outline-focus: 3px;
+  --shape-outline-selected: 1px;
   --shape-spacing-2xl: var(--scale-48);
   --shape-spacing-2xs: var(--scale-4);
   --shape-spacing-3xl: var(--scale-64);
@@ -172,7 +178,7 @@
   --typography-font-sizes-caption: var(--scale-12);
   --typography-font-sizes-display-lg: var(--scale-56);
   --typography-font-sizes-display-sm: var(--scale-48);
-  --typography-font-sizes-h1: var(--scale-32);
+  --typography-font-sizes-h1: var(--scale-28);
   --typography-font-sizes-h2: var(--scale-24);
   --typography-font-sizes-h3: var(--scale-20);
   --typography-font-sizes-h4: var(--scale-16);
@@ -207,11 +213,12 @@
   --colors-semantic-content-primary: var(--colors-neutral-50);
   --colors-semantic-content-secondary: var(--colors-neutral-200);
   --colors-semantic-content-tertiary: var(--colors-neutral-300);
-  --colors-semantic-interactive-disabled: var(--colors-neutral-600);
+  --colors-semantic-interactive-disabled: var(--colors-neutral-500);
   --colors-semantic-interactive-hover: var(--colors-neutral-500);
-  --colors-semantic-interactive-hover-subtle: var(--colors-neutral-700);
+  --colors-semantic-interactive-hover-subtle: var(--colors-neutral-600);
+  --colors-semantic-interactive-neutral: var(--colors-neutral-400);
   --colors-semantic-interactive-pressed: var(--colors-purple-700);
-  --colors-semantic-interactive-selected: var(--colors-neutral-700);
+  --colors-semantic-interactive-selected: var(--colors-purple-900);
   --colors-semantic-primary-on-primary-subtle: var(--colors-purple-200);
   --colors-semantic-primary-primary: var(--colors-purple-300);
   --colors-semantic-primary-primary-active: var(--colors-purple-50);
@@ -225,7 +232,7 @@
   --colors-semantic-status-success-border: var(--colors-green-400);
   --colors-semantic-status-warning-bg: var(--colors-orange-200);
   --colors-semantic-status-warning-border: var(--colors-orange-400);
-  --colors-transluscent: #fff3;
+  --colors-translucent: #fff3;
 }
 
 @media (width <= 960px) {