@solibo/solibo-ui 1.0.14 → 1.0.16

package/dist/{index-DwzLUapm.js → index-CgA0NUMD.js}

@@ -1,72 +1,74 @@
 import { jsxs as m, jsx as p } from "react/jsx-runtime";
-import { t as y } from "./classix-DG18itHa.js";
-import { i as b } from "./icons-Bq3diTRm.js";
-import { u as v } from "./use-touched-DXIJVVzz.js";
-import './assets/index51.css';const w = /* @__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 C(n) {
-  return Object.fromEntries(Object.entries(n).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-") || w.has(e)));
+import { t as v } from "./classix-DG18itHa.js";
+import { i as w } from "./icons-Dj0vEOCB.js";
+import { u as C, c as S } from "./use-touched-B999bBr8.js";
+import './assets/index50.css';const P = /* @__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 _(n) {
+  return Object.fromEntries(Object.entries(n).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-") || P.has(e)));
 }
-const S = /^--[\w-]+$/, _ = /^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/, x = /* @__PURE__ */ new Set(["currentcolor", "inherit", "initial", "revert", "revert-layer", "unset"]), l = typeof document < "u" ? document.createElement("span") : null;
+const x = /^--[\w-]+$/, V = /^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/, g = /* @__PURE__ */ new Set(["currentcolor", "inherit", "initial", "revert", "revert-layer", "unset"]), l = typeof document < "u" ? document.createElement("span") : null;
 function h(n) {
   const e = n.trim();
-  if (!e || !l || x.has(e.toLowerCase()))
+  if (!e || !l || g.has(e.toLowerCase()))
     return e;
   const a = document.body ?? document.documentElement;
   if (!a || (l.style.color = e, !l.style.color))
     return e;
   a.appendChild(l);
-  const r = getComputedStyle(l).color.trim();
-  return l.remove(), r || e;
+  const o = getComputedStyle(l).color.trim();
+  return l.remove(), o || e;
 }
-function P(n, e = "currentColor") {
+function E(n, e = "currentColor") {
   var i;
   if (typeof document > "u")
     return e;
-  const a = getComputedStyle(document.documentElement), r = /* @__PURE__ */ new Set();
+  const a = getComputedStyle(document.documentElement), o = /* @__PURE__ */ new Set();
   let t = n.trim();
   for (; t; ) {
-    const o = t.match(_), s = (o == null ? void 0 : o[1]) ?? (S.test(t) ? t : null), c = (i = o == null ? void 0 : o[2]) == null ? void 0 : i.trim();
+    const r = t.match(V), s = (r == null ? void 0 : r[1]) ?? (x.test(t) ? t : null), c = (i = r == null ? void 0 : r[2]) == null ? void 0 : i.trim();
     if (!s)
       return h(t);
-    if (r.has(s)) {
+    if (o.has(s)) {
       t = c ?? "";
       continue;
     }
-    r.add(s), t = a.getPropertyValue(s).trim() || c || "";
+    o.add(s), t = a.getPropertyValue(s).trim() || c || "";
   }
   return h(e);
 }
-const V = "_select_1n2ax_3", g = "_touched_1n2ax_23", E = "_label_1n2ax_28", u = {
-  select: V,
-  touched: g,
-  label: E
-}, K = ({
+const N = "_select_1n2ax_3", B = "_touched_1n2ax_23", j = "_label_1n2ax_28", u = {
+  select: N,
+  touched: B,
+  label: j
+}, F = ({
   children: n,
   label: e,
   placeholder: a,
-  ...r
+  ...o
 }) => {
   const {
     touched: t,
     onBlur: i
-  } = v(r.value === ""), o = C(r), {
-    style: s,
-    ...c
-  } = o, f = {
-    ...s,
-    "--icon-svg": b("chevron").replace("currentColor", P("--colors-semantic-content-secondary"))
-  }, d = /* @__PURE__ */ m("select", { className: y(u.select, t && u.touched), onBlur: i, style: f, ...c, children: [
+  } = C(o.value === ""), r = _(o), {
+    className: s,
+    onBlur: c,
+    style: f,
+    ...y
+  } = r, b = {
+    ...f,
+    "--icon-svg": w("chevron").replace("currentColor", E("--colors-semantic-content-secondary"))
+  }, d = /* @__PURE__ */ m("select", { className: v(u.select, s, t && u.touched), onBlur: S(i, c), style: b, ...y, children: [
     a && /* @__PURE__ */ p("option", { value: "", hidden: !0, children: a }, "placeholder"),
     n
   ] });
   return e ? /* @__PURE__ */ m("label", { "data-component": "select", children: [
-    /* @__PURE__ */ p("span", { className: u.label, "data-required": r.required || void 0, children: e }),
+    /* @__PURE__ */ p("span", { className: u.label, "data-required": o.required || void 0, children: e }),
     d
   ] }) : d;
 };
 export {
-  K as S,
-  P as r,
-  C as s
+  F as S,
+  E as r,
+  _ as s
 };
-//# sourceMappingURL=index-DwzLUapm.js.map
+//# sourceMappingURL=index-CgA0NUMD.js.map

package/dist/index-CgA0NUMD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CgA0NUMD.js","sources":["../src/components/select/sanitize-select-props.ts","../src/lib/color.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","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/lib/color';\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { useTouched } from '@/lib/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\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 { className, onBlur: onBlurProp, 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, className, touched && styles.touched)}\n      onBlur={composeEventHandlers(onBlur, onBlurProp)}\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\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","className","onBlurProp","restSelectProps","withVars","iconSVG","replace","selectElement","cx","select","composeEventHandlers","jsxs","jsx","required","undefined"],"mappings":"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"}

package/dist/index-Dn1v0qm6.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/index50.css');const u=require("react/jsx-runtime"),C=require("./classix-5H4IWnMA.cjs"),x=require("./icons-DaZGJzI0.cjs"),p=require("./use-touched-Bq5Gjbpz.cjs"),S=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(o){return Object.fromEntries(Object.entries(o).filter(([e])=>e.startsWith("data-")||e.startsWith("aria-")||S.has(e)))}const P=/^--[\w-]+$/,_=/^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/,q=new Set(["currentcolor","inherit","initial","revert","revert-layer","unset"]),l=typeof document<"u"?document.createElement("span"):null;function h(o){const e=o.trim();if(!e||!l||q.has(e.toLowerCase()))return e;const s=document.body??document.documentElement;if(!s||(l.style.color=e,!l.style.color))return e;s.appendChild(l);const n=getComputedStyle(l).color.trim();return l.remove(),n||e}function b(o,e="currentColor"){var c;if(typeof document>"u")return e;const s=getComputedStyle(document.documentElement),n=new Set;let t=o.trim();for(;t;){const r=t.match(_),a=(r==null?void 0:r[1])??(P.test(t)?t:null),i=(c=r==null?void 0:r[2])==null?void 0:c.trim();if(!a)return h(t);if(n.has(a)){t=i??"";continue}n.add(a),t=s.getPropertyValue(a).trim()||i||""}return h(e)}const j="_select_1n2ax_3",V="_touched_1n2ax_23",g="_label_1n2ax_28",d={select:j,touched:V,label:g},E=({children:o,label:e,placeholder:s,...n})=>{const{touched:t,onBlur:c}=p.useTouched(n.value===""),r=y(n),{className:a,onBlur:i,style:v,...f}=r,w={...v,"--icon-svg":x.iconSVG("chevron").replace("currentColor",b("--colors-semantic-content-secondary"))},m=u.jsxs("select",{className:C.t(d.select,a,t&&d.touched),onBlur:p.composeEventHandlers(c,i),style:w,...f,children:[s&&u.jsx("option",{value:"",hidden:!0,children:s},"placeholder"),o]});return e?u.jsxs("label",{"data-component":"select",children:[u.jsx("span",{className:d.label,"data-required":n.required||void 0,children:e}),m]}):m};exports.Select=E;exports.resolveColor=b;exports.sanitizeSelectProps=y;
+//# sourceMappingURL=index-Dn1v0qm6.cjs.map

package/dist/index-Dn1v0qm6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dn1v0qm6.cjs","sources":["../src/components/select/sanitize-select-props.ts","../src/lib/color.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","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/lib/color';\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { useTouched } from '@/lib/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\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 { className, onBlur: onBlurProp, 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, className, touched && styles.touched)}\n      onBlur={composeEventHandlers(onBlur, onBlurProp)}\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\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","className","onBlurProp","restSelectProps","withVars","iconSVG","replace","selectElement","cx","select","composeEventHandlers","jsxs","jsx","required","undefined"],"mappings":"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"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const o=require("./components/app-link/index.cjs"),t=require("./components/aside/index.cjs"),r=require("./components/avatar/index.cjs"),i=require("./components/badge/index.cjs"),s=require("./components/banner/index.cjs"),c=require("./components/branding/index.cjs"),_=require("./components/button/index.cjs"),p=require("./components/card/index.cjs"),a=require("./components/checkbox/index.cjs"),d=require("./components/chip/index.cjs"),u=require("./components/collapsible/index.cjs"),m=require("./components/controls/index.cjs"),l=require("./components/croppable/index.cjs"),x=require("./components/dialog/index.cjs"),q=require("./components/dropdown/index.cjs"),g=require("./components/dropzone/index.cjs"),b=require("./components/editor/index.cjs"),T=require("./components/empty-state/index.cjs"),h=require("./components/fieldset/index.cjs"),S=require("./components/figure/index.cjs"),v=require("./components/file/index.cjs"),C=require("./components/footer/index.cjs"),L=require("./components/form/index.cjs"),F=require("./components/graph/index.cjs"),I=require("./components/group/index.cjs"),f=require("./components/header/index.cjs"),k=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),M=require("./components/image/index.cjs"),A=require("./index-BcY9DZZ8.cjs"),D=require("./components/link/index.cjs"),y=require("./components/list/index.cjs"),O=require("./components/loading/index.cjs"),P=require("./components/menu/index.cjs"),j=require("./components/message/index.cjs"),w=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),E=require("./components/object/index.cjs"),G=require("./components/popover/index.cjs"),N=require("./components/portal/index.cjs"),z=require("./components/search/index.cjs"),H=require("./index-CjI8oRpS.cjs"),n=require("./components/sortable/index.cjs"),W=require("./components/table/index.cjs"),J=require("./components/textarea/index.cjs"),K=require("./components/toast/index.cjs"),Q=require("./components/toasts/index.cjs"),R=require("./components/toggle/index.cjs"),U=require("./components/toolbar/index.cjs"),V=require("./components/tooltip/index.cjs"),X=require("./components/widget/index.cjs");exports.AppLink=o.AppLink;exports.Aside=t.Aside;exports.Avatar=r.Avatar;exports.Badge=i.Badge;exports.Banner=s.Banner;exports.Branding=c.Branding;exports.Button=_.Button;exports.Card=p.Card;exports.Checkbox=a.Checkbox;exports.Chip=d.Chip;exports.Collapsible=u.Collapsible;exports.Controls=m.Controls;exports.Croppable=l.Croppable;exports.Dialog=x.Dialog;exports.Dropdown=q.Dropdown;exports.Dropzone=g.Dropzone;exports.Editor=b.Editor;exports.EmptyState=T.EmptyState;exports.Fieldset=h.Fieldset;exports.Figure=S.Figure;exports.File=v.File;exports.Footer=C.Footer;exports.Form=L.Form;exports.Graph=F.Graph;exports.Group=I.Group;exports.Header=f.Header;exports.Icon=k.Icon;exports.Iframe=B.Iframe;exports.Image=M.Image;exports.Input=A.Input;exports.Link=D.Link;exports.List=y.List;exports.Loading=O.Loading;exports.Menu=P.Menu;exports.Message=j.Message;exports.Messages=w.Messages;exports.Nav=e.Nav;exports.NavLabel=e.NavLabel;exports.Object=E.Object;exports.Popover=G.Popover;exports.Portal=N.Portal;exports.Search=z.Search;exports.Select=H.Select;exports.Sortable=n.Sortable;exports.useOptionalSortableItem=n.useOptionalSortableItem;exports.Table=W.Table;exports.Textarea=J.Textarea;exports.Toast=K.Toast;exports.Toasts=Q.Toasts;exports.Toggle=R.Toggle;exports.Toolbar=U.Toolbar;exports.Tooltip=V.Tooltip;exports.Widget=X.Widget;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const o=require("./components/app-link/index.cjs"),t=require("./components/aside/index.cjs"),r=require("./components/avatar/index.cjs"),i=require("./components/badge/index.cjs"),s=require("./components/banner/index.cjs"),c=require("./components/branding/index.cjs"),_=require("./components/button/index.cjs"),p=require("./components/card/index.cjs"),a=require("./components/checkbox/index.cjs"),d=require("./components/chip/index.cjs"),u=require("./components/collapsible/index.cjs"),m=require("./components/controls/index.cjs"),l=require("./components/croppable/index.cjs"),x=require("./components/dialog/index.cjs"),q=require("./components/dropdown/index.cjs"),g=require("./components/dropzone/index.cjs"),b=require("./components/editor/index.cjs"),T=require("./components/empty-state/index.cjs"),h=require("./components/fieldset/index.cjs"),S=require("./components/figure/index.cjs"),v=require("./components/file/index.cjs"),C=require("./components/footer/index.cjs"),L=require("./components/form/index.cjs"),F=require("./components/graph/index.cjs"),I=require("./components/group/index.cjs"),f=require("./components/header/index.cjs"),k=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),M=require("./components/image/index.cjs"),A=require("./index-CQNlYa2P.cjs"),D=require("./components/link/index.cjs"),y=require("./components/list/index.cjs"),O=require("./components/loading/index.cjs"),P=require("./components/menu/index.cjs"),j=require("./components/message/index.cjs"),w=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),E=require("./components/object/index.cjs"),G=require("./components/popover/index.cjs"),N=require("./components/portal/index.cjs"),z=require("./components/search/index.cjs"),H=require("./index-Dn1v0qm6.cjs"),n=require("./components/sortable/index.cjs"),W=require("./components/table/index.cjs"),J=require("./components/textarea/index.cjs"),K=require("./components/toast/index.cjs"),Q=require("./components/toasts/index.cjs"),R=require("./components/toggle/index.cjs"),U=require("./components/toolbar/index.cjs"),V=require("./components/tooltip/index.cjs"),X=require("./components/widget/index.cjs");exports.AppLink=o.AppLink;exports.Aside=t.Aside;exports.Avatar=r.Avatar;exports.Badge=i.Badge;exports.Banner=s.Banner;exports.Branding=c.Branding;exports.Button=_.Button;exports.Card=p.Card;exports.Checkbox=a.Checkbox;exports.Chip=d.Chip;exports.Collapsible=u.Collapsible;exports.Controls=m.Controls;exports.Croppable=l.Croppable;exports.Dialog=x.Dialog;exports.Dropdown=q.Dropdown;exports.Dropzone=g.Dropzone;exports.Editor=b.Editor;exports.EmptyState=T.EmptyState;exports.Fieldset=h.Fieldset;exports.Figure=S.Figure;exports.File=v.File;exports.Footer=C.Footer;exports.Form=L.Form;exports.Graph=F.Graph;exports.Group=I.Group;exports.Header=f.Header;exports.Icon=k.Icon;exports.Iframe=B.Iframe;exports.Image=M.Image;exports.Input=A.Input;exports.Link=D.Link;exports.List=y.List;exports.Loading=O.Loading;exports.Menu=P.Menu;exports.Message=j.Message;exports.Messages=w.Messages;exports.Nav=e.Nav;exports.NavLabel=e.NavLabel;exports.Object=E.Object;exports.Popover=G.Popover;exports.Portal=N.Portal;exports.Search=z.Search;exports.Select=H.Select;exports.Sortable=n.Sortable;exports.useOptionalSortableItem=n.useOptionalSortableItem;exports.Table=W.Table;exports.Textarea=J.Textarea;exports.Toast=K.Toast;exports.Toasts=Q.Toasts;exports.Toggle=R.Toggle;exports.Toolbar=U.Toolbar;exports.Tooltip=V.Tooltip;exports.Widget=X.Widget;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -115,12 +115,13 @@ declare type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 
-export declare const Chip: ({ accessibleLabel, label, link, onDelete, ...props }: ChipProps) => JSX.Element;
+export declare const Chip: ({ accessibleLabel, className, label, link, onDelete, ...props }: ChipProps) => JSX.Element;
 
-declare type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {
+declare type ChipProps = LinkedChipProps | UnlinkedChipProps;
+
+declare type ChipSharedProps = {
     accessibleLabel?: string;
     label: string;
-    link?: string;
     onDelete: () => void;
 };
 
@@ -133,10 +134,13 @@ export declare type CollapsibleProps = {
     summary: ReactNode;
 };
 
-export declare const Controls: ({ children, className, variant, ...props }: ControlsProps) => JSX.Element | null;
+export declare const Controls: ({ children, className, maxVisibleButtons, overflow, overflowAccessibleLabel, variant, ...props }: ControlsProps) => JSX.Element | null;
 
-declare type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {
+export declare type ControlsProps = React.HTMLAttributes<HTMLDivElement> & {
     children?: React.ReactNode;
+    maxVisibleButtons?: number;
+    overflow?: 'menu';
+    overflowAccessibleLabel?: string;
     variant?: keyof typeof variants_6;
 };
 
@@ -347,6 +351,7 @@ declare const iconPaths: {
         outline: string;
     };
     'arrow-up': string;
+    'arrow-updown': string;
     back: {
         filled: string;
     };
@@ -527,7 +532,7 @@ declare type ImageProps = ImgHTMLAttributes<HTMLImageElement> & {
     showOnError?: boolean;
 };
 
-export declare function Input({ className, defaultCountryCode, disabled, icon, label, placeholder, ref, required, type, variant, ...props }: InputProps): JSX.Element;
+export declare function Input({ className, defaultCountryCode, disabled, icon, label, onBlur: onBlurProp, placeholder, ref, required, style, type, variant, ...props }: InputProps): JSX.Element;
 
 declare type InputProps = React.ComponentPropsWithRef<'input'> & {
     defaultCountryCode?: string;
@@ -542,6 +547,10 @@ declare type InputProps = React.ComponentPropsWithRef<'input'> & {
 
 export declare const Link: ({ children, className, to, variant, ...props }: LinkProps) => JSX.Element;
 
+declare type LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & ChipSharedProps & {
+    link: string;
+};
+
 declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     children: React.ReactNode;
     className?: string;
@@ -549,13 +558,16 @@ declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     variant?: 'danger' | 'minimal' | 'primary';
 };
 
-export declare function List({ children, className, columns, controls, horizontal, ordered, style, ...props }: ListProps): JSX.Element;
+export declare function List({ children, className, columns, controls, horizontal, ordered, ref, style, ...props }: ListProps): JSX.Element;
+
+declare type ListElement = HTMLUListElement | HTMLOListElement;
 
 export declare type ListProps = React.ComponentPropsWithoutRef<'ul'> & {
     columns?: number;
     controls?: React.ReactNode;
     horizontal?: boolean;
     ordered?: boolean;
+    ref?: React.Ref<ListElement>;
 };
 
 export declare const Loading: ({ variant, size, sticky, ...props }: LoadingProps) => JSX.Element;
@@ -566,7 +578,7 @@ declare type LoadingProps = {
     variant?: 'default' | 'ping';
 };
 
-export declare const Menu: ({ inline, items, menuAccessibleLabel, onItemSelect, triggerAccessibleLabel, variant, }: MenuProps) => JSX.Element;
+export declare const Menu: ({ inline, items, menuAccessibleLabel, onItemSelect, triggerAccessibleLabel, triggerIcon, triggerLabel, variant, }: MenuProps) => JSX.Element;
 
 export declare type MenuItem = {
     accessibleLabel?: string;
@@ -674,6 +686,8 @@ declare type PopoverInitialFocus = 'first' | 'last';
 declare type PopoverMenuProps = {
     inline?: boolean;
     triggerAccessibleLabel?: string;
+    triggerIcon?: IconName;
+    triggerLabel?: React.ReactNode;
     variant?: 'popover';
 };
 
@@ -749,6 +763,8 @@ declare type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
 declare type SimpleMenuProps = {
     inline?: never;
     triggerAccessibleLabel?: never;
+    triggerIcon?: never;
+    triggerLabel?: never;
     variant: 'simple';
 };
 
@@ -789,7 +805,7 @@ declare type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {
     locale?: string | string[];
 };
 
-export declare const Textarea: ({ label, maxRows, minRows, required, value, ...props }: TextareaProps) => JSX.Element;
+export declare const Textarea: ({ className, label, maxRows, minRows, onBlur: onBlurProp, required, style, value, ...props }: TextareaProps) => JSX.Element;
 
 declare type TextareaProps = Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> & {
     label?: string;
@@ -848,6 +864,12 @@ declare type TooltipProps = {
     variant?: keyof typeof variants_9;
 };
 
+declare type UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;
+
+declare type UnlinkedChipProps = UnlinkedChipAttributes & ChipSharedProps & {
+    link?: undefined;
+};
+
 export declare function useOptionalSortableItem(): SortableItemContextValue | null;
 
 declare const variants: {
@@ -883,6 +905,7 @@ declare const variants_5: {
 
 declare const variants_6: {
     default: string;
+    embedded: string;
     fixed: string;
     inline: string;
 };

package/dist/index.js

@@ -27,7 +27,7 @@ import { Header as _ } from "./components/header/index.js";
 import { Icon as oo } from "./components/icon/index.js";
 import { Iframe as eo } from "./components/iframe/index.js";
 import { Image as po } from "./components/image/index.js";
-import { I as xo } from "./index-ClZkChEh.js";
+import { I as xo } from "./index-BIV5OwVJ.js";
 import { Link as ao } from "./components/link/index.js";
 import { List as io } from "./components/list/index.js";
 import { Loading as no } from "./components/loading/index.js";
@@ -39,7 +39,7 @@ import { Object as ho } from "./components/object/index.js";
 import { Popover as Bo } from "./components/popover/index.js";
 import { Portal as Ao } from "./components/portal/index.js";
 import { Search as Mo } from "./components/search/index.js";
-import { S as Go } from "./index-DwzLUapm.js";
+import { S as Go } from "./index-CgA0NUMD.js";
 import { Sortable as Oo, useOptionalSortableItem as Po } from "./components/sortable/index.js";
 import { Table as wo } from "./components/table/index.js";
 import { Textarea as zo } from "./components/textarea/index.js";

package/dist/menu-popover-D1ALaiV5.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/menu-popover.css');const i=require("react/jsx-runtime"),h=require("./classix-5H4IWnMA.cjs"),c=require("react"),k=require("./components/list/index.cjs"),y=require("./components/icon/index.cjs"),j=require("./components/popover/index.cjs"),A="_list_25aqk_3",w="_item_25aqk_15",I="_active_25aqk_38",C="_danger_25aqk_47",a={list:A,item:w,active:I,danger:C},D=o=>Array.from((o==null?void 0:o.querySelectorAll('[role="menuitem"]'))??[]).filter(s=>!s.disabled);function E({actions:o,initialFocus:s,menuAccessibleLabel:l,onSelect:m,usesMenuSemantics:t=!1}){const d=c.useRef(null),u=c.useCallback(e=>{const n=D(d.current);if(n.length===0)return;if(e==="first"||e==="last"){n[e==="first"?0:n.length-1].focus();return}const r=n.indexOf(document.activeElement),p=e==="next"?(r+1)%n.length:(r-1+n.length)%n.length;n[p].focus()},[]);c.useEffect(()=>{t&&u(s??"first")},[u,s,t]);const g=e=>{if(!t)return;const r={ArrowDown:"next",ArrowUp:"previous",End:"last",Home:"first"}[e.key];r&&(e.preventDefault(),u(r))};return i.jsx(k.List,{"aria-label":l,className:a.list,onKeyDown:g,ref:d,role:t?"menu":void 0,"data-component":"menuactionlist",children:o.map(({button:e,id:n,isActive:r,isDanger:p,value:v},q)=>i.jsx("li",{role:t?"none":void 0,children:c.cloneElement(e,{"aria-current":r?"true":e.props["aria-current"],className:h.t(e.props.className,a.item,r&&a.active,p&&a.danger),onClick:f=>{var _,x;(x=(_=e.props).onClick)==null||x.call(_,f),m(v,f)},role:t?"menuitem":e.props.role,variant:"tertiary"})},n??e.key??q))})}const P=({children:o,inline:s,triggerAccessibleLabel:l,triggerIcon:m="dots",triggerLabel:t})=>i.jsx(j.Popover,{inline:s,triggerAccessibleLabel:l,triggerAriaHasPopup:"menu",triggerButtonContent:i.jsxs(i.Fragment,{children:[t,i.jsx(y.Icon,{gap:t?"left":"none",name:m,size:"medium"})]}),"data-component":"menupopover",children:o});exports.MenuActionList=E;exports.MenuPopover=P;
+//# sourceMappingURL=menu-popover-D1ALaiV5.cjs.map

package/dist/menu-popover-D1ALaiV5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-popover-D1ALaiV5.cjs","sources":["../src/components/menu/action-list.tsx","../src/components/menu/menu-popover.tsx"],"sourcesContent":["import cx from 'classix';\nimport { cloneElement, useCallback, useEffect, useRef } from 'react';\n\nimport { type ButtonProps } from '../button';\nimport { List } from '../list';\nimport { type PopoverInitialFocus } from '../popover';\nimport styles from './styles.module.css';\n\nexport type MenuAction<T> = {\n  button: React.ReactElement<ButtonProps>;\n  id?: React.Key;\n  isActive?: boolean;\n  isDanger?: boolean;\n  value: T;\n};\n\ntype MenuFocusTarget = 'first' | 'last' | 'next' | 'previous';\n\nconst getFocusableItems = (list: HTMLUListElement | HTMLOListElement | null) =>\n  Array.from(list?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]') ?? []).filter(\n    (item) => !item.disabled\n  );\n\nexport function MenuActionList<T>({\n  actions,\n  initialFocus,\n  menuAccessibleLabel,\n  onSelect,\n  usesMenuSemantics = false,\n}: {\n  actions: MenuAction<T>[];\n  initialFocus?: PopoverInitialFocus;\n  menuAccessibleLabel?: string;\n  onSelect: (value: T, event: React.MouseEvent<HTMLButtonElement>) => void;\n  usesMenuSemantics?: boolean;\n}) {\n  const listRef = useRef<HTMLUListElement | HTMLOListElement>(null);\n\n  const focusItem = useCallback((target: MenuFocusTarget) => {\n    const items = getFocusableItems(listRef.current);\n    if (items.length === 0) return;\n\n    if (target === 'first' || target === 'last') {\n      items[target === 'first' ? 0 : items.length - 1].focus();\n      return;\n    }\n\n    const currentIndex = items.indexOf(document.activeElement as HTMLButtonElement);\n    const nextIndex =\n      target === 'next'\n        ? (currentIndex + 1) % items.length\n        : (currentIndex - 1 + items.length) % items.length;\n    items[nextIndex].focus();\n  }, []);\n\n  useEffect(() => {\n    if (usesMenuSemantics) focusItem(initialFocus ?? 'first');\n  }, [focusItem, initialFocus, usesMenuSemantics]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLUListElement>) => {\n    if (!usesMenuSemantics) return;\n\n    const targets = {\n      ArrowDown: 'next',\n      ArrowUp: 'previous',\n      End: 'last',\n      Home: 'first',\n    } as const;\n    const target = targets[event.key as keyof typeof targets];\n    if (!target) return;\n\n    event.preventDefault();\n    focusItem(target);\n  };\n\n  return (\n    <List\n      aria-label={menuAccessibleLabel}\n      className={styles.list}\n      onKeyDown={handleKeyDown}\n      ref={listRef}\n      role={usesMenuSemantics ? 'menu' : undefined}\n    >\n      {actions.map(({ button, id, isActive, isDanger, value }, index) => (\n        <li\n          key={id ?? button.key ?? index}\n          role={usesMenuSemantics ? 'none' : undefined}\n        >\n          {cloneElement(button, {\n            'aria-current': isActive ? 'true' : button.props['aria-current'],\n            className: cx(\n              button.props.className,\n              styles.item,\n              isActive && styles.active,\n              isDanger && styles.danger\n            ),\n            onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n              button.props.onClick?.(event);\n              onSelect(value, event);\n            },\n            role: usesMenuSemantics ? 'menuitem' : button.props.role,\n            variant: 'tertiary',\n          })}\n        </li>\n      ))}\n    </List>\n  );\n}\n","import { Icon } from '../icon';\nimport { type IconName } from '../icon/icons';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport const MenuPopover = ({\n  children,\n  inline,\n  triggerAccessibleLabel,\n  triggerIcon = 'dots',\n  triggerLabel,\n}: Pick<PopoverProps, 'children' | 'inline' | 'triggerAccessibleLabel'> & {\n  triggerIcon?: IconName;\n  triggerLabel?: React.ReactNode;\n}) => (\n  <Popover\n    inline={inline}\n    triggerAccessibleLabel={triggerAccessibleLabel}\n    triggerAriaHasPopup='menu'\n    triggerButtonContent={\n      <>\n        {triggerLabel}\n        <Icon\n          gap={triggerLabel ? 'left' : 'none'}\n          name={triggerIcon}\n          size='medium'\n        />\n      </>\n    }\n  >\n    {children}\n  </Popover>\n);\n"],"names":["getFocusableItems","list","Array","from","querySelectorAll","filter","item","disabled","MenuActionList","actions","initialFocus","menuAccessibleLabel","onSelect","usesMenuSemantics","listRef","useRef","focusItem","useCallback","target","items","current","length","focus","currentIndex","indexOf","document","activeElement","nextIndex","useEffect","handleKeyDown","event","ArrowDown","ArrowUp","End","Home","key","preventDefault","List","styles","undefined","map","button","id","isActive","isDanger","value","index","jsx","cloneElement","props","className","cx","active","danger","onClick","role","variant","MenuPopover","children","inline","triggerAccessibleLabel","triggerIcon","triggerLabel","Popover","jsxs","Fragment","Icon"],"mappings":"0VAkBMA,EAAqBC,GACzBC,MAAMC,MAAKF,GAAAA,YAAAA,EAAMG,iBAAoC,uBAAwB,CAAA,CAAE,EAAEC,OAC9EC,GAAS,CAACA,EAAKC,QAClB,EAEK,SAASC,EAAkB,CAChCC,QAAAA,EACAC,aAAAA,EACAC,oBAAAA,EACAC,SAAAA,EACAC,kBAAAA,EAAoB,EAOtB,EAAG,CACD,MAAMC,EAAUC,EAAAA,OAA4C,IAAI,EAE1DC,EAAYC,cAAaC,GAA4B,CACzD,MAAMC,EAAQnB,EAAkBc,EAAQM,OAAO,EAC/C,GAAID,EAAME,SAAW,EAAG,OAExB,GAAIH,IAAW,SAAWA,IAAW,OAAQ,CAC3CC,EAAMD,IAAW,QAAU,EAAIC,EAAME,OAAS,CAAC,EAAEC,MAAAA,EACjD,MACF,CAEA,MAAMC,EAAeJ,EAAMK,QAAQC,SAASC,aAAkC,EACxEC,EACJT,IAAW,QACNK,EAAe,GAAKJ,EAAME,QAC1BE,EAAe,EAAIJ,EAAME,QAAUF,EAAME,OAChDF,EAAMQ,CAAS,EAAEL,MAAAA,CACnB,EAAG,CAAA,CAAE,EAELM,EAAAA,UAAU,IAAM,CACVf,GAAmBG,EAAUN,GAAgB,OAAO,CAC1D,EAAG,CAACM,EAAWN,EAAcG,CAAiB,CAAC,EAE/C,MAAMgB,EAAiBC,GAAiD,CACtE,GAAI,CAACjB,EAAmB,OAQxB,MAAMK,EANU,CACda,UAAW,OACXC,QAAS,WACTC,IAAK,OACLC,KAAM,OAAA,EAEeJ,EAAMK,GAA2B,EACnDjB,IAELY,EAAMM,eAAAA,EACNpB,EAAUE,CAAM,EAClB,EAEA,aACGmB,OAAA,CACC,aAAY1B,EACZ,UAAW2B,EAAOrC,KAClB,UAAW4B,EACX,IAAKf,EACL,KAAMD,EAAoB,OAAS0B,OAAU,iBAAA,iBAE5C9B,SAAAA,EAAQ+B,IAAI,CAAC,CAAEC,OAAAA,EAAQC,GAAAA,EAAIC,SAAAA,EAAUC,SAAAA,EAAUC,MAAAA,CAAAA,EAASC,IACvDC,EAAAA,IAAC,KAAA,CAEC,KAAMlC,EAAoB,OAAS0B,OAElCS,SAAAA,EAAAA,aAAaP,EAAQ,CACpB,eAAgBE,EAAW,OAASF,EAAOQ,MAAM,cAAc,EAC/DC,UAAWC,EAAAA,EACTV,EAAOQ,MAAMC,UACbZ,EAAOhC,KACPqC,GAAYL,EAAOc,OACnBR,GAAYN,EAAOe,MACrB,EACAC,QAAUxB,GAA+C,UACvDW,GAAAA,EAAAA,EAAOQ,OAAMK,UAAbb,MAAAA,EAAAA,KAAAA,EAAuBX,GACvBlB,EAASiC,EAAOf,CAAK,CACvB,EACAyB,KAAM1C,EAAoB,WAAa4B,EAAOQ,MAAMM,KACpDC,QAAS,UAAA,CACV,CAAA,EAjBId,GAAMD,EAAON,KAAOW,CAkB3B,CACD,EACH,CAEJ,CCvGO,MAAMW,EAAcA,CAAC,CAC1BC,SAAAA,EACAC,OAAAA,EACAC,uBAAAA,EACAC,YAAAA,EAAc,OACdC,aAAAA,CAIF,UACGC,EAAAA,QAAA,CACC,OAAAJ,EACA,uBAAAC,EACA,oBAAoB,OACpB,qBACEI,EAAAA,KAAAC,EAAAA,SAAA,CACGH,SAAAA,CAAAA,EACDf,EAAAA,IAACmB,EAAAA,MACC,IAAKJ,EAAe,OAAS,OAC7B,KAAMD,EACN,KAAK,QAAA,CAAQ,CAAA,CAAA,CAEjB,EACD,iBAAA,cAEAH,SAAAA,CAAAA,CACH"}

package/dist/menu-popover-DQHDIw-8.js

@@ -0,0 +1,74 @@
+import { jsx as s, jsxs as k, Fragment as x } from "react/jsx-runtime";
+import { t as y } from "./classix-DG18itHa.js";
+import { useRef as q, useCallback as w, useEffect as A, cloneElement as I } from "react";
+import { List as C } from "./components/list/index.js";
+import { Icon as D } from "./components/icon/index.js";
+import { Popover as E } from "./components/popover/index.js";
+import './assets/menu-popover.css';const N = "_list_25aqk_3", P = "_item_25aqk_15", j = "_active_25aqk_38", H = "_danger_25aqk_47", i = {
+  list: N,
+  item: P,
+  active: j,
+  danger: H
+}, K = (n) => Array.from((n == null ? void 0 : n.querySelectorAll('[role="menuitem"]')) ?? []).filter((a) => !a.disabled);
+function U({
+  actions: n,
+  initialFocus: a,
+  menuAccessibleLabel: l,
+  onSelect: c,
+  usesMenuSemantics: t = !1
+}) {
+  const p = q(null), m = w((e) => {
+    const r = K(p.current);
+    if (r.length === 0) return;
+    if (e === "first" || e === "last") {
+      r[e === "first" ? 0 : r.length - 1].focus();
+      return;
+    }
+    const o = r.indexOf(document.activeElement), f = e === "next" ? (o + 1) % r.length : (o - 1 + r.length) % r.length;
+    r[f].focus();
+  }, []);
+  A(() => {
+    t && m(a ?? "first");
+  }, [m, a, t]);
+  const _ = (e) => {
+    if (!t) return;
+    const o = {
+      ArrowDown: "next",
+      ArrowUp: "previous",
+      End: "last",
+      Home: "first"
+    }[e.key];
+    o && (e.preventDefault(), m(o));
+  };
+  return /* @__PURE__ */ s(C, { "aria-label": l, className: i.list, onKeyDown: _, ref: p, role: t ? "menu" : void 0, "data-component": "menuactionlist", children: n.map(({
+    button: e,
+    id: r,
+    isActive: o,
+    isDanger: f,
+    value: v
+  }, h) => /* @__PURE__ */ s("li", { role: t ? "none" : void 0, children: I(e, {
+    "aria-current": o ? "true" : e.props["aria-current"],
+    className: y(e.props.className, i.item, o && i.active, f && i.danger),
+    onClick: (d) => {
+      var u, g;
+      (g = (u = e.props).onClick) == null || g.call(u, d), c(v, d);
+    },
+    role: t ? "menuitem" : e.props.role,
+    variant: "tertiary"
+  }) }, r ?? e.key ?? h)) });
+}
+const G = ({
+  children: n,
+  inline: a,
+  triggerAccessibleLabel: l,
+  triggerIcon: c = "dots",
+  triggerLabel: t
+}) => /* @__PURE__ */ s(E, { inline: a, triggerAccessibleLabel: l, triggerAriaHasPopup: "menu", triggerButtonContent: /* @__PURE__ */ k(x, { children: [
+  t,
+  /* @__PURE__ */ s(D, { gap: t ? "left" : "none", name: c, size: "medium" })
+] }), "data-component": "menupopover", children: n });
+export {
+  U as M,
+  G as a
+};
+//# sourceMappingURL=menu-popover-DQHDIw-8.js.map

package/dist/menu-popover-DQHDIw-8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-popover-DQHDIw-8.js","sources":["../src/components/menu/action-list.tsx","../src/components/menu/menu-popover.tsx"],"sourcesContent":["import cx from 'classix';\nimport { cloneElement, useCallback, useEffect, useRef } from 'react';\n\nimport { type ButtonProps } from '../button';\nimport { List } from '../list';\nimport { type PopoverInitialFocus } from '../popover';\nimport styles from './styles.module.css';\n\nexport type MenuAction<T> = {\n  button: React.ReactElement<ButtonProps>;\n  id?: React.Key;\n  isActive?: boolean;\n  isDanger?: boolean;\n  value: T;\n};\n\ntype MenuFocusTarget = 'first' | 'last' | 'next' | 'previous';\n\nconst getFocusableItems = (list: HTMLUListElement | HTMLOListElement | null) =>\n  Array.from(list?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]') ?? []).filter(\n    (item) => !item.disabled\n  );\n\nexport function MenuActionList<T>({\n  actions,\n  initialFocus,\n  menuAccessibleLabel,\n  onSelect,\n  usesMenuSemantics = false,\n}: {\n  actions: MenuAction<T>[];\n  initialFocus?: PopoverInitialFocus;\n  menuAccessibleLabel?: string;\n  onSelect: (value: T, event: React.MouseEvent<HTMLButtonElement>) => void;\n  usesMenuSemantics?: boolean;\n}) {\n  const listRef = useRef<HTMLUListElement | HTMLOListElement>(null);\n\n  const focusItem = useCallback((target: MenuFocusTarget) => {\n    const items = getFocusableItems(listRef.current);\n    if (items.length === 0) return;\n\n    if (target === 'first' || target === 'last') {\n      items[target === 'first' ? 0 : items.length - 1].focus();\n      return;\n    }\n\n    const currentIndex = items.indexOf(document.activeElement as HTMLButtonElement);\n    const nextIndex =\n      target === 'next'\n        ? (currentIndex + 1) % items.length\n        : (currentIndex - 1 + items.length) % items.length;\n    items[nextIndex].focus();\n  }, []);\n\n  useEffect(() => {\n    if (usesMenuSemantics) focusItem(initialFocus ?? 'first');\n  }, [focusItem, initialFocus, usesMenuSemantics]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLUListElement>) => {\n    if (!usesMenuSemantics) return;\n\n    const targets = {\n      ArrowDown: 'next',\n      ArrowUp: 'previous',\n      End: 'last',\n      Home: 'first',\n    } as const;\n    const target = targets[event.key as keyof typeof targets];\n    if (!target) return;\n\n    event.preventDefault();\n    focusItem(target);\n  };\n\n  return (\n    <List\n      aria-label={menuAccessibleLabel}\n      className={styles.list}\n      onKeyDown={handleKeyDown}\n      ref={listRef}\n      role={usesMenuSemantics ? 'menu' : undefined}\n    >\n      {actions.map(({ button, id, isActive, isDanger, value }, index) => (\n        <li\n          key={id ?? button.key ?? index}\n          role={usesMenuSemantics ? 'none' : undefined}\n        >\n          {cloneElement(button, {\n            'aria-current': isActive ? 'true' : button.props['aria-current'],\n            className: cx(\n              button.props.className,\n              styles.item,\n              isActive && styles.active,\n              isDanger && styles.danger\n            ),\n            onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n              button.props.onClick?.(event);\n              onSelect(value, event);\n            },\n            role: usesMenuSemantics ? 'menuitem' : button.props.role,\n            variant: 'tertiary',\n          })}\n        </li>\n      ))}\n    </List>\n  );\n}\n","import { Icon } from '../icon';\nimport { type IconName } from '../icon/icons';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport const MenuPopover = ({\n  children,\n  inline,\n  triggerAccessibleLabel,\n  triggerIcon = 'dots',\n  triggerLabel,\n}: Pick<PopoverProps, 'children' | 'inline' | 'triggerAccessibleLabel'> & {\n  triggerIcon?: IconName;\n  triggerLabel?: React.ReactNode;\n}) => (\n  <Popover\n    inline={inline}\n    triggerAccessibleLabel={triggerAccessibleLabel}\n    triggerAriaHasPopup='menu'\n    triggerButtonContent={\n      <>\n        {triggerLabel}\n        <Icon\n          gap={triggerLabel ? 'left' : 'none'}\n          name={triggerIcon}\n          size='medium'\n        />\n      </>\n    }\n  >\n    {children}\n  </Popover>\n);\n"],"names":["getFocusableItems","list","Array","from","querySelectorAll","filter","item","disabled","MenuActionList","actions","initialFocus","menuAccessibleLabel","onSelect","usesMenuSemantics","listRef","useRef","focusItem","useCallback","target","items","current","length","focus","currentIndex","indexOf","document","activeElement","nextIndex","useEffect","handleKeyDown","event","ArrowDown","ArrowUp","End","Home","key","preventDefault","List","styles","undefined","map","button","id","isActive","isDanger","value","index","jsx","cloneElement","props","className","cx","active","danger","onClick","role","variant","MenuPopover","children","inline","triggerAccessibleLabel","triggerIcon","triggerLabel","Popover","jsxs","Fragment","Icon"],"mappings":"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"}

package/dist/tokens.json

@@ -365,7 +365,7 @@
     },
     "com.solibo": {
       "packageName": "@solibo/solibo-ui",
-      "packageVersion": "1.0.14"
+      "packageVersion": "1.0.16"
     }
   },
   "$name": "Solibo UI Tokens",

package/dist/use-touched-B999bBr8.js

@@ -0,0 +1,20 @@
+import { useState as s, useCallback as c, useEffect as f } from "react";
+function r(...t) {
+  return (o) => {
+    t.forEach((e) => e == null ? void 0 : e(o));
+  };
+}
+function a(t) {
+  const [o, e] = s(!1), u = c(() => e(!0), []);
+  return f(() => {
+    e(!1);
+  }, [t]), {
+    touched: o,
+    onBlur: u
+  };
+}
+export {
+  r as c,
+  a as u
+};
+//# sourceMappingURL=use-touched-B999bBr8.js.map

package/dist/use-touched-B999bBr8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-touched-B999bBr8.js","sources":["../src/lib/compose-event-handlers.ts","../src/lib/use-touched.ts"],"sourcesContent":["export function composeEventHandlers<Event>(\n  ...handlers: Array<((event: Event) => void) | undefined>\n) {\n  return (event: Event) => {\n    handlers.forEach((handler) => handler?.(event));\n  };\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useTouched(resetKey?: unknown) {\n  const [touched, setTouched] = useState(false);\n  const onBlur = useCallback(() => setTouched(true), []);\n\n  useEffect(() => {\n    setTouched(false);\n  }, [resetKey]);\n\n  return { touched, onBlur };\n}\n"],"names":["composeEventHandlers","handlers","event","forEach","handler","useTouched","resetKey","touched","setTouched","useState","onBlur","useCallback","useEffect"],"mappings":";AAAO,SAASA,KACXC,GACH;AACA,SAAO,CAACC,MAAiB;AACvBD,IAAAA,EAASE,QAASC,CAAAA,MAAYA,KAAAA,gBAAAA,EAAUF,EAAM;AAAA,EAChD;AACF;ACJO,SAASG,EAAWC,GAAoB;AAC7C,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAASC,EAAY,MAAMH,EAAW,EAAI,GAAG,CAAA,CAAE;AAErDI,SAAAA,EAAU,MAAM;AACdJ,IAAAA,EAAW,EAAK;AAAA,EAClB,GAAG,CAACF,CAAQ,CAAC,GAEN;AAAA,IAAEC,SAAAA;AAAAA,IAASG,QAAAA;AAAAA,EAAAA;AACpB;"}

package/dist/use-touched-Bq5Gjbpz.cjs

@@ -0,0 +1,2 @@
+"use strict";const u=require("react");function o(...t){return s=>{t.forEach(e=>e==null?void 0:e(s))}}function n(t){const[s,e]=u.useState(!1),c=u.useCallback(()=>e(!0),[]);return u.useEffect(()=>{e(!1)},[t]),{touched:s,onBlur:c}}exports.composeEventHandlers=o;exports.useTouched=n;
+//# sourceMappingURL=use-touched-Bq5Gjbpz.cjs.map

package/dist/use-touched-Bq5Gjbpz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-touched-Bq5Gjbpz.cjs","sources":["../src/lib/compose-event-handlers.ts","../src/lib/use-touched.ts"],"sourcesContent":["export function composeEventHandlers<Event>(\n  ...handlers: Array<((event: Event) => void) | undefined>\n) {\n  return (event: Event) => {\n    handlers.forEach((handler) => handler?.(event));\n  };\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useTouched(resetKey?: unknown) {\n  const [touched, setTouched] = useState(false);\n  const onBlur = useCallback(() => setTouched(true), []);\n\n  useEffect(() => {\n    setTouched(false);\n  }, [resetKey]);\n\n  return { touched, onBlur };\n}\n"],"names":["composeEventHandlers","handlers","event","forEach","handler","useTouched","resetKey","touched","setTouched","useState","onBlur","useCallback","useEffect"],"mappings":"sCAAO,SAASA,KACXC,EACH,CACA,OAAQC,GAAiB,CACvBD,EAASE,QAASC,GAAYA,GAAAA,YAAAA,EAAUF,EAAM,CAChD,CACF,CCJO,SAASG,EAAWC,EAAoB,CAC7C,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtCC,EAASC,EAAAA,YAAY,IAAMH,EAAW,EAAI,EAAG,CAAA,CAAE,EAErDI,OAAAA,EAAAA,UAAU,IAAM,CACdJ,EAAW,EAAK,CAClB,EAAG,CAACF,CAAQ,CAAC,EAEN,CAAEC,QAAAA,EAASG,OAAAA,CAAAA,CACpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "type": "module",
   "scripts": {
     "dev": "pnpm run tokens:build && vite build --watch",

package/dist/assets/index52.css

@@ -1 +0,0 @@
-._toolbar_p4e6w_1{-webkit-backdrop-filter:blur(var(--scale-4));backdrop-filter:blur(var(--scale-4));background-color:var(--colors-translucent);border:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md);position:absolute;right:var(--scale-4);top:var(--scale-4)}._toolbar_p4e6w_1 [data-component=button][data-active=true]{background-color:var(--colors-semantic-interactive-selected);box-shadow:inset 0 0 var(--scale-2) var(--colors-semantic-primary-primary-active)}._toolbar_p4e6w_1 [data-component=button][data-active=true] [data-component=icon]{background-color:var(--colors-semantic-primary-primary-active)}._toolbar_p4e6w_1 [data-component=button]:not([disabled]):hover{background-color:var(--colors-semantic-interactive-selected)}._default_p4e6w_26 button{border-radius:var(--shape-border-radius-radius-md);display:inline-block}._editor_p4e6w_33{align-items:center;background-color:var(--colors-semantic-bg-page);border:none;border-bottom:var(--scale-1) solid var(--colors-semantic-border-default);border-radius:var(--shape-border-radius-radius-md) var(--shape-border-radius-radius-md) 0 0;display:flex;flex-wrap:wrap;overflow:hidden;position:initial;right:0;top:0}._editor_p4e6w_33 button{display:inline-block}._editor_p4e6w_33 button:first-child{border-top-left-radius:var(--shape-border-radius-radius-md)}