@womp/kookie-ui 0.24.0 → 0.25.1

package/dist/esm/chunk-5XR5PTDR.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as F}from"./chunk-TGRHRMQI.js";import{b as j,c as g}from"./chunk-N3QLHFHB.js";import{c as h,e as V,g as k,h as S,i as A}from"./chunk-CV7QQTI3.js";import{a as y}from"./chunk-RVPLXLRA.js";import{b as B,d as w,f as z}from"./chunk-GKDGNPBD.js";import{c as L}from"./chunk-5ON3XLRD.js";import{c as C,d as O,e as W,f as D}from"./chunk-I6SMGWS5.js";import{b as R,c as b,d as I,e as v}from"./chunk-XL5OHW6Z.js";import{c as f}from"./chunk-OKQAVYW4.js";import{a as ne}from"./chunk-VQPANPMI.js";var ae={};ne(ae,{CheckboxItem:()=>Y,Content:()=>K,Group:()=>J,Item:()=>H,Label:()=>U,RadioGroup:()=>Q,RadioItem:()=>X,Root:()=>_,Separator:()=>te,Sub:()=>Z,SubContent:()=>ee,SubTrigger:()=>$,Trigger:()=>q});import*as e from"react";import s from"classnames";import{ContextMenu as i,Slot as N}from"radix-ui";import{useCallbackRef as re}from"radix-ui/internal";var _=t=>{let{open:r,onOpenChange:n}=t,[a,o]=e.useState(!1),u=r??a,p=re(n),c=e.useCallback(l=>{o(l),p(l)},[p]),m=e.useCallback(()=>c(!1),[c]);return e.createElement(V,{value:m},e.createElement(i.Root,{...t,open:u,onOpenChange:c}))};_.displayName="ContextMenu.Root";var q=e.forwardRef(({children:t,...r},n)=>e.createElement(i.Trigger,{...r,ref:n,asChild:!0},F(t)));q.displayName="ContextMenu.Trigger";var T=e.createContext({}),K=e.forwardRef((t,r)=>{let n=L(t,C.size),a=j(),{size:o=C.size.default}=n,{className:u,children:p,color:c,container:m,forceMount:l,submenuBehavior:G,virtualized:d=!1,...P}=f(n,C),x=c||a.accentColor,M=R(o,C.size.default),oe=e.useMemo(()=>({size:o,color:x}),[o,x]),E=e.createElement(h,{size:o},e.createElement(T.Provider,{value:oe},p));return e.createElement(i.Portal,{container:m,forceMount:l},e.createElement(g,{asChild:!0},e.createElement(i.Content,{"data-accent-color":x,alignOffset:b(M),collisionPadding:10,...P,asChild:!1,ref:r,className:s("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-ContextMenuContent",u)},d?e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport","kui-virtualized")},E):e.createElement(y,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport")},E)))))});K.displayName="ContextMenu.Content";var U=e.forwardRef(({className:t,id:r,...n},a)=>{let o=A(r);return e.createElement(i.Label,{...n,id:o,asChild:!1,ref:a,className:s("kui-BaseMenuLabel","kui-ContextMenuLabel",t)})});U.displayName="ContextMenu.Label";var H=e.forwardRef((t,r)=>{let{className:n,children:a,color:o=O.color.default,shortcut:u,...p}=t;return e.createElement(i.Item,{"data-accent-color":o,"aria-keyshortcuts":u?I(u):void 0,...p,ref:r,className:s("kui-reset","kui-BaseMenuItem","kui-ContextMenuItem",n)},e.createElement(N.Slottable,null,a),u&&e.createElement(v,{shortcut:u,className:"kui-ContextMenuShortcut"}))});H.displayName="ContextMenu.Item";var J=e.forwardRef(({className:t,"aria-labelledby":r,...n},a)=>{let[o,u]=S(r);return e.createElement(k,{value:u},e.createElement(i.Group,{"aria-labelledby":o,...n,asChild:!1,ref:a,className:s("kui-BaseMenuGroup","kui-ContextMenuGroup",t)}))});J.displayName="ContextMenu.Group";var Q=e.forwardRef(({className:t,"aria-labelledby":r,...n},a)=>{let[o,u]=S(r);return e.createElement(k,{value:u},e.createElement(i.RadioGroup,{"aria-labelledby":o,...n,asChild:!1,ref:a,className:s("kui-BaseMenuRadioGroup","kui-ContextMenuRadioGroup",t)}))});Q.displayName="ContextMenu.RadioGroup";var X=e.forwardRef((t,r)=>{let{children:n,className:a,color:o=D.color.default,...u}=t;return e.createElement(i.RadioItem,{...u,asChild:!1,ref:r,"data-accent-color":o,className:s("kui-BaseMenuItem","kui-BaseMenuRadioItem","kui-ContextMenuItem","kui-ContextMenuRadioItem",a)},e.createElement(N.Slottable,null,n),e.createElement(i.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator"},e.createElement(z,{className:"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon"})))});X.displayName="ContextMenu.RadioItem";var Y=e.forwardRef((t,r)=>{let{children:n,className:a,shortcut:o,color:u=W.color.default,...p}=t;return e.createElement(i.CheckboxItem,{"aria-keyshortcuts":o?I(o):void 0,...p,asChild:!1,ref:r,"data-accent-color":u,className:s("kui-BaseMenuItem","kui-BaseMenuCheckboxItem","kui-ContextMenuItem","kui-ContextMenuCheckboxItem",a)},e.createElement(N.Slottable,null,n),e.createElement(i.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator"},e.createElement(B,{className:"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon"})),o&&e.createElement(v,{shortcut:o,className:"kui-ContextMenuShortcut"}))});Y.displayName="ContextMenu.CheckboxItem";var Z=t=>e.createElement(i.Sub,{...t});Z.displayName="ContextMenu.Sub";var $=e.forwardRef((t,r)=>{let{className:n,children:a,...o}=t;return e.createElement(i.SubTrigger,{...o,asChild:!1,ref:r,className:s("kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-ContextMenuItem","kui-ContextMenuSubTrigger",n)},a,e.createElement("div",{className:"kui-BaseMenuShortcut kui-ContextMenuShortcut"},e.createElement(w,{className:"kui-BaseMenuSubTriggerIcon kui-ContextMenuSubTriggerIcon"})))});$.displayName="ContextMenu.SubTrigger";var ee=e.forwardRef((t,r)=>{let n=e.useContext(T),a=t.size??n.size,o=t.color??n.color,{className:u,children:p,container:c,forceMount:m,color:l,virtualized:G=!1,...d}=f({...t,size:a},C),P=R(a,C.size.default),x=e.useMemo(()=>({size:a,color:o}),[a,o]),M=e.createElement(h,{size:a},e.createElement(T.Provider,{value:x},p));return e.createElement(i.Portal,{container:c,forceMount:m},e.createElement(g,{asChild:!0},e.createElement(i.SubContent,{"data-accent-color":o,alignOffset:b(P),sideOffset:1,collisionPadding:10,...d,asChild:!1,ref:r,className:s("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-BaseMenuSubContent","kui-ContextMenuContent","kui-ContextMenuSubContent",u)},G?e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport","kui-virtualized")},M):e.createElement(y,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport")},M)))))});ee.displayName="ContextMenu.SubContent";var te=e.forwardRef(({className:t,...r},n)=>e.createElement(i.Separator,{...r,asChild:!1,ref:n,className:s("kui-BaseMenuSeparator","kui-ContextMenuSeparator",t)}));te.displayName="ContextMenu.Separator";export{_ as a,q as b,K as c,U as d,H as e,J as f,Q as g,X as h,Y as i,Z as j,$ as k,ee as l,te as m,ae as n};
+//# sourceMappingURL=chunk-5XR5PTDR.js.map

package/dist/esm/chunk-5XR5PTDR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/context-menu.tsx"],
+  "sourcesContent": ["/**\n * Context Menu component that provides right-click menu functionality.\n * Requires client-side rendering due to event handling and portal usage.\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ContextMenu as ContextMenuPrimitive, Slot } from 'radix-ui';\nimport { useCallbackRef } from 'radix-ui/internal';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  contextMenuContentPropDefs,\n  contextMenuSubContentPropDefs,\n  contextMenuItemPropDefs,\n  contextMenuCheckboxItemPropDefs,\n  contextMenuRadioItemPropDefs,\n} from './context-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ThickCheckIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport {\n  MenuCloseProvider,\n  MenuGroupLabelProvider,\n  MenuProvider,\n  useMenuGroupLabelId,\n  useMenuGroupLabelledBy,\n} from './_internal/menu-context.js';\nimport {\n  MenuShortcut,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  useResolvedResponsiveValue,\n} from './_internal/base-menu.utils.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ninterface ContextMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root> {}\nconst ContextMenuRoot: React.FC<ContextMenuRootProps> = (props) => {\n  const { open: openProp, onOpenChange } = props;\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const open = openProp ?? uncontrolledOpen;\n\n  const handleOpenChangeProp = useCallbackRef(onOpenChange);\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setUncontrolledOpen(next);\n      handleOpenChangeProp(next);\n    },\n    [handleOpenChangeProp],\n  );\n  const close = React.useCallback(() => handleOpenChange(false), [handleOpenChange]);\n\n  return (\n    <MenuCloseProvider value={close}>\n      <ContextMenuPrimitive.Root {...props} open={open} onOpenChange={handleOpenChange} />\n    </MenuCloseProvider>\n  );\n};\nContextMenuRoot.displayName = 'ContextMenu.Root';\n\ntype ContextMenuTriggerElement = React.ElementRef<typeof ContextMenuPrimitive.Trigger>;\ninterface ContextMenuTriggerProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Trigger, RemovedProps> {}\nconst ContextMenuTrigger = React.forwardRef<ContextMenuTriggerElement, ContextMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <ContextMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </ContextMenuPrimitive.Trigger>\n  ),\n);\nContextMenuTrigger.displayName = 'ContextMenu.Trigger';\n\n/** Visual props shared by Content and SubContent. */\ntype ContextMenuSurfaceProps = GetPropDefTypes<typeof contextMenuContentPropDefs>;\n\ntype ContextMenuContentContextValue = {\n  size?: ContextMenuSurfaceProps['size'];\n  color?: ContextMenuSurfaceProps['color'];\n};\nconst ContextMenuContentContext = React.createContext<ContextMenuContentContextValue>({});\ntype ContextMenuContentElement = React.ElementRef<typeof ContextMenuPrimitive.Content>;\ninterface ContextMenuContentProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Content, RemovedProps>,\n    ContextMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>['container'];\n  /**\n   * When true, skips the ScrollArea wrapper to allow VirtualMenu to handle its own scrolling.\n   * Use this when rendering virtualized lists inside the context menu.\n   */\n  virtualized?: boolean;\n  /**\n   * @deprecated Has no effect. ContextMenu submenus always cascade.\n   */\n  submenuBehavior?: Responsive<'cascade' | 'drill-down'>;\n}\nconst ContextMenuContent = React.forwardRef<ContextMenuContentElement, ContextMenuContentProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, contextMenuContentPropDefs.size);\n    const themeContext = useThemeContext();\n    const {\n      size = contextMenuContentPropDefs.size.default,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      submenuBehavior: _submenuBehavior,\n      virtualized = false,\n      ...contentProps\n    } = extractProps(props, contextMenuContentPropDefs);\n\n    const resolvedColor = color || themeContext.accentColor;\n    const scalarSize = useResolvedResponsiveValue(size, contextMenuContentPropDefs.size.default);\n\n    const contextValue = React.useMemo(\n      () => ({ size, color: resolvedColor }),\n      [size, resolvedColor],\n    );\n\n    const body = (\n      <MenuProvider size={size}>\n        <ContextMenuContentContext.Provider value={contextValue}>{children}</ContextMenuContentContext.Provider>\n      </MenuProvider>\n    );\n\n    return (\n      <ContextMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <ContextMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            alignOffset={getMenuAlignOffset(scalarSize)}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n          'kui-variant-soft',\n              'kui-ContextMenuContent',\n              className,\n            )}\n          >\n            {virtualized ? (\n              <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport', 'kui-virtualized')}>\n                {body}\n              </div>\n            ) : (\n              <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n                <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport')}>{body}</div>\n              </ScrollArea>\n            )}\n          </ContextMenuPrimitive.Content>\n        </Theme>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuContent.displayName = 'ContextMenu.Content';\n\ntype ContextMenuLabelElement = React.ElementRef<typeof ContextMenuPrimitive.Label>;\ninterface ContextMenuLabelProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Label, RemovedProps> {}\nconst ContextMenuLabel = React.forwardRef<ContextMenuLabelElement, ContextMenuLabelProps>(\n  ({ className, id: idProp, ...props }, forwardedRef) => {\n    const id = useMenuGroupLabelId(idProp);\n    return (\n      <ContextMenuPrimitive.Label\n        {...props}\n        id={id}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuLabel', 'kui-ContextMenuLabel', className)}\n      />\n    );\n  },\n);\nContextMenuLabel.displayName = 'ContextMenu.Label';\n\ntype ContextMenuItemElement = React.ElementRef<typeof ContextMenuPrimitive.Item>;\ntype ContextMenuItemOwnProps = GetPropDefTypes<typeof contextMenuItemPropDefs>;\ninterface ContextMenuItemProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Item, RemovedProps>,\n    ContextMenuItemOwnProps {}\nconst ContextMenuItem = React.forwardRef<ContextMenuItemElement, ContextMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = contextMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <ContextMenuPrimitive.Item\n        data-accent-color={color}\n        aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('kui-reset', 'kui-BaseMenuItem', 'kui-ContextMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-ContextMenuShortcut\" />}\n      </ContextMenuPrimitive.Item>\n    );\n  },\n);\nContextMenuItem.displayName = 'ContextMenu.Item';\n\ntype ContextMenuGroupElement = React.ElementRef<typeof ContextMenuPrimitive.Group>;\ninterface ContextMenuGroupProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Group, RemovedProps> {}\nconst ContextMenuGroup = React.forwardRef<ContextMenuGroupElement, ContextMenuGroupProps>(\n  ({ className, 'aria-labelledby': ariaLabelledBy, ...props }, forwardedRef) => {\n    const [labelledBy, setLabelId] = useMenuGroupLabelledBy(ariaLabelledBy);\n    return (\n      <MenuGroupLabelProvider value={setLabelId}>\n        <ContextMenuPrimitive.Group\n          aria-labelledby={labelledBy}\n          {...props}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames('kui-BaseMenuGroup', 'kui-ContextMenuGroup', className)}\n        />\n      </MenuGroupLabelProvider>\n    );\n  },\n);\nContextMenuGroup.displayName = 'ContextMenu.Group';\n\ntype ContextMenuRadioGroupElement = React.ElementRef<typeof ContextMenuPrimitive.RadioGroup>;\ninterface ContextMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.RadioGroup, RemovedProps> {}\nconst ContextMenuRadioGroup = React.forwardRef<\n  ContextMenuRadioGroupElement,\n  ContextMenuRadioGroupProps\n>(({ className, 'aria-labelledby': ariaLabelledBy, ...props }, forwardedRef) => {\n  const [labelledBy, setLabelId] = useMenuGroupLabelledBy(ariaLabelledBy);\n  return (\n    <MenuGroupLabelProvider value={setLabelId}>\n      <ContextMenuPrimitive.RadioGroup\n        aria-labelledby={labelledBy}\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuRadioGroup', 'kui-ContextMenuRadioGroup', className)}\n      />\n    </MenuGroupLabelProvider>\n  );\n});\nContextMenuRadioGroup.displayName = 'ContextMenu.RadioGroup';\n\ntype ContextMenuRadioItemElement = React.ElementRef<typeof ContextMenuPrimitive.RadioItem>;\ntype ContextMenuRadioItemOwnProps = GetPropDefTypes<typeof contextMenuRadioItemPropDefs>;\ninterface ContextMenuRadioItemProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.RadioItem, RemovedProps>,\n    ContextMenuRadioItemOwnProps {}\nconst ContextMenuRadioItem = React.forwardRef<\n  ContextMenuRadioItemElement,\n  ContextMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = contextMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <ContextMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuRadioItem',\n        'kui-ContextMenuItem',\n        'kui-ContextMenuRadioItem',\n        className,\n      )}\n    >\n      <Slot.Slottable>{children}</Slot.Slottable>\n      <ContextMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator\">\n        <ThickDotIcon className=\"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </ContextMenuPrimitive.RadioItem>\n  );\n});\nContextMenuRadioItem.displayName = 'ContextMenu.RadioItem';\n\ntype ContextMenuCheckboxItemElement = React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>;\ntype ContextMenuCheckboxItemOwnProps = GetPropDefTypes<typeof contextMenuCheckboxItemPropDefs>;\ninterface ContextMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.CheckboxItem, RemovedProps>,\n    ContextMenuCheckboxItemOwnProps {}\nconst ContextMenuCheckboxItem = React.forwardRef<\n  ContextMenuCheckboxItemElement,\n  ContextMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = contextMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuCheckboxItem',\n        'kui-ContextMenuItem',\n        'kui-ContextMenuCheckboxItem',\n        className,\n      )}\n    >\n      <Slot.Slottable>{children}</Slot.Slottable>\n      <ContextMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator\">\n        <ThickCheckIcon className=\"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon\" />\n      </ContextMenuPrimitive.ItemIndicator>\n      {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-ContextMenuShortcut\" />}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n});\nContextMenuCheckboxItem.displayName = 'ContextMenu.CheckboxItem';\n\ninterface ContextMenuSubProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Sub, RemovedProps> {}\nconst ContextMenuSub: React.FC<ContextMenuSubProps> = (props) => (\n  <ContextMenuPrimitive.Sub {...props} />\n);\nContextMenuSub.displayName = 'ContextMenu.Sub';\n\ntype ContextMenuSubTriggerElement = React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>;\ninterface ContextMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.SubTrigger, RemovedProps> {}\nconst ContextMenuSubTrigger = React.forwardRef<\n  ContextMenuSubTriggerElement,\n  ContextMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, ...subTriggerProps } = props;\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuSubTrigger',\n        'kui-ContextMenuItem',\n        'kui-ContextMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"kui-BaseMenuShortcut kui-ContextMenuShortcut\">\n        <ThickChevronRightIcon className=\"kui-BaseMenuSubTriggerIcon kui-ContextMenuSubTriggerIcon\" />\n      </div>\n    </ContextMenuPrimitive.SubTrigger>\n  );\n});\nContextMenuSubTrigger.displayName = 'ContextMenu.SubTrigger';\n\ntype ContextMenuSubContentElement = React.ElementRef<typeof ContextMenuPrimitive.SubContent>;\ninterface ContextMenuSubContentProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.SubContent, RemovedProps>,\n    ContextMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>['container'];\n  /**\n   * When true, skips the ScrollArea wrapper to allow VirtualMenu to handle its own scrolling.\n   */\n  virtualized?: boolean;\n}\nconst ContextMenuSubContent = React.forwardRef<\n  ContextMenuSubContentElement,\n  ContextMenuSubContentProps\n>((props, forwardedRef) => {\n  const parent = React.useContext(ContextMenuContentContext);\n\n  // A submenu inherits the parent surface, and its own props win.\n  const size = props.size ?? parent.size;\n  const color = props.color ?? parent.color;\n\n  const {\n    className,\n    children,\n    container,\n    forceMount,\n    color: _color,\n    virtualized = false,\n    ...subContentProps\n  } = extractProps({ ...props, size }, contextMenuSubContentPropDefs);\n\n  const scalarSize = useResolvedResponsiveValue(size, contextMenuSubContentPropDefs.size.default);\n\n  const contextValue = React.useMemo(\n    () => ({ size, color }),\n    [size, color],\n  );\n\n  const body = (\n    <MenuProvider size={size}>\n      <ContextMenuContentContext.Provider value={contextValue}>{children}</ContextMenuContentContext.Provider>\n    </MenuProvider>\n  );\n\n  return (\n    <ContextMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <ContextMenuPrimitive.SubContent\n          data-accent-color={color}\n          alignOffset={getMenuAlignOffset(scalarSize)}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'kui-PopperContent',\n            'kui-BaseMenuContent',\n          'kui-variant-soft',\n            'kui-BaseMenuSubContent',\n            'kui-ContextMenuContent',\n            'kui-ContextMenuSubContent',\n            className,\n          )}\n        >\n          {virtualized ? (\n            <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport', 'kui-virtualized')}>\n              {body}\n            </div>\n          ) : (\n            <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n              <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport')}>{body}</div>\n            </ScrollArea>\n          )}\n        </ContextMenuPrimitive.SubContent>\n      </Theme>\n    </ContextMenuPrimitive.Portal>\n  );\n});\nContextMenuSubContent.displayName = 'ContextMenu.SubContent';\n\ntype ContextMenuSeparatorElement = React.ElementRef<typeof ContextMenuPrimitive.Separator>;\ninterface ContextMenuSeparatorProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Separator, RemovedProps> {}\nconst ContextMenuSeparator = React.forwardRef<\n  ContextMenuSeparatorElement,\n  ContextMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <ContextMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('kui-BaseMenuSeparator', 'kui-ContextMenuSeparator', className)}\n  />\n));\nContextMenuSeparator.displayName = 'ContextMenu.Separator';\n\nexport {\n  ContextMenuRoot as Root,\n  ContextMenuTrigger as Trigger,\n  ContextMenuContent as Content,\n  ContextMenuLabel as Label,\n  ContextMenuItem as Item,\n  ContextMenuGroup as Group,\n  ContextMenuRadioGroup as RadioGroup,\n  ContextMenuRadioItem as RadioItem,\n  ContextMenuCheckboxItem as CheckboxItem,\n  ContextMenuSub as Sub,\n  ContextMenuSubTrigger as SubTrigger,\n  ContextMenuSubContent as SubContent,\n  ContextMenuSeparator as Separator,\n};\n\nexport type {\n  ContextMenuRootProps as RootProps,\n  ContextMenuTriggerProps as TriggerProps,\n  ContextMenuContentProps as ContentProps,\n  ContextMenuLabelProps as LabelProps,\n  ContextMenuItemProps as ItemProps,\n  ContextMenuGroupProps as GroupProps,\n  ContextMenuRadioGroupProps as RadioGroupProps,\n  ContextMenuRadioItemProps as RadioItemProps,\n  ContextMenuCheckboxItemProps as CheckboxItemProps,\n  ContextMenuSubProps as SubProps,\n  ContextMenuSubTriggerProps as SubTriggerProps,\n  ContextMenuSubContentProps as SubContentProps,\n  ContextMenuSeparatorProps as SeparatorProps,\n};\n"],
+  "mappings": "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",
+  "names": ["context_menu_exports", "__export", "ContextMenuCheckboxItem", "ContextMenuContent", "ContextMenuGroup", "ContextMenuItem", "ContextMenuLabel", "ContextMenuRadioGroup", "ContextMenuRadioItem", "ContextMenuRoot", "ContextMenuSeparator", "ContextMenuSub", "ContextMenuSubContent", "ContextMenuSubTrigger", "ContextMenuTrigger", "React", "classNames", "ContextMenuPrimitive", "Slot", "useCallbackRef", "ContextMenuRoot", "props", "openProp", "onOpenChange", "uncontrolledOpen", "setUncontrolledOpen", "open", "handleOpenChangeProp", "useCallbackRef", "handleOpenChange", "next", "close", "MenuCloseProvider", "ContextMenuPrimitive", "ContextMenuTrigger", "children", "forwardedRef", "requireReactElement", "ContextMenuContentContext", "ContextMenuContent", "ownProps", "useThemeSizeProps", "baseMenuSubContentPropDefs", "themeContext", "useThemeContext", "size", "className", "color", "container", "forceMount", "_submenuBehavior", "virtualized", "contentProps", "extractProps", "resolvedColor", "scalarSize", "useResolvedResponsiveValue", "contextValue", "body", "MenuProvider", "Theme", "getMenuAlignOffset", "classNames", "ScrollArea", "ContextMenuLabel", "idProp", "id", "useMenuGroupLabelId", "ContextMenuItem", "baseMenuItemPropDefs", "shortcut", "itemProps", "toAriaKeyShortcuts", "Slot", "MenuShortcut", "ContextMenuGroup", "ariaLabelledBy", "labelledBy", "setLabelId", "useMenuGroupLabelledBy", "MenuGroupLabelProvider", "ContextMenuRadioGroup", "ContextMenuRadioItem", "baseMenuRadioItemPropDefs", "ThickDotIcon", "ContextMenuCheckboxItem", "baseMenuCheckboxItemPropDefs", "ThickCheckIcon", "ContextMenuSub", "ContextMenuSubTrigger", "subTriggerProps", "ThickChevronRightIcon", "ContextMenuSubContent", "parent", "_color", "subContentProps", "ContextMenuSeparator"]
+}

package/dist/esm/{chunk-4BU4R7UM.js → chunk-63MUJFVF.js}

@@ -1,2 +1,3 @@
-import{a as e}from"./chunk-OSSNMF5U.js";import{e as p}from"./chunk-3YLYGKFB.js";import{a as o}from"./chunk-ELAW7ZUG.js";import*as r from"react";import n from"classnames";import{Slot as c}from"radix-ui";var P=r.forwardRef((t,s)=>{let a=p(t,e.size),{asChild:m,className:d,...i}=o(a,e),f=m?c.Root:"div";return r.createElement(f,{ref:s,...i,className:n("kui-reset","kui-BaseCard","kui-Card","kui-SurfaceNest",d)})});P.displayName="Card";export{P as a};
-//# sourceMappingURL=chunk-4BU4R7UM.js.map
+"use client";
+import{a as e}from"./chunk-647DRBXQ.js";import{c as p}from"./chunk-5ON3XLRD.js";import{c as o}from"./chunk-OKQAVYW4.js";import*as r from"react";import n from"classnames";import{Slot as c}from"radix-ui";var P=r.forwardRef((t,s)=>{let a=p(t,e.size),{asChild:m,className:d,...i}=o(a,e),f=m?c.Root:"div";return r.createElement(f,{ref:s,...i,className:n("kui-reset","kui-BaseCard","kui-Card","kui-SurfaceNest",d)})});P.displayName="Card";export{P as a};
+//# sourceMappingURL=chunk-63MUJFVF.js.map

package/dist/esm/chunk-63MUJFVF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { cardPropDefs } from './card.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CardElement = React.ElementRef<'div'>;\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>;\ninterface CardProps extends ComponentPropsWithout<'div', RemovedProps>, CardOwnProps {}\nconst Card = React.forwardRef<CardElement, CardProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, cardPropDefs.size);\n  const { asChild, className, ...cardProps } = extractProps(props, cardPropDefs);\n  const Comp = asChild ? Slot.Root : 'div';\n  return (\n    <Comp\n      ref={forwardedRef}\n      {...cardProps}\n      className={classNames('kui-reset', 'kui-BaseCard', 'kui-Card', 'kui-SurfaceNest', className)}\n    />\n  );\n});\nCard.displayName = 'Card';\n\nexport { Card };\nexport type { CardProps };\n"],
+  "mappings": ";wHAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAYrB,IAAMC,EAAa,aAAmC,CAACC,EAAUC,IAAiB,CAChF,IAAMC,EAAQC,EAAkBH,EAAUI,EAAa,IAAI,EACrD,CAAE,QAAAC,EAAS,UAAAC,EAAW,GAAGC,CAAU,EAAIC,EAAaN,EAAOE,CAAY,EACvEK,EAAOJ,EAAUK,EAAK,KAAO,MACnC,OACE,gBAACD,EAAA,CACC,IAAKR,EACJ,GAAGM,EACJ,UAAWI,EAAW,YAAa,eAAgB,WAAY,kBAAmBL,CAAS,EAC7F,CAEJ,CAAC,EACDP,EAAK,YAAc",
+  "names": ["React", "classNames", "Slot", "Card", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "cardPropDefs", "asChild", "className", "cardProps", "extractProps", "Comp", "Slot", "classNames"]
+}

package/dist/esm/{chunk-OSSNMF5U.js → chunk-647DRBXQ.js}

@@ -1,2 +1,3 @@
-import{a as s}from"./chunk-NZJGC6ZW.js";var e=["1","2","3","4"],a=["raised","surface","outline","ghost","soft"],t={...s,size:{type:"enum",className:"kui-r-size",values:e,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:a,default:"raised"}};export{t as a};
-//# sourceMappingURL=chunk-OSSNMF5U.js.map
+"use client";
+import{a as s}from"./chunk-CLJ6SEGP.js";var e=["1","2","3","4"],a=["raised","surface","outline","ghost","soft"],t={...s,size:{type:"enum",className:"kui-r-size",values:e,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:a,default:"raised"}};export{t as a};
+//# sourceMappingURL=chunk-647DRBXQ.js.map

package/dist/esm/{chunk-OSSNMF5U.js.map → chunk-647DRBXQ.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/card.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['raised', 'surface', 'outline', 'ghost', 'soft'] as const;\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  /** Padding --surface-p-N and corner --radius-surface-N. Unset, it follows the Theme size. */\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'raised' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { cardPropDefs };\n"],
-  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,UAAW,UAAW,QAAS,MAAM,EAE3DC,EAAe,CACnB,GAAGC,EAEH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,CACzF",
+  "mappings": ";wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,UAAW,UAAW,QAAS,MAAM,EAE3DC,EAAe,CACnB,GAAGC,EAEH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,CACzF",
   "names": ["sizes", "variants", "cardPropDefs", "asChildPropDef"]
 }

package/dist/esm/{chunk-KKMOGHIY.js → chunk-64EFWPHI.js}

@@ -1,2 +1,3 @@
-import{a as r}from"./chunk-NA237RHQ.js";import{a as s}from"./chunk-NZJGC6ZW.js";var p=["div","span"],t=["none","inline-flex","flex"],a=["row","column","row-reverse","column-reverse"],o=["start","center","end","baseline","stretch"],n=["start","center","end","between"],u=["nowrap","wrap","wrap-reverse"],c={as:{type:"enum",values:p,default:"div"},...s,display:{type:"enum",className:"kui-r-display",values:t,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:a,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:o,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:n,parseValue:i,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:u,responsive:!0},...r};function i(e){return e==="between"?"space-between":e}export{c as a};
-//# sourceMappingURL=chunk-KKMOGHIY.js.map
+"use client";
+import{a as r}from"./chunk-CR65RYGM.js";import{a as s}from"./chunk-CLJ6SEGP.js";var p=["div","span"],t=["none","inline-flex","flex"],a=["row","column","row-reverse","column-reverse"],o=["start","center","end","baseline","stretch"],n=["start","center","end","between"],u=["nowrap","wrap","wrap-reverse"],c={as:{type:"enum",values:p,default:"div"},...s,display:{type:"enum",className:"kui-r-display",values:t,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:a,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:o,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:n,parseValue:i,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:u,responsive:!0},...r};function i(e){return e==="between"?"space-between":e}export{c as a};
+//# sourceMappingURL=chunk-64EFWPHI.js.map

package/dist/esm/{chunk-KKMOGHIY.js.map → chunk-64EFWPHI.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/flex.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { gapPropDefs } from '../props/gap.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst as = ['div', 'span'] as const;\nconst displayValues = ['none', 'inline-flex', 'flex'] as const;\nconst directionValues = ['row', 'column', 'row-reverse', 'column-reverse'] as const;\nconst alignValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifyValues = ['start', 'center', 'end', 'between'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\n\nconst flexPropDefs = {\n  /**\n   * Controls whether to render **div** or **span**\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  as: { type: 'enum', values: as, default: 'div' },\n  ...asChildPropDef,\n  /**\n   * Sets the CSS **display** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * display=\"inline-flex\"\n   * display={{ sm: 'none', lg: 'flex' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/display\n   */\n  display: {\n    type: 'enum',\n    className: 'kui-r-display',\n    values: displayValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-direction** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * direction=\"column\"\n   * direction={{ sm: 'column', lg: 'row' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction\n   */\n  direction: {\n    type: 'enum',\n    className: 'kui-r-fd',\n    values: directionValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-items** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * align=\"center\"\n   * align={{ sm: 'baseline', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   */\n  align: {\n    type: 'enum',\n    className: 'kui-r-ai',\n    values: alignValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justify=\"between\"\n   * justify={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   */\n  justify: {\n    type: 'enum',\n    className: 'kui-r-jc',\n    values: justifyValues,\n    parseValue: parseJustifyValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-wrap** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * wrap=\"wrap\"\n   * wrap={{ sm: 'wrap', lg: 'nowrap' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap\n   */\n  wrap: {\n    type: 'enum',\n    className: 'kui-r-fw',\n    values: wrapValues,\n    responsive: true,\n  },\n  ...gapPropDefs,\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n  direction: PropDef<(typeof directionValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n};\n\nfunction parseJustifyValue(value: string) {\n  return value === 'between' ? 'space-between' : value;\n}\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype FlexOwnProps = GetPropDefTypes<\n  typeof flexPropDefs & typeof gapPropDefs & typeof asChildPropDef\n>;\n\nexport { flexPropDefs };\nexport type { FlexOwnProps };\n"],
-  "mappings": "gFAKA,IAAMA,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAkB,CAAC,MAAO,SAAU,cAAe,gBAAgB,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EACpDC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAE9CC,EAAe,CAQnB,GAAI,CAAE,KAAM,OAAQ,OAAQN,EAAI,QAAS,KAAM,EAC/C,GAAGO,EAYH,QAAS,CACP,KAAM,OACN,UAAW,gBACX,OAAQN,EACR,WAAY,EACd,EAYA,UAAW,CACT,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EAYA,MAAO,CACL,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAYI,EACZ,WAAY,EACd,EAYA,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQH,EACR,WAAY,EACd,EACA,GAAGI,CACL,EASA,SAASD,EAAkBE,EAAe,CACxC,OAAOA,IAAU,UAAY,gBAAkBA,CACjD",
+  "mappings": ";gFAKA,IAAMA,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAkB,CAAC,MAAO,SAAU,cAAe,gBAAgB,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EACpDC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAE9CC,EAAe,CAQnB,GAAI,CAAE,KAAM,OAAQ,OAAQN,EAAI,QAAS,KAAM,EAC/C,GAAGO,EAYH,QAAS,CACP,KAAM,OACN,UAAW,gBACX,OAAQN,EACR,WAAY,EACd,EAYA,UAAW,CACT,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EAYA,MAAO,CACL,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,WACX,OAAQC,EACR,WAAYI,EACZ,WAAY,EACd,EAYA,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQH,EACR,WAAY,EACd,EACA,GAAGI,CACL,EASA,SAASD,EAAkBE,EAAe,CACxC,OAAOA,IAAU,UAAY,gBAAkBA,CACjD",
   "names": ["as", "displayValues", "directionValues", "alignValues", "justifyValues", "wrapValues", "flexPropDefs", "asChildPropDef", "parseJustifyValue", "gapPropDefs", "value"]
 }

package/dist/esm/{chunk-BWLCTTTN.js → chunk-65KD6WS6.js}

@@ -1,2 +1,3 @@
-import{b as s}from"./chunk-KRJTW535.js";import{a as e}from"./chunk-NZJGC6ZW.js";import{d as o}from"./chunk-CUNKWFKA.js";var a=["1","2","3","4"],t=["raised","solid","soft","surface","outline","ghost"],f={...e,size:{type:"enum",className:"kui-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:t,default:"solid"},...o,...s,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};export{f as a};
-//# sourceMappingURL=chunk-BWLCTTTN.js.map
+"use client";
+import{b as s}from"./chunk-XU74PNM2.js";import{a as e}from"./chunk-CLJ6SEGP.js";import{d as o}from"./chunk-HBWBPBSA.js";var a=["1","2","3","4"],t=["raised","solid","soft","surface","outline","ghost"],f={...e,size:{type:"enum",className:"kui-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:t,default:"solid"},...o,...s,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};export{f as a};
+//# sourceMappingURL=chunk-65KD6WS6.js.map

package/dist/esm/{chunk-BWLCTTTN.js.map → chunk-65KD6WS6.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/_internal/base-button.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { accentColorPropDef } from '../../props/color.prop.js';\nimport { radiusPropDef } from '../../props/radius.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\n/**\n * Available button sizes for responsive design\n * Size 1: 24px - Compact for toolbars and dense interfaces\n * Size 2: 32px - Standard for most interface contexts\n * Size 3: 40px - Large for important actions and mobile touch targets\n * Size 4: 48px - Extra large for hero sections and maximum impact\n */\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Available button variants for different visual contexts\n * - raised: lifted off its ground, with an edge and a shadow\n * - solid: Primary actions that should be noticed first (the default)\n * - soft: Content-heavy interfaces, natural integration\n * - surface: Elevated appearance with subtle depth\n * - outline: Secondary actions that support primary actions\n * - ghost: Utility functions that don't compete for attention\n */\nconst variants = ['raised', 'solid', 'soft', 'surface', 'outline', 'ghost'] as const;\n\n/**\n * Base button prop definitions that define the component's API\n * \n * These props are used by all button variants (Button and Toggle)\n * to ensure consistent behavior and styling across the design system.\n * \n * Key features:\n * - Responsive sizing with mobile-first approach\n * - Six visual variants for different interface contexts\n * - Comprehensive color system with semantic meanings\n * - Loading states with automatic accessibility\n * - Polymorphic rendering support via asChild\n * \n * @example\n * ```tsx\n * // Basic button with default props\n * <BaseButton>Click me</BaseButton>\n * \n * // Button with custom size and variant\n * <BaseButton size=\"3\" variant=\"solid\">Primary Action</BaseButton>\n * \n * // Button with loading state\n * <BaseButton loading>Processing...</BaseButton>\n * ```\n */\nconst baseButtonPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Button size for responsive design and interface density\n   * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n   */\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  /**\n   * Visual variant that determines the button's appearance and context\n   */\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'solid' },\n  ...accentColorPropDef,\n  ...radiusPropDef,\n  /**\n   * Loading state that shows a spinner and disables interaction\n   * Automatically sets disabled=true and provides accessibility announcements\n   */\n  loading: { type: 'boolean', className: 'kui-loading', default: false },\n  /**\n   * Full width mode that expands the button to fill its container\n   * Useful for mobile layouts and form submissions\n   */\n  fullWidth: { type: 'boolean', className: 'kui-full-width', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loading: PropDef<boolean>;\n  fullWidth: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n"],
-  "mappings": "wHAaA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,OAAO,EA2BpEC,EAAqB,CACzB,GAAGC,EAKH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAI7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,OAAQ,EACtF,GAAGG,EACH,GAAGC,EAKH,QAAS,CAAE,KAAM,UAAW,UAAW,cAAe,QAAS,EAAM,EAKrE,UAAW,CAAE,KAAM,UAAW,UAAW,iBAAkB,QAAS,EAAM,CAC5E",
+  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { accentColorPropDef } from '../../props/color.prop.js';\nimport { radiusPropDef } from '../../props/radius.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\n/**\n * Available button sizes for responsive design\n * Size 1: 28px - Compact for toolbars and dense interfaces\n * Size 2: 32px - Standard for most interface contexts\n * Size 3: 40px - Large for important actions and mobile touch targets\n * Size 4: 48px - Extra large for hero sections and maximum impact\n */\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Available button variants for different visual contexts\n * - raised: lifted off its ground, with an edge and a shadow\n * - solid: Primary actions that should be noticed first (the default)\n * - soft: Content-heavy interfaces, natural integration\n * - surface: Elevated appearance with subtle depth\n * - outline: Secondary actions that support primary actions\n * - ghost: Utility functions that don't compete for attention\n */\nconst variants = ['raised', 'solid', 'soft', 'surface', 'outline', 'ghost'] as const;\n\n/**\n * Base button prop definitions that define the component's API\n * \n * These props are used by all button variants (Button and Toggle)\n * to ensure consistent behavior and styling across the design system.\n * \n * Key features:\n * - Responsive sizing with mobile-first approach\n * - Six visual variants for different interface contexts\n * - Comprehensive color system with semantic meanings\n * - Loading states with automatic accessibility\n * - Polymorphic rendering support via asChild\n * \n * @example\n * ```tsx\n * // Basic button with default props\n * <BaseButton>Click me</BaseButton>\n * \n * // Button with custom size and variant\n * <BaseButton size=\"3\" variant=\"solid\">Primary Action</BaseButton>\n * \n * // Button with loading state\n * <BaseButton loading>Processing...</BaseButton>\n * ```\n */\nconst baseButtonPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Button size for responsive design and interface density\n   * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n   */\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  /**\n   * Visual variant that determines the button's appearance and context\n   */\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'solid' },\n  ...accentColorPropDef,\n  ...radiusPropDef,\n  /**\n   * Loading state that shows a spinner and disables interaction\n   * Automatically sets disabled=true and provides accessibility announcements\n   */\n  loading: { type: 'boolean', className: 'kui-loading', default: false },\n  /**\n   * Full width mode that expands the button to fill its container\n   * Useful for mobile layouts and form submissions\n   */\n  fullWidth: { type: 'boolean', className: 'kui-full-width', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loading: PropDef<boolean>;\n  fullWidth: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n"],
+  "mappings": ";wHAaA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,OAAO,EA2BpEC,EAAqB,CACzB,GAAGC,EAKH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAI7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,OAAQ,EACtF,GAAGG,EACH,GAAGC,EAKH,QAAS,CAAE,KAAM,UAAW,UAAW,cAAe,QAAS,EAAM,EAKrE,UAAW,CAAE,KAAM,UAAW,UAAW,iBAAkB,QAAS,EAAM,CAC5E",
   "names": ["sizes", "variants", "baseButtonPropDefs", "asChildPropDef", "accentColorPropDef", "radiusPropDef"]
 }

package/dist/esm/{chunk-RWTSGUVJ.js → chunk-6AMWYEM7.js}

@@ -1,2 +1,3 @@
-import{a as p}from"./chunk-RAVZ7F5L.js";import{a as e}from"./chunk-ELAW7ZUG.js";import*as o from"react";import n from"classnames";import{Slot as a}from"radix-ui";var b=o.forwardRef((r,t)=>{let{asChild:s,className:m,...d}=e(r,p),f=s?a.Root:"kbd";return o.createElement(f,{...d,ref:t,className:n("kui-reset","kui-Kbd",m)})});b.displayName="Kbd";export{b as a};
-//# sourceMappingURL=chunk-RWTSGUVJ.js.map
+"use client";
+import{a as p}from"./chunk-EY6TCYGG.js";import{c as e}from"./chunk-OKQAVYW4.js";import*as o from"react";import n from"classnames";import{Slot as a}from"radix-ui";var b=o.forwardRef((r,t)=>{let{asChild:s,className:m,...d}=e(r,p),f=s?a.Root:"kbd";return o.createElement(f,{...d,ref:t,className:n("kui-reset","kui-Kbd",m)})});b.displayName="Kbd";export{b as a};
+//# sourceMappingURL=chunk-6AMWYEM7.js.map

package/dist/esm/{chunk-RWTSGUVJ.js.map → chunk-6AMWYEM7.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/kbd.tsx"],
   "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { kbdPropDefs } from './kbd.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype KbdElement = React.ElementRef<'kbd'>;\ntype KbdOwnProps = GetPropDefTypes<typeof kbdPropDefs>;\ninterface KbdProps extends ComponentPropsWithout<'kbd', RemovedProps>, KbdOwnProps {}\nconst Kbd = React.forwardRef<KbdElement, KbdProps>((props, forwardedRef) => {\n  const { asChild, className, ...kbdProps } = extractProps(props, kbdPropDefs);\n  const Comp = asChild ? Slot.Root : 'kbd';\n  return (\n    <Comp\n      {...kbdProps}\n      ref={forwardedRef}\n      className={classNames('kui-reset', 'kui-Kbd', className)}\n    />\n  );\n});\nKbd.displayName = 'Kbd';\n\nexport { Kbd };\nexport type { KbdProps };\n"],
-  "mappings": "gFAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAWrB,IAAMC,EAAY,aAAiC,CAACC,EAAOC,IAAiB,CAC1E,GAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,GAAGC,CAAS,EAAIC,EAAaL,EAAOM,CAAW,EACrEC,EAAOL,EAAUM,EAAK,KAAO,MACnC,OACE,gBAACD,EAAA,CACE,GAAGH,EACJ,IAAKH,EACL,UAAWQ,EAAW,YAAa,UAAWN,CAAS,EACzD,CAEJ,CAAC,EACDJ,EAAI,YAAc",
+  "mappings": ";gFAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAWrB,IAAMC,EAAY,aAAiC,CAACC,EAAOC,IAAiB,CAC1E,GAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,GAAGC,CAAS,EAAIC,EAAaL,EAAOM,CAAW,EACrEC,EAAOL,EAAUM,EAAK,KAAO,MACnC,OACE,gBAACD,EAAA,CACE,GAAGH,EACJ,IAAKH,EACL,UAAWQ,EAAW,YAAa,UAAWN,CAAS,EACzD,CAEJ,CAAC,EACDJ,EAAI,YAAc",
   "names": ["React", "classNames", "Slot", "Kbd", "props", "forwardedRef", "asChild", "className", "kbdProps", "extractProps", "kbdPropDefs", "Comp", "Slot", "classNames"]
 }

package/dist/esm/chunk-6AUIIXXE.js

@@ -0,0 +1,2 @@
+var m="2";function h(n,e){if(e.includes(n))return n;let c=Number(n),i=e[0],r=1/0;for(let t=0;t<e.length;t++){let o=Math.abs(Number(e[t])-c);o<r&&(r=o,i=e[t])}return i}export{m as a,h as b};
+//# sourceMappingURL=chunk-6AUIIXXE.js.map

package/dist/esm/chunk-6AUIIXXE.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/theme-size.ts"],
+  "sourcesContent": ["/**\n * The pure half of the theme size: the type, the default and the clamp. Server-safe.\n *\n * The context and the hooks that read it live in `hooks/theme-size.ts`, a client module, so there\n * is one `ThemeSizeContext` and importing `/helpers` from a server component does not call\n * `createContext`.\n */\n\ntype ThemeSize = '1' | '2' | '3' | '4';\n\n/** The rest of the 1-4 index when no Theme states a size. */\nconst THEME_SIZE_DEFAULT: ThemeSize = '2';\n\n/**\n * Maps the theme size onto a component's own range: the value itself when the\n * component has it, otherwise the nearest end of the range (`4` on a 1-3 scale\n * is `3`, on a 1-2 scale it is `2`).\n */\nfunction clampSize(size: ThemeSize, values: readonly string[]): string {\n  if (values.includes(size)) return size;\n  const n = Number(size);\n  let nearest = values[0];\n  let distance = Infinity;\n  for (let i = 0; i < values.length; i++) {\n    const d = Math.abs(Number(values[i]) - n);\n    if (d < distance) {\n      distance = d;\n      nearest = values[i];\n    }\n  }\n  return nearest;\n}\n\nexport { THEME_SIZE_DEFAULT, clampSize };\nexport type { ThemeSize };\n"],
+  "mappings": "AAWA,IAAMA,EAAgC,IAOtC,SAASC,EAAUC,EAAiBC,EAAmC,CACrE,GAAIA,EAAO,SAASD,CAAI,EAAG,OAAOA,EAClC,IAAME,EAAI,OAAOF,CAAI,EACjBG,EAAUF,EAAO,CAAC,EAClBG,EAAW,IACf,QAASC,EAAI,EAAGA,EAAIJ,EAAO,OAAQI,IAAK,CACtC,IAAMC,EAAI,KAAK,IAAI,OAAOL,EAAOI,CAAC,CAAC,EAAIH,CAAC,EACpCI,EAAIF,IACNA,EAAWE,EACXH,EAAUF,EAAOI,CAAC,EAEtB,CACA,OAAOF,CACT",
+  "names": ["THEME_SIZE_DEFAULT", "clampSize", "size", "values", "n", "nearest", "distance", "i", "d"]
+}

package/dist/esm/{chunk-ELAW7ZUG.js → chunk-6FLLFCBU.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk-E23RKOQJ.js";import{a as y,b as g}from"./chunk-PBFSBHBS.js";import{a as p}from"./chunk-RZCX6IBE.js";import{a as d}from"./chunk-AX5S56DS.js";import h from"classnames";function V(n,i){let a=n.initial,o=!1;return i.hasDefault&&a===void 0&&(a=i.default,o=!0),i.enumValueSet!==void 0&&!i.enumValueSet.has(a)&&(a=i.default,o=!0),o?{...n,initial:a}:n}function T(n,...i){let{styling:a,passthrough:o,stylingKeys:P}=d(i),r={};for(let t in n)P.has(t)||(r[t]=n[t]);for(let t=0;t<o.length;t++){let e=o[t],s=r[e.key];if(s===void 0){e.hasDefault&&(r[e.key]=e.default);continue}e.enumValueSet!==void 0&&!e.enumValueSet.has(s)&&!p(s)&&(r[e.key]=e.default)}let f,l=[];for(let t=0;t<a.length;t++){let e=a[t],s=n[e.key];if(s===void 0&&e.hasDefault&&(s=e.default),e.enumValueSet!==void 0&&!e.enumValueSet.has(s)&&!p(s)&&(s=e.default),!!s){if(p(s)){if(!e.responsive)continue;s=V(s,e)}if(e.type==="enum"){let u=g({allowArbitraryValues:!1,value:s,className:e.className,propValues:e.values,propValueSet:e.valueSet,parseValue:e.parseValue});u&&l.push(u);continue}if(e.type==="string"||e.type==="enum | string"){let[u,c]=y({className:e.className,customProperties:e.customProperties,propValues:e.type==="string"?[]:e.values,propValueSet:e.type==="string"?void 0:e.valueSet,parseValue:e.parseValue,value:s});c&&(f=m(f,c)),u&&l.push(u);continue}if(e.type==="boolean"){l.push(e.className);continue}}}return r.className=h(l.length>0?l.join(" "):void 0,n.className),r.style=m(f,n.style),r}export{T as a};
-//# sourceMappingURL=chunk-ELAW7ZUG.js.map
+import{a as d}from"./chunk-AX5S56DS.js";import{a as m}from"./chunk-E23RKOQJ.js";import{a as y,b as g}from"./chunk-JUY7CBSL.js";import{a as p}from"./chunk-RZCX6IBE.js";import h from"classnames";function V(n,i){let a=n.initial,o=!1;return i.hasDefault&&a===void 0&&(a=i.default,o=!0),i.enumValueSet!==void 0&&!i.enumValueSet.has(a)&&(a=i.default,o=!0),o?{...n,initial:a}:n}function T(n,...i){let{styling:a,passthrough:o,stylingKeys:P}=d(i),r={};for(let t in n)P.has(t)||(r[t]=n[t]);for(let t=0;t<o.length;t++){let e=o[t],s=r[e.key];if(s===void 0){e.hasDefault&&(r[e.key]=e.default);continue}e.enumValueSet!==void 0&&!e.enumValueSet.has(s)&&!p(s)&&(r[e.key]=e.default)}let f,l=[];for(let t=0;t<a.length;t++){let e=a[t],s=n[e.key];if(s===void 0&&e.hasDefault&&(s=e.default),e.enumValueSet!==void 0&&!e.enumValueSet.has(s)&&!p(s)&&(s=e.default),!!s){if(p(s)){if(!e.responsive)continue;s=V(s,e)}if(e.type==="enum"){let u=g({allowArbitraryValues:!1,value:s,className:e.className,propValues:e.values,propValueSet:e.valueSet,parseValue:e.parseValue});u&&l.push(u);continue}if(e.type==="string"||e.type==="enum | string"){let[u,c]=y({className:e.className,customProperties:e.customProperties,propValues:e.type==="string"?[]:e.values,propValueSet:e.type==="string"?void 0:e.valueSet,parseValue:e.parseValue,value:s});c&&(f=m(f,c)),u&&l.push(u);continue}if(e.type==="boolean"){l.push(e.className);continue}}}return r.className=h(l.length>0?l.join(" "):void 0,n.className),r.style=m(f,n.style),r}export{T as a};
+//# sourceMappingURL=chunk-6FLLFCBU.js.map

package/dist/esm/{chunk-4QKZYCCH.js → chunk-6RJQ5LLP.js}

@@ -1,2 +1,3 @@
-import{a as r}from"./chunk-KEGCX5VM.js";import*as e from"react";import d from"classnames";import{Toggle as g}from"radix-ui";var i=e.forwardRef(({pressed:o,onPressedChange:t,defaultPressed:s,children:a,className:l,...n},p)=>{delete n.done;let u=e.useRef(!1);return e.useEffect(()=>{},[o,t]),e.createElement(g.Root,{pressed:o,onPressedChange:t,defaultPressed:s,asChild:!0},e.createElement(r,{...n,ref:p,className:d("kui-Toggle",l)},a))});i.displayName="Toggle";export{i as a};
-//# sourceMappingURL=chunk-4QKZYCCH.js.map
+"use client";
+import{a as r}from"./chunk-5TJH35TF.js";import*as e from"react";import d from"classnames";import{Toggle as g}from"radix-ui";var i=e.forwardRef(({pressed:o,onPressedChange:t,defaultPressed:s,children:a,className:l,...n},p)=>{delete n.done;let u=e.useRef(!1);return e.useEffect(()=>{},[o,t]),e.createElement(g.Root,{pressed:o,onPressedChange:t,defaultPressed:s,asChild:!0},e.createElement(r,{...n,ref:p,className:d("kui-Toggle",l)},a))});i.displayName="Toggle";export{i as a};
+//# sourceMappingURL=chunk-6RJQ5LLP.js.map

package/dist/esm/{chunk-4QKZYCCH.js.map → chunk-6RJQ5LLP.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/toggle.tsx"],
   "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Toggle as TogglePrimitive } from 'radix-ui';\nimport { Button } from './button.js';\nimport type { ButtonIconOnlyProps, ButtonProps, ButtonRankProps } from './button.js';\n\ntype ToggleOwnProps = {\n  /** Whether the toggle is on. The controlled counterpart of `defaultPressed`. */\n  pressed?: boolean;\n  /** Fires when the pressed state changes, with the new state. */\n  onPressedChange?: (pressed: boolean) => void;\n  /** Whether the toggle starts on. The uncontrolled counterpart of `pressed`. */\n  defaultPressed?: boolean;\n};\n\n/**\n * Toggle takes every `Button` prop except `as` and `done`: a toggle's state is `pressed`, and a\n * tick in place of its icon would read as a second state. Set `iconOnly` for a square toggle holding only\n * an icon; the type then requires `aria-label` or `aria-labelledby`.\n */\ntype ToggleProps = Omit<ButtonProps<'button'>, 'as' | 'variant' | 'emphasis' | 'iconOnly' | 'done'> &\n  ButtonRankProps &\n  ButtonIconOnlyProps &\n  ToggleOwnProps;\n\ntype ToggleElement = React.ElementRef<typeof Button>;\n\n/**\n * A button that stays pressed: bold in a formatting bar, a filter that is on or off. One\n * control, two states, `aria-pressed` from the primitive. It is a `Button` in every other\n * respect, and wears Button's pressed look while on.\n *\n * Picking one of several is a `SegmentedControl`.\n *\n * @example\n * ```tsx\n * <Toggle defaultPressed={false}>Show hidden</Toggle>\n *\n * <Toggle iconOnly aria-label=\"Bold\" pressed={bold} onPressedChange={setBold}>\n *   <BoldIcon />\n * </Toggle>\n * ```\n */\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>(\n  ({ pressed, onPressedChange, defaultPressed, children, className, ...buttonProps }, forwardedRef) => {\n    // `done` is not a Toggle prop; a call that slips past the type drops it rather than showing a tick.\n    delete (buttonProps as { done?: boolean }).done;\n    // aria-pressed is the whole announcement: a screen reader reads the new state on its own.\n    const warnedRef = React.useRef(false);\n    React.useEffect(() => {\n      if (\n        process.env.NODE_ENV === 'development' &&\n        pressed !== undefined &&\n        onPressedChange === undefined &&\n        !warnedRef.current\n      ) {\n        warnedRef.current = true;\n        console.warn(\n          'Toggle: You provided a `pressed` prop without an `onPressedChange` handler. ' +\n            'This will result in a read-only toggle button. If you want the button to be interactive, ' +\n            'you should provide an `onPressedChange` handler.',\n        );\n      }\n    }, [pressed, onPressedChange]);\n\n    return (\n      <TogglePrimitive.Root pressed={pressed} onPressedChange={onPressedChange} defaultPressed={defaultPressed} asChild>\n        <Button {...(buttonProps as ButtonProps)} ref={forwardedRef} className={classNames('kui-Toggle', className)}>\n          {children}\n        </Button>\n      </TogglePrimitive.Root>\n    );\n  },\n);\nToggle.displayName = 'Toggle';\n\nexport { Toggle };\nexport type { ToggleProps };\n"],
-  "mappings": "wCAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAyC1C,IAAMC,EAAe,aACnB,CAAC,CAAE,QAAAC,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAY,EAAGC,IAAiB,CAEnG,OAAQD,EAAmC,KAE3C,IAAME,EAAkB,SAAO,EAAK,EACpC,OAAM,YAAU,IAAM,CActB,EAAG,CAACP,EAASC,CAAe,CAAC,EAG3B,gBAACO,EAAgB,KAAhB,CAAqB,QAASR,EAAS,gBAAiBC,EAAiB,eAAgBC,EAAgB,QAAO,IAC/G,gBAACO,EAAA,CAAQ,GAAIJ,EAA6B,IAAKC,EAAc,UAAWI,EAAW,aAAcN,CAAS,GACvGD,CACH,CACF,CAEJ,CACF,EACAJ,EAAO,YAAc",
+  "mappings": ";wCAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAyC1C,IAAMC,EAAe,aACnB,CAAC,CAAE,QAAAC,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAY,EAAGC,IAAiB,CAEnG,OAAQD,EAAmC,KAE3C,IAAME,EAAkB,SAAO,EAAK,EACpC,OAAM,YAAU,IAAM,CActB,EAAG,CAACP,EAASC,CAAe,CAAC,EAG3B,gBAACO,EAAgB,KAAhB,CAAqB,QAASR,EAAS,gBAAiBC,EAAiB,eAAgBC,EAAgB,QAAO,IAC/G,gBAACO,EAAA,CAAQ,GAAIJ,EAA6B,IAAKC,EAAc,UAAWI,EAAW,aAAcN,CAAS,GACvGD,CACH,CACF,CAEJ,CACF,EACAJ,EAAO,YAAc",
   "names": ["React", "classNames", "TogglePrimitive", "Toggle", "pressed", "onPressedChange", "defaultPressed", "children", "className", "buttonProps", "forwardedRef", "warnedRef", "TogglePrimitive", "Button", "classNames"]
 }

package/dist/esm/{chunk-4P6TKZCA.js → chunk-6UZT3ZLO.js}

@@ -1,2 +1,3 @@
-import{a as n}from"./chunk-XZQSSRTG.js";import{a as m}from"./chunk-ELAW7ZUG.js";import*as e from"react";import{Slot as i}from"radix-ui";var c=e.memo(e.forwardRef((P,t)=>{let{children:o,className:p,asChild:x,as:T="span",color:s,...r}=m(P,n),a=p?`kui-Text ${p}`:"kui-Text";return x?e.createElement(i.Root,{"data-accent-color":s,...r,ref:t,className:a},o):e.createElement(T,{"data-accent-color":s,...r,ref:t,className:a},o)}));c.displayName="Text";export{c as a};
-//# sourceMappingURL=chunk-4P6TKZCA.js.map
+"use client";
+import{a as n}from"./chunk-PHWT772P.js";import{c as m}from"./chunk-OKQAVYW4.js";import*as e from"react";import{Slot as i}from"radix-ui";var c=e.memo(e.forwardRef((P,t)=>{let{children:o,className:p,asChild:x,as:T="span",color:s,...r}=m(P,n),a=p?`kui-Text ${p}`:"kui-Text";return x?e.createElement(i.Root,{"data-accent-color":s,...r,ref:t,className:a},o):e.createElement(T,{"data-accent-color":s,...r,ref:t,className:a},o)}));c.displayName="Text";export{c as a};
+//# sourceMappingURL=chunk-6UZT3ZLO.js.map

package/dist/esm/{chunk-4P6TKZCA.js.map → chunk-6UZT3ZLO.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/text.tsx"],
   "sourcesContent": ["import * as React from 'react';\nimport { Slot } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { textPropDefs } from './text.props.js';\n\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype TextElement = React.ElementRef<'span'>;\ntype TextOwnProps = GetPropDefTypes<typeof textPropDefs>;\ninterface CommonTextProps extends TextOwnProps {}\ntype TextSpanProps = { as?: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype TextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype TextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>;\ntype TextPProps = { as: 'p' } & ComponentPropsWithout<'p', RemovedProps>;\ntype TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps);\n\n// Pre-merge prop definitions at module level to avoid per-render allocation\n\nconst Text = React.memo(\n  React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n    const {\n      children,\n      className,\n      asChild,\n      as: Tag = 'span',\n      color,\n      ...textProps\n    } = extractProps(props, textPropDefs);\n\n    const combinedClassName = className ? `kui-Text ${className}` : 'kui-Text';\n\n    if (asChild) {\n      return (\n        <Slot.Root\n          data-accent-color={color}\n          {...textProps}\n          ref={forwardedRef}\n          className={combinedClassName}\n        >\n          {children}\n        </Slot.Root>\n      );\n    }\n\n    return (\n      <Tag\n        data-accent-color={color}\n        {...(textProps as React.HTMLAttributes<HTMLElement>)}\n        ref={forwardedRef as any}\n        className={combinedClassName}\n      >\n        {children}\n      </Tag>\n    );\n  })\n);\nText.displayName = 'Text';\n\nexport { Text };\nexport type { TextProps };\n"],
-  "mappings": "gFAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WAmBrB,IAAMC,EAAa,OACX,aAAmC,CAACC,EAAOC,IAAiB,CAChE,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,OACV,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaR,EAAOS,CAAY,EAE9BC,EAAoBP,EAAY,YAAYA,CAAS,GAAK,WAEhE,OAAIC,EAEA,gBAACO,EAAK,KAAL,CACC,oBAAmBL,EAClB,GAAGC,EACJ,IAAKN,EACL,UAAWS,GAEVR,CACH,EAKF,gBAACG,EAAA,CACC,oBAAmBC,EAClB,GAAIC,EACL,IAAKN,EACL,UAAWS,GAEVR,CACH,CAEJ,CAAC,CACH,EACAH,EAAK,YAAc",
+  "mappings": ";gFAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WAmBrB,IAAMC,EAAa,OACX,aAAmC,CAACC,EAAOC,IAAiB,CAChE,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,OACV,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaR,EAAOS,CAAY,EAE9BC,EAAoBP,EAAY,YAAYA,CAAS,GAAK,WAEhE,OAAIC,EAEA,gBAACO,EAAK,KAAL,CACC,oBAAmBL,EAClB,GAAGC,EACJ,IAAKN,EACL,UAAWS,GAEVR,CACH,EAKF,gBAACG,EAAA,CACC,oBAAmBC,EAClB,GAAIC,EACL,IAAKN,EACL,UAAWS,GAEVR,CACH,CAEJ,CAAC,CACH,EACAH,EAAK,YAAc",
   "names": ["React", "Slot", "Text", "props", "forwardedRef", "children", "className", "asChild", "Tag", "color", "textProps", "extractProps", "textPropDefs", "combinedClassName", "Slot"]
 }

package/dist/esm/{chunk-I4FLQELQ.js → chunk-7B3XDZXZ.js}

@@ -1,2 +1,3 @@
-import{a as d}from"./chunk-KEGCX5VM.js";import{a as R}from"./chunk-4P6TKZCA.js";import{b as u,d as f}from"./chunk-3YLYGKFB.js";import*as e from"react";import z from"classnames";var v=e.createContext(void 0),C={values:["1","2","3","4"]},N=e.forwardRef(({kind:r,size:o="2",color:t="gray",className:c,children:a,trailing:s,leading:i,...l},n)=>e.createElement("div",{role:"status","aria-live":"polite",...l,ref:n,className:z("kui-NoticeRoot",`kui-r-size-${o}`,c),"data-kind":r,"data-accent-color":t},i?e.createElement("span",{className:"kui-NoticeIcon","aria-hidden":!0},i):null,e.createElement(R,{as:"div",size:o,className:"kui-NoticeText"},a),s));N.displayName="Strip";var g=e.forwardRef(({icon:r,action:o,onDismiss:t,dismissLabel:c="Dismiss",size:a,...s},i)=>{let l=e.useContext(v),n=f(a??l,C),p=o||t?e.createElement("span",{className:"kui-NoticeActions"},o?e.createElement(u.Provider,{value:n},o):null,t?e.createElement(d,{iconOnly:!0,size:n,variant:"ghost",color:"gray","aria-label":c,className:"kui-NoticeDismiss",onClick:t},e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none","aria-hidden":!0},e.createElement("path",{d:"M4 4l7 7M11 4l-7 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))):null):null;return e.createElement(N,{...s,size:n,ref:i,kind:"notice",leading:r,trailing:p})});g.displayName="Notice";var k=e.forwardRef(({confirmLabel:r,cancelLabel:o="Not now",onConfirm:t,onCancel:c,busy:a=!1,size:s,color:i="gray",...l},n)=>{let p=e.useContext(v),m=f(s??p,C);return e.createElement(N,{...l,size:m,color:i,ref:n,kind:"confirmation",trailing:e.createElement("span",{className:"kui-NoticeActions"},e.createElement(d,{size:m,variant:"ghost",color:"gray",disabled:a,onClick:c},o),e.createElement(d,{size:m,variant:"solid",color:i,loading:a,onClick:t},r))})});k.displayName="Confirmation";export{v as a,g as b,k as c};
-//# sourceMappingURL=chunk-I4FLQELQ.js.map
+"use client";
+import{a as d}from"./chunk-5TJH35TF.js";import{a as R}from"./chunk-6UZT3ZLO.js";import{a as u,b as f}from"./chunk-5ON3XLRD.js";import*as e from"react";import z from"classnames";var v=e.createContext(void 0),C={values:["1","2","3","4"]},N=e.forwardRef(({kind:r,size:o="2",color:t="gray",className:c,children:a,trailing:s,leading:i,...l},n)=>e.createElement("div",{role:"status","aria-live":"polite",...l,ref:n,className:z("kui-NoticeRoot",`kui-r-size-${o}`,c),"data-kind":r,"data-accent-color":t},i?e.createElement("span",{className:"kui-NoticeIcon","aria-hidden":!0},i):null,e.createElement(R,{as:"div",size:o,className:"kui-NoticeText"},a),s));N.displayName="Strip";var g=e.forwardRef(({icon:r,action:o,onDismiss:t,dismissLabel:c="Dismiss",size:a,...s},i)=>{let l=e.useContext(v),n=f(a??l,C),p=o||t?e.createElement("span",{className:"kui-NoticeActions"},o?e.createElement(u.Provider,{value:n},o):null,t?e.createElement(d,{iconOnly:!0,size:n,variant:"ghost",color:"gray","aria-label":c,className:"kui-NoticeDismiss",onClick:t},e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none","aria-hidden":!0},e.createElement("path",{d:"M4 4l7 7M11 4l-7 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))):null):null;return e.createElement(N,{...s,size:n,ref:i,kind:"notice",leading:r,trailing:p})});g.displayName="Notice";var k=e.forwardRef(({confirmLabel:r,cancelLabel:o="Not now",onConfirm:t,onCancel:c,busy:a=!1,size:s,color:i="gray",...l},n)=>{let p=e.useContext(v),m=f(s??p,C);return e.createElement(N,{...l,size:m,color:i,ref:n,kind:"confirmation",trailing:e.createElement("span",{className:"kui-NoticeActions"},e.createElement(d,{size:m,variant:"ghost",color:"gray",disabled:a,onClick:c},o),e.createElement(d,{size:m,variant:"solid",color:i,loading:a,onClick:t},r))})});k.displayName="Confirmation";export{v as a,g as b,k as c};
+//# sourceMappingURL=chunk-7B3XDZXZ.js.map

package/dist/esm/chunk-7B3XDZXZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/notice.tsx"],
+  "sourcesContent": ["'use client';\n\n/**\n * Notice and Confirmation \u2014 what the app tells the person while it is true.\n *\n * Two questions place every message: what is it about, and what made it appear.\n *\n * - **Notice** \u2014 a condition that is true now, which nobody just caused: a usage limit, a\n *   connection lost, a goal that finished. It takes space in the layout and never floats, so it\n *   cannot cover what it is about. At most one action, and that action FIXES the condition. A\n *   dismiss button only ACKNOWLEDGES it, and the app owns that state (`onDismiss`), because a\n *   component cannot remember a dismissal across a reload.\n * - **Confirmation** \u2014 a question that waits for an answer: a quiet no before a loud yes, and no\n *   dismiss button, because closing a question does not answer it. It never takes focus, so a\n *   person can answer in the composer instead.\n *\n * Placement is the caller's. In a chat, both go in `Chatbar.Root`'s `notices`.\n * A notice with no action and no dismiss button is just a sentence: use `Text`.\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Button } from './button.js';\nimport { Text } from './text.js';\nimport { ThemeSizeContext, useThemeSize } from '../hooks/theme-size.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\n\ntype NoticeSize = '1' | '2' | '3' | '4';\n\n/** The size a notice takes when it doesn't set one. `Chatbar.Root` provides its own size here. */\nconst NoticeSizeContext = React.createContext<NoticeSize | undefined>(undefined);\n\n/** Notice's own range, the Theme's four sizes. */\nconst noticeSizePropDef = { values: ['1', '2', '3', '4'] as const };\ntype NoticeColor = (typeof accentColorPropDef)['color']['values'][number];\n\ninterface StripProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color' | 'children'> {\n  /** Padding, text and button size. Defaults to the nearest Theme's size. */\n  size?: NoticeSize;\n  /**\n   * The category of the message, not its volume. Default `gray`. Use a colour only when it adds a\n   * fact the words don't already give, such as `red` for something that stops the next step.\n   */\n  color?: NoticeColor;\n  /** The message. */\n  children: React.ReactNode;\n}\n\ninterface NoticeProps extends StripProps {\n  /** An icon before the message. It is hidden from assistive technology. */\n  icon?: React.ReactNode;\n  /**\n   * One action that fixes the condition, such as `<Button>Add credits</Button>`. A control in it\n   * that sets no `size` takes the notice's size.\n   */\n  action?: React.ReactNode;\n  /**\n   * Called when the person presses the dismiss button, which shows only when this is set.\n   * Dismissing hides the message; it does not fix the condition. Remove the notice and remember\n   * the choice in your app.\n   */\n  onDismiss?: () => void;\n  /** Accessible name of the dismiss button. Default \"Dismiss\". */\n  dismissLabel?: string;\n}\n\ninterface ConfirmationProps extends StripProps {\n  /** The yes. Name the action, such as \"Run\" or \"Allow up to $18\". */\n  confirmLabel: string;\n  /** The no. Default \"Not now\". */\n  cancelLabel?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n  /** The yes is running: it shows a spinner and the no is disabled. */\n  busy?: boolean;\n}\n\nconst Strip = React.forwardRef<HTMLDivElement, StripProps & { kind: 'notice' | 'confirmation'; trailing: React.ReactNode; leading?: React.ReactNode }>(\n  ({ kind, size = '2', color = 'gray', className, children, trailing, leading, ...props }, forwardedRef) => (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      {...props}\n      ref={forwardedRef}\n      className={classNames('kui-NoticeRoot', `kui-r-size-${size}`, className)}\n      data-kind={kind}\n      data-accent-color={color}\n    >\n      {leading ? (\n        <span className=\"kui-NoticeIcon\" aria-hidden>\n          {leading}\n        </span>\n      ) : null}\n      <Text as=\"div\" size={size} className=\"kui-NoticeText\">\n        {children}\n      </Text>\n      {trailing}\n    </div>\n  ),\n);\nStrip.displayName = 'Strip';\n\n/** A condition that is true now, with at most one action that fixes it. */\nconst Notice = React.forwardRef<HTMLDivElement, NoticeProps>(({ icon, action, onDismiss, dismissLabel = 'Dismiss', size: sizeProp, ...props }, forwardedRef) => {\n  const contextSize = React.useContext(NoticeSizeContext);\n  const size = useThemeSize(sizeProp ?? contextSize, noticeSizePropDef);\n  const trailing =\n    action || onDismiss ? (\n      <span className=\"kui-NoticeActions\">\n        {action ? <ThemeSizeContext.Provider value={size}>{action}</ThemeSizeContext.Provider> : null}\n        {onDismiss ? (\n          <Button iconOnly size={size} variant=\"ghost\" color=\"gray\" aria-label={dismissLabel} className=\"kui-NoticeDismiss\" onClick={onDismiss}>\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" aria-hidden>\n              <path d=\"M4 4l7 7M11 4l-7 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n            </svg>\n          </Button>\n        ) : null}\n      </span>\n    ) : null;\n  return <Strip {...props} size={size} ref={forwardedRef} kind=\"notice\" leading={icon} trailing={trailing} />;\n});\nNotice.displayName = 'Notice';\n\n/** A question that waits for an answer: a quiet no, a loud yes, and no dismiss button. */\nconst Confirmation = React.forwardRef<HTMLDivElement, ConfirmationProps>(\n  ({ confirmLabel, cancelLabel = 'Not now', onConfirm, onCancel, busy = false, size: sizeProp, color = 'gray', ...props }, forwardedRef) => {\n    const contextSize = React.useContext(NoticeSizeContext);\n    const size = useThemeSize(sizeProp ?? contextSize, noticeSizePropDef);\n    return (\n    <Strip\n      {...props}\n      size={size}\n      color={color}\n      ref={forwardedRef}\n      kind=\"confirmation\"\n      trailing={\n        <span className=\"kui-NoticeActions\">\n          <Button size={size} variant=\"ghost\" color=\"gray\" disabled={busy} onClick={onCancel}>\n            {cancelLabel}\n          </Button>\n          <Button size={size} variant=\"solid\" color={color} loading={busy} onClick={onConfirm}>\n            {confirmLabel}\n          </Button>\n        </span>\n      }\n    />\n    );\n  },\n);\nConfirmation.displayName = 'Confirmation';\n\nexport { Notice, Confirmation, NoticeSizeContext };\nexport type { NoticeProps, ConfirmationProps };\n"],
+  "mappings": ";+HAoBA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAUvB,IAAMC,EAA0B,gBAAsC,MAAS,EAGzEC,EAAoB,CAAE,OAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,CAAW,EA4C5DC,EAAc,aAClB,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAO,IAAK,MAAAC,EAAQ,OAAQ,UAAAC,EAAW,SAAAC,EAAU,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAM,EAAGC,IACvF,gBAAC,OACC,KAAK,SACL,YAAU,SACT,GAAGD,EACJ,IAAKC,EACL,UAAWC,EAAW,iBAAkB,cAAcR,CAAI,GAAIE,CAAS,EACvE,YAAWH,EACX,oBAAmBE,GAElBI,EACC,gBAAC,QAAK,UAAU,iBAAiB,cAAW,IACzCA,CACH,EACE,KACJ,gBAACI,EAAA,CAAK,GAAG,MAAM,KAAMT,EAAM,UAAU,kBAClCG,CACH,EACCC,CACH,CAEJ,EACAN,EAAM,YAAc,QAGpB,IAAMY,EAAe,aAAwC,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAQ,UAAAC,EAAW,aAAAC,EAAe,UAAW,KAAMC,EAAU,GAAGT,CAAM,EAAGC,IAAiB,CAC9J,IAAMS,EAAoB,aAAWpB,CAAiB,EAChDI,EAAOiB,EAAaF,GAAYC,EAAanB,CAAiB,EAC9DO,EACJQ,GAAUC,EACR,gBAAC,QAAK,UAAU,qBACbD,EAAS,gBAACM,EAAiB,SAAjB,CAA0B,MAAOlB,GAAOY,CAAO,EAA+B,KACxFC,EACC,gBAACM,EAAA,CAAO,SAAQ,GAAC,KAAMnB,EAAM,QAAQ,QAAQ,MAAM,OAAO,aAAYc,EAAc,UAAU,oBAAoB,QAASD,GACzH,gBAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAW,IACrE,gBAAC,QAAK,EAAE,qBAAqB,OAAO,eAAe,YAAY,MAAM,cAAc,QAAQ,CAC7F,CACF,EACE,IACN,EACE,KACN,OAAO,gBAACf,EAAA,CAAO,GAAGQ,EAAO,KAAMN,EAAM,IAAKO,EAAc,KAAK,SAAS,QAASI,EAAM,SAAUP,EAAU,CAC3G,CAAC,EACDM,EAAO,YAAc,SAGrB,IAAMU,EAAqB,aACzB,CAAC,CAAE,aAAAC,EAAc,YAAAC,EAAc,UAAW,UAAAC,EAAW,SAAAC,EAAU,KAAAC,EAAO,GAAO,KAAMV,EAAU,MAAAd,EAAQ,OAAQ,GAAGK,CAAM,EAAGC,IAAiB,CACxI,IAAMS,EAAoB,aAAWpB,CAAiB,EAChDI,EAAOiB,EAAaF,GAAYC,EAAanB,CAAiB,EACpE,OACA,gBAACC,EAAA,CACE,GAAGQ,EACJ,KAAMN,EACN,MAAOC,EACP,IAAKM,EACL,KAAK,eACL,SACE,gBAAC,QAAK,UAAU,qBACd,gBAACY,EAAA,CAAO,KAAMnB,EAAM,QAAQ,QAAQ,MAAM,OAAO,SAAUyB,EAAM,QAASD,GACvEF,CACH,EACA,gBAACH,EAAA,CAAO,KAAMnB,EAAM,QAAQ,QAAQ,MAAOC,EAAO,QAASwB,EAAM,QAASF,GACvEF,CACH,CACF,EAEJ,CAEF,CACF,EACAD,EAAa,YAAc",
+  "names": ["React", "classNames", "NoticeSizeContext", "noticeSizePropDef", "Strip", "kind", "size", "color", "className", "children", "trailing", "leading", "props", "forwardedRef", "classNames", "Text", "Notice", "icon", "action", "onDismiss", "dismissLabel", "sizeProp", "contextSize", "useThemeSize", "ThemeSizeContext", "Button", "Confirmation", "confirmLabel", "cancelLabel", "onConfirm", "onCancel", "busy"]
+}

package/dist/esm/chunk-7N2Q5WOM.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as t}from"./chunk-OAJ5DARR.js";import{a as o}from"./chunk-LPLW7OWA.js";import{a as i}from"./chunk-L54FWKJE.js";var r=["visible","hidden","clip","scroll","auto"],p=["static","relative","absolute","fixed","sticky"],s=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],u=["0","1"],n=["0","1"],a=["start","center","end","baseline","stretch"],m=["start","center","end","baseline","stretch"],c={...t,...i,...o,position:{type:"enum",className:"kui-r-position",values:p,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:s,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:s,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:s,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:s,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:s,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:r,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:r,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:r,responsive:!0},flexBasis:{type:"string",className:"kui-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"kui-r-fs",customProperties:["--flex-shrink"],values:u,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:n,responsive:!0},gridArea:{type:"string",className:"kui-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"kui-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"kui-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"kui-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"kui-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"kui-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"kui-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"kui-r-as",values:a,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:m,responsive:!0}};var e=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12","bleed"],P={m:{type:"enum | string",values:e,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:e,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:e,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:e,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:e,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:e,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:e,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};export{c as a,P as b};
+//# sourceMappingURL=chunk-7N2Q5WOM.js.map

package/dist/esm/chunk-7N2Q5WOM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/layout.props.ts", "../../src/props/margin.props.ts"],
+  "sourcesContent": ["import { paddingPropDefs } from './padding.props.js';\nimport { heightPropDefs } from './height.props.js';\nimport { widthPropDefs } from './width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst overflowValues = ['visible', 'hidden', 'clip', 'scroll', 'auto'] as const;\nconst positionValues = ['static', 'relative', 'absolute', 'fixed', 'sticky'] as const;\n// prettier-ignore\nconst positionEdgeValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9'] as const;\nconst flexShrinkValues = ['0', '1'] as const;\nconst flexGrowValues = ['0', '1'] as const;\nconst alignSelfValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifySelfValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\n\nconst layoutPropDefs = {\n  ...paddingPropDefs,\n  ...widthPropDefs,\n  ...heightPropDefs,\n  /**\n   * Sets the CSS **position** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * position=\"absolute\"\n   * position={{ sm: 'absolute', lg: 'sticky' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/position\n   */\n  position: {\n    type: 'enum',\n    className: 'kui-r-position',\n    values: positionValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **inset** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * inset=\"4\"\n   * inset=\"100px\"\n   * inset={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/inset\n   */\n  inset: {\n    type: 'enum | string',\n    className: 'kui-r-inset',\n    customProperties: ['--inset'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * top=\"4\"\n   * top=\"100px\"\n   * top={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/top\n   */\n  top: {\n    type: 'enum | string',\n    className: 'kui-r-top',\n    customProperties: ['--top'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * right=\"4\"\n   * right=\"100px\"\n   * right={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/right\n   */\n  right: {\n    type: 'enum | string',\n    className: 'kui-r-right',\n    customProperties: ['--right'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * bottom=\"4\"\n   * bottom=\"100px\"\n   * bottom={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/bottom\n   */\n  bottom: {\n    type: 'enum | string',\n    className: 'kui-r-bottom',\n    customProperties: ['--bottom'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * left=\"4\"\n   * left=\"100px\"\n   * left={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/left\n   */\n  left: {\n    type: 'enum | string',\n    className: 'kui-r-left',\n    customProperties: ['--left'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflow=\"hidden\"\n   * overflow={{ sm: 'hidden', lg: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflow: {\n    type: 'enum',\n    className: 'kui-r-overflow',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow-x** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflowX=\"hidden\"\n   * overflowX={{ sm: 'hidden', md: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflowX: {\n    type: 'enum',\n    className: 'kui-r-ox',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow-y** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflowY=\"hidden\"\n   * overflowY={{ sm: 'hidden', md: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflowY: {\n    type: 'enum',\n    className: 'kui-r-oy',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-basis** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexBasis=\"0\"\n   * flexBasis=\"100%\"\n   * flexBasis={{ sm: '200px', lg: 'auto' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis\n   */\n  flexBasis: {\n    type: 'string',\n    className: 'kui-r-fb',\n    customProperties: ['--flex-basis'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-shrink** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexShrink=\"0\"\n   * flexShrink=\"1\"\n   * flexShrink={{ sm: '0', lg: '1' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink\n   */\n  flexShrink: {\n    type: 'enum | string',\n    className: 'kui-r-fs',\n    customProperties: ['--flex-shrink'],\n    values: flexShrinkValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-grow** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexGrow=\"0\"\n   * flexGrow=\"1\"\n   * flexGrow={{ sm: '0', lg: '1' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow\n   */\n  flexGrow: {\n    type: 'enum | string',\n    className: 'kui-r-fg',\n    customProperties: ['--flex-grow'],\n    values: flexGrowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-area** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridArea=\"header\"\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area\n   */\n  gridArea: {\n    type: 'string',\n    className: 'kui-r-ga',\n    customProperties: ['--grid-area'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumn=\"1\"\n   * gridColumn=\"1 / -1\"\n   * gridColumn={{ sm: '1 / 3', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column\n   */\n  gridColumn: {\n    type: 'string',\n    className: 'kui-r-gc',\n    customProperties: ['--grid-column'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column-start** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumnStart=\"1\"\n   * gridColumnStart=\"auto\"\n   * gridColumnStart={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start\n   */\n  gridColumnStart: {\n    type: 'string',\n    className: 'kui-r-gcs',\n    customProperties: ['--grid-column-start'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column-end** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumnEnd=\"1\"\n   * gridColumnEnd=\"auto\"\n   * gridColumnEnd={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end\n   */\n  gridColumnEnd: {\n    type: 'string',\n    className: 'kui-r-gce',\n    customProperties: ['--grid-column-end'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRow=\"1\"\n   * gridRow=\"auto\"\n   * gridRow={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row\n   */\n  gridRow: {\n    type: 'string',\n    className: 'kui-r-gr',\n    customProperties: ['--grid-row'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row-start** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRowStart=\"1\"\n   * gridRowStart=\"auto\"\n   * gridRowStart={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start\n   */\n  gridRowStart: {\n    type: 'string',\n    className: 'kui-r-grs',\n    customProperties: ['--grid-row-start'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row-end** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRowEnd=\"1\"\n   * gridRowEnd=\"auto\"\n   * gridRowEnd={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end\n   */\n  gridRowEnd: {\n    type: 'string',\n    className: 'kui-r-gre',\n    customProperties: ['--grid-row-end'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-self** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * alignSelf=\"center\"\n   * alignSelf={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-self\n   */\n  alignSelf: {\n    type: 'enum',\n    className: 'kui-r-as',\n    values: alignSelfValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-self** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justifySelf=\"center\"\n   * justifySelf={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self\n   */\n  justifySelf: {\n    type: 'enum',\n    className: 'kui-r-js',\n    values: justifySelfValues,\n    responsive: true,\n  },\n} satisfies {\n  position: PropDef<(typeof positionValues)[number]>;\n  inset: PropDef<(typeof positionEdgeValues)[number]>;\n  top: PropDef<(typeof positionEdgeValues)[number]>;\n  right: PropDef<(typeof positionEdgeValues)[number]>;\n  bottom: PropDef<(typeof positionEdgeValues)[number]>;\n  left: PropDef<(typeof positionEdgeValues)[number]>;\n  overflow: PropDef<(typeof overflowValues)[number]>;\n  overflowX: PropDef<(typeof overflowValues)[number]>;\n  overflowY: PropDef<(typeof overflowValues)[number]>;\n  flexBasis: PropDef<string>;\n  flexShrink: PropDef<(typeof flexShrinkValues)[number]>;\n  flexGrow: PropDef<(typeof flexGrowValues)[number]>;\n  gridColumn: PropDef<string>;\n  gridColumnStart: PropDef<string>;\n  gridColumnEnd: PropDef<string>;\n  gridRow: PropDef<string>;\n  gridRowStart: PropDef<string>;\n  gridRowEnd: PropDef<string>;\n  gridArea: PropDef<string>;\n  alignSelf: PropDef<(typeof alignSelfValues)[number]>;\n  justifySelf: PropDef<(typeof justifySelfValues)[number]>;\n};\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype LayoutProps = GetPropDefTypes<\n  typeof paddingPropDefs & typeof widthPropDefs & typeof heightPropDefs & typeof layoutPropDefs\n>;\n\nexport { layoutPropDefs };\nexport type { LayoutProps };\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\n// prettier-ignore\nconst marginValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10', '-11', '-12', 'bleed'] as const;\n\nconst marginPropDefs = {\n  /**\n   * Sets the CSS **margin** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * m=\"4\"\n   * m=\"100px\"\n   * m={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'kui-r-m',\n    customProperties: ['--m'],\n  },\n  /**\n   * Sets the CSS **margin-left** and **margin-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mx=\"4\"\n   * mx=\"100px\"\n   * mx={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'kui-r-mx',\n    customProperties: ['--ml', '--mr'],\n  },\n  /**\n   * Sets the CSS **margin-top** and **margin-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * my=\"4\"\n   * my=\"100px\"\n   * my={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'kui-r-my',\n    customProperties: ['--mt', '--mb'],\n  },\n  /**\n   * Sets the CSS **margin-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mt=\"4\"\n   * mt=\"100px\"\n   * mt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'kui-r-mt',\n    customProperties: ['--mt'],\n  },\n  /**\n   * Sets the CSS **margin-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mr=\"4\"\n   * mr=\"100px\"\n   * mr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'kui-r-mr',\n    customProperties: ['--mr'],\n  },\n  /**\n   * Sets the CSS **margin-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mb=\"4\"\n   * mb=\"100px\"\n   * mb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'kui-r-mb',\n    customProperties: ['--mb'],\n  },\n  /**\n   * Sets the CSS **margin-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * ml=\"4\"\n   * ml=\"100px\"\n   * ml={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'kui-r-ml',\n    customProperties: ['--ml'],\n  },\n} satisfies {\n  m: PropDef<(typeof marginValues)[number]>;\n  mx: PropDef<(typeof marginValues)[number]>;\n  my: PropDef<(typeof marginValues)[number]>;\n  mt: PropDef<(typeof marginValues)[number]>;\n  mr: PropDef<(typeof marginValues)[number]>;\n  mb: PropDef<(typeof marginValues)[number]>;\n  ml: PropDef<(typeof marginValues)[number]>;\n};\n\ntype MarginProps = GetPropDefTypes<typeof marginPropDefs>;\n\nexport { marginPropDefs };\nexport type { MarginProps };\n"],
+  "mappings": "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",
+  "names": ["overflowValues", "positionValues", "positionEdgeValues", "flexShrinkValues", "flexGrowValues", "alignSelfValues", "justifySelfValues", "layoutPropDefs", "paddingPropDefs", "widthPropDefs", "heightPropDefs", "marginValues", "marginPropDefs"]
+}

package/dist/esm/{chunk-25FNCKUM.js → chunk-7ROKZHH2.js}

@@ -1,2 +1,3 @@
-import{a as t}from"./chunk-NUVUXNHF.js";import{a as e}from"./chunk-EKTVL6SS.js";import{b as r}from"./chunk-KRJTW535.js";import{c as o}from"./chunk-CUNKWFKA.js";var s=["1","2","3","4"],l={size:{type:"enum",className:"kui-r-size",values:s,default:"2",responsive:!0}},i=["raised","surface","soft","outline","ghost"],m={variant:{type:"enum",className:"kui-variant",values:i,default:"raised"},error:{type:"boolean"},loading:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},...o,...r,width:e.width,placeholder:{type:"string"}},a=["1","2","3","4"],c={size:{type:"enum",className:"kui-r-size",values:a,default:"2",responsive:!0},...o,width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...t};export{l as a,m as b,c};
-//# sourceMappingURL=chunk-25FNCKUM.js.map
+"use client";
+import{a as t}from"./chunk-LPLW7OWA.js";import{a as e}from"./chunk-L54FWKJE.js";import{b as r}from"./chunk-XU74PNM2.js";import{c as o}from"./chunk-HBWBPBSA.js";var s=["1","2","3","4"],l={size:{type:"enum",className:"kui-r-size",values:s,default:"2",responsive:!0}},i=["raised","surface","soft","outline","ghost"],m={variant:{type:"enum",className:"kui-variant",values:i,default:"raised"},error:{type:"boolean"},loading:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},...o,...r,width:e.width,placeholder:{type:"string"}},a=["1","2","3","4"],c={size:{type:"enum",className:"kui-r-size",values:a,default:"2",responsive:!0},...o,width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...t};export{l as a,m as b,c};
+//# sourceMappingURL=chunk-7ROKZHH2.js.map

package/dist/esm/{chunk-25FNCKUM.js.map → chunk-7ROKZHH2.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/combobox.props.tsx"],
   "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Shared responsive sizing inherited by Combobox.Root.\n */\nconst comboboxRootPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nconst triggerVariants = ['raised', 'surface', 'soft', 'outline', 'ghost'] as const;\n\n/**\n * Token-aware props specific to Combobox.Trigger.\n */\nconst comboboxTriggerPropDefs = {\n  variant: { type: 'enum', className: 'kui-variant', values: triggerVariants, default: 'raised' },\n  error: { type: 'boolean' },\n  loading: { type: 'boolean' },\n  disabled: { type: 'boolean' },\n  readOnly: { type: 'boolean' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  width: widthPropDefs.width,\n  placeholder: { type: 'string' },\n} satisfies {\n  variant: PropDef<(typeof triggerVariants)[number]>;\n  error: PropDef<boolean>;\n  loading: PropDef<boolean>;\n  disabled: PropDef<boolean>;\n  readOnly: PropDef<boolean>;\n  width: PropDef<string>;\n  placeholder: PropDef<string>;\n};\n\n// The list takes sizes 1 to 4, like every menu.\nconst contentSizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Styling props for the dropdown surface rendered by Combobox.Content.\n */\nconst comboboxContentPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: contentSizes, default: '2', responsive: true },\n  ...colorPropDef,\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n  ...heightPropDefs,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\nexport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs };\n"],
-  "mappings": "gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAK3BC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,CAC/F,EAIME,EAAkB,CAAC,SAAU,UAAW,OAAQ,UAAW,OAAO,EAKlEC,EAA0B,CAC9B,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQD,EAAiB,QAAS,QAAS,EAC9F,MAAO,CAAE,KAAM,SAAU,EACzB,QAAS,CAAE,KAAM,SAAU,EAC3B,SAAU,CAAE,KAAM,SAAU,EAC5B,SAAU,CAAE,KAAM,SAAU,EAC5B,GAAGE,EACH,GAAGC,EACH,MAAOC,EAAc,MACrB,YAAa,CAAE,KAAM,QAAS,CAChC,EAWMC,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAKlCC,EAA0B,CAC9B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAc,QAAS,IAAK,WAAY,EAAK,EACpG,GAAGH,EACH,MAAOE,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGG,CACL",
+  "mappings": ";gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAK3BC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,CAC/F,EAIME,EAAkB,CAAC,SAAU,UAAW,OAAQ,UAAW,OAAO,EAKlEC,EAA0B,CAC9B,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQD,EAAiB,QAAS,QAAS,EAC9F,MAAO,CAAE,KAAM,SAAU,EACzB,QAAS,CAAE,KAAM,SAAU,EAC3B,SAAU,CAAE,KAAM,SAAU,EAC5B,SAAU,CAAE,KAAM,SAAU,EAC5B,GAAGE,EACH,GAAGC,EACH,MAAOC,EAAc,MACrB,YAAa,CAAE,KAAM,QAAS,CAChC,EAWMC,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAKlCC,EAA0B,CAC9B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAc,QAAS,IAAK,WAAY,EAAK,EACpG,GAAGH,EACH,MAAOE,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGG,CACL",
   "names": ["sizes", "comboboxRootPropDefs", "triggerVariants", "comboboxTriggerPropDefs", "colorPropDef", "radiusPropDef", "widthPropDefs", "contentSizes", "comboboxContentPropDefs", "heightPropDefs"]
 }

package/dist/esm/chunk-7VJF6EXN.js

@@ -0,0 +1,3 @@
+"use client";
+import*as p from"react";var a=0,i=null,y=o=>{};function g(){let o=new Set,v=(e,n)=>{let m=setTimeout(()=>{o.delete(m),e()},n);o.add(m)},d=()=>document.body.style.pointerEvents==="none",E=()=>{let e=!!document.querySelector('[role="dialog"][aria-modal="true"], [role="alertdialog"][aria-modal="true"]'),n=!!document.querySelector('[data-radix-popper-content-wrapper], [role="dialog"][data-state="open"], [role="alertdialog"][data-state="open"]');return e||n},s=()=>{d()&&!E()&&(y("[KookieUI] Cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="")},r=e=>{d()&&v(s,e)},u=e=>{let n=e.target;n&&!n.closest('[role="dialog"], [role="alertdialog"], [data-radix-popper-content-wrapper]')&&r(100)},c=e=>{e.key==="Escape"&&r(200)},t=()=>{r(50)};document.addEventListener("click",u,!0),document.addEventListener("keydown",c,!0),document.addEventListener("pointerup",t,!0),document.addEventListener("transitionend",t,!0),document.addEventListener("animationend",t,!0);let l=new MutationObserver(()=>{r(0)});l.observe(document.body,{childList:!0,attributes:!0,attributeFilter:["style"]});let f=setInterval(s,1e3);return r(100),()=>{clearInterval(f),o.forEach(clearTimeout),o.clear(),l.disconnect(),document.removeEventListener("click",u,!0),document.removeEventListener("keydown",c,!0),document.removeEventListener("pointerup",t,!0),document.removeEventListener("transitionend",t,!0),document.removeEventListener("animationend",t,!0)}}function b(){p.useEffect(()=>{if(!(typeof document>"u"))return a+=1,a===1&&(i=g()),()=>{a-=1,a===0&&(i?.(),i=null)}},[])}export{b as a};
+//# sourceMappingURL=chunk-7VJF6EXN.js.map

package/dist/esm/chunk-7VJF6EXN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-body-pointer-events-cleanup.ts"],
+  "sourcesContent": ["import * as React from 'react';\n\n// How many overlays currently use the hook. The listeners are shared: the first mount installs\n// them and the last unmount removes them, so closing one overlay never strips the fallback from\n// another that is still mounted.\nlet mountCount = 0;\nlet teardown: (() => void) | null = null;\n\nconst devLog = (message: string) => {\n  if (process.env.NODE_ENV !== 'production') {\n    console.log(message);\n  }\n};\n\nfunction install(): () => void {\n  // Deferred cleanups are tracked so teardown can cancel the ones still queued. A timer that\n  // outlives the document reaches for `document.body` after it is gone; under jsdom that surfaces\n  // as an unhandled ReferenceError attributed to whichever test happened to be running.\n  const pending = new Set<ReturnType<typeof setTimeout>>();\n\n  const defer = (fn: () => void, delay: number) => {\n    const id = setTimeout(() => {\n      pending.delete(id);\n      fn();\n    }, delay);\n    pending.add(id);\n  };\n\n  const isStuck = () => document.body.style.pointerEvents === 'none';\n\n  const hasOpenModal = (): boolean => {\n    // Open dialogs and alert dialogs\n    const hasDialogs = Boolean(\n      document.querySelector('[role=\"dialog\"][aria-modal=\"true\"], [role=\"alertdialog\"][aria-modal=\"true\"]'),\n    );\n\n    // Any Radix overlay that is still mounted. Only overlays count: an open Accordion or\n    // Collapsible also carries data-state=\"open\" and must not keep a stuck page blocked.\n    const hasRadixOverlays = Boolean(\n      document.querySelector(\n        '[data-radix-popper-content-wrapper], [role=\"dialog\"][data-state=\"open\"], [role=\"alertdialog\"][data-state=\"open\"]',\n      ),\n    );\n\n    return hasDialogs || hasRadixOverlays;\n  };\n\n  // Only clears pointer-events when no modal is open. Scroll-lock attributes belong to\n  // react-remove-scroll and are never touched here.\n  const safeCleanup = () => {\n    if (isStuck() && !hasOpenModal()) {\n      devLog('[KookieUI] Cleaning stuck pointer-events: none from body');\n      document.body.style.pointerEvents = '';\n    }\n  };\n\n  // Every trigger queues a check only while the body is actually blocked.\n  const scheduleCleanup = (delay: number) => {\n    if (isStuck()) defer(safeCleanup, delay);\n  };\n\n  const onDocumentClick = (event: Event) => {\n    const target = event.target as Element;\n    if (target && !target.closest('[role=\"dialog\"], [role=\"alertdialog\"], [data-radix-popper-content-wrapper]')) {\n      scheduleCleanup(100);\n    }\n  };\n\n  const onEscapeKey = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      scheduleCleanup(200);\n    }\n  };\n\n  const onInteraction = () => {\n    scheduleCleanup(50);\n  };\n\n  document.addEventListener('click', onDocumentClick, true);\n  document.addEventListener('keydown', onEscapeKey, true);\n  document.addEventListener('pointerup', onInteraction, true);\n  document.addEventListener('transitionend', onInteraction, true);\n  document.addEventListener('animationend', onInteraction, true);\n\n  // Portals mount and unmount as direct children of body, and the stuck value lives in body's\n  // style, so body's own children and style are all that need watching.\n  const observer = new MutationObserver(() => {\n    scheduleCleanup(0);\n  });\n  observer.observe(document.body, { childList: true, attributes: true, attributeFilter: ['style'] });\n\n  // Fallback periodic cleanup\n  const intervalId = setInterval(safeCleanup, 1000);\n\n  // Initial cleanup\n  scheduleCleanup(100);\n\n  // Tear everything down together. The observer is the important one: it fires while React\n  // unmounts the tree, so leaving it connected keeps queueing work against a document that is\n  // about to go away.\n  return () => {\n    clearInterval(intervalId);\n\n    pending.forEach(clearTimeout);\n    pending.clear();\n\n    observer.disconnect();\n\n    document.removeEventListener('click', onDocumentClick, true);\n    document.removeEventListener('keydown', onEscapeKey, true);\n    document.removeEventListener('pointerup', onInteraction, true);\n    document.removeEventListener('transitionend', onInteraction, true);\n    document.removeEventListener('animationend', onInteraction, true);\n  };\n}\n\n/**\n * Hook to cleanup stuck pointer-events: none on document.body\n *\n * This addresses an issue where react-remove-scroll (used by Radix UI Dialog)\n * sometimes fails to restore body pointer-events after dialog closes,\n * leaving the page unclickable. It never clears the value while a modal is open.\n */\nexport function useBodyPointerEventsCleanup() {\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    mountCount += 1;\n    if (mountCount === 1) {\n      teardown = install();\n    }\n\n    return () => {\n      mountCount -= 1;\n      if (mountCount === 0) {\n        teardown?.();\n        teardown = null;\n      }\n    };\n  }, []);\n}\n"],
+  "mappings": ";AAAA,UAAYA,MAAW,QAKvB,IAAIC,EAAa,EACbC,EAAgC,KAE9BC,EAAUC,GAAoB,CAIpC,EAEA,SAASC,GAAsB,CAI7B,IAAMC,EAAU,IAAI,IAEdC,EAAQ,CAACC,EAAgBC,IAAkB,CAC/C,IAAMC,EAAK,WAAW,IAAM,CAC1BJ,EAAQ,OAAOI,CAAE,EACjBF,EAAG,CACL,EAAGC,CAAK,EACRH,EAAQ,IAAII,CAAE,CAChB,EAEMC,EAAU,IAAM,SAAS,KAAK,MAAM,gBAAkB,OAEtDC,EAAe,IAAe,CAElC,IAAMC,EAAa,EACjB,SAAS,cAAc,6EAA6E,EAKhGC,EAAmB,EACvB,SAAS,cACP,kHACF,EAGF,OAAOD,GAAcC,CACvB,EAIMC,EAAc,IAAM,CACpBJ,EAAQ,GAAK,CAACC,EAAa,IAC7BT,EAAO,0DAA0D,EACjE,SAAS,KAAK,MAAM,cAAgB,GAExC,EAGMa,EAAmBP,GAAkB,CACrCE,EAAQ,GAAGJ,EAAMQ,EAAaN,CAAK,CACzC,EAEMQ,EAAmBC,GAAiB,CACxC,IAAMC,EAASD,EAAM,OACjBC,GAAU,CAACA,EAAO,QAAQ,4EAA4E,GACxGH,EAAgB,GAAG,CAEvB,EAEMI,EAAeF,GAAyB,CACxCA,EAAM,MAAQ,UAChBF,EAAgB,GAAG,CAEvB,EAEMK,EAAgB,IAAM,CAC1BL,EAAgB,EAAE,CACpB,EAEA,SAAS,iBAAiB,QAASC,EAAiB,EAAI,EACxD,SAAS,iBAAiB,UAAWG,EAAa,EAAI,EACtD,SAAS,iBAAiB,YAAaC,EAAe,EAAI,EAC1D,SAAS,iBAAiB,gBAAiBA,EAAe,EAAI,EAC9D,SAAS,iBAAiB,eAAgBA,EAAe,EAAI,EAI7D,IAAMC,EAAW,IAAI,iBAAiB,IAAM,CAC1CN,EAAgB,CAAC,CACnB,CAAC,EACDM,EAAS,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,WAAY,GAAM,gBAAiB,CAAC,OAAO,CAAE,CAAC,EAGjG,IAAMC,EAAa,YAAYR,EAAa,GAAI,EAGhD,OAAAC,EAAgB,GAAG,EAKZ,IAAM,CACX,cAAcO,CAAU,EAExBjB,EAAQ,QAAQ,YAAY,EAC5BA,EAAQ,MAAM,EAEdgB,EAAS,WAAW,EAEpB,SAAS,oBAAoB,QAASL,EAAiB,EAAI,EAC3D,SAAS,oBAAoB,UAAWG,EAAa,EAAI,EACzD,SAAS,oBAAoB,YAAaC,EAAe,EAAI,EAC7D,SAAS,oBAAoB,gBAAiBA,EAAe,EAAI,EACjE,SAAS,oBAAoB,eAAgBA,EAAe,EAAI,CAClE,CACF,CASO,SAASG,GAA8B,CACtC,YAAU,IAAM,CACpB,GAAI,SAAO,SAAa,KAExB,OAAAvB,GAAc,EACVA,IAAe,IACjBC,EAAWG,EAAQ,GAGd,IAAM,CACXJ,GAAc,EACVA,IAAe,IACjBC,IAAW,EACXA,EAAW,KAEf,CACF,EAAG,CAAC,CAAC,CACP",
+  "names": ["React", "mountCount", "teardown", "devLog", "message", "install", "pending", "defer", "fn", "delay", "id", "isStuck", "hasOpenModal", "hasDialogs", "hasRadixOverlays", "safeCleanup", "scheduleCleanup", "onDocumentClick", "event", "target", "onEscapeKey", "onInteraction", "observer", "intervalId", "useBodyPointerEventsCleanup"]
+}

package/dist/esm/chunk-7X7VWR3F.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as p}from"./chunk-QQY4WFJL.js";import{c}from"./chunk-5ON3XLRD.js";import{c as l}from"./chunk-OKQAVYW4.js";import*as e from"react";import R from"classnames";var g=e.forwardRef((m,u)=>{let f=c(m,p.size),{className:x,color:y,radius:b,style:P,...r}=l(f,p),s=e.useId(),{"aria-describedby":o,"aria-labelledby":d,"aria-invalid":a}=r,i=!!r.error||a===!0||a==="true",n=e.useMemo(()=>{let t=[];return r.errorMessage&&t.push(s),o&&t.push(o),t.length>0?t.join(" "):void 0},[r.errorMessage,o,s]),A=e.useMemo(()=>({"aria-invalid":i?!0:a,"aria-describedby":n,"aria-labelledby":d}),[i,a,n,d]),{error:M,errorMessage:h,required:T,"aria-describedby":D,"aria-labelledby":N,...v}=r;return e.createElement(e.Fragment,null,e.createElement("div",{"data-accent-color":y,"data-radius":b,className:R("kui-TextAreaRoot",x,{"kui-error":i}),style:P},e.createElement("textarea",{className:"kui-reset kui-TextAreaInput",ref:u,...v,required:T||void 0,...A})),r.errorMessage&&e.createElement("div",{id:s,className:"kui-TextAreaErrorMessage",role:"alert"},r.errorMessage))});g.displayName="TextArea";export{g as a};
+//# sourceMappingURL=chunk-7X7VWR3F.js.map

package/dist/esm/chunk-7X7VWR3F.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/text-area.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { textAreaPropDefs } from './text-area.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextAreaElement = React.ElementRef<'textarea'>;\ntype TextAreaOwnProps = GetPropDefTypes<typeof textAreaPropDefs> & {\n  defaultValue?: string;\n  value?: string;\n};\ninterface TextAreaProps\n  extends ComponentPropsWithout<'textarea', RemovedProps | 'size' | 'value'>,\n    TextAreaOwnProps {}\n\nconst TextArea = React.forwardRef<TextAreaElement, TextAreaProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, textAreaPropDefs.size);\n  const { className, color, radius, style, ...textAreaProps } =\n    extractProps(props, textAreaPropDefs);\n\n  // Generate unique IDs for accessibility\n  const errorId = React.useId();\n\n  const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, 'aria-invalid': ariaInvalid } = textAreaProps;\n\n  // Invalid when `error` is set or the caller passes aria-invalid; the CSS keys on aria-invalid only.\n  const isInvalid = Boolean(textAreaProps.error) || ariaInvalid === true || ariaInvalid === 'true';\n\n  // Build aria-describedby string\n  const describedBy = React.useMemo(() => {\n    const parts = [];\n    if (textAreaProps.errorMessage) parts.push(errorId);\n    if (ariaDescribedby) parts.push(ariaDescribedby);\n    return parts.length > 0 ? parts.join(' ') : undefined;\n  }, [textAreaProps.errorMessage, ariaDescribedby, errorId]);\n\n  // Build aria attributes\n  const ariaProps = React.useMemo(\n    () => ({\n      'aria-invalid': isInvalid ? true : ariaInvalid,\n      'aria-describedby': describedBy,\n      'aria-labelledby': ariaLabelledby,\n    }),\n    [isInvalid, ariaInvalid, describedBy, ariaLabelledby],\n  );\n\n  // Filter out our custom props to avoid DOM warnings\n  const {\n    error,\n    errorMessage,\n    required,\n    'aria-describedby': _ariaDescribedby,\n    'aria-labelledby': _ariaLabelledby,\n    ...nativeTextAreaProps\n  } = textAreaProps;\n\n  // The message is a sibling of the painted root, so it sits below the box rather than inside it.\n  return (\n    <>\n      <div\n        data-accent-color={color}\n        data-radius={radius}\n        className={classNames('kui-TextAreaRoot', className, {\n          // Not used by the library's CSS (invalid styling keys on aria-invalid); kept as a hook for app styles.\n          'kui-error': isInvalid,\n        })}\n        style={style}\n      >\n        <textarea\n          className=\"kui-reset kui-TextAreaInput\"\n          ref={forwardedRef}\n          {...nativeTextAreaProps}\n          required={required || undefined}\n          {...ariaProps}\n        />\n      </div>\n      {textAreaProps.errorMessage && (\n        <div id={errorId} className=\"kui-TextAreaErrorMessage\" role=\"alert\">\n          {textAreaProps.errorMessage}\n        </div>\n      )}\n    </>\n  );\n});\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\nexport type { TextAreaProps };\n"],
+  "mappings": ";mHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAkBvB,IAAMC,EAAiB,aAA2C,CAACC,EAAUC,IAAiB,CAC5F,IAAMC,EAAQC,EAAkBH,EAAUI,EAAiB,IAAI,EACzD,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAO,GAAGC,CAAc,EACxDC,EAAaR,EAAOE,CAAgB,EAGhCO,EAAgB,QAAM,EAEtB,CAAE,mBAAoBC,EAAiB,kBAAmBC,EAAgB,eAAgBC,CAAY,EAAIL,EAG1GM,EAAY,EAAQN,EAAc,OAAUK,IAAgB,IAAQA,IAAgB,OAGpFE,EAAoB,UAAQ,IAAM,CACtC,IAAMC,EAAQ,CAAC,EACf,OAAIR,EAAc,cAAcQ,EAAM,KAAKN,CAAO,EAC9CC,GAAiBK,EAAM,KAAKL,CAAe,EACxCK,EAAM,OAAS,EAAIA,EAAM,KAAK,GAAG,EAAI,MAC9C,EAAG,CAACR,EAAc,aAAcG,EAAiBD,CAAO,CAAC,EAGnDO,EAAkB,UACtB,KAAO,CACL,eAAgBH,EAAY,GAAOD,EACnC,mBAAoBE,EACpB,kBAAmBH,CACrB,GACA,CAACE,EAAWD,EAAaE,EAAaH,CAAc,CACtD,EAGM,CACJ,MAAAM,EACA,aAAAC,EACA,SAAAC,EACA,mBAAoBC,EACpB,kBAAmBC,EACnB,GAAGC,CACL,EAAIf,EAGJ,OACE,gCACE,gBAAC,OACC,oBAAmBH,EACnB,cAAaC,EACb,UAAWkB,EAAW,mBAAoBpB,EAAW,CAEnD,YAAaU,CACf,CAAC,EACD,MAAOP,GAEP,gBAAC,YACC,UAAU,8BACV,IAAKP,EACJ,GAAGuB,EACJ,SAAUH,GAAY,OACrB,GAAGH,EACN,CACF,EACCT,EAAc,cACb,gBAAC,OAAI,GAAIE,EAAS,UAAU,2BAA2B,KAAK,SACzDF,EAAc,YACjB,CAEJ,CAEJ,CAAC,EAEDV,EAAS,YAAc",
+  "names": ["React", "classNames", "TextArea", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "textAreaPropDefs", "className", "color", "radius", "style", "textAreaProps", "extractProps", "errorId", "ariaDescribedby", "ariaLabelledby", "ariaInvalid", "isInvalid", "describedBy", "parts", "ariaProps", "error", "errorMessage", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeTextAreaProps", "classNames"]
+}

package/dist/esm/chunk-7XHE6TOA.js

@@ -0,0 +1,6 @@
+"use client";
+import{a as te,b as se}from"./chunk-NBVCQQSY.js";import{c as ne}from"./chunk-5ON3XLRD.js";import{c as ee}from"./chunk-OKQAVYW4.js";import{a as ye}from"./chunk-VQPANPMI.js";var Se={};ye(Se,{Root:()=>de,Slot:()=>pe});import*as e from"react";import*as ie from"react-dom";import ce from"classnames";import{composeEventHandlers as W,composeRefs as ae}from"radix-ui/internal";var le=e.createContext(null),ue="button, a, input, select, textarea, label, [tabindex], [contenteditable]",de=e.forwardRef((h,T)=>{let o=ne(h,te.size),m=e.useRef(null),{children:C,className:E,color:w,radius:L,style:k,...c}=ee(o,te),P=e.useId(),[I,D]=e.useState([]),N=e.useCallback(r=>(D(s=>s.includes(r)?s:[...s,r]),()=>D(s=>s.filter(a=>a!==r))),[]),j=e.useMemo(()=>({registerSlot:N}),[N]),{"aria-describedby":y,"aria-labelledby":M,"aria-invalid":b}=c,S=!!c.error||b===!0||b==="true",g=e.useMemo(()=>{let r=[];return c.errorMessage&&r.push(P),y&&r.push(y),r.push(...I),r.length>0?r.join(" "):void 0},[c.errorMessage,y,P,I]),z=e.useMemo(()=>({"aria-invalid":S?!0:b,"aria-describedby":g,"aria-labelledby":M}),[S,b,g,M]),{error:V,errorMessage:K,required:v,"aria-describedby":i,"aria-labelledby":H,...O}=c,_=e.useCallback(r=>{let s=r.target;if(s.closest(ue))return;let a=m.current;if(!a)return;let l=s.closest(`
+        .kui-TextFieldSlot[data-side='right'],
+        .kui-TextFieldSlot:not([data-side='right']) ~ .kui-TextFieldSlot:not([data-side='left'])
+      `)?a.value.length:0;r.preventDefault(),a.focus();try{a.setSelectionRange(l,l)}catch{}},[]);return e.createElement(e.Fragment,null,e.createElement("div",{"data-accent-color":w,"data-radius":L,style:k,className:ce("kui-TextFieldRoot",E,{"kui-error":S}),onMouseDown:_},e.createElement("input",{...O,required:v||void 0,...z,ref:ae(m,T),className:"kui-reset kui-TextFieldInput"}),e.createElement(le.Provider,{value:j},C)),c.errorMessage&&e.createElement("div",{id:P,className:"kui-TextFieldErrorMessage",role:"alert"},c.errorMessage))});de.displayName="TextField.Root";var x=(()=>{if(typeof navigator>"u")return!1;let h=navigator.userAgent,T=/^((?!chrome|android).)*safari/i.test(h),o=/firefox/i.test(h);return T||o})(),pe=e.forwardRef((h,T)=>{let{scrub:o,scrubValue:m,scrubStep:C=1,scrubSensitivity:E=1,scrubMin:w,scrubMax:L,scrubShiftMultiplier:k=10,scrubAltMultiplier:c=.1,onScrub:P,...I}=h,{className:D,color:N,side:j,onPointerDown:y,onPointerMove:M,onPointerUp:b,onLostPointerCapture:S,...g}=ee(I,se),z=e.useId(),V=g.id??z,K=e.useContext(le)?.registerSlot;e.useEffect(()=>K?.(V),[K,V]);let v=e.useRef(null),[i,H]=e.useState(!1),[O,_]=e.useState({x:0,y:0}),r=e.useRef(null),s=e.useRef(0),a=e.useRef(!1),R=e.useRef(0),l=e.useRef(0),p=e.useRef(0),F=e.useRef(null),q=e.useRef(0),X=e.useRef({scrubValue:m,scrubStep:C,scrubSensitivity:E,scrubMin:w,scrubMax:L,scrubShiftMultiplier:k,scrubAltMultiplier:c,onScrub:P});X.current={scrubValue:m,scrubStep:C,scrubSensitivity:E,scrubMin:w,scrubMax:L,scrubShiftMultiplier:k,scrubAltMultiplier:c,onScrub:P};let fe=e.useCallback(t=>{if(!o||t.target.closest(ue))return;t.preventDefault(),R.current=0,l.current=m??0,p.current=t.clientX,s.current=t.clientY,_({x:t.clientX,y:t.clientY});let u=v.current;u&&(x?(F.current=t.pointerId,q.current=t.clientX,u.setPointerCapture(t.pointerId),H(!0)):(a.current=!0,u.requestPointerLock()))},[o,m]);e.useEffect(()=>{if(x||!o)return;let t=()=>{if(!a.current)return;let n=document.pointerLockElement===v.current;H(n),n||(a.current=!1,X.current.onScrub?.(0,!1),R.current=0,l.current=0)};return document.addEventListener("pointerlockchange",t),()=>{document.removeEventListener("pointerlockchange",t)}},[o]);let A=e.useCallback((t,n,u,he)=>{let d=X.current,B=window.innerWidth,U=window.innerHeight;p.current+=t,p.current>B?p.current=p.current%B:p.current<0&&(p.current=B+p.current%B);let f=s.current+n;f>U?f=f%U:f<0&&(f=U+f%U),s.current=f;let G=r.current;G&&(G.style.left=`${p.current}px`,G.style.top=`${f}px`),R.current+=t;let $=R.current/d.scrubSensitivity;if(Math.abs($)>=1){let Z=1;u?Z=d.scrubShiftMultiplier:he&&(Z=d.scrubAltMultiplier);let re=Math.trunc($),J=re*d.scrubStep*Z,Q=J;if(d.scrubMin!==void 0||d.scrubMax!==void 0){let Pe=l.current+J,oe=Math.max(d.scrubMin??-1/0,Math.min(d.scrubMax??1/0,Pe));Q=oe-l.current,l.current=oe}else l.current+=J;Q!==0&&d.onScrub?.(Q,!0),R.current=($-re)*d.scrubSensitivity}},[]),Y=e.useCallback(()=>{X.current.onScrub?.(0,!1),R.current=0,l.current=0,F.current=null,H(!1)},[]),me=e.useCallback(t=>{if(!i||!x)return;let n=t.clientX-q.current;q.current=t.clientX,A(n,t.movementY,t.shiftKey,t.altKey)},[i,A]),be=e.useCallback(t=>{if(!x||F.current!==t.pointerId)return;let n=v.current;n&&F.current!==null&&n.releasePointerCapture(F.current),Y()},[Y]),Re=e.useCallback(()=>{x&&i&&Y()},[i,Y]);e.useEffect(()=>{if(!i||x)return;let t=u=>{A(u.movementX,u.movementY,u.shiftKey,u.altKey)},n=()=>{document.exitPointerLock()};return document.addEventListener("mousemove",t),document.addEventListener("mouseup",n),document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",n),document.body.style.userSelect=""}},[i,A]),e.useEffect(()=>{if(!i||!x)return;let t=document.createElement("style");return t.textContent="* { cursor: none !important; user-select: none !important; }",document.head.appendChild(t),()=>{document.head.removeChild(t)}},[i]);let xe=i?ie.createPortal(e.createElement("img",{ref:r,className:"kui-TextFieldSlotScrubCursor",src:"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='white' stroke-width='1' d='M0 12 L5 7 L5 10 L19 10 L19 7 L24 12 L19 17 L19 14 L5 14 L5 17 Z'/%3E%3C/svg%3E",alt:"",style:{position:"fixed",left:O.x,top:O.y,transform:"translate(-50%, -50%)",pointerEvents:"none",zIndex:99999,width:24,height:24},"aria-hidden":"true"}),document.body):null;return e.createElement("div",{"data-accent-color":N,"data-side":j,"data-scrub":o||void 0,"data-scrubbing":i||void 0,...g,id:V,ref:ae(v,T),className:ce("kui-TextFieldSlot",D),onPointerDown:o?W(y,fe):y,onPointerMove:o?W(M,me):M,onPointerUp:o?W(b,be):b,onLostPointerCapture:o?W(S,Re):S},g.children,xe)});pe.displayName="TextField.Slot";export{de as a,pe as b,Se as c};
+//# sourceMappingURL=chunk-7XHE6TOA.js.map