@wow-two-beta/ui 0.0.4 → 0.0.6

package/dist/chunk-MP4OTUFA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/display/heading/Heading.variants.ts","../src/display/heading/Heading.tsx","../src/display/text/Text.variants.ts","../src/display/text/Text.tsx","../src/display/code/Code.variants.ts","../src/display/code/Code.tsx","../src/display/kbd/Kbd.tsx","../src/display/image/Image.tsx","../src/display/avatar/Avatar.variants.ts","../src/display/avatar/Avatar.tsx","../src/display/badge/Badge.variants.ts","../src/display/badge/Badge.tsx","../src/display/tag/Tag.variants.ts","../src/display/tag/Tag.tsx","../src/display/separator/Separator.tsx","../src/display/mark/Mark.tsx","../src/display/quote/Quote.tsx"],"names":["Tag","forwardRef","jsx","useState"],"mappings":"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","file":"chunk-MP4OTUFA.js","sourcesContent":["import { tv, type VariantProps } from '../../utils';\n\nexport const headingVariants = tv({\n  base: 'font-semibold tracking-tight text-neutral-900',\n  variants: {\n    size: {\n      xs: 'text-sm',\n      sm: 'text-base',\n      md: 'text-lg',\n      lg: 'text-xl',\n      xl: 'text-2xl',\n      '2xl': 'text-3xl',\n      '3xl': 'text-4xl',\n      '4xl': 'text-5xl',\n    },\n    weight: {\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    weight: 'semibold',\n  },\n});\n\nexport type HeadingVariants = VariantProps<typeof headingVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { headingVariants, type HeadingVariants } from './Heading.variants';\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HeadingProps\n  extends Omit<ComponentPropsWithoutRef<'h2'>, 'size'>,\n    HeadingVariants {\n  /** Semantic heading level (1–6). Default 2. Visual size is independent — set via `size`. */\n  level?: HeadingLevel;\n}\n\n/**\n * Semantic heading. `level` controls the rendered tag (`h1`–`h6`); `size`\n * controls the visual scale independently — so a visually-large heading\n * can still be the right outline level.\n */\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\n  ({ level = 2, className, size, weight, align, ...props }, ref) => {\n    const Tag = `h${level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n    return (\n      <Tag\n        ref={ref}\n        className={cn(headingVariants({ size, weight, align }), className)}\n        {...props}\n      />\n    );\n  },\n);\nHeading.displayName = 'Heading';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const textVariants = tv({\n  base: '',\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n    },\n    weight: {\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n    },\n    color: {\n      default: 'text-neutral-900',\n      muted: 'text-neutral-500',\n      subtle: 'text-neutral-400',\n      brand: 'text-brand-600',\n      success: 'text-success-600',\n      warning: 'text-warning-600',\n      danger: 'text-danger-600',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n      justify: 'text-justify',\n    },\n    truncate: {\n      true: 'truncate',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    weight: 'normal',\n    color: 'default',\n  },\n});\n\nexport type TextVariants = VariantProps<typeof textVariants>;\n","import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type Ref,\n} from 'react';\nimport { cn } from '../../utils';\nimport { textVariants, type TextVariants } from './Text.variants';\n\nexport interface TextProps\n  extends Omit<ComponentPropsWithoutRef<'p'>, 'as' | 'color'>,\n    TextVariants {\n  as?: ElementType;\n}\n\n/**\n * Body text. Renders as `<p>` by default; pass `as=\"span\"` (or any element)\n * to keep semantics consistent with the surrounding markup.\n */\nexport const Text = forwardRef<HTMLElement, TextProps>(\n  ({ as: Component = 'p', className, size, weight, color, align, truncate, ...props }, ref) => (\n    <Component\n      ref={ref as Ref<HTMLElement>}\n      className={cn(textVariants({ size, weight, color, align, truncate }), className)}\n      {...props}\n    />\n  ),\n);\nText.displayName = 'Text';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const codeVariants = tv({\n  base: 'font-mono text-sm',\n  variants: {\n    variant: {\n      inline: 'rounded-sm bg-neutral-100 px-1 py-0.5 text-neutral-900',\n      block: 'block w-full overflow-x-auto rounded-md bg-neutral-100 p-4 text-neutral-900',\n    },\n  },\n  defaultVariants: {\n    variant: 'inline',\n  },\n});\n\nexport type CodeVariants = VariantProps<typeof codeVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { codeVariants, type CodeVariants } from './Code.variants';\n\nexport interface CodeProps extends ComponentPropsWithoutRef<'code'>, CodeVariants {}\n\n/**\n * Inline or block code. For block, wrap children in a `<pre>` if you need\n * pre-wrap whitespace; this atom only styles. Syntax highlighting is L5.\n */\nexport const Code = forwardRef<HTMLElement, CodeProps>(\n  ({ className, variant, ...props }, ref) => (\n    <code ref={ref} className={cn(codeVariants({ variant }), className)} {...props} />\n  ),\n);\nCode.displayName = 'Code';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport type KbdProps = ComponentPropsWithoutRef<'kbd'>;\n\n/**\n * Keyboard key affordance — `<kbd>` styled with subtle border and inset\n * shadow. Single key per `<Kbd>`; chain via `<Kbd>⌘</Kbd> + <Kbd>K</Kbd>`.\n */\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(({ className, ...props }, ref) => (\n  <kbd\n    ref={ref}\n    className={cn(\n      'inline-flex h-5 min-w-5 items-center justify-center rounded-sm border border-neutral-300',\n      'bg-neutral-100 px-1.5 font-mono text-xs text-neutral-700 shadow-[inset_0_-1px_0_0_rgb(0_0_0/0.05)]',\n      className,\n    )}\n    {...props}\n  />\n));\nKbd.displayName = 'Kbd';\n","import { forwardRef, useState, type ComponentPropsWithoutRef, type ReactNode } from 'react';\nimport { cn } from '../../utils';\n\nexport interface ImageProps extends ComponentPropsWithoutRef<'img'> {\n  /** Element rendered when the image fails to load. */\n  fallback?: ReactNode;\n}\n\n/**\n * Image with built-in error fallback. The fallback element replaces the\n * `<img>` on error (broken `src`, network failure). For aspect-locked\n * images, wrap in `AspectRatio`.\n */\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(\n  ({ fallback, onError, alt = '', className, ...props }, ref) => {\n    const [errored, setErrored] = useState(false);\n    if (errored && fallback !== undefined) return <>{fallback}</>;\n    return (\n      <img\n        ref={ref}\n        alt={alt}\n        className={cn('block max-w-full', className)}\n        onError={(e) => {\n          setErrored(true);\n          onError?.(e);\n        }}\n        {...props}\n      />\n    );\n  },\n);\nImage.displayName = 'Image';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const avatarVariants = tv({\n  base: 'inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full bg-neutral-200 text-neutral-700 font-medium',\n  variants: {\n    size: {\n      xs: 'h-6 w-6 text-xs',\n      sm: 'h-8 w-8 text-sm',\n      md: 'h-10 w-10 text-base',\n      lg: 'h-12 w-12 text-lg',\n      xl: 'h-16 w-16 text-xl',\n      '2xl': 'h-20 w-20 text-2xl',\n    },\n    shape: {\n      circle: 'rounded-full',\n      square: 'rounded-md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    shape: 'circle',\n  },\n});\n\nexport type AvatarVariants = VariantProps<typeof avatarVariants>;\n","import {\n  forwardRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { cn } from '../../utils';\nimport { avatarVariants, type AvatarVariants } from './Avatar.variants';\n\nexport interface AvatarProps\n  extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>,\n    AvatarVariants {\n  /** Image source. Falls back to `name` initials or `fallback` on error. */\n  src?: string;\n  /** Person/entity name — used to derive initials when no image. */\n  name?: string;\n  /** Custom fallback (overrides initials). */\n  fallback?: ReactNode;\n  /** Alt text for the underlying `<img>`. Defaults to `name`. */\n  alt?: string;\n}\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length === 0) return '';\n  const first = parts[0]?.[0] ?? '';\n  const last = parts.length > 1 ? parts[parts.length - 1]?.[0] ?? '' : '';\n  return (first + last).toUpperCase();\n}\n\n/**\n * Image avatar with initials fallback. Strict atom — fallback is rendered\n * inline (raw text), not via the `Text` atom, to keep this self-contained.\n */\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ src, name = '', fallback, alt, className, size, shape, ...props }, ref) => {\n    const [errored, setErrored] = useState(false);\n    const showImage = src && !errored;\n    return (\n      <span\n        ref={ref}\n        className={cn(avatarVariants({ size, shape }), className)}\n        {...props}\n      >\n        {showImage ? (\n          <img\n            src={src}\n            alt={alt ?? name}\n            className=\"h-full w-full object-cover\"\n            onError={() => setErrored(true)}\n          />\n        ) : (\n          fallback ?? getInitials(name)\n        )}\n      </span>\n    );\n  },\n);\nAvatar.displayName = 'Avatar';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const badgeVariants = tv({\n  base: 'inline-flex items-center rounded-full font-medium',\n  variants: {\n    variant: {\n      neutral: 'bg-neutral-100 text-neutral-800',\n      brand: 'bg-brand-100 text-brand-800',\n      success: 'bg-success-100 text-success-700',\n      warning: 'bg-warning-100 text-warning-700',\n      danger: 'bg-danger-100 text-danger-700',\n      info: 'bg-info-100 text-info-700',\n      outline: 'border border-neutral-300 text-neutral-800',\n    },\n    size: {\n      sm: 'h-5 px-2 text-xs',\n      md: 'h-6 px-2.5 text-xs',\n      lg: 'h-7 px-3 text-sm',\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'md',\n  },\n});\n\nexport type BadgeVariants = VariantProps<typeof badgeVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { badgeVariants, type BadgeVariants } from './Badge.variants';\n\nexport interface BadgeProps extends ComponentPropsWithoutRef<'span'>, BadgeVariants {}\n\n/**\n * Pill-shaped status / category indicator. Non-interactive — for clickable\n * use `Tag`. For severity-tinted callouts at message scale, use `Alert*`.\n */\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, ...props }, ref) => (\n    <span ref={ref} className={cn(badgeVariants({ variant, size }), className)} {...props} />\n  ),\n);\nBadge.displayName = 'Badge';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const tagVariants = tv({\n  base: 'inline-flex items-center gap-1 rounded-md border border-neutral-200 bg-white px-2 py-0.5 text-xs font-medium text-neutral-800',\n  variants: {\n    variant: {\n      neutral: '',\n      brand: 'border-brand-200 bg-brand-50 text-brand-800',\n      success: 'border-success-100 bg-success-50 text-success-700',\n      warning: 'border-warning-100 bg-warning-50 text-warning-700',\n      danger: 'border-danger-100 bg-danger-50 text-danger-700',\n      info: 'border-info-100 bg-info-50 text-info-700',\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n  },\n});\n\nexport type TagVariants = VariantProps<typeof tagVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef, type ReactNode } from 'react';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils';\nimport { Icon } from '../../icons';\nimport { tagVariants, type TagVariants } from './Tag.variants';\n\nexport interface TagProps\n  extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>,\n    TagVariants {\n  children?: ReactNode;\n  /** Show a close (×) button. Pass a handler to receive the click. */\n  onClose?: () => void;\n  /** Accessible label for the close button. Default `\"Remove\"`. */\n  closeLabel?: string;\n}\n\n/**\n * Pill with an optional close button. The close button is a raw `<button>`\n * (not `IconButton`) so this stays a strict atom.\n */\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  ({ children, onClose, closeLabel = 'Remove', variant, className, ...props }, ref) => (\n    <span ref={ref} className={cn(tagVariants({ variant }), className)} {...props}>\n      {children}\n      {onClose && (\n        <button\n          type=\"button\"\n          aria-label={closeLabel}\n          onClick={onClose}\n          className=\"-mr-1 inline-flex h-4 w-4 items-center justify-center rounded-sm text-neutral-500 hover:bg-neutral-100 hover:text-neutral-900 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-brand-500\"\n        >\n          <Icon icon={X} size={12} />\n        </button>\n      )}\n    </span>\n  ),\n);\nTag.displayName = 'Tag';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'div'> {\n  orientation?: 'horizontal' | 'vertical';\n  /** When `true`, the separator is purely decorative — `role=\"none\"` and\n   *  unannounced. Default `true`. Set `false` when meaningful in context. */\n  decorative?: boolean;\n}\n\n/**\n * Visual divider. Defaults to a horizontal hairline; pass `orientation=\"vertical\"`\n * for column dividers (use inside a flex/grid with explicit height).\n */\nexport const Separator = forwardRef<HTMLDivElement, SeparatorProps>(\n  ({ orientation = 'horizontal', decorative = true, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role={decorative ? 'none' : 'separator'}\n      aria-orientation={decorative ? undefined : orientation}\n      className={cn(\n        'bg-neutral-200',\n        orientation === 'horizontal' ? 'h-px w-full' : 'w-px self-stretch',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSeparator.displayName = 'Separator';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport type MarkProps = ComponentPropsWithoutRef<'mark'>;\n\n/**\n * Highlighted text — semantic `<mark>` with a yellow tint. Use for search\n * matches and \"you mentioned this\" affordances.\n */\nexport const Mark = forwardRef<HTMLElement, MarkProps>(({ className, ...props }, ref) => (\n  <mark\n    ref={ref}\n    className={cn('rounded-sm bg-warning-100 px-0.5 text-warning-900', className)}\n    {...props}\n  />\n));\nMark.displayName = 'Mark';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport type QuoteProps = ComponentPropsWithoutRef<'blockquote'>;\n\n/**\n * Block quote with subtle left border and italic body text.\n */\nexport const Quote = forwardRef<HTMLQuoteElement, QuoteProps>(\n  ({ className, ...props }, ref) => (\n    <blockquote\n      ref={ref}\n      className={cn(\n        'border-l-4 border-neutral-200 pl-4 italic text-neutral-700',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nQuote.displayName = 'Quote';\n"]}

package/dist/chunk-NJZS7RIH.js

@@ -0,0 +1,604 @@
+import { useFormControl } from './chunk-Q27NAHVB.js';
+import { Icon } from './chunk-TDX22OWF.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-NJZS7RIH.js.map
+//# sourceMappingURL=chunk-NJZS7RIH.js.map