@adea-ai/ui 0.94.0 → 0.95.1

package/README.md

@@ -402,7 +402,8 @@ Square icon controls use the control-height tokens through the Tailwind `--size`
 mapping; `--spacing-control-*` remains the separate inline-padding ladder.
 Text controls, icon buttons and toggles share the same height in both densities.
 Dimensions remain rem-based and follow the consumer's root font size. The browser
-geometry lane checks all six rungs, heights and padding under both themes/densities.
+geometry lane checks the standard density rungs, heights and padding under both
+themes/densities; the `2xl` touch target remains 48px under compact density.
 
 `BusySendButton` translates KiroCrew's split fire/mode-picker composition. Pass
 controlled `mode`, `onModeChange` and `onFire`. `disabled` prevents firing while
@@ -413,6 +414,47 @@ when the host implements the described keyboard chord. The component adds no
 keyboard chord, preference storage, runtime command or queue. Persistence and
 same-session preference synchronization remain application-owned.
 
+## Scene controls
+
+`SceneControls` composes movement, jump and optional zoom actions for a host
+scene. `onMovementChange(direction, pressed)` and `onJumpChange(pressed)` report
+held state from pointer or keyboard input; zoom callbacks fire once per
+activation. The shared controls capture pointers and release held actions on
+pointer end/cancel, lost capture, window blur and component cleanup. The host
+maps these typed callbacks to its own camera or movement system; the component
+does not synthesize keyboard events or access host globals. Each icon action
+uses the shared tooltip and a `2xl` 48px target that stays that size under
+compact density. Rounded movement and zoom group surfaces use the shared
+scrim treatment, which follows the library's reduced-transparency and fallback
+policy.
+
+```tsx
+import { SceneControls } from '@adea-ai/ui/components/composites/scene-controls'
+
+;<SceneControls
+  onMovementChange={(direction, pressed) => setMovement(direction, pressed)}
+  onJumpChange={(pressed) => setJumping(pressed)}
+  onZoomIn={zoomIn}
+  onZoomOut={zoomOut}
+/>
+```
+
+Labels default to English and can be supplied through `labels` for a host's
+locale. Hold actions have separate accessible names and explanatory tooltip
+strings so localization can describe the gesture without changing the action
+name. `SceneControls` owns control arrangement and interaction lifecycle;
+the host owns placement, persistence and scene behavior.
+
+After building, `bun run check:packed-scene-controls` verifies the installed npm
+archive under both compiled and Solid export conditions. It reuses the
+SceneControls and ActionButton consumer fixtures to check held callback release,
+localized labels, keyboard and pointer cleanup, and the opt-in touch target at
+320px and 200% text. It also checks packed type declarations, license/NOTICE,
+native Node SSR, module separation, and the existing 40 KiB gzip / 32 KiB CSS
+control budgets. The ActionButton fixture with menus and popovers uses the
+existing 38 KiB gzip / 40 KiB CSS overlay budgets. These packed consumer checks
+do not replace product-level native-device acceptance.
+
 Kobalte owns the menu and focus lifecycle. Its Tab prevention lacks row cycling,
 so a menu-scoped donor translation cycles enabled rows without a document listener.
 Stories cover before-typing, working,

package/dist/NOTICE

@@ -451,6 +451,16 @@ excluded. Its distinct `/apps/library` core-app launchpad is also excluded:
 this selected unit is the external verified plugin marketplace adapter, while
 Adea's #757 App Library remains a separate core-view and rail-management flow.
 
+## Scene controls adapted from Adea
+
+`packages/ui/src/components/composites/scene-controls/scene-controls.tsx` adapts
+the d-pad, jump and zoom composition, rounded scrim grouping surfaces and held-input lifecycle from
+`packages/ui/src/components/on-screen-controls.tsx` in the Adea application
+repository (https://github.com/adea-ai/adea), licensed under Apache-2.0.
+The grouping uses the shared `glass-scrim` policy and 48px button variant. The
+component reports typed pressed/released callbacks; it does not copy the host's
+synthetic keyboard events, scene placement or camera behavior.
+
 ## Windowed tree row composition translated from Terax
 
 `packages/ui/src/components/composites/tree/` translates the file-row hierarchy

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,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,eAsG5F"}
+{"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,eAwG5F"}

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

@@ -40,6 +40,7 @@ function ActionButton(props) {
 		"as",
 		"variant",
 		"size",
+		"touchTarget",
 		"class",
 		"children",
 		"disabled",
@@ -61,6 +62,7 @@ function ActionButton(props) {
 		...rest,
 		variant: local.variant,
 		size: local.size,
+		touchTarget: local.touchTarget,
 		class: [local.class, local.tooltip && disabled() && "aria-disabled:pointer-events-auto"].filter(Boolean).join(" "),
 		disabled: disabled() && !local.tooltip,
 		"aria-disabled": disabled() ? true : rest["aria-disabled"],

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

@@ -1 +1 @@
-{"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","undefined","role","href","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    // Make tooltip-bearing native controls explicit tab stops in WebKit configurations that\n    // otherwise skip implicit button stops. A caller's tabIndex remains authoritative.\n    tabIndex:\n      rest.tabIndex ??\n      (local.as === 'a' && disabled() ? (local.tooltip ? 0 : -1) : local.tooltip ? 0 : undefined),\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;EAG1CsB,UACEtB,KAAKsB,aACJvB,MAAMO,OAAO,OAAOjB,SAAS,IAAKU,MAAMzB,UAAU,IAAI,KAAMyB,MAAMzB,UAAU,IAAIiD,KAAAA;EACnFC,MAAMzB,MAAMO,OAAO,OAAOjB,SAAS,IAAI,SAASW,KAAKwB;EACrDC,MAAM1B,MAAMO,OAAO,OAAOjB,SAAS,IAAIkC,KAAAA,IAAavB,KAA2ByB;EAC/E,aAAajD,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,IAAIkC,KAAAA;EAC1E,YAAYnC,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"}
+{"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","touchTarget","class","filter","Boolean","join","tabIndex","undefined","role","href","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    'touchTarget',\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    touchTarget: local.touchTarget,\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    // Make tooltip-bearing native controls explicit tab stops in WebKit configurations that\n    // otherwise skip implicit button stops. A caller's tabIndex remains authoritative.\n    tabIndex:\n      rest.tabIndex ??\n      (local.as === 'a' && disabled() ? (local.tooltip ? 0 : -1) : local.tooltip ? 0 : undefined),\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":"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"}

package/dist/components/composites/scene-controls/index.d.ts

@@ -0,0 +1,3 @@
+/** Shared host-neutral scene movement, jump and zoom controls. */
+export { SceneControls, type SceneControlLabels, type SceneControlsProps, type SceneMovementDirection, } from './scene-controls';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/scene-controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/scene-controls/index.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,GAC5B,MAAM,kBAAkB,CAAA"}

package/dist/components/composites/scene-controls/index.js

@@ -0,0 +1,2 @@
+import { SceneControls } from "./scene-controls.js";
+export { SceneControls };

package/dist/components/composites/scene-controls/scene-controls.d.ts

@@ -0,0 +1,41 @@
+import { type JSX } from 'solid-js';
+/** A host-neutral direction reported while a movement control is held. */
+export type SceneMovementDirection = 'forward' | 'left' | 'backward' | 'right';
+/** Accessible names and tooltip text for the shared scene controls. */
+export type SceneControlLabels = {
+    movementGroup: string;
+    forward: string;
+    forwardTooltip: string;
+    left: string;
+    leftTooltip: string;
+    backward: string;
+    backwardTooltip: string;
+    right: string;
+    rightTooltip: string;
+    jump: string;
+    jumpTooltip: string;
+    zoomGroup: string;
+    zoomOut: string;
+    zoomIn: string;
+};
+export type SceneControlsProps = {
+    /** Called on the transition into and out of each held movement direction. */
+    onMovementChange?: (direction: SceneMovementDirection, pressed: boolean) => void;
+    /** Called when the jump action becomes pressed or released. */
+    onJumpChange?: (pressed: boolean) => void;
+    /** Called once when zoom in is activated. */
+    onZoomIn?: () => void;
+    /** Called once when zoom out is activated. */
+    onZoomOut?: () => void;
+    /** Override the default English accessible names and tooltip copy. */
+    labels?: Partial<SceneControlLabels>;
+};
+/**
+ * Shared movement, jump and zoom controls for a host-rendered scene.
+ *
+ * Movement and jump callbacks receive pressed/released state from pointer and
+ * keyboard input. Zoom callbacks fire on activation. The host owns positioning,
+ * scene state and camera behavior.
+ */
+export declare function SceneControls(props: SceneControlsProps): JSX.Element;
+//# sourceMappingURL=scene-controls.d.ts.map

package/dist/components/composites/scene-controls/scene-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/scene-controls/scene-controls.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiC,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAGlE,0EAA0E;AAC1E,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAA;AAE9E,uEAAuE;AACvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAsBD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAChF,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACzC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;CACrC,CAAA;AAmHD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAuGtD"}

package/dist/components/composites/scene-controls/scene-controls.js

@@ -0,0 +1,291 @@
+import { ActionButton } from "../action-button/action-button.js";
+import { createComponent, effect, insert, setAttribute, template } from "solid-js/web";
+import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ZoomIn, ZoomOut } from "lucide-solid";
+import { Show, createSignal, onCleanup } from "solid-js";
+//#region src/components/composites/scene-controls/scene-controls.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div role=group class="glass-scrim grid min-w-0 max-w-full grid-cols-3 gap-1.5 rounded-3xl p-2"><span aria-hidden=true></span><span aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div role=group class="glass-scrim flex min-w-0 max-w-full flex-wrap gap-1.5 rounded-2xl p-1.5">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class="flex min-w-0 max-w-full flex-wrap items-end gap-3"><div class="ml-auto flex min-w-0 max-w-full flex-col items-end gap-2">`);
+var DEFAULT_LABELS = {
+	movementGroup: "Scene movement controls",
+	forward: "Move forward",
+	forwardTooltip: "Hold to move forward",
+	left: "Move left",
+	leftTooltip: "Hold to move left",
+	backward: "Move backward",
+	backwardTooltip: "Hold to move backward",
+	right: "Move right",
+	rightTooltip: "Hold to move right",
+	jump: "Jump",
+	jumpTooltip: "Hold to jump",
+	zoomGroup: "Camera zoom",
+	zoomOut: "Zoom out",
+	zoomIn: "Zoom in"
+};
+var pointerSource = (pointerId) => `pointer:${pointerId}`;
+var keySource = (key) => `key:${key}`;
+/**
+* A held action that reports one down/up pair across pointer and keyboard input.
+*
+* The arrangement, rounded scrim group surfaces and release policy translate
+* Adea's on-screen scene controls; host key synthesis and scene APIs are replaced
+* by callbacks.
+*/
+function HoldAction(props) {
+	const [pressed, setPressed] = createSignal(false);
+	const sources = /* @__PURE__ */ new Set();
+	let activeChangeCallback;
+	const press = (source) => {
+		if (sources.has(source)) return;
+		const wasPressed = sources.size > 0;
+		sources.add(source);
+		if (!wasPressed) {
+			setPressed(true);
+			activeChangeCallback = props.createChangeCallback();
+			activeChangeCallback(true);
+		}
+	};
+	const release = (source) => {
+		if (!sources.delete(source) || sources.size > 0) return;
+		setPressed(false);
+		const callback = activeChangeCallback;
+		activeChangeCallback = void 0;
+		callback?.(false);
+	};
+	const releaseAll = () => {
+		if (sources.size === 0) return;
+		sources.clear();
+		setPressed(false);
+		const callback = activeChangeCallback;
+		activeChangeCallback = void 0;
+		callback?.(false);
+	};
+	const onWindowPointerUp = (event) => release(pointerSource(event.pointerId));
+	const onWindowBlur = () => releaseAll();
+	if (typeof window !== "undefined") {
+		window.addEventListener("pointerup", onWindowPointerUp);
+		window.addEventListener("blur", onWindowBlur);
+	}
+	onCleanup(() => {
+		releaseAll();
+		if (typeof window !== "undefined") {
+			window.removeEventListener("pointerup", onWindowPointerUp);
+			window.removeEventListener("blur", onWindowBlur);
+		}
+	});
+	return createComponent(ActionButton, {
+		type: "button",
+		variant: "secondary",
+		size: "icon-2xl",
+		get ["aria-label"]() {
+			return props.label;
+		},
+		get ["aria-pressed"]() {
+			return pressed();
+		},
+		get tooltip() {
+			return props.tooltip;
+		},
+		"class": "touch-none select-none",
+		onContextMenu: (event) => event.preventDefault(),
+		onPointerDown: (event) => {
+			if (event.button !== 0) return;
+			event.preventDefault();
+			const source = pointerSource(event.pointerId);
+			if (sources.has(source)) return;
+			try {
+				event.currentTarget.setPointerCapture(event.pointerId);
+			} catch {}
+			press(source);
+		},
+		onPointerUp: (event) => release(pointerSource(event.pointerId)),
+		onPointerCancel: (event) => release(pointerSource(event.pointerId)),
+		onLostPointerCapture: (event) => release(pointerSource(event.pointerId)),
+		onKeyDown: (event) => {
+			if (event.key !== " " && event.key !== "Enter") return;
+			event.preventDefault();
+			press(keySource(event.key));
+		},
+		onKeyUp: (event) => {
+			if (event.key !== " " && event.key !== "Enter") return;
+			event.preventDefault();
+			release(keySource(event.key));
+		},
+		onBlur: releaseAll,
+		onClick: (event) => {
+			if (event.detail !== 0 || sources.size > 0) return;
+			press("activation");
+			release("activation");
+		},
+		get children() {
+			return props.children;
+		}
+	});
+}
+/**
+* Shared movement, jump and zoom controls for a host-rendered scene.
+*
+* Movement and jump callbacks receive pressed/released state from pointer and
+* keyboard input. Zoom callbacks fire on activation. The host owns positioning,
+* scene state and camera behavior.
+*/
+function SceneControls(props) {
+	const labels = () => ({
+		...DEFAULT_LABELS,
+		...props.labels
+	});
+	return (() => {
+		var _el$ = _tmpl$3(), _el$5 = _el$.firstChild;
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.onMovementChange;
+			},
+			get children() {
+				var _el$2 = _tmpl$(), _el$4 = _el$2.firstChild.nextSibling;
+				insert(_el$2, createComponent(HoldAction, {
+					get label() {
+						return labels().forward;
+					},
+					get tooltip() {
+						return labels().forwardTooltip;
+					},
+					createChangeCallback: () => {
+						const callback = props.onMovementChange;
+						return (pressed) => callback?.("forward", pressed);
+					},
+					get children() {
+						return createComponent(ArrowUp, { "aria-hidden": "true" });
+					}
+				}), _el$4);
+				insert(_el$2, createComponent(HoldAction, {
+					get label() {
+						return labels().left;
+					},
+					get tooltip() {
+						return labels().leftTooltip;
+					},
+					createChangeCallback: () => {
+						const callback = props.onMovementChange;
+						return (pressed) => callback?.("left", pressed);
+					},
+					get children() {
+						return createComponent(ArrowLeft, { "aria-hidden": "true" });
+					}
+				}), null);
+				insert(_el$2, createComponent(HoldAction, {
+					get label() {
+						return labels().backward;
+					},
+					get tooltip() {
+						return labels().backwardTooltip;
+					},
+					createChangeCallback: () => {
+						const callback = props.onMovementChange;
+						return (pressed) => callback?.("backward", pressed);
+					},
+					get children() {
+						return createComponent(ArrowDown, { "aria-hidden": "true" });
+					}
+				}), null);
+				insert(_el$2, createComponent(HoldAction, {
+					get label() {
+						return labels().right;
+					},
+					get tooltip() {
+						return labels().rightTooltip;
+					},
+					createChangeCallback: () => {
+						const callback = props.onMovementChange;
+						return (pressed) => callback?.("right", pressed);
+					},
+					get children() {
+						return createComponent(ArrowRight, { "aria-hidden": "true" });
+					}
+				}), null);
+				effect(() => setAttribute(_el$2, "aria-label", labels().movementGroup));
+				return _el$2;
+			}
+		}), _el$5);
+		insert(_el$5, createComponent(Show, {
+			get when() {
+				return props.onZoomIn || props.onZoomOut;
+			},
+			get children() {
+				var _el$6 = _tmpl$2();
+				insert(_el$6, createComponent(Show, {
+					get when() {
+						return props.onZoomOut;
+					},
+					get children() {
+						return createComponent(ActionButton, {
+							type: "button",
+							variant: "secondary",
+							size: "icon-2xl",
+							get ["aria-label"]() {
+								return labels().zoomOut;
+							},
+							get tooltip() {
+								return labels().zoomOut;
+							},
+							onClick: () => props.onZoomOut?.(),
+							get children() {
+								return createComponent(ZoomOut, { "aria-hidden": "true" });
+							}
+						});
+					}
+				}), null);
+				insert(_el$6, createComponent(Show, {
+					get when() {
+						return props.onZoomIn;
+					},
+					get children() {
+						return createComponent(ActionButton, {
+							type: "button",
+							variant: "secondary",
+							size: "icon-2xl",
+							get ["aria-label"]() {
+								return labels().zoomIn;
+							},
+							get tooltip() {
+								return labels().zoomIn;
+							},
+							onClick: () => props.onZoomIn?.(),
+							get children() {
+								return createComponent(ZoomIn, { "aria-hidden": "true" });
+							}
+						});
+					}
+				}), null);
+				effect(() => setAttribute(_el$6, "aria-label", labels().zoomGroup));
+				return _el$6;
+			}
+		}), null);
+		insert(_el$5, createComponent(Show, {
+			get when() {
+				return props.onJumpChange;
+			},
+			get children() {
+				return createComponent(HoldAction, {
+					get label() {
+						return labels().jump;
+					},
+					get tooltip() {
+						return labels().jumpTooltip;
+					},
+					createChangeCallback: () => {
+						const callback = props.onJumpChange;
+						return (pressed) => callback?.(pressed);
+					},
+					get children() {
+						return createComponent(ArrowUp, { "aria-hidden": "true" });
+					}
+				});
+			}
+		}), null);
+		return _el$;
+	})();
+}
+//#endregion
+export { SceneControls };
+
+//# sourceMappingURL=scene-controls.js.map

package/dist/components/composites/scene-controls/scene-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scene-controls.js","names":["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","ZoomIn","ZoomOut","createSignal","onCleanup","Show","JSX","ActionButton","SceneMovementDirection","SceneControlLabels","movementGroup","forward","forwardTooltip","left","leftTooltip","backward","backwardTooltip","right","rightTooltip","jump","jumpTooltip","zoomGroup","zoomOut","zoomIn","DEFAULT_LABELS","pointerSource","pointerId","keySource","key","SceneControlsProps","onMovementChange","direction","pressed","onJumpChange","onZoomIn","onZoomOut","labels","Partial","HoldActionProps","label","tooltip","createChangeCallback","children","Element","HoldAction","props","setPressed","sources","Set","activeChangeCallback","press","source","has","wasPressed","size","add","release","delete","callback","undefined","releaseAll","clear","onWindowPointerUp","event","PointerEvent","onWindowBlur","window","addEventListener","removeEventListener","_$createComponent","type","variant","aria-label","aria-pressed","onContextMenu","preventDefault","onPointerDown","button","currentTarget","setPointerCapture","onPointerUp","onPointerCancel","onLostPointerCapture","onKeyDown","onKeyUp","onBlur","onClick","detail","SceneControls","_el$","_tmpl$3","_el$5","firstChild","_$insert","when","_el$2","_tmpl$","_el$3","_el$4","nextSibling","_$effect","_$setAttribute","_el$6","_tmpl$2","_$createComponent","_$setAttribute"],"sources":["../../../../src/components/composites/scene-controls/scene-controls.tsx"],"sourcesContent":["import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ZoomIn, ZoomOut } from 'lucide-solid'\nimport { createSignal, onCleanup, Show, type JSX } from 'solid-js'\nimport { ActionButton } from '../action-button'\n\n/** A host-neutral direction reported while a movement control is held. */\nexport type SceneMovementDirection = 'forward' | 'left' | 'backward' | 'right'\n\n/** Accessible names and tooltip text for the shared scene controls. */\nexport type SceneControlLabels = {\n  movementGroup: string\n  forward: string\n  forwardTooltip: string\n  left: string\n  leftTooltip: string\n  backward: string\n  backwardTooltip: string\n  right: string\n  rightTooltip: string\n  jump: string\n  jumpTooltip: string\n  zoomGroup: string\n  zoomOut: string\n  zoomIn: string\n}\n\nconst DEFAULT_LABELS: SceneControlLabels = {\n  movementGroup: 'Scene movement controls',\n  forward: 'Move forward',\n  forwardTooltip: 'Hold to move forward',\n  left: 'Move left',\n  leftTooltip: 'Hold to move left',\n  backward: 'Move backward',\n  backwardTooltip: 'Hold to move backward',\n  right: 'Move right',\n  rightTooltip: 'Hold to move right',\n  jump: 'Jump',\n  jumpTooltip: 'Hold to jump',\n  zoomGroup: 'Camera zoom',\n  zoomOut: 'Zoom out',\n  zoomIn: 'Zoom in',\n}\n\nconst pointerSource = (pointerId: number) => `pointer:${pointerId}`\nconst keySource = (key: string) => `key:${key}`\n\nexport type SceneControlsProps = {\n  /** Called on the transition into and out of each held movement direction. */\n  onMovementChange?: (direction: SceneMovementDirection, pressed: boolean) => void\n  /** Called when the jump action becomes pressed or released. */\n  onJumpChange?: (pressed: boolean) => void\n  /** Called once when zoom in is activated. */\n  onZoomIn?: () => void\n  /** Called once when zoom out is activated. */\n  onZoomOut?: () => void\n  /** Override the default English accessible names and tooltip copy. */\n  labels?: Partial<SceneControlLabels>\n}\n\ntype HoldActionProps = {\n  label: string\n  tooltip: string\n  createChangeCallback: () => (pressed: boolean) => void\n  children: JSX.Element\n}\n\n/**\n * A held action that reports one down/up pair across pointer and keyboard input.\n *\n * The arrangement, rounded scrim group surfaces and release policy translate\n * Adea's on-screen scene controls; host key synthesis and scene APIs are replaced\n * by callbacks.\n */\nfunction HoldAction(props: HoldActionProps) {\n  const [pressed, setPressed] = createSignal(false)\n  const sources = new Set<string>()\n  let activeChangeCallback: ((pressed: boolean) => void) | undefined\n\n  const press = (source: string) => {\n    if (sources.has(source)) return\n    const wasPressed = sources.size > 0\n    sources.add(source)\n    if (!wasPressed) {\n      setPressed(true)\n      activeChangeCallback = props.createChangeCallback()\n      activeChangeCallback(true)\n    }\n  }\n\n  const release = (source: string) => {\n    if (!sources.delete(source) || sources.size > 0) return\n    setPressed(false)\n    const callback = activeChangeCallback\n    activeChangeCallback = undefined\n    callback?.(false)\n  }\n\n  const releaseAll = () => {\n    if (sources.size === 0) return\n    sources.clear()\n    setPressed(false)\n    const callback = activeChangeCallback\n    activeChangeCallback = undefined\n    callback?.(false)\n  }\n\n  const onWindowPointerUp = (event: PointerEvent) => release(pointerSource(event.pointerId))\n  const onWindowBlur = () => releaseAll()\n\n  if (typeof window !== 'undefined') {\n    window.addEventListener('pointerup', onWindowPointerUp)\n    window.addEventListener('blur', onWindowBlur)\n  }\n\n  onCleanup(() => {\n    releaseAll()\n    if (typeof window !== 'undefined') {\n      window.removeEventListener('pointerup', onWindowPointerUp)\n      window.removeEventListener('blur', onWindowBlur)\n    }\n  })\n\n  return (\n    <ActionButton\n      type=\"button\"\n      variant=\"secondary\"\n      size=\"icon-2xl\"\n      aria-label={props.label}\n      aria-pressed={pressed()}\n      tooltip={props.tooltip}\n      class=\"touch-none select-none\"\n      onContextMenu={(event) => event.preventDefault()}\n      onPointerDown={(event) => {\n        if (event.button !== 0) return\n        event.preventDefault()\n        const source = pointerSource(event.pointerId)\n        if (sources.has(source)) return\n        try {\n          event.currentTarget.setPointerCapture(event.pointerId)\n        } catch {\n          // Pointer capture is not available in every embedded browser. The\n          // window pointerup fallback still closes this held action.\n        }\n        press(source)\n      }}\n      onPointerUp={(event) => release(pointerSource(event.pointerId))}\n      onPointerCancel={(event) => release(pointerSource(event.pointerId))}\n      onLostPointerCapture={(event) => release(pointerSource(event.pointerId))}\n      onKeyDown={(event) => {\n        if (event.key !== ' ' && event.key !== 'Enter') return\n        event.preventDefault()\n        press(keySource(event.key))\n      }}\n      onKeyUp={(event) => {\n        if (event.key !== ' ' && event.key !== 'Enter') return\n        event.preventDefault()\n        release(keySource(event.key))\n      }}\n      onBlur={releaseAll}\n      onClick={(event) => {\n        // Assistive technology can activate a button without pointer or keyboard\n        // down/up events. Treat that activation as one short held action.\n        if (event.detail !== 0 || sources.size > 0) return\n        press('activation')\n        release('activation')\n      }}\n    >\n      {props.children}\n    </ActionButton>\n  )\n}\n\n/**\n * Shared movement, jump and zoom controls for a host-rendered scene.\n *\n * Movement and jump callbacks receive pressed/released state from pointer and\n * keyboard input. Zoom callbacks fire on activation. The host owns positioning,\n * scene state and camera behavior.\n */\nexport function SceneControls(props: SceneControlsProps) {\n  const labels = () => ({ ...DEFAULT_LABELS, ...props.labels })\n\n  return (\n    <div class=\"flex min-w-0 max-w-full flex-wrap items-end gap-3\">\n      <Show when={props.onMovementChange}>\n        <div\n          role=\"group\"\n          aria-label={labels().movementGroup}\n          class=\"glass-scrim grid min-w-0 max-w-full grid-cols-3 gap-1.5 rounded-3xl p-2\"\n        >\n          <span aria-hidden=\"true\" />\n          <HoldAction\n            label={labels().forward}\n            tooltip={labels().forwardTooltip}\n            createChangeCallback={() => {\n              const callback = props.onMovementChange\n              return (pressed) => callback?.('forward', pressed)\n            }}\n          >\n            <ArrowUp aria-hidden=\"true\" />\n          </HoldAction>\n          <span aria-hidden=\"true\" />\n          <HoldAction\n            label={labels().left}\n            tooltip={labels().leftTooltip}\n            createChangeCallback={() => {\n              const callback = props.onMovementChange\n              return (pressed) => callback?.('left', pressed)\n            }}\n          >\n            <ArrowLeft aria-hidden=\"true\" />\n          </HoldAction>\n          <HoldAction\n            label={labels().backward}\n            tooltip={labels().backwardTooltip}\n            createChangeCallback={() => {\n              const callback = props.onMovementChange\n              return (pressed) => callback?.('backward', pressed)\n            }}\n          >\n            <ArrowDown aria-hidden=\"true\" />\n          </HoldAction>\n          <HoldAction\n            label={labels().right}\n            tooltip={labels().rightTooltip}\n            createChangeCallback={() => {\n              const callback = props.onMovementChange\n              return (pressed) => callback?.('right', pressed)\n            }}\n          >\n            <ArrowRight aria-hidden=\"true\" />\n          </HoldAction>\n        </div>\n      </Show>\n      <div class=\"ml-auto flex min-w-0 max-w-full flex-col items-end gap-2\">\n        <Show when={props.onZoomIn || props.onZoomOut}>\n          <div\n            role=\"group\"\n            aria-label={labels().zoomGroup}\n            class=\"glass-scrim flex min-w-0 max-w-full flex-wrap gap-1.5 rounded-2xl p-1.5\"\n          >\n            <Show when={props.onZoomOut}>\n              <ActionButton\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"icon-2xl\"\n                aria-label={labels().zoomOut}\n                tooltip={labels().zoomOut}\n                onClick={() => props.onZoomOut?.()}\n              >\n                <ZoomOut aria-hidden=\"true\" />\n              </ActionButton>\n            </Show>\n            <Show when={props.onZoomIn}>\n              <ActionButton\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"icon-2xl\"\n                aria-label={labels().zoomIn}\n                tooltip={labels().zoomIn}\n                onClick={() => props.onZoomIn?.()}\n              >\n                <ZoomIn aria-hidden=\"true\" />\n              </ActionButton>\n            </Show>\n          </div>\n        </Show>\n        <Show when={props.onJumpChange}>\n          <HoldAction\n            label={labels().jump}\n            tooltip={labels().jumpTooltip}\n            createChangeCallback={() => {\n              const callback = props.onJumpChange\n              return (pressed) => callback?.(pressed)\n            }}\n          >\n            <ArrowUp aria-hidden=\"true\" />\n          </HoldAction>\n        </Show>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/button/button.d.ts

@@ -19,7 +19,8 @@ import { type VariantProps } from '#lib/variants';
  */
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "success" | "secondary" | "outline" | "subtle" | "ghost" | null | undefined;
-    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "icon-2xs" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "icon-2xs" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-2xl" | null | undefined;
+    touchTarget?: "comfortable" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 export type ButtonProps<T extends ValidComponent = 'button'> = PolymorphicProps<T, ButtonVariantProps & {

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAwC,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGvF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;8EA6C1B,CAAA;AAED,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAE7D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI,gBAAgB,CAC7E,CAAC,EACD,kBAAkB,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CACF,CAAA;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,kCAWhF"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAwC,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGvF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;8EAmD1B,CAAA;AAED,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA;AAE7D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI,gBAAgB,CAC7E,CAAC,EACD,kBAAkB,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CACF,CAAA;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,kCAuBhF"}

package/dist/components/ui/button/button.js

@@ -44,13 +44,17 @@ var buttonVariants = cva(`${controlInteractive} inline-flex shrink-0 items-cente
 			md: `${controlSize.md} [&_svg]:size-4`,
 			lg: `${controlSize.lg} [&_svg]:size-4`,
 			xl: `${controlSize.xl} [&_svg]:size-5`,
+			"2xl": `${controlSize["2xl"]} [&_svg]:size-6`,
 			"icon-2xs": "size-control-2xs p-0 [&_svg]:size-3",
 			"icon-xs": "size-control-xs p-0 [&_svg]:size-3.5",
 			"icon-sm": "size-control-sm p-0 [&_svg]:size-3.5",
 			"icon-md": "size-control-md p-0 [&_svg]:size-4",
 			"icon-lg": "size-control-lg p-0 [&_svg]:size-4",
-			"icon-xl": "size-control-xl p-0 [&_svg]:size-5"
-		}
+			"icon-xl": "size-control-xl p-0 [&_svg]:size-5",
+			"icon-2xl": "size-control-2xl p-0 [&_svg]:size-6"
+		},
+		/** Opt in to a stable touch target on devices with any coarse pointer. */
+		touchTarget: { comfortable: "touch-target-comfortable" }
 	},
 	defaultVariants: {
 		variant: "default",
@@ -61,6 +65,7 @@ function Button(props) {
 	const [local, rest] = splitProps(props, [
 		"variant",
 		"size",
+		"touchTarget",
 		"class"
 	]);
 	return createComponent(Polymorphic, mergeProps({
@@ -69,7 +74,8 @@ function Button(props) {
 		get ["class"]() {
 			return cn(buttonVariants({
 				variant: local.variant,
-				size: local.size
+				size: local.size,
+				touchTarget: local.touchTarget
 			}), local.class);
 		}
 	}, rest));

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","controlInteractive","controlSize","VariantProps","cn","buttonVariants","variants","variant","default","secondary","destructive","outline","ghost","subtle","success","link","size","xs","sm","md","lg","xl","defaultVariants","ButtonVariantProps","ButtonProps","T","class","Button","props","local","rest","_$createComponent","_$mergeProps","as","type","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, controlInteractive, controlSize, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Button.\n *\n * One appearance ladder shared by every pressable thing in the system: a\n * button, a toolbar control, a dialog action, and a menu row all draw from the\n * same tokens, so a row of them cannot drift apart.\n *\n * The variants answer \"what is this for\", never \"what colour is it\". A caller\n * that wants a red button writes `variant=\"destructive\"`; the red lives here.\n * That is also what lets the design-system linter tell a caller which variant\n * to use instead of only which class was wrong.\n *\n * Polymorphic: pass `as=\"a\"` (or any component) and the button becomes it\n * while keeping the same styling contract. This replaces the React-era\n * `asChild` primitive, which has no Solid equivalent that preserves props.\n */\nexport const buttonVariants = cva(\n  `${controlInteractive} inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap select-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        /** The one primary action in a view. */\n        default: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-surface-hover',\n        /** For the action that destroys something. Never the default. */\n        destructive:\n          'bg-destructive-action text-destructive-action-foreground hover:bg-destructive-action/90 focus-visible:ring-destructive-subtle',\n        /** A bordered button for a surface that already has a fill. */\n        outline:\n          'border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input',\n        /** No chrome until hover. The default for toolbar and row actions. */\n        ghost: 'text-foreground hover:bg-surface-hover',\n        /** A tinted primary, for a secondary action inside a primary flow. */\n        subtle: 'bg-primary-subtle text-primary hover:bg-primary-subtle/80',\n        success: 'bg-success text-success-foreground hover:bg-success/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        '2xs': `${controlSize['2xs']} [&_svg]:size-3`,\n        xs: `${controlSize.xs} [&_svg]:size-3.5`,\n        sm: `${controlSize.sm} [&_svg]:size-3.5`,\n        md: `${controlSize.md} [&_svg]:size-4`,\n        lg: `${controlSize.lg} [&_svg]:size-4`,\n        xl: `${controlSize.xl} [&_svg]:size-5`,\n        /* Square, for an icon with no label. The accessible name then has to\n           come from `aria-label` or a visually hidden label — an icon-only\n           button with neither is the accessibility finding the Storybook lane\n           catches on every story. */\n        'icon-2xs': 'size-control-2xs p-0 [&_svg]:size-3',\n        'icon-xs': 'size-control-xs p-0 [&_svg]:size-3.5',\n        'icon-sm': 'size-control-sm p-0 [&_svg]:size-3.5',\n        'icon-md': 'size-control-md p-0 [&_svg]:size-4',\n        'icon-lg': 'size-control-lg p-0 [&_svg]:size-4',\n        'icon-xl': 'size-control-xl p-0 [&_svg]:size-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>\n\nexport type ButtonProps<T extends ValidComponent = 'button'> = PolymorphicProps<\n  T,\n  ButtonVariantProps & {\n    class?: string\n  }\n>\n\nexport function Button<T extends ValidComponent = 'button'>(props: ButtonProps<T>) {\n  const [local, rest] = splitProps(props as ButtonProps, ['variant', 'size', 'class'])\n\n  return (\n    <Polymorphic\n      as=\"button\"\n      type=\"button\"\n      class={cn(buttonVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...(rest as ComponentProps<'button'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAaU,iBAAiBL,IAC5B,GAAGC,mBAAkB,sJACrB;CACEK,UAAU;EACRC,SAAS;;GAEPC,SAAS;GACTC,WAAW;;GAEXC,aACE;;GAEFC,SACE;;GAEFC,OAAO;;GAEPC,QAAQ;GACRC,SAAS;GACTC,MAAM;EACR;EACAC,MAAM;GACJ,OAAO,GAAGd,YAAY,OAAM;GAC5Be,IAAI,GAAGf,YAAYe,GAAE;GACrBC,IAAI,GAAGhB,YAAYgB,GAAE;GACrBC,IAAI,GAAGjB,YAAYiB,GAAE;GACrBC,IAAI,GAAGlB,YAAYkB,GAAE;GACrBC,IAAI,GAAGnB,YAAYmB,GAAE;GAKrB,YAAY;GACZ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;EACb;CACF;CACAC,iBAAiB;EACff,SAAS;EACTS,MAAM;CACR;AACF,CACF;AAWA,SAAgBW,OAA4CC,OAAuB;CACjF,MAAM,CAACC,OAAOC,QAAQhC,WAAW8B,OAAsB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAEnF,OAAAG,gBACGpC,aAAWqC,WAAA;EACVC,IAAE;EACFC,MAAI;EAAA,KAAA,WAAA;GAAA,OACG9B,GAAGC,eAAe;IAAEE,SAASsB,MAAMtB;IAASS,MAAMa,MAAMb;GAAK,CAAC,GAAGa,MAAMH,KAAK;EAAC;CAAA,GAC/EI,IAAgC,CAAA;AAG3C"}
+{"version":3,"file":"button.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","controlInteractive","controlSize","VariantProps","cn","buttonVariants","variants","variant","default","secondary","destructive","outline","ghost","subtle","success","link","size","xs","sm","md","lg","xl","touchTarget","comfortable","defaultVariants","ButtonVariantProps","ButtonProps","T","class","Button","props","local","rest","_$createComponent","_$mergeProps","as","type","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/button/button.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, controlInteractive, controlSize, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Button.\n *\n * One appearance ladder shared by every pressable thing in the system: a\n * button, a toolbar control, a dialog action, and a menu row all draw from the\n * same tokens, so a row of them cannot drift apart.\n *\n * The variants answer \"what is this for\", never \"what colour is it\". A caller\n * that wants a red button writes `variant=\"destructive\"`; the red lives here.\n * That is also what lets the design-system linter tell a caller which variant\n * to use instead of only which class was wrong.\n *\n * Polymorphic: pass `as=\"a\"` (or any component) and the button becomes it\n * while keeping the same styling contract. This replaces the React-era\n * `asChild` primitive, which has no Solid equivalent that preserves props.\n */\nexport const buttonVariants = cva(\n  `${controlInteractive} inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap select-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        /** The one primary action in a view. */\n        default: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-surface-hover',\n        /** For the action that destroys something. Never the default. */\n        destructive:\n          'bg-destructive-action text-destructive-action-foreground hover:bg-destructive-action/90 focus-visible:ring-destructive-subtle',\n        /** A bordered button for a surface that already has a fill. */\n        outline:\n          'border border-border bg-transparent text-foreground hover:bg-surface-hover hover:border-input',\n        /** No chrome until hover. The default for toolbar and row actions. */\n        ghost: 'text-foreground hover:bg-surface-hover',\n        /** A tinted primary, for a secondary action inside a primary flow. */\n        subtle: 'bg-primary-subtle text-primary hover:bg-primary-subtle/80',\n        success: 'bg-success text-success-foreground hover:bg-success/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        '2xs': `${controlSize['2xs']} [&_svg]:size-3`,\n        xs: `${controlSize.xs} [&_svg]:size-3.5`,\n        sm: `${controlSize.sm} [&_svg]:size-3.5`,\n        md: `${controlSize.md} [&_svg]:size-4`,\n        lg: `${controlSize.lg} [&_svg]:size-4`,\n        xl: `${controlSize.xl} [&_svg]:size-5`,\n        '2xl': `${controlSize['2xl']} [&_svg]:size-6`,\n        /* Square, for an icon with no label. The accessible name then has to\n           come from `aria-label` or a visually hidden label — an icon-only\n           button with neither is the accessibility finding the Storybook lane\n           catches on every story. */\n        'icon-2xs': 'size-control-2xs p-0 [&_svg]:size-3',\n        'icon-xs': 'size-control-xs p-0 [&_svg]:size-3.5',\n        'icon-sm': 'size-control-sm p-0 [&_svg]:size-3.5',\n        'icon-md': 'size-control-md p-0 [&_svg]:size-4',\n        'icon-lg': 'size-control-lg p-0 [&_svg]:size-4',\n        'icon-xl': 'size-control-xl p-0 [&_svg]:size-5',\n        'icon-2xl': 'size-control-2xl p-0 [&_svg]:size-6',\n      },\n      /** Opt in to a stable touch target on devices with any coarse pointer. */\n      touchTarget: {\n        comfortable: 'touch-target-comfortable',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>\n\nexport type ButtonProps<T extends ValidComponent = 'button'> = PolymorphicProps<\n  T,\n  ButtonVariantProps & {\n    class?: string\n  }\n>\n\nexport function Button<T extends ValidComponent = 'button'>(props: ButtonProps<T>) {\n  const [local, rest] = splitProps(props as ButtonProps, [\n    'variant',\n    'size',\n    'touchTarget',\n    'class',\n  ])\n\n  return (\n    <Polymorphic\n      as=\"button\"\n      type=\"button\"\n      class={cn(\n        buttonVariants({\n          variant: local.variant,\n          size: local.size,\n          touchTarget: local.touchTarget,\n        }),\n        local.class\n      )}\n      {...(rest as ComponentProps<'button'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAaU,iBAAiBL,IAC5B,GAAGC,mBAAkB,sJACrB;CACEK,UAAU;EACRC,SAAS;;GAEPC,SAAS;GACTC,WAAW;;GAEXC,aACE;;GAEFC,SACE;;GAEFC,OAAO;;GAEPC,QAAQ;GACRC,SAAS;GACTC,MAAM;EACR;EACAC,MAAM;GACJ,OAAO,GAAGd,YAAY,OAAM;GAC5Be,IAAI,GAAGf,YAAYe,GAAE;GACrBC,IAAI,GAAGhB,YAAYgB,GAAE;GACrBC,IAAI,GAAGjB,YAAYiB,GAAE;GACrBC,IAAI,GAAGlB,YAAYkB,GAAE;GACrBC,IAAI,GAAGnB,YAAYmB,GAAE;GACrB,OAAO,GAAGnB,YAAY,OAAM;GAK5B,YAAY;GACZ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,YAAY;EACd;;EAEAoB,aAAa,EACXC,aAAa,2BACf;CACF;CACAC,iBAAiB;EACfjB,SAAS;EACTS,MAAM;CACR;AACF,CACF;AAWA,SAAgBa,OAA4CC,OAAuB;CACjF,MAAM,CAACC,OAAOC,QAAQlC,WAAWgC,OAAsB;EACrD;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGtC,aAAWuC,WAAA;EACVC,IAAE;EACFC,MAAI;EAAA,KAAA,WAAA;GAAA,OACGhC,GACLC,eAAe;IACbE,SAASwB,MAAMxB;IACfS,MAAMe,MAAMf;IACZM,aAAaS,MAAMT;GACrB,CAAC,GACDS,MAAMH,KACR;EAAC;CAAA,GACII,IAAgC,CAAA;AAG3C"}