@7onic-ui/react 0.3.9 → 0.3.10

package/dist/chunk-IY3R2VGB.mjs

@@ -0,0 +1,272 @@
+"use client";
+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",
+  ...props
+}) => /* @__PURE__ */ React.createElement(SelectRootContext.Provider, { value: { size, radius } }, /* @__PURE__ */ React.createElement(SelectPrimitive.Root, { ...props }));
+var SelectValue = SelectPrimitive.Value;
+var SelectGroup = SelectPrimitive.Group;
+var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { size, radius } = React.useContext(SelectRootContext);
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Trigger,
+    {
+      ref,
+      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-IY3R2VGB.mjs.map

package/dist/chunk-IY3R2VGB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/select.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { cn } from '@/lib/utils'\n\n// Radius (matches Input — set at Root, propagates to Trigger and Content)\ntype SelectRadius = 'none' | 'sm' | 'base' | 'default' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'\n\nconst triggerRadiusMap: Record<SelectRadius, string> = {\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// Auto-mapping: root radius → content radius (3 levels)\ntype SelectContentRadius = 'md' | 'lg' | 'xl'\n\nconst contentRadiusFromRoot: Record<SelectRadius, SelectContentRadius> = {\n  none: 'md',\n  sm: 'md',\n  base: 'md',\n  default: 'md',\n  lg: 'lg',\n  xl: 'xl',\n  '2xl': 'xl',\n  '3xl': 'xl',\n  full: 'xl',\n}\n\nconst contentRadiusMap: Record<SelectContentRadius, string> = {\n  md: 'rounded-md',     // 6px\n  lg: 'rounded-lg',     // 8px\n  xl: 'rounded-xl',     // 12px\n}\n\nconst itemRadiusMap: Record<SelectContentRadius, string> = {\n  md: 'rounded',        // 4px — perceptual balance (67%)\n  lg: 'rounded-md',     // 6px — perceptual balance (75%)\n  xl: 'rounded-lg',     // 8px — perceptual balance (67%)\n}\n\n// Size variants (matches Input component)\ntype SelectSize = 'xs' | 'sm' | 'default' | 'lg' | 'xl'\n\n// Trigger sizes (identical to Input)\nconst triggerSizeMap: Record<SelectSize, string> = {\n  xs: 'h-9 px-3 text-sm',          // 36px\n  sm: 'h-10 px-3 text-md',         // 40px\n  default: 'h-11 px-4 text-base',  // 44px\n  lg: 'h-12 px-4 text-base',       // 48px\n  xl: 'h-14 px-4 text-base',       // 56px\n}\n\n// Trigger icon sizes (matches Input icon pattern)\nconst triggerIconSizeMap: Record<SelectSize, string> = {\n  xs: 'icon-xs',      // 14px\n  sm: 'icon-xs',      // 14px\n  default: 'icon-sm', // 16px\n  lg: 'icon-sm',      // 16px\n  xl: 'icon-sm',      // 16px\n}\n\n// Auto-mapping: trigger size → content item size (3 levels)\ntype SelectItemSize = 'sm' | 'md' | 'lg'\n\nconst itemSizeFromTrigger: Record<SelectSize, SelectItemSize> = {\n  xs: 'sm',\n  sm: 'sm',\n  default: 'md',\n  lg: 'md',\n  xl: 'lg',\n}\n\n// Item sizes (font matches Trigger for seamless selection, padding controls density)\nconst itemSizeMap: Record<SelectItemSize, string> = {\n  sm: 'pl-2 pr-6 py-1.5 text-sm',\n  md: 'pl-3 pr-8 py-1.5 text-base',\n  lg: 'pl-3 pr-10 py-2.5 text-base',\n}\n\n// Item indicator (check mark) — right-aligned\nconst indicatorSizeMap: Record<SelectItemSize, string> = {\n  sm: 'right-2 h-3 w-3',\n  md: 'right-2 h-3.5 w-3.5',\n  lg: 'right-3 h-4 w-4',\n}\n\n// Label sizes\nconst labelSizeMap: Record<SelectItemSize, string> = {\n  sm: 'px-2 py-1.5 text-xs',\n  md: 'px-2 py-1.5 text-xs',\n  lg: 'px-3 py-2.5 text-xs',\n}\n\n// Flush mode — items span full width, no inner radius\nconst flushItemPaddingMap: Record<SelectItemSize, string> = {\n  sm: 'pl-3 pr-7',\n  md: 'pl-4 pr-9',\n  lg: 'pl-4 pr-11',\n}\n\nconst flushIndicatorSizeMap: Record<SelectItemSize, string> = {\n  sm: 'right-3 h-3 w-3',\n  md: 'right-3 h-3.5 w-3.5',\n  lg: 'right-4 h-4 w-4',\n}\n\nconst flushLabelPaddingMap: Record<SelectItemSize, string> = {\n  sm: 'px-3',\n  md: 'px-3',\n  lg: 'px-4',\n}\n\n// Root context — set at Root, consumed by Trigger and Content\nconst SelectRootContext = React.createContext<{\n  size: SelectSize\n  radius: SelectRadius\n}>({ size: 'default', radius: 'default' })\n\n// Style context — set at Content, consumed by Item/Label\nconst SelectStyleContext = React.createContext<{\n  contentRadius: SelectContentRadius\n  itemSize: SelectItemSize\n  flush: boolean\n}>({ contentRadius: 'xl', itemSize: 'md', flush: false })\n\n// Root — state management + size/radius context\nconst Select = ({\n  size = 'default',\n  radius = 'default',\n  ...props\n}: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & {\n  size?: SelectSize\n  radius?: SelectRadius\n}) => (\n  <SelectRootContext.Provider value={{ size, radius }}>\n    <SelectPrimitive.Root {...props} />\n  </SelectRootContext.Provider>\n)\n\n// Value — displays selected value or placeholder\nconst SelectValue = SelectPrimitive.Value\n\n// Group — groups related items\nconst SelectGroup = SelectPrimitive.Group\n\n// Trigger — the element that opens the select (reads size + radius from context)\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => {\n  const { size, radius } = React.useContext(SelectRootContext)\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex w-full items-center justify-between bg-background text-foreground hover:bg-background-muted',\n        'border border-border',\n        triggerRadiusMap[radius],\n        'transition-colors duration-micro outline-transparent',\n        'focus-visible:shadow-[0_0_0_2px_var(--color-focus-ring)] focus:[outline:2px_solid_transparent]',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'data-[placeholder]:text-foreground/30',\n        triggerSizeMap[size],\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <svg\n          className={cn('ml-2 shrink-0 text-text-muted', triggerIconSizeMap[size])}\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      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n})\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\n// ScrollUpButton — scroll indicator at top\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn('flex items-center justify-center py-1 cursor-default', className)}\n    {...props}\n  >\n    <svg className=\"icon-xs\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 15l7-7 7 7\" />\n    </svg>\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\n// ScrollDownButton — scroll indicator at bottom\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn('flex items-center justify-center py-1 cursor-default', className)}\n    {...props}\n  >\n    <svg className=\"icon-xs\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName\n\n// Content — the floating panel (reads size + radius from context, auto-maps both)\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {\n    flush?: boolean\n  }\n>(({ className, children, position = 'popper', sideOffset = 1, flush = false, onCloseAutoFocus, ...props }, ref) => {\n  const { size, radius } = React.useContext(SelectRootContext)\n  const itemSize = itemSizeFromTrigger[size]\n  const contentRadius = contentRadiusFromRoot[radius]\n  return (\n    <SelectPrimitive.Portal>\n      <SelectStyleContext.Provider value={{ contentRadius, itemSize, flush }}>\n        <SelectPrimitive.Content\n          ref={ref}\n          onCloseAutoFocus={(e) => {\n            e.preventDefault()\n            onCloseAutoFocus?.(e)\n          }}\n          className={cn(\n            'relative z-popover min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background text-foreground shadow-lg',\n            flush ? 'py-1' : 'p-1',\n            contentRadiusMap[contentRadius],\n            position === 'popper' &&\n              'max-h-[var(--radix-select-content-available-height)]',\n            className\n          )}\n          position={position}\n          sideOffset={sideOffset}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.Viewport\n            className={cn(\n              position === 'popper' &&\n                'h-[var(--radix-select-content-available-height)] w-full'\n            )}\n          >\n            {children}\n          </SelectPrimitive.Viewport>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Content>\n      </SelectStyleContext.Provider>\n    </SelectPrimitive.Portal>\n  )\n})\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\n// Item — a single selectable item (with right-aligned check indicator)\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => {\n  const { contentRadius, itemSize, flush } = React.useContext(SelectStyleContext)\n  return (\n    <SelectPrimitive.Item\n      ref={ref}\n      className={cn(\n        'relative flex w-full cursor-default select-none items-center outline-none',\n        itemSizeMap[itemSize],\n        !flush && itemRadiusMap[contentRadius],\n        flush && flushItemPaddingMap[itemSize],\n        'transition-colors duration-fast',\n        'focus:bg-background-muted',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"truncate\">{children}</SelectPrimitive.ItemText>\n      <span className={cn('absolute flex items-center justify-center', flush ? flushIndicatorSizeMap[itemSize] : indicatorSizeMap[itemSize])}>\n        <SelectPrimitive.ItemIndicator>\n          <svg className=\"icon-xs\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={3} aria-hidden=\"true\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n          </svg>\n        </SelectPrimitive.ItemIndicator>\n      </span>\n    </SelectPrimitive.Item>\n  )\n})\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\n// Label — non-interactive group heading\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => {\n  const { itemSize, flush } = React.useContext(SelectStyleContext)\n  return (\n    <SelectPrimitive.Label\n      ref={ref}\n      className={cn(\n        'font-semibold text-text-muted',\n        labelSizeMap[itemSize],\n        flush && flushLabelPaddingMap[itemSize],\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\n// Separator — visual divider between groups\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n  const { flush } = React.useContext(SelectStyleContext)\n  return (\n    <SelectPrimitive.Separator\n      ref={ref}\n      className={cn('h-px bg-border my-1', !flush && '-mx-1', className)}\n      {...props}\n    />\n  )\n})\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport type { SelectRadius, SelectSize }\n\nexport {\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n  SelectGroup,\n  SelectLabel,\n  SelectSeparator,\n}\n"],"mappings":"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","names":[]}

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