@womp/kookie-ui 0.26.0 → 0.26.2

package/src/components/toolbar.css

@@ -168,3 +168,16 @@
 :where(.kui-Toolbar) .kui-ToolbarTitle:where(:not(:last-child)) {
   margin-inline-end: calc(var(--toolbar-title-gap) - var(--toolbar-gap));
 }
+
+/* High contrast drops the group's fill, so the group takes the outline and its buttons give theirs
+   up, the way a segmented control's segments sit inside one border. A border colour is forced in
+   this mode, so the buttons drop the style, not the colour. */
+@media (forced-colors: active) {
+  .kui-ToolbarGroup {
+    border: 1px solid CanvasText;
+  }
+
+  .kui-ToolbarGroup > :where(.kui-BaseButton) {
+    border-style: none;
+  }
+}

package/src/components/toolbar.props.tsx

@@ -12,8 +12,9 @@ const orientations = ['horizontal', 'vertical'] as const;
 const toolbarRootPropDefs = {
   /**
    * Size step of the row and of every control in it that doesn't set its own `size`.
-   * Matches Button's sizes: 1 (28px) to 4 (48px). Unset inside `Shell.PaneHeader` or
-   * `Shell.PaneFooter`, it rests one step above the Shell's `size`.
+   * Matches Button's sizes: 1 (28px) to 4 (48px). Unset inside a Shell, it rests one step above
+   * the Shell's `size`, except in a pane's `Shell.Scroll` list and in a Popover, Dialog, Sheet or
+   * menu. Elsewhere it takes Theme size, else 2.
    */
   size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2' },
   /**

package/src/hooks/use-scroll-edges.ts

@@ -1,5 +1,18 @@
 import * as React from 'react';
 
+/**
+ * How far content runs past the element on each axis, in px. An axis whose overflow is hidden
+ * cannot be scrolled (a ScrollArea with `scrollbars="vertical"` hides the inline axis), so it
+ * counts as 0, however wide the content.
+ */
+export function scrollableOverflow(element: HTMLElement) {
+  const style = getComputedStyle(element);
+  return {
+    x: style.overflowX === 'hidden' ? 0 : Math.max(0, element.scrollWidth - element.clientWidth),
+    y: style.overflowY === 'hidden' ? 0 : Math.max(0, element.scrollHeight - element.clientHeight),
+  };
+}
+
 /**
  * Publishes how much content is hidden past each edge of a scroller, as
  * `--scroll-overflow-start` and `--scroll-overflow-end` (block axis) and
@@ -19,13 +32,14 @@ export function useScrollEdges<T extends HTMLElement>(enabled: boolean) {
     let frame = 0;
     const write = () => {
       frame = 0;
+      const overflow = scrollableOverflow(element);
       const start = Math.max(0, element.scrollTop);
-      const end = Math.max(0, element.scrollHeight - element.clientHeight - element.scrollTop);
+      const end = Math.max(0, overflow.y - element.scrollTop);
       element.style.setProperty('--scroll-overflow-start', `${start}px`);
       element.style.setProperty('--scroll-overflow-end', `${end}px`);
       // scrollLeft runs negative in right-to-left, so its size is the distance from the inline start.
       const xStart = Math.abs(element.scrollLeft);
-      const xEnd = Math.max(0, element.scrollWidth - element.clientWidth - xStart);
+      const xEnd = Math.max(0, overflow.x - xStart);
       element.style.setProperty('--scroll-overflow-x-start', `${xStart}px`);
       element.style.setProperty('--scroll-overflow-x-end', `${xEnd}px`);
     };

package/src/styles/tokens/color.css

@@ -8,17 +8,17 @@
   --color-page: white;
   --color-overlay: var(--black-a6);
   --color-surface: white;
-  /* The ground a raised surface sits on: one step below it, so a white card reads as lifted. */
+  /* A background for an app page that holds raised surfaces. No component reads it. */
   --color-ground: var(--neutral-1, var(--gray-1));
 
   /*
-   * A field (text field, text area, select trigger) is a flat soft fill with a faint edge, as in v2.
-   * It casts no shadow. Hover moves the fill one step; disabled drops it one step and fades the edge.
+   * A field (text field, text area, select trigger) is the surface colour with --control-chrome,
+   * the same hairline and small shadow as a raised button. Hover moves the fill one step.
+   * Disabled drops the shadow for a faint edge.
    */
   --field-fill: var(--color-surface);
   --field-fill-hover: var(--neutral-2);
   --field-fill-disabled: var(--neutral-2);
-  --field-edge: var(--neutral-a3);
   --field-edge-disabled: var(--neutral-a2);
 
   /*
@@ -76,7 +76,8 @@
   --color-overlay: var(--black-a8);
   --color-surface: var(--neutral-2, var(--gray-2));
   --color-ground: var(--neutral-1, var(--gray-1));
-  --field-edge: var(--neutral-a4);
+  /* The surface is neutral 2 in dark, so hover takes the next step. */
+  --field-fill-hover: var(--neutral-3, var(--gray-3));
   --color-thumb: var(--neutral-12, var(--gray-12));
   --color-mark: var(--neutral-5, var(--gray-5));
   --color-mark-hover: var(--neutral-6, var(--gray-6));

package/src/styles/tokens/shadow.css

@@ -11,10 +11,10 @@
  * --control-chrome-active: the same control while pressed. The drop tightens toward the surface.
  * --grip-chrome: the thumb of a switch or slider.
  * --control-light: an optional light across a raised control's top half (a background image); none by default.
- * --floating-chrome: a popover, menu, select list, hover card or tooltip.
+ * --floating-chrome: a popover, menu, combobox or select list.
  * --dialog-chrome: a dialog. Like v2, a dialog is a surface that covers the page.
  *
- * Fields (text field, text area, select trigger) cast nothing. They are a flat soft fill.
+ * Fields (text field, text area, select trigger) read --control-chrome, like a raised button.
  */
 
 /* prettier-ignore */

package/styles.css

@@ -3381,7 +3381,6 @@
   --field-fill: var(--color-surface);
   --field-fill-hover: var(--neutral-2);
   --field-fill-disabled: var(--neutral-2);
-  --field-edge: var(--neutral-a3);
   --field-edge-disabled: var(--neutral-a2);
   --color-track: var(--neutral-4);
   --color-track-hover: var(--neutral-5);
@@ -3479,7 +3478,7 @@
   --color-overlay: var(--black-a8);
   --color-surface: var(--neutral-2, var(--gray-2));
   --color-ground: var(--neutral-1, var(--gray-1));
-  --field-edge: var(--neutral-a4);
+  --field-fill-hover: var(--neutral-3, var(--gray-3));
   --color-thumb: var(--neutral-12, var(--gray-12));
   --color-mark: var(--neutral-5, var(--gray-5));
   --color-mark-hover: var(--neutral-6, var(--gray-6));
@@ -8098,8 +8097,8 @@
 }
 .kui-BaseButton:where(.kui-variant-soft,.kui-variant-ghost,.kui-variant-outline,.kui-variant-surface):where(:active:not([data-state='open'],[data-disabled],[aria-disabled='true'])) {
   background-color: var(--v-bg-active);
-  -webkit-box-shadow: var(--shadow-1);
-          box-shadow: var(--shadow-1);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .kui-BaseButton:where(.kui-variant-soft,.kui-variant-ghost,.kui-variant-outline,.kui-variant-surface):where([data-state='on']) {
   background-color: var(--v-bg-pressed);
@@ -11322,6 +11321,16 @@
             box-shadow: inset 0 0 0 1px var(--red-7);
   }
 }
+.kui-TextFieldWrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-width: 0;
+}
 .kui-TextFieldErrorMessage {
   font-family: var(--default-font-family);
   font-weight: var(--font-weight-regular);
@@ -16899,7 +16908,7 @@
 :is(.kui-ShellPaneHeader[data-float],.kui-ShellPaneFooter[data-float]) > :where(.kui-Toolbar) {
   pointer-events: none;
 }
-:is(.kui-ShellPaneHeader[data-float],.kui-ShellPaneFooter[data-float]) > :where(.kui-Toolbar) :where(.kui-ToolbarGroup,.kui-BaseButton,.kui-TextFieldRoot,.kui-SelectTrigger,.kui-SegmentedControlRoot,[href],[tabindex]) {
+:is(.kui-ShellPaneHeader[data-float],.kui-ShellPaneFooter[data-float]) > :where(.kui-Toolbar) :where(button,a[href],input,select,textarea,label,summary,[tabindex],[contenteditable]:not([contenteditable='false']),[role='button'],[role='link'],[role='checkbox'],[role='switch'],[role='radio'],[role='radiogroup'],[role='slider'],[role='combobox'],[role='tab'],[role='tablist'],[role='menuitem'],[aria-haspopup],.kui-ToolbarGroup,.kui-TextFieldRoot) {
   pointer-events: auto;
 }
 .kui-ShellPaneHeader[data-float] {
@@ -19890,6 +19899,21 @@
             box-shadow: inset 0 0 0 1px var(--red-7);
   }
 }
+.kui-TextAreaWrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  min-width: 0;
+}
+.kui-TextAreaWrapper > :where(.kui-TextAreaRoot) {
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+}
 .kui-TextAreaErrorMessage {
   font-family: var(--default-font-family);
   font-weight: var(--font-weight-regular);
@@ -20064,6 +20088,14 @@
   -webkit-margin-end: calc(var(--toolbar-title-gap) - var(--toolbar-gap));
           margin-inline-end: calc(var(--toolbar-title-gap) - var(--toolbar-gap));
 }
+@media (forced-colors: active) {
+  .kui-ToolbarGroup {
+    border: 1px solid CanvasText;
+  }
+  .kui-ToolbarGroup > :where(.kui-BaseButton) {
+    border-style: none;
+  }
+}
 .kui-TooltipContent {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/tokens/base.css

@@ -65,7 +65,6 @@
   --field-fill: var(--color-surface);
   --field-fill-hover: var(--neutral-2);
   --field-fill-disabled: var(--neutral-2);
-  --field-edge: var(--neutral-a3);
   --field-edge-disabled: var(--neutral-a2);
   --color-track: var(--neutral-4);
   --color-track-hover: var(--neutral-5);
@@ -130,7 +129,7 @@
   --color-overlay: var(--black-a8);
   --color-surface: var(--neutral-2, var(--gray-2));
   --color-ground: var(--neutral-1, var(--gray-1));
-  --field-edge: var(--neutral-a4);
+  --field-fill-hover: var(--neutral-3, var(--gray-3));
   --color-thumb: var(--neutral-12, var(--gray-12));
   --color-mark: var(--neutral-5, var(--gray-5));
   --color-mark-hover: var(--neutral-6, var(--gray-6));

package/tokens.css

@@ -3381,7 +3381,6 @@
   --field-fill: var(--color-surface);
   --field-fill-hover: var(--neutral-2);
   --field-fill-disabled: var(--neutral-2);
-  --field-edge: var(--neutral-a3);
   --field-edge-disabled: var(--neutral-a2);
   --color-track: var(--neutral-4);
   --color-track-hover: var(--neutral-5);
@@ -3476,7 +3475,7 @@
   --color-overlay: var(--black-a8);
   --color-surface: var(--neutral-2, var(--gray-2));
   --color-ground: var(--neutral-1, var(--gray-1));
-  --field-edge: var(--neutral-a4);
+  --field-fill-hover: var(--neutral-3, var(--gray-3));
   --color-thumb: var(--neutral-12, var(--gray-12));
   --color-mark: var(--neutral-5, var(--gray-5));
   --color-mark-hover: var(--neutral-6, var(--gray-6));

package/dist/esm/chunk-2IU5XPR2.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as m}from"./chunk-CKJXTEVO.js";import{b as f}from"./chunk-G66WDIIV.js";import{b as s}from"./chunk-MAA6LEE2.js";import{c as i}from"./chunk-OKQAVYW4.js";import*as o from"react";import u from"classnames";var y=o.forwardRef((e,c)=>{let{className:l,color:P,decorative:a,...d}=i(e,m),p=typeof e.orientation=="object"&&e.orientation!==null,{breakpoint:S}=f(p),r="horizontal";if(p){let n=e.orientation;for(let t of s)if(n[t]!==void 0&&(r=n[t]),t===S)break}else e.orientation==="vertical"&&(r="vertical");return o.createElement("span",{"data-accent-color":P,role:a?void 0:"separator","aria-orientation":a?void 0:r,...d,ref:c,className:u("kui-Separator",l)})});y.displayName="Separator";export{y as a};
-//# sourceMappingURL=chunk-2IU5XPR2.js.map

package/dist/esm/chunk-2IU5XPR2.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/separator.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { separatorPropDefs } from './separator.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useBreakpoint } from '../hooks/use-breakpoint.js';\nimport { SHELL_BREAKPOINTS } from './shell.types.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SeparatorElement = React.ElementRef<'span'>;\ntype SeparatorOwnProps = GetPropDefTypes<typeof separatorPropDefs>;\ninterface SeparatorProps extends ComponentPropsWithout<'span', RemovedProps>, SeparatorOwnProps {}\ntype Orientation = 'horizontal' | 'vertical';\n\nconst Separator = React.forwardRef<SeparatorElement, SeparatorProps>((props, forwardedRef) => {\n  const { className, color, decorative, ...separatorProps } = extractProps(props, separatorPropDefs);\n  const responsive = typeof props.orientation === 'object' && props.orientation !== null;\n  const { breakpoint } = useBreakpoint(responsive);\n\n  // A responsive orientation announces the one drawn at the current breakpoint.\n  let orientation: Orientation = 'horizontal';\n  if (responsive) {\n    const values = props.orientation as Partial<Record<string, Orientation>>;\n    for (const bp of SHELL_BREAKPOINTS) {\n      if (values[bp] !== undefined) orientation = values[bp]!;\n      if (bp === breakpoint) break;\n    }\n  } else if (props.orientation === 'vertical') {\n    orientation = 'vertical';\n  }\n\n  return (\n    <span\n      data-accent-color={color}\n      role={decorative ? undefined : 'separator'}\n      aria-orientation={decorative ? undefined : orientation}\n      {...separatorProps}\n      ref={forwardedRef}\n      className={classNames('kui-Separator', className)}\n    />\n  );\n});\nSeparator.displayName = 'Separator';\n\nexport { Separator };\nexport type { SeparatorProps };\n"],
-  "mappings": ";gKAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAevB,IAAMC,EAAkB,aAA6C,CAACC,EAAOC,IAAiB,CAC5F,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,WAAAC,EAAY,GAAGC,CAAe,EAAIC,EAAaN,EAAOO,CAAiB,EAC3FC,EAAa,OAAOR,EAAM,aAAgB,UAAYA,EAAM,cAAgB,KAC5E,CAAE,WAAAS,CAAW,EAAIC,EAAcF,CAAU,EAG3CG,EAA2B,aAC/B,GAAIH,EAAY,CACd,IAAMI,EAASZ,EAAM,YACrB,QAAWa,KAAMC,EAEf,GADIF,EAAOC,CAAE,IAAM,SAAWF,EAAcC,EAAOC,CAAE,GACjDA,IAAOJ,EAAY,KAE3B,MAAWT,EAAM,cAAgB,aAC/BW,EAAc,YAGhB,OACE,gBAAC,QACC,oBAAmBR,EACnB,KAAMC,EAAa,OAAY,YAC/B,mBAAkBA,EAAa,OAAYO,EAC1C,GAAGN,EACJ,IAAKJ,EACL,UAAWc,EAAW,gBAAiBb,CAAS,EAClD,CAEJ,CAAC,EACDH,EAAU,YAAc",
-  "names": ["React", "classNames", "Separator", "props", "forwardedRef", "className", "color", "decorative", "separatorProps", "extractProps", "separatorPropDefs", "responsive", "breakpoint", "useBreakpoint", "orientation", "values", "bp", "SHELL_BREAKPOINTS", "classNames"]
-}

package/dist/esm/chunk-37GC4A2O.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as u,e as G,f as P,g as f}from"./chunk-2VSRZ4IT.js";import{a as x}from"./chunk-IE5ACUZS.js";import{a as n}from"./chunk-6UZT3ZLO.js";import{b}from"./chunk-GKDGNPBD.js";import{b as a}from"./chunk-5ON3XLRD.js";import{c as k}from"./chunk-OKQAVYW4.js";import{a as N}from"./chunk-VQPANPMI.js";var z={};N(z,{Item:()=>y,Root:()=>d});import*as o from"react";import h from"classnames";import{Context as E}from"radix-ui/internal";var l="CheckboxGroup",[S]=E.createContextScope(l,[u]),R=u(),[_,I]=S(l),d=o.forwardRef(({color:s=x.color.default,size:e,...t},r)=>{let p=a(e,x.size),{__scopeCheckboxGroup:c,className:m,...i}=t,v=R(c);return o.createElement(_,{scope:c,color:s,size:p},o.createElement(G,{...v,...i,ref:r,className:h("kui-CheckboxGroupRoot",m)}))});d.displayName="CheckboxGroup.Root";var y=o.forwardRef((s,e)=>{let{__scopeCheckboxGroup:t,children:r,className:p,style:c,...m}=s,{size:i}=I("CheckboxGroupItem",t);return r?o.createElement(n,{as:"label",size:i,className:h("kui-CheckboxGroupItem",p),style:c},o.createElement(C,{__scopeCheckboxGroup:t,...m,ref:e}),r&&o.createElement("span",{className:"kui-CheckboxGroupItemInner"},r)):o.createElement(C,{__scopeCheckboxGroup:t,...m,ref:e,className:p,style:c})});y.displayName="CheckboxGroup.Item";var C=o.forwardRef(({__scopeCheckboxGroup:s,...e},t)=>{let r=I("CheckboxGroupItemCheckbox",s),p=R(s),{color:c,className:m}=k({...e,...r},x);return o.createElement(P,{...p,"data-accent-color":c,...e,ref:t,className:h("kui-reset","kui-BaseCheckboxRoot","kui-CheckboxGroupItemCheckbox",m)},o.createElement(f,{...p,asChild:!0,className:"kui-BaseCheckboxIndicator"},o.createElement(b,null)))});C.displayName="CheckboxGroup.ItemCheckbox";export{d as a,y as b,z as c};
-//# sourceMappingURL=chunk-37GC4A2O.js.map

package/dist/esm/chunk-3H23GRNQ.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as i}from"./chunk-SV3CYQY5.js";import{c as n}from"./chunk-OKQAVYW4.js";import*as e from"react";import{Slot as P}from"radix-ui";var g=e.memo(e.forwardRef((d,o)=>{let{children:p,className:t,asChild:m,as:H="h2",color:r,...s}=n(d,i),a=t?`kui-Heading ${t}`:"kui-Heading";return m?e.createElement(P.Root,{"data-accent-color":r,...s,ref:o,className:a},p):e.createElement(H,{"data-accent-color":r,...s,ref:o,className:a},p)}));g.displayName="Heading";export{g as a};
-//# sourceMappingURL=chunk-3H23GRNQ.js.map

package/dist/esm/chunk-3H23GRNQ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/heading.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport { Slot } from 'radix-ui';\n\nimport { headingPropDefs } from './heading.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 HeadingElement = React.ElementRef<'h2'>;\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>;\ninterface CommonHeadingProps extends HeadingOwnProps {}\ntype HeadingH1Props = { as: 'h1' } & ComponentPropsWithout<'h1', RemovedProps>;\ntype HeadingH2Props = { as?: 'h2' } & ComponentPropsWithout<'h2', RemovedProps>;\ntype HeadingH3Props = { as: 'h3' } & ComponentPropsWithout<'h3', RemovedProps>;\ntype HeadingH4Props = { as: 'h4' } & ComponentPropsWithout<'h4', RemovedProps>;\ntype HeadingH5Props = { as: 'h5' } & ComponentPropsWithout<'h5', RemovedProps>;\ntype HeadingH6Props = { as: 'h6' } & ComponentPropsWithout<'h6', RemovedProps>;\ntype HeadingProps = CommonHeadingProps &\n  (HeadingH1Props | HeadingH2Props | HeadingH3Props | HeadingH4Props | HeadingH5Props | HeadingH6Props);\n\n// Pre-merge prop definitions at module level to avoid per-render allocation\n\nconst Heading = React.memo(\n  React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n    const {\n      children,\n      className,\n      asChild,\n      as: Tag = 'h2',\n      color,\n      ...headingProps\n    } = extractProps(props, headingPropDefs);\n\n    const combinedClassName = className ? `kui-Heading ${className}` : 'kui-Heading';\n\n    if (asChild) {\n      return (\n        <Slot.Root\n          data-accent-color={color}\n          {...headingProps}\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        {...(headingProps as React.HTMLAttributes<HTMLHeadingElement>)}\n        ref={forwardedRef as any}\n        className={combinedClassName}\n      >\n        {children}\n      </Tag>\n    );\n  })\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\nexport type { HeadingProps };\n"],
-  "mappings": ";gFAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WAsBrB,IAAMC,EAAgB,OACd,aAAyC,CAACC,EAAOC,IAAiB,CACtE,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,KACV,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaR,EAAOS,CAAe,EAEjCC,EAAoBP,EAAY,eAAeA,CAAS,GAAK,cAEnE,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,EAAQ,YAAc",
-  "names": ["React", "Slot", "Heading", "props", "forwardedRef", "children", "className", "asChild", "Tag", "color", "headingProps", "extractProps", "headingPropDefs", "combinedClassName", "Slot"]
-}

package/dist/esm/chunk-3L2MDOYC.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as v,b as G,c as O}from"./chunk-PT4KBXXP.js";import{b as D,c as L}from"./chunk-N3QLHFHB.js";import{a as x}from"./chunk-KOAWATCI.js";import{a as b}from"./chunk-ILWS2JUE.js";import{b as N,c as E}from"./chunk-GKDGNPBD.js";import{b as w}from"./chunk-5ON3XLRD.js";import{c as y}from"./chunk-OKQAVYW4.js";import{a as F}from"./chunk-VQPANPMI.js";var J={};F(J,{Content:()=>z,Group:()=>W,Item:()=>V,Label:()=>K,Root:()=>A,Separator:()=>H,Trigger:()=>B});import*as e from"react";import S from"classnames";import{Select as r,ScrollArea as C}from"radix-ui";var M={size:v.size},_=[" ","Enter","ArrowUp","ArrowDown"],g=e.createContext({}),A=o=>{let{children:t,size:a,open:n,defaultOpen:c,onOpenChange:s,...P}=o,p=w(a,v.size),[u,i]=e.useState(c??!1),m=n??u,f=e.useCallback(d=>{i(d),s?.(d)},[s]);return e.createElement(r.Root,{...P,open:m,onOpenChange:f},e.createElement(g.Provider,{value:e.useMemo(()=>({size:p,open:m}),[p,m])},t))};A.displayName="Select.Root";var B=e.forwardRef((o,t)=>{let a=e.useContext(g),{children:n,className:c,color:s,radius:P,placeholder:p,error:u,loading:i,disabled:m,readOnly:f,...d}=y({size:a?.size,...o},M,G),{"aria-invalid":R,"aria-busy":h,"aria-disabled":T,"aria-readonly":I}=d,k=!!u||R===!0||R==="true",j=e.useMemo(()=>({"aria-invalid":k?!0:R,"aria-busy":i||h,"aria-disabled":m||T,"aria-readonly":f||I}),[k,R,i,h,m,T,f,I]),U=!!(f||i)?{onPointerDown:l=>l.preventDefault(),onClick:l=>{l.preventDefault(),l.currentTarget.focus()},onKeyDown:l=>{let Y=l.ctrlKey||l.altKey||l.metaKey;(_.includes(l.key)||!Y&&l.key.length===1)&&l.preventDefault()}}:void 0;return e.createElement(r.Trigger,{asChild:!0,disabled:m,...U},e.createElement("button",{"data-accent-color":s,"data-radius":P,"data-error":u,"data-loading":i,...d,...j,ref:t,className:S("kui-reset","kui-SelectTrigger",c)},e.createElement("span",{className:"kui-SelectTriggerInner"},e.createElement(r.Value,{placeholder:p},n)),e.createElement(r.Icon,{asChild:!0},i?e.createElement("span",{className:"kui-SelectIcon kui-SelectLoadingIcon","aria-hidden":"true"},e.createElement(b,null)):e.createElement(E,{className:"kui-SelectIcon"}))))});B.displayName="Select.Trigger";var z=e.forwardRef((o,t)=>{let a=e.useContext(g),{className:n,children:c,color:s,container:P,...p}=y({size:a?.size,...o},M,O),u=D();if(a.open===!1&&!p.forceMount)return e.createElement(r.Portal,{container:P},e.createElement(r.Content,{...p,asChild:!1,ref:t},c));let i=s||u.accentColor;return e.createElement(r.Portal,{container:P},e.createElement(L,{asChild:!0},e.createElement(r.Content,{"data-accent-color":i,sideOffset:4,...p,asChild:!1,ref:t,className:S("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-SelectContent",n)},e.createElement(q,null,c))))});z.displayName="Select.Content";function q({children:o}){let t=x();return e.createElement(C.Root,{type:"auto",className:"kui-ScrollAreaRoot"},e.createElement(r.Viewport,{asChild:!0,className:S("kui-BaseMenuViewport","kui-SelectViewport")},e.createElement(C.Viewport,{ref:t,className:"kui-ScrollAreaViewport",style:{overflowY:void 0}},o)),e.createElement(C.Scrollbar,{className:"kui-ScrollAreaScrollbar",orientation:"vertical"},e.createElement(C.Thumb,{className:"kui-ScrollAreaThumb"})))}var V=e.forwardRef((o,t)=>{let{className:a,children:n,...c}=o,s=typeof n!="string";return e.createElement(r.Item,{...c,asChild:!1,ref:t,className:S("kui-reset","kui-BaseMenuItem","kui-SelectItem",{"kui-SelectItemRich":s},a)},e.createElement(r.ItemIndicator,{className:"kui-SelectItemIndicator"},e.createElement(N,{className:"kui-SelectItemIndicatorIcon"})),e.createElement(r.ItemText,null,n))});V.displayName="Select.Item";var W=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Group,{...t,asChild:!1,ref:a,className:S("kui-SelectGroup",o)}));W.displayName="Select.Group";var K=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Label,{...t,asChild:!1,ref:a,className:S("kui-BaseMenuLabel","kui-SelectLabel",o)}));K.displayName="Select.Label";var H=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Separator,{...t,asChild:!1,ref:a,className:S("kui-BaseMenuSeparator","kui-SelectSeparator",o)}));H.displayName="Select.Separator";export{A as a,B as b,z as c,V as d,W as e,K as f,H as g,J as h};
-//# sourceMappingURL=chunk-3L2MDOYC.js.map

package/dist/esm/chunk-4S5L25RO.js

@@ -1,3 +0,0 @@
-"use client";
-import{b as o}from"./chunk-XU74PNM2.js";import{c as e}from"./chunk-HBWBPBSA.js";var s=["1","2","3","4"],i={size:{type:"enum",className:"kui-r-size",values:s,default:"2",responsive:!0},showTickLabels:{type:"boolean"},snapToTicks:{type:"boolean"},...e,...o};export{i as a};
-//# sourceMappingURL=chunk-4S5L25RO.js.map

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

@@ -1,3 +0,0 @@
-"use client";
-import{a as re,b as ae}from"./chunk-FPGBCCML.js";import{a as B,b as te,c as D}from"./chunk-7ROKZHH2.js";import{a as oe}from"./chunk-WUCBFB25.js";import{a as ee}from"./chunk-TGRHRMQI.js";import{b as Y,c as Z}from"./chunk-N3QLHFHB.js";import{a as U}from"./chunk-ILWS2JUE.js";import{b as J,c as Q}from"./chunk-GKDGNPBD.js";import{c as _}from"./chunk-5KMEUZWN.js";import{b as X}from"./chunk-5ON3XLRD.js";import{c as O}from"./chunk-OKQAVYW4.js";import{a as Ie}from"./chunk-VQPANPMI.js";var Fe={};Ie(Fe,{Content:()=>xe,Empty:()=>Re,Group:()=>ye,Input:()=>Pe,Item:()=>Se,Label:()=>he,List:()=>ge,Root:()=>de,Separator:()=>ve,Trigger:()=>Ce,Value:()=>fe});import*as e from"react";import d from"classnames";import{Popover as ne}from"radix-ui";import{useCallbackRef as A,useComposedRefs as le,useControllableState as G,useLayoutEffect as W}from"radix-ui/internal";import{Command as T,useCommandState as se}from"cmdk";var we={size:B.size},Ne={size:D.size},ie=new Set;function Le(o){ie.has(o)||(ie.add(o),console.warn(o))}function Oe(o){let r=o,t=new Set;return{get:()=>r,set:a=>{Object.is(a,r)||(r=a,t.forEach(n=>n()))},subscribe:a=>(t.add(a),()=>{t.delete(a)})}}var me=e.createContext(null),M=o=>{let r=e.useContext(me);if(!r)throw new Error(`Combobox.${o} must be used within Combobox.Root`);return r},ce=e.createContext(null),be=e.createContext(null),ue=e.createContext(null),pe=()=>e.useContext(ue);function De(o){let r=o.getAttribute("aria-label")?.trim();if(r)return r;let t=o.getAttribute("aria-labelledby");if(t){let n=t.split(/\s+/).map(s=>o.ownerDocument.getElementById(s)?.textContent?.trim()).filter(Boolean).join(" ");if(n)return n}let a=o.labels;if(a&&a.length>0){let n=Array.from(a).map(s=>s.textContent?.trim()).filter(Boolean).join(" ");if(n)return n}}var de=o=>{let{children:r,size:t,value:a,defaultValue:n=null,onValueChange:s,open:m,defaultOpen:C=!1,onOpenChange:l,placeholder:c="Select an option",searchPlaceholder:P="Search...",searchValue:g,defaultSearchValue:R="",onSearchValueChange:y,filter:f,shouldFilter:i=!0,loop:b=!0,disabled:h,resetSearchOnSelect:x=!0,resetSearchOnClose:S=!0,color:V,displayValue:v,...k}=o,p=X(t,B.size),[E,I]=G({prop:m,defaultProp:C,onChange:l}),[u,Ve]=G({prop:a,defaultProp:n,onChange:s}),[j,w]=G({prop:g,defaultProp:R,onChange:y}),K=typeof v=="function"?v(u):v,[N]=e.useState(()=>Oe(u));W(()=>{N.set(u)},[N,u]);let F=A(L=>{I(L),!L&&S&&w("")}),q=A(L=>{Ve(L),I(!1),x&&w("")}),z=e.useRef(null),$=e.useCallback(()=>z.current?De(z.current):void 0,[]),Ee=e.useMemo(()=>({value:u,displayValue:K,setOpen:F,size:p,placeholder:c,searchPlaceholder:P,disabled:h,color:V,loop:b,shouldFilter:i,filter:f,triggerRef:z,getTriggerLabel:$}),[u,K,F,p,c,P,h,V,b,i,f,$]),ke=e.useMemo(()=>({value:j,setValue:w}),[j,w]),Te=e.useMemo(()=>({store:N,onSelect:q,disabled:h}),[N,q,h]);return e.createElement(me.Provider,{value:Ee},e.createElement(ce.Provider,{value:ke},e.createElement(be.Provider,{value:Te},e.createElement(re,{open:E,onOpenChange:F,...k},r))))};de.displayName="Combobox.Root";var Ce=e.forwardRef((o,r)=>{let t=M("Trigger"),{children:a,className:n,placeholder:s,disabled:m,readOnly:C,error:l,loading:c,color:P,radius:g,onClick:R,onKeyDown:y,type:f,...i}=O({size:t.size,...o},we,te),b=m??t.disabled,h=P??t.color,x=!!(C||c),S=t.value==null&&t.displayValue==null,V=le(r,t.triggerRef),{getTriggerLabel:v}=t;e.useEffect(()=>{},[v]);let k=u=>{R?.(u),x&&u.preventDefault()},p=u=>{y?.(u),!(u.defaultPrevented||x||b)&&(u.key==="ArrowDown"||u.key==="ArrowUp")&&(u.preventDefault(),t.setOpen(!0))},E=e.createElement("span",{className:"kui-SelectIcon kui-SelectLoadingIcon","aria-hidden":"true"},e.createElement(U,null)),I=e.createElement(e.Fragment,null,e.createElement("span",{className:"kui-SelectTriggerInner"},e.createElement("span",{className:"kui-ComboboxValue"},t.displayValue??t.value??s??t.placeholder)),c?E:e.createElement(Q,{className:"kui-SelectIcon"}));return e.createElement(ae,{disabled:b},e.createElement("button",{"data-accent-color":h,"data-radius":g,"data-error":l,"data-loading":c,"data-disabled":b||void 0,"data-read-only":C||void 0,"data-placeholder":S?"":void 0,...i,role:"combobox","aria-disabled":b||i["aria-disabled"],"aria-readonly":C||i["aria-readonly"],"aria-invalid":l||i["aria-invalid"],"aria-busy":c||i["aria-busy"],type:f??"button",disabled:b,onClick:k,onKeyDown:p,ref:V,className:d("kui-reset","kui-SelectTrigger","kui-ComboboxTrigger",n)},a?e.createElement(e.Fragment,null,ee(a),c?E:null):I))});Ce.displayName="Combobox.Trigger";var fe=e.forwardRef(({placeholder:o,children:r,className:t,...a},n)=>{let s=M("Value"),m=s.displayValue??s.value??void 0;return e.createElement("span",{...a,ref:n,className:d("kui-ComboboxValue",t)},m??r??o??s.placeholder)});fe.displayName="Combobox.Value";function Me(){let o=se(n=>n.filtered.count),r=se(n=>n.search),[t,a]=e.useState("");return e.useEffect(()=>{let n=r?o===0?"No results":`${o} result${o===1?"":"s"}`:"",s=window.setTimeout(()=>a(n),r?400:0);return()=>window.clearTimeout(s)},[o,r]),e.createElement(oe,{role:"status","aria-live":"polite","aria-atomic":"true"},t)}var xe=e.forwardRef((o,r)=>{let t=M("Content"),a=Y(),n=o.size??t.size??D.size.default,{className:s,children:m,color:C,forceMount:l,container:c,onOpenAutoFocus:P,"aria-label":g,"aria-labelledby":R,...y}=O({...o,size:n},D),f=C||t.color||a.accentColor,{getTriggerLabel:i}=t,[b,h]=e.useState(i);W(()=>{if(b!==void 0)return;let p=i();p!==void 0&&h(p)},[i,b]);let x=o["aria-label"]??b,S=e.useMemo(()=>({sizeClassName:O({size:n},Ne).className||void 0,color:f,label:x}),[n,f,x]),V=e.useRef(null),v=p=>{if(P?.(p),p.defaultPrevented)return;let E=V.current;if(!E||E.querySelector("[cmdk-input]"))return;p.preventDefault(),(E.querySelector("[cmdk-list]")??E).focus({preventScroll:!0})},k=t.value?.trim()||void 0;return e.createElement(ne.Portal,{container:c,forceMount:l?!0:void 0},e.createElement(Z,{asChild:!0},e.createElement(ne.Content,{"data-accent-color":f,align:"start",sideOffset:4,collisionPadding:10,"aria-label":R?void 0:x,"aria-labelledby":R,...y,forceMount:l?!0:void 0,onOpenAutoFocus:v,ref:r,className:d("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-ComboboxContent",s)},e.createElement(ue.Provider,{value:S},e.createElement(T,{ref:V,loop:t.loop,shouldFilter:t.shouldFilter,filter:t.filter,label:x,defaultValue:k,className:"kui-ComboboxCommand"},m,e.createElement(Me,null))))))});xe.displayName="Combobox.Content";var Pe=e.forwardRef(({className:o,startAdornment:r,endAdornment:t,placeholder:a,variant:n,value:s,onValueChange:m,...C},l)=>{let c=M("Input"),P=e.useContext(ce),g=pe(),R=n??"soft",y=s??P?.value??"",f=m??P?.setValue,i=e.createElement("div",{className:d("kui-TextFieldRoot","kui-ComboboxInputRoot",g?.sizeClassName,`kui-variant-${R}`),"data-accent-color":g?.color},r?e.createElement("div",{className:"kui-TextFieldSlot"},r):null,e.createElement(T.Input,{...C,ref:l,value:y,onValueChange:f,placeholder:a??c.searchPlaceholder,className:d("kui-reset","kui-TextFieldInput",o)}),t?e.createElement("div",{className:"kui-TextFieldSlot","data-side":"right"},t):null);return g?e.createElement("div",{className:"kui-ComboboxSearch"},i):i});Pe.displayName="Combobox.Input";var ge=e.forwardRef(({className:o,children:r,label:t,...a},n)=>{let s=pe();return e.createElement("div",{className:"kui-ComboboxScrollArea"},e.createElement("div",{className:d("kui-BaseMenuViewport","kui-ComboboxViewport")},e.createElement(T.List,{...a,label:t??s?.label,ref:n,className:d("kui-ComboboxList",o)},r)))});ge.displayName="Combobox.List";var Re=e.forwardRef(({className:o,...r},t)=>e.createElement(T.Empty,{...r,ref:t,className:d("kui-ComboboxEmpty",o)}));Re.displayName="Combobox.Empty";var ye=e.forwardRef(({className:o,...r},t)=>e.createElement(T.Group,{...r,ref:t,className:d("kui-BaseMenuGroup","kui-ComboboxGroup",o)}));ye.displayName="Combobox.Group";var he=e.forwardRef(({className:o,id:r,...t},a)=>{let n=e.useId(),s=r??n,m=e.useRef(null),C=le(a,m);return W(()=>{let l=m.current?.closest("[cmdk-group-items]");if(!(!l||l.hasAttribute("aria-labelledby")))return l.setAttribute("aria-labelledby",s),()=>{l.getAttribute("aria-labelledby")===s&&l.removeAttribute("aria-labelledby")}},[s]),e.createElement("div",{...t,id:s,ref:C,className:d("kui-BaseMenuLabel","kui-ComboboxLabel",o)})});he.displayName="Combobox.Label";var ve=e.forwardRef(({className:o,...r},t)=>e.createElement(T.Separator,{...r,ref:t,className:d("kui-BaseMenuSeparator","kui-ComboboxSeparator",o)}));ve.displayName="Combobox.Separator";function H(o){return o==null||typeof o=="boolean"?"":typeof o=="string"||typeof o=="number"?String(o):Array.isArray(o)?o.map(H).join(""):e.isValidElement(o)?H(o.props.children):""}var Se=e.forwardRef(({className:o,children:r,label:t,value:a,disabled:n,onSelect:s,keywords:m,...C},l)=>{let c=e.useContext(be);if(!c)throw new Error("Combobox.Item must be used within Combobox.Root");let{store:P,onSelect:g,disabled:R}=c,y=a??(typeof r=="string"?r.trim():void 0),f=()=>y!==void 0&&P.get()===y,i=e.useSyncExternalStore(P.subscribe,f,f),b=A(s),h=e.useCallback(k=>{let p=a??k;g(p),b(p)},[a,g,b]),x=(t??H(r)).replace(/\s+/g," ").trim(),S=x?m?[x,...m]:[x]:m,V=S?S.join("\0"):"",v=n??R??!1;return e.createElement(T.Item,{key:V,...C,value:a,keywords:S,"aria-checked":i,disabled:v||void 0,ref:l,onSelect:h,className:d("kui-reset","kui-BaseMenuItem","kui-ComboboxItem",o)},i?e.createElement("span",{className:d("kui-BaseMenuItemIndicator","kui-ComboboxItemIndicator")},e.createElement(J,{className:d("kui-BaseMenuItemIndicatorIcon","kui-ComboboxItemIndicatorIcon")})):null,e.createElement(_,null,r))});Se.displayName="Combobox.Item";export{de as a,Ce as b,fe as c,xe as d,Pe as e,ge as f,Re as g,ye as h,he as i,ve as j,Se as k,Fe as l};
-//# sourceMappingURL=chunk-5CFSNNYS.js.map

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

@@ -1,3 +0,0 @@
-"use client";
-import{c as P}from"./chunk-5ON3XLRD.js";import{c as b}from"./chunk-OKQAVYW4.js";import{a as T}from"./chunk-WT2SYGTU.js";import{a as R}from"./chunk-VQPANPMI.js";var y={};R(y,{Content:()=>l,List:()=>c,Root:()=>f,Trigger:()=>g});import*as e from"react";import a from"classnames";import{Tabs as i}from"radix-ui";var f=e.forwardRef((t,o)=>{let{className:r,...s}=t;return e.createElement(i.Root,{...s,ref:o,className:a("kui-TabsRoot",r)})});f.displayName="Tabs.Root";var c=e.forwardRef((t,o)=>{let r=P(t,T.size),{className:s,color:p,...n}=b(r,T);return e.createElement(i.List,{"data-accent-color":p,...n,asChild:!1,ref:o,className:a("kui-BaseTabList","kui-TabsList",s)})});c.displayName="Tabs.List";var g=e.forwardRef((t,o)=>{let{className:r,children:s,...p}=t,n=e.Children.toArray(s).every(m=>typeof m=="string"||typeof m=="number");return e.createElement(i.Trigger,{...p,asChild:!1,ref:o,className:a("kui-reset","kui-BaseTabListTrigger","kui-TabsTrigger",r)},e.createElement("span",{className:"kui-BaseTabListTriggerInner kui-TabsTriggerInner"},s),n?e.createElement("span",{className:"kui-BaseTabListTriggerInnerHidden kui-TabsTriggerInnerHidden","aria-hidden":!0},s):null)});g.displayName="Tabs.Trigger";var l=e.forwardRef((t,o)=>{let{className:r,...s}=t;return e.createElement(i.Content,{...s,ref:o,className:a("kui-TabsContent",r)})});l.displayName="Tabs.Content";export{f as a,c as b,g as c,l as d,y as e};
-//# sourceMappingURL=chunk-5EBJOOXE.js.map

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

@@ -1,3 +0,0 @@
-"use client";
-import{a as e}from"./chunk-5WTSKXAE.js";import{a as r,b as s}from"./chunk-7N2Q5WOM.js";import{b as t}from"./chunk-5KMEUZWN.js";import{c as p}from"./chunk-OKQAVYW4.js";import*as o from"react";import f from"classnames";var B=o.forwardRef((m,a)=>{let{className:n,asChild:i,as:P="div",...x}=p(m,e,r,s);return o.createElement(i?t:P,{...x,ref:a,className:f("kui-Box",n)})});B.displayName="Box";export{B as a};
-//# sourceMappingURL=chunk-5EP3UTM7.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/box.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Slot } from './slot.js';\nimport { boxPropDefs } from './box.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { layoutPropDefs } from '../props/layout.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { LayoutProps } from '../props/layout.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { BoxOwnProps } from './box.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype BoxElement = React.ElementRef<'div'>;\ninterface CommonBoxProps extends MarginProps, LayoutProps, BoxOwnProps {}\ntype BoxDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype BoxSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);\n\nconst Box = React.forwardRef<BoxElement, BoxProps>((props, forwardedRef) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'div',\n    ...boxProps\n  } = extractProps(props, boxPropDefs, layoutPropDefs, marginPropDefs);\n  const Comp = asChild ? Slot : Tag;\n  return <Comp {...boxProps} ref={forwardedRef} className={classNames('kui-Box', className)} />;\n});\nBox.displayName = 'Box';\n\nexport { Box };\nexport type { BoxProps };\n"],
-  "mappings": ";uKAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAmBvB,IAAMC,EAAY,aAAiC,CAACC,EAAOC,IAAiB,CAC1E,GAAM,CACJ,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,MACV,GAAGC,CACL,EAAIC,EAAaN,EAAOO,EAAaC,EAAgBC,CAAc,EAEnE,OAAO,gBADMN,EAAUO,EAAON,EACtB,CAAM,GAAGC,EAAU,IAAKJ,EAAc,UAAWU,EAAW,UAAWT,CAAS,EAAG,CAC7F,CAAC,EACDH,EAAI,YAAc",
-  "names": ["React", "classNames", "Box", "props", "forwardedRef", "className", "asChild", "Tag", "boxProps", "extractProps", "boxPropDefs", "layoutPropDefs", "marginPropDefs", "Slot", "classNames"]
-}

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

@@ -1,3 +0,0 @@
-"use client";
-import{a as te}from"./chunk-TGRHRMQI.js";import{b as re,c as G}from"./chunk-N3QLHFHB.js";import{c as B,e as oe,g as y,h as O,i as ne}from"./chunk-CV7QQTI3.js";import{a as L}from"./chunk-RVPLXLRA.js";import{b as A,c as F,d as S,e as j,f as H}from"./chunk-GKDGNPBD.js";import{c as U}from"./chunk-5ON3XLRD.js";import{b as g,c as k,d as Y,e as q,f as X}from"./chunk-I6SMGWS5.js";import{b as h,c as $,d as T,e as x}from"./chunk-XL5OHW6Z.js";import{c as I}from"./chunk-OKQAVYW4.js";import{a as M,b as v,c as J,d as Q,e as E,f as Z,g as ee,h as N}from"./chunk-5JYSYTHA.js";import{a as he}from"./chunk-VQPANPMI.js";var Oe={};he(Oe,{CheckboxItem:()=>Me,Content:()=>de,Group:()=>me,Item:()=>ce,Label:()=>le,RadioGroup:()=>we,RadioItem:()=>De,Root:()=>ue,Separator:()=>Re,Sub:()=>fe,SubContent:()=>be,SubTrigger:()=>Pe,Trigger:()=>se,TriggerIcon:()=>ge});import*as e from"react";import l from"classnames";import{DropdownMenu as s,Slot as _}from"radix-ui";import{useCallbackRef as ie}from"radix-ui/internal";var ae=e.createContext(!1),ue=o=>{let{open:n,defaultOpen:t=!1,onOpenChange:u}=o,[i,r]=e.useState(t),a=n??i,c=ie(u),p=e.useCallback(w=>{r(w),c(w)},[c]),m=e.useCallback(()=>p(!1),[p]);return e.createElement(ae.Provider,{value:a},e.createElement(oe,{value:m},e.createElement(s.Root,{...o,open:a,onOpenChange:p})))};ue.displayName="DropdownMenu.Root";var se=e.forwardRef(({children:o,...n},t)=>e.createElement(s.Trigger,{...n,ref:t,asChild:!0},te(o)));se.displayName="DropdownMenu.Trigger";var z=e.createContext({}),Te={ltr:"ArrowLeft",rtl:"ArrowRight"},xe={ltr:"ArrowRight",rtl:"ArrowLeft"};function Ee(o){return o instanceof HTMLElement&&(o.isContentEditable||o.tagName==="INPUT"||o.tagName==="TEXTAREA")}function pe(o){return o?.closest("[dir]")?.getAttribute("dir")==="rtl"?"rtl":"ltr"}var de=e.forwardRef((o,n)=>{let t=U(o,g.size),u=re(),{size:i=g.size.default}=t,{className:r,children:a,color:c,container:p,forceMount:m,submenuBehavior:w,virtualized:d=!1,onEscapeKeyDown:P,onKeyDown:b,...f}=I(t,g),R=c||u.accentColor,K=h(w,"cascade"),V=K==="drill-down",ye=e.useContext(ae),C=J(),Ie=D=>{P?.(D),!(D.defaultPrevented||!V||C.getDepth()===0)&&(D.preventDefault(),C.pop("keyboard"))},Se=D=>{b?.(D),!(D.defaultPrevented||!V||C.getDepth()===0)&&(Ee(D.target)||D.key===Te[pe(D.currentTarget)]&&(D.preventDefault(),C.pop("keyboard")))},ke=e.useMemo(()=>({size:i,color:R}),[i,R]),W=e.createElement(B,{size:i},e.createElement(z.Provider,{value:ke},e.createElement(Q,{store:C,behavior:K,open:ye},a)));return e.createElement(s.Portal,{container:p,forceMount:m},e.createElement(G,{asChild:!0},e.createElement(s.Content,{"data-accent-color":R,align:"start",sideOffset:4,collisionPadding:10,...f,onEscapeKeyDown:Ie,onKeyDown:Se,asChild:!1,ref:n,className:l("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-DropdownMenuContent",r)},d?e.createElement("div",{className:l("kui-BaseMenuViewport","kui-DropdownMenuViewport","kui-virtualized")},W):e.createElement(L,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:l("kui-BaseMenuViewport","kui-DropdownMenuViewport")},W)))))});de.displayName="DropdownMenu.Content";var le=e.forwardRef(({className:o,id:n,...t},u)=>{let i=e.useContext(M),r=ne(n,i);return i?e.createElement(s.Label,{...t,id:r,asChild:!1,ref:u,className:l("kui-BaseMenuLabel","kui-DropdownMenuLabel",o)}):null});le.displayName="DropdownMenu.Label";var ce=e.forwardRef((o,n)=>{let{className:t,children:u,color:i=Y.color.default,shortcut:r,...a}=o;return e.useContext(M)?e.createElement(s.Item,{"data-accent-color":i,"aria-keyshortcuts":r?T(r):void 0,...a,ref:n,className:l("kui-reset","kui-BaseMenuItem","kui-DropdownMenuItem",t)},e.createElement(_.Slottable,null,u),r&&e.createElement(x,{shortcut:r,className:"kui-DropdownMenuShortcut"})):null});ce.displayName="DropdownMenu.Item";var me=e.forwardRef(({className:o,"aria-labelledby":n,...t},u)=>{let[i,r]=O(n),a=e.useContext(M);return e.createElement(y,{value:r},e.createElement(s.Group,{...a?{"aria-labelledby":i}:{role:"none"},...t,asChild:!1,ref:u,className:l("kui-BaseMenuGroup","kui-DropdownMenuGroup",o)}))});me.displayName="DropdownMenu.Group";var we=e.forwardRef(({className:o,"aria-labelledby":n,...t},u)=>{let[i,r]=O(n),a=e.useContext(M);return e.createElement(y,{value:r},e.createElement(s.RadioGroup,{...a?{"aria-labelledby":i}:{role:"none"},...t,asChild:!1,ref:u,className:l("kui-BaseMenuRadioGroup","kui-DropdownMenuRadioGroup",o)}))});we.displayName="DropdownMenu.RadioGroup";var De=e.forwardRef((o,n)=>{let{children:t,className:u,color:i=X.color.default,...r}=o;return e.useContext(M)?e.createElement(s.RadioItem,{...r,asChild:!1,ref:n,"data-accent-color":i,className:l("kui-BaseMenuItem","kui-BaseMenuRadioItem","kui-DropdownMenuItem","kui-DropdownMenuRadioItem",u)},e.createElement(_.Slottable,null,t),e.createElement(s.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator"},e.createElement(H,{className:"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon"}))):null});De.displayName="DropdownMenu.RadioItem";var Me=e.forwardRef((o,n)=>{let{children:t,className:u,shortcut:i,color:r=q.color.default,...a}=o;return e.useContext(M)?e.createElement(s.CheckboxItem,{"aria-keyshortcuts":i?T(i):void 0,...a,asChild:!1,ref:n,"data-accent-color":r,className:l("kui-BaseMenuItem","kui-BaseMenuCheckboxItem","kui-DropdownMenuItem","kui-DropdownMenuCheckboxItem",u)},e.createElement(_.Slottable,null,t),e.createElement(s.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator"},e.createElement(A,{className:"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon"})),i&&e.createElement(x,{shortcut:i,className:"kui-DropdownMenuShortcut"})):null});Me.displayName="DropdownMenu.CheckboxItem";var fe=({label:o="Back",open:n,defaultOpen:t,onOpenChange:u,children:i})=>{let r=v(),a=e.useId(),c=e.useMemo(()=>({id:a,label:o}),[a,o]),p=E(r,a)!=="closed",m=ie(u),w=n!==void 0;e.useLayoutEffect(()=>{if(!(!r||!w))return r.setController(a,m),()=>r.setController(a,null)},[r,w,a,m]),e.useLayoutEffect(()=>{!r||n===void 0||(n&&!r.isOpen(a)?r.open(a,r.takePendingModality(a)):!n&&r.isOpen(a)&&r.close(a,r.takePendingModality(a)))},[r,n,a]);let d=e.useRef(n===void 0&&!!t);e.useLayoutEffect(()=>{r&&d.current?r.open(a):d.current=!1},[]);let P=e.useRef(p);return e.useEffect(()=>{if(!(!r||P.current===p)){if(P.current=p,p&&d.current){d.current=!1;return}n!==void 0&&n===p||m(p)}},[r,p,m,n]),e.createElement(ee.Provider,{value:c},e.createElement(s.Sub,{open:n,defaultOpen:t,onOpenChange:r?void 0:u},i))};fe.displayName="DropdownMenu.Sub";var Pe=e.forwardRef((o,n)=>{let{className:t,children:u,onKeyDown:i,...r}=o,a=v(),c=N(),p=e.useContext(M);if(a&&c){if(!p)return null;let m=d=>{d.preventDefault(),a.push(c.id)},w=d=>{i?.(d),!(d.defaultPrevented||r.disabled)&&d.key===xe[pe(d.currentTarget)]&&(d.preventDefault(),a.push(c.id,"keyboard"))};return e.createElement(s.Item,{...r,"data-drill-down-trigger":c.id,"data-drill-down-name":r.textValue,onSelect:m,onKeyDown:w,ref:n,className:l("kui-reset","kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-DropdownMenuItem","kui-DropdownMenuSubTrigger","kui-DropdownMenuDrillDownSubTrigger",t)},u,e.createElement("div",{className:"kui-BaseMenuShortcut kui-DropdownMenuShortcut"},e.createElement(S,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon"})))}return e.createElement(s.SubTrigger,{...r,onKeyDown:i,asChild:!1,ref:n,className:l("kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-DropdownMenuItem","kui-DropdownMenuSubTrigger",t)},u,e.createElement("div",{className:"kui-BaseMenuShortcut kui-DropdownMenuShortcut"},e.createElement(S,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon"})))});Pe.displayName="DropdownMenu.SubTrigger";var Re=e.forwardRef(({className:o,...n},t)=>e.useContext(M)?e.createElement(s.Separator,{...n,asChild:!1,ref:t,className:l("kui-BaseMenuSeparator","kui-DropdownMenuSeparator",o)}):null);Re.displayName="DropdownMenu.Separator";function Ne({label:o,name:n}){let t=v(),u=e.useCallback(a=>{a.preventDefault(),t?.pop()},[t]),i=typeof o=="string"?o:n,r=i&&i!=="Back"?`Back from ${i}`:void 0;return e.createElement(s.Item,{"aria-label":r,textValue:i||"Back",onSelect:u,className:l("kui-reset","kui-BaseMenuItem","kui-DropdownMenuItem","kui-DropdownMenuDrillDownBackItem")},e.createElement(j,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuDrillDownBackIcon"}),e.createElement("span",{className:"kui-DropdownMenuDrillDownBackLabel"},o))}function Be(o){let{loop:n,onEscapeKeyDown:t,onPointerDownOutside:u,onFocusOutside:i,onInteractOutside:r,sideOffset:a,alignOffset:c,avoidCollisions:p,collisionBoundary:m,collisionPadding:w,arrowPadding:d,sticky:P,hideWhenDetached:b,updatePositionStrategy:f,...R}=o;return R}var be=e.forwardRef((o,n)=>{let t=v(),u=N();return t&&u?e.createElement(ve,{...o,ref:n,store:t,sub:u}):e.createElement(Ce,{...o,ref:n})});be.displayName="DropdownMenu.SubContent";var Ce=e.forwardRef((o,n)=>{let t=e.useContext(z),u=o.size??t.size,i=o.color??t.color,{className:r,children:a,container:c,forceMount:p,color:m,virtualized:w=!1,...d}=I({...o,size:u},k),P=h(u,k.size.default),b=e.useMemo(()=>({size:u,color:i}),[u,i]),f=e.createElement(B,{size:u},e.createElement(z.Provider,{value:b},a));return e.createElement(s.Portal,{container:c,forceMount:p},e.createElement(G,{asChild:!0},e.createElement(s.SubContent,{"data-accent-color":i,alignOffset:$(P),sideOffset:1,collisionPadding:10,...d,asChild:!1,ref:n,className:l("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-BaseMenuSubContent","kui-DropdownMenuContent","kui-DropdownMenuSubContent",r)},w?e.createElement("div",{className:l("kui-BaseMenuViewport","kui-DropdownMenuViewport","kui-virtualized")},f):e.createElement(L,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:l("kui-BaseMenuViewport","kui-DropdownMenuViewport")},f)))))});Ce.displayName="DropdownMenu.CascadeSubContent";var ve=e.forwardRef(({store:o,sub:n,...t},u)=>{let i=E(o,n.id),r=Z(o,n.id);if(i==="closed")return null;let{className:a,children:c,container:p,forceMount:m,virtualized:w,size:d,color:P,...b}=Be(t),f=i==="top",R=r?.name||(typeof n.label=="string"?n.label:"");return e.createElement("div",{role:"group","aria-label":R||void 0,...b,ref:u,"data-drill-down-panel":n.id,"data-drill-down-active":f?!0:void 0,className:l("kui-DropdownMenuDrillDownPanel",a)},f&&e.createElement(e.Fragment,null,e.createElement(Ne,{label:n.label,name:R}),e.createElement(s.Separator,{className:"kui-BaseMenuSeparator kui-DropdownMenuSeparator"})),e.createElement(y,{value:null},e.createElement(M.Provider,{value:f},c)))});ve.displayName="DropdownMenu.DrillDownPanel";var ge=e.forwardRef(({className:o,...n},t)=>e.createElement(F,{...n,ref:t,className:l("kui-DropdownMenuTriggerIcon",o)}));ge.displayName="DropdownMenu.TriggerIcon";export{ue as a,se as b,de as c,le as d,ce as e,me as f,we as g,De as h,Me as i,fe as j,Pe as k,Re as l,be as m,ge as n,Oe as o};
-//# sourceMappingURL=chunk-5L4DZ2D3.js.map

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

@@ -1,3 +0,0 @@
-"use client";
-import{b as o}from"./chunk-XU74PNM2.js";import{c as r}from"./chunk-HBWBPBSA.js";var t=["surface","soft","outline"],a={variant:{type:"enum",className:"kui-variant",values:t,default:"surface"},...r,...o,duration:{type:"string"}};export{a};
-//# sourceMappingURL=chunk-5RFDCAKC.js.map

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

@@ -1,3 +0,0 @@
-"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-63MUJFVF.js

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

@@ -1,7 +0,0 @@
-{
-  "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-6AMWYEM7.js

@@ -1,3 +0,0 @@
-"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-6AMWYEM7.js.map

@@ -1,7 +0,0 @@
-{
-  "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",
-  "names": ["React", "classNames", "Slot", "Kbd", "props", "forwardedRef", "asChild", "className", "kbdProps", "extractProps", "kbdPropDefs", "Comp", "Slot", "classNames"]
-}

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

@@ -1,3 +0,0 @@
-"use client";
-import{c as e}from"./chunk-HBWBPBSA.js";var s=["1","2","3","4"],r={size:{type:"enum",className:"kui-r-size",values:s,default:"2",responsive:!0},...e};export{r as a};
-//# sourceMappingURL=chunk-6BB2A6VU.js.map

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

@@ -1,3 +0,0 @@
-"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-6UZT3ZLO.js.map

@@ -1,7 +0,0 @@
-{
-  "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",
-  "names": ["React", "Slot", "Text", "props", "forwardedRef", "children", "className", "asChild", "Tag", "color", "textProps", "extractProps", "textPropDefs", "combinedClassName", "Slot"]
-}

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

@@ -1,3 +0,0 @@
-"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-7ROKZHH2.js.map

@@ -1,7 +0,0 @@
-{
-  "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",
-  "names": ["sizes", "comboboxRootPropDefs", "triggerVariants", "comboboxTriggerPropDefs", "colorPropDef", "radiusPropDef", "widthPropDefs", "contentSizes", "comboboxContentPropDefs", "heightPropDefs"]
-}

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

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

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

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