@solibo/solibo-ui 0.4.12 → 0.5.3

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/toast/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ToastOptions = {\n  durationMs?: number;\n  label: string;\n  type?: 'error' | 'info' | 'success';\n};\n\nexport type ToastProps = ToastOptions & {\n  onClick?: () => void;\n  onExitComplete?: () => void;\n  open?: boolean;\n};\n\nexport const Toast = ({\n  label,\n  type = 'success',\n  onClick,\n  onExitComplete,\n  open = true,\n}: ToastProps) => {\n  const [show, setShow] = useState(false);\n\n  useEffect(() => {\n    if (!open) return setShow(false);\n\n    const enter = requestAnimationFrame(() => setShow(true));\n    return () => cancelAnimationFrame(enter);\n  }, [open]);\n\n  return (\n    <div\n      aria-live={type === 'error' ? 'assertive' : 'polite'}\n      className={cx(styles.toast, styles[type], show && styles.active)}\n      onClick={onClick}\n      onTransitionEnd={(event) => {\n        if (open || event.propertyName !== 'opacity' || event.currentTarget !== event.target)\n          return;\n        onExitComplete?.();\n      }}\n    >\n      <Icon name={type} />\n      {label}\n    </div>\n  );\n};\n"],"names":["Toast","label","type","onClick","onExitComplete","open","show","setShow","useState","useEffect","enter","requestAnimationFrame","cancelAnimationFrame","jsxs","cx","styles","toast","active","event","propertyName","currentTarget","target","jsx","Icon"],"mappings":"kWAkBaA,EAAQA,CAAC,CACpBC,MAAAA,EACAC,KAAAA,EAAO,UACPC,QAAAA,EACAC,eAAAA,EACAC,KAAAA,EAAO,EACG,IAAM,CAChB,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEtCC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAM,OAAOE,EAAQ,EAAK,EAE/B,MAAMG,EAAQC,sBAAsB,IAAMJ,EAAQ,EAAI,CAAC,EACvD,MAAO,IAAMK,qBAAqBF,CAAK,CACzC,EAAG,CAACL,CAAI,CAAC,EAGPQ,EAAAA,KAAC,OACC,YAAWX,IAAS,QAAU,YAAc,SAC5C,UAAWY,IAAGC,EAAOC,MAAOD,EAAOb,CAAI,EAAGI,GAAQS,EAAOE,MAAM,EAC/D,QAAAd,EACA,gBAAkBe,GAAU,CACtBb,GAAQa,EAAMC,eAAiB,WAAaD,EAAME,gBAAkBF,EAAMG,QAE9EjB,GAAAA,MAAAA,GACF,EAAE,iBAAA,QAEF,SAAA,CAAAkB,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMrB,CAAAA,CAAK,EAChBD,CAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/toast/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ToastOptions = {\n  durationMs?: number;\n  label: string;\n  type?: 'error' | 'success';\n};\n\nexport type ToastProps = ToastOptions & {\n  onClick?: () => void;\n  onExitComplete?: () => void;\n  open?: boolean;\n};\n\nexport const Toast = ({\n  label,\n  type = 'success',\n  onClick,\n  onExitComplete,\n  open = true,\n}: ToastProps) => {\n  const [show, setShow] = useState(false);\n\n  useEffect(() => {\n    if (!open) return setShow(false);\n\n    const enter = requestAnimationFrame(() => setShow(true));\n    return () => cancelAnimationFrame(enter);\n  }, [open]);\n\n  return (\n    <div\n      aria-live={type === 'error' ? 'assertive' : 'polite'}\n      className={cx(styles.toast, styles[type], show && styles.active)}\n      onClick={onClick}\n      onTransitionEnd={(event) => {\n        if (open || event.propertyName !== 'opacity' || event.currentTarget !== event.target)\n          return;\n        onExitComplete?.();\n      }}\n    >\n      <Icon name={type} />\n      {label}\n    </div>\n  );\n};\n"],"names":["Toast","label","type","onClick","onExitComplete","open","show","setShow","useState","useEffect","enter","requestAnimationFrame","cancelAnimationFrame","jsxs","cx","styles","toast","active","event","propertyName","currentTarget","target","jsx","Icon"],"mappings":"wUAkBaA,EAAQA,CAAC,CACpBC,MAAAA,EACAC,KAAAA,EAAO,UACPC,QAAAA,EACAC,eAAAA,EACAC,KAAAA,EAAO,EACG,IAAM,CAChB,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEtCC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAM,OAAOE,EAAQ,EAAK,EAE/B,MAAMG,EAAQC,sBAAsB,IAAMJ,EAAQ,EAAI,CAAC,EACvD,MAAO,IAAMK,qBAAqBF,CAAK,CACzC,EAAG,CAACL,CAAI,CAAC,EAGPQ,EAAAA,KAAC,OACC,YAAWX,IAAS,QAAU,YAAc,SAC5C,UAAWY,IAAGC,EAAOC,MAAOD,EAAOb,CAAI,EAAGI,GAAQS,EAAOE,MAAM,EAC/D,QAAAd,EACA,gBAAkBe,GAAU,CACtBb,GAAQa,EAAMC,eAAiB,WAAaD,EAAME,gBAAkBF,EAAMG,QAE9EjB,GAAAA,MAAAA,GACF,EAAE,iBAAA,QAEF,SAAA,CAAAkB,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMrB,CAAAA,CAAK,EAChBD,CAAAA,EACH,CAEJ"}

package/dist/components/toast/index.js

@@ -1,33 +1,32 @@
-import { jsxs as _, jsx as u } from "react/jsx-runtime";
-import { t as f } from "../../classix-DG18itHa.js";
-import { useState as m, useEffect as v } from "react";
-import { Icon as d } from "../icon/index.js";
-import '../../assets/index44.css';const l = "_toast_tav58_1", h = "_active_tav58_18", T = "_error_tav58_24", g = "_info_tav58_28", j = "_success_tav58_33", o = {
-  toast: l,
-  active: h,
-  error: T,
-  info: g,
-  success: j
-}, N = ({
-  label: c,
-  type: r = "success",
+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/index43.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,
+  success: h
+}, w = ({
+  label: o,
+  type: s = "success",
   onClick: n,
-  onExitComplete: s,
+  onExitComplete: t,
   open: a = !0
 }) => {
-  const [i, e] = m(!1);
-  return v(() => {
-    if (!a) return e(!1);
-    const t = requestAnimationFrame(() => e(!0));
-    return () => cancelAnimationFrame(t);
-  }, [a]), /* @__PURE__ */ _("div", { "aria-live": r === "error" ? "assertive" : "polite", className: f(o.toast, o[r], i && o.active), onClick: n, onTransitionEnd: (t) => {
-    a || t.propertyName !== "opacity" || t.currentTarget !== t.target || s == null || s();
+  const [i, c] = f(!1);
+  return l(() => {
+    if (!a) return c(!1);
+    const r = requestAnimationFrame(() => c(!0));
+    return () => cancelAnimationFrame(r);
+  }, [a]), /* @__PURE__ */ u("div", { "aria-live": s === "error" ? "assertive" : "polite", className: _(e.toast, e[s], i && e.active), onClick: n, onTransitionEnd: (r) => {
+    a || r.propertyName !== "opacity" || r.currentTarget !== r.target || t == null || t();
   }, "data-component": "toast", children: [
-    /* @__PURE__ */ u(d, { name: r }),
-    c
+    /* @__PURE__ */ m(q, { name: s }),
+    o
   ] });
 };
 export {
-  N as Toast
+  w as Toast
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/toast/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ToastOptions = {\n  durationMs?: number;\n  label: string;\n  type?: 'error' | 'info' | 'success';\n};\n\nexport type ToastProps = ToastOptions & {\n  onClick?: () => void;\n  onExitComplete?: () => void;\n  open?: boolean;\n};\n\nexport const Toast = ({\n  label,\n  type = 'success',\n  onClick,\n  onExitComplete,\n  open = true,\n}: ToastProps) => {\n  const [show, setShow] = useState(false);\n\n  useEffect(() => {\n    if (!open) return setShow(false);\n\n    const enter = requestAnimationFrame(() => setShow(true));\n    return () => cancelAnimationFrame(enter);\n  }, [open]);\n\n  return (\n    <div\n      aria-live={type === 'error' ? 'assertive' : 'polite'}\n      className={cx(styles.toast, styles[type], show && styles.active)}\n      onClick={onClick}\n      onTransitionEnd={(event) => {\n        if (open || event.propertyName !== 'opacity' || event.currentTarget !== event.target)\n          return;\n        onExitComplete?.();\n      }}\n    >\n      <Icon name={type} />\n      {label}\n    </div>\n  );\n};\n"],"names":["Toast","label","type","onClick","onExitComplete","open","show","setShow","useState","useEffect","enter","requestAnimationFrame","cancelAnimationFrame","jsxs","cx","styles","toast","active","event","propertyName","currentTarget","target","jsx","Icon"],"mappings":";;;;;;;;;;GAkBaA,IAAQA,CAAC;AAAA,EACpBC,OAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,SAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,MAAAA,IAAO;AACG,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtCC,SAAAA,EAAU,MAAM;AACd,QAAI,CAACJ,EAAM,QAAOE,EAAQ,EAAK;AAE/B,UAAMG,IAAQC,sBAAsB,MAAMJ,EAAQ,EAAI,CAAC;AACvD,WAAO,MAAMK,qBAAqBF,CAAK;AAAA,EACzC,GAAG,CAACL,CAAI,CAAC,GAGP,gBAAAQ,EAAC,SACC,aAAWX,MAAS,UAAU,cAAc,UAC5C,WAAWY,EAAGC,EAAOC,OAAOD,EAAOb,CAAI,GAAGI,KAAQS,EAAOE,MAAM,GAC/D,SAAAd,GACA,iBAAkBe,CAAAA,MAAU;AAC1B,IAAIb,KAAQa,EAAMC,iBAAiB,aAAaD,EAAME,kBAAkBF,EAAMG,UAE9EjB,KAAAA,QAAAA;AAAAA,EACF,GAAE,kBAAA,SAEF,UAAA;AAAA,IAAA,gBAAAkB,EAACC,GAAA,EAAK,MAAMrB,EAAAA,CAAK;AAAA,IAChBD;AAAAA,EAAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/toast/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type ToastOptions = {\n  durationMs?: number;\n  label: string;\n  type?: 'error' | 'success';\n};\n\nexport type ToastProps = ToastOptions & {\n  onClick?: () => void;\n  onExitComplete?: () => void;\n  open?: boolean;\n};\n\nexport const Toast = ({\n  label,\n  type = 'success',\n  onClick,\n  onExitComplete,\n  open = true,\n}: ToastProps) => {\n  const [show, setShow] = useState(false);\n\n  useEffect(() => {\n    if (!open) return setShow(false);\n\n    const enter = requestAnimationFrame(() => setShow(true));\n    return () => cancelAnimationFrame(enter);\n  }, [open]);\n\n  return (\n    <div\n      aria-live={type === 'error' ? 'assertive' : 'polite'}\n      className={cx(styles.toast, styles[type], show && styles.active)}\n      onClick={onClick}\n      onTransitionEnd={(event) => {\n        if (open || event.propertyName !== 'opacity' || event.currentTarget !== event.target)\n          return;\n        onExitComplete?.();\n      }}\n    >\n      <Icon name={type} />\n      {label}\n    </div>\n  );\n};\n"],"names":["Toast","label","type","onClick","onExitComplete","open","show","setShow","useState","useEffect","enter","requestAnimationFrame","cancelAnimationFrame","jsxs","cx","styles","toast","active","event","propertyName","currentTarget","target","jsx","Icon"],"mappings":";;;;;;;;;GAkBaA,IAAQA,CAAC;AAAA,EACpBC,OAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,SAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,MAAAA,IAAO;AACG,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtCC,SAAAA,EAAU,MAAM;AACd,QAAI,CAACJ,EAAM,QAAOE,EAAQ,EAAK;AAE/B,UAAMG,IAAQC,sBAAsB,MAAMJ,EAAQ,EAAI,CAAC;AACvD,WAAO,MAAMK,qBAAqBF,CAAK;AAAA,EACzC,GAAG,CAACL,CAAI,CAAC,GAGP,gBAAAQ,EAAC,SACC,aAAWX,MAAS,UAAU,cAAc,UAC5C,WAAWY,EAAGC,EAAOC,OAAOD,EAAOb,CAAI,GAAGI,KAAQS,EAAOE,MAAM,GAC/D,SAAAd,GACA,iBAAkBe,CAAAA,MAAU;AAC1B,IAAIb,KAAQa,EAAMC,iBAAiB,aAAaD,EAAME,kBAAkBF,EAAMG,UAE9EjB,KAAAA,QAAAA;AAAAA,EACF,GAAE,kBAAA,SAEF,UAAA;AAAA,IAAA,gBAAAkB,EAACC,GAAA,EAAK,MAAMrB,EAAAA,CAAK;AAAA,IAChBD;AAAAA,EAAAA,GACH;AAEJ;"}

package/dist/components/toggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const t=require("react/jsx-runtime"),g=require("../loading/index.cjs"),i="_toggle_1rg2x_1",d="_thumb_1rg2x_15",u="_track_1rg2x_25",e={toggle:i,thumb:d,track:u},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(g.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/index2.css');const t=require("react/jsx-runtime"),i=require("../loading/index.cjs"),g="_toggle_81frv_1",d="_thumb_81frv_15",u="_track_81frv_26",e={toggle:g,thumb:d,track:u},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/index2.css';const m = "_toggle_1rg2x_1", d = "_thumb_1rg2x_15", p = "_track_1rg2x_25", o = {
+import '../../assets/index2.css';const m = "_toggle_81frv_1", d = "_thumb_81frv_15", p = "_track_81frv_26", o = {
   toggle: m,
   thumb: d,
   track: p

package/dist/components/toolbar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const a=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),s="_toolbar_kuorz_1",n="_editor_kuorz_33",o={toolbar:s,default:"_default_kuorz_26",editor:n},i=({children:t,variant:r="default"})=>a.jsx("div",{className:l.t(o.toolbar,o[r]),onClick:e=>e.stopPropagation(),"data-component":"toolbar",children:t});exports.Toolbar=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index44.css');const s=require("react/jsx-runtime"),a=require("../../classix-5H4IWnMA.cjs"),l="_toolbar_ju6sc_1",c="_editor_ju6sc_33",o={toolbar:l,default:"_default_ju6sc_26",editor:c},n=({children:t,variant:e="default"})=>s.jsx("div",{className:a.t(o.toolbar,o[e]),onClick:r=>r.stopPropagation(),"data-component":"toolbar",children:t});exports.Toolbar=n;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toolbar/index.js

@@ -1,14 +1,14 @@
-import { jsx as l } from "react/jsx-runtime";
-import { t as e } from "../../classix-DG18itHa.js";
-import '../../assets/index45.css';const s = "_toolbar_kuorz_1", n = "_editor_kuorz_33", o = {
-  toolbar: s,
-  default: "_default_kuorz_26",
-  editor: n
-}, i = ({
+import { jsx as s } from "react/jsx-runtime";
+import { t as l } from "../../classix-DG18itHa.js";
+import '../../assets/index44.css';const e = "_toolbar_ju6sc_1", c = "_editor_ju6sc_33", o = {
+  toolbar: e,
+  default: "_default_ju6sc_26",
+  editor: c
+}, d = ({
   children: t,
   variant: r = "default"
-}) => /* @__PURE__ */ l("div", { className: e(o.toolbar, o[r]), onClick: (a) => a.stopPropagation(), "data-component": "toolbar", children: t });
+}) => /* @__PURE__ */ s("div", { className: l(o.toolbar, o[r]), onClick: (a) => a.stopPropagation(), "data-component": "toolbar", children: t });
 export {
-  i as Toolbar
+  d as Toolbar
 };
 //# sourceMappingURL=index.js.map

package/dist/index-CiEbbnD6.js

@@ -0,0 +1,42 @@
+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 { 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) {
+  return Object.fromEntries(Object.entries(r).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-") || v.has(e)));
+}
+const q = "_select_8a7r8_1", w = "_touched_8a7r8_25", S = "_label_8a7r8_31", x = "_required_8a7r8_35", a = {
+  select: q,
+  touched: w,
+  label: S,
+  required: x
+}, D = ({
+  children: r,
+  label: e,
+  placeholder: o,
+  ...t
+}) => {
+  const {
+    touched: c,
+    onBlur: d
+  } = _(t.value === ""), u = y(t), {
+    style: m,
+    ...h
+  } = u, p = {
+    ...m,
+    "--icon-svg": b("chevron").replace("currentColor", f("--colors-semantic-content-secondary"))
+  }, s = /* @__PURE__ */ i("select", { className: l(a.select, c && a.touched), onBlur: d, style: p, ...h, children: [
+    o && /* @__PURE__ */ n("option", { value: "", hidden: !0, children: o }, "placeholder"),
+    r
+  ] });
+  return e ? /* @__PURE__ */ i("label", { "data-component": "select", children: [
+    /* @__PURE__ */ n("span", { className: l(a.label, t.required && a.required), children: e }),
+    s
+  ] }) : s;
+};
+export {
+  D as S,
+  y as s
+};
+//# sourceMappingURL=index-CiEbbnD6.js.map

package/dist/index-CiEbbnD6.js.map

@@ -0,0 +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;"}

package/dist/index-ClrKYsAQ.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/index41.css');const t=require("react/jsx-runtime"),n=require("./classix-5H4IWnMA.cjs"),_=require("./icons-C_cX1FYp.cjs"),c=require("./utils-DBzf7CFq.cjs"),q=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 l(r){return Object.fromEntries(Object.entries(r).filter(([e])=>e.startsWith("data-")||e.startsWith("aria-")||q.has(e)))}const v="_select_8a7r8_1",y="_touched_8a7r8_25",x="_label_8a7r8_31",j="_required_8a7r8_35",a={select:v,touched:y,label:x,required:j},S=({children:r,label:e,placeholder:o,...s})=>{const{touched:u,onBlur:d}=c.useTouched(s.value===""),h=l(s),{style:p,...b}=h,m={...p,"--icon-svg":_.iconSVG("chevron").replace("currentColor",c.resolveColor("--colors-semantic-content-secondary"))},i=t.jsxs("select",{className:n.t(a.select,u&&a.touched),onBlur:d,style:m,...b,children:[o&&t.jsx("option",{value:"",hidden:!0,children:o},"placeholder"),r]});return e?t.jsxs("label",{"data-component":"select",children:[t.jsx("span",{className:n.t(a.label,s.required&&a.required),children:e}),i]}):i};exports.Select=S;exports.sanitizeSelectProps=l;
+//# sourceMappingURL=index-ClrKYsAQ.cjs.map

package/dist/index-ClrKYsAQ.cjs.map

@@ -0,0 +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"}

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"),a=require("./components/_sortable/index.cjs"),d=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"),L=require("./components/controls/index.cjs"),C=require("./components/dialog/index.cjs"),k=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"),y=require("./components/layout/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-Bh5n72jH.cjs"),E=require("./components/table/index.cjs"),H=require("./components/textarea/index.cjs"),N=require("./components/toast/index.cjs"),W=require("./components/toggle/index.cjs"),J=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=a.Sortable;exports.Toasts=d.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=L.Controls;exports.Dialog=C.Dialog;exports.Figure=k.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.Layout=y.Layout;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=E.Table;exports.Textarea=H.Textarea;exports.Toast=N.Toast;exports.Toggle=W.Toggle;exports.Toolbar=J.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-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;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -30,18 +30,19 @@ declare type AsideProps = {
     variant?: keyof typeof variants;
 };
 
-export declare const Avatar: ({ imageUrl, label, link }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ accessibleLabel, imageUrl, link }: AvatarProps) => JSX.Element;
 
 declare type AvatarProps = {
+    accessibleLabel?: string;
     imageUrl?: string;
-    label?: string;
     link?: string;
 };
 
-export declare const Badge: ({ children, onDelete, variant }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ children, deleteAccessibleLabel, onDelete, variant, }: BadgeProps) => JSX.Element;
 
 declare type BadgeProps = {
     children?: React.ReactNode;
+    deleteAccessibleLabel?: string;
     onDelete?: () => void;
     variant?: keyof typeof variants_2;
 };
@@ -107,9 +108,11 @@ declare type CollapsibleProps = {
     label?: default_2.ReactNode;
 };
 
-export declare const Controls: ({ children, ...props }: ControlsProps) => JSX.Element;
+export declare const Controls: ({ children, onSaveShortcut, ...props }: ControlsProps) => JSX.Element;
 
-declare type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {};
+declare type ControlsProps = React.ComponentPropsWithoutRef<'menu'> & {
+    onSaveShortcut?: () => void;
+};
 
 export declare const Croppable: ({ children, fill, height, image, label, onCroppableChange, onFileChange, onImageChange, onTransformChange, transform, standalone, }: CroppableProps) => JSX.Element;
 
@@ -175,19 +178,20 @@ declare type EditorProps = {
     onChange?: (html: string) => void;
 };
 
-export declare const Figure: ({ children, className, label, offset }: FigureProps) => JSX.Element;
+export declare const Figure: ({ accessibleLabel, children, className, offset }: FigureProps) => JSX.Element;
 
 declare type FigureProps = {
+    accessibleLabel?: string;
     children?: React.ReactNode;
     className?: string;
-    label?: string;
     offset?: 'left' | 'right';
 };
 
-declare const File_2: ({ name, onClick, onDelete, ref, url }: FileProps) => JSX.Element;
+declare const File_2: ({ deleteAccessibleLabel, name, onClick, onDelete, ref, url }: FileProps) => JSX.Element;
 export { File_2 as File }
 
 declare type FileProps = React.ComponentPropsWithRef<'div'> & {
+    deleteAccessibleLabel?: string;
     name: string;
     onClick?: () => void;
     onDelete?: () => void;
@@ -210,7 +214,7 @@ declare type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {
     inline?: boolean;
 };
 
-export declare const Graph: ({ className, height, items, label, style, valueFormatter, ...props }: GraphProps) => JSX.Element;
+export declare const Graph: ({ accessibleLabel, className, height, items, style, valueFormatter, ...props }: GraphProps) => JSX.Element;
 
 declare type GraphItem = {
     color?: string;
@@ -219,9 +223,9 @@ declare type GraphItem = {
 };
 
 declare type GraphProps = Omit<React.ComponentPropsWithoutRef<'figure'>, 'children'> & {
+    accessibleLabel?: string;
     height?: string;
     items?: GraphItem[];
-    label?: string;
     valueFormatter?: (value: number) => string;
 };
 
@@ -302,7 +306,7 @@ declare type ImageProps = ImgHTMLAttributes<HTMLImageElement> & {
     showOnError?: boolean;
 };
 
-export declare function Input({ className, defaultCountryCode, disabled, icon, label, placeholder, ref, type, ...props }: InputProps): JSX.Element;
+export declare function Input({ className, defaultCountryCode, disabled, icon, label, placeholder, ref, required, type, ...props }: InputProps): JSX.Element;
 
 declare type InputProps = React.ComponentPropsWithRef<'input'> & {
     defaultCountryCode?: string;
@@ -314,14 +318,6 @@ declare type InputProps = React.ComponentPropsWithRef<'input'> & {
     type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text';
 };
 
-export declare const Layout: ({ children, isLoading, feature, ...props }: LayoutProps) => JSX.Element;
-
-declare type LayoutProps = {
-    children: React.ReactNode;
-    feature: string;
-    isLoading?: boolean;
-};
-
 export declare const Link: ({ children, className, to, variant, ...props }: LinkProps) => JSX.Element;
 
 declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -390,17 +386,18 @@ declare type NavProps = React.HTMLAttributes<HTMLElement> & {
     variant?: keyof typeof variants_7;
 };
 
-declare const Object_2: ({ alt, url, ...props }: ObjectProps) => JSX.Element;
+declare const Object_2: ({ accessibleLabel, url, ...props }: ObjectProps) => JSX.Element;
 export { Object_2 as Object }
 
 declare type ObjectProps = Omit<ComponentPropsWithoutRef<'object'>, 'data' | 'type'> & {
-    alt: string;
+    accessibleLabel: string;
     url: string;
 };
 
-export declare const Portal: ({ children, portals, open }: PortalProps) => JSX.Element;
+export declare const Portal: ({ accessibleLabel, children, portals, open, }: PortalProps) => JSX.Element;
 
 declare type PortalProps = {
+    accessibleLabel?: string;
     children?: React.ReactNode;
     portals?: React.ReactNode;
     open?: boolean;
@@ -459,7 +456,7 @@ declare type ToastItem = ToastOptions & {
 export declare type ToastOptions = {
     durationMs?: number;
     label: string;
-    type?: 'error' | 'info' | 'success';
+    type?: 'error' | 'success';
 };
 
 declare type ToastProps = ToastOptions & {

package/dist/index.js

@@ -6,19 +6,19 @@ import { Dropdown as i } from "./components/_dropdown/index.js";
 import { Dropzone as s } from "./components/_dropzone/index.js";
 import { Editor as d } from "./components/_editor/index.js";
 import { Messages as c } from "./components/_messages/index.js";
-import { Portal as u } from "./components/_portal/index.js";
-import { Sortable as L } from "./components/_sortable/index.js";
-import { Toasts as B } from "./components/_toasts/index.js";
+import { Portal as C } from "./components/_portal/index.js";
+import { Sortable as A } from "./components/_sortable/index.js";
+import { Toasts as F } from "./components/_toasts/index.js";
 import { Widget as k } from "./components/_widget/index.js";
 import { Accordion as I } from "./components/accordion/index.js";
 import { AppLink as h } from "./components/app-link/index.js";
 import { Aside as G } from "./components/aside/index.js";
 import { Badge as j } from "./components/badge/index.js";
-import { Banner as y } from "./components/banner/index.js";
-import { Branding as E } from "./components/branding/index.js";
-import { Button as N } from "./components/button/index.js";
-import { Checkbox as P } from "./components/checkbox/index.js";
-import { Controls as q } from "./components/controls/index.js";
+import { Banner as z } from "./components/banner/index.js";
+import { Branding as H } from "./components/branding/index.js";
+import { Button as O } from "./components/button/index.js";
+import { Checkbox as W } from "./components/checkbox/index.js";
+import { Controls as y } from "./components/controls/index.js";
 import { Dialog as K } from "./components/dialog/index.js";
 import { Figure as R } from "./components/figure/index.js";
 import { File as V } from "./components/file/index.js";
@@ -30,32 +30,31 @@ import { Header as po } from "./components/header/index.js";
 import { Icon as xo } from "./components/icon/index.js";
 import { Image as ao } from "./components/image/index.js";
 import { Input as io } from "./components/input/index.js";
-import { Layout as so } from "./components/layout/index.js";
-import { Link as bo } from "./components/link/index.js";
-import { List as To } from "./components/list/index.js";
-import { Loading as Co } from "./components/loading/index.js";
-import { Message as Ao } from "./components/message/index.js";
-import { Nav as Fo } from "./components/nav/index.js";
-import { Object as Do } from "./components/object/index.js";
-import { S as So } from "./index-BNaQZHo6.js";
-import { Table as vo } from "./components/table/index.js";
-import { Textarea as Mo } from "./components/textarea/index.js";
-import { Toast as wo } from "./components/toast/index.js";
-import { Toggle as zo } from "./components/toggle/index.js";
-import { Toolbar as Ho } from "./components/toolbar/index.js";
+import { Link as so } from "./components/link/index.js";
+import { List as bo } from "./components/list/index.js";
+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 { 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";
+import { Toggle as wo } from "./components/toggle/index.js";
+import { Toolbar as Eo } from "./components/toolbar/index.js";
 import './assets/index.css';export {
   I as Accordion,
   h as AppLink,
   G as Aside,
   e as Avatar,
   j as Badge,
-  y as Banner,
-  E as Branding,
-  N as Button,
+  z as Banner,
+  H as Branding,
+  O as Button,
   p as Card,
-  P as Checkbox,
+  W as Checkbox,
   x as Collapsible,
-  q as Controls,
+  y as Controls,
   a as Croppable,
   K as Dialog,
   i as Dropdown,
@@ -71,23 +70,22 @@ import './assets/index.css';export {
   xo as Icon,
   ao as Image,
   io as Input,
-  so as Layout,
-  bo as Link,
-  To as List,
-  Co as Loading,
-  Ao as Message,
+  so as Link,
+  bo as List,
+  To as Loading,
+  uo as Message,
   c as Messages,
-  Fo as Nav,
-  Do as Object,
-  u as Portal,
-  So as Select,
-  L as Sortable,
-  vo as Table,
-  Mo as Textarea,
-  wo as Toast,
-  B as Toasts,
-  zo as Toggle,
-  Ho as Toolbar,
+  Bo as Nav,
+  Lo as Object,
+  C as Portal,
+  Do as Select,
+  A as Sortable,
+  So as Table,
+  vo as Textarea,
+  Mo as Toast,
+  F as Toasts,
+  wo as Toggle,
+  Eo as Toolbar,
   k as Widget
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/styles.module-BOTEBJ0C.js

@@ -0,0 +1,9 @@
+import './assets/styles.css';const t = "_input_ppvjx_10", p = "_touched_ppvjx_63", _ = "_label_ppvjx_69", e = {
+  input: t,
+  touched: p,
+  label: _
+};
+export {
+  e as i
+};
+//# sourceMappingURL=styles.module-BOTEBJ0C.js.map

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

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

package/dist/styles.module-BPvMQa_x.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/styles.css');const t="_input_ppvjx_10",p="_touched_ppvjx_63",e="_label_ppvjx_69",n={input:t,touched:p,label:e};exports.inputStyles=n;
+//# sourceMappingURL=styles.module-BPvMQa_x.cjs.map

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

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