@wow-two-beta/ui 0.0.3 → 0.0.5

package/dist/chunk-JCMV6IT4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/index.ts","../src/primitives/portal/Portal.tsx","../src/primitives/visuallyHidden/VisuallyHidden.tsx","../src/primitives/presence/Presence.tsx","../src/primitives/directionProvider/DirectionProvider.tsx","../src/primitives/accessibleIcon/AccessibleIcon.tsx","../src/primitives/focusScope/FocusScope.tsx","../src/primitives/dismissableLayer/DismissableLayer.tsx","../src/primitives/anchoredPositioner/AnchoredPositioner.tsx","../src/primitives/rovingFocusGroup/RovingFocusGroup.tsx","../src/primitives/collection/Collection.tsx","../src/primitives/scrollLockProvider/ScrollLockProvider.tsx"],"names":["jsx","isValidElement","cloneElement","RadixFocusScope","forwardRef","useRef","useEffect","offset","offsetMiddleware","createContext","useState","useContext","useCallback","useMemo","Fragment"],"mappings":"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","file":"chunk-JCMV6IT4.js","sourcesContent":["// L2 — headless primitives. Behavior + a11y, no visual styling beyond layout.\n// Foundation layer; cannot import upward (enforced by ESLint boundaries).\n\nexport * from './slot';\nexport * from './portal';\nexport * from './visuallyHidden';\nexport * from './presence';\nexport * from './directionProvider';\nexport * from './accessibleIcon';\nexport * from './focusScope';\nexport * from './dismissableLayer';\nexport * from './anchoredPositioner';\nexport * from './rovingFocusGroup';\nexport * from './collection';\nexport * from './formControlContext';\nexport * from './scrollLockProvider';\n","import { type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  children: ReactNode;\n  /** Container to render into. Default: `document.body`. */\n  container?: HTMLElement | null;\n  /** Optional named layer — sets `data-portal-name` on the wrapper. */\n  name?: string;\n}\n\n/**\n * Render children into a different DOM node (default `document.body`).\n * Client-only — package targets pure CSR consumers.\n */\nexport function Portal({ children, container, name }: PortalProps): ReactNode {\n  const target = container ?? document.body;\n  return createPortal(<div data-portal-name={name}>{children}</div>, target);\n}\n","import { forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type VisuallyHiddenProps = HTMLAttributes<HTMLSpanElement>;\n\n/**\n * Visually hidden span — content removed from the visual layout but still\n * announced to screen readers. Use for accessible labels on icon-only\n * affordances and live-region announcements.\n */\nexport const VisuallyHidden = forwardRef<HTMLSpanElement, VisuallyHiddenProps>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      className={cn(\n        'absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0',\n        'm-[-1px] [clip:rect(0_0_0_0)] [clip-path:inset(50%)]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nVisuallyHidden.displayName = 'VisuallyHidden';\n","import {\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type Ref,\n} from 'react';\nimport { composeRefs } from '../../utils/composeRefs';\n\nexport interface PresenceProps {\n  /** Whether the content should be present. Toggle false to trigger exit. */\n  present: boolean;\n  /** Single React element child — receives `ref` and `data-state` (\"open\" | \"closed\"). */\n  children: ReactElement;\n}\n\n/**\n * Defer unmount until the child's exit animation/transition finishes.\n * Pass `present={false}` to start the exit; the child stays mounted with\n * `data-state=\"closed\"` until `animationend`/`transitionend` fires.\n */\nexport function Presence({ present, children }: PresenceProps): ReactElement | null {\n  const [rendered, setRendered] = useState(present);\n  const ref = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (present) {\n      setRendered(true);\n      return;\n    }\n    const node = ref.current;\n    if (!node) {\n      setRendered(false);\n      return;\n    }\n    const cs = getComputedStyle(node);\n    const hasAnim = cs.animationName !== 'none' && cs.animationDuration !== '0s';\n    const hasTrans = cs.transitionDuration !== '0s';\n    if (!hasAnim && !hasTrans) {\n      setRendered(false);\n      return;\n    }\n    const onEnd = () => setRendered(false);\n    node.addEventListener('animationend', onEnd);\n    node.addEventListener('transitionend', onEnd);\n    return () => {\n      node.removeEventListener('animationend', onEnd);\n      node.removeEventListener('transitionend', onEnd);\n    };\n  }, [present]);\n\n  if (!rendered || !isValidElement(children)) return null;\n  const child = children as ReactElement<{ ref?: Ref<HTMLElement> }> & { ref?: Ref<HTMLElement> };\n  return cloneElement(child, {\n    ref: composeRefs(ref, child.ref),\n    'data-state': present ? 'open' : 'closed',\n  } as Partial<typeof child.props>);\n}\n","import { createContext, useContext, type ReactNode } from 'react';\n\nexport type Direction = 'ltr' | 'rtl';\n\nconst DirectionContext = createContext<Direction>('ltr');\n\nexport interface DirectionProviderProps {\n  dir: Direction;\n  children: ReactNode;\n}\n\n/**\n * Provide reading direction to descendants. Components that mirror in RTL\n * (Tabs arrow keys, Slider, Carousel, etc.) read this via `useDirection()`.\n */\nexport function DirectionProvider({ dir, children }: DirectionProviderProps) {\n  return <DirectionContext.Provider value={dir}>{children}</DirectionContext.Provider>;\n}\n\nexport function useDirection(): Direction {\n  return useContext(DirectionContext);\n}\n","import { cloneElement, isValidElement, type ReactElement } from 'react';\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden';\n\nexport interface AccessibleIconProps {\n  /** Required accessible label for the icon. */\n  label: string;\n  /** Single icon element — will receive `aria-hidden` so SR reads only the label. */\n  children: ReactElement;\n}\n\n/**\n * Wrap an icon-only element with an accessible label. The icon is hidden\n * from assistive tech and a `VisuallyHidden` sibling provides the label.\n */\nexport function AccessibleIcon({ label, children }: AccessibleIconProps) {\n  const icon = isValidElement(children)\n    ? cloneElement(children as ReactElement<{ 'aria-hidden'?: boolean | string; focusable?: string }>, {\n        'aria-hidden': 'true',\n        focusable: 'false',\n      })\n    : children;\n  return (\n    <>\n      {icon}\n      <VisuallyHidden>{label}</VisuallyHidden>\n    </>\n  );\n}\n","import { FocusScope as RadixFocusScope } from '@radix-ui/react-focus-scope';\n\nexport type FocusScopeProps = React.ComponentProps<typeof RadixFocusScope>;\n\n/**\n * Trap focus within children. On unmount, returns focus to the previously\n * focused element. Pass `loop` to wrap Tab navigation; `trapped` to enable\n * the trap (default true while mounted).\n *\n * Wraps `@radix-ui/react-focus-scope` — battle-tested implementation.\n */\nexport const FocusScope = RadixFocusScope;\n","import {\n  forwardRef,\n  useEffect,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { composeRefs } from '../../utils/composeRefs';\n\ninterface LayerEntry {\n  node: HTMLElement;\n  onEscape?: (event: KeyboardEvent) => void;\n  onOutsidePointerDown?: (event: PointerEvent) => void;\n}\n\nconst layerStack: LayerEntry[] = [];\n\nexport interface DismissableLayerProps extends HTMLAttributes<HTMLDivElement> {\n  /** Called when Escape is pressed and this is the topmost layer. */\n  onEscape?: (event: KeyboardEvent) => void;\n  /** Called when a pointerdown lands outside this layer's DOM and this is topmost. */\n  onOutsidePointerDown?: (event: PointerEvent) => void;\n  /** Disable the Escape listener for this layer. */\n  disableEscape?: boolean;\n  /** Disable the outside-pointer-down listener for this layer. */\n  disableOutsideClick?: boolean;\n}\n\n/**\n * Stack-aware dismissal layer. Multiple layers may stack (modal > popover);\n * only the topmost reacts to Escape / outside click. Used as the base of\n * Modal, Drawer, Popover, Menu, HoverCard, ContextMenu.\n */\nexport const DismissableLayer = forwardRef<HTMLDivElement, DismissableLayerProps>(\n  (\n    { onEscape, onOutsidePointerDown, disableEscape, disableOutsideClick, ...props },\n    forwardedRef,\n  ) => {\n    const ref = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n      const node = ref.current;\n      if (!node) return;\n      const entry: LayerEntry = { node, onEscape, onOutsidePointerDown };\n      layerStack.push(entry);\n      return () => {\n        const idx = layerStack.indexOf(entry);\n        if (idx >= 0) layerStack.splice(idx, 1);\n      };\n    }, [onEscape, onOutsidePointerDown]);\n\n    useEffect(() => {\n      if (disableEscape) return;\n      const onKeyDown = (e: KeyboardEvent) => {\n        if (e.key !== 'Escape') return;\n        const top = layerStack[layerStack.length - 1];\n        if (top && top.node === ref.current) top.onEscape?.(e);\n      };\n      document.addEventListener('keydown', onKeyDown);\n      return () => document.removeEventListener('keydown', onKeyDown);\n    }, [disableEscape]);\n\n    useEffect(() => {\n      if (disableOutsideClick) return;\n      const onPointer = (e: PointerEvent) => {\n        const top = layerStack[layerStack.length - 1];\n        if (!top || top.node !== ref.current) return;\n        const target = e.target as Node | null;\n        if (!target || ref.current?.contains(target)) return;\n        top.onOutsidePointerDown?.(e);\n      };\n      document.addEventListener('pointerdown', onPointer, true);\n      return () => document.removeEventListener('pointerdown', onPointer, true);\n    }, [disableOutsideClick]);\n\n    return <div ref={composeRefs(forwardedRef, ref)} {...props} />;\n  },\n);\nDismissableLayer.displayName = 'DismissableLayer';\n","import {\n  autoUpdate,\n  flip,\n  offset as offsetMiddleware,\n  shift,\n  useFloating,\n  type Placement,\n} from '@floating-ui/react';\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { composeRefs } from '../../utils/composeRefs';\n\nexport interface AnchoredPositionerProps extends HTMLAttributes<HTMLDivElement> {\n  /** The element the floating layer should be anchored to. */\n  anchor: HTMLElement | null;\n  /** Floating UI placement. Default `bottom`. */\n  placement?: Placement;\n  /** Distance between anchor and floating element in px. Default 8. */\n  offset?: number;\n  /** Render the floating element only when open. */\n  open?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Position children relative to an anchor element using Floating UI.\n * Auto-flips and shifts to stay in viewport. Use as the positioning surface\n * for Tooltip, Popover, Menu, HoverCard.\n */\nexport const AnchoredPositioner = forwardRef<HTMLDivElement, AnchoredPositionerProps>(\n  (\n    { anchor, placement = 'bottom', offset = 8, open = true, children, style, ...props },\n    forwardedRef,\n  ) => {\n    const { refs, floatingStyles } = useFloating({\n      open,\n      placement,\n      middleware: [offsetMiddleware(offset), flip(), shift({ padding: 8 })],\n      whileElementsMounted: autoUpdate,\n      elements: { reference: anchor },\n    });\n\n    if (!open) return null;\n\n    return (\n      <div\n        ref={composeRefs(forwardedRef, refs.setFloating)}\n        style={{ ...floatingStyles, ...style }}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nAnchoredPositioner.displayName = 'AnchoredPositioner';\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\n\nexport type Orientation = 'horizontal' | 'vertical' | 'both';\n\ninterface RovingFocusContextValue {\n  register: (id: string) => void;\n  unregister: (id: string) => void;\n  focusedId: string | null;\n  setFocusedId: (id: string) => void;\n  onItemKeyDown: (event: KeyboardEvent, id: string) => void;\n}\n\nconst RovingFocusContext = createContext<RovingFocusContextValue | null>(null);\n\nexport interface RovingFocusGroupProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: Orientation;\n  loop?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Provide arrow-key navigation for a group of focusable children. Children\n * call `useRovingFocusItem()` to register and receive `tabIndex` / event\n * handlers. Used by Tabs, ToggleGroup, RadioGroup, Menu.\n */\nexport function RovingFocusGroup({\n  orientation = 'horizontal',\n  loop = true,\n  children,\n  ...props\n}: RovingFocusGroupProps) {\n  const items = useRef<string[]>([]);\n  const [focusedId, setFocusedId] = useState<string | null>(null);\n\n  const register = useCallback((id: string) => {\n    if (!items.current.includes(id)) items.current.push(id);\n    setFocusedId((current) => current ?? id);\n  }, []);\n\n  const unregister = useCallback((id: string) => {\n    items.current = items.current.filter((i) => i !== id);\n  }, []);\n\n  const onItemKeyDown = useCallback(\n    (event: KeyboardEvent, id: string) => {\n      const list = items.current;\n      const idx = list.indexOf(id);\n      if (idx === -1) return;\n      const isVert = orientation === 'vertical' || orientation === 'both';\n      const isHoriz = orientation === 'horizontal' || orientation === 'both';\n      let next = idx;\n      if ((event.key === 'ArrowRight' && isHoriz) || (event.key === 'ArrowDown' && isVert)) {\n        next = idx + 1;\n        if (next >= list.length) next = loop ? 0 : list.length - 1;\n      } else if ((event.key === 'ArrowLeft' && isHoriz) || (event.key === 'ArrowUp' && isVert)) {\n        next = idx - 1;\n        if (next < 0) next = loop ? list.length - 1 : 0;\n      } else if (event.key === 'Home') {\n        next = 0;\n      } else if (event.key === 'End') {\n        next = list.length - 1;\n      } else {\n        return;\n      }\n      event.preventDefault();\n      const id2 = list[next];\n      if (id2) setFocusedId(id2);\n    },\n    [orientation, loop],\n  );\n\n  const value = useMemo(\n    () => ({ register, unregister, focusedId, setFocusedId, onItemKeyDown }),\n    [register, unregister, focusedId, onItemKeyDown],\n  );\n\n  return (\n    <RovingFocusContext.Provider value={value}>\n      <div role=\"group\" {...props}>\n        {children}\n      </div>\n    </RovingFocusContext.Provider>\n  );\n}\n\nexport interface UseRovingFocusItemReturn {\n  ref: (node: HTMLElement | null) => void;\n  tabIndex: 0 | -1;\n  onKeyDown: (event: KeyboardEvent) => void;\n  onFocus: () => void;\n  'data-roving-focus-item': boolean;\n}\n\n/**\n * Inside a `RovingFocusGroup`, returns props to spread onto a focusable item.\n * Outside, returns inert props (tabIndex 0).\n */\nexport function useRovingFocusItem(): UseRovingFocusItemReturn {\n  const context = useContext(RovingFocusContext);\n  const id = useId();\n  const ref = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    context?.register(id);\n    return () => context?.unregister(id);\n  }, [context, id]);\n\n  useEffect(() => {\n    if (context?.focusedId === id && ref.current && document.activeElement !== ref.current) {\n      ref.current.focus();\n    }\n  }, [context?.focusedId, id]);\n\n  return {\n    ref: (node) => {\n      ref.current = node;\n    },\n    tabIndex: !context || context.focusedId === id ? 0 : -1,\n    onKeyDown: (e) => context?.onItemKeyDown(e, id),\n    onFocus: () => context?.setFocusedId(id),\n    'data-roving-focus-item': true,\n  };\n}\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type Context,\n  type ReactNode,\n} from 'react';\n\nexport interface CollectionContextValue<T> {\n  items: T[];\n  register: (item: T) => void;\n  unregister: (item: T) => void;\n}\n\n/**\n * Factory for a typed children-registry context. Compound components\n * (Menu, Tabs, Listbox) use this so the parent can iterate ordered children\n * without prop-drilling.\n */\nexport function createCollection<T>(): {\n  Provider: (props: { children: ReactNode }) => ReactNode;\n  useCollection: () => CollectionContextValue<T>;\n  Context: Context<CollectionContextValue<T> | null>;\n} {\n  const CollectionContext = createContext<CollectionContextValue<T> | null>(null);\n\n  function Provider({ children }: { children: ReactNode }) {\n    const [items, setItems] = useState<T[]>([]);\n    const register = useCallback((item: T) => {\n      setItems((prev) => (prev.includes(item) ? prev : [...prev, item]));\n    }, []);\n    const unregister = useCallback((item: T) => {\n      setItems((prev) => prev.filter((i) => i !== item));\n    }, []);\n    const value = useMemo(() => ({ items, register, unregister }), [items, register, unregister]);\n    return <CollectionContext.Provider value={value}>{children}</CollectionContext.Provider>;\n  }\n\n  function useCollection(): CollectionContextValue<T> {\n    const ctx = useContext(CollectionContext);\n    if (!ctx) {\n      throw new Error('useCollection must be used inside its Provider');\n    }\n    return ctx;\n  }\n\n  return { Provider, useCollection, Context: CollectionContext };\n}\n","import { type ReactNode } from 'react';\nimport { useScrollLock } from '../../hooks/useScrollLock';\n\nexport interface ScrollLockProviderProps {\n  enabled?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Component wrapper around `useScrollLock` — handy when scroll lock should\n * follow a child's mount lifecycle (e.g. inside a Modal's portal).\n * Multiple wrappers stack; lock releases when the count reaches zero.\n */\nexport function ScrollLockProvider({ enabled = true, children }: ScrollLockProviderProps) {\n  useScrollLock(enabled);\n  return <>{children}</>;\n}\n"]}

package/dist/chunk-JTJEI6MF.js

@@ -0,0 +1,11 @@
+import { useId as useId$1 } from 'react';
+
+// src/hooks/useId.ts
+function useId(prefix) {
+  const id = useId$1();
+  return prefix ? `${id}-${prefix}` : id;
+}
+
+export { useId };
+//# sourceMappingURL=chunk-JTJEI6MF.js.map
+//# sourceMappingURL=chunk-JTJEI6MF.js.map

package/dist/chunk-JTJEI6MF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useId.ts"],"names":["useReactId"],"mappings":";;;AAMO,SAAS,MAAM,MAAA,EAAyB;AAC7C,EAAA,MAAM,KAAKA,OAAA,EAAW;AACtB,EAAA,OAAO,MAAA,GAAS,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA,GAAK,EAAA;AACtC","file":"chunk-JTJEI6MF.js","sourcesContent":["import { useId as useReactId } from 'react';\n\n/**\n * Wraps React 19's `useId`. Optionally accepts a stable prefix so generated\n * IDs are easier to spot in DevTools (e.g. `useId('checkbox')` → `:r2:-checkbox`).\n */\nexport function useId(prefix?: string): string {\n  const id = useReactId();\n  return prefix ? `${id}-${prefix}` : id;\n}\n"]}

package/dist/chunk-KSJE3JAI.js

@@ -0,0 +1,604 @@
+import { Icon } from './chunk-TDX22OWF.js';
+import { useFormControl } from './chunk-Q27NAHVB.js';
+import { tv } from './chunk-BMBIZLO4.js';
+import { cn } from './chunk-KZ4VFY2T.js';
+import { forwardRef, useRef, useImperativeHandle, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Minus, Plus, EyeOff, Eye, Search, X, Check } from 'lucide-react';
+
+var Label = forwardRef(
+  ({ className, required, htmlFor, id, children, ...props }, ref) => {
+    const ctx = useFormControl();
+    const isRequired = required ?? ctx?.isRequired ?? false;
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        ref,
+        htmlFor: htmlFor ?? ctx?.id,
+        id: id ?? ctx?.labelId,
+        className: cn(
+          "text-sm font-medium text-neutral-900",
+          ctx?.isDisabled && "opacity-60",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          isRequired && /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-danger-500", "aria-hidden": "true", children: "*" })
+        ]
+      }
+    );
+  }
+);
+Label.displayName = "Label";
+var FormHelperText = forwardRef(
+  ({ className, id, ...props }, ref) => {
+    const ctx = useFormControl();
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        id: id ?? ctx?.helperId,
+        className: cn("text-sm text-neutral-500", className),
+        ...props
+      }
+    );
+  }
+);
+FormHelperText.displayName = "FormHelperText";
+var FormErrorMessage = forwardRef(
+  ({ className, id, ...props }, ref) => {
+    const ctx = useFormControl();
+    if (ctx && !ctx.isInvalid) return null;
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        id: id ?? ctx?.errorId,
+        role: "alert",
+        className: cn("text-sm text-danger-600", className),
+        ...props
+      }
+    );
+  }
+);
+FormErrorMessage.displayName = "FormErrorMessage";
+var Fieldset = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "fieldset",
+    {
+      ref,
+      className: cn("m-0 min-w-0 border-0 p-0", className),
+      ...props
+    }
+  )
+);
+Fieldset.displayName = "Fieldset";
+var Legend = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "legend",
+    {
+      ref,
+      className: cn("mb-2 text-sm font-medium text-neutral-900", className),
+      ...props
+    }
+  )
+);
+Legend.displayName = "Legend";
+
+// src/forms/_styles.ts
+var inputBaseVariants = tv({
+  base: "flex w-full rounded-md border bg-white text-neutral-900 placeholder:text-neutral-400 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:cursor-not-allowed disabled:opacity-60 read-only:bg-neutral-50",
+  variants: {
+    size: {
+      sm: "h-8 px-2.5 text-sm",
+      md: "h-10 px-3 text-sm",
+      lg: "h-12 px-4 text-base"
+    },
+    state: {
+      default: "border-neutral-300 hover:border-neutral-400",
+      invalid: "border-danger-500 focus-visible:ring-danger-500"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    state: "default"
+  }
+});
+var TextInput = forwardRef(
+  ({ className, size, state, id, disabled, required, readOnly, ...props }, ref) => {
+    const ctx = useFormControl();
+    const finalState = state ?? (ctx?.isInvalid ? "invalid" : "default");
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type: "text",
+        id: id ?? ctx?.id,
+        disabled: disabled ?? ctx?.isDisabled,
+        required: required ?? ctx?.isRequired,
+        readOnly: readOnly ?? ctx?.isReadOnly,
+        "aria-invalid": ctx?.isInvalid || void 0,
+        "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
+        className: cn(inputBaseVariants({ size, state: finalState }), className),
+        ...props
+      }
+    );
+  }
+);
+TextInput.displayName = "TextInput";
+var EmailInput = forwardRef(
+  ({ className, size, state, id, disabled, required, readOnly, ...props }, ref) => {
+    const ctx = useFormControl();
+    const finalState = state ?? (ctx?.isInvalid ? "invalid" : "default");
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type: "email",
+        autoComplete: "email",
+        inputMode: "email",
+        spellCheck: false,
+        id: id ?? ctx?.id,
+        disabled: disabled ?? ctx?.isDisabled,
+        required: required ?? ctx?.isRequired,
+        readOnly: readOnly ?? ctx?.isReadOnly,
+        "aria-invalid": ctx?.isInvalid || void 0,
+        "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
+        className: cn(inputBaseVariants({ size, state: finalState }), className),
+        ...props
+      }
+    );
+  }
+);
+EmailInput.displayName = "EmailInput";
+var TelInput = forwardRef(
+  ({ className, size, state, id, disabled, required, readOnly, ...props }, ref) => {
+    const ctx = useFormControl();
+    const finalState = state ?? (ctx?.isInvalid ? "invalid" : "default");
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type: "tel",
+        autoComplete: "tel",
+        inputMode: "tel",
+        id: id ?? ctx?.id,
+        disabled: disabled ?? ctx?.isDisabled,
+        required: required ?? ctx?.isRequired,
+        readOnly: readOnly ?? ctx?.isReadOnly,
+        "aria-invalid": ctx?.isInvalid || void 0,
+        "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
+        className: cn(inputBaseVariants({ size, state: finalState }), className),
+        ...props
+      }
+    );
+  }
+);
+TelInput.displayName = "TelInput";
+var UrlInput = forwardRef(
+  ({ className, size, state, id, disabled, required, readOnly, ...props }, ref) => {
+    const ctx = useFormControl();
+    const finalState = state ?? (ctx?.isInvalid ? "invalid" : "default");
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type: "url",
+        autoComplete: "url",
+        inputMode: "url",
+        spellCheck: false,
+        id: id ?? ctx?.id,
+        disabled: disabled ?? ctx?.isDisabled,
+        required: required ?? ctx?.isRequired,
+        readOnly: readOnly ?? ctx?.isReadOnly,
+        "aria-invalid": ctx?.isInvalid || void 0,
+        "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
+        className: cn(inputBaseVariants({ size, state: finalState }), className),
+        ...props
+      }
+    );
+  }
+);
+UrlInput.displayName = "UrlInput";
+var NumberInput = forwardRef(
+  ({ className, size, state, id, disabled, required, readOnly, step = 1, ...props }, forwardedRef) => {
+    const ctx = useFormControl();
+    const finalState = state ?? (ctx?.isInvalid ? "invalid" : "default");
+    const inputRef = useRef(null);
+    useImperativeHandle(forwardedRef, () => inputRef.current);
+    const adjust = (direction) => {
+      const el = inputRef.current;
+      if (!el || typeof el.stepUp !== "function") return;
+      if (direction === 1) el.stepUp(step);
+      else el.stepDown(step);
+      el.dispatchEvent(new Event("input", { bubbles: true }));
+      el.dispatchEvent(new Event("change", { bubbles: true }));
+    };
+    const isDisabled = disabled ?? ctx?.isDisabled ?? false;
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "number",
+          inputMode: "decimal",
+          step,
+          id: id ?? ctx?.id,
+          disabled: isDisabled,
+          required: required ?? ctx?.isRequired,
+          readOnly: readOnly ?? ctx?.isReadOnly,
+          "aria-invalid": ctx?.isInvalid || void 0,
+          "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
+          className: cn(inputBaseVariants({ size, state: finalState }), "pr-12 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "absolute right-1 top-1/2 flex -translate-y-1/2 items-center", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: isDisabled,
+            onClick: () => adjust(-1),
+            "aria-label": "Decrement",
+            className: "grid h-7 w-6 place-items-center rounded text-neutral-500 hover:bg-neutral-100 disabled:opacity-50",
+            children: /* @__PURE__ */ jsx(Icon, { icon: Minus, size: 14 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: isDisabled,
+            onClick: () => adjust(1),
+            "aria-label": "Increment",
+            className: "grid h-7 w-6 place-items-center rounded text-neutral-500 hover:bg-neutral-100 disabled:opacity-50",
+            children: /* @__PURE__ */ jsx(Icon, { icon: Plus, size: 14 })
+          }
+        )
+      ] })
+    ] });
+  }
+);
+NumberInput.displayName = "NumberInput";
+var PasswordInput = forwardRef(
+  ({
+    className,
+    size,
+    state,
+    id,
+    disabled,
+    required,
+    readOnly,
+    toggleable = true,
+    autoComplete = "current-password",
+    ...props
+  }, ref) => {
+    const [visible, setVisible] = useState(false);
+    const ctx = useFormControl();
+    const finalState = state ?? (ctx?.isInvalid ? "invalid" : "default");
+    const isDisabled = disabled ?? ctx?.isDisabled ?? false;
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: visible ? "text" : "password",
+          autoComplete,
+          spellCheck: false,
+          id: id ?? ctx?.id,
+          disabled: isDisabled,
+          required: required ?? ctx?.isRequired,
+          readOnly: readOnly ?? ctx?.isReadOnly,
+          "aria-invalid": ctx?.isInvalid || void 0,
+          "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
+          className: cn(inputBaseVariants({ size, state: finalState }), toggleable && "pr-10"),
+          ...props
+        }
+      ),
+      toggleable && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: isDisabled,
+          onClick: () => setVisible((v) => !v),
+          "aria-label": visible ? "Hide password" : "Show password",
+          "aria-pressed": visible,
+          className: "absolute right-1 top-1/2 grid h-8 w-8 -translate-y-1/2 place-items-center rounded text-neutral-500 hover:bg-neutral-100 disabled:opacity-50",
+          children: /* @__PURE__ */ jsx(Icon, { icon: visible ? EyeOff : Eye, size: 16 })
+        }
+      )
+    ] });
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+var SearchInput = forwardRef(
+  ({
+    className,
+    size,
+    state,
+    id,
+    disabled,
+    required,
+    readOnly,
+    clearable = true,
+    onClear,
+    onChange,
+    defaultValue,
+    value,
+    ...props
+  }, forwardedRef) => {
+    const ctx = useFormControl();
+    const finalState = state ?? (ctx?.isInvalid ? "invalid" : "default");
+    const isDisabled = disabled ?? ctx?.isDisabled ?? false;
+    const inputRef = useRef(null);
+    useImperativeHandle(forwardedRef, () => inputRef.current);
+    const isControlled = value !== void 0;
+    const [uncontrolled, setUncontrolled] = useState(defaultValue ?? "");
+    const currentValue = isControlled ? value : uncontrolled;
+    const showClear = clearable && String(currentValue ?? "").length > 0;
+    const handleClear = () => {
+      const el = inputRef.current;
+      if (el) {
+        const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+        setter?.call(el, "");
+        el.dispatchEvent(new Event("input", { bubbles: true }));
+        el.focus();
+      }
+      if (!isControlled) setUncontrolled("");
+      onClear?.();
+    };
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: Search,
+          size: 16,
+          className: "absolute left-3 top-1/2 -translate-y-1/2 text-neutral-400"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "search",
+          id: id ?? ctx?.id,
+          value: isControlled ? value : void 0,
+          defaultValue: !isControlled ? defaultValue : void 0,
+          onChange: (e) => {
+            if (!isControlled) setUncontrolled(e.target.value);
+            onChange?.(e);
+          },
+          disabled: isDisabled,
+          required: required ?? ctx?.isRequired,
+          readOnly: readOnly ?? ctx?.isReadOnly,
+          "aria-invalid": ctx?.isInvalid || void 0,
+          "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
+          className: cn(
+            inputBaseVariants({ size, state: finalState }),
+            "pl-9",
+            showClear && "pr-9",
+            "[&::-webkit-search-cancel-button]:appearance-none"
+          ),
+          ...props
+        }
+      ),
+      showClear && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: isDisabled,
+          onClick: handleClear,
+          "aria-label": "Clear search",
+          className: "absolute right-1 top-1/2 grid h-8 w-8 -translate-y-1/2 place-items-center rounded text-neutral-400 hover:bg-neutral-100 hover:text-neutral-600",
+          children: /* @__PURE__ */ jsx(Icon, { icon: X, size: 14 })
+        }
+      )
+    ] });
+  }
+);
+SearchInput.displayName = "SearchInput";
+var Textarea = forwardRef(
+  ({ className, size, state, id, disabled, required, readOnly, rows = 3, ...props }, ref) => {
+    const ctx = useFormControl();
+    const finalState = state ?? (ctx?.isInvalid ? "invalid" : "default");
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref,
+        rows,
+        id: id ?? ctx?.id,
+        disabled: disabled ?? ctx?.isDisabled,
+        required: required ?? ctx?.isRequired,
+        readOnly: readOnly ?? ctx?.isReadOnly,
+        "aria-invalid": ctx?.isInvalid || void 0,
+        "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
+        className: cn(
+          inputBaseVariants({ size, state: finalState }),
+          "h-auto resize-y py-2",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+var SIZE_CLASS = {
+  sm: "h-4 w-4",
+  md: "h-5 w-5",
+  lg: "h-6 w-6"
+};
+var Checkbox = forwardRef(
+  ({ className, size = "md", indeterminate, id, disabled, required, checked, ...props }, ref) => {
+    const ctx = useFormControl();
+    const isDisabled = disabled ?? ctx?.isDisabled;
+    return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex shrink-0", SIZE_CLASS[size], className), children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: "checkbox",
+          id: id ?? ctx?.id,
+          disabled: isDisabled,
+          required: required ?? ctx?.isRequired,
+          checked,
+          "aria-invalid": ctx?.isInvalid || void 0,
+          "aria-describedby": ctx ? `${ctx.helperId} ${ctx.errorId}` : void 0,
+          className: "peer absolute inset-0 m-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: cn(
+            "pointer-events-none grid h-full w-full place-items-center rounded-sm border border-neutral-300 bg-white text-white transition-colors",
+            "peer-checked:border-brand-600 peer-checked:bg-brand-600",
+            "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-500 peer-focus-visible:ring-offset-1",
+            "peer-disabled:opacity-50",
+            indeterminate && "border-brand-600 bg-brand-600"
+          ),
+          children: indeterminate ? /* @__PURE__ */ jsx(Minus, { size: Math.round(SIZE_CLASS[size].length * 1.4), className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 opacity-0 peer-checked:opacity-100" })
+        }
+      )
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+var SIZE_CLASS2 = {
+  sm: "h-4 w-4",
+  md: "h-5 w-5",
+  lg: "h-6 w-6"
+};
+var Radio = forwardRef(
+  ({ className, size = "md", id, disabled, required, ...props }, ref) => {
+    const ctx = useFormControl();
+    return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex shrink-0", SIZE_CLASS2[size], className), children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: "radio",
+          id: id ?? ctx?.id,
+          disabled: disabled ?? ctx?.isDisabled,
+          required: required ?? ctx?.isRequired,
+          "aria-invalid": ctx?.isInvalid || void 0,
+          className: "peer absolute inset-0 m-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: cn(
+            "pointer-events-none grid h-full w-full place-items-center rounded-full border border-neutral-300 bg-white transition-colors",
+            "peer-checked:border-brand-600",
+            "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-500 peer-focus-visible:ring-offset-1",
+            "peer-disabled:opacity-50"
+          ),
+          children: /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-brand-600 opacity-0 peer-checked:opacity-100" })
+        }
+      )
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+var TRACK_CLASS = {
+  sm: "h-4 w-7",
+  md: "h-5 w-9",
+  lg: "h-6 w-11"
+};
+var THUMB_CLASS = {
+  sm: "h-3 w-3 peer-checked:translate-x-3",
+  md: "h-4 w-4 peer-checked:translate-x-4",
+  lg: "h-5 w-5 peer-checked:translate-x-5"
+};
+var Switch = forwardRef(
+  ({ className, size = "md", id, disabled, required, ...props }, ref) => {
+    const ctx = useFormControl();
+    return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex shrink-0", TRACK_CLASS[size], className), children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: "checkbox",
+          role: "switch",
+          id: id ?? ctx?.id,
+          disabled: disabled ?? ctx?.isDisabled,
+          required: required ?? ctx?.isRequired,
+          "aria-invalid": ctx?.isInvalid || void 0,
+          className: "peer absolute inset-0 m-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: cn(
+            "pointer-events-none flex h-full w-full items-center rounded-full bg-neutral-300 px-0.5 transition-colors",
+            "peer-checked:bg-brand-600",
+            "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-500 peer-focus-visible:ring-offset-1",
+            "peer-disabled:opacity-50"
+          ),
+          children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "rounded-full bg-white shadow-sm transition-transform duration-150",
+                THUMB_CLASS[size]
+              )
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+var TRACK_CLASS2 = {
+  sm: "h-1",
+  md: "h-1.5",
+  lg: "h-2"
+};
+var Slider = forwardRef(
+  ({ className, size = "md", id, disabled, required, min = 0, max = 100, ...props }, ref) => {
+    const ctx = useFormControl();
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type: "range",
+        id: id ?? ctx?.id,
+        disabled: disabled ?? ctx?.isDisabled,
+        required: required ?? ctx?.isRequired,
+        min,
+        max,
+        "aria-invalid": ctx?.isInvalid || void 0,
+        className: cn(
+          "w-full appearance-none bg-transparent disabled:cursor-not-allowed disabled:opacity-50",
+          // WebKit
+          "[&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-neutral-200",
+          `[&::-webkit-slider-runnable-track]:${TRACK_CLASS2[size]}`,
+          "[&::-webkit-slider-thumb]:mt-[-6px] [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-brand-600 [&::-webkit-slider-thumb]:bg-white",
+          // Firefox
+          `[&::-moz-range-track]:${TRACK_CLASS2[size]}`,
+          "[&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-neutral-200",
+          "[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-brand-600 [&::-moz-range-thumb]:bg-white",
+          "focus-visible:outline-none focus-visible:[&::-webkit-slider-thumb]:ring-2 focus-visible:[&::-webkit-slider-thumb]:ring-brand-500",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
+
+export { Checkbox, EmailInput, Fieldset, FormErrorMessage, FormHelperText, Label, Legend, NumberInput, PasswordInput, Radio, SearchInput, Slider, Switch, TelInput, TextInput, Textarea, UrlInput };
+//# sourceMappingURL=chunk-KSJE3JAI.js.map
+//# sourceMappingURL=chunk-KSJE3JAI.js.map