@thangnqdev/ui 0.1.2 → 0.2.1

package/dist/{chunk-PF4ZHGVW.js → chunk-GXWB6BSY.js}

@@ -1,6 +1,6 @@
-import { buttonVariants, Button } from './chunk-66VWUJEI.js';
-import { __export, cn } from './chunk-4S6L5V7X.js';
-import React3, { forwardRef, createContext, useContext, useState, useRef, useEffect } from 'react';
+import { buttonVariants, Button } from './chunk-I2FQBMVW.js';
+import { __export, cn } from './chunk-2YJBW4E2.js';
+import React3, { forwardRef, createContext, useContext, useState, useRef, useId, useEffect } from 'react';
 import { cva } from 'class-variance-authority';
 import { Loader2, ChevronDown } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -215,9 +215,24 @@ var ToggleGroup = forwardRef(
 );
 ToggleGroup.displayName = "ToggleGroup";
 var SplitButton = forwardRef(
-  ({ className, items, onMainClick, variant = "primary", size = "md", children, disabled, ...props }, ref) => {
+  ({
+    className,
+    items,
+    onMainClick,
+    variant = "primary",
+    size = "md",
+    children,
+    disabled,
+    menuAriaLabel = "More actions",
+    ...props
+  }, ref) => {
     const [isOpen, setIsOpen] = useState(false);
+    const [focusedIndex, setFocusedIndex] = useState(0);
     const containerRef = useRef(null);
+    const triggerBtnRef = useRef(null);
+    const menuRef = useRef(null);
+    const menuId = `split-button-menu-${useId()}`;
+    const enabledItemsIndices = items.map((item, idx) => !item.disabled ? idx : -1).filter((idx) => idx !== -1);
     useEffect(() => {
       const handleOutside = (e) => {
         if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -229,6 +244,56 @@ var SplitButton = forwardRef(
       }
       return () => document.removeEventListener("mousedown", handleOutside);
     }, [isOpen]);
+    useEffect(() => {
+      if (isOpen && enabledItemsIndices.length > 0) {
+        setFocusedIndex(enabledItemsIndices[0]);
+        const timer = setTimeout(() => {
+          const itemEl = menuRef.current?.querySelector('[role="menuitem"]:not([aria-disabled="true"])');
+          itemEl?.focus();
+        }, 10);
+        return () => clearTimeout(timer);
+      }
+    }, [isOpen]);
+    const handleMenuKeyDown = (e) => {
+      if (!isOpen) return;
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        const currentPos = enabledItemsIndices.indexOf(focusedIndex);
+        const nextPos = (currentPos + 1) % enabledItemsIndices.length;
+        const nextIdx = enabledItemsIndices[nextPos];
+        setFocusedIndex(nextIdx);
+        const buttons = menuRef.current?.querySelectorAll('[role="menuitem"]');
+        buttons?.[nextIdx]?.focus();
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        const currentPos = enabledItemsIndices.indexOf(focusedIndex);
+        const prevPos = (currentPos - 1 + enabledItemsIndices.length) % enabledItemsIndices.length;
+        const prevIdx = enabledItemsIndices[prevPos];
+        setFocusedIndex(prevIdx);
+        const buttons = menuRef.current?.querySelectorAll('[role="menuitem"]');
+        buttons?.[prevIdx]?.focus();
+      } else if (e.key === "Home") {
+        e.preventDefault();
+        if (enabledItemsIndices.length > 0) {
+          const firstIdx = enabledItemsIndices[0];
+          setFocusedIndex(firstIdx);
+          const buttons = menuRef.current?.querySelectorAll('[role="menuitem"]');
+          buttons?.[firstIdx]?.focus();
+        }
+      } else if (e.key === "End") {
+        e.preventDefault();
+        if (enabledItemsIndices.length > 0) {
+          const lastIdx = enabledItemsIndices[enabledItemsIndices.length - 1];
+          setFocusedIndex(lastIdx);
+          const buttons = menuRef.current?.querySelectorAll('[role="menuitem"]');
+          buttons?.[lastIdx]?.focus();
+        }
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        setIsOpen(false);
+        triggerBtnRef.current?.focus();
+      }
+    };
     return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative inline-flex", className), children: [
       /* @__PURE__ */ jsxs("div", { ref, className: "inline-flex rounded-[var(--ui-radius-md)] shadow-sm", children: [
         /* @__PURE__ */ jsx(
@@ -246,39 +311,67 @@ var SplitButton = forwardRef(
         /* @__PURE__ */ jsx(
           Button,
           {
+            ref: triggerBtnRef,
             variant,
             size,
             disabled,
             onClick: () => setIsOpen(!isOpen),
+            onKeyDown: (e) => {
+              if (e.key === "ArrowDown") {
+                e.preventDefault();
+                setIsOpen(true);
+              }
+            },
             "aria-expanded": isOpen,
             "aria-haspopup": "menu",
-            className: "rounded-l-none px-2",
+            "aria-controls": isOpen ? menuId : void 0,
+            "aria-label": menuAriaLabel,
+            className: "rounded-l-none px-2 cursor-pointer",
             children: /* @__PURE__ */ jsx(ChevronDown, { className: cn("w-4 h-4 transition-transform duration-200", isOpen && "rotate-180") })
           }
         )
       ] }),
-      isOpen && /* @__PURE__ */ jsx("div", { className: "absolute top-full right-0 mt-1 w-48 rounded-[var(--ui-radius-md)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-lg py-1 z-50 animate-in fade-in zoom-in-95", children: items.map((item, i) => /* @__PURE__ */ jsxs(
-        "button",
+      isOpen && /* @__PURE__ */ jsx(
+        "div",
         {
-          type: "button",
-          disabled: item.disabled,
-          onClick: () => {
-            item.onClick();
-            setIsOpen(false);
-          },
-          className: "w-full flex items-center gap-2 px-3 py-2 text-left text-sm text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] disabled:opacity-50 disabled:pointer-events-none transition-colors",
-          children: [
-            item.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: item.icon }),
-            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label })
-          ]
-        },
-        i
-      )) })
+          ref: menuRef,
+          id: menuId,
+          role: "menu",
+          "aria-orientation": "vertical",
+          tabIndex: -1,
+          onKeyDown: handleMenuKeyDown,
+          className: "absolute top-full right-0 mt-1 w-48 rounded-[var(--ui-radius-md)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-lg py-1 z-50 animate-in fade-in zoom-in-95 focus:outline-none",
+          children: items.map((item, i) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              tabIndex: focusedIndex === i ? 0 : -1,
+              "aria-disabled": item.disabled,
+              disabled: item.disabled,
+              onClick: () => {
+                item.onClick();
+                setIsOpen(false);
+                triggerBtnRef.current?.focus();
+              },
+              className: cn(
+                "w-full flex items-center gap-2 px-3 py-2 text-left text-sm text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] focus:bg-[var(--ui-bg-tertiary)] focus:outline-none disabled:opacity-50 disabled:pointer-events-none transition-colors cursor-pointer",
+                focusedIndex === i && "bg-[var(--ui-bg-tertiary)]"
+              ),
+              children: [
+                item.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: item.icon }),
+                /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label })
+              ]
+            },
+            i
+          ))
+        }
+      )
     ] });
   }
 );
 SplitButton.displayName = "SplitButton";
 
 export { ButtonGroup, IconButton, SplitButton, ToggleButton, ToggleGroup, buttonGroupVariants, buttons_exports, iconButtonVariants, toggleVariants };
-//# sourceMappingURL=chunk-PF4ZHGVW.js.map
-//# sourceMappingURL=chunk-PF4ZHGVW.js.map
+//# sourceMappingURL=chunk-GXWB6BSY.js.map
+//# sourceMappingURL=chunk-GXWB6BSY.js.map

package/dist/chunk-GXWB6BSY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/buttons/index.ts","../src/buttons/IconButton.tsx","../src/buttons/ButtonGroup.tsx","../src/buttons/ToggleButton.tsx","../src/buttons/SplitButton.tsx"],"names":["cva","forwardRef","jsx","React"],"mappings":"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","file":"chunk-GXWB6BSY.js","sourcesContent":["export * from './Button';\nexport * from './IconButton';\nexport * from './ButtonGroup';\nexport * from './ToggleButton';\nexport * from './SplitButton';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Loader2 } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\nexport const iconButtonVariants = cva(\n  'inline-flex items-center justify-center font-medium transition-all duration-200 select-none cursor-pointer disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] focus-visible:ring-offset-2 active:scale-95',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-[var(--ui-primary)] text-[var(--ui-primary-fg)] hover:bg-[var(--ui-primary-hover)] shadow-sm',\n        secondary:\n          'bg-[var(--ui-secondary)] text-[var(--ui-secondary-fg)] hover:bg-[var(--ui-secondary-hover)] shadow-sm',\n        outline:\n          'border border-[var(--ui-border-default)] bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]',\n        ghost:\n          'bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]',\n        danger:\n          'bg-[var(--ui-error)] text-[var(--ui-error-fg)] hover:bg-[var(--ui-error)]/90 shadow-sm',\n      },\n      size: {\n        xs: 'w-7 h-7 text-xs rounded-[var(--ui-radius-sm)]',\n        sm: 'w-8 h-8 text-sm rounded-[var(--ui-radius-md)]',\n        md: 'w-10 h-10 text-base rounded-[var(--ui-radius-md)]',\n        lg: 'w-12 h-12 text-lg rounded-[var(--ui-radius-lg)]',\n      },\n      shape: {\n        rounded: '',\n        circle: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'ghost',\n      size: 'md',\n      shape: 'rounded',\n    },\n  }\n);\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButtonVariants> {\n  'aria-label': string;\n  icon?: React.ReactNode;\n  loading?: boolean;\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      shape,\n      icon,\n      loading = false,\n      disabled,\n      'aria-label': ariaLabel,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <button\n        ref={ref}\n        aria-label={ariaLabel}\n        disabled={disabled || loading}\n        className={cn(iconButtonVariants({ variant, size, shape }), className)}\n        {...props}\n      >\n        {loading ? <Loader2 className=\"w-4 h-4 animate-spin\" /> : icon || children}\n      </button>\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const buttonGroupVariants = cva('inline-flex', {\n  variants: {\n    orientation: {\n      horizontal:\n        'flex-row [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none [&>*:not(:last-child)]:border-r-0',\n      vertical:\n        'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none [&>*:not(:last-child)]:border-b-0',\n    },\n    attached: {\n      true: '',\n      false: 'gap-2',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    attached: true,\n  },\n});\n\nexport interface ButtonGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof buttonGroupVariants> {}\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  ({ className, orientation, attached, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        className={cn(buttonGroupVariants({ orientation, attached }), className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n","import React, { forwardRef, createContext, useContext } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const toggleVariants = cva(\n  'inline-flex items-center justify-center text-sm font-medium transition-colors hover:bg-[var(--ui-bg-tertiary)] hover:text-[var(--ui-text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent text-[var(--ui-text-secondary)]',\n        outline:\n          'border border-[var(--ui-border-default)] bg-transparent hover:bg-[var(--ui-bg-tertiary)]',\n      },\n      size: {\n        sm: 'h-8 px-2.5 text-xs rounded-[var(--ui-radius-sm)]',\n        md: 'h-9 px-3 text-sm rounded-[var(--ui-radius-md)]',\n        lg: 'h-10 px-4 text-base rounded-[var(--ui-radius-md)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\ninterface ToggleGroupContextType {\n  value?: string | string[];\n  onChange?: (val: string) => void;\n  variant?: 'default' | 'outline';\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextType>({});\n\nexport interface ToggleButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof toggleVariants> {\n  pressed?: boolean;\n  value?: string;\n}\n\nexport const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>(\n  ({ className, pressed: customPressed, variant, size, value, onClick, children, ...props }, ref) => {\n    const group = useContext(ToggleGroupContext);\n\n    const isPressed =\n      customPressed !== undefined\n        ? customPressed\n        : group.value !== undefined && value !== undefined\n        ? Array.isArray(group.value)\n          ? group.value.includes(value)\n          : group.value === value\n        : false;\n\n    const currentVariant = variant || group.variant || 'default';\n    const currentSize = size || group.size || 'md';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (value && group.onChange) {\n        group.onChange(value);\n      }\n      onClick?.(e);\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-pressed={isPressed}\n        data-state={isPressed ? 'on' : 'off'}\n        onClick={handleClick}\n        className={cn(\n          toggleVariants({ variant: currentVariant, size: currentSize }),\n          isPressed &&\n            'bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)] font-semibold shadow-inner border-[var(--ui-border-strong)]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  }\n);\nToggleButton.displayName = 'ToggleButton';\n\nexport interface ToggleGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  type?: 'single' | 'multiple';\n  value?: string | string[];\n  defaultValue?: string | string[];\n  onValueChange?: (value: any) => void;\n  variant?: 'default' | 'outline';\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(\n  (\n    {\n      className,\n      type = 'single',\n      value: controlledValue,\n      defaultValue,\n      onValueChange,\n      variant = 'outline',\n      size = 'md',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [stateValue, setStateValue] = React.useState<string | string[]>(\n      defaultValue || (type === 'multiple' ? [] : '')\n    );\n\n    const currentValue = controlledValue !== undefined ? controlledValue : stateValue;\n\n    const handleItemChange = (itemValue: string) => {\n      if (type === 'single') {\n        const next = currentValue === itemValue ? '' : itemValue;\n        setStateValue(next);\n        onValueChange?.(next);\n      } else {\n        const arr = Array.isArray(currentValue) ? currentValue : [];\n        const next = arr.includes(itemValue)\n          ? arr.filter((v) => v !== itemValue)\n          : [...arr, itemValue];\n        setStateValue(next);\n        onValueChange?.(next);\n      }\n    };\n\n    return (\n      <ToggleGroupContext.Provider\n        value={{\n          value: currentValue,\n          onChange: handleItemChange,\n          variant,\n          size,\n        }}\n      >\n        <div\n          ref={ref}\n          role=\"group\"\n          className={cn(\n            'inline-flex items-center gap-1 rounded-[var(--ui-radius-md)] p-1 bg-[var(--ui-bg-secondary)] border border-[var(--ui-border-subtle)]',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </ToggleGroupContext.Provider>\n    );\n  }\n);\nToggleGroup.displayName = 'ToggleGroup';\n","import React, { forwardRef, useState, useRef, useEffect, useId } from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport { Button, ButtonProps } from './Button';\nimport { cn } from '../utils/cn';\n\nexport interface SplitButtonItem {\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  onClick: () => void;\n  disabled?: boolean;\n}\n\nexport interface SplitButtonProps extends Omit<ButtonProps, 'onClick'> {\n  items: SplitButtonItem[];\n  onMainClick?: () => void;\n  menuAriaLabel?: string;\n}\n\nexport const SplitButton = forwardRef<HTMLDivElement, SplitButtonProps>(\n  (\n    {\n      className,\n      items,\n      onMainClick,\n      variant = 'primary',\n      size = 'md',\n      children,\n      disabled,\n      menuAriaLabel = 'More actions',\n      ...props\n    },\n    ref\n  ) => {\n    const [isOpen, setIsOpen] = useState(false);\n    const [focusedIndex, setFocusedIndex] = useState<number>(0);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const triggerBtnRef = useRef<HTMLButtonElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n    const menuId = `split-button-menu-${useId()}`;\n\n    const enabledItemsIndices = items\n      .map((item, idx) => (!item.disabled ? idx : -1))\n      .filter((idx) => idx !== -1);\n\n    useEffect(() => {\n      const handleOutside = (e: MouseEvent) => {\n        if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n          setIsOpen(false);\n        }\n      };\n      if (isOpen) {\n        document.addEventListener('mousedown', handleOutside);\n      }\n      return () => document.removeEventListener('mousedown', handleOutside);\n    }, [isOpen]);\n\n    // Auto-focus first item when menu opens\n    useEffect(() => {\n      if (isOpen && enabledItemsIndices.length > 0) {\n        setFocusedIndex(enabledItemsIndices[0]);\n        const timer = setTimeout(() => {\n          const itemEl = menuRef.current?.querySelector<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])');\n          itemEl?.focus();\n        }, 10);\n        return () => clearTimeout(timer);\n      }\n    }, [isOpen]);\n\n    const handleMenuKeyDown = (e: React.KeyboardEvent) => {\n      if (!isOpen) return;\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        const currentPos = enabledItemsIndices.indexOf(focusedIndex);\n        const nextPos = (currentPos + 1) % enabledItemsIndices.length;\n        const nextIdx = enabledItemsIndices[nextPos];\n        setFocusedIndex(nextIdx);\n        const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\n        buttons?.[nextIdx]?.focus();\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        const currentPos = enabledItemsIndices.indexOf(focusedIndex);\n        const prevPos = (currentPos - 1 + enabledItemsIndices.length) % enabledItemsIndices.length;\n        const prevIdx = enabledItemsIndices[prevPos];\n        setFocusedIndex(prevIdx);\n        const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\n        buttons?.[prevIdx]?.focus();\n      } else if (e.key === 'Home') {\n        e.preventDefault();\n        if (enabledItemsIndices.length > 0) {\n          const firstIdx = enabledItemsIndices[0];\n          setFocusedIndex(firstIdx);\n          const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\n          buttons?.[firstIdx]?.focus();\n        }\n      } else if (e.key === 'End') {\n        e.preventDefault();\n        if (enabledItemsIndices.length > 0) {\n          const lastIdx = enabledItemsIndices[enabledItemsIndices.length - 1];\n          setFocusedIndex(lastIdx);\n          const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\n          buttons?.[lastIdx]?.focus();\n        }\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        setIsOpen(false);\n        triggerBtnRef.current?.focus();\n      }\n    };\n\n    return (\n      <div ref={containerRef} className={cn('relative inline-flex', className)}>\n        <div ref={ref} className=\"inline-flex rounded-[var(--ui-radius-md)] shadow-sm\">\n          <Button\n            variant={variant}\n            size={size}\n            disabled={disabled}\n            onClick={onMainClick}\n            className=\"rounded-r-none border-r border-white/20 dark:border-black/20\"\n            {...props}\n          >\n            {children}\n          </Button>\n\n          <Button\n            ref={triggerBtnRef}\n            variant={variant}\n            size={size}\n            disabled={disabled}\n            onClick={() => setIsOpen(!isOpen)}\n            onKeyDown={(e) => {\n              if (e.key === 'ArrowDown') {\n                e.preventDefault();\n                setIsOpen(true);\n              }\n            }}\n            aria-expanded={isOpen}\n            aria-haspopup=\"menu\"\n            aria-controls={isOpen ? menuId : undefined}\n            aria-label={menuAriaLabel}\n            className=\"rounded-l-none px-2 cursor-pointer\"\n          >\n            <ChevronDown className={cn('w-4 h-4 transition-transform duration-200', isOpen && 'rotate-180')} />\n          </Button>\n        </div>\n\n        {isOpen && (\n          <div\n            ref={menuRef}\n            id={menuId}\n            role=\"menu\"\n            aria-orientation=\"vertical\"\n            tabIndex={-1}\n            onKeyDown={handleMenuKeyDown}\n            className=\"absolute top-full right-0 mt-1 w-48 rounded-[var(--ui-radius-md)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-lg py-1 z-50 animate-in fade-in zoom-in-95 focus:outline-none\"\n          >\n            {items.map((item, i) => (\n              <button\n                key={i}\n                type=\"button\"\n                role=\"menuitem\"\n                tabIndex={focusedIndex === i ? 0 : -1}\n                aria-disabled={item.disabled}\n                disabled={item.disabled}\n                onClick={() => {\n                  item.onClick();\n                  setIsOpen(false);\n                  triggerBtnRef.current?.focus();\n                }}\n                className={cn(\n                  'w-full flex items-center gap-2 px-3 py-2 text-left text-sm text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] focus:bg-[var(--ui-bg-tertiary)] focus:outline-none disabled:opacity-50 disabled:pointer-events-none transition-colors cursor-pointer',\n                  focusedIndex === i && 'bg-[var(--ui-bg-tertiary)]'\n                )}\n              >\n                {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\n                <span className=\"flex-1 truncate\">{item.label}</span>\n              </button>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nSplitButton.displayName = 'SplitButton';\n"]}

package/dist/{chunk-66VWUJEI.js → chunk-I2FQBMVW.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-4S6L5V7X.js';
+import { cn } from './chunk-2YJBW4E2.js';
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { Loader2 } from 'lucide-react';
@@ -82,5 +82,5 @@ var Button = forwardRef(
 Button.displayName = "Button";
 
 export { Button, buttonVariants };
-//# sourceMappingURL=chunk-66VWUJEI.js.map
-//# sourceMappingURL=chunk-66VWUJEI.js.map
+//# sourceMappingURL=chunk-I2FQBMVW.js.map
+//# sourceMappingURL=chunk-I2FQBMVW.js.map

package/dist/chunk-I2FQBMVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/buttons/Button.tsx"],"names":[],"mappings":";;;;;;AAKO,IAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B,oSAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,sJAAA;AAAA,QACF,SAAA,EACE,4IAAA;AAAA,QACF,OAAA,EACE,wMAAA;AAAA,QACF,KAAA,EACE,kFAAA;AAAA,QACF,MAAA,EACE,+IAAA;AAAA,QACF,IAAA,EACE,oHAAA;AAAA,QACF,KAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wDAAA;AAAA,QACJ,EAAA,EAAI,4DAAA;AAAA,QACJ,EAAA,EAAI,uEAAA;AAAA,QACJ,EAAA,EAAI,yEAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,QAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,SAAA,EAAW;AAAA;AACb;AAEJ;AAWO,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,KAAA;AAAA,IACV,WAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,aAAa,QAAA,IAAY,OAAA;AAE/B,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,QACpE,GAAG,KAAA;AAAA,QAGJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,MAAA;AAAA,cACZ,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,UAEC,0BACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,sBAAA,EAAuB,CAAA;AAAA,4BAC1C,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,WAAA,IAAe,QAAA,EAAS;AAAA,WAAA,EACjC,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,YAAA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,4BAChF,GAAA,CAAC,UAAM,QAAA,EAAS,CAAA;AAAA,YACf,SAAA,oBAAa,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0CAA0C,QAAA,EAAA,SAAA,EAAU;AAAA,WAAA,EACpF;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-I2FQBMVW.js","sourcesContent":["import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Loader2 } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\nexport const buttonVariants = cva(\n  'relative inline-flex items-center justify-center font-medium transition-all duration-200 select-none cursor-pointer disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[var(--ui-primary)]/30 active:scale-[0.97] overflow-hidden',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-[var(--ui-primary)] hover:bg-[var(--ui-primary-hover)] text-white shadow-sm hover:shadow-[0_4px_16px_rgba(0,113,227,0.35)] border border-white/20',\n        secondary:\n          'bg-[var(--ui-bg-tertiary)] hover:bg-[var(--ui-bg-surface)] text-[var(--ui-text-primary)] border border-[var(--ui-border-subtle)] shadow-sm',\n        outline:\n          'border border-[var(--ui-border-default)] bg-[var(--ui-bg-surface)]/60 backdrop-blur-xl text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] hover:border-[var(--ui-border-strong)] shadow-sm',\n        ghost:\n          'bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]/70',\n        danger:\n          'bg-[var(--ui-error)] hover:bg-[var(--ui-error)]/90 text-white shadow-sm hover:shadow-[0_4px_16px_rgba(255,59,48,0.35)] border border-white/15',\n        link:\n          'bg-transparent text-[var(--ui-primary)] underline-offset-4 hover:underline p-0 h-auto active:scale-100 font-normal',\n        glass:\n          'bg-white/10 dark:bg-white/10 backdrop-blur-2xl border border-white/20 dark:border-white/15 text-[var(--ui-text-primary)] hover:bg-white/20 dark:hover:bg-white/15 shadow-[0_8px_32px_rgba(0,0,0,0.12)] hover:shadow-[0_8px_32px_rgba(0,113,227,0.25)]',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs rounded-[var(--ui-radius-sm)] gap-1',\n        sm: 'h-8.5 px-3.5 text-xs rounded-[var(--ui-radius-md)] gap-1.5',\n        md: 'h-10 px-4.5 text-sm rounded-[var(--ui-radius-md)] gap-2 font-semibold',\n        lg: 'h-12 px-6 text-base rounded-[var(--ui-radius-lg)] gap-2.5 font-semibold',\n        xl: 'h-14 px-8 text-lg rounded-[var(--ui-radius-xl)] gap-3 font-bold',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n      fullWidth: false,\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n  loadingText?: string;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      fullWidth,\n      loading = false,\n      loadingText,\n      leftIcon,\n      rightIcon,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isDisabled = disabled || loading;\n\n    return (\n      <button\n        ref={ref}\n        disabled={isDisabled}\n        className={cn(buttonVariants({ variant, size, fullWidth }), className)}\n        {...props}\n      >\n        {/* Apple subtle top specular highlight */}\n        <span\n          aria-hidden=\"true\"\n          className=\"absolute inset-x-0 top-0 h-[1px] bg-gradient-to-r from-transparent via-white/35 to-transparent pointer-events-none\"\n        />\n\n        {loading ? (\n          <>\n            <Loader2 className=\"w-4 h-4 animate-spin\" />\n            <span>{loadingText || children}</span>\n          </>\n        ) : (\n          <>\n            {leftIcon && <span className=\"flex-shrink-0 inline-flex items-center\">{leftIcon}</span>}\n            <span>{children}</span>\n            {rightIcon && <span className=\"flex-shrink-0 inline-flex items-center\">{rightIcon}</span>}\n          </>\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"]}

package/dist/{chunk-EU2LPUYP.js → chunk-I5O2WCGF.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-4S6L5V7X.js';
+import { cn } from './chunk-2YJBW4E2.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -21,5 +21,5 @@ var Kbd = forwardRef(
 Kbd.displayName = "Kbd";
 
 export { Kbd };
-//# sourceMappingURL=chunk-EU2LPUYP.js.map
-//# sourceMappingURL=chunk-EU2LPUYP.js.map
+//# sourceMappingURL=chunk-I5O2WCGF.js.map
+//# sourceMappingURL=chunk-I5O2WCGF.js.map

package/dist/chunk-I5O2WCGF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/typography/Kbd.tsx"],"names":[],"mappings":";;;;AAOO,IAAM,GAAA,GAAM,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC1C,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,6OAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA","file":"chunk-I5O2WCGF.js","sourcesContent":["import React, { forwardRef } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <kbd\n        ref={ref}\n        className={cn(\n          'pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--ui-border-default)] bg-[var(--ui-bg-tertiary)] px-1.5 font-mono text-[10px] font-semibold text-[var(--ui-text-muted)] opacity-100 shadow-sm',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </kbd>\n    );\n  }\n);\n\nKbd.displayName = 'Kbd';\n"]}

package/dist/{chunk-ATYGDTMK.js → chunk-ME4XILG5.js}

@@ -1,6 +1,6 @@
-import { labelVariants, Label } from './chunk-GXI2H5XA.js';
-import { Kbd } from './chunk-EU2LPUYP.js';
-import { __export, cn } from './chunk-4S6L5V7X.js';
+import { labelVariants, Label } from './chunk-D7FB3TCA.js';
+import { Kbd } from './chunk-I5O2WCGF.js';
+import { __export, cn } from './chunk-2YJBW4E2.js';
 import { forwardRef, useState } from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -253,5 +253,5 @@ var Blockquote = forwardRef(
 Blockquote.displayName = "Blockquote";
 
 export { Blockquote, Code, CodeBlock, Heading, Link, Text, headingVariants, linkVariants, textVariants, typography_exports };
-//# sourceMappingURL=chunk-ATYGDTMK.js.map
-//# sourceMappingURL=chunk-ATYGDTMK.js.map
+//# sourceMappingURL=chunk-ME4XILG5.js.map
+//# sourceMappingURL=chunk-ME4XILG5.js.map

package/dist/chunk-ME4XILG5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/typography/index.ts","../src/typography/Heading.tsx","../src/typography/Text.tsx","../src/typography/Link.tsx","../src/typography/Code.tsx","../src/typography/Blockquote.tsx"],"names":["cva","forwardRef","jsx","jsxs"],"mappings":"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","file":"chunk-ME4XILG5.js","sourcesContent":["export * from './Heading';\nexport * from './Text';\nexport * from './Label';\nexport * from './Link';\nexport * from './Code';\nexport * from './Blockquote';\nexport * from './Kbd';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const headingVariants = cva('font-bold tracking-tight text-[var(--ui-text-primary)]', {\n  variants: {\n    size: {\n      h1: 'text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight',\n      h2: 'text-3xl sm:text-4xl font-bold tracking-tight',\n      h3: 'text-2xl sm:text-3xl font-bold tracking-tight',\n      h4: 'text-xl sm:text-2xl font-semibold',\n      h5: 'text-lg sm:text-xl font-semibold',\n      h6: 'text-base sm:text-lg font-medium',\n    },\n    weight: {\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n      extrabold: 'font-extrabold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    size: 'h2',\n    align: 'left',\n  },\n});\n\nexport interface HeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    VariantProps<typeof headingVariants> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';\n}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\n  ({ className, size = 'h2', weight, align, as, children, ...props }, ref) => {\n    const Component = (as || size || 'h2') as React.ElementType;\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(headingVariants({ size, weight, align }), className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nHeading.displayName = 'Heading';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const textVariants = cva('leading-relaxed', {\n  variants: {\n    variant: {\n      body: 'text-base text-[var(--ui-text-primary)]',\n      lead: 'text-lg sm:text-xl text-[var(--ui-text-secondary)] font-normal leading-relaxed',\n      muted: 'text-sm text-[var(--ui-text-muted)]',\n      small: 'text-xs text-[var(--ui-text-secondary)] font-normal',\n      caption: 'text-xs text-[var(--ui-text-muted)] uppercase tracking-wider font-semibold',\n      destructive: 'text-sm text-[var(--ui-error)] font-medium',\n      success: 'text-sm text-[var(--ui-success)] font-medium',\n    },\n    weight: {\n      light: 'font-light',\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n      justify: 'text-justify',\n    },\n    truncate: {\n      true: 'truncate',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'body',\n    weight: 'normal',\n    align: 'left',\n    truncate: false,\n  },\n});\n\nexport interface TextProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof textVariants> {\n  as?: React.ElementType;\n}\n\nexport const Text = forwardRef<HTMLElement, TextProps>(\n  ({ className, variant, weight, align, truncate, as: Component = 'p', children, ...props }, ref) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(textVariants({ variant, weight, align, truncate }), className)}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = 'Text';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\nexport const linkVariants = cva(\n  'inline-flex items-center gap-1 font-medium transition-colors cursor-pointer text-[var(--ui-primary)] hover:text-[var(--ui-primary-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] rounded-sm',\n  {\n    variants: {\n      underline: {\n        always: 'underline underline-offset-4',\n        hover: 'hover:underline underline-offset-4',\n        none: 'no-underline',\n      },\n      variant: {\n        primary: 'text-[var(--ui-primary)] hover:text-[var(--ui-primary-hover)]',\n        secondary: 'text-[var(--ui-text-secondary)] hover:text-[var(--ui-text-primary)]',\n        muted: 'text-[var(--ui-text-muted)] hover:text-[var(--ui-text-secondary)]',\n      },\n    },\n    defaultVariants: {\n      underline: 'hover',\n      variant: 'primary',\n    },\n  }\n);\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement>,\n    VariantProps<typeof linkVariants> {\n  external?: boolean;\n  showExternalIcon?: boolean;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ className, underline, variant, external, showExternalIcon = true, children, ...props }, ref) => {\n    const isExternal = external ?? (props.href?.startsWith('http') || props.target === '_blank');\n\n    return (\n      <a\n        ref={ref}\n        target={isExternal ? '_blank' : props.target}\n        rel={isExternal ? 'noopener noreferrer' : props.rel}\n        className={cn(linkVariants({ underline, variant }), className)}\n        {...props}\n      >\n        {children}\n        {isExternal && showExternalIcon && (\n          <ExternalLink className=\"w-3.5 h-3.5 opacity-70 inline-block ml-0.5 flex-shrink-0\" />\n        )}\n      </a>\n    );\n  }\n);\n\nLink.displayName = 'Link';\n","import React, { forwardRef, useState } from 'react';\nimport { Copy, Check } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\nexport interface CodeProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\nexport const Code = forwardRef<HTMLElement, CodeProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <code\n        ref={ref}\n        className={cn(\n          'relative rounded bg-[var(--ui-bg-tertiary)] px-[0.35rem] py-[0.15rem] font-mono text-sm font-semibold text-[var(--ui-text-primary)] border border-[var(--ui-border-subtle)]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </code>\n    );\n  }\n);\nCode.displayName = 'Code';\n\nexport interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {\n  code: string;\n  language?: string;\n  copyable?: boolean;\n}\n\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(\n  ({ className, code, language = 'bash', copyable = true, ...props }, ref) => {\n    const [copied, setCopied] = useState(false);\n\n    const handleCopy = async () => {\n      try {\n        await navigator.clipboard.writeText(code);\n        setCopied(true);\n        setTimeout(() => setCopied(false), 2000);\n      } catch (err) {\n        console.error('Failed to copy text', err);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'relative rounded-lg border border-[var(--ui-border-subtle)] bg-[var(--ui-bg-secondary)] overflow-hidden font-mono text-sm shadow-sm',\n          className\n        )}\n        {...props}\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-4 py-2 bg-[var(--ui-bg-tertiary)]/50 border-b border-[var(--ui-border-subtle)] text-xs text-[var(--ui-text-muted)] select-none\">\n          <span className=\"font-semibold uppercase tracking-wider\">{language}</span>\n          {copyable && (\n            <button\n              type=\"button\"\n              onClick={handleCopy}\n              className=\"flex items-center gap-1 hover:text-[var(--ui-text-primary)] transition-colors p-1 rounded hover:bg-[var(--ui-bg-surface)]\"\n              aria-label={copied ? 'Copied code' : 'Copy code to clipboard'}\n            >\n              {copied ? (\n                <>\n                  <Check className=\"w-3.5 h-3.5 text-[var(--ui-success)]\" />\n                  <span className=\"text-[var(--ui-success)] text-[11px]\">Copied</span>\n                </>\n              ) : (\n                <>\n                  <Copy className=\"w-3.5 h-3.5\" />\n                  <span className=\"text-[11px]\">Copy</span>\n                </>\n              )}\n            </button>\n          )}\n        </div>\n\n        {/* Code Content */}\n        <pre className=\"p-4 overflow-x-auto text-[var(--ui-text-primary)] leading-relaxed\">\n          <code>{code}</code>\n        </pre>\n      </div>\n    );\n  }\n);\nCodeBlock.displayName = 'CodeBlock';\n","import React, { forwardRef } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {\n  citeAuthor?: string;\n  citeSource?: string;\n}\n\nexport const Blockquote = forwardRef<HTMLQuoteElement, BlockquoteProps>(\n  ({ className, citeAuthor, citeSource, children, ...props }, ref) => {\n    return (\n      <blockquote\n        ref={ref}\n        className={cn(\n          'mt-6 border-l-4 border-[var(--ui-primary)] pl-6 italic text-[var(--ui-text-secondary)] space-y-2',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"text-base sm:text-lg\">{children}</div>\n        {(citeAuthor || citeSource) && (\n          <footer className=\"not-italic text-xs font-semibold text-[var(--ui-text-muted)] tracking-wider\">\n            {citeAuthor && <span>— {citeAuthor}</span>}\n            {citeSource && <span className=\"opacity-75 ml-1\">({citeSource})</span>}\n          </footer>\n        )}\n      </blockquote>\n    );\n  }\n);\n\nBlockquote.displayName = 'Blockquote';\n"]}