@humain/ui 2.2.6 → 2.2.9

package/dist/wc-react/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","names":[],"sources":["../../src/components/molecules/data/Kbd/Kbd.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// Variants\n// ============================================\n\nexport const kbdVariants = cva(\n  'pointer-events-none inline-flex items-center justify-center select-none font-sans font-medium',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-muted text-muted-foreground border border-border rounded-sm shadow-[var(--shadow-kbd-default)]',\n        ghost: 'bg-transparent text-muted-foreground',\n        outline:\n          'bg-transparent border border-border text-muted-foreground rounded-sm shadow-[var(--shadow-kbd-outline)]',\n        solid:\n          'bg-card/60 border border-border text-muted-foreground rounded shadow-[var(--shadow-kbd-default)]',\n        tooltip:\n          'bg-background/20 text-background dark:bg-background/10 rounded-sm',\n        footer:\n          'bg-background border border-border text-text-quaternary rounded-md shadow-[var(--shadow-kbd-footer)]',\n      },\n      size: {\n        xs: 'h-4 min-w-4 px-0.5 text-[10px]',\n        sm: 'h-5 min-w-5 px-1 text-xs',\n        md: 'h-6 min-w-6 px-1.5 text-sm',\n        lg: 'h-7 min-w-7 px-2 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'sm',\n    },\n  },\n);\n\nexport const kbdGroupVariants = cva('inline-flex items-center', {\n  variants: {\n    gap: {\n      none: 'gap-0',\n      xs: 'gap-0.5',\n      sm: 'gap-1',\n      md: 'gap-1.5',\n      lg: 'gap-2',\n    },\n  },\n  defaultVariants: {\n    gap: 'sm',\n  },\n});\n\n// ============================================\n// Types\n// ============================================\n\nexport interface KbdProps\n  extends React.ComponentProps<'kbd'>,\n    VariantProps<typeof kbdVariants> {\n  /** Icon to display before the key */\n  icon?: React.ReactNode;\n  /** Icon to display after the key */\n  iconAfter?: React.ReactNode;\n}\n\nexport interface KbdGroupProps\n  extends React.ComponentProps<'span'>,\n    VariantProps<typeof kbdGroupVariants> {}\n\n// ============================================\n// Kbd Component\n// ============================================\n\n/**\n * Keyboard key indicator component for displaying keyboard shortcuts.\n *\n * @example\n * // Basic usage\n * <Kbd>⌘K</Kbd>\n *\n * @example\n * // With variant and size\n * <Kbd variant=\"solid\" size=\"md\">⌘</Kbd>\n *\n * @example\n * // With icon\n * <Kbd icon={<ArrowUp />} />\n */\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\n  ({ className, variant, size, icon, iconAfter, children, ...props }, ref) => {\n    return (\n      <kbd\n        ref={ref}\n        data-slot=\"kbd\"\n        className={cn(kbdVariants({ variant, size }), className)}\n        {...props}\n      >\n        {icon && (\n          <span\n            aria-hidden=\"true\"\n            className=\"shrink-0 [&_svg:not([class*='size-'])]:size-3\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {iconAfter && (\n          <span\n            aria-hidden=\"true\"\n            className=\"shrink-0 [&_svg:not([class*='size-'])]:size-3\"\n          >\n            {iconAfter}\n          </span>\n        )}\n      </kbd>\n    );\n  },\n);\nKbd.displayName = 'Kbd';\n\n// ============================================\n// KbdGroup Component\n// ============================================\n\n/**\n * Group multiple Kbd components together with consistent spacing.\n *\n * @example\n * <KbdGroup>\n *   <Kbd>⌘</Kbd>\n *   <Kbd>K</Kbd>\n * </KbdGroup>\n */\nconst KbdGroup = React.forwardRef<HTMLSpanElement, KbdGroupProps>(\n  ({ className, gap, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"kbd-group\"\n        className={cn(kbdGroupVariants({ gap }), className)}\n        {...props}\n      />\n    );\n  },\n);\nKbdGroup.displayName = 'KbdGroup';\n\n// ============================================\n// Shortcut Component (convenience wrapper)\n// ============================================\n\nexport interface ShortcutProps extends Omit<KbdProps, 'children'> {\n  /** Array of keys to display (e.g., ['⌘', 'K']) */\n  keys: (string | React.ReactNode)[];\n  /** Separator between keys (defaults to none, keys are grouped) */\n  separator?: React.ReactNode;\n}\n\nfunction getShortcutPartKey(\n  key: string | React.ReactNode,\n  position: number,\n): string {\n  return `${position}:${typeof key === 'string' ? key : 'node'}`;\n}\n\n/**\n * Convenience component for displaying keyboard shortcuts with multiple keys.\n *\n * @example\n * // Simple shortcut\n * <Shortcut keys={['⌘', 'K']} />\n *\n * @example\n * // With separator\n * <Shortcut keys={['⌘', 'Shift', 'P']} separator=\"+\" />\n */\nconst Shortcut = React.forwardRef<HTMLSpanElement, ShortcutProps>(\n  ({ keys, separator, className, variant, size, ...props }, ref) => {\n    if (separator) {\n      return (\n        <KbdGroup ref={ref} gap=\"xs\" className={className}>\n          {keys.map((key, position) => (\n            <React.Fragment key={getShortcutPartKey(key, position)}>\n              <Kbd variant={variant} size={size} {...props}>\n                {key}\n              </Kbd>\n              {position < keys.length - 1 && (\n                <span className=\"text-muted-foreground text-xs\">\n                  {separator}\n                </span>\n              )}\n            </React.Fragment>\n          ))}\n        </KbdGroup>\n      );\n    }\n\n    return (\n      <KbdGroup ref={ref} gap=\"xs\" className={className}>\n        {keys.map((key, position) => (\n          <Kbd\n            key={getShortcutPartKey(key, position)}\n            variant={variant}\n            size={size}\n            {...props}\n          >\n            {key}\n          </Kbd>\n        ))}\n      </KbdGroup>\n    );\n  },\n);\nShortcut.displayName = 'Shortcut';\n\n// ============================================\n// Platform-aware helpers\n// ============================================\n\n/**\n * Common keyboard key symbols for macOS\n */\nexport const MAC_KEYS = {\n  cmd: '⌘',\n  command: '⌘',\n  ctrl: '⌃',\n  control: '⌃',\n  alt: '⌥',\n  option: '⌥',\n  shift: '⇧',\n  enter: '↵',\n  return: '↵',\n  backspace: '⌫',\n  delete: '⌦',\n  tab: '⇥',\n  esc: 'esc',\n  escape: 'esc',\n  up: '↑',\n  down: '↓',\n  left: '←',\n  right: '→',\n  space: '␣',\n} as const;\n\n/**\n * Common keyboard key symbols for Windows/Linux\n */\nexport const WIN_KEYS = {\n  cmd: 'Ctrl',\n  command: 'Ctrl',\n  ctrl: 'Ctrl',\n  control: 'Ctrl',\n  alt: 'Alt',\n  option: 'Alt',\n  shift: 'Shift',\n  enter: 'Enter',\n  return: 'Enter',\n  backspace: 'Backspace',\n  delete: 'Delete',\n  tab: 'Tab',\n  esc: 'Esc',\n  escape: 'Esc',\n  up: '↑',\n  down: '↓',\n  left: '←',\n  right: '→',\n  space: 'Space',\n} as const;\n\n// ============================================\n// Exports\n// ============================================\n\nexport { Kbd, KbdGroup, Shortcut };\n"],"mappings":"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"}
+{"version":3,"file":"Kbd.js","names":[],"sources":["../../src/components/molecules/data/Kbd/Kbd.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// Variants\n// ============================================\n\nexport const kbdVariants = cva(\n  'pointer-events-none inline-flex items-center justify-center select-none font-sans font-medium',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-muted text-muted-foreground border border-border rounded-sm shadow-[var(--shadow-kbd-default)]',\n        ghost: 'bg-transparent text-muted-foreground',\n        outline:\n          'bg-transparent border border-border text-muted-foreground rounded-sm shadow-[var(--shadow-kbd-outline)]',\n        solid:\n          'bg-card/60 border border-border text-muted-foreground rounded shadow-[var(--shadow-kbd-default)]',\n        tooltip:\n          'bg-background/20 text-background dark:bg-background/10 rounded-sm',\n        footer:\n          'bg-background border border-border text-secondary-foreground rounded-md shadow-[var(--shadow-kbd-footer)]',\n      },\n      size: {\n        xs: 'h-4 min-w-4 px-0.5 text-[10px]',\n        sm: 'h-5 min-w-5 px-1 text-xs',\n        md: 'h-6 min-w-6 px-1.5 text-sm',\n        lg: 'h-7 min-w-7 px-2 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'sm',\n    },\n  },\n);\n\nexport const kbdGroupVariants = cva('inline-flex items-center', {\n  variants: {\n    gap: {\n      none: 'gap-0',\n      xs: 'gap-0.5',\n      sm: 'gap-1',\n      md: 'gap-1.5',\n      lg: 'gap-2',\n    },\n  },\n  defaultVariants: {\n    gap: 'sm',\n  },\n});\n\n// ============================================\n// Types\n// ============================================\n\nexport interface KbdProps\n  extends React.ComponentProps<'kbd'>,\n    VariantProps<typeof kbdVariants> {\n  /** Icon to display before the key */\n  icon?: React.ReactNode;\n  /** Icon to display after the key */\n  iconAfter?: React.ReactNode;\n}\n\nexport interface KbdGroupProps\n  extends React.ComponentProps<'span'>,\n    VariantProps<typeof kbdGroupVariants> {}\n\n// ============================================\n// Kbd Component\n// ============================================\n\n/**\n * Keyboard key indicator component for displaying keyboard shortcuts.\n *\n * @example\n * // Basic usage\n * <Kbd>⌘K</Kbd>\n *\n * @example\n * // With variant and size\n * <Kbd variant=\"solid\" size=\"md\">⌘</Kbd>\n *\n * @example\n * // With icon\n * <Kbd icon={<ArrowUp />} />\n */\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\n  ({ className, variant, size, icon, iconAfter, children, ...props }, ref) => {\n    return (\n      <kbd\n        ref={ref}\n        data-slot=\"kbd\"\n        className={cn(kbdVariants({ variant, size }), className)}\n        {...props}\n      >\n        {icon && (\n          <span\n            aria-hidden=\"true\"\n            className=\"shrink-0 [&_svg:not([class*='size-'])]:size-3\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {iconAfter && (\n          <span\n            aria-hidden=\"true\"\n            className=\"shrink-0 [&_svg:not([class*='size-'])]:size-3\"\n          >\n            {iconAfter}\n          </span>\n        )}\n      </kbd>\n    );\n  },\n);\nKbd.displayName = 'Kbd';\n\n// ============================================\n// KbdGroup Component\n// ============================================\n\n/**\n * Group multiple Kbd components together with consistent spacing.\n *\n * @example\n * <KbdGroup>\n *   <Kbd>⌘</Kbd>\n *   <Kbd>K</Kbd>\n * </KbdGroup>\n */\nconst KbdGroup = React.forwardRef<HTMLSpanElement, KbdGroupProps>(\n  ({ className, gap, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"kbd-group\"\n        className={cn(kbdGroupVariants({ gap }), className)}\n        {...props}\n      />\n    );\n  },\n);\nKbdGroup.displayName = 'KbdGroup';\n\n// ============================================\n// Shortcut Component (convenience wrapper)\n// ============================================\n\nexport interface ShortcutProps extends Omit<KbdProps, 'children'> {\n  /** Array of keys to display (e.g., ['⌘', 'K']) */\n  keys: (string | React.ReactNode)[];\n  /** Separator between keys (defaults to none, keys are grouped) */\n  separator?: React.ReactNode;\n}\n\nfunction getShortcutPartKey(\n  key: string | React.ReactNode,\n  position: number,\n): string {\n  return `${position}:${typeof key === 'string' ? key : 'node'}`;\n}\n\n/**\n * Convenience component for displaying keyboard shortcuts with multiple keys.\n *\n * @example\n * // Simple shortcut\n * <Shortcut keys={['⌘', 'K']} />\n *\n * @example\n * // With separator\n * <Shortcut keys={['⌘', 'Shift', 'P']} separator=\"+\" />\n */\nconst Shortcut = React.forwardRef<HTMLSpanElement, ShortcutProps>(\n  ({ keys, separator, className, variant, size, ...props }, ref) => {\n    if (separator) {\n      return (\n        <KbdGroup ref={ref} gap=\"xs\" className={className}>\n          {keys.map((key, position) => (\n            <React.Fragment key={getShortcutPartKey(key, position)}>\n              <Kbd variant={variant} size={size} {...props}>\n                {key}\n              </Kbd>\n              {position < keys.length - 1 && (\n                <span className=\"text-muted-foreground text-xs\">\n                  {separator}\n                </span>\n              )}\n            </React.Fragment>\n          ))}\n        </KbdGroup>\n      );\n    }\n\n    return (\n      <KbdGroup ref={ref} gap=\"xs\" className={className}>\n        {keys.map((key, position) => (\n          <Kbd\n            key={getShortcutPartKey(key, position)}\n            variant={variant}\n            size={size}\n            {...props}\n          >\n            {key}\n          </Kbd>\n        ))}\n      </KbdGroup>\n    );\n  },\n);\nShortcut.displayName = 'Shortcut';\n\n// ============================================\n// Platform-aware helpers\n// ============================================\n\n/**\n * Common keyboard key symbols for macOS\n */\nexport const MAC_KEYS = {\n  cmd: '⌘',\n  command: '⌘',\n  ctrl: '⌃',\n  control: '⌃',\n  alt: '⌥',\n  option: '⌥',\n  shift: '⇧',\n  enter: '↵',\n  return: '↵',\n  backspace: '⌫',\n  delete: '⌦',\n  tab: '⇥',\n  esc: 'esc',\n  escape: 'esc',\n  up: '↑',\n  down: '↓',\n  left: '←',\n  right: '→',\n  space: '␣',\n} as const;\n\n/**\n * Common keyboard key symbols for Windows/Linux\n */\nexport const WIN_KEYS = {\n  cmd: 'Ctrl',\n  command: 'Ctrl',\n  ctrl: 'Ctrl',\n  control: 'Ctrl',\n  alt: 'Alt',\n  option: 'Alt',\n  shift: 'Shift',\n  enter: 'Enter',\n  return: 'Enter',\n  backspace: 'Backspace',\n  delete: 'Delete',\n  tab: 'Tab',\n  esc: 'Esc',\n  escape: 'Esc',\n  up: '↑',\n  down: '↓',\n  left: '←',\n  right: '→',\n  space: 'Space',\n} as const;\n\n// ============================================\n// Exports\n// ============================================\n\nexport { Kbd, KbdGroup, Shortcut };\n"],"mappings":"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"}

package/dist/wc-react/button.js

@@ -4,7 +4,7 @@ import { t as T } from "./x.js";
 import { t as P } from "./useRenderElement.js";
 import { t as U } from "./dist.js";
 import { t as W } from "./useButton.js";
-import { n as q, t as j } from "./spinner.js";
+import { n as G, t as j } from "./spinner.js";
 import * as l from "react";
 import { jsx as r, jsxs as A } from "react/jsx-runtime";
 var C = /* @__PURE__ */ l.forwardRef(function(e, t) {
@@ -18,7 +18,7 @@ var C = /* @__PURE__ */ l.forwardRef(function(e, t) {
     ref: [t, y],
     props: [x, g]
   });
-}), c = "focus-visible:scale-[1.015] motion-reduce:focus-visible:scale-100", G = U("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex origin-center items-center justify-center whitespace-nowrap transition-[color,background-color,border-color,box-shadow,transform,opacity] duration-200 ease-smooth motion-reduce:transition-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none", {
+}), c = "focus-visible:scale-[1.015] motion-reduce:focus-visible:scale-100", H = U("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex origin-center items-center justify-center whitespace-nowrap transition-[color,background-color,border-color,box-shadow,transform,opacity] duration-200 ease-smooth motion-reduce:transition-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none", {
   variants: {
     appearance: {
       solid: `${c} delight-click-ripple`,
@@ -289,20 +289,20 @@ var C = /* @__PURE__ */ l.forwardRef(function(e, t) {
     size: "default",
     shape: "rounded"
   }
-}), H = {
+}), M = {
   success: "bg-success",
   error: "bg-destructive",
   warning: "bg-warning",
   brand: "bg-primary",
   gray: "bg-muted"
-}, M = [
+}, X = [
   "icon",
   "icon-xs",
   "icon-sm",
   "icon-lg",
   "icon-xl",
   "icon-2xl"
-], X = 600, Z = {
+], Z = 600, q = {
   round: "rounded-full",
   rounded: "rounded-sm"
 }, J = {
@@ -321,7 +321,7 @@ var C = /* @__PURE__ */ l.forwardRef(function(e, t) {
   destructive: "bg-soft-destructive text-soft-destructive-foreground hover:bg-opacity-destructive-20 dark:bg-soft-destructive dark:text-soft-destructive-foreground"
 }, Q = ({ color: a = "success", className: e }) => /* @__PURE__ */ r("span", {
   "aria-hidden": "true",
-  className: n("size-2 rounded-full shrink-0 delight-breathing", H[a], e)
+  className: n("size-2 rounded-full shrink-0 delight-breathing", M[a], e)
 });
 function Y({ appearance: a, badge: e, shape: t, variant: o }) {
   if (l.isValidElement(e)) return e;
@@ -329,7 +329,7 @@ function Y({ appearance: a, badge: e, shape: t, variant: o }) {
   const d = (a === "solid" || a === "gradient") && o !== "secondary" ? "white" : "soft";
   return /* @__PURE__ */ r("span", {
     "data-slot": "badge",
-    className: n("inline-flex h-5 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap px-2 py-0.5 text-xs font-medium transition-colors [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:pointer-events-none", Z[t], d === "white" ? "bg-opacity-white-80 transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current/50" : K[o], d === "white" && J[o]),
+    className: n("inline-flex h-5 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap px-2 py-0.5 text-xs font-medium transition-colors [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:pointer-events-none", q[t], d === "white" ? "bg-opacity-white-80 transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current/50" : K[o], d === "white" && J[o]),
     children: e
   });
 }
@@ -354,10 +354,10 @@ var I = l.forwardRef(({ children: a, loading: e = !1, disabled: t, startIcon: o,
         ...z,
         visible: !1
       } : z);
-    }, X);
+    }, Z);
     return () => clearTimeout(F);
   }, [s.visible, s.token]);
-  const f = s.visible && !e, m = N === "ai", O = m ? x ?? e : !1, w = n(G({
+  const f = s.visible && !e, m = N === "ai", O = m ? x ?? e : !1, w = n(H({
     appearance: N,
     variant: S,
     shape: _,
@@ -371,7 +371,7 @@ var I = l.forwardRef(({ children: a, loading: e = !1, disabled: t, startIcon: o,
     ...u,
     children: a
   });
-  const k = B || M.includes($), R = !k && !u["aria-label"] && !u["aria-labelledby"] && (typeof a == "string" || typeof a == "number") && (typeof i == "string" || typeof i == "number") ? {
+  const k = B || X.includes($), R = !k && !u["aria-label"] && !u["aria-labelledby"] && (typeof a == "string" || typeof a == "number") && (typeof i == "string" || typeof i == "number") ? {
     ...u,
     "aria-label": `${a} ${i}`
   } : u, D = k ? null : /* @__PURE__ */ r(Y, {
@@ -407,7 +407,7 @@ var I = l.forwardRef(({ children: a, loading: e = !1, disabled: t, startIcon: o,
       })
     ]
   });
-  return m ? /* @__PURE__ */ r(q, {
+  return m ? /* @__PURE__ */ r(G, {
     ref: v,
     animated: O,
     active: !0,
@@ -424,7 +424,7 @@ function ee({ className: a, size: e = "icon-sm", ...t }) {
     variant: "secondary",
     size: e,
     iconOnly: !0,
-    className: n("text-text-quaternary hover:text-secondary-foreground", a),
+    className: n("text-muted-foreground hover:text-secondary-foreground", a),
     "aria-label": "Clear",
     ...t,
     children: /* @__PURE__ */ r(T, {})

package/dist/wc-react/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["Button"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/button/Button.mjs","../../src/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useButton } from \"../internals/use-button/useButton.mjs\";\nimport { useRenderElement } from \"../internals/useRenderElement.mjs\";\n/**\n * A button component that can be used to trigger actions.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Button](https://base-ui.com/react/components/button)\n */\nexport const Button = /*#__PURE__*/React.forwardRef(function Button(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    disabled = false,\n    focusableWhenDisabled = false,\n    nativeButton = true,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled,\n    native: nativeButton\n  });\n  const state = {\n    disabled\n  };\n  return useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef],\n    props: [elementProps, getButtonProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") Button.displayName = \"Button\";","import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, X } from 'lucide-react';\nimport * as React from 'react';\nimport { GradientBorder } from '@/components/ui/gradient-border';\nimport { Spinner } from '@/components/ui/spinner';\nimport { cn } from '@/lib/utils';\n\nconst buttonFocusExpansionClassName =\n  'focus-visible:scale-[1.015] motion-reduce:focus-visible:scale-100';\n\nconst buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex origin-center items-center justify-center whitespace-nowrap transition-[color,background-color,border-color,box-shadow,transform,opacity] duration-200 ease-smooth motion-reduce:transition-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      appearance: {\n        solid: `${buttonFocusExpansionClassName} delight-click-ripple`,\n        gradient: `${buttonFocusExpansionClassName} bg-linear-[113deg] hover:opacity-80 delight-click-ripple`,\n        soft: `${buttonFocusExpansionClassName} delight-click-ripple`,\n        outline: `${buttonFocusExpansionClassName} bg-background shadow-xs`,\n        ghost: `${buttonFocusExpansionClassName} bg-transparent`,\n        link: 'border-none bg-transparent p-0 h-auto underline-offset-4 hover:underline focus-visible:ring-0 focus-visible:border-transparent',\n        ai: `${buttonFocusExpansionClassName} bg-transparent border-0`,\n      },\n      variant: {\n        primary: '',\n        secondary: '',\n        info: '',\n        success: '',\n        warning: '',\n        destructive: '',\n      },\n      size: {\n        default:\n          'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2',\n        xs: \"h-6 gap-1 px-2 text-xs has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: 'h-8 gap-1 px-2.5 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5',\n        md: 'h-10 gap-1.5 px-3.5 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3',\n        lg: 'h-11 gap-2 px-4 has-data-[icon=inline-end]:pe-3.5 has-data-[icon=inline-start]:ps-3.5',\n        xl: \"h-12 gap-2 px-4.5 text-base has-data-[icon=inline-end]:pe-4 has-data-[icon=inline-start]:ps-4 [&_svg:not([class*='size-'])]:size-5\",\n        '2xl':\n          \"h-14 gap-2.5 px-5 text-lg has-data-[icon=inline-end]:pe-4.5 has-data-[icon=inline-start]:ps-4.5 [&_svg:not([class*='size-'])]:size-6\",\n        icon: 'size-9',\n        'icon-xs': \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm': 'size-8',\n        'icon-lg': 'size-10',\n        'icon-xl': \"size-12 [&_svg:not([class*='size-'])]:size-5\",\n        'icon-2xl': \"size-14 [&_svg:not([class*='size-'])]:size-6\",\n      },\n      shape: {\n        rounded: 'rounded-md',\n        round: 'rounded-full',\n      },\n    },\n    compoundVariants: [\n      // ===== SOLID =====\n      {\n        appearance: 'solid',\n        variant: 'primary',\n        className: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n      },\n      {\n        appearance: 'solid',\n        variant: 'secondary',\n        className:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n      },\n      {\n        appearance: 'solid',\n        variant: 'info',\n        className: 'bg-info text-info-foreground hover:bg-info/80',\n      },\n      {\n        appearance: 'solid',\n        variant: 'success',\n        className: 'bg-success text-success-foreground hover:bg-success/80',\n      },\n      {\n        appearance: 'solid',\n        variant: 'warning',\n        className: 'bg-warning text-warning-foreground hover:bg-warning/80',\n      },\n      {\n        appearance: 'solid',\n        variant: 'destructive',\n        className:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/80',\n      },\n\n      // ===== GRADIENT =====\n      {\n        appearance: 'gradient',\n        variant: 'primary',\n        className:\n          'from-custom-tw-gradient-from to-custom-tw-gradient-to text-primary-foreground hover:from-custom-tw-gradient-to hover:to-custom-tw-gradient-from',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'secondary',\n        className:\n          'from-secondary to-secondary/60 text-secondary-foreground hover:from-secondary/60 hover:to-secondary',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'info',\n        className:\n          'from-info to-info/60 text-info-foreground hover:from-info/60 hover:to-info',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'success',\n        className:\n          'from-success to-success/60 text-success-foreground hover:from-success/60 hover:to-success',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'warning',\n        className:\n          'from-warning to-warning/60 text-warning-foreground hover:from-warning/60 hover:to-warning',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'destructive',\n        className:\n          'from-destructive to-destructive/60 text-destructive-foreground hover:from-destructive/60 hover:to-destructive',\n      },\n\n      // ===== SOFT =====\n      {\n        appearance: 'soft',\n        variant: 'primary',\n        className:\n          'bg-primary/10 border-primary text-primary hover:bg-primary/20 hover:text-primary dark:bg-primary/30 dark:border-primary dark:text-primary dark:hover:bg-primary/50 shadow-xs',\n      },\n      {\n        appearance: 'soft',\n        variant: 'secondary',\n        className:\n          'bg-secondary/10 text-secondary-foreground hover:bg-secondary/20',\n      },\n      {\n        appearance: 'soft',\n        variant: 'info',\n        className: 'bg-info/10 text-info hover:bg-info/20',\n      },\n      {\n        appearance: 'soft',\n        variant: 'success',\n        className: 'bg-success/10 text-success hover:bg-success/20',\n      },\n      {\n        appearance: 'soft',\n        variant: 'warning',\n        className: 'bg-warning/10 text-warning hover:bg-warning/20',\n      },\n      {\n        appearance: 'soft',\n        variant: 'destructive',\n        className:\n          'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',\n      },\n\n      // ===== OUTLINE =====\n      {\n        appearance: 'outline',\n        className:\n          'bg-card border-border backdrop-blur-[2px] shadow-none supports-backdrop-filter:backdrop-blur-[2px]',\n      },\n      {\n        appearance: 'outline',\n        shape: 'rounded',\n        className: 'rounded-xl',\n      },\n      {\n        appearance: 'outline',\n        size: 'xs',\n        className: 'h-[26px] gap-1 px-2',\n      },\n      {\n        appearance: 'outline',\n        size: 'sm',\n        className: 'h-8 gap-1.5 px-2.5',\n      },\n      {\n        appearance: 'outline',\n        size: 'default',\n        className: 'h-9 gap-2 px-4',\n      },\n      {\n        appearance: 'outline',\n        size: 'md',\n        className: 'h-10 gap-2 px-4',\n      },\n      {\n        appearance: 'outline',\n        size: 'lg',\n        className: 'h-10 gap-2 px-4.5',\n      },\n      {\n        appearance: 'outline',\n        variant: 'primary',\n        className: 'border-border text-foreground hover:bg-muted/50',\n      },\n      {\n        appearance: 'outline',\n        variant: 'secondary',\n        className:\n          'border-border text-secondary-foreground hover:bg-muted/50 aria-expanded:bg-muted/50 aria-expanded:text-foreground',\n      },\n      {\n        appearance: 'outline',\n        variant: 'info',\n        className: 'border-border text-info hover:bg-info/10',\n      },\n      {\n        appearance: 'outline',\n        variant: 'success',\n        className: 'border-border text-success hover:bg-success/10',\n      },\n      {\n        appearance: 'outline',\n        variant: 'warning',\n        className: 'border-border text-warning hover:bg-warning/10',\n      },\n      {\n        appearance: 'outline',\n        variant: 'destructive',\n        className: 'border-border text-destructive hover:bg-destructive/10',\n      },\n\n      // ===== GHOST =====\n      {\n        appearance: 'ghost',\n        variant: 'primary',\n        className: 'text-primary hover:bg-primary/10',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'secondary',\n        className:\n          'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'info',\n        className: 'text-info hover:bg-info/10',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'success',\n        className: 'text-success hover:bg-success/10',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'warning',\n        className: 'text-warning hover:bg-warning/10',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'destructive',\n        className: 'text-destructive hover:bg-destructive/10',\n      },\n\n      // ===== AI (inner button styling — GradientBorder wraps externally) =====\n      {\n        appearance: 'ai',\n        variant: 'primary',\n        className: 'text-primary hover:bg-primary/10',\n      },\n      {\n        appearance: 'ai',\n        variant: 'secondary',\n        className: 'text-secondary-foreground hover:bg-muted',\n      },\n\n      // ===== LINK =====\n      { appearance: 'link', variant: 'primary', className: 'text-primary' },\n      {\n        appearance: 'link',\n        variant: 'secondary',\n        className: 'text-secondary-foreground',\n      },\n      { appearance: 'link', variant: 'info', className: 'text-info' },\n      { appearance: 'link', variant: 'success', className: 'text-success' },\n      { appearance: 'link', variant: 'warning', className: 'text-warning' },\n      {\n        appearance: 'link',\n        variant: 'destructive',\n        className: 'text-destructive hover:text-destructive/80',\n      },\n    ],\n    defaultVariants: {\n      appearance: 'solid',\n      variant: 'primary',\n      size: 'default',\n      shape: 'rounded',\n    },\n  },\n);\n\ntype DotColor = 'success' | 'error' | 'warning' | 'brand' | 'gray';\n\ntype ButtonAppearance =\n  | 'solid'\n  | 'gradient'\n  | 'soft'\n  | 'outline'\n  | 'ghost'\n  | 'link'\n  | 'ai';\ntype ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'destructive';\ntype ButtonShape = 'rounded' | 'round';\n\n/**\n * Render prop type for polymorphic rendering.\n * Accepts either a React element or a function that receives props and returns an element.\n * @template Props The props to be passed to the rendered element\n */\ntype RenderProp<Props> =\n  | React.ReactElement\n  | ((props: Props) => React.ReactElement);\n\nexport interface ButtonProps\n  extends React.ComponentProps<'button'>,\n    Pick<VariantProps<typeof buttonVariants>, 'size'> {\n  /** Visual appearance - how the button renders */\n  appearance?: ButtonAppearance;\n  /** Semantic variant - what the button means */\n  variant?: ButtonVariant;\n  /** Shape of the button corners */\n  shape?: ButtonShape;\n  /** Shows a loading spinner and disables the button */\n  loading?: boolean;\n  /** Set to false when render targets a non-button element. */\n  nativeButton?: boolean;\n  /** Icon displayed at the start (inline-start) of the button text - respects RTL */\n  startIcon?: React.ReactNode;\n  /** Icon displayed at the end (inline-end) of the button text - respects RTL */\n  endIcon?: React.ReactNode;\n  /** Shows a colored dot indicator before the button text */\n  dotIndicator?: boolean;\n  /** Color of the dot indicator */\n  dotColor?: DotColor;\n  /** Badge content displayed after the button label. Text badges are styled from the button appearance and variant. */\n  badge?: React.ReactNode;\n  /** For icon-only buttons - renders just the icon without text wrapper */\n  iconOnly?: boolean;\n  /** Enables animated gradient border (only for appearance=\"ai\"). Auto-true when loading. */\n  animated?: boolean;\n  /**\n   * Render prop for polymorphic rendering. Accepts either a React element or a render function.\n   * Use this to render the button as a different element (e.g., link) while preserving button styles.\n   * Note: When render is provided, loading/startIcon/endIcon/dotIndicator/badge are ignored.\n   */\n  render?: RenderProp<React.ComponentProps<'button'>>;\n}\n\nconst dotColorClasses: Record<DotColor, string> = {\n  success: 'bg-success',\n  error: 'bg-destructive',\n  warning: 'bg-warning',\n  brand: 'bg-primary',\n  gray: 'bg-muted',\n};\n\nconst devWarnings = new Set<string>();\n\n/** Icon-only size variants for type-safe detection */\nconst ICON_SIZES = [\n  'icon',\n  'icon-xs',\n  'icon-sm',\n  'icon-lg',\n  'icon-xl',\n  'icon-2xl',\n] as const;\n\nconst SUCCESS_FLASH_DURATION_MS = 600;\n\nconst buttonBadgeShapeClasses: Record<ButtonShape, string> = {\n  round: 'rounded-full',\n  rounded: 'rounded-sm',\n};\n\nconst buttonBadgeWhiteColorClasses: Record<ButtonVariant, string> = {\n  primary: 'text-primary',\n  secondary: 'text-secondary-foreground',\n  info: 'text-info',\n  success: 'text-success',\n  warning: 'text-warning',\n  destructive: 'text-destructive',\n};\n\nconst buttonBadgeSoftColorClasses: Record<ButtonVariant, string> = {\n  primary:\n    'bg-soft-primary text-soft-primary-foreground hover:bg-opacity-primary-20 dark:bg-soft-primary dark:text-soft-primary-foreground',\n  secondary:\n    'bg-soft-secondary text-soft-secondary-foreground hover:bg-opacity-secondary-20 dark:bg-soft-secondary dark:text-soft-secondary-foreground',\n  info: 'bg-soft-info text-soft-info-foreground hover:bg-opacity-info-20 dark:bg-soft-info dark:text-soft-info-foreground',\n  success:\n    'bg-soft-success text-soft-success-foreground hover:bg-opacity-success-20 dark:bg-soft-success dark:text-soft-success-foreground',\n  warning:\n    'bg-soft-warning text-soft-warning-foreground hover:bg-opacity-warning-20 dark:bg-soft-warning dark:text-soft-warning-foreground',\n  destructive:\n    'bg-soft-destructive text-soft-destructive-foreground hover:bg-opacity-destructive-20 dark:bg-soft-destructive dark:text-soft-destructive-foreground',\n};\n\ntype LoadingSuccessState = {\n  wasLoading: boolean;\n  visible: boolean;\n  token: number;\n};\n\nconst Dot = ({\n  color = 'success',\n  className,\n}: {\n  color?: DotColor;\n  className?: string;\n}) => (\n  <span\n    aria-hidden=\"true\"\n    className={cn(\n      'size-2 rounded-full shrink-0 delight-breathing',\n      dotColorClasses[color],\n      className,\n    )}\n  />\n);\n\nfunction ButtonBadge({\n  appearance,\n  badge,\n  shape,\n  variant,\n}: {\n  appearance: ButtonAppearance;\n  badge: React.ReactNode;\n  shape: ButtonShape;\n  variant: ButtonVariant;\n}) {\n  if (React.isValidElement(badge)) {\n    return badge;\n  }\n\n  if (badge === true || badge === false || badge == null) {\n    return null;\n  }\n\n  const badgeVariant =\n    (appearance === 'solid' || appearance === 'gradient') &&\n    variant !== 'secondary'\n      ? 'white'\n      : 'soft';\n\n  return (\n    <span\n      data-slot=\"badge\"\n      className={cn(\n        'inline-flex h-5 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap px-2 py-0.5 text-xs font-medium transition-colors [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:pointer-events-none',\n        buttonBadgeShapeClasses[shape],\n        badgeVariant === 'white'\n          ? 'bg-opacity-white-80 transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current/50'\n          : buttonBadgeSoftColorClasses[variant],\n        badgeVariant === 'white' && buttonBadgeWhiteColorClasses[variant],\n      )}\n    >\n      {badge}\n    </span>\n  );\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      loading = false,\n      disabled,\n      startIcon,\n      endIcon,\n      dotIndicator = false,\n      dotColor = 'success',\n      badge,\n      iconOnly = false,\n      animated,\n      render,\n      className,\n      appearance = 'solid',\n      variant = 'primary',\n      shape = 'rounded',\n      size = 'default',\n      ...props\n    },\n    ref,\n  ) => {\n    // Dev-mode warning for icon-only buttons missing accessible label (once)\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      !devWarnings.has('icon-a11y')\n    ) {\n      const hasIconSize = ICON_SIZES.includes(\n        size as (typeof ICON_SIZES)[number],\n      );\n      if (\n        (iconOnly || hasIconSize) &&\n        !props['aria-label'] &&\n        !props['aria-labelledby']\n      ) {\n        devWarnings.add('icon-a11y');\n        console.warn(\n          'Button: Icon-only buttons require an `aria-label` or `aria-labelledby` for accessibility.',\n        );\n      }\n    }\n\n    // Track loading→done transition before paint so the button never commits a\n    // stale success state after the loading prop changes.\n    const [successState, setSuccessState] = React.useState<LoadingSuccessState>(\n      () => ({\n        wasLoading: loading,\n        visible: false,\n        token: 0,\n      }),\n    );\n\n    if (successState.wasLoading !== loading) {\n      const shouldFlash = successState.wasLoading && !loading;\n      setSuccessState({\n        wasLoading: loading,\n        visible: shouldFlash,\n        token: shouldFlash ? successState.token + 1 : successState.token,\n      });\n    }\n\n    React.useEffect(() => {\n      if (!successState.visible) return;\n      const token = successState.token;\n      const timer = setTimeout(() => {\n        setSuccessState((current) =>\n          current.token === token ? { ...current, visible: false } : current,\n        );\n      }, SUCCESS_FLASH_DURATION_MS);\n      return () => clearTimeout(timer);\n    }, [successState.visible, successState.token]);\n\n    const showSuccess = successState.visible && !loading;\n\n    const isAi = appearance === 'ai';\n    const isAnimated = isAi ? (animated ?? loading) : false;\n\n    const buttonClassName = cn(\n      buttonVariants({ appearance, variant, shape, size }),\n      className,\n    );\n\n    // When render prop is provided, pass through to primitive\n    // (ignores loading/startIcon/endIcon/dotIndicator/badge)\n    if (render) {\n      return (\n        <ButtonPrimitive\n          ref={ref}\n          data-slot=\"button\"\n          className={buttonClassName}\n          render={render}\n          {...props}\n        >\n          {children}\n        </ButtonPrimitive>\n      );\n    }\n\n    // Determine if this is an icon-only button based on size or explicit prop\n    const isIconOnly =\n      iconOnly || ICON_SIZES.includes(size as (typeof ICON_SIZES)[number]);\n    const shouldComposeBadgeLabel =\n      !isIconOnly &&\n      !props['aria-label'] &&\n      !props['aria-labelledby'] &&\n      (typeof children === 'string' || typeof children === 'number') &&\n      (typeof badge === 'string' || typeof badge === 'number');\n    const buttonProps = shouldComposeBadgeLabel\n      ? { ...props, 'aria-label': `${children} ${badge}` }\n      : props;\n    const buttonBadge = !isIconOnly ? (\n      <ButtonBadge\n        appearance={appearance}\n        badge={badge}\n        shape={shape}\n        variant={variant}\n      />\n    ) : null;\n\n    // Build the button element (icon-only or full)\n    const buttonElement = isIconOnly ? (\n      <ButtonPrimitive\n        ref={isAi ? undefined : ref}\n        data-slot=\"button\"\n        disabled={disabled || loading}\n        className={cn(buttonClassName, loading && 'relative')}\n        {...buttonProps}\n      >\n        {loading ? (\n          <Spinner className=\"delight-fade-in\" />\n        ) : showSuccess ? (\n          <Check className=\"delight-bounce-in\" />\n        ) : (\n          children\n        )}\n      </ButtonPrimitive>\n    ) : (\n      <ButtonPrimitive\n        ref={isAi ? undefined : ref}\n        data-slot=\"button\"\n        disabled={disabled || loading}\n        className={cn(buttonClassName, (loading || showSuccess) && 'relative')}\n        {...buttonProps}\n      >\n        {loading && <Spinner className=\"absolute delight-fade-in\" />}\n        {showSuccess && !loading && (\n          <Check className=\"absolute delight-bounce-in\" />\n        )}\n        <span\n          className={cn(\n            'flex items-center gap-2',\n            (loading || showSuccess) && 'invisible',\n          )}\n        >\n          {dotIndicator && <Dot color={dotColor} />}\n          {startIcon}\n          {children}\n          {endIcon}\n          {buttonBadge}\n        </span>\n      </ButtonPrimitive>\n    );\n\n    if (isAi) {\n      return (\n        <GradientBorder\n          ref={ref as React.Ref<HTMLDivElement>}\n          animated={isAnimated}\n          active\n          disabled={disabled}\n          className=\"w-auto inline-flex motion-reduce:animate-none\"\n          innerClassName=\"flex\"\n        >\n          {buttonElement}\n        </GradientBorder>\n      );\n    }\n\n    return buttonElement;\n  },\n);\n\nButton.displayName = 'Button';\n\n/**\n * Clear/Close icon button - a ghost button specifically for close/clear actions\n * Commonly used in tags, dialogs, and dismissible elements\n */\nexport interface ClearButtonProps\n  extends Omit<\n    ButtonProps,\n    | 'appearance'\n    | 'variant'\n    | 'children'\n    | 'startIcon'\n    | 'endIcon'\n    | 'dotIndicator'\n  > {\n  /** Size of the clear button */\n  size?: 'icon-xs' | 'icon-sm' | 'icon' | 'icon-lg' | 'icon-xl' | 'icon-2xl';\n}\n\nfunction ClearButton({\n  className,\n  size = 'icon-sm',\n  ...props\n}: ClearButtonProps) {\n  return (\n    <Button\n      appearance=\"ghost\"\n      variant=\"secondary\"\n      size={size}\n      iconOnly\n      className={cn(\n        'text-text-quaternary hover:text-secondary-foreground',\n        className,\n      )}\n      aria-label=\"Clear\"\n      {...props}\n    >\n      <X />\n    </Button>\n  );\n}\n\nClearButton.displayName = 'ClearButton';\n\nexport type { ButtonAppearance, ButtonShape, ButtonVariant };\nexport { Button, buttonVariants, ClearButton, Dot };\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"button.js","names":["Button"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/button/Button.mjs","../../src/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useButton } from \"../internals/use-button/useButton.mjs\";\nimport { useRenderElement } from \"../internals/useRenderElement.mjs\";\n/**\n * A button component that can be used to trigger actions.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Button](https://base-ui.com/react/components/button)\n */\nexport const Button = /*#__PURE__*/React.forwardRef(function Button(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    disabled = false,\n    focusableWhenDisabled = false,\n    nativeButton = true,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled,\n    native: nativeButton\n  });\n  const state = {\n    disabled\n  };\n  return useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef],\n    props: [elementProps, getButtonProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") Button.displayName = \"Button\";","import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, X } from 'lucide-react';\nimport * as React from 'react';\nimport { GradientBorder } from '@/components/ui/gradient-border';\nimport { Spinner } from '@/components/ui/spinner';\nimport { cn } from '@/lib/utils';\n\nconst buttonFocusExpansionClassName =\n  'focus-visible:scale-[1.015] motion-reduce:focus-visible:scale-100';\n\nconst buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex origin-center items-center justify-center whitespace-nowrap transition-[color,background-color,border-color,box-shadow,transform,opacity] duration-200 ease-smooth motion-reduce:transition-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      appearance: {\n        solid: `${buttonFocusExpansionClassName} delight-click-ripple`,\n        gradient: `${buttonFocusExpansionClassName} bg-linear-[113deg] hover:opacity-80 delight-click-ripple`,\n        soft: `${buttonFocusExpansionClassName} delight-click-ripple`,\n        outline: `${buttonFocusExpansionClassName} bg-background shadow-xs`,\n        ghost: `${buttonFocusExpansionClassName} bg-transparent`,\n        link: 'border-none bg-transparent p-0 h-auto underline-offset-4 hover:underline focus-visible:ring-0 focus-visible:border-transparent',\n        ai: `${buttonFocusExpansionClassName} bg-transparent border-0`,\n      },\n      variant: {\n        primary: '',\n        secondary: '',\n        info: '',\n        success: '',\n        warning: '',\n        destructive: '',\n      },\n      size: {\n        default:\n          'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2',\n        xs: \"h-6 gap-1 px-2 text-xs has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: 'h-8 gap-1 px-2.5 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5',\n        md: 'h-10 gap-1.5 px-3.5 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3',\n        lg: 'h-11 gap-2 px-4 has-data-[icon=inline-end]:pe-3.5 has-data-[icon=inline-start]:ps-3.5',\n        xl: \"h-12 gap-2 px-4.5 text-base has-data-[icon=inline-end]:pe-4 has-data-[icon=inline-start]:ps-4 [&_svg:not([class*='size-'])]:size-5\",\n        '2xl':\n          \"h-14 gap-2.5 px-5 text-lg has-data-[icon=inline-end]:pe-4.5 has-data-[icon=inline-start]:ps-4.5 [&_svg:not([class*='size-'])]:size-6\",\n        icon: 'size-9',\n        'icon-xs': \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm': 'size-8',\n        'icon-lg': 'size-10',\n        'icon-xl': \"size-12 [&_svg:not([class*='size-'])]:size-5\",\n        'icon-2xl': \"size-14 [&_svg:not([class*='size-'])]:size-6\",\n      },\n      shape: {\n        rounded: 'rounded-md',\n        round: 'rounded-full',\n      },\n    },\n    compoundVariants: [\n      // ===== SOLID =====\n      {\n        appearance: 'solid',\n        variant: 'primary',\n        className: 'bg-primary text-primary-foreground hover:bg-primary-hover',\n      },\n      {\n        appearance: 'solid',\n        variant: 'secondary',\n        className:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n      },\n      {\n        appearance: 'solid',\n        variant: 'info',\n        className: 'bg-info text-info-foreground hover:bg-info/80',\n      },\n      {\n        appearance: 'solid',\n        variant: 'success',\n        className: 'bg-success text-success-foreground hover:bg-success/80',\n      },\n      {\n        appearance: 'solid',\n        variant: 'warning',\n        className: 'bg-warning text-warning-foreground hover:bg-warning/80',\n      },\n      {\n        appearance: 'solid',\n        variant: 'destructive',\n        className:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/80',\n      },\n\n      // ===== GRADIENT =====\n      {\n        appearance: 'gradient',\n        variant: 'primary',\n        className:\n          'from-custom-tw-gradient-from to-custom-tw-gradient-to text-primary-foreground hover:from-custom-tw-gradient-to hover:to-custom-tw-gradient-from',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'secondary',\n        className:\n          'from-secondary to-secondary/60 text-secondary-foreground hover:from-secondary/60 hover:to-secondary',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'info',\n        className:\n          'from-info to-info/60 text-info-foreground hover:from-info/60 hover:to-info',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'success',\n        className:\n          'from-success to-success/60 text-success-foreground hover:from-success/60 hover:to-success',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'warning',\n        className:\n          'from-warning to-warning/60 text-warning-foreground hover:from-warning/60 hover:to-warning',\n      },\n      {\n        appearance: 'gradient',\n        variant: 'destructive',\n        className:\n          'from-destructive to-destructive/60 text-destructive-foreground hover:from-destructive/60 hover:to-destructive',\n      },\n\n      // ===== SOFT =====\n      {\n        appearance: 'soft',\n        variant: 'primary',\n        className:\n          'bg-primary/10 border-primary text-primary hover:bg-primary/20 hover:text-primary dark:bg-primary/30 dark:border-primary dark:text-primary dark:hover:bg-primary/50 shadow-xs',\n      },\n      {\n        appearance: 'soft',\n        variant: 'secondary',\n        className:\n          'bg-secondary/10 text-secondary-foreground hover:bg-secondary/20',\n      },\n      {\n        appearance: 'soft',\n        variant: 'info',\n        className: 'bg-info/10 text-info hover:bg-info/20',\n      },\n      {\n        appearance: 'soft',\n        variant: 'success',\n        className: 'bg-success/10 text-success hover:bg-success/20',\n      },\n      {\n        appearance: 'soft',\n        variant: 'warning',\n        className: 'bg-warning/10 text-warning hover:bg-warning/20',\n      },\n      {\n        appearance: 'soft',\n        variant: 'destructive',\n        className:\n          'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',\n      },\n\n      // ===== OUTLINE =====\n      {\n        appearance: 'outline',\n        className:\n          'bg-card border-border backdrop-blur-[2px] shadow-none supports-backdrop-filter:backdrop-blur-[2px]',\n      },\n      {\n        appearance: 'outline',\n        shape: 'rounded',\n        className: 'rounded-xl',\n      },\n      {\n        appearance: 'outline',\n        size: 'xs',\n        className: 'h-[26px] gap-1 px-2',\n      },\n      {\n        appearance: 'outline',\n        size: 'sm',\n        className: 'h-8 gap-1.5 px-2.5',\n      },\n      {\n        appearance: 'outline',\n        size: 'default',\n        className: 'h-9 gap-2 px-4',\n      },\n      {\n        appearance: 'outline',\n        size: 'md',\n        className: 'h-10 gap-2 px-4',\n      },\n      {\n        appearance: 'outline',\n        size: 'lg',\n        className: 'h-10 gap-2 px-4.5',\n      },\n      {\n        appearance: 'outline',\n        variant: 'primary',\n        className: 'border-border text-foreground hover:bg-muted/50',\n      },\n      {\n        appearance: 'outline',\n        variant: 'secondary',\n        className:\n          'border-border text-secondary-foreground hover:bg-muted/50 aria-expanded:bg-muted/50 aria-expanded:text-foreground',\n      },\n      {\n        appearance: 'outline',\n        variant: 'info',\n        className: 'border-border text-info hover:bg-info/10',\n      },\n      {\n        appearance: 'outline',\n        variant: 'success',\n        className: 'border-border text-success hover:bg-success/10',\n      },\n      {\n        appearance: 'outline',\n        variant: 'warning',\n        className: 'border-border text-warning hover:bg-warning/10',\n      },\n      {\n        appearance: 'outline',\n        variant: 'destructive',\n        className: 'border-border text-destructive hover:bg-destructive/10',\n      },\n\n      // ===== GHOST =====\n      {\n        appearance: 'ghost',\n        variant: 'primary',\n        className: 'text-primary hover:bg-primary/10',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'secondary',\n        className:\n          'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'info',\n        className: 'text-info hover:bg-info/10',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'success',\n        className: 'text-success hover:bg-success/10',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'warning',\n        className: 'text-warning hover:bg-warning/10',\n      },\n      {\n        appearance: 'ghost',\n        variant: 'destructive',\n        className: 'text-destructive hover:bg-destructive/10',\n      },\n\n      // ===== AI (inner button styling — GradientBorder wraps externally) =====\n      {\n        appearance: 'ai',\n        variant: 'primary',\n        className: 'text-primary hover:bg-primary/10',\n      },\n      {\n        appearance: 'ai',\n        variant: 'secondary',\n        className: 'text-secondary-foreground hover:bg-muted',\n      },\n\n      // ===== LINK =====\n      { appearance: 'link', variant: 'primary', className: 'text-primary' },\n      {\n        appearance: 'link',\n        variant: 'secondary',\n        className: 'text-secondary-foreground',\n      },\n      { appearance: 'link', variant: 'info', className: 'text-info' },\n      { appearance: 'link', variant: 'success', className: 'text-success' },\n      { appearance: 'link', variant: 'warning', className: 'text-warning' },\n      {\n        appearance: 'link',\n        variant: 'destructive',\n        className: 'text-destructive hover:text-destructive/80',\n      },\n    ],\n    defaultVariants: {\n      appearance: 'solid',\n      variant: 'primary',\n      size: 'default',\n      shape: 'rounded',\n    },\n  },\n);\n\ntype DotColor = 'success' | 'error' | 'warning' | 'brand' | 'gray';\n\ntype ButtonAppearance =\n  | 'solid'\n  | 'gradient'\n  | 'soft'\n  | 'outline'\n  | 'ghost'\n  | 'link'\n  | 'ai';\ntype ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'destructive';\ntype ButtonShape = 'rounded' | 'round';\n\n/**\n * Render prop type for polymorphic rendering.\n * Accepts either a React element or a function that receives props and returns an element.\n * @template Props The props to be passed to the rendered element\n */\ntype RenderProp<Props> =\n  | React.ReactElement\n  | ((props: Props) => React.ReactElement);\n\nexport interface ButtonProps\n  extends React.ComponentProps<'button'>,\n    Pick<VariantProps<typeof buttonVariants>, 'size'> {\n  /** Visual appearance - how the button renders */\n  appearance?: ButtonAppearance;\n  /** Semantic variant - what the button means */\n  variant?: ButtonVariant;\n  /** Shape of the button corners */\n  shape?: ButtonShape;\n  /** Shows a loading spinner and disables the button */\n  loading?: boolean;\n  /** Set to false when render targets a non-button element. */\n  nativeButton?: boolean;\n  /** Icon displayed at the start (inline-start) of the button text - respects RTL */\n  startIcon?: React.ReactNode;\n  /** Icon displayed at the end (inline-end) of the button text - respects RTL */\n  endIcon?: React.ReactNode;\n  /** Shows a colored dot indicator before the button text */\n  dotIndicator?: boolean;\n  /** Color of the dot indicator */\n  dotColor?: DotColor;\n  /** Badge content displayed after the button label. Text badges are styled from the button appearance and variant. */\n  badge?: React.ReactNode;\n  /** For icon-only buttons - renders just the icon without text wrapper */\n  iconOnly?: boolean;\n  /** Enables animated gradient border (only for appearance=\"ai\"). Auto-true when loading. */\n  animated?: boolean;\n  /**\n   * Render prop for polymorphic rendering. Accepts either a React element or a render function.\n   * Use this to render the button as a different element (e.g., link) while preserving button styles.\n   * Note: When render is provided, loading/startIcon/endIcon/dotIndicator/badge are ignored.\n   */\n  render?: RenderProp<React.ComponentProps<'button'>>;\n}\n\nconst dotColorClasses: Record<DotColor, string> = {\n  success: 'bg-success',\n  error: 'bg-destructive',\n  warning: 'bg-warning',\n  brand: 'bg-primary',\n  gray: 'bg-muted',\n};\n\nconst devWarnings = new Set<string>();\n\n/** Icon-only size variants for type-safe detection */\nconst ICON_SIZES = [\n  'icon',\n  'icon-xs',\n  'icon-sm',\n  'icon-lg',\n  'icon-xl',\n  'icon-2xl',\n] as const;\n\nconst SUCCESS_FLASH_DURATION_MS = 600;\n\nconst buttonBadgeShapeClasses: Record<ButtonShape, string> = {\n  round: 'rounded-full',\n  rounded: 'rounded-sm',\n};\n\nconst buttonBadgeWhiteColorClasses: Record<ButtonVariant, string> = {\n  primary: 'text-primary',\n  secondary: 'text-secondary-foreground',\n  info: 'text-info',\n  success: 'text-success',\n  warning: 'text-warning',\n  destructive: 'text-destructive',\n};\n\nconst buttonBadgeSoftColorClasses: Record<ButtonVariant, string> = {\n  primary:\n    'bg-soft-primary text-soft-primary-foreground hover:bg-opacity-primary-20 dark:bg-soft-primary dark:text-soft-primary-foreground',\n  secondary:\n    'bg-soft-secondary text-soft-secondary-foreground hover:bg-opacity-secondary-20 dark:bg-soft-secondary dark:text-soft-secondary-foreground',\n  info: 'bg-soft-info text-soft-info-foreground hover:bg-opacity-info-20 dark:bg-soft-info dark:text-soft-info-foreground',\n  success:\n    'bg-soft-success text-soft-success-foreground hover:bg-opacity-success-20 dark:bg-soft-success dark:text-soft-success-foreground',\n  warning:\n    'bg-soft-warning text-soft-warning-foreground hover:bg-opacity-warning-20 dark:bg-soft-warning dark:text-soft-warning-foreground',\n  destructive:\n    'bg-soft-destructive text-soft-destructive-foreground hover:bg-opacity-destructive-20 dark:bg-soft-destructive dark:text-soft-destructive-foreground',\n};\n\ntype LoadingSuccessState = {\n  wasLoading: boolean;\n  visible: boolean;\n  token: number;\n};\n\nconst Dot = ({\n  color = 'success',\n  className,\n}: {\n  color?: DotColor;\n  className?: string;\n}) => (\n  <span\n    aria-hidden=\"true\"\n    className={cn(\n      'size-2 rounded-full shrink-0 delight-breathing',\n      dotColorClasses[color],\n      className,\n    )}\n  />\n);\n\nfunction ButtonBadge({\n  appearance,\n  badge,\n  shape,\n  variant,\n}: {\n  appearance: ButtonAppearance;\n  badge: React.ReactNode;\n  shape: ButtonShape;\n  variant: ButtonVariant;\n}) {\n  if (React.isValidElement(badge)) {\n    return badge;\n  }\n\n  if (badge === true || badge === false || badge == null) {\n    return null;\n  }\n\n  const badgeVariant =\n    (appearance === 'solid' || appearance === 'gradient') &&\n    variant !== 'secondary'\n      ? 'white'\n      : 'soft';\n\n  return (\n    <span\n      data-slot=\"badge\"\n      className={cn(\n        'inline-flex h-5 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap px-2 py-0.5 text-xs font-medium transition-colors [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:pointer-events-none',\n        buttonBadgeShapeClasses[shape],\n        badgeVariant === 'white'\n          ? 'bg-opacity-white-80 transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current/50'\n          : buttonBadgeSoftColorClasses[variant],\n        badgeVariant === 'white' && buttonBadgeWhiteColorClasses[variant],\n      )}\n    >\n      {badge}\n    </span>\n  );\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      loading = false,\n      disabled,\n      startIcon,\n      endIcon,\n      dotIndicator = false,\n      dotColor = 'success',\n      badge,\n      iconOnly = false,\n      animated,\n      render,\n      className,\n      appearance = 'solid',\n      variant = 'primary',\n      shape = 'rounded',\n      size = 'default',\n      ...props\n    },\n    ref,\n  ) => {\n    // Dev-mode warning for icon-only buttons missing accessible label (once)\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      !devWarnings.has('icon-a11y')\n    ) {\n      const hasIconSize = ICON_SIZES.includes(\n        size as (typeof ICON_SIZES)[number],\n      );\n      if (\n        (iconOnly || hasIconSize) &&\n        !props['aria-label'] &&\n        !props['aria-labelledby']\n      ) {\n        devWarnings.add('icon-a11y');\n        console.warn(\n          'Button: Icon-only buttons require an `aria-label` or `aria-labelledby` for accessibility.',\n        );\n      }\n    }\n\n    // Track loading→done transition before paint so the button never commits a\n    // stale success state after the loading prop changes.\n    const [successState, setSuccessState] = React.useState<LoadingSuccessState>(\n      () => ({\n        wasLoading: loading,\n        visible: false,\n        token: 0,\n      }),\n    );\n\n    if (successState.wasLoading !== loading) {\n      const shouldFlash = successState.wasLoading && !loading;\n      setSuccessState({\n        wasLoading: loading,\n        visible: shouldFlash,\n        token: shouldFlash ? successState.token + 1 : successState.token,\n      });\n    }\n\n    React.useEffect(() => {\n      if (!successState.visible) return;\n      const token = successState.token;\n      const timer = setTimeout(() => {\n        setSuccessState((current) =>\n          current.token === token ? { ...current, visible: false } : current,\n        );\n      }, SUCCESS_FLASH_DURATION_MS);\n      return () => clearTimeout(timer);\n    }, [successState.visible, successState.token]);\n\n    const showSuccess = successState.visible && !loading;\n\n    const isAi = appearance === 'ai';\n    const isAnimated = isAi ? (animated ?? loading) : false;\n\n    const buttonClassName = cn(\n      buttonVariants({ appearance, variant, shape, size }),\n      className,\n    );\n\n    // When render prop is provided, pass through to primitive\n    // (ignores loading/startIcon/endIcon/dotIndicator/badge)\n    if (render) {\n      return (\n        <ButtonPrimitive\n          ref={ref}\n          data-slot=\"button\"\n          className={buttonClassName}\n          render={render}\n          {...props}\n        >\n          {children}\n        </ButtonPrimitive>\n      );\n    }\n\n    // Determine if this is an icon-only button based on size or explicit prop\n    const isIconOnly =\n      iconOnly || ICON_SIZES.includes(size as (typeof ICON_SIZES)[number]);\n    const shouldComposeBadgeLabel =\n      !isIconOnly &&\n      !props['aria-label'] &&\n      !props['aria-labelledby'] &&\n      (typeof children === 'string' || typeof children === 'number') &&\n      (typeof badge === 'string' || typeof badge === 'number');\n    const buttonProps = shouldComposeBadgeLabel\n      ? { ...props, 'aria-label': `${children} ${badge}` }\n      : props;\n    const buttonBadge = !isIconOnly ? (\n      <ButtonBadge\n        appearance={appearance}\n        badge={badge}\n        shape={shape}\n        variant={variant}\n      />\n    ) : null;\n\n    // Build the button element (icon-only or full)\n    const buttonElement = isIconOnly ? (\n      <ButtonPrimitive\n        ref={isAi ? undefined : ref}\n        data-slot=\"button\"\n        disabled={disabled || loading}\n        className={cn(buttonClassName, loading && 'relative')}\n        {...buttonProps}\n      >\n        {loading ? (\n          <Spinner className=\"delight-fade-in\" />\n        ) : showSuccess ? (\n          <Check className=\"delight-bounce-in\" />\n        ) : (\n          children\n        )}\n      </ButtonPrimitive>\n    ) : (\n      <ButtonPrimitive\n        ref={isAi ? undefined : ref}\n        data-slot=\"button\"\n        disabled={disabled || loading}\n        className={cn(buttonClassName, (loading || showSuccess) && 'relative')}\n        {...buttonProps}\n      >\n        {loading && <Spinner className=\"absolute delight-fade-in\" />}\n        {showSuccess && !loading && (\n          <Check className=\"absolute delight-bounce-in\" />\n        )}\n        <span\n          className={cn(\n            'flex items-center gap-2',\n            (loading || showSuccess) && 'invisible',\n          )}\n        >\n          {dotIndicator && <Dot color={dotColor} />}\n          {startIcon}\n          {children}\n          {endIcon}\n          {buttonBadge}\n        </span>\n      </ButtonPrimitive>\n    );\n\n    if (isAi) {\n      return (\n        <GradientBorder\n          ref={ref as React.Ref<HTMLDivElement>}\n          animated={isAnimated}\n          active\n          disabled={disabled}\n          className=\"w-auto inline-flex motion-reduce:animate-none\"\n          innerClassName=\"flex\"\n        >\n          {buttonElement}\n        </GradientBorder>\n      );\n    }\n\n    return buttonElement;\n  },\n);\n\nButton.displayName = 'Button';\n\n/**\n * Clear/Close icon button - a ghost button specifically for close/clear actions\n * Commonly used in tags, dialogs, and dismissible elements\n */\nexport interface ClearButtonProps\n  extends Omit<\n    ButtonProps,\n    | 'appearance'\n    | 'variant'\n    | 'children'\n    | 'startIcon'\n    | 'endIcon'\n    | 'dotIndicator'\n  > {\n  /** Size of the clear button */\n  size?: 'icon-xs' | 'icon-sm' | 'icon' | 'icon-lg' | 'icon-xl' | 'icon-2xl';\n}\n\nfunction ClearButton({\n  className,\n  size = 'icon-sm',\n  ...props\n}: ClearButtonProps) {\n  return (\n    <Button\n      appearance=\"ghost\"\n      variant=\"secondary\"\n      size={size}\n      iconOnly\n      className={cn(\n        'text-muted-foreground hover:text-secondary-foreground',\n        className,\n      )}\n      aria-label=\"Clear\"\n      {...props}\n    >\n      <X />\n    </Button>\n  );\n}\n\nClearButton.displayName = 'ClearButton';\n\nexport type { ButtonAppearance, ButtonShape, ButtonVariant };\nexport { Button, buttonVariants, ClearButton, Dot };\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/wc-react/close-button.js

@@ -1,10 +1,10 @@
-import { f as n } from "./_shared.js";
-import { t as i } from "./x.js";
+import { f as i } from "./_shared.js";
+import { t as n } from "./x.js";
 import { t as m } from "./dist.js";
 import { t as u } from "./button.js";
 import * as l from "react";
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-var c = m("", {
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+var d = m("", {
   variants: { size: {
     sm: "",
     md: "",
@@ -15,36 +15,36 @@ var c = m("", {
   sm: "icon-sm",
   md: "icon",
   lg: "icon-lg"
-}, f = l.forwardRef(({ className: r, size: t = "sm", "aria-label": e = "Close", ...s }, o) => /* @__PURE__ */ d(u, {
-  ref: o,
+}, f = l.forwardRef(({ className: a, size: e = "sm", "aria-label": t = "Close", ...o }, r) => /* @__PURE__ */ c(u, {
+  ref: r,
   "data-slot": "close-button",
   appearance: "ghost",
   variant: "secondary",
-  size: v[t ?? "sm"],
-  className: n(c({ size: t }), r),
-  "aria-label": e,
-  ...s,
-  children: [/* @__PURE__ */ a(i, {}), /* @__PURE__ */ a("span", {
+  size: v[e ?? "sm"],
+  className: i(d({ size: e }), a),
+  "aria-label": t,
+  ...o,
+  children: [/* @__PURE__ */ s(n, {}), /* @__PURE__ */ s("span", {
     className: "sr-only",
-    children: e
+    children: t
   })]
 }));
 f.displayName = "CloseButton";
-var p = m("flex shrink-0 items-center justify-center rounded-[3px] p-0.5 text-muted-foreground hover:bg-surface-1 hover:text-muted-foreground dark:text-text-quaternary dark:hover:text-text-quaternary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", {
+var p = m("flex shrink-0 items-center justify-center rounded-[3px] p-0.5 text-muted-foreground hover:bg-surface-1 hover:text-secondary-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", {
   variants: { size: {
     sm: "[&>svg]:size-2.5",
     md: "[&>svg]:size-3",
     lg: "[&>svg]:size-3.5"
   } },
   defaultVariants: { size: "md" }
-}), g = l.forwardRef(({ className: r, size: t = "md", "aria-label": e = "Remove", ...s }, o) => /* @__PURE__ */ a("button", {
-  ref: o,
+}), g = l.forwardRef(({ className: a, size: e = "md", "aria-label": t = "Remove", ...o }, r) => /* @__PURE__ */ s("button", {
+  ref: r,
   type: "button",
   "data-slot": "remove-button",
-  className: n(p({ size: t }), r),
-  "aria-label": e,
-  ...s,
-  children: /* @__PURE__ */ a(i, {})
+  className: i(p({ size: e }), a),
+  "aria-label": t,
+  ...o,
+  children: /* @__PURE__ */ s(n, {})
 }));
 g.displayName = "RemoveButton";
 export {

package/dist/wc-react/close-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"close-button.js","names":[],"sources":["../../src/components/ui/close-button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/utils';\n\n/**\n * CloseButton - for modal/overlay close buttons (dialogs, sheets, drawers)\n * Uses Button component with ghost variant, positioned by consumer\n */\nconst closeButtonVariants = cva('', {\n  variants: {\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n});\n\nconst buttonSizeMap = {\n  sm: 'icon-sm',\n  md: 'icon',\n  lg: 'icon-lg',\n} as const;\n\nexport interface CloseButtonProps\n  extends Omit<\n      React.ComponentProps<typeof Button>,\n      'variant' | 'size' | 'children'\n    >,\n    VariantProps<typeof closeButtonVariants> {\n  /** Accessible label for the close button */\n  'aria-label'?: string;\n}\n\nconst CloseButton = React.forwardRef<HTMLButtonElement, CloseButtonProps>(\n  (\n    { className, size = 'sm', 'aria-label': ariaLabel = 'Close', ...props },\n    ref,\n  ) => {\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"close-button\"\n        appearance=\"ghost\"\n        variant=\"secondary\"\n        size={buttonSizeMap[size ?? 'sm']}\n        className={cn(closeButtonVariants({ size }), className)}\n        aria-label={ariaLabel}\n        {...props}\n      >\n        <X />\n        <span className=\"sr-only\">{ariaLabel}</span>\n      </Button>\n    );\n  },\n);\n\nCloseButton.displayName = 'CloseButton';\n\n/**\n * RemoveButton - for inline remove buttons (tags, list items, chips)\n * Lightweight button with smaller footprint\n */\nconst removeButtonVariants = cva(\n  'flex shrink-0 items-center justify-center rounded-[3px] p-0.5 text-muted-foreground hover:bg-surface-1 hover:text-muted-foreground dark:text-text-quaternary dark:hover:text-text-quaternary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n  {\n    variants: {\n      size: {\n        sm: '[&>svg]:size-2.5',\n        md: '[&>svg]:size-3',\n        lg: '[&>svg]:size-3.5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nexport interface RemoveButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof removeButtonVariants> {\n  /** Accessible label for the remove button */\n  'aria-label'?: string;\n}\n\nconst RemoveButton = React.forwardRef<HTMLButtonElement, RemoveButtonProps>(\n  (\n    { className, size = 'md', 'aria-label': ariaLabel = 'Remove', ...props },\n    ref,\n  ) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"remove-button\"\n        className={cn(removeButtonVariants({ size }), className)}\n        aria-label={ariaLabel}\n        {...props}\n      >\n        <X />\n      </button>\n    );\n  },\n);\n\nRemoveButton.displayName = 'RemoveButton';\n\nexport { CloseButton, closeButtonVariants, RemoveButton, removeButtonVariants };\n"],"mappings":";;;;;;AAUA,IAAM,IAAsB,EAAI,IAAI;AAAA,EAClC,UAAU,EACR,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN,EACF;AAAA,EACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC,GAEK,IAAgB;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAYM,IAAc,EAAM,WAAA,CAEtB,EAAE,WAAA,GAAW,MAAA,IAAO,MAAM,cAAc,IAAY,SAAS,GAAG,EAAA,GAChE,MAGE,gBAAA,EAAC,GAAD;AAAA,EACO,KAAA;AAAA,EACL,aAAU;AAAA,EACV,YAAW;AAAA,EACX,SAAQ;AAAA,EACR,MAAM,EAAc,KAAQ,IAAA;AAAA,EAC5B,WAAW,EAAG,EAAoB,EAAE,MAAA,EAAK,CAAC,GAAG,CAAS;AAAA,EACtD,cAAY;AAAA,EACZ,GAAI;AAAA,YARN,CAUE,gBAAA,EAAC,GAAD,CAAI,CAAA,GACJ,gBAAA,EAAC,QAAD;AAAA,IAAM,WAAU;AAAA,cAAW;AAAA,EAAgB,CAAA,CACrC;EAGd;AAEA,EAAY,cAAc;AAM1B,IAAM,IAAuB,EAC3B,0RACA;AAAA,EACE,UAAU,EACR,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN,EACF;AAAA,EACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF,GASM,IAAe,EAAM,WAAA,CAEvB,EAAE,WAAA,GAAW,MAAA,IAAO,MAAM,cAAc,IAAY,UAAU,GAAG,EAAA,GACjE,MAGE,gBAAA,EAAC,UAAD;AAAA,EACO,KAAA;AAAA,EACL,MAAK;AAAA,EACL,aAAU;AAAA,EACV,WAAW,EAAG,EAAqB,EAAE,MAAA,EAAK,CAAC,GAAG,CAAS;AAAA,EACvD,cAAY;AAAA,EACZ,GAAI;AAAA,YAEJ,gBAAA,EAAC,GAAD,CAAI,CAAA;AACE,CAAA,CAGd;AAEA,EAAa,cAAc"}
+{"version":3,"file":"close-button.js","names":[],"sources":["../../src/components/ui/close-button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/utils';\n\n/**\n * CloseButton - for modal/overlay close buttons (dialogs, sheets, drawers)\n * Uses Button component with ghost variant, positioned by consumer\n */\nconst closeButtonVariants = cva('', {\n  variants: {\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n});\n\nconst buttonSizeMap = {\n  sm: 'icon-sm',\n  md: 'icon',\n  lg: 'icon-lg',\n} as const;\n\nexport interface CloseButtonProps\n  extends Omit<\n      React.ComponentProps<typeof Button>,\n      'variant' | 'size' | 'children'\n    >,\n    VariantProps<typeof closeButtonVariants> {\n  /** Accessible label for the close button */\n  'aria-label'?: string;\n}\n\nconst CloseButton = React.forwardRef<HTMLButtonElement, CloseButtonProps>(\n  (\n    { className, size = 'sm', 'aria-label': ariaLabel = 'Close', ...props },\n    ref,\n  ) => {\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"close-button\"\n        appearance=\"ghost\"\n        variant=\"secondary\"\n        size={buttonSizeMap[size ?? 'sm']}\n        className={cn(closeButtonVariants({ size }), className)}\n        aria-label={ariaLabel}\n        {...props}\n      >\n        <X />\n        <span className=\"sr-only\">{ariaLabel}</span>\n      </Button>\n    );\n  },\n);\n\nCloseButton.displayName = 'CloseButton';\n\n/**\n * RemoveButton - for inline remove buttons (tags, list items, chips)\n * Lightweight button with smaller footprint\n */\nconst removeButtonVariants = cva(\n  'flex shrink-0 items-center justify-center rounded-[3px] p-0.5 text-muted-foreground hover:bg-surface-1 hover:text-secondary-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n  {\n    variants: {\n      size: {\n        sm: '[&>svg]:size-2.5',\n        md: '[&>svg]:size-3',\n        lg: '[&>svg]:size-3.5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nexport interface RemoveButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof removeButtonVariants> {\n  /** Accessible label for the remove button */\n  'aria-label'?: string;\n}\n\nconst RemoveButton = React.forwardRef<HTMLButtonElement, RemoveButtonProps>(\n  (\n    { className, size = 'md', 'aria-label': ariaLabel = 'Remove', ...props },\n    ref,\n  ) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"remove-button\"\n        className={cn(removeButtonVariants({ size }), className)}\n        aria-label={ariaLabel}\n        {...props}\n      >\n        <X />\n      </button>\n    );\n  },\n);\n\nRemoveButton.displayName = 'RemoveButton';\n\nexport { CloseButton, closeButtonVariants, RemoveButton, removeButtonVariants };\n"],"mappings":";;;;;;AAUA,IAAM,IAAsB,EAAI,IAAI;AAAA,EAClC,UAAU,EACR,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN,EACF;AAAA,EACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC,GAEK,IAAgB;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAYM,IAAc,EAAM,WAAA,CAEtB,EAAE,WAAA,GAAW,MAAA,IAAO,MAAM,cAAc,IAAY,SAAS,GAAG,EAAA,GAChE,MAGE,gBAAA,EAAC,GAAD;AAAA,EACO,KAAA;AAAA,EACL,aAAU;AAAA,EACV,YAAW;AAAA,EACX,SAAQ;AAAA,EACR,MAAM,EAAc,KAAQ,IAAA;AAAA,EAC5B,WAAW,EAAG,EAAoB,EAAE,MAAA,EAAK,CAAC,GAAG,CAAS;AAAA,EACtD,cAAY;AAAA,EACZ,GAAI;AAAA,YARN,CAUE,gBAAA,EAAC,GAAD,CAAI,CAAA,GACJ,gBAAA,EAAC,QAAD;AAAA,IAAM,WAAU;AAAA,cAAW;AAAA,EAAgB,CAAA,CACrC;EAGd;AAEA,EAAY,cAAc;AAM1B,IAAM,IAAuB,EAC3B,oOACA;AAAA,EACE,UAAU,EACR,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN,EACF;AAAA,EACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF,GASM,IAAe,EAAM,WAAA,CAEvB,EAAE,WAAA,GAAW,MAAA,IAAO,MAAM,cAAc,IAAY,UAAU,GAAG,EAAA,GACjE,MAGE,gBAAA,EAAC,UAAD;AAAA,EACO,KAAA;AAAA,EACL,MAAK;AAAA,EACL,aAAU;AAAA,EACV,WAAW,EAAG,EAAqB,EAAE,MAAA,EAAK,CAAC,GAAG,CAAS;AAAA,EACvD,cAAY;AAAA,EACZ,GAAI;AAAA,YAEJ,gBAAA,EAAC,GAAD,CAAI,CAAA;AACE,CAAA,CAGd;AAEA,EAAa,cAAc"}

package/dist/wc-react/hf-ai-prompt-suggestion.js

@@ -93,7 +93,7 @@ function x({ title: e, description: r, icon: t, onClick: s, featured: n = !1, cl
         className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors",
         children: e
       }), r && /* @__PURE__ */ i("p", {
-        className: "text-xs text-text-quaternary line-clamp-2",
+        className: "text-xs text-secondary-foreground line-clamp-2",
         children: r
       })]
     })]

package/dist/wc-react/hf-ai-prompt-suggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"hf-ai-prompt-suggestion.js","names":[],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/arrow-right.mjs","../../src/components/organisms/ai/AIPromptSuggestion/AIPromptSuggestion.tsx","../../src/wc/hf-ai-prompt-suggestion.ts"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n  [\"path\", { d: \"m12 5 7 7-7 7\", key: \"xquz4c\" }]\n];\nconst ArrowRight = createLucideIcon(\"arrow-right\", __iconNode);\n\nexport { __iconNode, ArrowRight as default };\n//# sourceMappingURL=arrow-right.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { ArrowRight, Sparkles } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst promptSuggestionVariants = cva(\n  'group inline-flex items-center gap-2 transition-all cursor-pointer',\n  {\n    variants: {\n      variant: {\n        default:\n          'px-4 py-2.5 rounded-full border border-border bg-background hover:border-border hover:shadow-sm text-secondary-foreground hover:text-foreground',\n        outline:\n          'px-4 py-2.5 rounded-full border border-border bg-transparent hover:bg-muted text-secondary-foreground hover:text-foreground',\n        ghost:\n          'px-3 py-2 rounded-lg hover:bg-accent text-muted-foreground hover:text-foreground',\n        card: 'flex-col items-start p-4 rounded-xl border border-border bg-background hover:border-primary hover:shadow-md',\n        highlight:\n          'text-primary hover:text-primary underline underline-offset-2',\n      },\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// =============================================================================\n// Main AIPromptSuggestion Component\n// =============================================================================\n\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\nfunction getSuggestionLimit(max: number | undefined): number | null {\n  return typeof max === 'number' && Number.isFinite(max) && max > 0\n    ? Math.floor(max)\n    : null;\n}\n\ninterface HighlightedTextPart {\n  key: string;\n  text: string;\n  highlighted: boolean;\n}\n\nfunction getHighlightedTextParts(\n  text: string,\n  highlight: string,\n): HighlightedTextPart[] {\n  const escapedHighlight = escapeRegExp(highlight);\n  const parts = text.split(new RegExp(`(${escapedHighlight})`, 'gi'));\n  const normalizedHighlight = highlight.toLowerCase();\n  let offset = 0;\n\n  return parts.map((part) => {\n    const partOffset = offset;\n    offset += part.length;\n\n    return {\n      key: `${partOffset}:${part.toLowerCase() === normalizedHighlight ? 'highlight' : 'plain'}:${part}`,\n      text: part,\n      highlighted: part.toLowerCase() === normalizedHighlight,\n    };\n  });\n}\n\nexport interface AIPromptSuggestionProps\n  extends VariantProps<typeof promptSuggestionVariants> {\n  /** Suggestion text */\n  children: string;\n  /** Click handler */\n  onClick?: () => void;\n  /** Optional icon */\n  icon?: React.ReactNode;\n  /** Show arrow icon on hover */\n  showArrow?: boolean;\n  /** Highlight specific text within the suggestion */\n  highlight?: string;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AIPromptSuggestion({\n  children,\n  onClick,\n  icon,\n  showArrow = false,\n  highlight,\n  variant,\n  size,\n  className,\n}: AIPromptSuggestionProps) {\n  const renderedText = React.useMemo(() => {\n    if (!highlight) {\n      return <span>{children}</span>;\n    }\n\n    const parts = getHighlightedTextParts(children, highlight);\n\n    return (\n      <span>\n        {parts.map((part) =>\n          part.highlighted ? (\n            <span key={part.key} className=\"text-primary font-medium\">\n              {part.text}\n            </span>\n          ) : (\n            <span key={part.key}>{part.text}</span>\n          ),\n        )}\n      </span>\n    );\n  }, [children, highlight]);\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"ai-prompt-suggestion\"\n      onClick={onClick}\n      className={cn(\n        promptSuggestionVariants({ variant, size }),\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n        className,\n      )}\n    >\n      {icon && (\n        <span className=\"shrink-0\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {renderedText}\n      {showArrow && variant !== 'highlight' && (\n        <ArrowRight\n          className=\"size-4 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all motion-reduce:transition-none\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  );\n}\n\nAIPromptSuggestion.displayName = 'AIPromptSuggestion';\n\n// =============================================================================\n// Prompt Suggestion Card (Enhanced variant)\n// =============================================================================\n\nexport interface AIPromptSuggestionCardProps {\n  /** Card title */\n  title: string;\n  /** Card description */\n  description?: string;\n  /** Icon to display */\n  icon?: React.ReactNode;\n  /** Click handler */\n  onClick?: () => void;\n  /** Whether the card is featured/highlighted */\n  featured?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AIPromptSuggestionCard({\n  title,\n  description,\n  icon,\n  onClick,\n  featured = false,\n  className,\n}: AIPromptSuggestionCardProps) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"ai-prompt-suggestion-card\"\n      onClick={onClick}\n      className={cn(\n        'group flex flex-col items-start gap-2 p-4 rounded-xl border transition-all text-left focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n        featured\n          ? 'border-primary bg-primary/10 hover:border-primary hover:shadow-md'\n          : 'border-border bg-background hover:border-border hover:shadow-md',\n        className,\n      )}\n    >\n      {icon && (\n        <div\n          className={cn(\n            'size-8 rounded-lg flex items-center justify-center',\n            featured\n              ? 'bg-primary/20 text-primary'\n              : 'bg-accent text-muted-foreground',\n          )}\n        >\n          {icon}\n        </div>\n      )}\n      <div className=\"space-y-1\">\n        <h4 className=\"text-sm font-medium text-foreground group-hover:text-primary transition-colors\">\n          {title}\n        </h4>\n        {description && (\n          <p className=\"text-xs text-text-quaternary line-clamp-2\">\n            {description}\n          </p>\n        )}\n      </div>\n    </button>\n  );\n}\n\nAIPromptSuggestionCard.displayName = 'AIPromptSuggestionCard';\n\n// =============================================================================\n// Prompt Suggestion List\n// =============================================================================\n\nexport interface AIPromptSuggestionListProps {\n  /** Array of suggestions */\n  suggestions: Array<{\n    text: string;\n    icon?: React.ReactNode;\n  }>;\n  /** Click handler (receives suggestion text) */\n  onSelect?: (text: string) => void;\n  /** Variant for all suggestions */\n  variant?: AIPromptSuggestionProps['variant'];\n  /** Layout direction */\n  direction?: 'horizontal' | 'vertical';\n  /** Maximum suggestions to show */\n  max?: number;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AIPromptSuggestionList({\n  suggestions,\n  onSelect,\n  variant = 'default',\n  direction = 'horizontal',\n  max,\n  className,\n}: AIPromptSuggestionListProps) {\n  const limit = getSuggestionLimit(max);\n  const visibleSuggestions =\n    limit === null ? suggestions : suggestions.slice(0, limit);\n\n  return (\n    <section\n      data-slot=\"ai-prompt-suggestion-list\"\n      aria-label=\"Prompt suggestions\"\n      className={cn(\n        'flex gap-2',\n        direction === 'horizontal' ? 'flex-wrap' : 'flex-col',\n        className,\n      )}\n    >\n      {visibleSuggestions.map((suggestion) => (\n        <AIPromptSuggestion\n          key={suggestion.text}\n          variant={variant}\n          icon={suggestion.icon}\n          onClick={() => onSelect?.(suggestion.text)}\n        >\n          {suggestion.text}\n        </AIPromptSuggestion>\n      ))}\n    </section>\n  );\n}\n\nAIPromptSuggestionList.displayName = 'AIPromptSuggestionList';\n\n// =============================================================================\n// Quick Actions Grid\n// =============================================================================\n\nexport interface QuickAction {\n  id: string;\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n  prompt: string;\n}\n\nexport interface AIQuickActionsProps {\n  /** Array of quick actions */\n  actions: QuickAction[];\n  /** Click handler (receives action prompt) */\n  onSelect?: (prompt: string) => void;\n  /** Visual variant */\n  variant?: 'card' | 'pill';\n  /** Number of columns (only for card variant) */\n  columns?: 2 | 3 | 4;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AIQuickActions({\n  actions,\n  onSelect,\n  variant = 'card',\n  columns = 2,\n  className,\n}: AIQuickActionsProps) {\n  const gridCols = {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  };\n\n  if (variant === 'pill') {\n    return (\n      <div className={cn('flex flex-wrap gap-2', className)}>\n        {actions.map((action) => (\n          <AIPromptSuggestion\n            key={action.id}\n            icon={action.icon || <Sparkles className=\"size-4\" />}\n            onClick={() => onSelect?.(action.prompt)}\n          >\n            {action.title}\n          </AIPromptSuggestion>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('grid gap-3', gridCols[columns], className)}>\n      {actions.map((action) => (\n        <AIPromptSuggestionCard\n          key={action.id}\n          title={action.title}\n          description={action.description}\n          icon={action.icon || <Sparkles className=\"size-4\" />}\n          onClick={() => onSelect?.(action.prompt)}\n        />\n      ))}\n    </div>\n  );\n}\n\nAIQuickActions.displayName = 'AIQuickActions';\n\nexport {\n  AIPromptSuggestion,\n  AIPromptSuggestionCard,\n  AIPromptSuggestionList,\n  AIQuickActions,\n  promptSuggestionVariants,\n};\n","/**\n * Web Component wrapper for AIPromptSuggestion\n * Custom element: <hf-ai-prompt-suggestion>\n *\n * @generated by scripts/generate-wc-components.ts\n * DO NOT EDIT MANUALLY\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { AIPromptSuggestion } from '../components/organisms/ai/AIPromptSuggestion';\nimport { parseAttr, parseValue, type PropDefs } from './_shared';\n\n/**\n * Event wrapper that dispatches custom DOM events\n */\nfunction createEventDispatcher(element: HTMLElement) {\n  return {\n    onClick: (value: unknown) => {\n      const CustomEventConstructor =\n        element.ownerDocument.defaultView?.CustomEvent ?? CustomEvent;\n      element.dispatchEvent(new CustomEventConstructor('click', {\n        detail: value,\n        bubbles: true,\n        composed: true\n      }));\n    }\n  };\n}\n\n/**\n * Wrapper component that connects React events to DOM custom events\n */\nfunction AIPromptSuggestionWrapper(props: React.ComponentProps<typeof AIPromptSuggestion> & { _hostElement?: HTMLElement }) {\n  const { _hostElement, ...restProps } = props;\n\n  const eventHandlers = React.useMemo(() => {\n    if (!_hostElement) return {};\n    return createEventDispatcher(_hostElement);\n  }, [_hostElement]);\n\n  return React.createElement(AIPromptSuggestion, { ...restProps, ...eventHandlers });\n}\n\n/**\n * Prop type definitions for attribute parsing\n */\nconst propTypes: PropDefs = {\n    variant: 'string',\n    size: 'string',\n    icon: 'json',\n    showArrow: 'boolean',\n    highlight: 'string',\n    className: 'string'\n};\n\nclass AIPromptSuggestionWC extends HTMLElement {\n  private _root: ReturnType<typeof createRoot> | null = null;\n  private _childrenContainer: HTMLDivElement | null = null;\n  private _props: Record<string, unknown> = {};\n  private _initialized = false;\n\n  connectedCallback() {\n    setTimeout(() => this._initialize(), 0);\n  }\n\n  private _initialize() {\n    if (this._initialized) return;\n    this._initialized = true;\n\n    const originalChildren: Node[] = [];\n    for (const child of Array.from(this.childNodes)) {\n      if (child.nodeType === Node.TEXT_NODE && !child.textContent?.trim()) {\n        continue;\n      }\n      originalChildren.push(child);\n    }\n\n    const reactContainer = this.ownerDocument.createElement('div');\n    reactContainer.style.display = 'contents';\n\n    this._childrenContainer = this.ownerDocument.createElement('div');\n    this._childrenContainer.style.display = 'contents';\n\n    originalChildren.forEach((child) => this._childrenContainer!.appendChild(child));\n\n    while (this.firstChild) this.removeChild(this.firstChild);\n    this.appendChild(reactContainer);\n\n    this._root = createRoot(reactContainer);\n    this._render();\n  }\n\n  disconnectedCallback() {\n    this._root?.unmount();\n    this._root = null;\n  }\n\n  attributeChangedCallback(_name: string, _oldValue: string | null, _newValue: string | null) {\n    this._render();\n  }\n\n  static get observedAttributes() {\n    return Object.keys(propTypes).map((prop) =>\n      prop.replace(/([A-Z])/g, '-$1').toLowerCase(),\n    );\n  }\n\n  _setProp(name: string, value: unknown) {\n    const propType = propTypes[name] || 'string';\n    this._props[name] = parseValue(value, propType);\n    this._render();\n  }\n\n  _getProp(name: string): unknown {\n    if (name in this._props) {\n      return this._props[name];\n    }\n    const attrName = name.replace(/([A-Z])/g, '-$1').toLowerCase();\n    const propType = propTypes[name] || 'string';\n    return parseAttr(this.getAttribute(attrName), propType);\n  }\n\n  private _render() {\n    if (!this._root || !this._childrenContainer) return;\n\n    const props: Record<string, unknown> = {};\n    for (const [propName, propType] of Object.entries(propTypes)) {\n      if (propName in this._props) {\n        props[propName] = this._props[propName];\n      } else {\n        const attrName = propName.replace(/([A-Z])/g, '-$1').toLowerCase();\n        props[propName] = parseAttr(this.getAttribute(attrName), propType);\n      }\n    }\n\n    const element = React.createElement(\n      AIPromptSuggestionWrapper,\n      { ...props, _hostElement: this },\n      React.createElement('span', {\n        ref: (el: HTMLSpanElement | null) => {\n          if (el && this._childrenContainer) {\n            el.replaceWith(this._childrenContainer);\n          }\n        },\n        style: { display: 'contents' },\n      }),\n    );\n\n    this._root.render(element);\n  }\n}\n\nfor (const propName of Object.keys(propTypes)) {\n  Object.defineProperty(AIPromptSuggestionWC.prototype, propName, {\n    get() {\n      return this._getProp(propName);\n    },\n    set(value: unknown) {\n      this._setProp(propName, value);\n    },\n    enumerable: true,\n    configurable: true,\n  });\n}\n\nif (typeof customElements !== 'undefined' && !customElements.get('hf-ai-prompt-suggestion')) {\n  customElements.define('hf-ai-prompt-suggestion', AIPromptSuggestionWC);\n}\n\nexport { AIPromptSuggestionWC };\nexport default AIPromptSuggestionWC;\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"hf-ai-prompt-suggestion.js","names":[],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/arrow-right.mjs","../../src/components/organisms/ai/AIPromptSuggestion/AIPromptSuggestion.tsx","../../src/wc/hf-ai-prompt-suggestion.ts"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n  [\"path\", { d: \"m12 5 7 7-7 7\", key: \"xquz4c\" }]\n];\nconst ArrowRight = createLucideIcon(\"arrow-right\", __iconNode);\n\nexport { __iconNode, ArrowRight as default };\n//# sourceMappingURL=arrow-right.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { ArrowRight, Sparkles } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst promptSuggestionVariants = cva(\n  'group inline-flex items-center gap-2 transition-all cursor-pointer',\n  {\n    variants: {\n      variant: {\n        default:\n          'px-4 py-2.5 rounded-full border border-border bg-background hover:border-border hover:shadow-sm text-secondary-foreground hover:text-foreground',\n        outline:\n          'px-4 py-2.5 rounded-full border border-border bg-transparent hover:bg-muted text-secondary-foreground hover:text-foreground',\n        ghost:\n          'px-3 py-2 rounded-lg hover:bg-accent text-muted-foreground hover:text-foreground',\n        card: 'flex-col items-start p-4 rounded-xl border border-border bg-background hover:border-primary hover:shadow-md',\n        highlight:\n          'text-primary hover:text-primary underline underline-offset-2',\n      },\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\n// =============================================================================\n// Main AIPromptSuggestion Component\n// =============================================================================\n\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\nfunction getSuggestionLimit(max: number | undefined): number | null {\n  return typeof max === 'number' && Number.isFinite(max) && max > 0\n    ? Math.floor(max)\n    : null;\n}\n\ninterface HighlightedTextPart {\n  key: string;\n  text: string;\n  highlighted: boolean;\n}\n\nfunction getHighlightedTextParts(\n  text: string,\n  highlight: string,\n): HighlightedTextPart[] {\n  const escapedHighlight = escapeRegExp(highlight);\n  const parts = text.split(new RegExp(`(${escapedHighlight})`, 'gi'));\n  const normalizedHighlight = highlight.toLowerCase();\n  let offset = 0;\n\n  return parts.map((part) => {\n    const partOffset = offset;\n    offset += part.length;\n\n    return {\n      key: `${partOffset}:${part.toLowerCase() === normalizedHighlight ? 'highlight' : 'plain'}:${part}`,\n      text: part,\n      highlighted: part.toLowerCase() === normalizedHighlight,\n    };\n  });\n}\n\nexport interface AIPromptSuggestionProps\n  extends VariantProps<typeof promptSuggestionVariants> {\n  /** Suggestion text */\n  children: string;\n  /** Click handler */\n  onClick?: () => void;\n  /** Optional icon */\n  icon?: React.ReactNode;\n  /** Show arrow icon on hover */\n  showArrow?: boolean;\n  /** Highlight specific text within the suggestion */\n  highlight?: string;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AIPromptSuggestion({\n  children,\n  onClick,\n  icon,\n  showArrow = false,\n  highlight,\n  variant,\n  size,\n  className,\n}: AIPromptSuggestionProps) {\n  const renderedText = React.useMemo(() => {\n    if (!highlight) {\n      return <span>{children}</span>;\n    }\n\n    const parts = getHighlightedTextParts(children, highlight);\n\n    return (\n      <span>\n        {parts.map((part) =>\n          part.highlighted ? (\n            <span key={part.key} className=\"text-primary font-medium\">\n              {part.text}\n            </span>\n          ) : (\n            <span key={part.key}>{part.text}</span>\n          ),\n        )}\n      </span>\n    );\n  }, [children, highlight]);\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"ai-prompt-suggestion\"\n      onClick={onClick}\n      className={cn(\n        promptSuggestionVariants({ variant, size }),\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n        className,\n      )}\n    >\n      {icon && (\n        <span className=\"shrink-0\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {renderedText}\n      {showArrow && variant !== 'highlight' && (\n        <ArrowRight\n          className=\"size-4 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all motion-reduce:transition-none\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  );\n}\n\nAIPromptSuggestion.displayName = 'AIPromptSuggestion';\n\n// =============================================================================\n// Prompt Suggestion Card (Enhanced variant)\n// =============================================================================\n\nexport interface AIPromptSuggestionCardProps {\n  /** Card title */\n  title: string;\n  /** Card description */\n  description?: string;\n  /** Icon to display */\n  icon?: React.ReactNode;\n  /** Click handler */\n  onClick?: () => void;\n  /** Whether the card is featured/highlighted */\n  featured?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AIPromptSuggestionCard({\n  title,\n  description,\n  icon,\n  onClick,\n  featured = false,\n  className,\n}: AIPromptSuggestionCardProps) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"ai-prompt-suggestion-card\"\n      onClick={onClick}\n      className={cn(\n        'group flex flex-col items-start gap-2 p-4 rounded-xl border transition-all text-left focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n        featured\n          ? 'border-primary bg-primary/10 hover:border-primary hover:shadow-md'\n          : 'border-border bg-background hover:border-border hover:shadow-md',\n        className,\n      )}\n    >\n      {icon && (\n        <div\n          className={cn(\n            'size-8 rounded-lg flex items-center justify-center',\n            featured\n              ? 'bg-primary/20 text-primary'\n              : 'bg-accent text-muted-foreground',\n          )}\n        >\n          {icon}\n        </div>\n      )}\n      <div className=\"space-y-1\">\n        <h4 className=\"text-sm font-medium text-foreground group-hover:text-primary transition-colors\">\n          {title}\n        </h4>\n        {description && (\n          <p className=\"text-xs text-secondary-foreground line-clamp-2\">\n            {description}\n          </p>\n        )}\n      </div>\n    </button>\n  );\n}\n\nAIPromptSuggestionCard.displayName = 'AIPromptSuggestionCard';\n\n// =============================================================================\n// Prompt Suggestion List\n// =============================================================================\n\nexport interface AIPromptSuggestionListProps {\n  /** Array of suggestions */\n  suggestions: Array<{\n    text: string;\n    icon?: React.ReactNode;\n  }>;\n  /** Click handler (receives suggestion text) */\n  onSelect?: (text: string) => void;\n  /** Variant for all suggestions */\n  variant?: AIPromptSuggestionProps['variant'];\n  /** Layout direction */\n  direction?: 'horizontal' | 'vertical';\n  /** Maximum suggestions to show */\n  max?: number;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AIPromptSuggestionList({\n  suggestions,\n  onSelect,\n  variant = 'default',\n  direction = 'horizontal',\n  max,\n  className,\n}: AIPromptSuggestionListProps) {\n  const limit = getSuggestionLimit(max);\n  const visibleSuggestions =\n    limit === null ? suggestions : suggestions.slice(0, limit);\n\n  return (\n    <section\n      data-slot=\"ai-prompt-suggestion-list\"\n      aria-label=\"Prompt suggestions\"\n      className={cn(\n        'flex gap-2',\n        direction === 'horizontal' ? 'flex-wrap' : 'flex-col',\n        className,\n      )}\n    >\n      {visibleSuggestions.map((suggestion) => (\n        <AIPromptSuggestion\n          key={suggestion.text}\n          variant={variant}\n          icon={suggestion.icon}\n          onClick={() => onSelect?.(suggestion.text)}\n        >\n          {suggestion.text}\n        </AIPromptSuggestion>\n      ))}\n    </section>\n  );\n}\n\nAIPromptSuggestionList.displayName = 'AIPromptSuggestionList';\n\n// =============================================================================\n// Quick Actions Grid\n// =============================================================================\n\nexport interface QuickAction {\n  id: string;\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n  prompt: string;\n}\n\nexport interface AIQuickActionsProps {\n  /** Array of quick actions */\n  actions: QuickAction[];\n  /** Click handler (receives action prompt) */\n  onSelect?: (prompt: string) => void;\n  /** Visual variant */\n  variant?: 'card' | 'pill';\n  /** Number of columns (only for card variant) */\n  columns?: 2 | 3 | 4;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AIQuickActions({\n  actions,\n  onSelect,\n  variant = 'card',\n  columns = 2,\n  className,\n}: AIQuickActionsProps) {\n  const gridCols = {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  };\n\n  if (variant === 'pill') {\n    return (\n      <div className={cn('flex flex-wrap gap-2', className)}>\n        {actions.map((action) => (\n          <AIPromptSuggestion\n            key={action.id}\n            icon={action.icon || <Sparkles className=\"size-4\" />}\n            onClick={() => onSelect?.(action.prompt)}\n          >\n            {action.title}\n          </AIPromptSuggestion>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('grid gap-3', gridCols[columns], className)}>\n      {actions.map((action) => (\n        <AIPromptSuggestionCard\n          key={action.id}\n          title={action.title}\n          description={action.description}\n          icon={action.icon || <Sparkles className=\"size-4\" />}\n          onClick={() => onSelect?.(action.prompt)}\n        />\n      ))}\n    </div>\n  );\n}\n\nAIQuickActions.displayName = 'AIQuickActions';\n\nexport {\n  AIPromptSuggestion,\n  AIPromptSuggestionCard,\n  AIPromptSuggestionList,\n  AIQuickActions,\n  promptSuggestionVariants,\n};\n","/**\n * Web Component wrapper for AIPromptSuggestion\n * Custom element: <hf-ai-prompt-suggestion>\n *\n * @generated by scripts/generate-wc-components.ts\n * DO NOT EDIT MANUALLY\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { AIPromptSuggestion } from '../components/organisms/ai/AIPromptSuggestion';\nimport { parseAttr, parseValue, type PropDefs } from './_shared';\n\n/**\n * Event wrapper that dispatches custom DOM events\n */\nfunction createEventDispatcher(element: HTMLElement) {\n  return {\n    onClick: (value: unknown) => {\n      const CustomEventConstructor =\n        element.ownerDocument.defaultView?.CustomEvent ?? CustomEvent;\n      element.dispatchEvent(new CustomEventConstructor('click', {\n        detail: value,\n        bubbles: true,\n        composed: true\n      }));\n    }\n  };\n}\n\n/**\n * Wrapper component that connects React events to DOM custom events\n */\nfunction AIPromptSuggestionWrapper(props: React.ComponentProps<typeof AIPromptSuggestion> & { _hostElement?: HTMLElement }) {\n  const { _hostElement, ...restProps } = props;\n\n  const eventHandlers = React.useMemo(() => {\n    if (!_hostElement) return {};\n    return createEventDispatcher(_hostElement);\n  }, [_hostElement]);\n\n  return React.createElement(AIPromptSuggestion, { ...restProps, ...eventHandlers });\n}\n\n/**\n * Prop type definitions for attribute parsing\n */\nconst propTypes: PropDefs = {\n    variant: 'string',\n    size: 'string',\n    icon: 'json',\n    showArrow: 'boolean',\n    highlight: 'string',\n    className: 'string'\n};\n\nclass AIPromptSuggestionWC extends HTMLElement {\n  private _root: ReturnType<typeof createRoot> | null = null;\n  private _childrenContainer: HTMLDivElement | null = null;\n  private _props: Record<string, unknown> = {};\n  private _initialized = false;\n\n  connectedCallback() {\n    setTimeout(() => this._initialize(), 0);\n  }\n\n  private _initialize() {\n    if (this._initialized) return;\n    this._initialized = true;\n\n    const originalChildren: Node[] = [];\n    for (const child of Array.from(this.childNodes)) {\n      if (child.nodeType === Node.TEXT_NODE && !child.textContent?.trim()) {\n        continue;\n      }\n      originalChildren.push(child);\n    }\n\n    const reactContainer = this.ownerDocument.createElement('div');\n    reactContainer.style.display = 'contents';\n\n    this._childrenContainer = this.ownerDocument.createElement('div');\n    this._childrenContainer.style.display = 'contents';\n\n    originalChildren.forEach((child) => this._childrenContainer!.appendChild(child));\n\n    while (this.firstChild) this.removeChild(this.firstChild);\n    this.appendChild(reactContainer);\n\n    this._root = createRoot(reactContainer);\n    this._render();\n  }\n\n  disconnectedCallback() {\n    this._root?.unmount();\n    this._root = null;\n  }\n\n  attributeChangedCallback(_name: string, _oldValue: string | null, _newValue: string | null) {\n    this._render();\n  }\n\n  static get observedAttributes() {\n    return Object.keys(propTypes).map((prop) =>\n      prop.replace(/([A-Z])/g, '-$1').toLowerCase(),\n    );\n  }\n\n  _setProp(name: string, value: unknown) {\n    const propType = propTypes[name] || 'string';\n    this._props[name] = parseValue(value, propType);\n    this._render();\n  }\n\n  _getProp(name: string): unknown {\n    if (name in this._props) {\n      return this._props[name];\n    }\n    const attrName = name.replace(/([A-Z])/g, '-$1').toLowerCase();\n    const propType = propTypes[name] || 'string';\n    return parseAttr(this.getAttribute(attrName), propType);\n  }\n\n  private _render() {\n    if (!this._root || !this._childrenContainer) return;\n\n    const props: Record<string, unknown> = {};\n    for (const [propName, propType] of Object.entries(propTypes)) {\n      if (propName in this._props) {\n        props[propName] = this._props[propName];\n      } else {\n        const attrName = propName.replace(/([A-Z])/g, '-$1').toLowerCase();\n        props[propName] = parseAttr(this.getAttribute(attrName), propType);\n      }\n    }\n\n    const element = React.createElement(\n      AIPromptSuggestionWrapper,\n      { ...props, _hostElement: this },\n      React.createElement('span', {\n        ref: (el: HTMLSpanElement | null) => {\n          if (el && this._childrenContainer) {\n            el.replaceWith(this._childrenContainer);\n          }\n        },\n        style: { display: 'contents' },\n      }),\n    );\n\n    this._root.render(element);\n  }\n}\n\nfor (const propName of Object.keys(propTypes)) {\n  Object.defineProperty(AIPromptSuggestionWC.prototype, propName, {\n    get() {\n      return this._getProp(propName);\n    },\n    set(value: unknown) {\n      this._setProp(propName, value);\n    },\n    enumerable: true,\n    configurable: true,\n  });\n}\n\nif (typeof customElements !== 'undefined' && !customElements.get('hf-ai-prompt-suggestion')) {\n  customElements.define('hf-ai-prompt-suggestion', AIPromptSuggestionWC);\n}\n\nexport { AIPromptSuggestionWC };\nexport default AIPromptSuggestionWC;\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/wc-react/hf-ai-reasoning-block.js

@@ -100,7 +100,7 @@ function y({ title: e = "Reasoning", isOpen: r, onToggle: t, isStreaming: i = !1
       className: "flex items-center gap-2",
       children: [
         /* @__PURE__ */ n(g, {
-          className: o("size-4", i ? "text-primary" : "text-text-quaternary"),
+          className: o("size-4", i ? "text-primary" : "text-muted-foreground"),
           "aria-hidden": "true"
         }),
         /* @__PURE__ */ n("span", {