@womp/kookie-ui 0.26.1 → 0.26.3

package/src/components/text-field.tsx

@@ -3,10 +3,11 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import classNames from 'classnames';
-import { composeEventHandlers, composeRefs } from 'radix-ui/internal';
+import { composeEventHandlers, composeRefs, useLayoutEffect } from 'radix-ui/internal';
 
 import { textFieldRootPropDefs, textFieldSlotPropDefs, type TextFieldSlotScrubProps } from './text-field.props.js';
 import { extractProps } from '../helpers/extract-props.js';
+import { mergeStyles } from '../helpers/merge-styles.js';
 import { useThemeSizeProps } from '../hooks/theme-size.js';
 
 import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
@@ -31,9 +32,12 @@ const TextFieldContext = React.createContext<TextFieldContextValue | null>(null)
 const FOCUSABLE_IN_SLOT = 'button, a, input, select, textarea, label, [tabindex], [contenteditable]';
 
 const TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>((ownProps, forwardedRef) => {
-  const props = useThemeSizeProps(ownProps, textFieldRootPropDefs.size);
+  // The caller's className and style are kept apart from the size and variant classes: with an
+  // error message they go on the wrapper, which is then the one box the parent lays out.
+  const { className: ownClassName, style: ownStyle, ...themedProps } = useThemeSizeProps(ownProps, textFieldRootPropDefs.size);
   const inputRef = React.useRef<HTMLInputElement>(null);
-  const { children, className, color, radius, style, ...inputProps } = extractProps(props, textFieldRootPropDefs);
+  const { children, className, color, radius, style, ...inputProps } = extractProps(themedProps, textFieldRootPropDefs);
+  const wrapped = Boolean(inputProps.errorMessage);
 
   // Generate unique IDs for accessibility
   const errorId = React.useId();
@@ -99,30 +103,36 @@ const TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>
     } catch {}
   }, []);
 
-  // The message is a sibling of the painted root, so it sits below the field rather than inside it.
+  // A pointer-only hit-target redirect to the input; keyboard users reach the input directly.
+  const field = (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    <div
+      data-accent-color={color}
+      data-radius={radius}
+      style={wrapped ? style : mergeStyles(style, ownStyle)}
+      className={classNames('kui-TextFieldRoot', className, !wrapped && ownClassName, {
+        // Not used by the library's CSS (invalid styling keys on aria-invalid); kept as a hook for app styles.
+        'kui-error': isInvalid,
+      })}
+      onMouseDown={handleMouseDown}
+    >
+      <input {...nativeInputProps} required={required || undefined} {...ariaProps} ref={composeRefs(inputRef, forwardedRef)} className="kui-reset kui-TextFieldInput" />
+      <TextFieldContext.Provider value={contextValue}>{children}</TextFieldContext.Provider>
+    </div>
+  );
+  // The wrapper is always there, so a message coming or going never moves the field in the tree:
+  // moving it would remount the input, dropping focus, the caret and an uncontrolled value. With
+  // no message it is `display: contents` and the field is the box the parent lays out; with one
+  // it holds the field and the message below it, and the caller's className and style size the pair.
   return (
-    <>
-      {/* A pointer-only hit-target redirect to the input; keyboard users reach the input directly. */}
-      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
-      <div
-        data-accent-color={color}
-        data-radius={radius}
-        style={style}
-        className={classNames('kui-TextFieldRoot', className, {
-          // Not used by the library's CSS (invalid styling keys on aria-invalid); kept as a hook for app styles.
-          'kui-error': isInvalid,
-        })}
-        onMouseDown={handleMouseDown}
-      >
-        <input {...nativeInputProps} required={required || undefined} {...ariaProps} ref={composeRefs(inputRef, forwardedRef)} className="kui-reset kui-TextFieldInput" />
-        <TextFieldContext.Provider value={contextValue}>{children}</TextFieldContext.Provider>
-      </div>
-      {inputProps.errorMessage && (
+    <div className={classNames('kui-TextFieldWrapper', wrapped && ownClassName)} style={wrapped ? ownStyle : undefined} data-message={wrapped || undefined}>
+      {field}
+      {wrapped ? (
         <div id={errorId} className="kui-TextFieldErrorMessage" role="alert">
           {inputProps.errorMessage}
         </div>
-      )}
-    </>
+      ) : null}
+    </div>
   );
 });
 TextFieldRoot.displayName = 'TextField.Root';
@@ -151,13 +161,21 @@ const TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>
     textFieldSlotPropDefs,
   );
 
-  // The slot describes the input (see TextFieldRoot); a caller's own id is kept.
+  // A slot of text describes the input (see TextFieldRoot); a caller's own id is kept. A slot
+  // holding a control, such as a show-password button, does not: the input would be described
+  // by the button's name.
   const generatedId = React.useId();
   const slotId = slotProps.id ?? generatedId;
   const registerSlot = React.useContext(TextFieldContext)?.registerSlot;
-  React.useEffect(() => registerSlot?.(slotId), [registerSlot, slotId]);
-
   const slotRef = React.useRef<HTMLDivElement>(null);
+  // Unknown until the slot has rendered; it registers once it is known to hold only text.
+  const [holdsControl, setHoldsControl] = React.useState<boolean | null>(null);
+  useLayoutEffect(() => {
+    const next = Boolean(slotRef.current?.querySelector(FOCUSABLE_IN_SLOT));
+    setHoldsControl((prev) => (prev === next ? prev : next));
+  });
+  React.useEffect(() => (holdsControl === false ? registerSlot?.(slotId) : undefined), [registerSlot, slotId, holdsControl]);
+
   const [isScrubbing, setIsScrubbing] = React.useState(false);
   // Where the virtual cursor starts. Movement is written straight to the cursor element, so a
   // scrub does not re-render the slot on every mouse move.

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/components/tooltip.tsx

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { Tooltip as TooltipPrimitive } from 'radix-ui';
 
 import { Text } from './text.js';
-import { Theme } from './theme.js';
+import { PortalTheme } from './_internal/portal-theme.js';
 import { extractProps } from '../helpers/extract-props.js';
 import { tooltipPropDefs } from './tooltip.props.js';
 
@@ -63,7 +63,7 @@ const Tooltip = React.forwardRef<TooltipElement, TooltipProps>((props, forwarded
     <TooltipPrimitive.Root {...rootProps}>
       <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
       <TooltipPrimitive.Portal container={container} forceMount={forceMount}>
-        <Theme asChild>
+        <PortalTheme asChild>
           <TooltipPrimitive.Content
             sideOffset={4}
             collisionPadding={10}
@@ -77,7 +77,7 @@ const Tooltip = React.forwardRef<TooltipElement, TooltipProps>((props, forwarded
             </Text>
             <TooltipPrimitive.Arrow className="kui-TooltipArrow" />
           </TooltipPrimitive.Content>
-        </Theme>
+        </PortalTheme>
       </TooltipPrimitive.Portal>
     </TooltipPrimitive.Root>
   );

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));
@@ -11322,6 +11321,19 @@
             box-shadow: inset 0 0 0 1px var(--red-7);
   }
 }
+.kui-TextFieldWrapper:where(:not([data-message])) {
+  display: contents;
+}
+.kui-TextFieldWrapper:where([data-message]) {
+  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 +16911,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] {
@@ -18142,8 +18154,25 @@
     background-color: CanvasText;
   }
 }
-.kui-SpinnerHiddenChildren {
+.kui-SpinnerHost:where(:not([data-loading])) {
+  display: contents;
+}
+.kui-SpinnerHost:where([data-loading]) {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.kui-SpinnerChildren {
   display: contents;
+}
+.kui-SpinnerHiddenChildren {
   visibility: hidden;
 }
 .kui-SwitchRoot {
@@ -19890,6 +19919,24 @@
             box-shadow: inset 0 0 0 1px var(--red-7);
   }
 }
+.kui-TextAreaWrapper:where(:not([data-message])) {
+  display: contents;
+}
+.kui-TextAreaWrapper:where([data-message]) {
+  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([data-message]) > :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);

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-3L2MDOYC.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/select.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Select as SelectPrimitive, ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSize } from '../hooks/theme-size.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport { Spinner } from './spinner.js';\nimport {\n  selectRootPropDefs,\n  selectTriggerPropDefs,\n  selectContentPropDefs,\n} from './select.props.js';\nimport { useThemeContext, Theme } from './theme.js';\nimport { useThumbSync } from '../hooks/use-thumb-sync.js';\n\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype SelectRootOwnProps = GetPropDefTypes<typeof selectRootPropDefs>;\n\n// Trigger and Content pass the size prop def as its own record. It is hoisted because\n// extractProps caches its compiled prop defs on the identity of each record it is given:\n// a literal written at the call site would be a new object, and a recompile, every render.\nconst selectSizePropDefs = { size: selectRootPropDefs.size };\n\n// Keys that open the list from the trigger, as in Radix.\nconst OPEN_KEYS = [' ', 'Enter', 'ArrowUp', 'ArrowDown'];\n\ninterface SelectContextValue extends SelectRootOwnProps {\n  /** Whether the list is open. Undefined when Content is rendered outside a Kookie Select.Root. */\n  open?: boolean;\n}\nconst SelectContext = React.createContext<SelectContextValue>({});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps, SelectRootOwnProps {}\nconst SelectRoot: React.FC<SelectRootProps> = (props) => {\n  const {\n    children,\n    size: sizeProp,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    ...rootProps\n  } = props;\n  const size = useThemeSize(sizeProp, selectRootPropDefs.size);\n\n  // Root owns the open state and hands Radix a controlled `open`, so Content learns of a\n  // change in the same render Radix does. Radix's uncontrolled state reports changes from an\n  // effect, a render late, which would mount the open list once without its wrappers.\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false);\n  const open = openProp ?? uncontrolledOpen;\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  return (\n    <SelectPrimitive.Root {...rootProps} open={open} onOpenChange={handleOpenChange}>\n      <SelectContext.Provider value={React.useMemo(() => ({ size, open }), [size, open])}>\n        {children}\n      </SelectContext.Provider>\n    </SelectPrimitive.Root>\n  );\n};\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerOwnProps = GetPropDefTypes<typeof selectTriggerPropDefs>;\ninterface SelectTriggerProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Trigger, RemovedProps>,\n    SelectTriggerOwnProps {}\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const {\n      children,\n      className,\n      color,\n      radius,\n      placeholder,\n      error,\n      loading,\n      disabled,\n      readOnly,\n      ...triggerProps\n    } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      selectSizePropDefs,\n      selectTriggerPropDefs,\n    );\n\n    // The props win when set; otherwise a caller's own aria-* (a form library's aria-invalid)\n    // stays, so both paths reach the accessibility tree and the CSS, as on TextField.\n    const {\n      'aria-invalid': ariaInvalid,\n      'aria-busy': ariaBusy,\n      'aria-disabled': ariaDisabled,\n      'aria-readonly': ariaReadOnly,\n    } = triggerProps;\n    const isInvalid = Boolean(error) || ariaInvalid === true || ariaInvalid === 'true';\n    const ariaProps = React.useMemo(\n      () => ({\n        'aria-invalid': isInvalid ? true : ariaInvalid,\n        'aria-busy': loading || ariaBusy,\n        'aria-disabled': disabled || ariaDisabled,\n        'aria-readonly': readOnly || ariaReadOnly,\n      }),\n      [isInvalid, ariaInvalid, loading, ariaBusy, disabled, ariaDisabled, readOnly, ariaReadOnly],\n    );\n\n    // Read-only and loading triggers stay focusable but do not open or take typeahead,\n    // as on Combobox. Radix skips its own handler when the event is default-prevented.\n    const isBlocked = Boolean(readOnly || loading);\n    const blockedHandlers = isBlocked\n      ? {\n          onPointerDown: (event: React.PointerEvent<HTMLButtonElement>) => event.preventDefault(),\n          onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.preventDefault();\n            event.currentTarget.focus();\n          },\n          onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;\n            if (OPEN_KEYS.includes(event.key) || (!isModifierKey && event.key.length === 1)) {\n              event.preventDefault();\n            }\n          },\n        }\n      : undefined;\n\n    return (\n      // `disabled` goes to Radix, which merges it with Root's and sets the native attribute.\n      <SelectPrimitive.Trigger asChild disabled={disabled} {...blockedHandlers}>\n        <button\n          data-accent-color={color}\n          data-radius={radius}\n          data-error={error}\n          data-loading={loading}\n          {...triggerProps}\n          {...ariaProps}\n          ref={forwardedRef}\n          className={classNames('kui-reset', 'kui-SelectTrigger', className)}\n        >\n          <span className=\"kui-SelectTriggerInner\">\n            <SelectPrimitive.Value placeholder={placeholder}>{children}</SelectPrimitive.Value>\n          </span>\n          <SelectPrimitive.Icon asChild>\n            {loading ? (\n              <span className=\"kui-SelectIcon kui-SelectLoadingIcon\" aria-hidden=\"true\">\n                <Spinner />\n              </span>\n            ) : (\n              <ChevronDownIcon className=\"kui-SelectIcon\" />\n            )}\n          </SelectPrimitive.Icon>\n        </button>\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentOwnProps = GetPropDefTypes<typeof selectContentPropDefs>;\ninterface SelectContentProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Content, RemovedProps>,\n    SelectContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Portal>['container'];\n}\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const { className, children, color, container, ...contentProps } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      selectSizePropDefs,\n      selectContentPropDefs,\n    );\n    const themeContext = useThemeContext();\n\n    // While closed, Radix still renders Content's children, into a detached fragment: the\n    // items must exist for the trigger's value label, typeahead and the native form select.\n    // Nothing in that fragment is ever shown, so the theme wrapper and the scroll area, with\n    // its two resize observers, are left out until the list opens.\n    if (context.open === false && !contentProps.forceMount) {\n      return (\n        <SelectPrimitive.Portal container={container}>\n          <SelectPrimitive.Content {...contentProps} asChild={false} ref={forwardedRef}>\n            {children}\n          </SelectPrimitive.Content>\n        </SelectPrimitive.Portal>\n      );\n    }\n\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <SelectPrimitive.Portal container={container}>\n        <Theme asChild>\n          <SelectPrimitive.Content\n            data-accent-color={resolvedColor}\n            sideOffset={4}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n              'kui-variant-soft',\n              'kui-SelectContent',\n              className,\n            )}\n          >\n            <SelectScrollArea>{children}</SelectScrollArea>\n          </SelectPrimitive.Content>\n        </Theme>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'Select.Content';\n\n/** The open list's scroll area. Its own component so the thumb sync hook runs only while open. */\nfunction SelectScrollArea({ children }: { children: React.ReactNode }) {\n  const setThumbViewport = useThumbSync<HTMLDivElement>();\n  return (\n    <ScrollAreaPrimitive.Root type=\"auto\" className=\"kui-ScrollAreaRoot\">\n      <SelectPrimitive.Viewport\n        asChild\n        className={classNames('kui-BaseMenuViewport', 'kui-SelectViewport')}\n      >\n        <ScrollAreaPrimitive.Viewport\n          ref={setThumbViewport}\n          className=\"kui-ScrollAreaViewport\"\n          style={{ overflowY: undefined }}\n        >\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n      </SelectPrimitive.Viewport>\n      <ScrollAreaPrimitive.Scrollbar className=\"kui-ScrollAreaScrollbar\" orientation=\"vertical\">\n        <ScrollAreaPrimitive.Thumb className=\"kui-ScrollAreaThumb\" />\n      </ScrollAreaPrimitive.Scrollbar>\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ninterface SelectItemProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Item, RemovedProps> {}\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>((props, forwardedRef) => {\n  const { className, children, ...itemProps } = props;\n\n  // Detect if this is rich content (not just a string)\n  const isRichContent = typeof children !== 'string';\n\n  return (\n    <SelectPrimitive.Item\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'kui-reset',\n        'kui-BaseMenuItem',\n        'kui-SelectItem',\n        { 'kui-SelectItemRich': isRichContent },\n        className,\n      )}\n    >\n      <SelectPrimitive.ItemIndicator className=\"kui-SelectItemIndicator\">\n        <ThickCheckIcon className=\"kui-SelectItemIndicatorIcon\" />\n      </SelectPrimitive.ItemIndicator>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectGroupElement = React.ElementRef<typeof SelectPrimitive.Group>;\ninterface SelectGroupProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Group, RemovedProps> {}\nconst SelectGroup = React.forwardRef<SelectGroupElement, SelectGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-SelectGroup', className)}\n    />\n  ),\n);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ninterface SelectLabelProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Label, RemovedProps> {}\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-BaseMenuLabel', 'kui-SelectLabel', className)}\n    />\n  ),\n);\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ninterface SelectSeparatorProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Separator, RemovedProps> {}\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-BaseMenuSeparator', 'kui-SelectSeparator', className)}\n    />\n  ),\n);\nSelectSeparator.displayName = 'Select.Separator';\n\nexport {\n  SelectRoot as Root,\n  SelectTrigger as Trigger,\n  SelectContent as Content,\n  SelectItem as Item,\n  SelectGroup as Group,\n  SelectLabel as Label,\n  SelectSeparator as Separator,\n};\n\nexport type {\n  SelectRootProps as RootProps,\n  SelectTriggerProps as TriggerProps,\n  SelectContentProps as ContentProps,\n  SelectItemProps as ItemProps,\n  SelectGroupProps as GroupProps,\n  SelectLabelProps as LabelProps,\n  SelectSeparatorProps as SeparatorProps,\n};\n"],
-  "mappings": "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",
-  "names": ["select_exports", "__export", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectRoot", "SelectSeparator", "SelectTrigger", "React", "classNames", "SelectPrimitive", "ScrollAreaPrimitive", "selectSizePropDefs", "selectRootPropDefs", "OPEN_KEYS", "SelectContext", "SelectRoot", "props", "children", "sizeProp", "openProp", "defaultOpen", "onOpenChange", "rootProps", "size", "useThemeSize", "uncontrolledOpen", "setUncontrolledOpen", "open", "handleOpenChange", "next", "SelectPrimitive", "SelectTrigger", "forwardedRef", "context", "className", "color", "radius", "placeholder", "error", "loading", "disabled", "readOnly", "triggerProps", "extractProps", "selectTriggerPropDefs", "ariaInvalid", "ariaBusy", "ariaDisabled", "ariaReadOnly", "isInvalid", "ariaProps", "blockedHandlers", "event", "isModifierKey", "classNames", "Spinner", "ChevronDownIcon", "SelectContent", "container", "contentProps", "selectContentPropDefs", "themeContext", "useThemeContext", "resolvedColor", "Theme", "SelectScrollArea", "setThumbViewport", "useThumbSync", "ScrollAreaPrimitive", "SelectItem", "itemProps", "isRichContent", "ThickCheckIcon", "SelectGroup", "SelectLabel", "SelectSeparator"]
-}

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