@7onic-ui/react 0.3.9 → 0.3.11

package/dist/chunk-JCJEVXER.mjs

@@ -0,0 +1,170 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/drawer.tsx
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+var DefaultCloseIcon = ({ className }) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    className,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+);
+var ANIMATION_CLASSES = {
+  right: "data-[state=open]:animate-drawer-right-enter data-[state=closed]:animate-drawer-right-exit",
+  left: "data-[state=open]:animate-drawer-left-enter data-[state=closed]:animate-drawer-left-exit",
+  top: "data-[state=open]:animate-drawer-top-enter data-[state=closed]:animate-drawer-top-exit",
+  bottom: "data-[state=open]:animate-drawer-bottom-enter data-[state=closed]:animate-drawer-bottom-exit"
+};
+var drawerSizeHorizontal = cva("", {
+  variants: {
+    size: {
+      sm: "w-[320px]",
+      md: "w-[400px]",
+      lg: "w-[480px]",
+      xl: "w-[640px]",
+      full: "w-full"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var drawerSizeVertical = cva("", {
+  variants: {
+    size: {
+      sm: "h-[320px]",
+      md: "h-[400px]",
+      lg: "h-[480px]",
+      xl: "h-[640px]",
+      full: "h-full"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+function Drawer(props) {
+  return /* @__PURE__ */ React.createElement(DialogPrimitive.Root, { ...props });
+}
+var DrawerTrigger = DialogPrimitive.Trigger;
+var DrawerPortal = DialogPrimitive.Portal;
+var DrawerClose = DialogPrimitive.Close;
+var DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-overlay bg-black/50",
+      "data-[state=open]:animate-modal-overlay-enter data-[state=closed]:animate-modal-overlay-exit",
+      className
+    ),
+    ...props
+  }
+));
+DrawerOverlay.displayName = "DrawerOverlay";
+var SIDE_POSITION = {
+  right: "inset-y-0 right-0",
+  left: "inset-y-0 left-0",
+  top: "inset-x-0 top-0",
+  bottom: "inset-x-0 bottom-0"
+};
+var DrawerContent = React.forwardRef(({ className, children, side = "right", size = "md", showCloseButton = true, closeIcon, ...props }, ref) => {
+  const isHorizontal = side === "left" || side === "right";
+  const sizeClass = isHorizontal ? drawerSizeHorizontal({ size }) : drawerSizeVertical({ size });
+  return /* @__PURE__ */ React.createElement(DrawerPortal, null, /* @__PURE__ */ React.createElement(DrawerOverlay, null), /* @__PURE__ */ React.createElement(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed z-modal flex flex-col bg-background text-foreground shadow-xl",
+        "focus:outline-none",
+        SIDE_POSITION[side],
+        isHorizontal ? "max-w-full h-full" : "max-h-full w-full",
+        sizeClass,
+        ANIMATION_CLASSES[side],
+        className
+      ),
+      ...props
+    },
+    children,
+    showCloseButton && /* @__PURE__ */ React.createElement(DialogPrimitive.Close, { className: cn(
+      "absolute right-4 top-4 rounded-md p-1",
+      "text-text-muted hover:text-foreground",
+      "transition-colors duration-fast",
+      "focus-visible:focus-ring focus-visible:outline-none",
+      "disabled:pointer-events-none"
+    ) }, closeIcon || /* @__PURE__ */ React.createElement(DefaultCloseIcon, { className: "icon-sm" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
+  ));
+});
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-1.5 p-6 pb-0", className),
+    ...props
+  }
+));
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+DrawerTitle.displayName = "DrawerTitle";
+var DrawerDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-md text-text-muted", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = "DrawerDescription";
+var DrawerBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex-1 overflow-y-auto p-6", className),
+    ...props
+  }
+));
+DrawerBody.displayName = "DrawerBody";
+var DrawerFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex items-center justify-end gap-3 p-6 pt-0",
+      className
+    ),
+    ...props
+  }
+));
+DrawerFooter.displayName = "DrawerFooter";
+
+export {
+  drawerSizeHorizontal,
+  drawerSizeVertical,
+  Drawer,
+  DrawerTrigger,
+  DrawerPortal,
+  DrawerClose,
+  DrawerOverlay,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerDescription,
+  DrawerBody,
+  DrawerFooter
+};
+//# sourceMappingURL=chunk-JCJEVXER.mjs.map

package/dist/chunk-JCJEVXER.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/drawer.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { cva } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// ─── Default Close Icon (built-in, no external dependency) ──\nconst DefaultCloseIcon = ({ 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=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\n// ─── Types ──────────────────────────────────────────────────\nexport type DrawerSide = 'left' | 'right' | 'top' | 'bottom'\nexport type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\n// ─── Animation class mapping (static strings for Tailwind scanner) ──\nconst ANIMATION_CLASSES: Record<DrawerSide, string> = {\n  right:  'data-[state=open]:animate-drawer-right-enter data-[state=closed]:animate-drawer-right-exit',\n  left:   'data-[state=open]:animate-drawer-left-enter data-[state=closed]:animate-drawer-left-exit',\n  top:    'data-[state=open]:animate-drawer-top-enter data-[state=closed]:animate-drawer-top-exit',\n  bottom: 'data-[state=open]:animate-drawer-bottom-enter data-[state=closed]:animate-drawer-bottom-exit',\n}\n\n// ─── Size variants ──────────────────────────────────────────\nconst drawerSizeHorizontal = cva('', {\n  variants: {\n    size: {\n      sm:   'w-[320px]',\n      md:   'w-[400px]',\n      lg:   'w-[480px]',\n      xl:   'w-[640px]',\n      full: 'w-full',\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n\nconst drawerSizeVertical = cva('', {\n  variants: {\n    size: {\n      sm:   'h-[320px]',\n      md:   'h-[400px]',\n      lg:   'h-[480px]',\n      xl:   'h-[640px]',\n      full: 'h-full',\n    },\n  },\n  defaultVariants: { size: 'md' },\n})\n\n// ═══════════════════════════════════════════════════════════════\n// Drawer\n// ═══════════════════════════════════════════════════════════════\n\n// ─── Drawer (Root) — thin wrapper to expose as named export ──\nfunction Drawer(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root {...props} />\n}\n\n// ─── DrawerTrigger ──────────────────────────────────────────\nconst DrawerTrigger = DialogPrimitive.Trigger\n\n// ─── DrawerPortal ───────────────────────────────────────────\nconst DrawerPortal = DialogPrimitive.Portal\n\n// ─── DrawerClose ────────────────────────────────────────────\nconst DrawerClose = DialogPrimitive.Close\n\n// ─── DrawerOverlay ──────────────────────────────────────────\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-overlay bg-black/50',\n      'data-[state=open]:animate-modal-overlay-enter data-[state=closed]:animate-modal-overlay-exit',\n      className\n    )}\n    {...props}\n  />\n))\nDrawerOverlay.displayName = 'DrawerOverlay'\n\n// ─── DrawerContent ──────────────────────────────────────────\nexport interface DrawerContentProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'children'> {\n  /** Side from which the drawer slides in */\n  side?: DrawerSide\n  /** Panel size (width for left/right, height for top/bottom) */\n  size?: DrawerSize\n  /** Show built-in close button */\n  showCloseButton?: boolean\n  /** Custom close icon (replaces default X) */\n  closeIcon?: React.ReactNode\n  children?: React.ReactNode\n}\n\nconst SIDE_POSITION: Record<DrawerSide, string> = {\n  right:  'inset-y-0 right-0',\n  left:   'inset-y-0 left-0',\n  top:    'inset-x-0 top-0',\n  bottom: 'inset-x-0 bottom-0',\n}\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DrawerContentProps\n>(({ className, children, side = 'right', size = 'md', showCloseButton = true, closeIcon, ...props }, ref) => {\n  const isHorizontal = side === 'left' || side === 'right'\n  const sizeClass = isHorizontal\n    ? drawerSizeHorizontal({ size })\n    : drawerSizeVertical({ size })\n\n  return (\n    <DrawerPortal>\n      <DrawerOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'fixed z-modal flex flex-col bg-background text-foreground shadow-xl',\n          'focus:outline-none',\n          SIDE_POSITION[side],\n          isHorizontal ? 'max-w-full h-full' : 'max-h-full w-full',\n          sizeClass,\n          ANIMATION_CLASSES[side],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close className={cn(\n            'absolute right-4 top-4 rounded-md p-1',\n            'text-text-muted hover:text-foreground',\n            'transition-colors duration-fast',\n            'focus-visible:focus-ring focus-visible:outline-none',\n            'disabled:pointer-events-none'\n          )}>\n            {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DrawerPortal>\n  )\n})\nDrawerContent.displayName = 'DrawerContent'\n\n// ─── DrawerHeader ───────────────────────────────────────────\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col gap-1.5 p-6 pb-0', className)}\n    {...props}\n  />\n))\nDrawerHeader.displayName = 'DrawerHeader'\n\n// ─── DrawerTitle ────────────────────────────────────────────\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n))\nDrawerTitle.displayName = 'DrawerTitle'\n\n// ─── DrawerDescription ─────────────────────────────────────\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-md text-text-muted', className)}\n    {...props}\n  />\n))\nDrawerDescription.displayName = 'DrawerDescription'\n\n// ─── DrawerBody ─────────────────────────────────────────────\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 overflow-y-auto p-6', className)}\n    {...props}\n  />\n))\nDrawerBody.displayName = 'DrawerBody'\n\n// ─── DrawerFooter ───────────────────────────────────────────\nconst DrawerFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex items-center justify-end gap-3 p-6 pt-0',\n      className\n    )}\n    {...props}\n  />\n))\nDrawerFooter.displayName = 'DrawerFooter'\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerBody,\n  DrawerFooter,\n  DrawerClose,\n  drawerSizeHorizontal,\n  drawerSizeVertical,\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-KBPYAMGS.mjs

@@ -0,0 +1,157 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/quick-reply.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+var colorMap = {
+  default: {
+    outline: "border border-border text-foreground bg-background hover:bg-background-muted",
+    filled: "bg-background-muted text-foreground hover:bg-background-elevated",
+    ghost: "text-foreground hover:bg-background-muted"
+  },
+  primary: {
+    outline: "border border-primary text-text-primary bg-background hover:bg-primary-tint",
+    filled: "bg-primary-tint text-text-primary hover:bg-primary/20",
+    ghost: "text-text-primary hover:bg-primary-tint"
+  }
+};
+var QuickReplyContext = React.createContext({
+  size: "default",
+  variant: "outline",
+  color: "default",
+  radius: "full"
+});
+var quickReplyRootVariants = cva(
+  "flex items-center",
+  {
+    variants: {
+      layout: {
+        scroll: "overflow-x-auto",
+        wrap: "flex-wrap"
+      },
+      gap: {
+        sm: "gap-1.5",
+        default: "gap-2",
+        lg: "gap-2.5"
+      }
+    },
+    defaultVariants: {
+      layout: "scroll",
+      gap: "default"
+    }
+  }
+);
+var quickReplyItemVariants = cva(
+  [
+    "inline-flex items-center justify-center",
+    "whitespace-nowrap font-semibold shrink-0",
+    "transition-colors duration-fast cursor-pointer",
+    "focus-visible:outline-none focus-visible:focus-ring",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "select-none"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "h-7 px-2.5 text-xs gap-1.5",
+        // 28px
+        default: "h-8 px-3 text-sm gap-1.5",
+        // 32px
+        lg: "h-9 px-3.5 text-md gap-1.5"
+        // 36px
+      },
+      radius: {
+        md: "rounded-md",
+        // 6px
+        lg: "rounded-lg",
+        // 8px
+        full: "rounded-full"
+        // 9999px
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      radius: "full"
+    }
+  }
+);
+var iconSizeMap = {
+  sm: "icon-xs",
+  // 14px
+  default: "icon-xs",
+  // 14px
+  lg: "icon-sm"
+  // 16px
+};
+var QuickReply = React.forwardRef(
+  ({
+    className,
+    layout = "scroll",
+    gap = "default",
+    variant = "outline",
+    color = "default",
+    size = "default",
+    radius = "full",
+    role = "group",
+    children,
+    ...props
+  }, ref) => {
+    const contextValue = React.useMemo(
+      () => ({ size, variant, color, radius }),
+      [size, variant, color, radius]
+    );
+    return /* @__PURE__ */ React.createElement(QuickReplyContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        role,
+        className: cn(quickReplyRootVariants({ layout, gap }), className),
+        ...props
+      },
+      children
+    ));
+  }
+);
+QuickReply.displayName = "QuickReply";
+var QuickReplyItem = React.forwardRef(
+  ({ className, icon, asChild = false, children, ...props }, ref) => {
+    const { size, variant, color, radius } = React.useContext(QuickReplyContext);
+    const Comp = asChild ? Slot : "button";
+    const colorClasses = colorMap[color][variant];
+    return /* @__PURE__ */ React.createElement(
+      Comp,
+      {
+        ref,
+        type: !asChild ? "button" : void 0,
+        ...props,
+        className: cn(
+          quickReplyItemVariants({ size, radius }),
+          colorClasses,
+          className
+        )
+      },
+      icon && /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: cn("shrink-0 [&>svg]:w-full [&>svg]:h-full", iconSizeMap[size]),
+          "aria-hidden": "true"
+        },
+        icon
+      ),
+      children
+    );
+  }
+);
+QuickReplyItem.displayName = "QuickReplyItem";
+
+export {
+  quickReplyRootVariants,
+  quickReplyItemVariants,
+  QuickReply,
+  QuickReplyItem
+};
+//# sourceMappingURL=chunk-KBPYAMGS.mjs.map

package/dist/chunk-KBPYAMGS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/quick-reply.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n// ============================================================================\n// Color mapping per variant × color\n// ============================================================================\n\nconst colorMap = {\n  default: {\n    outline: 'border border-border text-foreground bg-background hover:bg-background-muted',\n    filled:  'bg-background-muted text-foreground hover:bg-background-elevated',\n    ghost:   'text-foreground hover:bg-background-muted',\n  },\n  primary: {\n    outline: 'border border-primary text-text-primary bg-background hover:bg-primary-tint',\n    filled:  'bg-primary-tint text-text-primary hover:bg-primary/20',\n    ghost:   'text-text-primary hover:bg-primary-tint',\n  },\n} as const\n\n// ============================================================================\n// Context — propagates variant/color/size/radius from Root to Items\n// ============================================================================\n\ntype QuickReplyContextValue = {\n  size:    QuickReplySize\n  variant: QuickReplyVariant\n  color:   QuickReplyColor\n  radius:  QuickReplyRadius\n}\n\nconst QuickReplyContext = React.createContext<QuickReplyContextValue>({\n  size:    'default',\n  variant: 'outline',\n  color:   'default',\n  radius:  'full',\n})\n\n// ============================================================================\n// Variants (CVA)\n// ============================================================================\n\nconst quickReplyRootVariants = cva(\n  'flex items-center',\n  {\n    variants: {\n      layout: {\n        scroll: 'overflow-x-auto',\n        wrap:   'flex-wrap',\n      },\n      gap: {\n        sm:      'gap-1.5',\n        default: 'gap-2',\n        lg:      'gap-2.5',\n      },\n    },\n    defaultVariants: {\n      layout:  'scroll',\n      gap:     'default',\n    },\n  }\n)\n\nconst quickReplyItemVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'whitespace-nowrap font-semibold shrink-0',\n    'transition-colors duration-fast cursor-pointer',\n    'focus-visible:outline-none focus-visible:focus-ring',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'select-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm:      'h-7 px-2.5 text-xs gap-1.5',    // 28px\n        default: 'h-8 px-3 text-sm gap-1.5',       // 32px\n        lg:      'h-9 px-3.5 text-md gap-1.5',     // 36px\n      },\n      radius: {\n        md:   'rounded-md',    // 6px\n        lg:   'rounded-lg',    // 8px\n        full: 'rounded-full',  // 9999px\n      },\n    },\n    defaultVariants: {\n      size:   'default',\n      radius: 'full',\n    },\n  }\n)\n\n// ============================================================================\n// Icon sizes per item size\n// ============================================================================\n\nconst iconSizeMap = {\n  sm:      'icon-xs',  // 14px\n  default: 'icon-xs',  // 14px\n  lg:      'icon-sm',  // 16px\n} as const\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type QuickReplyLayout  = 'scroll' | 'wrap'\nexport type QuickReplyVariant = 'outline' | 'filled' | 'ghost'\nexport type QuickReplyColor   = 'default' | 'primary'\nexport type QuickReplySize    = 'sm' | 'default' | 'lg'\nexport type QuickReplyRadius  = 'md' | 'lg' | 'full'\nexport type QuickReplyGap     = 'sm' | 'default' | 'lg'\n\nexport interface QuickReplyRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof quickReplyRootVariants> {\n  /** Layout mode: horizontal scroll or wrap to multiple rows */\n  layout?:  QuickReplyLayout\n  /** Visual style applied to all child Items */\n  variant?: QuickReplyVariant\n  /** Color theme applied to all child Items */\n  color?:   QuickReplyColor\n  /** Chip size applied to all child Items */\n  size?:    QuickReplySize\n  /** Border radius applied to all child Items */\n  radius?:  QuickReplyRadius\n  /** Gap between Items */\n  gap?:     QuickReplyGap\n}\n\nexport interface QuickReplyItemProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Leading icon (SVG or ReactNode) */\n  icon?:    React.ReactNode\n  /** Render as child element (Slot pattern) */\n  asChild?: boolean\n}\n\n// ============================================================================\n// QuickReply Root — group container that propagates style via Context\n// ============================================================================\n\nconst QuickReply = React.forwardRef<HTMLDivElement, QuickReplyRootProps>(\n  (\n    {\n      className,\n      layout  = 'scroll',\n      gap     = 'default',\n      variant = 'outline',\n      color   = 'default',\n      size    = 'default',\n      radius  = 'full',\n      role    = 'group',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const contextValue = React.useMemo<QuickReplyContextValue>(\n      () => ({ size, variant, color, radius }),\n      [size, variant, color, radius]\n    )\n\n    return (\n      <QuickReplyContext.Provider value={contextValue}>\n        <div\n          ref={ref}\n          role={role}\n          className={cn(quickReplyRootVariants({ layout, gap }), className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </QuickReplyContext.Provider>\n    )\n  }\n)\nQuickReply.displayName = 'QuickReply'\n\n// ============================================================================\n// QuickReply Item — individual chip button\n// ============================================================================\n\nconst QuickReplyItem = React.forwardRef<HTMLButtonElement, QuickReplyItemProps>(\n  ({ className, icon, asChild = false, children, ...props }, ref) => {\n    const { size, variant, color, radius } = React.useContext(QuickReplyContext)\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const Comp = asChild ? (Slot as any) : 'button'\n    const colorClasses = colorMap[color][variant]\n\n    return (\n      <Comp\n        ref={ref}\n        type={!asChild ? 'button' : undefined}\n        {...props}\n        className={cn(\n          quickReplyItemVariants({ size, radius }),\n          colorClasses,\n          className\n        )}\n      >\n        {icon && (\n          <span\n            className={cn('shrink-0 [&>svg]:w-full [&>svg]:h-full', iconSizeMap[size])}\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n      </Comp>\n    )\n  }\n)\nQuickReplyItem.displayName = 'QuickReplyItem'\n\nexport {\n  QuickReply,\n  QuickReplyItem,\n  quickReplyRootVariants,\n  quickReplyItemVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-L55ABE4H.mjs

@@ -0,0 +1,283 @@
+"use client";
+import {
+  useFieldContext,
+  useFieldControl
+} from "./chunk-T5A4APEL.mjs";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/select.tsx
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+var triggerRadiusMap = {
+  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 contentRadiusFromRoot = {
+  none: "md",
+  sm: "md",
+  base: "md",
+  default: "md",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "xl",
+  "3xl": "xl",
+  full: "xl"
+};
+var contentRadiusMap = {
+  md: "rounded-md",
+  // 6px
+  lg: "rounded-lg",
+  // 8px
+  xl: "rounded-xl"
+  // 12px
+};
+var itemRadiusMap = {
+  md: "rounded",
+  // 4px — perceptual balance (67%)
+  lg: "rounded-md",
+  // 6px — perceptual balance (75%)
+  xl: "rounded-lg"
+  // 8px — perceptual balance (67%)
+};
+var triggerSizeMap = {
+  xs: "h-9 px-3 text-sm",
+  // 36px
+  sm: "h-10 px-3 text-md",
+  // 40px
+  default: "h-11 px-4 text-base",
+  // 44px
+  lg: "h-12 px-4 text-base",
+  // 48px
+  xl: "h-14 px-4 text-base"
+  // 56px
+};
+var triggerIconSizeMap = {
+  xs: "icon-xs",
+  // 14px
+  sm: "icon-xs",
+  // 14px
+  default: "icon-sm",
+  // 16px
+  lg: "icon-sm",
+  // 16px
+  xl: "icon-sm"
+  // 16px
+};
+var itemSizeFromTrigger = {
+  xs: "sm",
+  sm: "sm",
+  default: "md",
+  lg: "md",
+  xl: "lg"
+};
+var itemSizeMap = {
+  sm: "pl-2 pr-6 py-1.5 text-sm",
+  md: "pl-3 pr-8 py-1.5 text-base",
+  lg: "pl-3 pr-10 py-2.5 text-base"
+};
+var indicatorSizeMap = {
+  sm: "right-2 h-3 w-3",
+  md: "right-2 h-3.5 w-3.5",
+  lg: "right-3 h-4 w-4"
+};
+var labelSizeMap = {
+  sm: "px-2 py-1.5 text-xs",
+  md: "px-2 py-1.5 text-xs",
+  lg: "px-3 py-2.5 text-xs"
+};
+var flushItemPaddingMap = {
+  sm: "pl-3 pr-7",
+  md: "pl-4 pr-9",
+  lg: "pl-4 pr-11"
+};
+var flushIndicatorSizeMap = {
+  sm: "right-3 h-3 w-3",
+  md: "right-3 h-3.5 w-3.5",
+  lg: "right-4 h-4 w-4"
+};
+var flushLabelPaddingMap = {
+  sm: "px-3",
+  md: "px-3",
+  lg: "px-4"
+};
+var SelectRootContext = React.createContext({ size: "default", radius: "default" });
+var SelectStyleContext = React.createContext({ contentRadius: "xl", itemSize: "md", flush: false });
+var Select = ({
+  size = "default",
+  radius = "default",
+  disabled,
+  ...props
+}) => {
+  const fieldContext = useFieldContext();
+  return /* @__PURE__ */ React.createElement(SelectRootContext.Provider, { value: { size, radius } }, /* @__PURE__ */ React.createElement(SelectPrimitive.Root, { disabled: disabled ?? fieldContext?.disabled, ...props }));
+};
+var SelectValue = SelectPrimitive.Value;
+var SelectGroup = SelectPrimitive.Group;
+var SelectTrigger = React.forwardRef(({ className, children, id, ...props }, ref) => {
+  const { size, radius } = React.useContext(SelectRootContext);
+  const fieldContext = useFieldContext();
+  useFieldControl("single", Boolean(fieldContext) && !id);
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Trigger,
+    {
+      ref,
+      id: id ?? fieldContext?.id,
+      className: cn(
+        "flex w-full items-center justify-between bg-background text-foreground hover:bg-background-muted",
+        "border border-border",
+        triggerRadiusMap[radius],
+        "transition-colors duration-micro outline-transparent",
+        "focus-visible:shadow-[0_0_0_2px_var(--color-focus-ring)] focus:[outline:2px_solid_transparent]",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[placeholder]:text-foreground/30",
+        triggerSizeMap[size],
+        className
+      ),
+      ...props
+    },
+    children,
+    /* @__PURE__ */ React.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        className: cn("ml-2 shrink-0 text-text-muted", triggerIconSizeMap[size]),
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        "aria-hidden": "true"
+      },
+      /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+    ))
+  );
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn("flex items-center justify-center py-1 cursor-default", className),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 15l7-7 7 7" }))
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn("flex items-center justify-center py-1 cursor-default", className),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }))
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React.forwardRef(({ className, children, position = "popper", sideOffset = 1, flush = false, onCloseAutoFocus, ...props }, ref) => {
+  const { size, radius } = React.useContext(SelectRootContext);
+  const itemSize = itemSizeFromTrigger[size];
+  const contentRadius = contentRadiusFromRoot[radius];
+  return /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React.createElement(SelectStyleContext.Provider, { value: { contentRadius, itemSize, flush } }, /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Content,
+    {
+      ref,
+      onCloseAutoFocus: (e) => {
+        e.preventDefault();
+        onCloseAutoFocus?.(e);
+      },
+      className: cn(
+        "relative z-popover min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background text-foreground shadow-lg",
+        flush ? "py-1" : "p-1",
+        contentRadiusMap[contentRadius],
+        position === "popper" && "max-h-[var(--radix-select-content-available-height)]",
+        className
+      ),
+      position,
+      sideOffset,
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(SelectScrollUpButton, null),
+    /* @__PURE__ */ React.createElement(
+      SelectPrimitive.Viewport,
+      {
+        className: cn(
+          position === "popper" && "h-[var(--radix-select-content-available-height)] w-full"
+        )
+      },
+      children
+    ),
+    /* @__PURE__ */ React.createElement(SelectScrollDownButton, null)
+  )));
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { contentRadius, itemSize, flush } = React.useContext(SelectStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full cursor-default select-none items-center outline-none",
+        itemSizeMap[itemSize],
+        !flush && itemRadiusMap[contentRadius],
+        flush && flushItemPaddingMap[itemSize],
+        "transition-colors duration-fast",
+        "focus:bg-background-muted",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, { className: "truncate" }, children),
+    /* @__PURE__ */ React.createElement("span", { className: cn("absolute flex items-center justify-center", flush ? flushIndicatorSizeMap[itemSize] : indicatorSizeMap[itemSize]) }, /* @__PURE__ */ React.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }))))
+  );
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectLabel = React.forwardRef(({ className, ...props }, ref) => {
+  const { itemSize, flush } = React.useContext(SelectStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Label,
+    {
+      ref,
+      className: cn(
+        "font-semibold text-text-muted",
+        labelSizeMap[itemSize],
+        flush && flushLabelPaddingMap[itemSize],
+        className
+      ),
+      ...props
+    }
+  );
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => {
+  const { flush } = React.useContext(SelectStyleContext);
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Separator,
+    {
+      ref,
+      className: cn("h-px bg-border my-1", !flush && "-mx-1", className),
+      ...props
+    }
+  );
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+export {
+  Select,
+  SelectValue,
+  SelectGroup,
+  SelectTrigger,
+  SelectContent,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator
+};
+//# sourceMappingURL=chunk-L55ABE4H.mjs.map