@brycks/core-front 0.2.7 → 0.2.9

package/dist/components/feedback/Popover/Popover.js

@@ -0,0 +1,168 @@
+import { jsxs as A, Fragment as B, jsx as N } from "react/jsx-runtime";
+import { forwardRef as ee, useState as E, useRef as v, useId as te, useCallback as k, useEffect as M, cloneElement as oe } from "react";
+import { createPortal as re } from "react-dom";
+import { cx as se } from "../../../utils/styles.js";
+import { useClickOutside as ne } from "../../../hooks/useClickOutside.js";
+import { usePrefersReducedMotion as ce } from "../../../hooks/useMediaQuery.js";
+const ae = ee(function({
+  content: X,
+  children: T,
+  placement: w = "bottom",
+  trigger: o = "click",
+  isOpen: y,
+  defaultOpen: Y = !1,
+  onOpenChange: x,
+  offset: i = 8,
+  openDelay: C = 200,
+  closeDelay: P = 200,
+  closeOnOutsideClick: F = !0,
+  showArrow: le = !0,
+  className: W,
+  style: _,
+  testId: q,
+  ...G
+}, f) {
+  const [H, J] = E(Y), [L, K] = E({ top: 0, left: 0 }), [m, I] = E(!1), g = v(null), O = v(null), l = v(null), u = v(null), z = te(), Q = ce(), r = y ?? H, s = k(
+    (e) => {
+      y === void 0 && J(e), x?.(e);
+    },
+    [y, x]
+  ), U = ne(() => {
+    F && o === "click" && r && s(!1);
+  }, { enabled: r && o === "click" });
+  M(() => (I(!0), () => I(!1)), []), M(() => {
+    if (!r || !g.current || !m) return;
+    const e = () => {
+      const S = g.current, j = O.current;
+      if (!S || !j) return;
+      const t = S.getBoundingClientRect(), n = j.getBoundingClientRect(), d = window.scrollX, p = window.scrollY;
+      let c = 0, a = 0;
+      switch (w) {
+        case "top":
+        case "top-start":
+        case "top-end":
+          c = t.top + p - n.height - i;
+          break;
+        case "bottom":
+        case "bottom-start":
+        case "bottom-end":
+          c = t.bottom + p + i;
+          break;
+        case "left":
+        case "left-start":
+        case "left-end":
+          a = t.left + d - n.width - i;
+          break;
+        case "right":
+        case "right-start":
+        case "right-end":
+          a = t.right + d + i;
+          break;
+      }
+      switch (w) {
+        case "top":
+        case "bottom":
+          a = t.left + d + (t.width - n.width) / 2;
+          break;
+        case "top-start":
+        case "bottom-start":
+          a = t.left + d;
+          break;
+        case "top-end":
+        case "bottom-end":
+          a = t.right + d - n.width;
+          break;
+        case "left":
+        case "right":
+          c = t.top + p + (t.height - n.height) / 2;
+          break;
+        case "left-start":
+        case "right-start":
+          c = t.top + p;
+          break;
+        case "left-end":
+        case "right-end":
+          c = t.bottom + p - n.height;
+          break;
+      }
+      K({ top: c, left: a });
+    };
+    return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [r, w, i, m]), M(() => () => {
+    l.current && clearTimeout(l.current), u.current && clearTimeout(u.current);
+  }, []);
+  const h = k(() => {
+    u.current && clearTimeout(u.current), o === "hover" ? l.current = setTimeout(() => s(!0), C) : s(!0);
+  }, [o, C, s]), b = k(() => {
+    l.current && clearTimeout(l.current), o === "hover" ? u.current = setTimeout(() => s(!1), P) : s(!1);
+  }, [o, P, s]), V = k(() => {
+    r ? b() : h();
+  }, [r, h, b]), R = T.props, Z = oe(T, {
+    ref: g,
+    "aria-expanded": r,
+    "aria-haspopup": "dialog",
+    "aria-controls": r ? z : void 0,
+    ...o === "click" && {
+      onClick: (e) => {
+        R.onClick?.(e), V();
+      }
+    },
+    ...o === "hover" && {
+      onMouseEnter: (e) => {
+        R.onMouseEnter?.(e), h();
+      },
+      onMouseLeave: (e) => {
+        R.onMouseLeave?.(e), b();
+      }
+    }
+  }), $ = {
+    position: "absolute",
+    top: L.top,
+    left: L.left,
+    zIndex: "var(--brycks-z-popover)",
+    backgroundColor: "var(--brycks-background-elevated)",
+    border: "1px solid var(--brycks-border-default)",
+    borderRadius: "var(--brycks-radius-lg)",
+    boxShadow: "var(--brycks-shadow-lg)",
+    padding: "var(--brycks-space-3)",
+    minWidth: 120,
+    animation: Q ? "none" : "brycks-popover-in 150ms ease-out",
+    ..._
+  }, D = r && m && /* @__PURE__ */ A(B, { children: [
+    /* @__PURE__ */ N("style", { children: `
+          @keyframes brycks-popover-in {
+            from { opacity: 0; transform: scale(0.95); }
+            to { opacity: 1; transform: scale(1); }
+          }
+        ` }),
+    /* @__PURE__ */ N(
+      "div",
+      {
+        ref: (e) => {
+          O.current = e, U.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+        },
+        id: z,
+        className: se("brycks-popover", W),
+        style: $,
+        role: "dialog",
+        "aria-modal": "false",
+        "data-testid": q,
+        onMouseEnter: o === "hover" ? h : void 0,
+        onMouseLeave: o === "hover" ? b : void 0,
+        ...G,
+        children: X
+      }
+    )
+  ] });
+  return /* @__PURE__ */ A(B, { children: [
+    Z,
+    m && re(D, document.body)
+  ] });
+});
+ae.displayName = "Popover";
+export {
+  ae as Popover
+};
+//# sourceMappingURL=Popover.js.map

package/dist/components/feedback/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/feedback/Popover/Popover.tsx"],"sourcesContent":["/**\n * Popover Component\n *\n * A floating content panel that appears relative to a trigger element.\n * Supports different placements and can be triggered by click or hover.\n */\n\nimport React, {\n  forwardRef,\n  useState,\n  useEffect,\n  useRef,\n  useCallback,\n  cloneElement,\n  useId,\n  type CSSProperties,\n  type ReactNode,\n  type ReactElement,\n  type HTMLAttributes,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cx } from '../../../utils/styles'\nimport { useClickOutside } from '../../../hooks/useClickOutside'\nimport { usePrefersReducedMotion } from '../../../hooks/useMediaQuery'\n\nexport type PopoverPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n\nexport type PopoverTrigger = 'click' | 'hover'\n\nexport interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {\n  /** Popover content */\n  content: ReactNode\n  /** Trigger element */\n  children: ReactElement\n  /** Placement relative to trigger */\n  placement?: PopoverPlacement\n  /** How to trigger the popover */\n  trigger?: PopoverTrigger\n  /** Whether the popover is open (controlled) */\n  isOpen?: boolean\n  /** Default open state (uncontrolled) */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (isOpen: boolean) => void\n  /** Offset from trigger in pixels */\n  offset?: number\n  /** Delay before showing (hover trigger) */\n  openDelay?: number\n  /** Delay before hiding (hover trigger) */\n  closeDelay?: number\n  /** Whether to close on outside click */\n  closeOnOutsideClick?: boolean\n  /** Whether to show arrow */\n  showArrow?: boolean\n  /** Custom class name for content */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(function Popover(\n  {\n    content,\n    children,\n    placement = 'bottom',\n    trigger = 'click',\n    isOpen: controlledIsOpen,\n    defaultOpen = false,\n    onOpenChange,\n    offset = 8,\n    openDelay = 200,\n    closeDelay = 200,\n    closeOnOutsideClick = true,\n    showArrow: _showArrow = true,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const [internalIsOpen, setInternalIsOpen] = useState(defaultOpen)\n  const [position, setPosition] = useState({ top: 0, left: 0 })\n  const [mounted, setMounted] = useState(false)\n  const triggerRef = useRef<HTMLElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const openTimeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n  const popoverId = useId()\n  const prefersReducedMotion = usePrefersReducedMotion()\n\n  const isOpen = controlledIsOpen ?? internalIsOpen\n\n  const setIsOpen = useCallback(\n    (open: boolean) => {\n      if (controlledIsOpen === undefined) {\n        setInternalIsOpen(open)\n      }\n      onOpenChange?.(open)\n    },\n    [controlledIsOpen, onOpenChange]\n  )\n\n  // Click outside handler\n  const clickOutsideRef = useClickOutside<HTMLDivElement>(() => {\n    if (closeOnOutsideClick && trigger === 'click' && isOpen) {\n      setIsOpen(false)\n    }\n  }, { enabled: isOpen && trigger === 'click' })\n\n  useEffect(() => {\n    setMounted(true)\n    return () => setMounted(false)\n  }, [])\n\n  // Calculate position\n  useEffect(() => {\n    if (!isOpen || !triggerRef.current || !mounted) return\n\n    const updatePosition = () => {\n      const trigger = triggerRef.current\n      const content = contentRef.current\n      if (!trigger || !content) return\n\n      const triggerRect = trigger.getBoundingClientRect()\n      const contentRect = content.getBoundingClientRect()\n      const scrollX = window.scrollX\n      const scrollY = window.scrollY\n\n      let top = 0\n      let left = 0\n\n      // Calculate base position\n      switch (placement) {\n        case 'top':\n        case 'top-start':\n        case 'top-end':\n          top = triggerRect.top + scrollY - contentRect.height - offset\n          break\n        case 'bottom':\n        case 'bottom-start':\n        case 'bottom-end':\n          top = triggerRect.bottom + scrollY + offset\n          break\n        case 'left':\n        case 'left-start':\n        case 'left-end':\n          left = triggerRect.left + scrollX - contentRect.width - offset\n          break\n        case 'right':\n        case 'right-start':\n        case 'right-end':\n          left = triggerRect.right + scrollX + offset\n          break\n      }\n\n      // Calculate alignment\n      switch (placement) {\n        case 'top':\n        case 'bottom':\n          left = triggerRect.left + scrollX + (triggerRect.width - contentRect.width) / 2\n          break\n        case 'top-start':\n        case 'bottom-start':\n          left = triggerRect.left + scrollX\n          break\n        case 'top-end':\n        case 'bottom-end':\n          left = triggerRect.right + scrollX - contentRect.width\n          break\n        case 'left':\n        case 'right':\n          top = triggerRect.top + scrollY + (triggerRect.height - contentRect.height) / 2\n          break\n        case 'left-start':\n        case 'right-start':\n          top = triggerRect.top + scrollY\n          break\n        case 'left-end':\n        case 'right-end':\n          top = triggerRect.bottom + scrollY - contentRect.height\n          break\n      }\n\n      setPosition({ top, left })\n    }\n\n    updatePosition()\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, true)\n\n    return () => {\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, true)\n    }\n  }, [isOpen, placement, offset, mounted])\n\n  // Cleanup timeouts\n  useEffect(() => {\n    return () => {\n      if (openTimeoutRef.current) clearTimeout(openTimeoutRef.current)\n      if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current)\n    }\n  }, [])\n\n  const handleOpen = useCallback(() => {\n    if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current)\n    if (trigger === 'hover') {\n      openTimeoutRef.current = setTimeout(() => setIsOpen(true), openDelay)\n    } else {\n      setIsOpen(true)\n    }\n  }, [trigger, openDelay, setIsOpen])\n\n  const handleClose = useCallback(() => {\n    if (openTimeoutRef.current) clearTimeout(openTimeoutRef.current)\n    if (trigger === 'hover') {\n      closeTimeoutRef.current = setTimeout(() => setIsOpen(false), closeDelay)\n    } else {\n      setIsOpen(false)\n    }\n  }, [trigger, closeDelay, setIsOpen])\n\n  const handleToggle = useCallback(() => {\n    if (isOpen) {\n      handleClose()\n    } else {\n      handleOpen()\n    }\n  }, [isOpen, handleOpen, handleClose])\n\n  // Clone trigger with event handlers and ARIA attributes\n  const childProps = children.props as Record<string, unknown>\n  const triggerElement = cloneElement(children as ReactElement<Record<string, unknown>>, {\n    ref: triggerRef,\n    'aria-expanded': isOpen,\n    'aria-haspopup': 'dialog',\n    'aria-controls': isOpen ? popoverId : undefined,\n    ...(trigger === 'click' && {\n      onClick: (e: React.MouseEvent) => {\n        (childProps.onClick as ((e: React.MouseEvent) => void) | undefined)?.(e)\n        handleToggle()\n      },\n    }),\n    ...(trigger === 'hover' && {\n      onMouseEnter: (e: React.MouseEvent) => {\n        (childProps.onMouseEnter as ((e: React.MouseEvent) => void) | undefined)?.(e)\n        handleOpen()\n      },\n      onMouseLeave: (e: React.MouseEvent) => {\n        (childProps.onMouseLeave as ((e: React.MouseEvent) => void) | undefined)?.(e)\n        handleClose()\n      },\n    }),\n  })\n\n  const contentStyle: CSSProperties = {\n    position: 'absolute',\n    top: position.top,\n    left: position.left,\n    zIndex: 'var(--brycks-z-popover)',\n    backgroundColor: 'var(--brycks-background-elevated)',\n    border: '1px solid var(--brycks-border-default)',\n    borderRadius: 'var(--brycks-radius-lg)',\n    boxShadow: 'var(--brycks-shadow-lg)',\n    padding: 'var(--brycks-space-3)',\n    minWidth: 120,\n    animation: prefersReducedMotion ? 'none' : 'brycks-popover-in 150ms ease-out',\n    ...style,\n  }\n\n  const popoverContent = isOpen && mounted && (\n    <>\n      <style>\n        {`\n          @keyframes brycks-popover-in {\n            from { opacity: 0; transform: scale(0.95); }\n            to { opacity: 1; transform: scale(1); }\n          }\n        `}\n      </style>\n      <div\n        ref={(node) => {\n          (contentRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n          (clickOutsideRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n          if (typeof ref === 'function') ref(node)\n          else if (ref) ref.current = node\n        }}\n        id={popoverId}\n        className={cx('brycks-popover', className)}\n        style={contentStyle}\n        role=\"dialog\"\n        aria-modal=\"false\"\n        data-testid={testId}\n        onMouseEnter={trigger === 'hover' ? handleOpen : undefined}\n        onMouseLeave={trigger === 'hover' ? handleClose : undefined}\n        {...props}\n      >\n        {content}\n      </div>\n    </>\n  )\n\n  return (\n    <>\n      {triggerElement}\n      {mounted && createPortal(popoverContent, document.body)}\n    </>\n  )\n})\n\nPopover.displayName = 'Popover'\n"],"names":["Popover","forwardRef","content","children","placement","trigger","controlledIsOpen","defaultOpen","onOpenChange","offset","openDelay","closeDelay","closeOnOutsideClick","_showArrow","className","style","testId","props","ref","internalIsOpen","setInternalIsOpen","useState","position","setPosition","mounted","setMounted","triggerRef","useRef","contentRef","openTimeoutRef","closeTimeoutRef","popoverId","useId","prefersReducedMotion","usePrefersReducedMotion","isOpen","setIsOpen","useCallback","open","clickOutsideRef","useClickOutside","useEffect","updatePosition","triggerRect","contentRect","scrollX","scrollY","top","left","handleOpen","handleClose","handleToggle","childProps","triggerElement","cloneElement","contentStyle","popoverContent","jsxs","Fragment","jsx","node","cx","createPortal"],"mappings":";;;;;;AAwEO,MAAMA,KAAUC,GAAyC,SAC9D;AAAA,EACE,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,QAAQC;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,qBAAAC,IAAsB;AAAA,EACtB,WAAWC,KAAa;AAAA,EACxB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASd,CAAW,GAC1D,CAACe,GAAUC,CAAW,IAAIF,EAAS,EAAE,KAAK,GAAG,MAAM,GAAG,GACtD,CAACG,GAASC,CAAU,IAAIJ,EAAS,EAAK,GACtCK,IAAaC,EAAoB,IAAI,GACrCC,IAAaD,EAAuB,IAAI,GACxCE,IAAiBF,EAAsC,IAAI,GAC3DG,IAAkBH,EAAsC,IAAI,GAC5DI,IAAYC,GAAA,GACZC,IAAuBC,GAAA,GAEvBC,IAAS7B,KAAoBa,GAE7BiB,IAAYC;AAAA,IAChB,CAACC,MAAkB;AACjB,MAAIhC,MAAqB,UACvBc,EAAkBkB,CAAI,GAExB9B,IAAe8B,CAAI;AAAA,IACrB;AAAA,IACA,CAAChC,GAAkBE,CAAY;AAAA,EAAA,GAI3B+B,IAAkBC,GAAgC,MAAM;AAC5D,IAAI5B,KAAuBP,MAAY,WAAW8B,KAChDC,EAAU,EAAK;AAAA,EAEnB,GAAG,EAAE,SAASD,KAAU9B,MAAY,SAAS;AAE7C,EAAAoC,EAAU,OACRhB,EAAW,EAAI,GACR,MAAMA,EAAW,EAAK,IAC5B,CAAA,CAAE,GAGLgB,EAAU,MAAM;AACd,QAAI,CAACN,KAAU,CAACT,EAAW,WAAW,CAACF,EAAS;AAEhD,UAAMkB,IAAiB,MAAM;AAC3B,YAAMrC,IAAUqB,EAAW,SACrBxB,IAAU0B,EAAW;AAC3B,UAAI,CAACvB,KAAW,CAACH,EAAS;AAE1B,YAAMyC,IAActC,EAAQ,sBAAA,GACtBuC,IAAc1C,EAAQ,sBAAA,GACtB2C,IAAU,OAAO,SACjBC,IAAU,OAAO;AAEvB,UAAIC,IAAM,GACNC,IAAO;AAGX,cAAQ5C,GAAA;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACH,UAAA2C,IAAMJ,EAAY,MAAMG,IAAUF,EAAY,SAASnC;AACvD;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACH,UAAAsC,IAAMJ,EAAY,SAASG,IAAUrC;AACrC;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACH,UAAAuC,IAAOL,EAAY,OAAOE,IAAUD,EAAY,QAAQnC;AACxD;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACH,UAAAuC,IAAOL,EAAY,QAAQE,IAAUpC;AACrC;AAAA,MAAA;AAIJ,cAAQL,GAAA;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AACH,UAAA4C,IAAOL,EAAY,OAAOE,KAAWF,EAAY,QAAQC,EAAY,SAAS;AAC9E;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AACH,UAAAI,IAAOL,EAAY,OAAOE;AAC1B;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AACH,UAAAG,IAAOL,EAAY,QAAQE,IAAUD,EAAY;AACjD;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AACH,UAAAG,IAAMJ,EAAY,MAAMG,KAAWH,EAAY,SAASC,EAAY,UAAU;AAC9E;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AACH,UAAAG,IAAMJ,EAAY,MAAMG;AACxB;AAAA,QACF,KAAK;AAAA,QACL,KAAK;AACH,UAAAC,IAAMJ,EAAY,SAASG,IAAUF,EAAY;AACjD;AAAA,MAAA;AAGJ,MAAArB,EAAY,EAAE,KAAAwB,GAAK,MAAAC,GAAM;AAAA,IAC3B;AAEA,WAAAN,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAc,GAChD,OAAO,iBAAiB,UAAUA,GAAgB,EAAI,GAE/C,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAc,GACnD,OAAO,oBAAoB,UAAUA,GAAgB,EAAI;AAAA,IAC3D;AAAA,EACF,GAAG,CAACP,GAAQ/B,GAAWK,GAAQe,CAAO,CAAC,GAGvCiB,EAAU,MACD,MAAM;AACX,IAAIZ,EAAe,WAAS,aAAaA,EAAe,OAAO,GAC3DC,EAAgB,WAAS,aAAaA,EAAgB,OAAO;AAAA,EACnE,GACC,CAAA,CAAE;AAEL,QAAMmB,IAAaZ,EAAY,MAAM;AACnC,IAAIP,EAAgB,WAAS,aAAaA,EAAgB,OAAO,GAC7DzB,MAAY,UACdwB,EAAe,UAAU,WAAW,MAAMO,EAAU,EAAI,GAAG1B,CAAS,IAEpE0B,EAAU,EAAI;AAAA,EAElB,GAAG,CAAC/B,GAASK,GAAW0B,CAAS,CAAC,GAE5Bc,IAAcb,EAAY,MAAM;AACpC,IAAIR,EAAe,WAAS,aAAaA,EAAe,OAAO,GAC3DxB,MAAY,UACdyB,EAAgB,UAAU,WAAW,MAAMM,EAAU,EAAK,GAAGzB,CAAU,IAEvEyB,EAAU,EAAK;AAAA,EAEnB,GAAG,CAAC/B,GAASM,GAAYyB,CAAS,CAAC,GAE7Be,IAAed,EAAY,MAAM;AACrC,IAAIF,IACFe,EAAA,IAEAD,EAAA;AAAA,EAEJ,GAAG,CAACd,GAAQc,GAAYC,CAAW,CAAC,GAG9BE,IAAajD,EAAS,OACtBkD,IAAiBC,GAAanD,GAAmD;AAAA,IACrF,KAAKuB;AAAA,IACL,iBAAiBS;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiBA,IAASJ,IAAY;AAAA,IACtC,GAAI1B,MAAY,WAAW;AAAA,MACzB,SAAS,CAAC,MAAwB;AAC/B,QAAA+C,EAAW,UAA0D,CAAC,GACvED,EAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAEF,GAAI9C,MAAY,WAAW;AAAA,MACzB,cAAc,CAAC,MAAwB;AACpC,QAAA+C,EAAW,eAA+D,CAAC,GAC5EH,EAAA;AAAA,MACF;AAAA,MACA,cAAc,CAAC,MAAwB;AACpC,QAAAG,EAAW,eAA+D,CAAC,GAC5EF,EAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,CACD,GAEKK,IAA8B;AAAA,IAClC,UAAU;AAAA,IACV,KAAKjC,EAAS;AAAA,IACd,MAAMA,EAAS;AAAA,IACf,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAWW,IAAuB,SAAS;AAAA,IAC3C,GAAGlB;AAAA,EAAA,GAGCyC,IAAiBrB,KAAUX,KAC/B,gBAAAiC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EACE,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMH;AAAA,IACA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,CAACC,MAAS;AACZ,UAAAhC,EAA6D,UAAUgC,GACvErB,EAAkE,UAAUqB,GACzE,OAAO1C,KAAQ,aAAYA,EAAI0C,CAAI,IAC9B1C,QAAS,UAAU0C;AAAA,QAC9B;AAAA,QACA,IAAI7B;AAAA,QACJ,WAAW8B,GAAG,kBAAkB/C,CAAS;AAAA,QACzC,OAAOyC;AAAA,QACP,MAAK;AAAA,QACL,cAAW;AAAA,QACX,eAAavC;AAAA,QACb,cAAcX,MAAY,UAAU4C,IAAa;AAAA,QACjD,cAAc5C,MAAY,UAAU6C,IAAc;AAAA,QACjD,GAAGjC;AAAA,QAEH,UAAAf;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAGF,SACE,gBAAAuD,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAL;AAAA,IACA7B,KAAWsC,GAAaN,GAAgB,SAAS,IAAI;AAAA,EAAA,GACxD;AAEJ,CAAC;AAEDxD,GAAQ,cAAc;"}

package/dist/components/feedback/Progress/Progress.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),O=require("react"),x=require("../../../utils/styles.cjs"),T={xs:4,sm:6,md:8,lg:12},X={xs:{size:24,strokeWidth:3},sm:{size:32,strokeWidth:3},md:{size:48,strokeWidth:4},lg:{size:64,strokeWidth:5}},z={primary:"var(--brycks-primary-default)",success:"var(--brycks-success-default)",warning:"var(--brycks-warning-default)",error:"var(--brycks-error-default)"},b=O.forwardRef(function({value:n=0,max:a=100,size:s="md",variant:v="linear",intent:j="primary",showValue:d=!1,indeterminate:e=!1,formatValue:u=(i,c)=>`${Math.round(i/c*100)}%`,label:o,className:g,style:h,testId:k,...m},p){const i=Math.min(100,Math.max(0,n/a*100)),c=z[j];if(v==="circular"){const t=X[s],f=(t.size-t.strokeWidth)/2,l=2*Math.PI*f,R=l-i/100*l,D={display:"inline-flex",flexDirection:"column",alignItems:"center",gap:8,...h},$={transform:"rotate(-90deg)",width:t.size,height:t.size},q={fill:"none",stroke:"var(--brycks-background-muted)",strokeWidth:t.strokeWidth},I={fill:"none",stroke:c,strokeWidth:t.strokeWidth,strokeLinecap:"round",strokeDasharray:l,strokeDashoffset:e?l*.75:R,transition:e?"none":"stroke-dashoffset 300ms ease-out",animation:e?"brycks-progress-circular-spin 1s linear infinite":void 0,transformOrigin:"center"},N={position:"absolute",fontSize:s==="xs"?8:s==="sm"?10:s==="md"?12:14,fontWeight:600,color:"var(--brycks-foreground-default)"},F={fontSize:s==="xs"?10:s==="sm"?11:s==="md"?12:14,color:"var(--brycks-foreground-muted)"};return r.jsxs(r.Fragment,{children:[r.jsx("style",{children:`
+            @keyframes brycks-progress-circular-spin {
+              from { transform: rotate(0deg); }
+              to { transform: rotate(360deg); }
+            }
+          `}),r.jsxs("div",{ref:p,className:x.cx("brycks-progress","brycks-progress--circular",`brycks-progress--${s}`,g),style:D,role:"progressbar","aria-valuenow":e?void 0:n,"aria-valuemin":0,"aria-valuemax":a,"aria-label":o,"data-testid":k,...m,children:[r.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[r.jsxs("svg",{style:$,children:[r.jsx("circle",{cx:t.size/2,cy:t.size/2,r:f,style:q}),r.jsx("circle",{cx:t.size/2,cy:t.size/2,r:f,style:I})]}),d&&!e&&s!=="xs"&&r.jsx("span",{style:N,children:u(n,a)})]}),o&&r.jsx("span",{style:F,children:o})]})]})}const y=T[s],S={display:"flex",flexDirection:"column",gap:6,width:"100%",...h},W={display:"flex",alignItems:"center",justifyContent:"space-between",gap:12},w={fontSize:s==="xs"?11:s==="sm"?12:s==="md"?13:14,fontWeight:500,color:"var(--brycks-foreground-default)"},M={fontSize:s==="xs"?11:s==="sm"?12:s==="md"?13:14,fontWeight:500,color:"var(--brycks-foreground-muted)",fontVariantNumeric:"tabular-nums"},P={width:"100%",height:y,backgroundColor:"var(--brycks-background-muted)",borderRadius:y/2,overflow:"hidden"},C={width:e?"30%":`${i}%`,height:"100%",backgroundColor:c,borderRadius:y/2,transition:e?"none":"width 300ms ease-out",animation:e?"brycks-progress-linear-indeterminate 1.5s ease-in-out infinite":void 0};return r.jsxs(r.Fragment,{children:[r.jsx("style",{children:`
+          @keyframes brycks-progress-linear-indeterminate {
+            0% { transform: translateX(-100%); }
+            100% { transform: translateX(400%); }
+          }
+        `}),r.jsxs("div",{ref:p,className:x.cx("brycks-progress","brycks-progress--linear",`brycks-progress--${s}`,g),style:S,role:"progressbar","aria-valuenow":e?void 0:n,"aria-valuemin":0,"aria-valuemax":a,"aria-label":o,"data-testid":k,...m,children:[(o||d)&&r.jsxs("div",{style:W,children:[o&&r.jsx("span",{style:w,children:o}),d&&!e&&r.jsx("span",{style:M,children:u(n,a)})]}),r.jsx("div",{style:P,children:r.jsx("div",{style:C})})]})]})});b.displayName="Progress";exports.Progress=b;
+//# sourceMappingURL=Progress.cjs.map

package/dist/components/feedback/Progress/Progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.cjs","sources":["../../../../src/components/feedback/Progress/Progress.tsx"],"sourcesContent":["/**\n * Progress Component\n *\n * A progress indicator showing completion status.\n * Supports linear and circular variants.\n */\n\nimport { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type ProgressSize = 'xs' | 'sm' | 'md' | 'lg'\nexport type ProgressVariant = 'linear' | 'circular'\nexport type ProgressIntent = 'primary' | 'success' | 'warning' | 'error'\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Current value (0-100) */\n  value?: number\n  /** Maximum value */\n  max?: number\n  /** Progress size */\n  size?: ProgressSize\n  /** Progress variant */\n  variant?: ProgressVariant\n  /** Progress intent/color */\n  intent?: ProgressIntent\n  /** Whether to show the value label */\n  showValue?: boolean\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean\n  /** Format value for display */\n  formatValue?: (value: number, max: number) => string\n  /** Label text */\n  label?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst linearSizeMap: Record<ProgressSize, number> = {\n  xs: 4,\n  sm: 6,\n  md: 8,\n  lg: 12,\n}\n\nconst circularSizeMap: Record<ProgressSize, { size: number; strokeWidth: number }> = {\n  xs: { size: 24, strokeWidth: 3 },\n  sm: { size: 32, strokeWidth: 3 },\n  md: { size: 48, strokeWidth: 4 },\n  lg: { size: 64, strokeWidth: 5 },\n}\n\nconst intentColors: Record<ProgressIntent, string> = {\n  primary: 'var(--brycks-primary-default)',\n  success: 'var(--brycks-success-default)',\n  warning: 'var(--brycks-warning-default)',\n  error: 'var(--brycks-error-default)',\n}\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    value = 0,\n    max = 100,\n    size = 'md',\n    variant = 'linear',\n    intent = 'primary',\n    showValue = false,\n    indeterminate = false,\n    formatValue = (v, m) => `${Math.round((v / m) * 100)}%`,\n    label,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const percentage = Math.min(100, Math.max(0, (value / max) * 100))\n  const color = intentColors[intent]\n\n  if (variant === 'circular') {\n    const config = circularSizeMap[size]\n    const radius = (config.size - config.strokeWidth) / 2\n    const circumference = 2 * Math.PI * radius\n    const offset = circumference - (percentage / 100) * circumference\n\n    const containerStyle: CSSProperties = {\n      display: 'inline-flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      gap: 8,\n      ...style,\n    }\n\n    const svgStyle: CSSProperties = {\n      transform: 'rotate(-90deg)',\n      width: config.size,\n      height: config.size,\n    }\n\n    const trackStyle: CSSProperties = {\n      fill: 'none',\n      stroke: 'var(--brycks-background-muted)',\n      strokeWidth: config.strokeWidth,\n    }\n\n    const barStyle: CSSProperties = {\n      fill: 'none',\n      stroke: color,\n      strokeWidth: config.strokeWidth,\n      strokeLinecap: 'round',\n      strokeDasharray: circumference,\n      strokeDashoffset: indeterminate ? circumference * 0.75 : offset,\n      transition: indeterminate ? 'none' : 'stroke-dashoffset 300ms ease-out',\n      animation: indeterminate ? 'brycks-progress-circular-spin 1s linear infinite' : undefined,\n      transformOrigin: 'center',\n    }\n\n    const valueStyle: CSSProperties = {\n      position: 'absolute',\n      fontSize: size === 'xs' ? 8 : size === 'sm' ? 10 : size === 'md' ? 12 : 14,\n      fontWeight: 600,\n      color: 'var(--brycks-foreground-default)',\n    }\n\n    const labelStyle: CSSProperties = {\n      fontSize: size === 'xs' ? 10 : size === 'sm' ? 11 : size === 'md' ? 12 : 14,\n      color: 'var(--brycks-foreground-muted)',\n    }\n\n    return (\n      <>\n        <style>\n          {`\n            @keyframes brycks-progress-circular-spin {\n              from { transform: rotate(0deg); }\n              to { transform: rotate(360deg); }\n            }\n          `}\n        </style>\n        <div\n          ref={ref}\n          className={cx('brycks-progress', 'brycks-progress--circular', `brycks-progress--${size}`, className)}\n          style={containerStyle}\n          role=\"progressbar\"\n          aria-valuenow={indeterminate ? undefined : value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-label={label}\n          data-testid={testId}\n          {...props}\n        >\n          <div style={{ position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n            <svg style={svgStyle}>\n              <circle cx={config.size / 2} cy={config.size / 2} r={radius} style={trackStyle} />\n              <circle cx={config.size / 2} cy={config.size / 2} r={radius} style={barStyle} />\n            </svg>\n            {showValue && !indeterminate && size !== 'xs' && (\n              <span style={valueStyle}>{formatValue(value, max)}</span>\n            )}\n          </div>\n          {label && <span style={labelStyle}>{label}</span>}\n        </div>\n      </>\n    )\n  }\n\n  // Linear variant\n  const height = linearSizeMap[size]\n\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 6,\n    width: '100%',\n    ...style,\n  }\n\n  const headerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 12,\n  }\n\n  const labelStyle: CSSProperties = {\n    fontSize: size === 'xs' ? 11 : size === 'sm' ? 12 : size === 'md' ? 13 : 14,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-default)',\n  }\n\n  const valueTextStyle: CSSProperties = {\n    fontSize: size === 'xs' ? 11 : size === 'sm' ? 12 : size === 'md' ? 13 : 14,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-muted)',\n    fontVariantNumeric: 'tabular-nums',\n  }\n\n  const trackStyle: CSSProperties = {\n    width: '100%',\n    height,\n    backgroundColor: 'var(--brycks-background-muted)',\n    borderRadius: height / 2,\n    overflow: 'hidden',\n  }\n\n  const barStyle: CSSProperties = {\n    width: indeterminate ? '30%' : `${percentage}%`,\n    height: '100%',\n    backgroundColor: color,\n    borderRadius: height / 2,\n    transition: indeterminate ? 'none' : 'width 300ms ease-out',\n    animation: indeterminate ? 'brycks-progress-linear-indeterminate 1.5s ease-in-out infinite' : undefined,\n  }\n\n  return (\n    <>\n      <style>\n        {`\n          @keyframes brycks-progress-linear-indeterminate {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(400%); }\n          }\n        `}\n      </style>\n      <div\n        ref={ref}\n        className={cx('brycks-progress', 'brycks-progress--linear', `brycks-progress--${size}`, className)}\n        style={containerStyle}\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-label={label}\n        data-testid={testId}\n        {...props}\n      >\n        {(label || showValue) && (\n          <div style={headerStyle}>\n            {label && <span style={labelStyle}>{label}</span>}\n            {showValue && !indeterminate && (\n              <span style={valueTextStyle}>{formatValue(value, max)}</span>\n            )}\n          </div>\n        )}\n        <div style={trackStyle}>\n          <div style={barStyle} />\n        </div>\n      </div>\n    </>\n  )\n})\n\nProgress.displayName = 'Progress'\n"],"names":["linearSizeMap","circularSizeMap","intentColors","Progress","forwardRef","value","max","size","variant","intent","showValue","indeterminate","formatValue","v","m","label","className","style","testId","props","ref","percentage","color","config","radius","circumference","offset","containerStyle","svgStyle","trackStyle","barStyle","valueStyle","labelStyle","jsxs","Fragment","jsx","cx","height","headerStyle","valueTextStyle"],"mappings":"+KAuCMA,EAA8C,CAClD,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACN,EAEMC,EAA+E,CACnF,GAAI,CAAE,KAAM,GAAI,YAAa,CAAA,EAC7B,GAAI,CAAE,KAAM,GAAI,YAAa,CAAA,EAC7B,GAAI,CAAE,KAAM,GAAI,YAAa,CAAA,EAC7B,GAAI,CAAE,KAAM,GAAI,YAAa,CAAA,CAC/B,EAEMC,EAA+C,CACnD,QAAS,gCACT,QAAS,gCACT,QAAS,gCACT,MAAO,6BACT,EAEaC,EAAWC,EAAAA,WAA0C,SAChE,CACE,MAAAC,EAAQ,EACR,IAAAC,EAAM,IACN,KAAAC,EAAO,KACP,QAAAC,EAAU,SACV,OAAAC,EAAS,UACT,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,YAAAC,EAAc,CAACC,EAAGC,IAAM,GAAG,KAAK,MAAOD,EAAIC,EAAK,GAAG,CAAC,IACpD,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAa,KAAK,IAAI,IAAK,KAAK,IAAI,EAAIhB,EAAQC,EAAO,GAAG,CAAC,EAC3DgB,EAAQpB,EAAaO,CAAM,EAEjC,GAAID,IAAY,WAAY,CAC1B,MAAMe,EAAStB,EAAgBM,CAAI,EAC7BiB,GAAUD,EAAO,KAAOA,EAAO,aAAe,EAC9CE,EAAgB,EAAI,KAAK,GAAKD,EAC9BE,EAASD,EAAiBJ,EAAa,IAAOI,EAE9CE,EAAgC,CACpC,QAAS,cACT,cAAe,SACf,WAAY,SACZ,IAAK,EACL,GAAGV,CAAA,EAGCW,EAA0B,CAC9B,UAAW,iBACX,MAAOL,EAAO,KACd,OAAQA,EAAO,IAAA,EAGXM,EAA4B,CAChC,KAAM,OACN,OAAQ,iCACR,YAAaN,EAAO,WAAA,EAGhBO,EAA0B,CAC9B,KAAM,OACN,OAAQR,EACR,YAAaC,EAAO,YACpB,cAAe,QACf,gBAAiBE,EACjB,iBAAkBd,EAAgBc,EAAgB,IAAOC,EACzD,WAAYf,EAAgB,OAAS,mCACrC,UAAWA,EAAgB,mDAAqD,OAChF,gBAAiB,QAAA,EAGboB,EAA4B,CAChC,SAAU,WACV,SAAUxB,IAAS,KAAO,EAAIA,IAAS,KAAO,GAAKA,IAAS,KAAO,GAAK,GACxE,WAAY,IACZ,MAAO,kCAAA,EAGHyB,EAA4B,CAChC,SAAUzB,IAAS,KAAO,GAAKA,IAAS,KAAO,GAAKA,IAAS,KAAO,GAAK,GACzE,MAAO,gCAAA,EAGT,OACE0B,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,QAAA,CACE,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMH,EACAF,EAAAA,KAAC,MAAA,CACC,IAAAb,EACA,UAAWgB,EAAAA,GAAG,kBAAmB,4BAA6B,oBAAoB7B,CAAI,GAAIS,CAAS,EACnG,MAAOW,EACP,KAAK,cACL,gBAAehB,EAAgB,OAAYN,EAC3C,gBAAe,EACf,gBAAeC,EACf,aAAYS,EACZ,cAAaG,EACZ,GAAGC,EAEJ,SAAA,CAAAc,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,WAAY,QAAS,OAAQ,WAAY,SAAU,eAAgB,QAAA,EACzF,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,MAAOL,EACV,SAAA,CAAAO,EAAAA,IAAC,SAAA,CAAO,GAAIZ,EAAO,KAAO,EAAG,GAAIA,EAAO,KAAO,EAAG,EAAGC,EAAQ,MAAOK,EAAY,EAChFM,EAAAA,IAAC,SAAA,CAAO,GAAIZ,EAAO,KAAO,EAAG,GAAIA,EAAO,KAAO,EAAG,EAAGC,EAAQ,MAAOM,CAAAA,CAAU,CAAA,EAChF,EACCpB,GAAa,CAACC,GAAiBJ,IAAS,MACvC4B,EAAAA,IAAC,OAAA,CAAK,MAAOJ,EAAa,SAAAnB,EAAYP,EAAOC,CAAG,CAAA,CAAE,CAAA,EAEtD,EACCS,GAASoB,EAAAA,IAAC,OAAA,CAAK,MAAOH,EAAa,SAAAjB,CAAA,CAAM,CAAA,CAAA,CAAA,CAC5C,EACF,CAEJ,CAGA,MAAMsB,EAASrC,EAAcO,CAAI,EAE3BoB,EAAgC,CACpC,QAAS,OACT,cAAe,SACf,IAAK,EACL,MAAO,OACP,GAAGV,CAAA,EAGCqB,EAA6B,CACjC,QAAS,OACT,WAAY,SACZ,eAAgB,gBAChB,IAAK,EAAA,EAGDN,EAA4B,CAChC,SAAUzB,IAAS,KAAO,GAAKA,IAAS,KAAO,GAAKA,IAAS,KAAO,GAAK,GACzE,WAAY,IACZ,MAAO,kCAAA,EAGHgC,EAAgC,CACpC,SAAUhC,IAAS,KAAO,GAAKA,IAAS,KAAO,GAAKA,IAAS,KAAO,GAAK,GACzE,WAAY,IACZ,MAAO,iCACP,mBAAoB,cAAA,EAGhBsB,EAA4B,CAChC,MAAO,OACP,OAAAQ,EACA,gBAAiB,iCACjB,aAAcA,EAAS,EACvB,SAAU,QAAA,EAGNP,EAA0B,CAC9B,MAAOnB,EAAgB,MAAQ,GAAGU,CAAU,IAC5C,OAAQ,OACR,gBAAiBC,EACjB,aAAce,EAAS,EACvB,WAAY1B,EAAgB,OAAS,uBACrC,UAAWA,EAAgB,iEAAmE,MAAA,EAGhG,OACEsB,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,QAAA,CACE,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMH,EACAF,EAAAA,KAAC,MAAA,CACC,IAAAb,EACA,UAAWgB,EAAAA,GAAG,kBAAmB,0BAA2B,oBAAoB7B,CAAI,GAAIS,CAAS,EACjG,MAAOW,EACP,KAAK,cACL,gBAAehB,EAAgB,OAAYN,EAC3C,gBAAe,EACf,gBAAeC,EACf,aAAYS,EACZ,cAAaG,EACZ,GAAGC,EAEF,SAAA,EAAAJ,GAASL,IACTuB,EAAAA,KAAC,MAAA,CAAI,MAAOK,EACT,SAAA,CAAAvB,GAASoB,EAAAA,IAAC,OAAA,CAAK,MAAOH,EAAa,SAAAjB,EAAM,EACzCL,GAAa,CAACC,GACbwB,EAAAA,IAAC,OAAA,CAAK,MAAOI,EAAiB,SAAA3B,EAAYP,EAAOC,CAAG,CAAA,CAAE,CAAA,EAE1D,EAEF6B,EAAAA,IAAC,OAAI,MAAON,EACV,eAAC,MAAA,CAAI,MAAOC,EAAU,CAAA,CACxB,CAAA,CAAA,CAAA,CACF,EACF,CAEJ,CAAC,EAED3B,EAAS,YAAc"}

package/dist/components/feedback/Progress/Progress.js

@@ -0,0 +1,172 @@
+import { jsxs as n, Fragment as v, jsx as t } from "react/jsx-runtime";
+import { forwardRef as L } from "react";
+import { cx as x } from "../../../utils/styles.js";
+const O = {
+  xs: 4,
+  sm: 6,
+  md: 8,
+  lg: 12
+}, T = {
+  xs: { size: 24, strokeWidth: 3 },
+  sm: { size: 32, strokeWidth: 3 },
+  md: { size: 48, strokeWidth: 4 },
+  lg: { size: 64, strokeWidth: 5 }
+}, q = {
+  primary: "var(--brycks-primary-default)",
+  success: "var(--brycks-success-default)",
+  warning: "var(--brycks-warning-default)",
+  error: "var(--brycks-error-default)"
+}, A = L(function({
+  value: a = 0,
+  max: i = 100,
+  size: r = "md",
+  variant: S = "linear",
+  intent: W = "primary",
+  showValue: y = !1,
+  indeterminate: s = !1,
+  formatValue: u = (c, l) => `${Math.round(c / l * 100)}%`,
+  label: o,
+  className: h,
+  style: m,
+  testId: k,
+  ...p
+}, b) {
+  const c = Math.min(100, Math.max(0, a / i * 100)), l = q[W];
+  if (S === "circular") {
+    const e = T[r], g = (e.size - e.strokeWidth) / 2, d = 2 * Math.PI * g, $ = d - c / 100 * d, I = {
+      display: "inline-flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 8,
+      ...m
+    }, N = {
+      transform: "rotate(-90deg)",
+      width: e.size,
+      height: e.size
+    }, R = {
+      fill: "none",
+      stroke: "var(--brycks-background-muted)",
+      strokeWidth: e.strokeWidth
+    }, X = {
+      fill: "none",
+      stroke: l,
+      strokeWidth: e.strokeWidth,
+      strokeLinecap: "round",
+      strokeDasharray: d,
+      strokeDashoffset: s ? d * 0.75 : $,
+      transition: s ? "none" : "stroke-dashoffset 300ms ease-out",
+      animation: s ? "brycks-progress-circular-spin 1s linear infinite" : void 0,
+      transformOrigin: "center"
+    }, z = {
+      position: "absolute",
+      fontSize: r === "xs" ? 8 : r === "sm" ? 10 : r === "md" ? 12 : 14,
+      fontWeight: 600,
+      color: "var(--brycks-foreground-default)"
+    }, F = {
+      fontSize: r === "xs" ? 10 : r === "sm" ? 11 : r === "md" ? 12 : 14,
+      color: "var(--brycks-foreground-muted)"
+    };
+    return /* @__PURE__ */ n(v, { children: [
+      /* @__PURE__ */ t("style", { children: `
+            @keyframes brycks-progress-circular-spin {
+              from { transform: rotate(0deg); }
+              to { transform: rotate(360deg); }
+            }
+          ` }),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          ref: b,
+          className: x("brycks-progress", "brycks-progress--circular", `brycks-progress--${r}`, h),
+          style: I,
+          role: "progressbar",
+          "aria-valuenow": s ? void 0 : a,
+          "aria-valuemin": 0,
+          "aria-valuemax": i,
+          "aria-label": o,
+          "data-testid": k,
+          ...p,
+          children: [
+            /* @__PURE__ */ n("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "center" }, children: [
+              /* @__PURE__ */ n("svg", { style: N, children: [
+                /* @__PURE__ */ t("circle", { cx: e.size / 2, cy: e.size / 2, r: g, style: R }),
+                /* @__PURE__ */ t("circle", { cx: e.size / 2, cy: e.size / 2, r: g, style: X })
+              ] }),
+              y && !s && r !== "xs" && /* @__PURE__ */ t("span", { style: z, children: u(a, i) })
+            ] }),
+            o && /* @__PURE__ */ t("span", { style: F, children: o })
+          ]
+        }
+      )
+    ] });
+  }
+  const f = O[r], w = {
+    display: "flex",
+    flexDirection: "column",
+    gap: 6,
+    width: "100%",
+    ...m
+  }, M = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 12
+  }, C = {
+    fontSize: r === "xs" ? 11 : r === "sm" ? 12 : r === "md" ? 13 : 14,
+    fontWeight: 500,
+    color: "var(--brycks-foreground-default)"
+  }, j = {
+    fontSize: r === "xs" ? 11 : r === "sm" ? 12 : r === "md" ? 13 : 14,
+    fontWeight: 500,
+    color: "var(--brycks-foreground-muted)",
+    fontVariantNumeric: "tabular-nums"
+  }, D = {
+    width: "100%",
+    height: f,
+    backgroundColor: "var(--brycks-background-muted)",
+    borderRadius: f / 2,
+    overflow: "hidden"
+  }, P = {
+    width: s ? "30%" : `${c}%`,
+    height: "100%",
+    backgroundColor: l,
+    borderRadius: f / 2,
+    transition: s ? "none" : "width 300ms ease-out",
+    animation: s ? "brycks-progress-linear-indeterminate 1.5s ease-in-out infinite" : void 0
+  };
+  return /* @__PURE__ */ n(v, { children: [
+    /* @__PURE__ */ t("style", { children: `
+          @keyframes brycks-progress-linear-indeterminate {
+            0% { transform: translateX(-100%); }
+            100% { transform: translateX(400%); }
+          }
+        ` }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: b,
+        className: x("brycks-progress", "brycks-progress--linear", `brycks-progress--${r}`, h),
+        style: w,
+        role: "progressbar",
+        "aria-valuenow": s ? void 0 : a,
+        "aria-valuemin": 0,
+        "aria-valuemax": i,
+        "aria-label": o,
+        "data-testid": k,
+        ...p,
+        children: [
+          (o || y) && /* @__PURE__ */ n("div", { style: M, children: [
+            o && /* @__PURE__ */ t("span", { style: C, children: o }),
+            y && !s && /* @__PURE__ */ t("span", { style: j, children: u(a, i) })
+          ] }),
+          /* @__PURE__ */ t("div", { style: D, children: /* @__PURE__ */ t("div", { style: P }) })
+        ]
+      }
+    )
+  ] });
+});
+A.displayName = "Progress";
+export {
+  A as Progress
+};
+//# sourceMappingURL=Progress.js.map

package/dist/components/feedback/Progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sources":["../../../../src/components/feedback/Progress/Progress.tsx"],"sourcesContent":["/**\n * Progress Component\n *\n * A progress indicator showing completion status.\n * Supports linear and circular variants.\n */\n\nimport { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type ProgressSize = 'xs' | 'sm' | 'md' | 'lg'\nexport type ProgressVariant = 'linear' | 'circular'\nexport type ProgressIntent = 'primary' | 'success' | 'warning' | 'error'\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Current value (0-100) */\n  value?: number\n  /** Maximum value */\n  max?: number\n  /** Progress size */\n  size?: ProgressSize\n  /** Progress variant */\n  variant?: ProgressVariant\n  /** Progress intent/color */\n  intent?: ProgressIntent\n  /** Whether to show the value label */\n  showValue?: boolean\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean\n  /** Format value for display */\n  formatValue?: (value: number, max: number) => string\n  /** Label text */\n  label?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst linearSizeMap: Record<ProgressSize, number> = {\n  xs: 4,\n  sm: 6,\n  md: 8,\n  lg: 12,\n}\n\nconst circularSizeMap: Record<ProgressSize, { size: number; strokeWidth: number }> = {\n  xs: { size: 24, strokeWidth: 3 },\n  sm: { size: 32, strokeWidth: 3 },\n  md: { size: 48, strokeWidth: 4 },\n  lg: { size: 64, strokeWidth: 5 },\n}\n\nconst intentColors: Record<ProgressIntent, string> = {\n  primary: 'var(--brycks-primary-default)',\n  success: 'var(--brycks-success-default)',\n  warning: 'var(--brycks-warning-default)',\n  error: 'var(--brycks-error-default)',\n}\n\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    value = 0,\n    max = 100,\n    size = 'md',\n    variant = 'linear',\n    intent = 'primary',\n    showValue = false,\n    indeterminate = false,\n    formatValue = (v, m) => `${Math.round((v / m) * 100)}%`,\n    label,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const percentage = Math.min(100, Math.max(0, (value / max) * 100))\n  const color = intentColors[intent]\n\n  if (variant === 'circular') {\n    const config = circularSizeMap[size]\n    const radius = (config.size - config.strokeWidth) / 2\n    const circumference = 2 * Math.PI * radius\n    const offset = circumference - (percentage / 100) * circumference\n\n    const containerStyle: CSSProperties = {\n      display: 'inline-flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      gap: 8,\n      ...style,\n    }\n\n    const svgStyle: CSSProperties = {\n      transform: 'rotate(-90deg)',\n      width: config.size,\n      height: config.size,\n    }\n\n    const trackStyle: CSSProperties = {\n      fill: 'none',\n      stroke: 'var(--brycks-background-muted)',\n      strokeWidth: config.strokeWidth,\n    }\n\n    const barStyle: CSSProperties = {\n      fill: 'none',\n      stroke: color,\n      strokeWidth: config.strokeWidth,\n      strokeLinecap: 'round',\n      strokeDasharray: circumference,\n      strokeDashoffset: indeterminate ? circumference * 0.75 : offset,\n      transition: indeterminate ? 'none' : 'stroke-dashoffset 300ms ease-out',\n      animation: indeterminate ? 'brycks-progress-circular-spin 1s linear infinite' : undefined,\n      transformOrigin: 'center',\n    }\n\n    const valueStyle: CSSProperties = {\n      position: 'absolute',\n      fontSize: size === 'xs' ? 8 : size === 'sm' ? 10 : size === 'md' ? 12 : 14,\n      fontWeight: 600,\n      color: 'var(--brycks-foreground-default)',\n    }\n\n    const labelStyle: CSSProperties = {\n      fontSize: size === 'xs' ? 10 : size === 'sm' ? 11 : size === 'md' ? 12 : 14,\n      color: 'var(--brycks-foreground-muted)',\n    }\n\n    return (\n      <>\n        <style>\n          {`\n            @keyframes brycks-progress-circular-spin {\n              from { transform: rotate(0deg); }\n              to { transform: rotate(360deg); }\n            }\n          `}\n        </style>\n        <div\n          ref={ref}\n          className={cx('brycks-progress', 'brycks-progress--circular', `brycks-progress--${size}`, className)}\n          style={containerStyle}\n          role=\"progressbar\"\n          aria-valuenow={indeterminate ? undefined : value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-label={label}\n          data-testid={testId}\n          {...props}\n        >\n          <div style={{ position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n            <svg style={svgStyle}>\n              <circle cx={config.size / 2} cy={config.size / 2} r={radius} style={trackStyle} />\n              <circle cx={config.size / 2} cy={config.size / 2} r={radius} style={barStyle} />\n            </svg>\n            {showValue && !indeterminate && size !== 'xs' && (\n              <span style={valueStyle}>{formatValue(value, max)}</span>\n            )}\n          </div>\n          {label && <span style={labelStyle}>{label}</span>}\n        </div>\n      </>\n    )\n  }\n\n  // Linear variant\n  const height = linearSizeMap[size]\n\n  const containerStyle: CSSProperties = {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 6,\n    width: '100%',\n    ...style,\n  }\n\n  const headerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 12,\n  }\n\n  const labelStyle: CSSProperties = {\n    fontSize: size === 'xs' ? 11 : size === 'sm' ? 12 : size === 'md' ? 13 : 14,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-default)',\n  }\n\n  const valueTextStyle: CSSProperties = {\n    fontSize: size === 'xs' ? 11 : size === 'sm' ? 12 : size === 'md' ? 13 : 14,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-muted)',\n    fontVariantNumeric: 'tabular-nums',\n  }\n\n  const trackStyle: CSSProperties = {\n    width: '100%',\n    height,\n    backgroundColor: 'var(--brycks-background-muted)',\n    borderRadius: height / 2,\n    overflow: 'hidden',\n  }\n\n  const barStyle: CSSProperties = {\n    width: indeterminate ? '30%' : `${percentage}%`,\n    height: '100%',\n    backgroundColor: color,\n    borderRadius: height / 2,\n    transition: indeterminate ? 'none' : 'width 300ms ease-out',\n    animation: indeterminate ? 'brycks-progress-linear-indeterminate 1.5s ease-in-out infinite' : undefined,\n  }\n\n  return (\n    <>\n      <style>\n        {`\n          @keyframes brycks-progress-linear-indeterminate {\n            0% { transform: translateX(-100%); }\n            100% { transform: translateX(400%); }\n          }\n        `}\n      </style>\n      <div\n        ref={ref}\n        className={cx('brycks-progress', 'brycks-progress--linear', `brycks-progress--${size}`, className)}\n        style={containerStyle}\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-label={label}\n        data-testid={testId}\n        {...props}\n      >\n        {(label || showValue) && (\n          <div style={headerStyle}>\n            {label && <span style={labelStyle}>{label}</span>}\n            {showValue && !indeterminate && (\n              <span style={valueTextStyle}>{formatValue(value, max)}</span>\n            )}\n          </div>\n        )}\n        <div style={trackStyle}>\n          <div style={barStyle} />\n        </div>\n      </div>\n    </>\n  )\n})\n\nProgress.displayName = 'Progress'\n"],"names":["linearSizeMap","circularSizeMap","intentColors","Progress","forwardRef","value","max","size","variant","intent","showValue","indeterminate","formatValue","v","m","label","className","style","testId","props","ref","percentage","color","config","radius","circumference","offset","containerStyle","svgStyle","trackStyle","barStyle","valueStyle","labelStyle","jsxs","Fragment","jsx","cx","height","headerStyle","valueTextStyle"],"mappings":"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"}

package/dist/components/feedback/Toast/Toast.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),I=require("react-dom"),L=require("../../../utils/styles.cjs"),q=require("./ToastContext.cjs"),P={info:{bg:"var(--brycks-info-50)",border:"var(--brycks-info-200)",icon:"var(--brycks-info-default)"},success:{bg:"var(--brycks-success-50)",border:"var(--brycks-success-200)",icon:"var(--brycks-success-default)"},warning:{bg:"var(--brycks-warning-50)",border:"var(--brycks-warning-200)",icon:"var(--brycks-warning-default)"},error:{bg:"var(--brycks-error-50)",border:"var(--brycks-error-200)",icon:"var(--brycks-error-default)"}};function R({intent:b}){const n={info:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",success:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",warning:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z",error:"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"};return t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:n[b]})})}function W(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t.jsx("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}const p=e.forwardRef(function({intent:n="info",title:c,description:i,isOpen:r=!0,duration:l=5e3,onClose:u,showCloseButton:m=!0,action:d,icon:g,className:h,style:k,testId:s,...o},f){const[y,v]=e.useState(r),[S,j]=e.useState(!1);if(e.useEffect(()=>{if(r)v(!0),j(!1);else{j(!0);const a=setTimeout(()=>v(!1),200);return()=>clearTimeout(a)}},[r]),e.useEffect(()=>{if(!r||l===0)return;const a=setTimeout(()=>{u?.()},l);return()=>clearTimeout(a)},[r,l,u]),!y)return null;const x=P[n],T={display:"flex",alignItems:"flex-start",gap:12,padding:"12px 16px",backgroundColor:x.bg,border:`1px solid ${x.border}`,borderRadius:"var(--brycks-radius-lg)",boxShadow:"var(--brycks-shadow-lg)",maxWidth:400,animation:S?"brycks-toast-out 200ms ease-in forwards":"brycks-toast-in 200ms ease-out",...k},w={color:x.icon,flexShrink:0,marginTop:2},C={flex:1,display:"flex",flexDirection:"column",gap:4},M={fontSize:14,fontWeight:600,color:"var(--brycks-foreground-default)",lineHeight:1.4},z={fontSize:13,color:"var(--brycks-foreground-muted)",lineHeight:1.4},E={display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:"var(--brycks-radius-sm)",color:"var(--brycks-foreground-muted)",transition:"all 150ms ease-out",flexShrink:0,marginLeft:"auto"};return t.jsxs(t.Fragment,{children:[t.jsx("style",{children:`
+          @keyframes brycks-toast-in {
+            from { opacity: 0; transform: translateY(-8px) scale(0.95); }
+            to { opacity: 1; transform: translateY(0) scale(1); }
+          }
+          @keyframes brycks-toast-out {
+            from { opacity: 1; transform: translateY(0) scale(1); }
+            to { opacity: 0; transform: translateY(-8px) scale(0.95); }
+          }
+        `}),t.jsxs("div",{ref:f,role:"alert","aria-live":"polite",className:L.cx("brycks-toast",`brycks-toast--${n}`,h),style:T,"data-testid":s,...o,children:[t.jsx("span",{style:w,children:g||t.jsx(R,{intent:n})}),t.jsxs("div",{style:C,children:[c&&t.jsx("span",{style:M,children:c}),i&&t.jsx("span",{style:z,children:i}),d&&t.jsx("div",{style:{marginTop:8},children:d})]}),m&&t.jsx("button",{type:"button",style:E,onClick:u,"aria-label":"Close toast",onMouseEnter:a=>{a.currentTarget.style.backgroundColor="var(--brycks-background-muted)"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:t.jsx(W,{})})]})]})});p.displayName="Toast";const Y={"top-left":{top:16,left:16},"top-center":{top:16,left:"50%",transform:"translateX(-50%)"},"top-right":{top:16,right:16},"bottom-left":{bottom:16,left:16},"bottom-center":{bottom:16,left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:16,right:16}};let B=0;function D({children:b,position:n="top-right",maxToasts:c=5}){const[i,r]=e.useState([]),[l,u]=e.useState(!1);e.useEffect(()=>{u(!0)},[]);const m=e.useCallback(s=>{const o=`toast-${++B}`;return r(f=>{const y=[...f,{id:o,props:s}];return y.length>c?y.slice(-c):y}),o},[c]),d=e.useCallback(s=>{r(o=>o.filter(f=>f.id!==s))},[]),g=e.useCallback(()=>{r([])},[]),h={position:"fixed",zIndex:"var(--brycks-z-toast)",display:"flex",flexDirection:"column",gap:8,pointerEvents:"none",...Y[n]},k={pointerEvents:"auto"};return t.jsxs(q.ToastContext.Provider,{value:{toasts:i,addToast:m,removeToast:d,removeAll:g},children:[b,l&&I.createPortal(t.jsx("div",{className:"brycks-toast-container",style:h,children:i.map(({id:s,props:o})=>t.jsx("div",{style:k,children:t.jsx(p,{...o,isOpen:!0,onClose:()=>d(s)})},s))}),document.body)]})}exports.Toast=p;exports.ToastProvider=D;
+//# sourceMappingURL=Toast.cjs.map

package/dist/components/feedback/Toast/Toast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.cjs","sources":["../../../../src/components/feedback/Toast/Toast.tsx"],"sourcesContent":["/**\n * Toast Component\n *\n * A notification toast with auto-dismiss and action support.\n * Includes a toast container for managing multiple toasts.\n */\n\nimport {\n  forwardRef,\n  useState,\n  useEffect,\n  useCallback,\n  type CSSProperties,\n  type ReactNode,\n  type HTMLAttributes,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cx } from '../../../utils/styles'\nimport { ToastContext } from './ToastContext'\nimport type { ToastItem } from './ToastContext'\n\nexport type ToastIntent = 'info' | 'success' | 'warning' | 'error'\nexport type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'\n\nexport interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Toast intent/type */\n  intent?: ToastIntent\n  /** Toast title */\n  title?: ReactNode\n  /** Toast description */\n  description?: ReactNode\n  /** Whether the toast is visible */\n  isOpen?: boolean\n  /** Duration in ms before auto-dismiss (0 = no auto-dismiss) */\n  duration?: number\n  /** Callback when toast should close */\n  onClose?: () => void\n  /** Whether to show close button */\n  showCloseButton?: boolean\n  /** Action button */\n  action?: ReactNode\n  /** Custom icon */\n  icon?: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst intentConfig: Record<ToastIntent, { bg: string; border: string; icon: string }> = {\n  info: {\n    bg: 'var(--brycks-info-50)',\n    border: 'var(--brycks-info-200)',\n    icon: 'var(--brycks-info-default)',\n  },\n  success: {\n    bg: 'var(--brycks-success-50)',\n    border: 'var(--brycks-success-200)',\n    icon: 'var(--brycks-success-default)',\n  },\n  warning: {\n    bg: 'var(--brycks-warning-50)',\n    border: 'var(--brycks-warning-200)',\n    icon: 'var(--brycks-warning-default)',\n  },\n  error: {\n    bg: 'var(--brycks-error-50)',\n    border: 'var(--brycks-error-200)',\n    icon: 'var(--brycks-error-default)',\n  },\n}\n\nfunction ToastIcon({ intent }: { intent: ToastIntent }) {\n  const paths: Record<ToastIntent, string> = {\n    info: 'M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',\n    success: 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z',\n    warning: 'M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z',\n    error: 'M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z',\n  }\n\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d={paths[intent]} />\n    </svg>\n  )\n}\n\nfunction CloseIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n  {\n    intent = 'info',\n    title,\n    description,\n    isOpen = true,\n    duration = 5000,\n    onClose,\n    showCloseButton = true,\n    action,\n    icon,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const [isVisible, setIsVisible] = useState(isOpen)\n  const [isExiting, setIsExiting] = useState(false)\n\n  useEffect(() => {\n    if (isOpen) {\n      setIsVisible(true)\n      setIsExiting(false)\n    } else {\n      setIsExiting(true)\n      const timer = setTimeout(() => setIsVisible(false), 200)\n      return () => clearTimeout(timer)\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n    if (!isOpen || duration === 0) return\n\n    const timer = setTimeout(() => {\n      onClose?.()\n    }, duration)\n\n    return () => clearTimeout(timer)\n  }, [isOpen, duration, onClose])\n\n  if (!isVisible) return null\n\n  const config = intentConfig[intent]\n\n  const toastStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 12,\n    padding: '12px 16px',\n    backgroundColor: config.bg,\n    border: `1px solid ${config.border}`,\n    borderRadius: 'var(--brycks-radius-lg)',\n    boxShadow: 'var(--brycks-shadow-lg)',\n    maxWidth: 400,\n    animation: isExiting\n      ? 'brycks-toast-out 200ms ease-in forwards'\n      : 'brycks-toast-in 200ms ease-out',\n    ...style,\n  }\n\n  const iconStyle: CSSProperties = {\n    color: config.icon,\n    flexShrink: 0,\n    marginTop: 2,\n  }\n\n  const contentStyle: CSSProperties = {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 4,\n  }\n\n  const titleStyle: CSSProperties = {\n    fontSize: 14,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-default)',\n    lineHeight: 1.4,\n  }\n\n  const descriptionStyle: CSSProperties = {\n    fontSize: 13,\n    color: 'var(--brycks-foreground-muted)',\n    lineHeight: 1.4,\n  }\n\n  const closeButtonStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 24,\n    height: 24,\n    borderRadius: 'var(--brycks-radius-sm)',\n    color: 'var(--brycks-foreground-muted)',\n    transition: 'all 150ms ease-out',\n    flexShrink: 0,\n    marginLeft: 'auto',\n  }\n\n  return (\n    <>\n      <style>\n        {`\n          @keyframes brycks-toast-in {\n            from { opacity: 0; transform: translateY(-8px) scale(0.95); }\n            to { opacity: 1; transform: translateY(0) scale(1); }\n          }\n          @keyframes brycks-toast-out {\n            from { opacity: 1; transform: translateY(0) scale(1); }\n            to { opacity: 0; transform: translateY(-8px) scale(0.95); }\n          }\n        `}\n      </style>\n      <div\n        ref={ref}\n        role=\"alert\"\n        aria-live=\"polite\"\n        className={cx('brycks-toast', `brycks-toast--${intent}`, className)}\n        style={toastStyle}\n        data-testid={testId}\n        {...props}\n      >\n        <span style={iconStyle}>\n          {icon || <ToastIcon intent={intent} />}\n        </span>\n        <div style={contentStyle}>\n          {title && <span style={titleStyle}>{title}</span>}\n          {description && <span style={descriptionStyle}>{description}</span>}\n          {action && <div style={{ marginTop: 8 }}>{action}</div>}\n        </div>\n        {showCloseButton && (\n          <button\n            type=\"button\"\n            style={closeButtonStyle}\n            onClick={onClose}\n            aria-label=\"Close toast\"\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'transparent'\n            }}\n          >\n            <CloseIcon />\n          </button>\n        )}\n      </div>\n    </>\n  )\n})\n\nToast.displayName = 'Toast'\n\n// Toast Provider\nexport interface ToastProviderProps {\n  children: ReactNode\n  position?: ToastPosition\n  maxToasts?: number\n}\n\nconst positionStyles: Record<ToastPosition, CSSProperties> = {\n  'top-left': { top: 16, left: 16 },\n  'top-center': { top: 16, left: '50%', transform: 'translateX(-50%)' },\n  'top-right': { top: 16, right: 16 },\n  'bottom-left': { bottom: 16, left: 16 },\n  'bottom-center': { bottom: 16, left: '50%', transform: 'translateX(-50%)' },\n  'bottom-right': { bottom: 16, right: 16 },\n}\n\nlet toastCounter = 0\n\nexport function ToastProvider({\n  children,\n  position = 'top-right',\n  maxToasts = 5,\n}: ToastProviderProps) {\n  const [toasts, setToasts] = useState<ToastItem[]>([])\n  const [mounted, setMounted] = useState(false)\n\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  const addToast = useCallback(\n    (props: Omit<ToastProps, 'isOpen' | 'onClose'>) => {\n      const id = `toast-${++toastCounter}`\n      setToasts((prev) => {\n        const newToasts = [...prev, { id, props }]\n        if (newToasts.length > maxToasts) {\n          return newToasts.slice(-maxToasts)\n        }\n        return newToasts\n      })\n      return id\n    },\n    [maxToasts]\n  )\n\n  const removeToast = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id))\n  }, [])\n\n  const removeAll = useCallback(() => {\n    setToasts([])\n  }, [])\n\n  const containerStyle: CSSProperties = {\n    position: 'fixed',\n    zIndex: 'var(--brycks-z-toast)' as unknown as number,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 8,\n    pointerEvents: 'none',\n    ...positionStyles[position],\n  }\n\n  const toastWrapperStyle: CSSProperties = {\n    pointerEvents: 'auto',\n  }\n\n  return (\n    <ToastContext.Provider value={{ toasts, addToast, removeToast, removeAll }}>\n      {children}\n      {mounted &&\n        createPortal(\n          <div className=\"brycks-toast-container\" style={containerStyle}>\n            {toasts.map(({ id, props }) => (\n              <div key={id} style={toastWrapperStyle}>\n                <Toast {...props} isOpen onClose={() => removeToast(id)} />\n              </div>\n            ))}\n          </div>,\n          document.body\n        )}\n    </ToastContext.Provider>\n  )\n}\n"],"names":["intentConfig","ToastIcon","intent","paths","jsx","CloseIcon","Toast","forwardRef","title","description","isOpen","duration","onClose","showCloseButton","action","icon","className","style","testId","props","ref","isVisible","setIsVisible","useState","isExiting","setIsExiting","useEffect","timer","config","toastStyle","iconStyle","contentStyle","titleStyle","descriptionStyle","closeButtonStyle","jsxs","Fragment","cx","e","positionStyles","toastCounter","ToastProvider","children","position","maxToasts","toasts","setToasts","mounted","setMounted","addToast","useCallback","id","prev","newToasts","removeToast","t","removeAll","containerStyle","toastWrapperStyle","ToastContext","createPortal"],"mappings":"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"}