@7onic-ui/react 0.3.9 → 0.3.11

package/dist/chunk-XK52LYR4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// Default chevron icon (built-in, no external dependency)\nconst DefaultChevronIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n  </svg>\n)\n\n// Context to pass style props from Accordion root to children\ntype AccordionStyleContextValue = {\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n}\nconst AccordionStyleContext = React.createContext<AccordionStyleContextValue>({})\nconst useAccordionStyleContext = () => React.useContext(AccordionStyleContext)\n\n// ─── Accordion (Root) ────────────────────────────────────────\n\nconst accordionVariants = cva('w-full', {\n  variants: {\n    variant: {\n      default: 'divide-y divide-border',\n      bordered: 'divide-y divide-border border border-border rounded-xl',\n      splitted: 'flex flex-col gap-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  type?: 'single' | 'multiple'\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n  collapsible?: boolean\n  defaultValue?: string | string[]\n  value?: string | string[]\n  onValueChange?: ((value: string) => void) | ((value: string[]) => void)\n  disabled?: boolean\n}\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, variant = 'default', size = 'default', iconPosition = 'right', type = 'single', collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Radix single/multiple union type conflict\n    const restProps = props as any\n    const sharedClassName = cn(accordionVariants({ variant }), className)\n\n    const radixProps = type === 'multiple'\n      ? {\n          type: 'multiple' as const,\n          defaultValue: defaultValue as string[] | undefined,\n          value: value as string[] | undefined,\n          onValueChange: onValueChange as ((value: string[]) => void) | undefined,\n          disabled,\n        }\n      : {\n          type: 'single' as const,\n          collapsible,\n          defaultValue: defaultValue as string | undefined,\n          value: value as string | undefined,\n          onValueChange: onValueChange as ((value: string) => void) | undefined,\n          disabled,\n        }\n\n    return (\n      <AccordionStyleContext.Provider value={{ variant, size, iconPosition }}>\n          <AccordionPrimitive.Root\n          ref={ref}\n          className={sharedClassName}\n          {...radixProps}\n          {...restProps}\n        />\n      </AccordionStyleContext.Provider>\n    )\n  }\n)\nAccordion.displayName = 'Accordion'\n\n// ─── AccordionItem ───────────────────────────────────────────\n\nconst accordionItemVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      bordered: '',\n      splitted: 'border border-border rounded-xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionItemProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>,\n    Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {}\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, ...props }, ref) => {\n  const { variant } = useAccordionStyleContext()\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      className={cn(accordionItemVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = 'AccordionItem'\n\n// ─── AccordionTrigger ────────────────────────────────────────\n\nconst accordionTriggerVariants = cva(\n  [\n    'flex flex-1 items-center gap-3 font-semibold text-foreground',\n    'transition-all duration-micro ease-out cursor-pointer',\n    'hover:bg-background-muted/50',\n    'focus-visible:focus-ring focus-visible:rounded-md',\n    'disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50',\n    '[&[data-state=open]>svg.accordion-chevron]:rotate-180',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'py-3 px-4 text-sm',     // 13px\n        default: 'py-4 px-4 text-md', // 14px\n        lg: 'py-5 px-6 text-base',    // 16px\n      },\n      iconPosition: {\n        left: 'flex-row',\n        right: 'flex-row-reverse justify-between',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      iconPosition: 'right',\n    },\n  }\n)\n\n// Icon size per trigger size\nconst triggerIconSizeClasses = {\n  sm: 'icon-xs',      // 14px\n  default: 'icon-sm', // 16px\n  lg: 'icon-sm',      // 16px\n} as const\n\nexport interface AccordionTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  /** Custom indicator icon (replaces default chevron) */\n  icon?: React.ReactNode\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, icon, ...props }, ref) => {\n  const { size, iconPosition } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group',\n          accordionTriggerVariants({ size: resolvedSize, iconPosition }),\n          className\n        )}\n        {...props}\n      >\n        {icon || (\n          <DefaultChevronIcon className={cn(\n            'accordion-chevron shrink-0 text-text-muted transition-transform duration-normal',\n            triggerIconSizeClasses[resolvedSize]\n          )} />\n        )}\n        <span className=\"text-left\">{children}</span>\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = 'AccordionTrigger'\n\n// ─── AccordionContent ────────────────────────────────────────\n\nconst accordionContentSizeClasses = {\n  sm: 'px-4 pb-3 text-sm',\n  default: 'px-4 pb-4 text-md',\n  lg: 'px-6 pb-5 text-base',\n} as const\n\nexport interface AccordionContentProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {}\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  const { size } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\n        'text-text-muted',\n        accordionContentSizeClasses[resolvedSize],\n        className\n      )}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n})\nAccordionContent.displayName = 'AccordionContent'\n\n// ─── Exports ─────────────────────────────────────────────────\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  accordionVariants,\n  accordionTriggerVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-YIAH6KHV.mjs

@@ -0,0 +1,164 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/toggle.tsx
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+var toggleBaseStyles = "inline-flex items-center justify-center text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50";
+var toggleVariants = cva(
+  toggleBaseStyles,
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground",
+        outline: "border border-border bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground",
+        ghost: "bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground",
+        "outline-ghost": "border border-border bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground data-[state=on]:border-border"
+      },
+      fontWeight: {
+        normal: "font-normal",
+        semibold: "font-semibold"
+      },
+      size: {
+        xs: "h-7 px-2.5 text-xs gap-1",
+        // 28px height, 10px paddingX, 12px font
+        sm: "h-8 px-3 text-sm gap-2",
+        // 32px height, 12px paddingX, 13px font
+        md: "h-9 px-3.5 text-md gap-2",
+        // 36px height, 14px paddingX, 14px font
+        default: "h-10 px-4 text-md gap-2",
+        // 40px height, 16px paddingX, 14px font
+        lg: "h-12 px-6 text-base gap-2"
+        // 48px height, 24px paddingX, 16px font
+      },
+      radius: {
+        none: "rounded-none",
+        // 0px - primitive.borderRadius.none
+        sm: "rounded-sm",
+        // 2px - primitive.borderRadius.sm
+        base: "rounded",
+        // 4px - primitive.borderRadius.base
+        default: "rounded-md",
+        // 6px - primitive.borderRadius.md
+        lg: "rounded-lg",
+        // 8px - primitive.borderRadius.lg
+        xl: "rounded-xl",
+        // 12px - primitive.borderRadius.xl
+        "2xl": "rounded-2xl",
+        // 16px - primitive.borderRadius.2xl
+        "3xl": "rounded-3xl",
+        // 24px - primitive.borderRadius.3xl
+        full: "rounded-full"
+        // 9999px - primitive.borderRadius.full
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      radius: "default",
+      // 6px - primitive.borderRadius.md (Figma button default)
+      fontWeight: "normal"
+    }
+  }
+);
+var iconOnlySizes = {
+  xs: "h-7 w-7",
+  // 28px × 28px - spacing.7
+  sm: "h-8 w-8",
+  // 32px × 32px - spacing.8
+  md: "h-9 w-9",
+  // 36px × 36px - spacing.9
+  default: "h-10 w-10",
+  // 40px × 40px - spacing.10
+  lg: "h-12 w-12"
+  // 48px × 48px - spacing.12
+};
+var radiusClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  base: "rounded",
+  default: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl",
+  "3xl": "rounded-3xl",
+  full: "rounded-full"
+};
+var variantClasses = {
+  default: "bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground",
+  outline: "border border-border bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground",
+  ghost: "bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground",
+  "outline-ghost": "border border-border bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground data-[state=on]:border-border"
+};
+var iconSizeClasses = {
+  xs: "[&>svg]:icon-xs",
+  // 14px
+  sm: "[&>svg]:icon-xs",
+  // 14px
+  md: "[&>svg]:icon-sm",
+  // 16px
+  default: "[&>svg]:icon-sm",
+  // 16px
+  lg: "[&>svg]:icon-sm"
+  // 16px
+};
+var Toggle = React.forwardRef(({ className, variant, size, radius, fontWeight, iconOnly, pressEffect, ...props }, ref) => {
+  const sizeKey = size || "default";
+  const radiusKey = radius || "default";
+  const variantKey = variant || "default";
+  const fontWeightClass = fontWeight === "normal" ? "font-normal" : fontWeight === "semibold" ? "font-semibold" : "font-normal";
+  if (iconOnly) {
+    const iconOnlyIconSize = {
+      xs: "[&>svg]:icon-xs",
+      // 14px
+      sm: "[&>svg]:icon-sm",
+      // 16px
+      md: "[&>svg]:icon-sm",
+      // 16px
+      default: "[&>svg]:icon-md",
+      // 20px
+      lg: "[&>svg]:icon-lg"
+      // 24px
+    }[sizeKey];
+    return /* @__PURE__ */ React.createElement(
+      TogglePrimitive.Root,
+      {
+        ref,
+        className: cn(
+          toggleBaseStyles,
+          pressEffect !== false && "active:scale-pressed",
+          fontWeightClass,
+          variantClasses[variantKey],
+          iconOnlySizes[sizeKey],
+          radiusClasses[radiusKey],
+          iconOnlyIconSize,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    TogglePrimitive.Root,
+    {
+      ref,
+      className: cn(
+        toggleVariants({ variant, size, radius, fontWeight }),
+        pressEffect !== false && "active:scale-pressed",
+        iconSizeClasses[sizeKey],
+        className
+      ),
+      ...props
+    }
+  );
+});
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+export {
+  toggleVariants,
+  Toggle
+};
+//# sourceMappingURL=chunk-YIAH6KHV.mjs.map

package/dist/chunk-YIAH6KHV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/toggle.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// Base styles without size (for iconOnly mode)\nconst toggleBaseStyles = 'inline-flex items-center justify-center text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50'\n\nconst toggleVariants = cva(\n  toggleBaseStyles,\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        outline: 'border border-border bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        ghost: 'bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground',\n        'outline-ghost': 'border border-border bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground data-[state=on]:border-border',\n      },\n      fontWeight: {\n        normal: 'font-normal',\n        semibold: 'font-semibold',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',     // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',       // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',     // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2', // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',    // 48px height, 24px paddingX, 16px font\n      },\n      radius: {\n        none: 'rounded-none',      // 0px - primitive.borderRadius.none\n        sm: 'rounded-sm',          // 2px - primitive.borderRadius.sm\n        base: 'rounded',           // 4px - primitive.borderRadius.base\n        default: 'rounded-md',     // 6px - primitive.borderRadius.md\n        lg: 'rounded-lg',          // 8px - primitive.borderRadius.lg\n        xl: 'rounded-xl',          // 12px - primitive.borderRadius.xl\n        '2xl': 'rounded-2xl',      // 16px - primitive.borderRadius.2xl\n        '3xl': 'rounded-3xl',      // 24px - primitive.borderRadius.3xl\n        full: 'rounded-full',      // 9999px - primitive.borderRadius.full\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'default',  // 6px - primitive.borderRadius.md (Figma button default)\n      fontWeight: 'normal',\n    },\n  }\n)\n\n// iconOnly sizes - square like IconButton (same width and height, no padding)\nconst iconOnlySizes = {\n  xs: 'h-7 w-7',      // 28px × 28px - spacing.7\n  sm: 'h-8 w-8',      // 32px × 32px - spacing.8\n  md: 'h-9 w-9',      // 36px × 36px - spacing.9\n  default: 'h-10 w-10', // 40px × 40px - spacing.10\n  lg: 'h-12 w-12',    // 48px × 48px - spacing.12\n}\n\n// Radius classes for iconOnly mode\nconst radiusClasses = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  base: 'rounded',\n  default: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  '2xl': 'rounded-2xl',\n  '3xl': 'rounded-3xl',\n  full: 'rounded-full',\n}\n\n// Variant classes for iconOnly mode\nconst variantClasses = {\n  default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n  outline: 'border border-border bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n  ghost: 'bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground',\n  'outline-ghost': 'border border-border bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground data-[state=on]:border-border',\n}\n\nexport interface ToggleProps\n  extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>,\n    Omit<VariantProps<typeof toggleVariants>, 'fontWeight'> {\n  iconOnly?: boolean\n  fontWeight?: 'normal' | 'semibold'\n  pressEffect?: boolean\n}\n\n// Icon size for text+icon mode (5-step scale)\n// xs~sm: 14px, md~default~lg: 16px\nconst iconSizeClasses = {\n  xs: '[&>svg]:icon-xs',      // 14px\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n}\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  ToggleProps\n>(({ className, variant, size, radius, fontWeight, iconOnly, pressEffect, ...props }, ref) => {\n  const sizeKey = size || 'default'\n  const radiusKey = radius || 'default'\n  const variantKey = variant || 'default'\n  const fontWeightClass = fontWeight === 'normal' ? 'font-normal' : fontWeight === 'semibold' ? 'font-semibold' : 'font-normal'\n\n  // When iconOnly, build classes manually without padding\n  if (iconOnly) {\n    // Icon only uses larger icon sizes (like IconButton, 5-step scale)\n    // XS: 14px, SM~MD: 16px, Default: 20px, LG: 24px\n    const iconOnlyIconSize = {\n      xs: '[&>svg]:icon-xs',      // 14px\n      sm: '[&>svg]:icon-sm',      // 16px\n      md: '[&>svg]:icon-sm',      // 16px\n      default: '[&>svg]:icon-md', // 20px\n      lg: '[&>svg]:icon-lg',      // 24px\n    }[sizeKey]\n\n    return (\n      <TogglePrimitive.Root\n        ref={ref}\n        className={cn(\n          toggleBaseStyles,\n          pressEffect !== false && 'active:scale-pressed',\n          fontWeightClass,\n          variantClasses[variantKey],\n          iconOnlySizes[sizeKey],\n          radiusClasses[radiusKey],\n          iconOnlyIconSize,\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n\n  // Normal mode with padding\n  return (\n    <TogglePrimitive.Root\n      ref={ref}\n      className={cn(\n        toggleVariants({ variant, size, radius, fontWeight }),\n        pressEffect !== false && 'active:scale-pressed',\n        iconSizeClasses[sizeKey],\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"mappings":"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","names":[]}

package/dist/chunk-YZ7HHFKA.mjs

@@ -0,0 +1,375 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/chat-input.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+var fieldPaddingMap = {
+  sm: "pt-2.5 px-3 text-md",
+  default: "pt-3 px-4 text-md",
+  lg: "pt-4 px-5 text-base"
+};
+var submitWrapperMap = {
+  sm: "px-2.5 pb-2.5",
+  default: "px-3 pb-3",
+  lg: "px-4 pb-4"
+};
+var submitSizeMap = {
+  sm: "h-7 w-7",
+  default: "h-8 w-8",
+  lg: "h-9 w-9"
+};
+var submitRadiusMap = {
+  sm: "rounded-md",
+  md: "rounded-md",
+  lg: "rounded-md",
+  xl: "rounded-lg",
+  "2xl": "rounded-xl",
+  full: "rounded-full"
+};
+var buttonRadiusClassMap = {
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl",
+  full: "rounded-full"
+};
+var submitIconSizeMap = {
+  sm: "icon-xs",
+  default: "icon-xs",
+  lg: "icon-sm"
+};
+var countStyleMap = {
+  sm: "text-xs",
+  default: "text-xs",
+  lg: "text-sm"
+};
+var lineHeightMap = {
+  sm: 20,
+  default: 22,
+  lg: 24
+};
+var inlineFieldPaddingMap = {
+  sm: "px-3 text-md",
+  default: "px-4 text-md",
+  lg: "px-5 text-base"
+};
+var submitWrapperInlineMap = {
+  sm: "px-2.5 py-2.5",
+  default: "px-3 py-3",
+  lg: "px-4 py-4"
+};
+var chatInputVariants = cva(
+  [
+    "flex flex-col w-full overflow-hidden cursor-text",
+    "transition-colors duration-micro"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        outline: [
+          "border border-border bg-background",
+          "hover:border-border-strong",
+          "focus-within:border-border-strong focus-within:hover:border-border-strong"
+        ].join(" "),
+        filled: [
+          "border border-transparent bg-background-muted",
+          "focus-within:border-border"
+        ].join(" ")
+      },
+      radius: {
+        sm: "rounded-sm",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        "2xl": "rounded-2xl",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      radius: "xl"
+    }
+  }
+);
+var ChatInputContext = React.createContext({
+  size: "default",
+  color: "default",
+  layout: "default",
+  radius: "xl",
+  disabled: false,
+  isEmpty: true,
+  charCount: 0,
+  showCount: false,
+  maxLength: void 0,
+  _setIsEmpty: () => {
+  },
+  _setCharCount: () => {
+  },
+  _setShowCount: () => {
+  },
+  _setMaxLength: () => {
+  },
+  _fieldRef: { current: null },
+  _handleSubmit: () => {
+  }
+});
+var ChatInput = React.forwardRef(
+  ({
+    className,
+    variant = "outline",
+    radius = "xl",
+    size = "default",
+    color = "default",
+    layout = "default",
+    disabled = false,
+    onSubmit,
+    children,
+    ...props
+  }, ref) => {
+    const [isEmpty, setIsEmpty] = React.useState(true);
+    const [charCount, setCharCount] = React.useState(0);
+    const [showCount, setShowCount] = React.useState(false);
+    const [maxLength, setMaxLength] = React.useState(void 0);
+    const fieldRef = React.useRef(null);
+    const handleSubmit = React.useCallback(() => {
+      const el = fieldRef.current;
+      if (!el || disabled) return;
+      const value = el.value.trim();
+      if (!value) return;
+      onSubmit?.(value);
+      el.value = "";
+      el.style.height = "auto";
+      setIsEmpty(true);
+      setCharCount(0);
+    }, [disabled, onSubmit]);
+    const contextValue = React.useMemo(
+      () => ({
+        size,
+        color,
+        layout,
+        radius,
+        disabled,
+        isEmpty,
+        charCount,
+        showCount,
+        maxLength,
+        _setIsEmpty: setIsEmpty,
+        _setCharCount: setCharCount,
+        _setShowCount: setShowCount,
+        _setMaxLength: setMaxLength,
+        _fieldRef: fieldRef,
+        _handleSubmit: handleSubmit
+      }),
+      [size, color, layout, radius, disabled, isEmpty, charCount, showCount, maxLength, handleSubmit]
+    );
+    const handleContainerClick = React.useCallback(
+      (e) => {
+        if (!disabled && !e.target.closest("button")) {
+          fieldRef.current?.focus();
+        }
+      },
+      [disabled]
+    );
+    return /* @__PURE__ */ React.createElement(ChatInputContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        "data-disabled": disabled || void 0,
+        onClick: handleContainerClick,
+        className: cn(
+          chatInputVariants({ variant, radius }),
+          layout === "inline" && "flex-row",
+          disabled && "opacity-50 pointer-events-none",
+          className
+        ),
+        ...props
+      },
+      children
+    ));
+  }
+);
+ChatInput.displayName = "ChatInput";
+function assignRef(ref, value) {
+  if (typeof ref === "function") ref(value);
+  else if (ref) ref.current = value;
+}
+var ChatInputField = React.forwardRef(
+  ({
+    className,
+    maxRows = 8,
+    showCount = false,
+    maxLength,
+    placeholder,
+    onChange,
+    onKeyDown,
+    disabled,
+    ...props
+  }, forwardedRef) => {
+    const ctx = React.useContext(ChatInputContext);
+    const internalRef = React.useRef(null);
+    const isDisabled = disabled ?? ctx.disabled;
+    React.useEffect(() => {
+      ctx._setShowCount(showCount);
+      ctx._setMaxLength(maxLength);
+    }, [showCount, maxLength]);
+    const setRef = React.useCallback(
+      (el) => {
+        internalRef.current = el;
+        assignRef(ctx._fieldRef, el);
+        assignRef(forwardedRef, el);
+      },
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [forwardedRef]
+    );
+    const autoResize = React.useCallback(() => {
+      const el = internalRef.current;
+      if (!el) return;
+      el.style.height = "auto";
+      const maxHeight = maxRows * lineHeightMap[ctx.size];
+      const newHeight = Math.min(el.scrollHeight, maxHeight);
+      el.style.height = `${newHeight}px`;
+      el.style.overflowY = el.scrollHeight > maxHeight ? "auto" : "hidden";
+    }, [ctx.size, maxRows]);
+    const handleChange = React.useCallback(
+      (e) => {
+        const val = e.target.value;
+        ctx._setIsEmpty(val.trim() === "");
+        ctx._setCharCount(val.length);
+        autoResize();
+        onChange?.(e);
+      },
+      [ctx, autoResize, onChange]
+    );
+    const handleKeyDown = React.useCallback(
+      (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+          e.preventDefault();
+          ctx._handleSubmit();
+        }
+        onKeyDown?.(e);
+      },
+      [ctx, onKeyDown]
+    );
+    return /* @__PURE__ */ React.createElement("div", { className: cn("flex-1 min-w-0", ctx.layout === "inline" && "flex items-center self-stretch") }, /* @__PURE__ */ React.createElement(
+      "textarea",
+      {
+        ref: setRef,
+        rows: 1,
+        placeholder,
+        maxLength,
+        disabled: isDisabled,
+        className: cn(
+          "w-full bg-transparent text-foreground placeholder:text-foreground/30",
+          "resize-none outline-none focus:outline-none",
+          "disabled:cursor-not-allowed",
+          "overflow-hidden",
+          ctx.layout === "inline" ? inlineFieldPaddingMap[ctx.size] : fieldPaddingMap[ctx.size],
+          className
+        ),
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        ...props
+      }
+    ));
+  }
+);
+ChatInputField.displayName = "ChatInputField";
+var ChatInputSubmit = React.forwardRef(
+  ({
+    className,
+    loading = false,
+    onStop,
+    children,
+    disabled,
+    onClick,
+    buttonRadius,
+    ...props
+  }, ref) => {
+    const ctx = React.useContext(ChatInputContext);
+    const isDisabled = (disabled ?? ctx.disabled) || !loading && ctx.isEmpty;
+    const handleClick = React.useCallback(
+      (e) => {
+        if (loading) {
+          onStop?.();
+        } else if (!isDisabled) {
+          ctx._handleSubmit();
+        }
+        onClick?.(e);
+      },
+      [ctx, isDisabled, loading, onStop, onClick]
+    );
+    return /* @__PURE__ */ React.createElement("div", { className: cn("flex items-center justify-end gap-2 shrink-0 cursor-default", ctx.layout === "inline" ? submitWrapperInlineMap[ctx.size] : submitWrapperMap[ctx.size]) }, ctx.showCount && ctx.maxLength != null && /* @__PURE__ */ React.createElement("span", { className: cn("text-text-subtle select-none", countStyleMap[ctx.size]) }, ctx.charCount, " / ", ctx.maxLength), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        ref,
+        type: "button",
+        disabled: isDisabled && !loading,
+        "aria-label": loading ? "Stop generating" : "Send message",
+        className: cn(
+          "inline-flex items-center justify-center shrink-0",
+          buttonRadius ? buttonRadiusClassMap[buttonRadius] : submitRadiusMap[ctx.radius],
+          "transition-all duration-fast",
+          "focus-visible:outline-none focus-visible:focus-ring",
+          submitSizeMap[ctx.size],
+          // Loading state — enabled, pulsing
+          loading && ctx.color === "default" && "bg-foreground text-background animate-pulse cursor-pointer",
+          loading && ctx.color === "primary" && "bg-primary text-primary-foreground animate-pulse cursor-pointer",
+          // Enabled state
+          !loading && !isDisabled && ctx.color === "default" && [
+            "bg-foreground text-background",
+            "hover:bg-foreground/90 active:bg-foreground/80 active:scale-pressed cursor-pointer"
+          ],
+          !loading && !isDisabled && ctx.color === "primary" && [
+            "bg-primary text-primary-foreground",
+            "hover:bg-primary-hover active:scale-pressed cursor-pointer"
+          ],
+          // Disabled state
+          !loading && isDisabled && "bg-background-muted text-text-subtle pointer-events-none",
+          className
+        ),
+        onClick: handleClick,
+        ...props
+      },
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: cn("flex items-center justify-center", submitIconSizeMap[ctx.size])
+        },
+        children ?? (loading ? /* @__PURE__ */ React.createElement(StopIcon, null) : /* @__PURE__ */ React.createElement(SendIcon, null))
+      )
+    ));
+  }
+);
+ChatInputSubmit.displayName = "ChatInputSubmit";
+function SendIcon() {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "w-full h-full"
+    },
+    /* @__PURE__ */ React.createElement("path", { d: "M22 2 11 13" }),
+    /* @__PURE__ */ React.createElement("path", { d: "M22 2 15 22 11 13 2 9l20-7Z" })
+  );
+}
+function StopIcon() {
+  return /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "w-full h-full" }, /* @__PURE__ */ React.createElement("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }));
+}
+
+export {
+  chatInputVariants,
+  ChatInput,
+  ChatInputField,
+  ChatInputSubmit
+};
+//# sourceMappingURL=chunk-YZ7HHFKA.mjs.map

package/dist/chunk-YZ7HHFKA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/chat-input.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// ============================================================================\n// Size maps\n// ============================================================================\n\n/** Textarea padding per size */\nconst fieldPaddingMap = {\n  sm:      'pt-2.5 px-3 text-md',\n  default: 'pt-3 px-4 text-md',\n  lg:      'pt-4 px-5 text-base',\n} as const\n\n/** Submit row padding per size */\nconst submitWrapperMap = {\n  sm:      'px-2.5 pb-2.5',\n  default: 'px-3 pb-3',\n  lg:      'px-4 pb-4',\n} as const\n\n/** Submit button dimensions per size */\nconst submitSizeMap = {\n  sm:      'h-7 w-7',\n  default: 'h-8 w-8',\n  lg:      'h-9 w-9',\n} as const\n\n/** Submit button radius — auto-calculated from container radius (min rounded-md) */\nconst submitRadiusMap = {\n  sm:    'rounded-md',\n  md:    'rounded-md',\n  lg:    'rounded-md',\n  xl:    'rounded-lg',\n  '2xl': 'rounded-xl',\n  full:  'rounded-full',\n} as const\n\n/** Submit button radius — direct class map for explicit buttonRadius prop */\nconst buttonRadiusClassMap: Record<ChatInputRadius, string> = {\n  sm:    'rounded-sm',\n  md:    'rounded-md',\n  lg:    'rounded-lg',\n  xl:    'rounded-xl',\n  '2xl': 'rounded-2xl',\n  full:  'rounded-full',\n}\n\n/** Submit icon size class per size */\nconst submitIconSizeMap = {\n  sm:      'icon-xs',\n  default: 'icon-xs',\n  lg:      'icon-sm',\n} as const\n\n/** Character count text size per size */\nconst countStyleMap = {\n  sm:      'text-xs',\n  default: 'text-xs',\n  lg:      'text-sm',\n} as const\n\n/** Approximate line-height (px) per size for auto-resize */\nconst lineHeightMap = {\n  sm:      20,\n  default: 22,\n  lg:      24,\n} as const\n\n/** Field padding in inline layout — horizontal only (vertical centering via flex) */\nconst inlineFieldPaddingMap = {\n  sm:      'px-3 text-md',\n  default: 'px-4 text-md',\n  lg:      'px-5 text-base',\n} as const\n\n/** Submit wrapper padding in inline layout — symmetric vertical */\nconst submitWrapperInlineMap = {\n  sm:      'px-2.5 py-2.5',\n  default: 'px-3 py-3',\n  lg:      'px-4 py-4',\n} as const\n\n// ============================================================================\n// CVA — root container variants\n// ============================================================================\n\nconst chatInputVariants = cva(\n  [\n    'flex flex-col w-full overflow-hidden cursor-text',\n    'transition-colors duration-micro',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        outline: [\n          'border border-border bg-background',\n          'hover:border-border-strong',\n          'focus-within:border-border-strong focus-within:hover:border-border-strong',\n        ].join(' '),\n        filled: [\n          'border border-transparent bg-background-muted',\n          'focus-within:border-border',\n        ].join(' '),\n      },\n      radius: {\n        sm:    'rounded-sm',\n        md:    'rounded-md',\n        lg:    'rounded-lg',\n        xl:    'rounded-xl',\n        '2xl': 'rounded-2xl',\n        full:  'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      radius:  'xl',\n    },\n  }\n)\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ChatInputSize    = 'sm' | 'default' | 'lg'\nexport type ChatInputVariant = 'outline' | 'filled'\nexport type ChatInputRadius  = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'\nexport type ChatInputColor   = 'default' | 'primary'\nexport type ChatInputLayout  = 'default' | 'inline'\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface ChatInputContextValue {\n  size:           ChatInputSize\n  color:          ChatInputColor\n  layout:         ChatInputLayout\n  radius:         ChatInputRadius\n  disabled:       boolean\n  isEmpty:        boolean\n  charCount:      number\n  showCount:      boolean\n  maxLength:      number | undefined\n  _setIsEmpty:    React.Dispatch<React.SetStateAction<boolean>>\n  _setCharCount:  React.Dispatch<React.SetStateAction<number>>\n  _setShowCount:  React.Dispatch<React.SetStateAction<boolean>>\n  _setMaxLength:  React.Dispatch<React.SetStateAction<number | undefined>>\n  _fieldRef:      React.MutableRefObject<HTMLTextAreaElement | null>\n  _handleSubmit:  () => void\n}\n\nconst ChatInputContext = React.createContext<ChatInputContextValue>({\n  size:           'default',\n  color:          'default',\n  layout:         'default',\n  radius:         'xl',\n  disabled:       false,\n  isEmpty:        true,\n  charCount:      0,\n  showCount:      false,\n  maxLength:      undefined,\n  _setIsEmpty:    () => {},\n  _setCharCount:  () => {},\n  _setShowCount:  () => {},\n  _setMaxLength:  () => {},\n  _fieldRef:      { current: null },\n  _handleSubmit:  () => {},\n})\n\n// ============================================================================\n// Props interfaces\n// ============================================================================\n\nexport interface ChatInputRootProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'>,\n    VariantProps<typeof chatInputVariants> {\n  /** Visual style of the container */\n  variant?: ChatInputVariant\n  /** Corner radius */\n  radius?: ChatInputRadius\n  /** Size scale */\n  size?: ChatInputSize\n  /** Submit button color — default (dark) or primary (brand) */\n  color?: ChatInputColor\n  /** Layout direction — default (stacked) or inline (field + button side by side) */\n  layout?: ChatInputLayout\n  /** Disable all interaction */\n  disabled?: boolean\n  /** Called when the user submits (Enter key or Submit button) — receives current field value */\n  onSubmit?: (value: string) => void\n}\n\nexport interface ChatInputFieldProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children'> {\n  /** Maximum visible rows before the field scrolls */\n  maxRows?: number\n  /** Show character counter — requires maxLength to be set */\n  showCount?: boolean\n}\n\nexport interface ChatInputSubmitProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Show loading/stop state — keeps button enabled so user can stop generation */\n  loading?: boolean\n  /** Called when clicked during loading state (e.g., stop generation) */\n  onStop?: () => void\n  /** Override the auto-calculated button radius */\n  buttonRadius?: ChatInputRadius\n}\n\n// ============================================================================\n// ChatInput — Root container\n// ============================================================================\n\nconst ChatInput = React.forwardRef<HTMLDivElement, ChatInputRootProps>(\n  (\n    {\n      className,\n      variant  = 'outline',\n      radius   = 'xl',\n      size     = 'default',\n      color    = 'default',\n      layout   = 'default',\n      disabled = false,\n      onSubmit,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [isEmpty,    setIsEmpty]    = React.useState(true)\n    const [charCount,  setCharCount]  = React.useState(0)\n    const [showCount,  setShowCount]  = React.useState(false)\n    const [maxLength,  setMaxLength]  = React.useState<number | undefined>(undefined)\n    const fieldRef = React.useRef<HTMLTextAreaElement | null>(null)\n\n    const handleSubmit = React.useCallback(() => {\n      const el = fieldRef.current\n      if (!el || disabled) return\n      const value = el.value.trim()\n      if (!value) return\n      onSubmit?.(value)\n      // Auto-clear in uncontrolled mode\n      // Controlled-mode users should clear value inside their onSubmit callback\n      el.value = ''\n      el.style.height = 'auto'\n      setIsEmpty(true)\n      setCharCount(0)\n    }, [disabled, onSubmit])\n\n    const contextValue = React.useMemo<ChatInputContextValue>(\n      () => ({\n        size,\n        color,\n        layout,\n        radius,\n        disabled,\n        isEmpty,\n        charCount,\n        showCount,\n        maxLength,\n        _setIsEmpty:   setIsEmpty,\n        _setCharCount: setCharCount,\n        _setShowCount: setShowCount,\n        _setMaxLength: setMaxLength,\n        _fieldRef:     fieldRef,\n        _handleSubmit: handleSubmit,\n      }),\n      [size, color, layout, radius, disabled, isEmpty, charCount, showCount, maxLength, handleSubmit]\n    )\n\n    const handleContainerClick = React.useCallback(\n      (e: React.MouseEvent<HTMLDivElement>) => {\n        // Focus the textarea when clicking anywhere in the container (not on a button)\n        if (!disabled && !(e.target as HTMLElement).closest('button')) {\n          fieldRef.current?.focus()\n        }\n      },\n      [disabled]\n    )\n\n    return (\n      <ChatInputContext.Provider value={contextValue}>\n        <div\n          ref={ref}\n          data-disabled={disabled || undefined}\n          onClick={handleContainerClick}\n          className={cn(\n            chatInputVariants({ variant, radius }),\n            layout === 'inline' && 'flex-row',\n            disabled && 'opacity-50 pointer-events-none',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </ChatInputContext.Provider>\n    )\n  }\n)\nChatInput.displayName = 'ChatInput'\n\n// Writes a node into a callback or object ref. Kept outside the component: React\n// Compiler rules flag assigning `.current` on refs that come from props or context.\nfunction assignRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n  if (typeof ref === 'function') ref(value)\n  else if (ref) (ref as React.MutableRefObject<T | null>).current = value\n}\n\n// ============================================================================\n// ChatInputField — Auto-resizing textarea\n// ============================================================================\n\nconst ChatInputField = React.forwardRef<HTMLTextAreaElement, ChatInputFieldProps>(\n  (\n    {\n      className,\n      maxRows   = 8,\n      showCount = false,\n      maxLength,\n      placeholder,\n      onChange,\n      onKeyDown,\n      disabled,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const ctx = React.useContext(ChatInputContext)\n    const internalRef = React.useRef<HTMLTextAreaElement | null>(null)\n    const isDisabled = disabled ?? ctx.disabled\n\n    // Sync showCount + maxLength into root context on mount/update\n    React.useEffect(() => {\n      ctx._setShowCount(showCount)\n      ctx._setMaxLength(maxLength)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [showCount, maxLength])\n\n    // Merge forwarded ref + internal ref + context field ref\n    const setRef = React.useCallback(\n      (el: HTMLTextAreaElement | null) => {\n        internalRef.current = el\n        assignRef(ctx._fieldRef, el)\n        assignRef(forwardedRef, el)\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [forwardedRef]\n    )\n\n    // Adjust textarea height to content, bounded by maxRows\n    const autoResize = React.useCallback(() => {\n      const el = internalRef.current\n      if (!el) return\n      el.style.height = 'auto'\n      const maxHeight = maxRows * lineHeightMap[ctx.size]\n      const newHeight = Math.min(el.scrollHeight, maxHeight)\n      el.style.height = `${newHeight}px`\n      el.style.overflowY = el.scrollHeight > maxHeight ? 'auto' : 'hidden'\n    }, [ctx.size, maxRows])\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const val = e.target.value\n        ctx._setIsEmpty(val.trim() === '')\n        ctx._setCharCount(val.length)\n        autoResize()\n        onChange?.(e)\n      },\n      [ctx, autoResize, onChange]\n    )\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // Enter = submit | Shift+Enter = new line\n        if (e.key === 'Enter' && !e.shiftKey) {\n          e.preventDefault()\n          ctx._handleSubmit()\n        }\n        onKeyDown?.(e)\n      },\n      [ctx, onKeyDown]\n    )\n\n    return (\n      <div className={cn('flex-1 min-w-0', ctx.layout === 'inline' && 'flex items-center self-stretch')}>\n        <textarea\n          ref={setRef}\n          rows={1}\n          placeholder={placeholder}\n          maxLength={maxLength}\n          disabled={isDisabled}\n          className={cn(\n            'w-full bg-transparent text-foreground placeholder:text-foreground/30',\n            'resize-none outline-none focus:outline-none',\n            'disabled:cursor-not-allowed',\n            'overflow-hidden',\n            ctx.layout === 'inline' ? inlineFieldPaddingMap[ctx.size] : fieldPaddingMap[ctx.size],\n            className\n          )}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nChatInputField.displayName = 'ChatInputField'\n\n// ============================================================================\n// ChatInputSubmit — Send / stop button\n// ============================================================================\n\nconst ChatInputSubmit = React.forwardRef<HTMLButtonElement, ChatInputSubmitProps>(\n  (\n    {\n      className,\n      loading      = false,\n      onStop,\n      children,\n      disabled,\n      onClick,\n      buttonRadius,\n      ...props\n    },\n    ref\n  ) => {\n    const ctx = React.useContext(ChatInputContext)\n\n    // Disabled: context disabled | user prop | empty field (only when not loading)\n    const isDisabled = (disabled ?? ctx.disabled) || (!loading && ctx.isEmpty)\n\n    const handleClick = React.useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        if (loading) {\n          onStop?.()\n        } else if (!isDisabled) {\n          ctx._handleSubmit()\n        }\n        onClick?.(e)\n      },\n      [ctx, isDisabled, loading, onStop, onClick]\n    )\n\n    return (\n      <div className={cn('flex items-center justify-end gap-2 shrink-0 cursor-default', ctx.layout === 'inline' ? submitWrapperInlineMap[ctx.size] : submitWrapperMap[ctx.size])}>\n        {ctx.showCount && ctx.maxLength != null && (\n          <span className={cn('text-text-subtle select-none', countStyleMap[ctx.size])}>\n            {ctx.charCount} / {ctx.maxLength}\n          </span>\n        )}\n        <button\n          ref={ref}\n          type=\"button\"\n          disabled={isDisabled && !loading}\n          aria-label={loading ? 'Stop generating' : 'Send message'}\n          className={cn(\n            'inline-flex items-center justify-center shrink-0',\n            buttonRadius ? buttonRadiusClassMap[buttonRadius] : submitRadiusMap[ctx.radius],\n            'transition-all duration-fast',\n            'focus-visible:outline-none focus-visible:focus-ring',\n            submitSizeMap[ctx.size],\n            // Loading state — enabled, pulsing\n            loading && ctx.color === 'default' && 'bg-foreground text-background animate-pulse cursor-pointer',\n            loading && ctx.color === 'primary' && 'bg-primary text-primary-foreground animate-pulse cursor-pointer',\n            // Enabled state\n            !loading && !isDisabled && ctx.color === 'default' && [\n              'bg-foreground text-background',\n              'hover:bg-foreground/90 active:bg-foreground/80 active:scale-pressed cursor-pointer',\n            ],\n            !loading && !isDisabled && ctx.color === 'primary' && [\n              'bg-primary text-primary-foreground',\n              'hover:bg-primary-hover active:scale-pressed cursor-pointer',\n            ],\n            // Disabled state\n            !loading && isDisabled && 'bg-background-muted text-text-subtle pointer-events-none',\n            className\n          )}\n          onClick={handleClick}\n          {...props}\n        >\n          <span\n            aria-hidden=\"true\"\n            className={cn('flex items-center justify-center', submitIconSizeMap[ctx.size])}\n          >\n            {children ?? (loading ? <StopIcon /> : <SendIcon />)}\n          </span>\n        </button>\n      </div>\n    )\n  }\n)\nChatInputSubmit.displayName = 'ChatInputSubmit'\n\n// ============================================================================\n// Built-in SVG icons — no external icon dependency\n// ============================================================================\n\nfunction SendIcon() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"w-full h-full\"\n    >\n      <path d=\"M22 2 11 13\" />\n      <path d=\"M22 2 15 22 11 13 2 9l20-7Z\" />\n    </svg>\n  )\n}\n\nfunction StopIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"w-full h-full\">\n      <rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"2\" />\n    </svg>\n  )\n}\n\nexport {\n  ChatInput,\n  ChatInputField,\n  ChatInputSubmit,\n  chatInputVariants,\n}\n"],"mappings":"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","names":[]}