@adea-ai/ui 0.83.0 → 0.83.1

package/dist/components/composites/action-button/action-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/action-button/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,GAAG,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/F,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAI1D;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IACpF,8FAA8F;IAC9F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IACjD,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA+BD,wBAAgB,YAAY,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAgF5F"}
+{"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/action-button/action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,GAAG,EACR,KAAK,cAAc,EACpB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAI1D;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IACpF,8FAA8F;IAC9F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IACjD,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA+CD,wBAAgB,YAAY,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAkG5F"}

package/dist/components/composites/action-button/action-button.js

@@ -2,20 +2,30 @@ import { Button } from "../../ui/button/button.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../ui/tooltip/tooltip.js";
 import { Spinner } from "../../ui/spinner/spinner.js";
 import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
-import { Show, splitProps } from "solid-js";
+import { Show, createSignal, splitProps } from "solid-js";
 //#region src/components/composites/action-button/action-button.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<span role=status aria-live=polite class=visually-hidden>`);
-function guardedClick(handler, disabled) {
+function invokeHandler(handler, event) {
+	if (Array.isArray(handler)) {
+		const [callback, data] = handler;
+		callback(data, event);
+	} else if (typeof handler === "function") handler(event);
+}
+function chainedHandler(handler, before) {
+	return (event) => {
+		before(event);
+		invokeHandler(handler, event);
+	};
+}
+function guardedClick(handler, disabled, onActivate = () => {}) {
 	return (event) => {
 		if (disabled()) {
 			event.preventDefault();
 			event.stopImmediatePropagation();
 			return;
 		}
-		if (Array.isArray(handler)) {
-			const [callback, data] = handler;
-			callback(data, event);
-		} else if (typeof handler === "function") handler(event);
+		onActivate(event);
+		invokeHandler(handler, event);
 	};
 }
 /** Adapter keeps TooltipTrigger's `as` separate from Button's polymorphic `as`. */
@@ -42,6 +52,8 @@ function ActionButton(props) {
 	const busy = () => local.busy ?? false;
 	const disabled = () => busy() || !!local.disabled;
 	const busyStatus = () => local.busyLabel ?? "Working";
+	const [tooltipOpen, setTooltipOpen] = createSignal(false);
+	const [tooltipSuppression, setTooltipSuppression] = createSignal(null);
 	const onClickCapture = rest.onClickCapture;
 	const PolymorphicButton = Button;
 	const PolymorphicButtonTarget = ButtonTarget;
@@ -56,7 +68,17 @@ function ActionButton(props) {
 		role: local.as === "a" && disabled() ? "link" : rest.role,
 		href: local.as === "a" && disabled() ? void 0 : rest.href,
 		"aria-busy": busy() || local["aria-busy"],
-		onClick: guardedClick(rest.onClick, disabled),
+		onClick: guardedClick(rest.onClick, disabled, (event) => {
+			if (!local.tooltip) return;
+			setTooltipSuppression(event.detail > 0 ? "pointer" : "focus");
+			setTooltipOpen(false);
+		}),
+		onPointerLeave: chainedHandler(rest.onPointerLeave, () => {
+			if (tooltipSuppression() === "pointer") setTooltipSuppression(null);
+		}),
+		onBlur: chainedHandler(rest.onBlur, () => {
+			if (tooltipSuppression() === "focus") setTooltipSuppression(null);
+		}),
 		onClickCapture: onClickCapture ? guardedClick(onClickCapture, disabled) : void 0,
 		"on:click": guardedClick(rest["on:click"], disabled),
 		"oncapture:click": guardedClick(rest["oncapture:click"], disabled)
@@ -86,23 +108,32 @@ function ActionButton(props) {
 			} }));
 		},
 		get children() {
-			return createComponent(Tooltip, { get children() {
-				return [createComponent(TooltipTrigger, mergeProps({ as: PolymorphicButtonTarget }, () => buttonProps(), {
-					get actionAs() {
-						return local.as ?? "button";
-					},
-					get children() {
-						return contents();
-					}
-				})), createComponent(TooltipContent, {
-					get side() {
-						return local.tooltipSide;
-					},
-					get children() {
-						return local.tooltip;
-					}
-				})];
-			} });
+			return createComponent(Tooltip, {
+				get open() {
+					return tooltipOpen();
+				},
+				onOpenChange: (open) => {
+					if (open && tooltipSuppression()) return;
+					setTooltipOpen(open);
+				},
+				get children() {
+					return [createComponent(TooltipTrigger, mergeProps({ as: PolymorphicButtonTarget }, () => buttonProps(), {
+						get actionAs() {
+							return local.as ?? "button";
+						},
+						get children() {
+							return contents();
+						}
+					})), createComponent(TooltipContent, {
+						get side() {
+							return local.tooltipSide;
+						},
+						get children() {
+							return local.tooltip;
+						}
+					})];
+				}
+			});
 		}
 	}), createComponent(Show, {
 		get when() {

package/dist/components/composites/action-button/action-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-button.js","names":["Show","splitProps","ComponentProps","JSX","ValidComponent","Button","ButtonProps","Spinner","Tooltip","TooltipContent","TooltipTrigger","ActionButtonProps","T","tooltip","tooltipSide","busy","busyLabel","guardedClick","handler","disabled","event","MouseEvent","preventDefault","stopImmediatePropagation","Array","isArray","callback","data","ButtonTargetProps","Omit","actionAs","ButtonTarget","props","local","rest","PolymorphicButton","targetProps","Element","_$createComponent","_$mergeProps","as","ActionButton","busyStatus","onClickCapture","buttonProps","PolymorphicButtonTarget","variant","size","class","filter","Boolean","join","tabIndex","role","href","undefined","onClick","Record","contents","when","children","label","_$memo","fallback","side","_el$","_tmpl$","_$insert","_$createComponent","PolymorphicButton","_$mergeProps","_$memo"],"sources":["../../../../src/components/composites/action-button/action-button.tsx"],"sourcesContent":["import { Show, splitProps, type ComponentProps, type JSX, type ValidComponent } from 'solid-js'\nimport { Button, type ButtonProps } from '../../ui/button'\nimport { Spinner } from '../../ui/spinner'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip'\n\n/**\n * ActionButton.\n *\n * A Button with optional explanatory tooltip and busy feedback. Use it for a\n * simple action that needs these states; actions with product-specific rules\n * should compose Button directly.\n *\n * The tooltip trigger renders the polymorphic Button itself. A disabled native\n * control cannot receive pointer or keyboard events. When a tooltip is set,\n * disabled actions therefore use focusable `aria-disabled` semantics and guard\n * activation; without a tooltip, native buttons retain native disabling.\n * Custom polymorphic components must forward aria, event, and href props for\n * these guarantees to apply.\n */\nexport type ActionButtonProps<T extends ValidComponent = 'button'> = ButtonProps<T> & {\n  /** A short explanation, also shown on keyboard focus. The Button still needs its own name. */\n  tooltip?: string\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left'\n  /** Disables the action and announces the busy label through a polite status region. */\n  busy?: boolean\n  /** The activity announced while busy. The Button's accessible name stays unchanged. */\n  busyLabel?: string\n}\n\nfunction guardedClick(handler: unknown, disabled: () => boolean) {\n  return (event: MouseEvent) => {\n    if (disabled()) {\n      event.preventDefault()\n      event.stopImmediatePropagation()\n      return\n    }\n\n    if (Array.isArray(handler)) {\n      const [callback, data] = handler as [(data: unknown, event: MouseEvent) => void, unknown]\n      callback(data, event)\n    } else if (typeof handler === 'function') {\n      const callback = handler as (event: MouseEvent) => void\n      callback(event)\n    }\n  }\n}\n\ntype ButtonTargetProps<T extends ValidComponent = 'button'> = Omit<ButtonProps<T>, 'as'> & {\n  actionAs?: T\n}\n\n/** Adapter keeps TooltipTrigger's `as` separate from Button's polymorphic `as`. */\nfunction ButtonTarget<T extends ValidComponent = 'button'>(props: ButtonTargetProps<T>) {\n  const [local, rest] = splitProps(props as ButtonTargetProps, ['actionAs'])\n  const PolymorphicButton = Button as (targetProps: ButtonProps<T>) => JSX.Element\n  return <PolymorphicButton as={(local.actionAs ?? 'button') as T} {...(rest as ButtonProps<T>)} />\n}\n\nexport function ActionButton<T extends ValidComponent = 'button'>(props: ActionButtonProps<T>) {\n  const [local, rest] = splitProps(props as ActionButtonProps, [\n    'as',\n    'variant',\n    'size',\n    'class',\n    'children',\n    'disabled',\n    'aria-busy',\n    'tooltip',\n    'tooltipSide',\n    'busy',\n    'busyLabel',\n  ])\n  const busy = () => local.busy ?? false\n  const disabled = () => busy() || !!local.disabled\n  const busyStatus = () => local.busyLabel ?? 'Working'\n  const onClickCapture = (rest as { onClickCapture?: unknown }).onClickCapture\n  const PolymorphicButton = Button as (buttonProps: ButtonProps<T>) => JSX.Element\n  const PolymorphicButtonTarget = ButtonTarget as (targetProps: ButtonTargetProps<T>) => JSX.Element\n\n  const buttonProps = () => ({\n    ...rest,\n    variant: local.variant,\n    size: local.size,\n    class: [local.class, local.tooltip && disabled() && 'aria-disabled:pointer-events-auto']\n      .filter(Boolean)\n      .join(' '),\n    disabled: disabled() && !local.tooltip,\n    'aria-disabled': disabled() ? true : rest['aria-disabled'],\n    tabIndex: local.as === 'a' && disabled() ? (local.tooltip ? 0 : -1) : rest.tabIndex,\n    role: local.as === 'a' && disabled() ? 'link' : rest.role,\n    href: local.as === 'a' && disabled() ? undefined : (rest as { href?: string }).href,\n    'aria-busy': busy() || local['aria-busy'],\n    onClick: guardedClick(rest.onClick, disabled),\n    onClickCapture: onClickCapture ? guardedClick(onClickCapture, disabled) : undefined,\n    'on:click': guardedClick((rest as Record<string, unknown>)['on:click'], disabled),\n    'oncapture:click': guardedClick((rest as Record<string, unknown>)['oncapture:click'], disabled),\n  })\n\n  const contents = () => (\n    <>\n      <Show when={busy()}>\n        <Spinner size=\"sm\" label={false} aria-hidden=\"true\" data-icon=\"inline-start\" />\n      </Show>\n      {local.children}\n    </>\n  )\n\n  return (\n    <>\n      <Show\n        when={local.tooltip}\n        fallback={\n          <PolymorphicButton\n            as={(local.as ?? 'button') as T}\n            {...(buttonProps() as unknown as ButtonProps<T>)}\n          >\n            {contents()}\n          </PolymorphicButton>\n        }\n      >\n        <Tooltip>\n          <TooltipTrigger\n            as={PolymorphicButtonTarget}\n            {...(buttonProps() as unknown as ComponentProps<typeof PolymorphicButtonTarget>)}\n            actionAs={(local.as ?? 'button') as T}\n          >\n            {contents()}\n          </TooltipTrigger>\n          <TooltipContent side={local.tooltipSide}>{local.tooltip}</TooltipContent>\n        </Tooltip>\n      </Show>\n      <Show when={busy()}>\n        <span role=\"status\" aria-live=\"polite\" class=\"visually-hidden\">\n          {busyStatus()}\n        </span>\n      </Show>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"action-button.js","names":["Show","createSignal","splitProps","ComponentProps","JSX","ValidComponent","Button","ButtonProps","Spinner","Tooltip","TooltipContent","TooltipTrigger","ActionButtonProps","T","tooltip","tooltipSide","busy","busyLabel","invokeHandler","handler","event","Event","Array","isArray","callback","data","chainedHandler","before","guardedClick","disabled","onActivate","MouseEvent","preventDefault","stopImmediatePropagation","ButtonTargetProps","Omit","actionAs","ButtonTarget","props","local","rest","PolymorphicButton","targetProps","Element","_$createComponent","_$mergeProps","as","ActionButton","busyStatus","tooltipOpen","setTooltipOpen","tooltipSuppression","setTooltipSuppression","onClickCapture","buttonProps","PolymorphicButtonTarget","variant","size","class","filter","Boolean","join","tabIndex","role","href","undefined","onClick","detail","onPointerLeave","onBlur","Record","contents","when","children","label","_$memo","fallback","open","onOpenChange","side","_el$","_tmpl$","_$insert","_$createComponent","PolymorphicButton","_$mergeProps","_$memo"],"sources":["../../../../src/components/composites/action-button/action-button.tsx"],"sourcesContent":["import {\n  Show,\n  createSignal,\n  splitProps,\n  type ComponentProps,\n  type JSX,\n  type ValidComponent,\n} from 'solid-js'\nimport { Button, type ButtonProps } from '../../ui/button'\nimport { Spinner } from '../../ui/spinner'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip'\n\n/**\n * ActionButton.\n *\n * A Button with optional explanatory tooltip and busy feedback. Use it for a\n * simple action that needs these states; actions with product-specific rules\n * should compose Button directly.\n *\n * The tooltip trigger renders the polymorphic Button itself. A disabled native\n * control cannot receive pointer or keyboard events. When a tooltip is set,\n * disabled actions therefore use focusable `aria-disabled` semantics and guard\n * activation; without a tooltip, native buttons retain native disabling.\n * Custom polymorphic components must forward aria, event, and href props for\n * these guarantees to apply.\n */\nexport type ActionButtonProps<T extends ValidComponent = 'button'> = ButtonProps<T> & {\n  /** A short explanation, also shown on keyboard focus. The Button still needs its own name. */\n  tooltip?: string\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left'\n  /** Disables the action and announces the busy label through a polite status region. */\n  busy?: boolean\n  /** The activity announced while busy. The Button's accessible name stays unchanged. */\n  busyLabel?: string\n}\n\nfunction invokeHandler(handler: unknown, event: Event) {\n  if (Array.isArray(handler)) {\n    const [callback, data] = handler as [(data: unknown, event: Event) => void, unknown]\n    callback(data, event)\n  } else if (typeof handler === 'function') {\n    const callback = handler as (event: Event) => void\n    callback(event)\n  }\n}\n\nfunction chainedHandler(handler: unknown, before: (event: Event) => void) {\n  return (event: Event) => {\n    before(event)\n    invokeHandler(handler, event)\n  }\n}\n\nfunction guardedClick(\n  handler: unknown,\n  disabled: () => boolean,\n  onActivate: (event: MouseEvent) => void = () => {}\n) {\n  return (event: MouseEvent) => {\n    if (disabled()) {\n      event.preventDefault()\n      event.stopImmediatePropagation()\n      return\n    }\n\n    onActivate(event)\n    invokeHandler(handler, event)\n  }\n}\n\ntype ButtonTargetProps<T extends ValidComponent = 'button'> = Omit<ButtonProps<T>, 'as'> & {\n  actionAs?: T\n}\n\n/** Adapter keeps TooltipTrigger's `as` separate from Button's polymorphic `as`. */\nfunction ButtonTarget<T extends ValidComponent = 'button'>(props: ButtonTargetProps<T>) {\n  const [local, rest] = splitProps(props as ButtonTargetProps, ['actionAs'])\n  const PolymorphicButton = Button as (targetProps: ButtonProps<T>) => JSX.Element\n  return <PolymorphicButton as={(local.actionAs ?? 'button') as T} {...(rest as ButtonProps<T>)} />\n}\n\nexport function ActionButton<T extends ValidComponent = 'button'>(props: ActionButtonProps<T>) {\n  const [local, rest] = splitProps(props as ActionButtonProps, [\n    'as',\n    'variant',\n    'size',\n    'class',\n    'children',\n    'disabled',\n    'aria-busy',\n    'tooltip',\n    'tooltipSide',\n    'busy',\n    'busyLabel',\n  ])\n  const busy = () => local.busy ?? false\n  const disabled = () => busy() || !!local.disabled\n  const busyStatus = () => local.busyLabel ?? 'Working'\n  const [tooltipOpen, setTooltipOpen] = createSignal(false)\n  const [tooltipSuppression, setTooltipSuppression] = createSignal<'pointer' | 'focus' | null>(null)\n  const onClickCapture = (rest as { onClickCapture?: unknown }).onClickCapture\n  const PolymorphicButton = Button as (buttonProps: ButtonProps<T>) => JSX.Element\n  const PolymorphicButtonTarget = ButtonTarget as (targetProps: ButtonTargetProps<T>) => JSX.Element\n\n  const buttonProps = () => ({\n    ...rest,\n    variant: local.variant,\n    size: local.size,\n    class: [local.class, local.tooltip && disabled() && 'aria-disabled:pointer-events-auto']\n      .filter(Boolean)\n      .join(' '),\n    disabled: disabled() && !local.tooltip,\n    'aria-disabled': disabled() ? true : rest['aria-disabled'],\n    tabIndex: local.as === 'a' && disabled() ? (local.tooltip ? 0 : -1) : rest.tabIndex,\n    role: local.as === 'a' && disabled() ? 'link' : rest.role,\n    href: local.as === 'a' && disabled() ? undefined : (rest as { href?: string }).href,\n    'aria-busy': busy() || local['aria-busy'],\n    onClick: guardedClick(rest.onClick, disabled, (event) => {\n      if (!local.tooltip) return\n      setTooltipSuppression(event.detail > 0 ? 'pointer' : 'focus')\n      setTooltipOpen(false)\n    }),\n    onPointerLeave: chainedHandler(rest.onPointerLeave, () => {\n      if (tooltipSuppression() === 'pointer') setTooltipSuppression(null)\n    }),\n    onBlur: chainedHandler(rest.onBlur, () => {\n      if (tooltipSuppression() === 'focus') setTooltipSuppression(null)\n    }),\n    onClickCapture: onClickCapture ? guardedClick(onClickCapture, disabled) : undefined,\n    'on:click': guardedClick((rest as Record<string, unknown>)['on:click'], disabled),\n    'oncapture:click': guardedClick((rest as Record<string, unknown>)['oncapture:click'], disabled),\n  })\n\n  const contents = () => (\n    <>\n      <Show when={busy()}>\n        <Spinner size=\"sm\" label={false} aria-hidden=\"true\" data-icon=\"inline-start\" />\n      </Show>\n      {local.children}\n    </>\n  )\n\n  return (\n    <>\n      <Show\n        when={local.tooltip}\n        fallback={\n          <PolymorphicButton\n            as={(local.as ?? 'button') as T}\n            {...(buttonProps() as unknown as ButtonProps<T>)}\n          >\n            {contents()}\n          </PolymorphicButton>\n        }\n      >\n        <Tooltip\n          open={tooltipOpen()}\n          onOpenChange={(open) => {\n            if (open && tooltipSuppression()) return\n            setTooltipOpen(open)\n          }}\n        >\n          <TooltipTrigger\n            as={PolymorphicButtonTarget}\n            {...(buttonProps() as unknown as ComponentProps<typeof PolymorphicButtonTarget>)}\n            actionAs={(local.as ?? 'button') as T}\n          >\n            {contents()}\n          </TooltipTrigger>\n          <TooltipContent side={local.tooltipSide}>{local.tooltip}</TooltipContent>\n        </Tooltip>\n      </Show>\n      <Show when={busy()}>\n        <span role=\"status\" aria-live=\"polite\" class=\"visually-hidden\">\n          {busyStatus()}\n        </span>\n      </Show>\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAoCA,SAASkB,cAAcC,SAAkBC,OAAc;CACrD,IAAIE,MAAMC,QAAQJ,OAAO,GAAG;EAC1B,MAAM,CAACK,UAAUC,QAAQN;EACzBK,SAASC,MAAML,KAAK;CACtB,OAAO,IAAI,OAAOD,YAAY,YAE5BK,QAASJ,KAAK;AAElB;AAEA,SAASM,eAAeP,SAAkBQ,QAAgC;CACxE,QAAQP,UAAiB;EACvBO,OAAOP,KAAK;EACZF,cAAcC,SAASC,KAAK;CAC9B;AACF;AAEA,SAASQ,aACPT,SACAU,UACAC,mBAAgD,CAAC,GACjD;CACA,QAAQV,UAAsB;EAC5B,IAAIS,SAAS,GAAG;GACdT,MAAMY,eAAe;GACrBZ,MAAMa,yBAAyB;GAC/B;EACF;EAEAH,WAAWV,KAAK;EAChBF,cAAcC,SAASC,KAAK;CAC9B;AACF;;AAOA,SAASiB,aAAkDC,OAA6B;CACtF,MAAM,CAACC,OAAOC,QAAQtC,WAAWoC,OAA4B,CAAC,UAAU,CAAC;CAEzE,OAAAM,gBAAQH,QAAiBI,WAAA,EAAA,IAACC,KAAE;EAAA,OAAGP,MAAMH,YAAY;CAAc,EAAA,GAAOI,IAAsB,CAAA;AAC9F;AAEA,SAAgBO,aAAkDT,OAA6B;CAC7F,MAAM,CAACC,OAAOC,QAAQtC,WAAWoC,OAA4B;EAC3D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ;CACD,MAAMtB,aAAauB,MAAMvB,QAAQ;CACjC,MAAMa,iBAAiBb,KAAK,KAAK,CAAC,CAACuB,MAAMV;CACzC,MAAMmB,mBAAmBT,MAAMtB,aAAa;CAC5C,MAAM,CAACgC,aAAaC,kBAAkBjD,aAAa,KAAK;CACxD,MAAM,CAACkD,oBAAoBC,yBAAyBnD,aAAyC,IAAI;CACjG,MAAMoD,iBAAkBb,KAAsCa;CAC9D,MAAMZ,oBAAoBnC;CAC1B,MAAMiD,0BAA0BlB;CAEhC,MAAMiB,qBAAqB;EACzB,GAAGd;EACHgB,SAASjB,MAAMiB;EACfC,MAAMlB,MAAMkB;EACZC,OAAO,CAACnB,MAAMmB,OAAOnB,MAAMzB,WAAWe,SAAS,KAAK,mCAAmC,CAAC,CACrF8B,OAAOC,OAAO,CAAC,CACfC,KAAK,GAAG;EACXhC,UAAUA,SAAS,KAAK,CAACU,MAAMzB;EAC/B,iBAAiBe,SAAS,IAAI,OAAOW,KAAK;EAC1CsB,UAAUvB,MAAMO,OAAO,OAAOjB,SAAS,IAAKU,MAAMzB,UAAU,IAAI,KAAM0B,KAAKsB;EAC3EC,MAAMxB,MAAMO,OAAO,OAAOjB,SAAS,IAAI,SAASW,KAAKuB;EACrDC,MAAMzB,MAAMO,OAAO,OAAOjB,SAAS,IAAIoC,KAAAA,IAAazB,KAA2BwB;EAC/E,aAAahD,KAAK,KAAKuB,MAAM;EAC7B2B,SAAStC,aAAaY,KAAK0B,SAASrC,WAAWT,UAAU;GACvD,IAAI,CAACmB,MAAMzB,SAAS;GACpBsC,sBAAsBhC,MAAM+C,SAAS,IAAI,YAAY,OAAO;GAC5DjB,eAAe,KAAK;EACtB,CAAC;EACDkB,gBAAgB1C,eAAec,KAAK4B,sBAAsB;GACxD,IAAIjB,mBAAmB,MAAM,WAAWC,sBAAsB,IAAI;EACpE,CAAC;EACDiB,QAAQ3C,eAAec,KAAK6B,cAAc;GACxC,IAAIlB,mBAAmB,MAAM,SAASC,sBAAsB,IAAI;EAClE,CAAC;EACDC,gBAAgBA,iBAAiBzB,aAAayB,gBAAgBxB,QAAQ,IAAIoC,KAAAA;EAC1E,YAAYrC,aAAcY,KAAiC,aAAaX,QAAQ;EAChF,mBAAmBD,aAAcY,KAAiC,oBAAoBX,QAAQ;CAChG;CAEA,MAAM0C,iBAAW,CAAA3B,gBAEZ5C,MAAI;EAAA,IAACwE,OAAI;GAAA,OAAExD,KAAK;EAAC;EAAA,IAAAyD,WAAA;GAAA,OAAA7B,gBACfpC,SAAO;IAACiD,MAAI;IAAMiB,OAAO;IAAK,eAAA;IAAA,aAAA;GAAA,CAAA;EAAA;CAAA,CAAA,GAAAC,WAEhCpC,MAAMkC,QAAQ,CAAA;CAInB,OAAA,CAAA7B,gBAEK5C,MAAI;EAAA,IACHwE,OAAI;GAAA,OAAEjC,MAAMzB;EAAO;EAAA,IACnB8D,WAAQ;GAAA,OAAAhC,gBACLH,mBAAiBI,WAAA,EAAA,IAChBC,KAAE;IAAA,OAAGP,MAAMO,MAAM;GAAc,EAAA,SAC1BQ,YAAY,GAA8B,EAAA,IAAAmB,WAAA;IAAA,OAE9CF,SAAS;GAAC,EAAA,CAAA,CAAA;EAAA;EAAA,IAAAE,WAAA;GAAA,OAAA7B,gBAIdnC,SAAO;IAAA,IACNoE,OAAI;KAAA,OAAE5B,YAAY;IAAC;IACnB6B,eAAeD,SAAS;KACtB,IAAIA,QAAQ1B,mBAAmB,GAAG;KAClCD,eAAe2B,IAAI;IACrB;IAAC,IAAAJ,WAAA;KAAA,OAAA,CAAA7B,gBAEAjC,gBAAckC,WAAA,EACbC,IAAIS,wBAAuB,SACtBD,YAAY,GAA8D;MAAA,IAC/ElB,WAAQ;OAAA,OAAGG,MAAMO,MAAM;MAAc;MAAA,IAAA2B,WAAA;OAAA,OAEpCF,SAAS;MAAC;KAAA,CAAA,CAAA,GAAA3B,gBAEZlC,gBAAc;MAAA,IAACqE,OAAI;OAAA,OAAExC,MAAMxB;MAAW;MAAA,IAAA0D,WAAA;OAAA,OAAGlC,MAAMzB;MAAO;KAAA,CAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA,GAAA8B,gBAG1D5C,MAAI;EAAA,IAACwE,OAAI;GAAA,OAAExD,KAAK;EAAC;EAAA,IAAAyD,WAAA;GAAA,IAAAO,OAAAC,OAAA;GAAAC,OAAAF,MAEbhC,UAAU;GAAA,OAAAgC;EAAA;CAAA,CAAA,CAAA;AAKrB"}

package/dist/components/ui/command/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/command/command.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,UAAU,EAC3B,YAAY,IAAI,SAAS,EACzB,YAAY,IAAI,SAAS,EACzB,YAAY,IAAI,SAAS,EACzB,WAAW,IAAI,QAAQ,EACvB,WAAW,IAAI,QAAQ,EACvB,cAAc,IAAI,WAAW,EAC7B,WAAW,IAAI,QAAQ,EACvB,gBAAgB,IAAI,aAAa,EAElC,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAa9C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAY7D;AAED,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GACzD,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,CAAA;AAE5F,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kCAoEtD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAmBnE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAgCjE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAcnE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAanE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAcjE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,kCAG3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,kCAQvE;AAED,wDAAwD;AACxD,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;CAC9C,kCAWA"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/command/command.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,UAAU,EAC3B,YAAY,IAAI,SAAS,EACzB,YAAY,IAAI,SAAS,EACzB,YAAY,IAAI,SAAS,EACzB,WAAW,IAAI,QAAQ,EACvB,WAAW,IAAI,QAAQ,EACvB,cAAc,IAAI,WAAW,EAC7B,WAAW,IAAI,QAAQ,EACvB,gBAAgB,IAAI,aAAa,EAElC,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAa9C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAY7D;AAED,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GACzD,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,CAAA;AAE5F,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kCAqEtD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAmBnE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAgCjE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAcnE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,kCAanE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,kCAcjE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,kCAG3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,kCAQvE;AAED,wDAAwD;AACxD,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;CAC9C,kCAWA"}

package/dist/components/ui/command/command.js

@@ -81,6 +81,7 @@ function CommandDialog(props) {
 							return commandProps.label;
 						},
 						"cmdk-dialog": "",
+						role: "dialog",
 						get ["class"]() {
 							return cn("bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2", "overflow-hidden rounded-xl border border-border shadow-xl", "data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", local.class, local.contentClassName);
 						},

package/dist/components/ui/command/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","names":["CommandDialog","CmdkDialog","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandInput","CmdkInput","CommandItem","CmdkItem","CommandList","CmdkList","CommandLoading","CmdkLoading","CommandRoot","CmdkRoot","CommandSeparator","CmdkSeparator","useCommandState","Dialog","KobalteDialog","Search","ComponentProps","createEffect","createSignal","splitProps","createDialogFocusRestoration","menuItem","cn","commandItem","replace","Command","props","local","rest","_$createComponent","_$mergeProps","class","CommandDialogProps","Pick","Content","dialogProps","commandProps","isOpen","setIsOpen","open","defaultOpen","undefined","focus","onCloseAutoFocus","onOpenAutoFocus","onOpenChange","children","Portal","mount","container","Overlay","overlayClassName","aria-label","label","contentClassName","_el$","_tmpl$","_$insert","wrapper","setWrapper","HTMLDivElement","resultCount","state","filtered","count","root","selector","querySelector","setAttribute","_el$2","_tmpl$2","_$use","role","CommandShortcut","_el$3","_tmpl$3","_$effect","_$className","_$createComponent","CmdkRoot","_$mergeProps","KobalteDialog","CommandInput","CmdkInput","CommandList","CmdkList","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandItem","CmdkItem","CommandSeparator","CmdkSeparator","CommandLoading","CmdkLoading","_$className"],"sources":["../../../../src/components/ui/command/command.tsx"],"sourcesContent":["import {\n  CommandDialog as CmdkDialog,\n  CommandEmpty as CmdkEmpty,\n  CommandGroup as CmdkGroup,\n  CommandInput as CmdkInput,\n  CommandItem as CmdkItem,\n  CommandList as CmdkList,\n  CommandLoading as CmdkLoading,\n  CommandRoot as CmdkRoot,\n  CommandSeparator as CmdkSeparator,\n  useCommandState,\n} from 'cmdk-solid'\nimport { Dialog as KobalteDialog } from '@kobalte/core/dialog'\nimport { Search } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { createEffect, createSignal, splitProps } from 'solid-js'\nimport { createDialogFocusRestoration } from '../dialog/dialog'\nimport { menuItem } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n// cmdk emits data-disabled=\"false\" on enabled items, unlike the presence-only\n// attributes Kobalte menu rows use. Apply those shared disabled styles only when\n// cmdk's value is true.\nconst commandItem = menuItem\n  .replace('data-[disabled]:pointer-events-none', '')\n  .replace('data-[disabled]:text-muted-foreground', '')\n\n/**\n * Command.\n *\n * The command palette: a filtered list of everything the user can do, ranked\n * by fuzzy match. It is the one place in an app where a keyboard-first surface\n * is the *primary* one, so it carries rules the rest of the system does not:\n *\n *   - Every item must be reachable by typing its name. If a user has to\n *     remember which group it lives in, the palette has failed at its job.\n *   - Groups exist for reading, not for navigation. The ranking crosses them.\n *   - The empty state is not an apology — it should offer the closest thing\n *     the app could guess, or say plainly that nothing matched.\n *\n * cmdk-solid supplies the filter, the scoring, the `aria-activedescendant`\n * wiring and the arrow-key navigation.\n */\nexport function Command(props: ComponentProps<typeof CmdkRoot>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkRoot\n      class={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-xl',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\ntype CommandDialogProps = ComponentProps<typeof CmdkDialog> &\n  Pick<ComponentProps<typeof KobalteDialog.Content>, 'onCloseAutoFocus' | 'onOpenAutoFocus'>\n\nexport function CommandDialog(props: CommandDialogProps) {\n  // cmdk-solid's Dialog does not forward Content autofocus props: unknown\n  // props fall through to its Command root. Compose Kobalte's dialog surface\n  // here so Escape and other close paths can restore focus to the real opener.\n  // Preserve the shared wrapper's `class` contract on the dialog surface;\n  // `contentClassName` adds to it, while the nested Command keeps its own API.\n  const [local, dialogProps, commandProps] = splitProps(\n    props,\n    [\n      'class',\n      'contentClassName',\n      'overlayClassName',\n      'container',\n      'onCloseAutoFocus',\n      'onOpenAutoFocus',\n    ],\n    [\n      'open',\n      'defaultOpen',\n      'onOpenChange',\n      'id',\n      'modal',\n      'preventScroll',\n      'forceMount',\n      'translations',\n    ]\n  )\n  const [isOpen, setIsOpen] = createSignal(dialogProps.open ?? dialogProps.defaultOpen ?? false)\n\n  createEffect(() => {\n    if (dialogProps.open !== undefined) setIsOpen(dialogProps.open)\n  })\n\n  const focus = createDialogFocusRestoration({\n    open: isOpen,\n    onCloseAutoFocus: local.onCloseAutoFocus,\n    onOpenAutoFocus: local.onOpenAutoFocus,\n  })\n\n  return (\n    <KobalteDialog\n      {...dialogProps}\n      onOpenChange={(open) => {\n        setIsOpen(open)\n        dialogProps.onOpenChange?.(open)\n      }}\n    >\n      <KobalteDialog.Portal mount={local.container}>\n        <KobalteDialog.Overlay cmdk-overlay=\"\" class={local.overlayClassName} />\n        <KobalteDialog.Content\n          aria-label={commandProps.label}\n          cmdk-dialog=\"\"\n          class={cn(\n            'bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2',\n            'overflow-hidden rounded-xl border border-border shadow-xl',\n            'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n            'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n            local.class,\n            local.contentClassName\n          )}\n          onOpenAutoFocus={focus.onOpenAutoFocus}\n          onCloseAutoFocus={focus.onCloseAutoFocus}\n        >\n          <Command {...commandProps} />\n        </KobalteDialog.Content>\n      </KobalteDialog.Portal>\n    </KobalteDialog>\n  )\n}\n\nexport function CommandInput(props: ComponentProps<typeof CmdkInput>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      class=\"flex h-11 items-center gap-2 border-b border-border px-3\"\n    >\n      <Search class=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n      <CmdkInput\n        class={cn(\n          'h-full w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          local.class\n        )}\n        {...rest}\n      />\n    </div>\n  )\n}\n\n/**\n * The scrolling list.\n *\n * Two DOM corrections, and both are deliberate. cmdk builds a `role=\"listbox\"`\n * whose children include two elements ARIA does not allow there:\n *\n *   - a bare `<div cmdk-list-sizer>` with no role, wrapped around every group;\n *   - a `<div cmdk-separator role=\"separator\">`, and `separator` is a menu and\n *     toolbar role — inside a listbox the only owned elements may be `option`\n *     and `group`.\n *\n * Both are pure presentation: the sizer is layout, and the separator is a\n * hairline between groups that the groups already structure. `role=\"presentation\"`\n * is their accurate role rather than a workaround — each is flattened out of the\n * accessibility tree, and the options inside are reached exactly as before.\n *\n * Written onto the mounted nodes rather than through props, because cmdk owns\n * this markup and does not forward a `ref`; in an effect rather than `onMount`,\n * because cmdk renders the sizer with the first item, after the list itself.\n */\nexport function CommandList(props: ComponentProps<typeof CmdkList>) {\n  const [local, rest] = splitProps(props, ['class'])\n  const [wrapper, setWrapper] = createSignal<HTMLDivElement>()\n  const resultCount = useCommandState((state) => state.filtered.count)\n\n  createEffect(() => {\n    const root = wrapper()\n    if (!root) return\n    for (const selector of ['[cmdk-list-sizer]', '[cmdk-separator]']) {\n      root.querySelector(selector)?.setAttribute('role', 'presentation')\n    }\n\n    /*\n     * A `listbox` must own at least one `option`, so a listbox with nothing in it\n     * is invalid ARIA — which is what a search with no matches produces. When\n     * there are no results the list is inert, so it becomes presentational and\n     * the empty message carries the information instead. It keeps its `id`, so\n     * the input's `aria-controls` still resolves.\n     */\n    root\n      .querySelector('[cmdk-list]')\n      ?.setAttribute('role', resultCount() > 0 ? 'listbox' : 'presentation')\n  })\n\n  return (\n    <div ref={setWrapper} class=\"contents\">\n      <CmdkList\n        class={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden p-1', local.class)}\n        {...rest}\n      />\n    </div>\n  )\n}\n\nexport function CommandEmpty(props: ComponentProps<typeof CmdkEmpty>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkEmpty\n      /*\n       * A status rather than plain text: when the list is presentational, this is\n       * the only thing that tells a screen reader the search matched nothing.\n       */\n      role=\"status\"\n      class={cn('text-muted-foreground py-8 text-center text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandGroup(props: ComponentProps<typeof CmdkGroup>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkGroup\n      class={cn(\n        'text-foreground overflow-hidden p-1',\n        '[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-2xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-wide [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandItem(props: ComponentProps<typeof CmdkItem>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkItem\n      class={cn(\n        commandItem,\n        'data-[disabled=true]:pointer-events-none data-[disabled=true]:text-muted-foreground',\n        'group/command-item text-popover-foreground data-[selected=true]:bg-card data-[selected=true]:text-popover-foreground',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandSeparator(props: ComponentProps<typeof CmdkSeparator>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <CmdkSeparator class={cn('bg-border -mx-1 my-1 h-px', local.class)} {...rest} />\n}\n\nexport function CommandLoading(props: ComponentProps<typeof CmdkLoading>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <CmdkLoading\n      class={cn('text-muted-foreground py-6 text-center text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** The keyboard hint a palette item usually carries. */\nexport function CommandShortcut(props: {\n  class?: string\n  children?: ComponentProps<'span'>['children']\n}) {\n  return (\n    <span\n      class={cn(\n        'text-muted-foreground ms-auto font-mono text-2xs tracking-widest group-data-[selected=true]/command-item:text-foreground',\n        props.class\n      )}\n    >\n      {props.children}\n    </span>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"command.js","names":["CommandDialog","CmdkDialog","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandInput","CmdkInput","CommandItem","CmdkItem","CommandList","CmdkList","CommandLoading","CmdkLoading","CommandRoot","CmdkRoot","CommandSeparator","CmdkSeparator","useCommandState","Dialog","KobalteDialog","Search","ComponentProps","createEffect","createSignal","splitProps","createDialogFocusRestoration","menuItem","cn","commandItem","replace","Command","props","local","rest","_$createComponent","_$mergeProps","class","CommandDialogProps","Pick","Content","dialogProps","commandProps","isOpen","setIsOpen","open","defaultOpen","undefined","focus","onCloseAutoFocus","onOpenAutoFocus","onOpenChange","children","Portal","mount","container","Overlay","overlayClassName","aria-label","label","role","contentClassName","_el$","_tmpl$","_$insert","wrapper","setWrapper","HTMLDivElement","resultCount","state","filtered","count","root","selector","querySelector","setAttribute","_el$2","_tmpl$2","_$use","CommandShortcut","_el$3","_tmpl$3","_$effect","_$className","_$createComponent","CmdkRoot","_$mergeProps","KobalteDialog","CommandInput","CmdkInput","CommandList","CmdkList","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandItem","CmdkItem","CommandSeparator","CmdkSeparator","CommandLoading","CmdkLoading","_$className"],"sources":["../../../../src/components/ui/command/command.tsx"],"sourcesContent":["import {\n  CommandDialog as CmdkDialog,\n  CommandEmpty as CmdkEmpty,\n  CommandGroup as CmdkGroup,\n  CommandInput as CmdkInput,\n  CommandItem as CmdkItem,\n  CommandList as CmdkList,\n  CommandLoading as CmdkLoading,\n  CommandRoot as CmdkRoot,\n  CommandSeparator as CmdkSeparator,\n  useCommandState,\n} from 'cmdk-solid'\nimport { Dialog as KobalteDialog } from '@kobalte/core/dialog'\nimport { Search } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { createEffect, createSignal, splitProps } from 'solid-js'\nimport { createDialogFocusRestoration } from '../dialog/dialog'\nimport { menuItem } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n// cmdk emits data-disabled=\"false\" on enabled items, unlike the presence-only\n// attributes Kobalte menu rows use. Apply those shared disabled styles only when\n// cmdk's value is true.\nconst commandItem = menuItem\n  .replace('data-[disabled]:pointer-events-none', '')\n  .replace('data-[disabled]:text-muted-foreground', '')\n\n/**\n * Command.\n *\n * The command palette: a filtered list of everything the user can do, ranked\n * by fuzzy match. It is the one place in an app where a keyboard-first surface\n * is the *primary* one, so it carries rules the rest of the system does not:\n *\n *   - Every item must be reachable by typing its name. If a user has to\n *     remember which group it lives in, the palette has failed at its job.\n *   - Groups exist for reading, not for navigation. The ranking crosses them.\n *   - The empty state is not an apology — it should offer the closest thing\n *     the app could guess, or say plainly that nothing matched.\n *\n * cmdk-solid supplies the filter, the scoring, the `aria-activedescendant`\n * wiring and the arrow-key navigation.\n */\nexport function Command(props: ComponentProps<typeof CmdkRoot>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkRoot\n      class={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-xl',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\ntype CommandDialogProps = ComponentProps<typeof CmdkDialog> &\n  Pick<ComponentProps<typeof KobalteDialog.Content>, 'onCloseAutoFocus' | 'onOpenAutoFocus'>\n\nexport function CommandDialog(props: CommandDialogProps) {\n  // cmdk-solid's Dialog does not forward Content autofocus props: unknown\n  // props fall through to its Command root. Compose Kobalte's dialog surface\n  // here so Escape and other close paths can restore focus to the real opener.\n  // Preserve the shared wrapper's `class` contract on the dialog surface;\n  // `contentClassName` adds to it, while the nested Command keeps its own API.\n  const [local, dialogProps, commandProps] = splitProps(\n    props,\n    [\n      'class',\n      'contentClassName',\n      'overlayClassName',\n      'container',\n      'onCloseAutoFocus',\n      'onOpenAutoFocus',\n    ],\n    [\n      'open',\n      'defaultOpen',\n      'onOpenChange',\n      'id',\n      'modal',\n      'preventScroll',\n      'forceMount',\n      'translations',\n    ]\n  )\n  const [isOpen, setIsOpen] = createSignal(dialogProps.open ?? dialogProps.defaultOpen ?? false)\n\n  createEffect(() => {\n    if (dialogProps.open !== undefined) setIsOpen(dialogProps.open)\n  })\n\n  const focus = createDialogFocusRestoration({\n    open: isOpen,\n    onCloseAutoFocus: local.onCloseAutoFocus,\n    onOpenAutoFocus: local.onOpenAutoFocus,\n  })\n\n  return (\n    <KobalteDialog\n      {...dialogProps}\n      onOpenChange={(open) => {\n        setIsOpen(open)\n        dialogProps.onOpenChange?.(open)\n      }}\n    >\n      <KobalteDialog.Portal mount={local.container}>\n        <KobalteDialog.Overlay cmdk-overlay=\"\" class={local.overlayClassName} />\n        <KobalteDialog.Content\n          aria-label={commandProps.label}\n          cmdk-dialog=\"\"\n          role=\"dialog\"\n          class={cn(\n            'bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2',\n            'overflow-hidden rounded-xl border border-border shadow-xl',\n            'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n            'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n            local.class,\n            local.contentClassName\n          )}\n          onOpenAutoFocus={focus.onOpenAutoFocus}\n          onCloseAutoFocus={focus.onCloseAutoFocus}\n        >\n          <Command {...commandProps} />\n        </KobalteDialog.Content>\n      </KobalteDialog.Portal>\n    </KobalteDialog>\n  )\n}\n\nexport function CommandInput(props: ComponentProps<typeof CmdkInput>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      class=\"flex h-11 items-center gap-2 border-b border-border px-3\"\n    >\n      <Search class=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n      <CmdkInput\n        class={cn(\n          'h-full w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          local.class\n        )}\n        {...rest}\n      />\n    </div>\n  )\n}\n\n/**\n * The scrolling list.\n *\n * Two DOM corrections, and both are deliberate. cmdk builds a `role=\"listbox\"`\n * whose children include two elements ARIA does not allow there:\n *\n *   - a bare `<div cmdk-list-sizer>` with no role, wrapped around every group;\n *   - a `<div cmdk-separator role=\"separator\">`, and `separator` is a menu and\n *     toolbar role — inside a listbox the only owned elements may be `option`\n *     and `group`.\n *\n * Both are pure presentation: the sizer is layout, and the separator is a\n * hairline between groups that the groups already structure. `role=\"presentation\"`\n * is their accurate role rather than a workaround — each is flattened out of the\n * accessibility tree, and the options inside are reached exactly as before.\n *\n * Written onto the mounted nodes rather than through props, because cmdk owns\n * this markup and does not forward a `ref`; in an effect rather than `onMount`,\n * because cmdk renders the sizer with the first item, after the list itself.\n */\nexport function CommandList(props: ComponentProps<typeof CmdkList>) {\n  const [local, rest] = splitProps(props, ['class'])\n  const [wrapper, setWrapper] = createSignal<HTMLDivElement>()\n  const resultCount = useCommandState((state) => state.filtered.count)\n\n  createEffect(() => {\n    const root = wrapper()\n    if (!root) return\n    for (const selector of ['[cmdk-list-sizer]', '[cmdk-separator]']) {\n      root.querySelector(selector)?.setAttribute('role', 'presentation')\n    }\n\n    /*\n     * A `listbox` must own at least one `option`, so a listbox with nothing in it\n     * is invalid ARIA — which is what a search with no matches produces. When\n     * there are no results the list is inert, so it becomes presentational and\n     * the empty message carries the information instead. It keeps its `id`, so\n     * the input's `aria-controls` still resolves.\n     */\n    root\n      .querySelector('[cmdk-list]')\n      ?.setAttribute('role', resultCount() > 0 ? 'listbox' : 'presentation')\n  })\n\n  return (\n    <div ref={setWrapper} class=\"contents\">\n      <CmdkList\n        class={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden p-1', local.class)}\n        {...rest}\n      />\n    </div>\n  )\n}\n\nexport function CommandEmpty(props: ComponentProps<typeof CmdkEmpty>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkEmpty\n      /*\n       * A status rather than plain text: when the list is presentational, this is\n       * the only thing that tells a screen reader the search matched nothing.\n       */\n      role=\"status\"\n      class={cn('text-muted-foreground py-8 text-center text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandGroup(props: ComponentProps<typeof CmdkGroup>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkGroup\n      class={cn(\n        'text-foreground overflow-hidden p-1',\n        '[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-2xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-wide [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandItem(props: ComponentProps<typeof CmdkItem>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkItem\n      class={cn(\n        commandItem,\n        'data-[disabled=true]:pointer-events-none data-[disabled=true]:text-muted-foreground',\n        'group/command-item text-popover-foreground data-[selected=true]:bg-card data-[selected=true]:text-popover-foreground',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandSeparator(props: ComponentProps<typeof CmdkSeparator>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <CmdkSeparator class={cn('bg-border -mx-1 my-1 h-px', local.class)} {...rest} />\n}\n\nexport function CommandLoading(props: ComponentProps<typeof CmdkLoading>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <CmdkLoading\n      class={cn('text-muted-foreground py-6 text-center text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** The keyboard hint a palette item usually carries. */\nexport function CommandShortcut(props: {\n  class?: string\n  children?: ComponentProps<'span'>['children']\n}) {\n  return (\n    <span\n      class={cn(\n        'text-muted-foreground ms-auto font-mono text-2xs tracking-widest group-data-[selected=true]/command-item:text-foreground',\n        props.class\n      )}\n    >\n      {props.children}\n    </span>\n  )\n}\n"],"mappings":"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"}

package/dist/r/src/components/composites/action-button/action-button.tsx

@@ -1,4 +1,11 @@
-import { Show, splitProps, type ComponentProps, type JSX, type ValidComponent } from 'solid-js'
+import {
+  Show,
+  createSignal,
+  splitProps,
+  type ComponentProps,
+  type JSX,
+  type ValidComponent,
+} from 'solid-js'
 import { Button, type ButtonProps } from '../../ui/button'
 import { Spinner } from '../../ui/spinner'
 import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip'
@@ -27,7 +34,28 @@ export type ActionButtonProps<T extends ValidComponent = 'button'> = ButtonProps
   busyLabel?: string
 }
 
-function guardedClick(handler: unknown, disabled: () => boolean) {
+function invokeHandler(handler: unknown, event: Event) {
+  if (Array.isArray(handler)) {
+    const [callback, data] = handler as [(data: unknown, event: Event) => void, unknown]
+    callback(data, event)
+  } else if (typeof handler === 'function') {
+    const callback = handler as (event: Event) => void
+    callback(event)
+  }
+}
+
+function chainedHandler(handler: unknown, before: (event: Event) => void) {
+  return (event: Event) => {
+    before(event)
+    invokeHandler(handler, event)
+  }
+}
+
+function guardedClick(
+  handler: unknown,
+  disabled: () => boolean,
+  onActivate: (event: MouseEvent) => void = () => {}
+) {
   return (event: MouseEvent) => {
     if (disabled()) {
       event.preventDefault()
@@ -35,13 +63,8 @@ function guardedClick(handler: unknown, disabled: () => boolean) {
       return
     }
 
-    if (Array.isArray(handler)) {
-      const [callback, data] = handler as [(data: unknown, event: MouseEvent) => void, unknown]
-      callback(data, event)
-    } else if (typeof handler === 'function') {
-      const callback = handler as (event: MouseEvent) => void
-      callback(event)
-    }
+    onActivate(event)
+    invokeHandler(handler, event)
   }
 }
 
@@ -73,6 +96,8 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
   const busy = () => local.busy ?? false
   const disabled = () => busy() || !!local.disabled
   const busyStatus = () => local.busyLabel ?? 'Working'
+  const [tooltipOpen, setTooltipOpen] = createSignal(false)
+  const [tooltipSuppression, setTooltipSuppression] = createSignal<'pointer' | 'focus' | null>(null)
   const onClickCapture = (rest as { onClickCapture?: unknown }).onClickCapture
   const PolymorphicButton = Button as (buttonProps: ButtonProps<T>) => JSX.Element
   const PolymorphicButtonTarget = ButtonTarget as (targetProps: ButtonTargetProps<T>) => JSX.Element
@@ -90,7 +115,17 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
     role: local.as === 'a' && disabled() ? 'link' : rest.role,
     href: local.as === 'a' && disabled() ? undefined : (rest as { href?: string }).href,
     'aria-busy': busy() || local['aria-busy'],
-    onClick: guardedClick(rest.onClick, disabled),
+    onClick: guardedClick(rest.onClick, disabled, (event) => {
+      if (!local.tooltip) return
+      setTooltipSuppression(event.detail > 0 ? 'pointer' : 'focus')
+      setTooltipOpen(false)
+    }),
+    onPointerLeave: chainedHandler(rest.onPointerLeave, () => {
+      if (tooltipSuppression() === 'pointer') setTooltipSuppression(null)
+    }),
+    onBlur: chainedHandler(rest.onBlur, () => {
+      if (tooltipSuppression() === 'focus') setTooltipSuppression(null)
+    }),
     onClickCapture: onClickCapture ? guardedClick(onClickCapture, disabled) : undefined,
     'on:click': guardedClick((rest as Record<string, unknown>)['on:click'], disabled),
     'oncapture:click': guardedClick((rest as Record<string, unknown>)['oncapture:click'], disabled),
@@ -118,7 +153,13 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
           </PolymorphicButton>
         }
       >
-        <Tooltip>
+        <Tooltip
+          open={tooltipOpen()}
+          onOpenChange={(open) => {
+            if (open && tooltipSuppression()) return
+            setTooltipOpen(open)
+          }}
+        >
           <TooltipTrigger
             as={PolymorphicButtonTarget}
             {...(buttonProps() as unknown as ComponentProps<typeof PolymorphicButtonTarget>)}

package/dist/r/src/components/ui/command/command.tsx

@@ -110,6 +110,7 @@ export function CommandDialog(props: CommandDialogProps) {
         <KobalteDialog.Content
           aria-label={commandProps.label}
           cmdk-dialog=""
+          role="dialog"
           class={cn(
             'bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2',
             'overflow-hidden rounded-xl border border-border shadow-xl',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adea-ai/ui",
-  "version": "0.83.0",
+  "version": "0.83.1",
   "description": "The Adea design system: Kobalte-backed Solid components, semantic OKLCH tokens, and the app-shell layout primitives shared by Adea and Cortana.",
   "keywords": [
     "adea",

package/src/components/composites/action-button/action-button.tsx

@@ -1,4 +1,11 @@
-import { Show, splitProps, type ComponentProps, type JSX, type ValidComponent } from 'solid-js'
+import {
+  Show,
+  createSignal,
+  splitProps,
+  type ComponentProps,
+  type JSX,
+  type ValidComponent,
+} from 'solid-js'
 import { Button, type ButtonProps } from '../../ui/button'
 import { Spinner } from '../../ui/spinner'
 import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip'
@@ -27,7 +34,28 @@ export type ActionButtonProps<T extends ValidComponent = 'button'> = ButtonProps
   busyLabel?: string
 }
 
-function guardedClick(handler: unknown, disabled: () => boolean) {
+function invokeHandler(handler: unknown, event: Event) {
+  if (Array.isArray(handler)) {
+    const [callback, data] = handler as [(data: unknown, event: Event) => void, unknown]
+    callback(data, event)
+  } else if (typeof handler === 'function') {
+    const callback = handler as (event: Event) => void
+    callback(event)
+  }
+}
+
+function chainedHandler(handler: unknown, before: (event: Event) => void) {
+  return (event: Event) => {
+    before(event)
+    invokeHandler(handler, event)
+  }
+}
+
+function guardedClick(
+  handler: unknown,
+  disabled: () => boolean,
+  onActivate: (event: MouseEvent) => void = () => {}
+) {
   return (event: MouseEvent) => {
     if (disabled()) {
       event.preventDefault()
@@ -35,13 +63,8 @@ function guardedClick(handler: unknown, disabled: () => boolean) {
       return
     }
 
-    if (Array.isArray(handler)) {
-      const [callback, data] = handler as [(data: unknown, event: MouseEvent) => void, unknown]
-      callback(data, event)
-    } else if (typeof handler === 'function') {
-      const callback = handler as (event: MouseEvent) => void
-      callback(event)
-    }
+    onActivate(event)
+    invokeHandler(handler, event)
   }
 }
 
@@ -73,6 +96,8 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
   const busy = () => local.busy ?? false
   const disabled = () => busy() || !!local.disabled
   const busyStatus = () => local.busyLabel ?? 'Working'
+  const [tooltipOpen, setTooltipOpen] = createSignal(false)
+  const [tooltipSuppression, setTooltipSuppression] = createSignal<'pointer' | 'focus' | null>(null)
   const onClickCapture = (rest as { onClickCapture?: unknown }).onClickCapture
   const PolymorphicButton = Button as (buttonProps: ButtonProps<T>) => JSX.Element
   const PolymorphicButtonTarget = ButtonTarget as (targetProps: ButtonTargetProps<T>) => JSX.Element
@@ -90,7 +115,17 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
     role: local.as === 'a' && disabled() ? 'link' : rest.role,
     href: local.as === 'a' && disabled() ? undefined : (rest as { href?: string }).href,
     'aria-busy': busy() || local['aria-busy'],
-    onClick: guardedClick(rest.onClick, disabled),
+    onClick: guardedClick(rest.onClick, disabled, (event) => {
+      if (!local.tooltip) return
+      setTooltipSuppression(event.detail > 0 ? 'pointer' : 'focus')
+      setTooltipOpen(false)
+    }),
+    onPointerLeave: chainedHandler(rest.onPointerLeave, () => {
+      if (tooltipSuppression() === 'pointer') setTooltipSuppression(null)
+    }),
+    onBlur: chainedHandler(rest.onBlur, () => {
+      if (tooltipSuppression() === 'focus') setTooltipSuppression(null)
+    }),
     onClickCapture: onClickCapture ? guardedClick(onClickCapture, disabled) : undefined,
     'on:click': guardedClick((rest as Record<string, unknown>)['on:click'], disabled),
     'oncapture:click': guardedClick((rest as Record<string, unknown>)['oncapture:click'], disabled),
@@ -118,7 +153,13 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
           </PolymorphicButton>
         }
       >
-        <Tooltip>
+        <Tooltip
+          open={tooltipOpen()}
+          onOpenChange={(open) => {
+            if (open && tooltipSuppression()) return
+            setTooltipOpen(open)
+          }}
+        >
           <TooltipTrigger
             as={PolymorphicButtonTarget}
             {...(buttonProps() as unknown as ComponentProps<typeof PolymorphicButtonTarget>)}

package/src/components/ui/command/command.tsx

@@ -110,6 +110,7 @@ export function CommandDialog(props: CommandDialogProps) {
         <KobalteDialog.Content
           aria-label={commandProps.label}
           cmdk-dialog=""
+          role="dialog"
           class={cn(
             'bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2',
             'overflow-hidden rounded-xl border border-border shadow-xl',