erp-pro-ui 0.2.5 → 0.2.7

package/dist/chunks/{DropdownMenu-BDrNYO-D.cjs → DropdownMenu-CEmlmX7P.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-LRbEQHYs.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/overlays/dropdown-menu/DropdownMenu.tsx
@@ -55,4 +54,4 @@ Object.defineProperty(exports, "DropdownMenu", {
 	}
 });
 
-//# sourceMappingURL=DropdownMenu-BDrNYO-D.cjs.map
+//# sourceMappingURL=DropdownMenu-CEmlmX7P.cjs.map

package/dist/chunks/{DropdownMenu-BDrNYO-D.cjs.map → DropdownMenu-CEmlmX7P.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu-BDrNYO-D.cjs","names":[],"sources":["../../src/components/overlays/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\nimport type { DropdownMenuProps } from \"./types\";\n\nexport function DropdownMenu({\n  trigger,\n  children,\n  open,\n  onOpenChange,\n  className,\n  panelClassName,\n  animationClassName,\n  closeOnItemClick = false,\n  align,\n}: DropdownMenuProps) {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : internalOpen;\n\n  const setOpen = (nextOpen: boolean | ((current: boolean) => boolean)) => {\n    const finalValue =\n      typeof nextOpen === \"function\"\n        ? nextOpen(resolvedOpen)\n        : nextOpen;\n\n    if (!isControlled) {\n      setInternalOpen(finalValue);\n    }\n\n    onOpenChange?.(finalValue);\n  };\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    }\n\n    function handleKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    }\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, []);\n\n  const defaultAnimation = align === \"start\" ?  \"origin-top-right\": \"origin-top-right\";\n\n  return (\n    <div ref={wrapperRef} className={mergeClassNames(\"relative inline-flex\", className)}>\n      <div\n        className=\"flex w-full\"\n        onMouseDown={(event) => {\n          event.preventDefault();\n          setOpen((current) => !current);\n        }}\n      >\n        {trigger}\n      </div>\n\n      <div\n        className={mergeClassNames(\n          \"absolute z-1200 min-w-max rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl\",\n          \"top-full mt-1 transition-all duration-300 ease-in-out\",\n          align === \"end\" ? \"end-5\" : align === \"start\" ? \"start-5\" : \"\",\n          animationClassName ?? defaultAnimation,\n          resolvedOpen ? \"scale-100\" : \"scale-0\",\n          panelClassName,\n        )}\n        onClick={() => {\n          if (closeOnItemClick) {\n            setOpen(false);\n          }\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,aAAa,EAC3B,SACA,UACA,MACA,cACA,WACA,gBACA,oBACA,mBAAmB,OACnB,SACoB;CACpB,MAAM,cAAA,GAAA,MAAA,QAAoC,KAAK;CAC/C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,MAAM;CACvD,MAAM,eAAe,SAAS,KAAA;CAC9B,MAAM,eAAe,eAAe,OAAO;CAE3C,MAAM,WAAW,aAAwD;EACvE,MAAM,aACJ,OAAO,aAAa,aAChB,SAAS,aAAa,GACtB;AAEN,MAAI,CAAC,aACH,iBAAgB,WAAW;AAG7B,iBAAe,WAAW;;AAG5B,EAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,mBAAmB,OAAmB;AAC7C,OAAI,WAAW,WAAW,CAAC,WAAW,QAAQ,SAAS,MAAM,OAAe,CAC1E,SAAQ,MAAM;;EAIlB,SAAS,cAAc,OAAsB;AAC3C,OAAI,MAAM,QAAQ,SAChB,SAAQ,MAAM;;AAIlB,WAAS,iBAAiB,aAAa,mBAAmB;AAC1D,WAAS,iBAAiB,WAAW,cAAc;AAEnD,eAAa;AACX,YAAS,oBAAoB,aAAa,mBAAmB;AAC7D,YAAS,oBAAoB,WAAW,cAAc;;IAEvD,EAAE,CAAC;CAEN,MAAM,mBAAmB,UAAU,UAAW,qBAAoB;AAElE,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,KAAK;EAAY,WAAW,cAAA,gBAAgB,wBAAwB,UAAU;YAAnF,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAU;GACV,cAAc,UAAU;AACtB,UAAM,gBAAgB;AACtB,aAAS,YAAY,CAAC,QAAQ;;aAG/B;GACG,CAAA,EAEN,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,cAAA,gBACT,4GACA,yDACA,UAAU,QAAQ,UAAU,UAAU,UAAU,YAAY,IAC5D,sBAAsB,kBACtB,eAAe,cAAc,WAC7B,eACD;GACD,eAAe;AACb,QAAI,iBACF,SAAQ,MAAM;;GAIjB;GACG,CAAA,CACF"}
+{"version":3,"file":"DropdownMenu-CEmlmX7P.cjs","names":[],"sources":["../../src/components/overlays/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\nimport type { DropdownMenuProps } from \"./types\";\n\nexport function DropdownMenu({\n  trigger,\n  children,\n  open,\n  onOpenChange,\n  className,\n  panelClassName,\n  animationClassName,\n  closeOnItemClick = false,\n  align,\n}: DropdownMenuProps) {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : internalOpen;\n\n  const setOpen = (nextOpen: boolean | ((current: boolean) => boolean)) => {\n    const finalValue =\n      typeof nextOpen === \"function\"\n        ? nextOpen(resolvedOpen)\n        : nextOpen;\n\n    if (!isControlled) {\n      setInternalOpen(finalValue);\n    }\n\n    onOpenChange?.(finalValue);\n  };\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    }\n\n    function handleKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    }\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, []);\n\n  const defaultAnimation = align === \"start\" ?  \"origin-top-right\": \"origin-top-right\";\n\n  return (\n    <div ref={wrapperRef} className={mergeClassNames(\"relative inline-flex\", className)}>\n      <div\n        className=\"flex w-full\"\n        onMouseDown={(event) => {\n          event.preventDefault();\n          setOpen((current) => !current);\n        }}\n      >\n        {trigger}\n      </div>\n\n      <div\n        className={mergeClassNames(\n          \"absolute z-1200 min-w-max rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl\",\n          \"top-full mt-1 transition-all duration-300 ease-in-out\",\n          align === \"end\" ? \"end-5\" : align === \"start\" ? \"start-5\" : \"\",\n          animationClassName ?? defaultAnimation,\n          resolvedOpen ? \"scale-100\" : \"scale-0\",\n          panelClassName,\n        )}\n        onClick={() => {\n          if (closeOnItemClick) {\n            setOpen(false);\n          }\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,aAAa,EAC3B,SACA,UACA,MACA,cACA,WACA,gBACA,oBACA,mBAAmB,OACnB,SACoB;CACpB,MAAM,cAAA,GAAA,MAAA,QAAoC,IAAI;CAC9C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,KAAK;CACtD,MAAM,eAAe,SAAS,KAAA;CAC9B,MAAM,eAAe,eAAe,OAAO;CAE3C,MAAM,WAAW,aAAwD;EACvE,MAAM,aACJ,OAAO,aAAa,aAChB,SAAS,YAAY,IACrB;EAEN,IAAI,CAAC,cACH,gBAAgB,UAAU;EAG5B,eAAe,UAAU;CAC3B;CAEA,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,mBAAmB,OAAmB;GAC7C,IAAI,WAAW,WAAW,CAAC,WAAW,QAAQ,SAAS,MAAM,MAAc,GACzE,QAAQ,KAAK;EAEjB;EAEA,SAAS,cAAc,OAAsB;GAC3C,IAAI,MAAM,QAAQ,UAChB,QAAQ,KAAK;EAEjB;EAEA,SAAS,iBAAiB,aAAa,kBAAkB;EACzD,SAAS,iBAAiB,WAAW,aAAa;EAElD,aAAa;GACX,SAAS,oBAAoB,aAAa,kBAAkB;GAC5D,SAAS,oBAAoB,WAAW,aAAa;EACvD;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,mBAAmB,UAAU,UAAW,qBAAoB;CAElE,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,KAAK;EAAY,WAAW,cAAA,gBAAgB,wBAAwB,SAAS;YAAlF,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAU;GACV,cAAc,UAAU;IACtB,MAAM,eAAe;IACrB,SAAS,YAAY,CAAC,OAAO;GAC/B;aAEC;EACE,CAAA,GAEL,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,cAAA,gBACT,4GACA,yDACA,UAAU,QAAQ,UAAU,UAAU,UAAU,YAAY,IAC5D,sBAAsB,kBACtB,eAAe,cAAc,WAC7B,cACF;GACA,eAAe;IACb,IAAI,kBACF,QAAQ,KAAK;GAEjB;GAEC;EACE,CAAA,CACF;;AAET"}

package/dist/chunks/{HoverBorderGradient-NbdXeLgC.mjs → HoverBorderGradient-CGKcviEd.mjs}

@@ -1,4 +1,4 @@
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
 import { useCallback, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
@@ -66,4 +66,4 @@ function HoverBorderGradient({ containerClassName, className, duration = 1, cloc
 //#endregion
 export { HoverBorderGradient as t };
 
-//# sourceMappingURL=HoverBorderGradient-NbdXeLgC.mjs.map
+//# sourceMappingURL=HoverBorderGradient-CGKcviEd.mjs.map

package/dist/chunks/{HoverBorderGradient-NbdXeLgC.mjs.map → HoverBorderGradient-CGKcviEd.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"HoverBorderGradient-NbdXeLgC.mjs","names":[],"sources":["../../src/components/effects/hover-border-gradient/HoverBorderGradient.tsx"],"sourcesContent":["import { mergeClassNames } from \"../../../utils\";\nimport { motion } from \"framer-motion\";\nimport { useCallback, useEffect, useState } from \"react\";\n\ntype Direction = \"TOP\" | \"LEFT\" | \"BOTTOM\" | \"RIGHT\";\n\ntype HoverBorderGradientProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    containerClassName?: string;\n    className?: string;\n    duration?: number;\n    clockwise?: boolean;\n    children?: React.ReactNode;\n  };\n\nconst movingMap: Record<Direction, string> = {\n  TOP: \"radial-gradient(50.7% 50% at 50% 0%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  LEFT: \"radial-gradient(25.6% 43.1% at 0% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  BOTTOM:\n    \"radial-gradient(50.7% 50% at 50% 100%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  RIGHT:\n    \"radial-gradient(25.2% 41% at 100% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n};\n\nconst highlight = `radial-gradient(85% 181% at 50% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)`;\n\nexport function HoverBorderGradient({\n  containerClassName,\n  className,\n  duration = 1,\n  clockwise = true,\n  children,\n  ...props\n}: HoverBorderGradientProps) {\n  const [hovered, setHovered] = useState(false);\n  const [direction, setDirection] = useState<Direction>(\"TOP\");\n\n  const rotateDirection = useCallback(\n    (current: Direction): Direction => {\n      const directions: Direction[] = [\"TOP\", \"LEFT\", \"BOTTOM\", \"RIGHT\"];\n      const index = directions.indexOf(current);\n      const nextIndex = clockwise\n        ? (index - 1 + directions.length) % directions.length\n        : (index + 1) % directions.length;\n      return directions[nextIndex];\n    },\n    [clockwise],\n  );\n\n  useEffect(() => {\n    if (!hovered) {\n      const interval = setInterval(() => {\n        setDirection((prevState) => rotateDirection(prevState));\n      }, duration * 1000);\n      return () => clearInterval(interval);\n    }\n  }, [hovered, duration, rotateDirection]);\n\n  const handleMouseEnter = () => setHovered(true);\n  const handleMouseLeave = () => setHovered(false);\n\n  return (\n    <button\n      type=\"button\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={mergeClassNames(\n        \"relative flex h-min w-fit flex-col flex-nowrap content-center items-center justify-center gap-10 overflow-visible rounded-lg border border-ds-border-2 p-px transition duration-500\",\n        containerClassName,\n      )}\n      {...props}\n    >\n      <div\n        className={mergeClassNames(\n          \"bg-ds-surface-1 text-ds-1 z-10 w-auto rounded-[inherit] px-4 py-2\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n      <motion.div\n        className={mergeClassNames(\n          \"absolute inset-0 z-0 flex-none overflow-hidden rounded-[inherit]\",\n        )}\n        style={{\n          filter: \"blur(2px)\",\n          position: \"absolute\",\n          width: \"100%\",\n          height: \"100%\",\n        }}\n        initial={{ background: movingMap[direction] }}\n        animate={{\n          background: hovered\n            ? [movingMap[direction], highlight]\n            : movingMap[direction],\n        }}\n        transition={{ ease: \"linear\", duration: duration ?? 1 }}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;AAeA,IAAM,YAAuC;CAC3C,KAAK;CACL,MAAM;CACN,QACE;CACF,OACE;CACH;AAED,IAAM,YAAY;AAElB,SAAgB,oBAAoB,EAClC,oBACA,WACA,WAAW,GACX,YAAY,MACZ,UACA,GAAG,SACwB;CAC3B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,WAAW,gBAAgB,SAAoB,MAAM;CAE5D,MAAM,kBAAkB,aACrB,YAAkC;EACjC,MAAM,aAA0B;GAAC;GAAO;GAAQ;GAAU;GAAQ;EAClE,MAAM,QAAQ,WAAW,QAAQ,QAAQ;AAIzC,SAAO,WAHW,aACb,QAAQ,IAAI,WAAW,UAAU,WAAW,UAC5C,QAAQ,KAAK,WAAW;IAG/B,CAAC,UAAU,CACZ;AAED,iBAAgB;AACd,MAAI,CAAC,SAAS;GACZ,MAAM,WAAW,kBAAkB;AACjC,kBAAc,cAAc,gBAAgB,UAAU,CAAC;MACtD,WAAW,IAAK;AACnB,gBAAa,cAAc,SAAS;;IAErC;EAAC;EAAS;EAAU;EAAgB,CAAC;CAExC,MAAM,yBAAyB,WAAW,KAAK;CAC/C,MAAM,yBAAyB,WAAW,MAAM;AAEhD,QACE,qBAAC,UAAD;EACE,MAAK;EACL,cAAc;EACd,cAAc;EACd,WAAW,gBACT,uLACA,mBACD;EACD,GAAI;YARN,CAUE,oBAAC,OAAD;GACE,WAAW,gBACT,qEACA,UACD;GAEA;GACG,CAAA,EACN,oBAAC,OAAO,KAAR;GACE,WAAW,gBACT,mEACD;GACD,OAAO;IACL,QAAQ;IACR,UAAU;IACV,OAAO;IACP,QAAQ;IACT;GACD,SAAS,EAAE,YAAY,UAAU,YAAY;GAC7C,SAAS,EACP,YAAY,UACR,CAAC,UAAU,YAAY,UAAU,GACjC,UAAU,YACf;GACD,YAAY;IAAE,MAAM;IAAU,UAAU,YAAY;IAAG;GACvD,CAAA,CACK"}
+{"version":3,"file":"HoverBorderGradient-CGKcviEd.mjs","names":[],"sources":["../../src/components/effects/hover-border-gradient/HoverBorderGradient.tsx"],"sourcesContent":["import { mergeClassNames } from \"../../../utils\";\nimport { motion } from \"framer-motion\";\nimport { useCallback, useEffect, useState } from \"react\";\n\ntype Direction = \"TOP\" | \"LEFT\" | \"BOTTOM\" | \"RIGHT\";\n\ntype HoverBorderGradientProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    containerClassName?: string;\n    className?: string;\n    duration?: number;\n    clockwise?: boolean;\n    children?: React.ReactNode;\n  };\n\nconst movingMap: Record<Direction, string> = {\n  TOP: \"radial-gradient(50.7% 50% at 50% 0%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  LEFT: \"radial-gradient(25.6% 43.1% at 0% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  BOTTOM:\n    \"radial-gradient(50.7% 50% at 50% 100%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  RIGHT:\n    \"radial-gradient(25.2% 41% at 100% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n};\n\nconst highlight = `radial-gradient(85% 181% at 50% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)`;\n\nexport function HoverBorderGradient({\n  containerClassName,\n  className,\n  duration = 1,\n  clockwise = true,\n  children,\n  ...props\n}: HoverBorderGradientProps) {\n  const [hovered, setHovered] = useState(false);\n  const [direction, setDirection] = useState<Direction>(\"TOP\");\n\n  const rotateDirection = useCallback(\n    (current: Direction): Direction => {\n      const directions: Direction[] = [\"TOP\", \"LEFT\", \"BOTTOM\", \"RIGHT\"];\n      const index = directions.indexOf(current);\n      const nextIndex = clockwise\n        ? (index - 1 + directions.length) % directions.length\n        : (index + 1) % directions.length;\n      return directions[nextIndex];\n    },\n    [clockwise],\n  );\n\n  useEffect(() => {\n    if (!hovered) {\n      const interval = setInterval(() => {\n        setDirection((prevState) => rotateDirection(prevState));\n      }, duration * 1000);\n      return () => clearInterval(interval);\n    }\n  }, [hovered, duration, rotateDirection]);\n\n  const handleMouseEnter = () => setHovered(true);\n  const handleMouseLeave = () => setHovered(false);\n\n  return (\n    <button\n      type=\"button\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={mergeClassNames(\n        \"relative flex h-min w-fit flex-col flex-nowrap content-center items-center justify-center gap-10 overflow-visible rounded-lg border border-ds-border-2 p-px transition duration-500\",\n        containerClassName,\n      )}\n      {...props}\n    >\n      <div\n        className={mergeClassNames(\n          \"bg-ds-surface-1 text-ds-1 z-10 w-auto rounded-[inherit] px-4 py-2\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n      <motion.div\n        className={mergeClassNames(\n          \"absolute inset-0 z-0 flex-none overflow-hidden rounded-[inherit]\",\n        )}\n        style={{\n          filter: \"blur(2px)\",\n          position: \"absolute\",\n          width: \"100%\",\n          height: \"100%\",\n        }}\n        initial={{ background: movingMap[direction] }}\n        animate={{\n          background: hovered\n            ? [movingMap[direction], highlight]\n            : movingMap[direction],\n        }}\n        transition={{ ease: \"linear\", duration: duration ?? 1 }}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;AAeA,IAAM,YAAuC;CAC3C,KAAK;CACL,MAAM;CACN,QACE;CACF,OACE;AACJ;AAEA,IAAM,YAAY;AAElB,SAAgB,oBAAoB,EAClC,oBACA,WACA,WAAW,GACX,YAAY,MACZ,UACA,GAAG,SACwB;CAC3B,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,WAAW,gBAAgB,SAAoB,KAAK;CAE3D,MAAM,kBAAkB,aACrB,YAAkC;EACjC,MAAM,aAA0B;GAAC;GAAO;GAAQ;GAAU;EAAO;EACjE,MAAM,QAAQ,WAAW,QAAQ,OAAO;EAIxC,OAAO,WAHW,aACb,QAAQ,IAAI,WAAW,UAAU,WAAW,UAC5C,QAAQ,KAAK,WAAW;CAE/B,GACA,CAAC,SAAS,CACZ;CAEA,gBAAgB;EACd,IAAI,CAAC,SAAS;GACZ,MAAM,WAAW,kBAAkB;IACjC,cAAc,cAAc,gBAAgB,SAAS,CAAC;GACxD,GAAG,WAAW,GAAI;GAClB,aAAa,cAAc,QAAQ;EACrC;CACF,GAAG;EAAC;EAAS;EAAU;CAAe,CAAC;CAEvC,MAAM,yBAAyB,WAAW,IAAI;CAC9C,MAAM,yBAAyB,WAAW,KAAK;CAE/C,OACE,qBAAC,UAAD;EACE,MAAK;EACL,cAAc;EACd,cAAc;EACd,WAAW,gBACT,uLACA,kBACF;EACA,GAAI;YARN,CAUE,oBAAC,OAAD;GACE,WAAW,gBACT,qEACA,SACF;GAEC;EACE,CAAA,GACL,oBAAC,OAAO,KAAR;GACE,WAAW,gBACT,kEACF;GACA,OAAO;IACL,QAAQ;IACR,UAAU;IACV,OAAO;IACP,QAAQ;GACV;GACA,SAAS,EAAE,YAAY,UAAU,WAAW;GAC5C,SAAS,EACP,YAAY,UACR,CAAC,UAAU,YAAY,SAAS,IAChC,UAAU,WAChB;GACA,YAAY;IAAE,MAAM;IAAU,UAAU,YAAY;GAAE;EACvD,CAAA,CACK;;AAEZ"}

package/dist/chunks/{HoverBorderGradient-9pfvBoHR.cjs → HoverBorderGradient-DTKasFZO.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-LRbEQHYs.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
@@ -72,4 +71,4 @@ Object.defineProperty(exports, "HoverBorderGradient", {
 	}
 });
 
-//# sourceMappingURL=HoverBorderGradient-9pfvBoHR.cjs.map
+//# sourceMappingURL=HoverBorderGradient-DTKasFZO.cjs.map

package/dist/chunks/{HoverBorderGradient-9pfvBoHR.cjs.map → HoverBorderGradient-DTKasFZO.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"HoverBorderGradient-9pfvBoHR.cjs","names":[],"sources":["../../src/components/effects/hover-border-gradient/HoverBorderGradient.tsx"],"sourcesContent":["import { mergeClassNames } from \"../../../utils\";\nimport { motion } from \"framer-motion\";\nimport { useCallback, useEffect, useState } from \"react\";\n\ntype Direction = \"TOP\" | \"LEFT\" | \"BOTTOM\" | \"RIGHT\";\n\ntype HoverBorderGradientProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    containerClassName?: string;\n    className?: string;\n    duration?: number;\n    clockwise?: boolean;\n    children?: React.ReactNode;\n  };\n\nconst movingMap: Record<Direction, string> = {\n  TOP: \"radial-gradient(50.7% 50% at 50% 0%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  LEFT: \"radial-gradient(25.6% 43.1% at 0% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  BOTTOM:\n    \"radial-gradient(50.7% 50% at 50% 100%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  RIGHT:\n    \"radial-gradient(25.2% 41% at 100% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n};\n\nconst highlight = `radial-gradient(85% 181% at 50% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)`;\n\nexport function HoverBorderGradient({\n  containerClassName,\n  className,\n  duration = 1,\n  clockwise = true,\n  children,\n  ...props\n}: HoverBorderGradientProps) {\n  const [hovered, setHovered] = useState(false);\n  const [direction, setDirection] = useState<Direction>(\"TOP\");\n\n  const rotateDirection = useCallback(\n    (current: Direction): Direction => {\n      const directions: Direction[] = [\"TOP\", \"LEFT\", \"BOTTOM\", \"RIGHT\"];\n      const index = directions.indexOf(current);\n      const nextIndex = clockwise\n        ? (index - 1 + directions.length) % directions.length\n        : (index + 1) % directions.length;\n      return directions[nextIndex];\n    },\n    [clockwise],\n  );\n\n  useEffect(() => {\n    if (!hovered) {\n      const interval = setInterval(() => {\n        setDirection((prevState) => rotateDirection(prevState));\n      }, duration * 1000);\n      return () => clearInterval(interval);\n    }\n  }, [hovered, duration, rotateDirection]);\n\n  const handleMouseEnter = () => setHovered(true);\n  const handleMouseLeave = () => setHovered(false);\n\n  return (\n    <button\n      type=\"button\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={mergeClassNames(\n        \"relative flex h-min w-fit flex-col flex-nowrap content-center items-center justify-center gap-10 overflow-visible rounded-lg border border-ds-border-2 p-px transition duration-500\",\n        containerClassName,\n      )}\n      {...props}\n    >\n      <div\n        className={mergeClassNames(\n          \"bg-ds-surface-1 text-ds-1 z-10 w-auto rounded-[inherit] px-4 py-2\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n      <motion.div\n        className={mergeClassNames(\n          \"absolute inset-0 z-0 flex-none overflow-hidden rounded-[inherit]\",\n        )}\n        style={{\n          filter: \"blur(2px)\",\n          position: \"absolute\",\n          width: \"100%\",\n          height: \"100%\",\n        }}\n        initial={{ background: movingMap[direction] }}\n        animate={{\n          background: hovered\n            ? [movingMap[direction], highlight]\n            : movingMap[direction],\n        }}\n        transition={{ ease: \"linear\", duration: duration ?? 1 }}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;;AAeA,IAAM,YAAuC;CAC3C,KAAK;CACL,MAAM;CACN,QACE;CACF,OACE;CACH;AAED,IAAM,YAAY;AAElB,SAAgB,oBAAoB,EAClC,oBACA,WACA,WAAW,GACX,YAAY,MACZ,UACA,GAAG,SACwB;CAC3B,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAC7C,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAoC,MAAM;CAE5D,MAAM,mBAAA,GAAA,MAAA,cACH,YAAkC;EACjC,MAAM,aAA0B;GAAC;GAAO;GAAQ;GAAU;GAAQ;EAClE,MAAM,QAAQ,WAAW,QAAQ,QAAQ;AAIzC,SAAO,WAHW,aACb,QAAQ,IAAI,WAAW,UAAU,WAAW,UAC5C,QAAQ,KAAK,WAAW;IAG/B,CAAC,UAAU,CACZ;AAED,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,SAAS;GACZ,MAAM,WAAW,kBAAkB;AACjC,kBAAc,cAAc,gBAAgB,UAAU,CAAC;MACtD,WAAW,IAAK;AACnB,gBAAa,cAAc,SAAS;;IAErC;EAAC;EAAS;EAAU;EAAgB,CAAC;CAExC,MAAM,yBAAyB,WAAW,KAAK;CAC/C,MAAM,yBAAyB,WAAW,MAAM;AAEhD,QACE,iBAAA,GAAA,kBAAA,MAAC,UAAD;EACE,MAAK;EACL,cAAc;EACd,cAAc;EACd,WAAW,cAAA,gBACT,uLACA,mBACD;EACD,GAAI;YARN,CAUE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,cAAA,gBACT,qEACA,UACD;GAEA;GACG,CAAA,EACN,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;GACE,WAAW,cAAA,gBACT,mEACD;GACD,OAAO;IACL,QAAQ;IACR,UAAU;IACV,OAAO;IACP,QAAQ;IACT;GACD,SAAS,EAAE,YAAY,UAAU,YAAY;GAC7C,SAAS,EACP,YAAY,UACR,CAAC,UAAU,YAAY,UAAU,GACjC,UAAU,YACf;GACD,YAAY;IAAE,MAAM;IAAU,UAAU,YAAY;IAAG;GACvD,CAAA,CACK"}
+{"version":3,"file":"HoverBorderGradient-DTKasFZO.cjs","names":[],"sources":["../../src/components/effects/hover-border-gradient/HoverBorderGradient.tsx"],"sourcesContent":["import { mergeClassNames } from \"../../../utils\";\nimport { motion } from \"framer-motion\";\nimport { useCallback, useEffect, useState } from \"react\";\n\ntype Direction = \"TOP\" | \"LEFT\" | \"BOTTOM\" | \"RIGHT\";\n\ntype HoverBorderGradientProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    containerClassName?: string;\n    className?: string;\n    duration?: number;\n    clockwise?: boolean;\n    children?: React.ReactNode;\n  };\n\nconst movingMap: Record<Direction, string> = {\n  TOP: \"radial-gradient(50.7% 50% at 50% 0%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  LEFT: \"radial-gradient(25.6% 43.1% at 0% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  BOTTOM:\n    \"radial-gradient(50.7% 50% at 50% 100%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n  RIGHT:\n    \"radial-gradient(25.2% 41% at 100% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)\",\n};\n\nconst highlight = `radial-gradient(85% 181% at 50% 50%, var(--ds-gradient-accent-hover) 0%, transparent 100%)`;\n\nexport function HoverBorderGradient({\n  containerClassName,\n  className,\n  duration = 1,\n  clockwise = true,\n  children,\n  ...props\n}: HoverBorderGradientProps) {\n  const [hovered, setHovered] = useState(false);\n  const [direction, setDirection] = useState<Direction>(\"TOP\");\n\n  const rotateDirection = useCallback(\n    (current: Direction): Direction => {\n      const directions: Direction[] = [\"TOP\", \"LEFT\", \"BOTTOM\", \"RIGHT\"];\n      const index = directions.indexOf(current);\n      const nextIndex = clockwise\n        ? (index - 1 + directions.length) % directions.length\n        : (index + 1) % directions.length;\n      return directions[nextIndex];\n    },\n    [clockwise],\n  );\n\n  useEffect(() => {\n    if (!hovered) {\n      const interval = setInterval(() => {\n        setDirection((prevState) => rotateDirection(prevState));\n      }, duration * 1000);\n      return () => clearInterval(interval);\n    }\n  }, [hovered, duration, rotateDirection]);\n\n  const handleMouseEnter = () => setHovered(true);\n  const handleMouseLeave = () => setHovered(false);\n\n  return (\n    <button\n      type=\"button\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={mergeClassNames(\n        \"relative flex h-min w-fit flex-col flex-nowrap content-center items-center justify-center gap-10 overflow-visible rounded-lg border border-ds-border-2 p-px transition duration-500\",\n        containerClassName,\n      )}\n      {...props}\n    >\n      <div\n        className={mergeClassNames(\n          \"bg-ds-surface-1 text-ds-1 z-10 w-auto rounded-[inherit] px-4 py-2\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n      <motion.div\n        className={mergeClassNames(\n          \"absolute inset-0 z-0 flex-none overflow-hidden rounded-[inherit]\",\n        )}\n        style={{\n          filter: \"blur(2px)\",\n          position: \"absolute\",\n          width: \"100%\",\n          height: \"100%\",\n        }}\n        initial={{ background: movingMap[direction] }}\n        animate={{\n          background: hovered\n            ? [movingMap[direction], highlight]\n            : movingMap[direction],\n        }}\n        transition={{ ease: \"linear\", duration: duration ?? 1 }}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;AAeA,IAAM,YAAuC;CAC3C,KAAK;CACL,MAAM;CACN,QACE;CACF,OACE;AACJ;AAEA,IAAM,YAAY;AAElB,SAAgB,oBAAoB,EAClC,oBACA,WACA,WAAW,GACX,YAAY,MACZ,UACA,GAAG,SACwB;CAC3B,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;CAC5C,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAoC,KAAK;CAE3D,MAAM,mBAAA,GAAA,MAAA,cACH,YAAkC;EACjC,MAAM,aAA0B;GAAC;GAAO;GAAQ;GAAU;EAAO;EACjE,MAAM,QAAQ,WAAW,QAAQ,OAAO;EAIxC,OAAO,WAHW,aACb,QAAQ,IAAI,WAAW,UAAU,WAAW,UAC5C,QAAQ,KAAK,WAAW;CAE/B,GACA,CAAC,SAAS,CACZ;CAEA,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,CAAC,SAAS;GACZ,MAAM,WAAW,kBAAkB;IACjC,cAAc,cAAc,gBAAgB,SAAS,CAAC;GACxD,GAAG,WAAW,GAAI;GAClB,aAAa,cAAc,QAAQ;EACrC;CACF,GAAG;EAAC;EAAS;EAAU;CAAe,CAAC;CAEvC,MAAM,yBAAyB,WAAW,IAAI;CAC9C,MAAM,yBAAyB,WAAW,KAAK;CAE/C,OACE,iBAAA,GAAA,kBAAA,MAAC,UAAD;EACE,MAAK;EACL,cAAc;EACd,cAAc;EACd,WAAW,cAAA,gBACT,uLACA,kBACF;EACA,GAAI;YARN,CAUE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,WAAW,cAAA,gBACT,qEACA,SACF;GAEC;EACE,CAAA,GACL,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;GACE,WAAW,cAAA,gBACT,kEACF;GACA,OAAO;IACL,QAAQ;IACR,UAAU;IACV,OAAO;IACP,QAAQ;GACV;GACA,SAAS,EAAE,YAAY,UAAU,WAAW;GAC5C,SAAS,EACP,YAAY,UACR,CAAC,UAAU,YAAY,SAAS,IAChC,UAAU,WAChB;GACA,YAAY;IAAE,MAAM;IAAU,UAAU,YAAY;GAAE;EACvD,CAAA,CACK;;AAEZ"}

package/dist/chunks/{SunToMoonButton-BkEfkElJ.mjs → SunToMoonButton-DIMK53fW.mjs}

@@ -1,4 +1,4 @@
-import { n as useThemeContext } from "./theme-koPrLKQv.mjs";
+import { n as useThemeContext } from "./theme-BXML6jHE.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 //#region src/components/effects/sun-to-moon-button/SunToMoonButton.tsx
@@ -183,4 +183,4 @@ function SunToMoonButton({ showLabelAndImage = true }) {
 //#endregion
 export { SunToMoonButton as t };
 
-//# sourceMappingURL=SunToMoonButton-BkEfkElJ.mjs.map
+//# sourceMappingURL=SunToMoonButton-DIMK53fW.mjs.map

package/dist/chunks/{SunToMoonButton-BkEfkElJ.mjs.map → SunToMoonButton-DIMK53fW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SunToMoonButton-BkEfkElJ.mjs","names":[],"sources":["../../src/components/effects/sun-to-moon-button/SunToMoonButton.tsx"],"sourcesContent":["import { useThemeContext } from \"../../../foundations/theme\";\nimport { motion } from \"framer-motion\";\n\nexport interface SunToMoonButtonProps {\n  showLabelAndImage?: boolean;\n}\n\nexport default function SunToMoonButton({\n  showLabelAndImage = true,\n}: SunToMoonButtonProps) {\n  const { mode, toggleMode } = useThemeContext();\n\n  const raysVariants = {\n    hidden: {\n      strokeOpacity: 0,\n      transition: {\n        staggerChildren: 0.05,\n        staggerDirection: -1,\n      },\n    },\n    visible: {\n      strokeOpacity: 1,\n      transition: {\n        staggerChildren: 0.05,\n      },\n    },\n  };\n\n  const rayVariant = {\n    hidden: {\n      pathLength: 0,\n      opacity: 0,\n      // Start from center of the circle\n      scale: 0,\n    },\n    visible: {\n      pathLength: 1,\n      opacity: 1,\n      scale: 1,\n      transition: {\n        duration: 0.5,\n        pathLength: { duration: 0.3 },\n        opacity: { duration: 0.2 },\n        scale: { duration: 0.3 },\n      },\n    },\n  };\n\n  const shineVariant = {\n    hidden: {\n      opacity: 0,\n      scale: 2,\n      strokeDasharray: \"20, 1000\",\n      strokeDashoffset: 0,\n      filter: \"blur(0px)\",\n    },\n    visible: {\n      opacity: [0, 1, 0],\n      strokeDashoffset: [0, -50, -100],\n      filter: [\"blur(2px)\", \"blur(2px)\", \"blur(0px)\"],\n      transition: {\n        duration: 0.75,\n      },\n    },\n  };\n\n  const sunPath =\n    \"M70 49.5C70 60.8218 60.8218 70 49.5 70C38.1782 70 29 60.8218 29 49.5C29 38.1782 38.1782 29 49.5 29C60 29 69.5 38 70 49.5Z\";\n  const moonPath =\n    \"M70 49.5C70 60.8218 60.8218 70 49.5 70C38.1782 70 29 60.8218 29 49.5C29 38.1782 38.1782 29 49.5 29C39 45 49.5 59.5 70 49.5Z\";\n  const fallbackPath = sunPath;\n\n  // Ensure we have valid paths at all times\n  // Light mode = sun, Dark mode = moon\n  const currentPath = mode === \"light\" ? sunPath : moonPath;\n  const safeCurrentPath = currentPath || fallbackPath;\n\n  return (\n    <button\n      type=\"button\"\n      className=\"flex w-full cursor-pointer flex-col items-center justify-center rounded-xl py-3 text-base font-medium transition duration-200\"\n      onClick={() => toggleMode()}\n    >\n      <span className=\"flex items-center\">\n        {showLabelAndImage && (\n          <span className=\"mr-2 text-ds-1\">\n            {mode === \"light\" ? \"Light\" : \"Dark\"}\n          </span>\n        )}\n\n        <motion.svg\n          strokeWidth=\"4\"\n          strokeLinecap=\"round\"\n          width={20}\n          height={20}\n          viewBox=\"0 0 100 100\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"relative\"\n        >\n          {/* Shine effect for moon in dark mode */}\n          {moonPath && (\n            <motion.path\n              variants={shineVariant}\n              d={moonPath}\n              className=\"absolute top-0 left-0 stroke-blue-100\"\n              initial=\"hidden\"\n              animate={mode === \"light\" ? \"hidden\" : \"visible\"}\n            />\n          )}\n\n          {/* Sun rays - visible in light mode */}\n          <motion.g\n            variants={raysVariants}\n            initial=\"hidden\"\n            animate={mode === \"dark\" ? \"hidden\" : \"visible\"}\n            style={{\n              strokeLinecap: \"round\",\n              strokeWidth: 6,\n              stroke: \"var(--ds-color-warning)\",\n            }}\n          >\n            <motion.path\n              className=\"origin-center\"\n              variants={rayVariant}\n              d=\"M50 2V11\"\n            />\n            <motion.path variants={rayVariant} d=\"M85 15L78 22\" />\n            <motion.path variants={rayVariant} d=\"M98 50H89\" />\n            <motion.path variants={rayVariant} d=\"M85 85L78 78\" />\n            <motion.path variants={rayVariant} d=\"M50 98V89\" />\n            <motion.path variants={rayVariant} d=\"M23 78L16 84\" />\n            <motion.path variants={rayVariant} d=\"M11 50H2\" />\n            <motion.path variants={rayVariant} d=\"M23 23L16 16\" />\n          </motion.g>\n\n          {/* Main path - Light=Sun(yellow), Dark=Moon(blue) */}\n          <motion.path\n            d={safeCurrentPath}\n            fill=\"transparent\"\n            transition={{ duration: 1, type: \"spring\" }}\n            initial={false}\n            animate={\n              mode === \"light\"\n                ? {\n                    d: sunPath || fallbackPath,\n                    rotate: 0,\n                    scale: 1,\n                    stroke: \"var(--ds-color-warning)\",\n                    fill: \"var(--ds-color-warning)\",\n                    fillOpacity: 0.5,\n                    strokeOpacity: 1,\n                  }\n                : {\n                    d: moonPath || fallbackPath,\n                    rotate: -360,\n                    scale: 2,\n                    stroke: \"var(--ds-color-info)\",\n                    fill: \"var(--ds-color-info)\",\n                    fillOpacity: 0.35,\n                    strokeOpacity: 1,\n                  }\n            }\n          />\n        </motion.svg>\n      </span>\n      {showLabelAndImage && (\n        <span className=\"mt-2 flex h-[90px] w-[180px] flex-col items-center justify-center rounded-md bg-ds-surface-2\">\n          <span className=\"my-4 flex w-[150px] flex-col rounded-md\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"mb-1 w-[100px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"w-[150px] rounded-full bg-ds-surface-3 p-1\"></span>\n          </span>\n          <span className=\"my-1 flex w-[150px] justify-between\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"mb-1 w-[30px] rounded-full bg-ds-accent p-1\"></span>\n          </span>\n        </span>\n      )}\n    </button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SunToMoonButton-DIMK53fW.mjs","names":[],"sources":["../../src/components/effects/sun-to-moon-button/SunToMoonButton.tsx"],"sourcesContent":["import { useThemeContext } from \"../../../foundations/theme\";\nimport { motion } from \"framer-motion\";\n\nexport interface SunToMoonButtonProps {\n  showLabelAndImage?: boolean;\n}\n\nexport default function SunToMoonButton({\n  showLabelAndImage = true,\n}: SunToMoonButtonProps) {\n  const { mode, toggleMode } = useThemeContext();\n\n  const raysVariants = {\n    hidden: {\n      strokeOpacity: 0,\n      transition: {\n        staggerChildren: 0.05,\n        staggerDirection: -1,\n      },\n    },\n    visible: {\n      strokeOpacity: 1,\n      transition: {\n        staggerChildren: 0.05,\n      },\n    },\n  };\n\n  const rayVariant = {\n    hidden: {\n      pathLength: 0,\n      opacity: 0,\n      // Start from center of the circle\n      scale: 0,\n    },\n    visible: {\n      pathLength: 1,\n      opacity: 1,\n      scale: 1,\n      transition: {\n        duration: 0.5,\n        pathLength: { duration: 0.3 },\n        opacity: { duration: 0.2 },\n        scale: { duration: 0.3 },\n      },\n    },\n  };\n\n  const shineVariant = {\n    hidden: {\n      opacity: 0,\n      scale: 2,\n      strokeDasharray: \"20, 1000\",\n      strokeDashoffset: 0,\n      filter: \"blur(0px)\",\n    },\n    visible: {\n      opacity: [0, 1, 0],\n      strokeDashoffset: [0, -50, -100],\n      filter: [\"blur(2px)\", \"blur(2px)\", \"blur(0px)\"],\n      transition: {\n        duration: 0.75,\n      },\n    },\n  };\n\n  const sunPath =\n    \"M70 49.5C70 60.8218 60.8218 70 49.5 70C38.1782 70 29 60.8218 29 49.5C29 38.1782 38.1782 29 49.5 29C60 29 69.5 38 70 49.5Z\";\n  const moonPath =\n    \"M70 49.5C70 60.8218 60.8218 70 49.5 70C38.1782 70 29 60.8218 29 49.5C29 38.1782 38.1782 29 49.5 29C39 45 49.5 59.5 70 49.5Z\";\n  const fallbackPath = sunPath;\n\n  // Ensure we have valid paths at all times\n  // Light mode = sun, Dark mode = moon\n  const currentPath = mode === \"light\" ? sunPath : moonPath;\n  const safeCurrentPath = currentPath || fallbackPath;\n\n  return (\n    <button\n      type=\"button\"\n      className=\"flex w-full cursor-pointer flex-col items-center justify-center rounded-xl py-3 text-base font-medium transition duration-200\"\n      onClick={() => toggleMode()}\n    >\n      <span className=\"flex items-center\">\n        {showLabelAndImage && (\n          <span className=\"mr-2 text-ds-1\">\n            {mode === \"light\" ? \"Light\" : \"Dark\"}\n          </span>\n        )}\n\n        <motion.svg\n          strokeWidth=\"4\"\n          strokeLinecap=\"round\"\n          width={20}\n          height={20}\n          viewBox=\"0 0 100 100\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"relative\"\n        >\n          {/* Shine effect for moon in dark mode */}\n          {moonPath && (\n            <motion.path\n              variants={shineVariant}\n              d={moonPath}\n              className=\"absolute top-0 left-0 stroke-blue-100\"\n              initial=\"hidden\"\n              animate={mode === \"light\" ? \"hidden\" : \"visible\"}\n            />\n          )}\n\n          {/* Sun rays - visible in light mode */}\n          <motion.g\n            variants={raysVariants}\n            initial=\"hidden\"\n            animate={mode === \"dark\" ? \"hidden\" : \"visible\"}\n            style={{\n              strokeLinecap: \"round\",\n              strokeWidth: 6,\n              stroke: \"var(--ds-color-warning)\",\n            }}\n          >\n            <motion.path\n              className=\"origin-center\"\n              variants={rayVariant}\n              d=\"M50 2V11\"\n            />\n            <motion.path variants={rayVariant} d=\"M85 15L78 22\" />\n            <motion.path variants={rayVariant} d=\"M98 50H89\" />\n            <motion.path variants={rayVariant} d=\"M85 85L78 78\" />\n            <motion.path variants={rayVariant} d=\"M50 98V89\" />\n            <motion.path variants={rayVariant} d=\"M23 78L16 84\" />\n            <motion.path variants={rayVariant} d=\"M11 50H2\" />\n            <motion.path variants={rayVariant} d=\"M23 23L16 16\" />\n          </motion.g>\n\n          {/* Main path - Light=Sun(yellow), Dark=Moon(blue) */}\n          <motion.path\n            d={safeCurrentPath}\n            fill=\"transparent\"\n            transition={{ duration: 1, type: \"spring\" }}\n            initial={false}\n            animate={\n              mode === \"light\"\n                ? {\n                    d: sunPath || fallbackPath,\n                    rotate: 0,\n                    scale: 1,\n                    stroke: \"var(--ds-color-warning)\",\n                    fill: \"var(--ds-color-warning)\",\n                    fillOpacity: 0.5,\n                    strokeOpacity: 1,\n                  }\n                : {\n                    d: moonPath || fallbackPath,\n                    rotate: -360,\n                    scale: 2,\n                    stroke: \"var(--ds-color-info)\",\n                    fill: \"var(--ds-color-info)\",\n                    fillOpacity: 0.35,\n                    strokeOpacity: 1,\n                  }\n            }\n          />\n        </motion.svg>\n      </span>\n      {showLabelAndImage && (\n        <span className=\"mt-2 flex h-[90px] w-[180px] flex-col items-center justify-center rounded-md bg-ds-surface-2\">\n          <span className=\"my-4 flex w-[150px] flex-col rounded-md\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"mb-1 w-[100px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"w-[150px] rounded-full bg-ds-surface-3 p-1\"></span>\n          </span>\n          <span className=\"my-1 flex w-[150px] justify-between\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"mb-1 w-[30px] rounded-full bg-ds-accent p-1\"></span>\n          </span>\n        </span>\n      )}\n    </button>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/{SunToMoonButton-jS4BJD9q.cjs → SunToMoonButton-DUuIqw22.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_theme = require("./theme-D6B-FaoE.cjs");
+const require_theme = require("./theme-BzTaXYZ8.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
 //#region src/components/effects/sun-to-moon-button/SunToMoonButton.tsx
@@ -189,4 +188,4 @@ Object.defineProperty(exports, "SunToMoonButton", {
 	}
 });
 
-//# sourceMappingURL=SunToMoonButton-jS4BJD9q.cjs.map
+//# sourceMappingURL=SunToMoonButton-DUuIqw22.cjs.map

package/dist/chunks/{SunToMoonButton-jS4BJD9q.cjs.map → SunToMoonButton-DUuIqw22.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SunToMoonButton-jS4BJD9q.cjs","names":[],"sources":["../../src/components/effects/sun-to-moon-button/SunToMoonButton.tsx"],"sourcesContent":["import { useThemeContext } from \"../../../foundations/theme\";\nimport { motion } from \"framer-motion\";\n\nexport interface SunToMoonButtonProps {\n  showLabelAndImage?: boolean;\n}\n\nexport default function SunToMoonButton({\n  showLabelAndImage = true,\n}: SunToMoonButtonProps) {\n  const { mode, toggleMode } = useThemeContext();\n\n  const raysVariants = {\n    hidden: {\n      strokeOpacity: 0,\n      transition: {\n        staggerChildren: 0.05,\n        staggerDirection: -1,\n      },\n    },\n    visible: {\n      strokeOpacity: 1,\n      transition: {\n        staggerChildren: 0.05,\n      },\n    },\n  };\n\n  const rayVariant = {\n    hidden: {\n      pathLength: 0,\n      opacity: 0,\n      // Start from center of the circle\n      scale: 0,\n    },\n    visible: {\n      pathLength: 1,\n      opacity: 1,\n      scale: 1,\n      transition: {\n        duration: 0.5,\n        pathLength: { duration: 0.3 },\n        opacity: { duration: 0.2 },\n        scale: { duration: 0.3 },\n      },\n    },\n  };\n\n  const shineVariant = {\n    hidden: {\n      opacity: 0,\n      scale: 2,\n      strokeDasharray: \"20, 1000\",\n      strokeDashoffset: 0,\n      filter: \"blur(0px)\",\n    },\n    visible: {\n      opacity: [0, 1, 0],\n      strokeDashoffset: [0, -50, -100],\n      filter: [\"blur(2px)\", \"blur(2px)\", \"blur(0px)\"],\n      transition: {\n        duration: 0.75,\n      },\n    },\n  };\n\n  const sunPath =\n    \"M70 49.5C70 60.8218 60.8218 70 49.5 70C38.1782 70 29 60.8218 29 49.5C29 38.1782 38.1782 29 49.5 29C60 29 69.5 38 70 49.5Z\";\n  const moonPath =\n    \"M70 49.5C70 60.8218 60.8218 70 49.5 70C38.1782 70 29 60.8218 29 49.5C29 38.1782 38.1782 29 49.5 29C39 45 49.5 59.5 70 49.5Z\";\n  const fallbackPath = sunPath;\n\n  // Ensure we have valid paths at all times\n  // Light mode = sun, Dark mode = moon\n  const currentPath = mode === \"light\" ? sunPath : moonPath;\n  const safeCurrentPath = currentPath || fallbackPath;\n\n  return (\n    <button\n      type=\"button\"\n      className=\"flex w-full cursor-pointer flex-col items-center justify-center rounded-xl py-3 text-base font-medium transition duration-200\"\n      onClick={() => toggleMode()}\n    >\n      <span className=\"flex items-center\">\n        {showLabelAndImage && (\n          <span className=\"mr-2 text-ds-1\">\n            {mode === \"light\" ? \"Light\" : \"Dark\"}\n          </span>\n        )}\n\n        <motion.svg\n          strokeWidth=\"4\"\n          strokeLinecap=\"round\"\n          width={20}\n          height={20}\n          viewBox=\"0 0 100 100\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"relative\"\n        >\n          {/* Shine effect for moon in dark mode */}\n          {moonPath && (\n            <motion.path\n              variants={shineVariant}\n              d={moonPath}\n              className=\"absolute top-0 left-0 stroke-blue-100\"\n              initial=\"hidden\"\n              animate={mode === \"light\" ? \"hidden\" : \"visible\"}\n            />\n          )}\n\n          {/* Sun rays - visible in light mode */}\n          <motion.g\n            variants={raysVariants}\n            initial=\"hidden\"\n            animate={mode === \"dark\" ? \"hidden\" : \"visible\"}\n            style={{\n              strokeLinecap: \"round\",\n              strokeWidth: 6,\n              stroke: \"var(--ds-color-warning)\",\n            }}\n          >\n            <motion.path\n              className=\"origin-center\"\n              variants={rayVariant}\n              d=\"M50 2V11\"\n            />\n            <motion.path variants={rayVariant} d=\"M85 15L78 22\" />\n            <motion.path variants={rayVariant} d=\"M98 50H89\" />\n            <motion.path variants={rayVariant} d=\"M85 85L78 78\" />\n            <motion.path variants={rayVariant} d=\"M50 98V89\" />\n            <motion.path variants={rayVariant} d=\"M23 78L16 84\" />\n            <motion.path variants={rayVariant} d=\"M11 50H2\" />\n            <motion.path variants={rayVariant} d=\"M23 23L16 16\" />\n          </motion.g>\n\n          {/* Main path - Light=Sun(yellow), Dark=Moon(blue) */}\n          <motion.path\n            d={safeCurrentPath}\n            fill=\"transparent\"\n            transition={{ duration: 1, type: \"spring\" }}\n            initial={false}\n            animate={\n              mode === \"light\"\n                ? {\n                    d: sunPath || fallbackPath,\n                    rotate: 0,\n                    scale: 1,\n                    stroke: \"var(--ds-color-warning)\",\n                    fill: \"var(--ds-color-warning)\",\n                    fillOpacity: 0.5,\n                    strokeOpacity: 1,\n                  }\n                : {\n                    d: moonPath || fallbackPath,\n                    rotate: -360,\n                    scale: 2,\n                    stroke: \"var(--ds-color-info)\",\n                    fill: \"var(--ds-color-info)\",\n                    fillOpacity: 0.35,\n                    strokeOpacity: 1,\n                  }\n            }\n          />\n        </motion.svg>\n      </span>\n      {showLabelAndImage && (\n        <span className=\"mt-2 flex h-[90px] w-[180px] flex-col items-center justify-center rounded-md bg-ds-surface-2\">\n          <span className=\"my-4 flex w-[150px] flex-col rounded-md\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"mb-1 w-[100px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"w-[150px] rounded-full bg-ds-surface-3 p-1\"></span>\n          </span>\n          <span className=\"my-1 flex w-[150px] justify-between\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"mb-1 w-[30px] rounded-full bg-ds-accent p-1\"></span>\n          </span>\n        </span>\n      )}\n    </button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SunToMoonButton-DUuIqw22.cjs","names":[],"sources":["../../src/components/effects/sun-to-moon-button/SunToMoonButton.tsx"],"sourcesContent":["import { useThemeContext } from \"../../../foundations/theme\";\nimport { motion } from \"framer-motion\";\n\nexport interface SunToMoonButtonProps {\n  showLabelAndImage?: boolean;\n}\n\nexport default function SunToMoonButton({\n  showLabelAndImage = true,\n}: SunToMoonButtonProps) {\n  const { mode, toggleMode } = useThemeContext();\n\n  const raysVariants = {\n    hidden: {\n      strokeOpacity: 0,\n      transition: {\n        staggerChildren: 0.05,\n        staggerDirection: -1,\n      },\n    },\n    visible: {\n      strokeOpacity: 1,\n      transition: {\n        staggerChildren: 0.05,\n      },\n    },\n  };\n\n  const rayVariant = {\n    hidden: {\n      pathLength: 0,\n      opacity: 0,\n      // Start from center of the circle\n      scale: 0,\n    },\n    visible: {\n      pathLength: 1,\n      opacity: 1,\n      scale: 1,\n      transition: {\n        duration: 0.5,\n        pathLength: { duration: 0.3 },\n        opacity: { duration: 0.2 },\n        scale: { duration: 0.3 },\n      },\n    },\n  };\n\n  const shineVariant = {\n    hidden: {\n      opacity: 0,\n      scale: 2,\n      strokeDasharray: \"20, 1000\",\n      strokeDashoffset: 0,\n      filter: \"blur(0px)\",\n    },\n    visible: {\n      opacity: [0, 1, 0],\n      strokeDashoffset: [0, -50, -100],\n      filter: [\"blur(2px)\", \"blur(2px)\", \"blur(0px)\"],\n      transition: {\n        duration: 0.75,\n      },\n    },\n  };\n\n  const sunPath =\n    \"M70 49.5C70 60.8218 60.8218 70 49.5 70C38.1782 70 29 60.8218 29 49.5C29 38.1782 38.1782 29 49.5 29C60 29 69.5 38 70 49.5Z\";\n  const moonPath =\n    \"M70 49.5C70 60.8218 60.8218 70 49.5 70C38.1782 70 29 60.8218 29 49.5C29 38.1782 38.1782 29 49.5 29C39 45 49.5 59.5 70 49.5Z\";\n  const fallbackPath = sunPath;\n\n  // Ensure we have valid paths at all times\n  // Light mode = sun, Dark mode = moon\n  const currentPath = mode === \"light\" ? sunPath : moonPath;\n  const safeCurrentPath = currentPath || fallbackPath;\n\n  return (\n    <button\n      type=\"button\"\n      className=\"flex w-full cursor-pointer flex-col items-center justify-center rounded-xl py-3 text-base font-medium transition duration-200\"\n      onClick={() => toggleMode()}\n    >\n      <span className=\"flex items-center\">\n        {showLabelAndImage && (\n          <span className=\"mr-2 text-ds-1\">\n            {mode === \"light\" ? \"Light\" : \"Dark\"}\n          </span>\n        )}\n\n        <motion.svg\n          strokeWidth=\"4\"\n          strokeLinecap=\"round\"\n          width={20}\n          height={20}\n          viewBox=\"0 0 100 100\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"relative\"\n        >\n          {/* Shine effect for moon in dark mode */}\n          {moonPath && (\n            <motion.path\n              variants={shineVariant}\n              d={moonPath}\n              className=\"absolute top-0 left-0 stroke-blue-100\"\n              initial=\"hidden\"\n              animate={mode === \"light\" ? \"hidden\" : \"visible\"}\n            />\n          )}\n\n          {/* Sun rays - visible in light mode */}\n          <motion.g\n            variants={raysVariants}\n            initial=\"hidden\"\n            animate={mode === \"dark\" ? \"hidden\" : \"visible\"}\n            style={{\n              strokeLinecap: \"round\",\n              strokeWidth: 6,\n              stroke: \"var(--ds-color-warning)\",\n            }}\n          >\n            <motion.path\n              className=\"origin-center\"\n              variants={rayVariant}\n              d=\"M50 2V11\"\n            />\n            <motion.path variants={rayVariant} d=\"M85 15L78 22\" />\n            <motion.path variants={rayVariant} d=\"M98 50H89\" />\n            <motion.path variants={rayVariant} d=\"M85 85L78 78\" />\n            <motion.path variants={rayVariant} d=\"M50 98V89\" />\n            <motion.path variants={rayVariant} d=\"M23 78L16 84\" />\n            <motion.path variants={rayVariant} d=\"M11 50H2\" />\n            <motion.path variants={rayVariant} d=\"M23 23L16 16\" />\n          </motion.g>\n\n          {/* Main path - Light=Sun(yellow), Dark=Moon(blue) */}\n          <motion.path\n            d={safeCurrentPath}\n            fill=\"transparent\"\n            transition={{ duration: 1, type: \"spring\" }}\n            initial={false}\n            animate={\n              mode === \"light\"\n                ? {\n                    d: sunPath || fallbackPath,\n                    rotate: 0,\n                    scale: 1,\n                    stroke: \"var(--ds-color-warning)\",\n                    fill: \"var(--ds-color-warning)\",\n                    fillOpacity: 0.5,\n                    strokeOpacity: 1,\n                  }\n                : {\n                    d: moonPath || fallbackPath,\n                    rotate: -360,\n                    scale: 2,\n                    stroke: \"var(--ds-color-info)\",\n                    fill: \"var(--ds-color-info)\",\n                    fillOpacity: 0.35,\n                    strokeOpacity: 1,\n                  }\n            }\n          />\n        </motion.svg>\n      </span>\n      {showLabelAndImage && (\n        <span className=\"mt-2 flex h-[90px] w-[180px] flex-col items-center justify-center rounded-md bg-ds-surface-2\">\n          <span className=\"my-4 flex w-[150px] flex-col rounded-md\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"mb-1 w-[100px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"w-[150px] rounded-full bg-ds-surface-3 p-1\"></span>\n          </span>\n          <span className=\"my-1 flex w-[150px] justify-between\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-ds-surface-3 p-1\"></span>\n            <span className=\"mb-1 w-[30px] rounded-full bg-ds-accent p-1\"></span>\n          </span>\n        </span>\n      )}\n    </button>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/{Tooltip-DD30yj3A.cjs → Tooltip-1yPGRJ2Q.cjs}

@@ -1,4 +1,3 @@
-require("./chunk-B_GkZjkl.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
@@ -85,7 +84,7 @@ var motionVariants = {
 		}
 	}
 };
-function Tooltip({ content, children, position = "top", trigger = "hover", delayShow = 200, delayHide = 0, disabled = false, className = "", arrow = true, maxWidth = 250, open: controlledOpen, onOpenChange }) {
+function Tooltip({ content, children, position = "top", trigger = "hover", delayShow = 200, delayHide = 0, disabled = false, className = "", wrapperClassName, arrow = true, maxWidth = 250, open: controlledOpen, onOpenChange }) {
 	const [internalOpen, setInternalOpen] = (0, react.useState)(false);
 	const showTimeoutRef = (0, react.useRef)(null);
 	const hideTimeoutRef = (0, react.useRef)(null);
@@ -157,9 +156,7 @@ function Tooltip({ content, children, position = "top", trigger = "hover", delay
 		document.addEventListener("keydown", handleEscape);
 		return () => document.removeEventListener("keydown", handleEscape);
 	}, [isOpen, setOpen]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: triggerRef,
-		className: "relative inline-flex",
+	const triggerProps = {
 		...trigger === "hover" && {
 			onMouseEnter: showTooltip,
 			onMouseLeave: hideTooltip
@@ -168,7 +165,12 @@ function Tooltip({ content, children, position = "top", trigger = "hover", delay
 		...trigger === "focus" && {
 			onFocus: showTooltip,
 			onBlur: hideTooltip
-		},
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: triggerRef,
+		className: `relative inline-flex${wrapperClassName ? ` ${wrapperClassName}` : ""}`,
+		...triggerProps,
 		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: isOpen && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
 			role: "tooltip",
 			initial: motionVariants[position].initial,
@@ -182,7 +184,7 @@ function Tooltip({ content, children, position = "top", trigger = "hover", delay
               absolute z-50 ${positionStyles[position]}
               px-3 py-2 text-sm font-medium
               rounded-lg border border-ds-border-2 bg-ds-surface-2 text-ds-1 shadow-lg
-              whitespace-normal break-words
+              whitespace-normal wrap-break-word
               ${className}
             `,
 			style: { maxWidth },
@@ -201,4 +203,4 @@ Object.defineProperty(exports, "Tooltip", {
 	}
 });
 
-//# sourceMappingURL=Tooltip-DD30yj3A.cjs.map
+//# sourceMappingURL=Tooltip-1yPGRJ2Q.cjs.map

package/dist/chunks/Tooltip-1yPGRJ2Q.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-1yPGRJ2Q.cjs","names":[],"sources":["../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nexport type TooltipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport type TooltipTrigger = \"hover\" | \"click\" | \"focus\";\n\nexport interface TooltipProps {\n  /** The content to display in the tooltip */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip */\n  children: React.ReactElement;\n  /** Position of the tooltip relative to the trigger */\n  position?: TooltipPosition;\n  /** How the tooltip is triggered */\n  trigger?: TooltipTrigger;\n  /** Delay before showing tooltip (ms) */\n  delayShow?: number;\n  /** Delay before hiding tooltip (ms) */\n  delayHide?: number;\n  /** Whether the tooltip is disabled */\n  disabled?: boolean;\n  /** Custom className for the tooltip */\n  className?: string;\n  /** Extra className applied to the trigger wrapper div */\n  wrapperClassName?: string;\n  /** Whether to show an arrow pointing to the trigger */\n  arrow?: boolean;\n  /** Maximum width of the tooltip */\n  maxWidth?: number;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst positionStyles: Record<TooltipPosition, string> = {\n  top: \"bottom-full left-1/2 -translate-x-1/2 mb-2\",\n  bottom: \"top-full left-1/2 -translate-x-1/2 mt-2\",\n  left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n  right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n};\n\nconst arrowStyles: Record<TooltipPosition, string> = {\n  top: \"top-full left-1/2 -translate-x-1/2 border-t-ds-surface-2 border-x-transparent border-b-transparent border-t-[6px] border-x-[6px] border-b-0\",\n  bottom:\n    \"bottom-full left-1/2 -translate-x-1/2 border-b-ds-surface-2 border-x-transparent border-t-transparent border-b-[6px] border-x-[6px] border-t-0\",\n  left: \"left-full top-1/2 -translate-y-1/2 border-l-ds-surface-2 border-y-transparent border-r-transparent border-l-[6px] border-y-[6px] border-r-0\",\n  right:\n    \"right-full top-1/2 -translate-y-1/2 border-r-ds-surface-2 border-y-transparent border-l-transparent border-r-[6px] border-y-[6px] border-l-0\",\n};\n\nconst motionVariants = {\n  top: {\n    initial: { opacity: 0, y: 4, scale: 0.95 },\n    animate: { opacity: 1, y: 0, scale: 1 },\n    exit: { opacity: 0, y: 4, scale: 0.95 },\n  },\n  bottom: {\n    initial: { opacity: 0, y: -4, scale: 0.95 },\n    animate: { opacity: 1, y: 0, scale: 1 },\n    exit: { opacity: 0, y: -4, scale: 0.95 },\n  },\n  left: {\n    initial: { opacity: 0, x: 4, scale: 0.95 },\n    animate: { opacity: 1, x: 0, scale: 1 },\n    exit: { opacity: 0, x: 4, scale: 0.95 },\n  },\n  right: {\n    initial: { opacity: 0, x: -4, scale: 0.95 },\n    animate: { opacity: 1, x: 0, scale: 1 },\n    exit: { opacity: 0, x: -4, scale: 0.95 },\n  },\n} as const;\n\nexport default function Tooltip({\n  content,\n  children,\n  position = \"top\",\n  trigger = \"hover\",\n  delayShow = 200,\n  delayHide = 0,\n  disabled = false,\n  className = \"\",\n  wrapperClassName,\n  arrow = true,\n  maxWidth = 250,\n  open: controlledOpen,\n  onOpenChange,\n}: TooltipProps) {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (isControlled) {\n        onOpenChange?.(value);\n      } else {\n        setInternalOpen(value);\n      }\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const clearTimeouts = useCallback(() => {\n    if (showTimeoutRef.current) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  const showTooltip = useCallback(() => {\n    if (disabled) return;\n    clearTimeouts();\n    if (delayShow > 0) {\n      showTimeoutRef.current = setTimeout(() => setOpen(true), delayShow);\n    } else {\n      setOpen(true);\n    }\n  }, [disabled, delayShow, setOpen, clearTimeouts]);\n\n  const hideTooltip = useCallback(() => {\n    clearTimeouts();\n    if (delayHide > 0) {\n      hideTimeoutRef.current = setTimeout(() => setOpen(false), delayHide);\n    } else {\n      setOpen(false);\n    }\n  }, [delayHide, setOpen, clearTimeouts]);\n\n  const toggleTooltip = useCallback(() => {\n    if (disabled) return;\n    setOpen(!isOpen);\n  }, [disabled, isOpen, setOpen]);\n\n  useEffect(() => {\n    return () => clearTimeouts();\n  }, [clearTimeouts]);\n\n  // Close on click outside for click trigger\n  useEffect(() => {\n    if (trigger !== \"click\" || !isOpen) return;\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        triggerRef.current &&\n        !triggerRef.current.contains(event.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, [trigger, isOpen, setOpen]);\n\n  // Close on Escape\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen, setOpen]);\n\n  const triggerProps = {\n    ...(trigger === \"hover\" && {\n      onMouseEnter: showTooltip,\n      onMouseLeave: hideTooltip,\n    }),\n    ...(trigger === \"click\" && {\n      onClick: toggleTooltip,\n    }),\n    ...(trigger === \"focus\" && {\n      onFocus: showTooltip,\n      onBlur: hideTooltip,\n    }),\n  };\n\n  return (\n    <div ref={triggerRef} className={`relative inline-flex${wrapperClassName ? ` ${wrapperClassName}` : ''}`} {...triggerProps}>\n      {children}\n      <AnimatePresence>\n        {isOpen && !disabled && (\n          <motion.div\n            role=\"tooltip\"\n            initial={motionVariants[position].initial}\n            animate={motionVariants[position].animate}\n            exit={motionVariants[position].exit}\n            transition={{ duration: 0.15, ease: \"easeOut\" }}\n            className={`\n              absolute z-50 ${positionStyles[position]}\n              px-3 py-2 text-sm font-medium\n              rounded-lg border border-ds-border-2 bg-ds-surface-2 text-ds-1 shadow-lg\n              whitespace-normal wrap-break-word\n              ${className}\n            `}\n            style={{ maxWidth }}\n          >\n            {content}\n            {arrow && (\n              <span\n                className={`absolute w-0 h-0 ${arrowStyles[position]}`}\n                aria-hidden=\"true\"\n              />\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nexport { Tooltip };\n"],"mappings":"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"}

package/dist/chunks/{Tooltip-DK3B879v.mjs → Tooltip-CEj-I4JO.mjs}

@@ -84,7 +84,7 @@ var motionVariants = {
 		}
 	}
 };
-function Tooltip({ content, children, position = "top", trigger = "hover", delayShow = 200, delayHide = 0, disabled = false, className = "", arrow = true, maxWidth = 250, open: controlledOpen, onOpenChange }) {
+function Tooltip({ content, children, position = "top", trigger = "hover", delayShow = 200, delayHide = 0, disabled = false, className = "", wrapperClassName, arrow = true, maxWidth = 250, open: controlledOpen, onOpenChange }) {
 	const [internalOpen, setInternalOpen] = useState(false);
 	const showTimeoutRef = useRef(null);
 	const hideTimeoutRef = useRef(null);
@@ -156,9 +156,7 @@ function Tooltip({ content, children, position = "top", trigger = "hover", delay
 		document.addEventListener("keydown", handleEscape);
 		return () => document.removeEventListener("keydown", handleEscape);
 	}, [isOpen, setOpen]);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: triggerRef,
-		className: "relative inline-flex",
+	const triggerProps = {
 		...trigger === "hover" && {
 			onMouseEnter: showTooltip,
 			onMouseLeave: hideTooltip
@@ -167,7 +165,12 @@ function Tooltip({ content, children, position = "top", trigger = "hover", delay
 		...trigger === "focus" && {
 			onFocus: showTooltip,
 			onBlur: hideTooltip
-		},
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref: triggerRef,
+		className: `relative inline-flex${wrapperClassName ? ` ${wrapperClassName}` : ""}`,
+		...triggerProps,
 		children: [children, /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && !disabled && /* @__PURE__ */ jsxs(motion.div, {
 			role: "tooltip",
 			initial: motionVariants[position].initial,
@@ -181,7 +184,7 @@ function Tooltip({ content, children, position = "top", trigger = "hover", delay
               absolute z-50 ${positionStyles[position]}
               px-3 py-2 text-sm font-medium
               rounded-lg border border-ds-border-2 bg-ds-surface-2 text-ds-1 shadow-lg
-              whitespace-normal break-words
+              whitespace-normal wrap-break-word
               ${className}
             `,
 			style: { maxWidth },
@@ -195,4 +198,4 @@ function Tooltip({ content, children, position = "top", trigger = "hover", delay
 //#endregion
 export { Tooltip as t };
 
-//# sourceMappingURL=Tooltip-DK3B879v.mjs.map
+//# sourceMappingURL=Tooltip-CEj-I4JO.mjs.map

package/dist/chunks/Tooltip-CEj-I4JO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-CEj-I4JO.mjs","names":[],"sources":["../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nexport type TooltipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport type TooltipTrigger = \"hover\" | \"click\" | \"focus\";\n\nexport interface TooltipProps {\n  /** The content to display in the tooltip */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip */\n  children: React.ReactElement;\n  /** Position of the tooltip relative to the trigger */\n  position?: TooltipPosition;\n  /** How the tooltip is triggered */\n  trigger?: TooltipTrigger;\n  /** Delay before showing tooltip (ms) */\n  delayShow?: number;\n  /** Delay before hiding tooltip (ms) */\n  delayHide?: number;\n  /** Whether the tooltip is disabled */\n  disabled?: boolean;\n  /** Custom className for the tooltip */\n  className?: string;\n  /** Extra className applied to the trigger wrapper div */\n  wrapperClassName?: string;\n  /** Whether to show an arrow pointing to the trigger */\n  arrow?: boolean;\n  /** Maximum width of the tooltip */\n  maxWidth?: number;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst positionStyles: Record<TooltipPosition, string> = {\n  top: \"bottom-full left-1/2 -translate-x-1/2 mb-2\",\n  bottom: \"top-full left-1/2 -translate-x-1/2 mt-2\",\n  left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n  right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n};\n\nconst arrowStyles: Record<TooltipPosition, string> = {\n  top: \"top-full left-1/2 -translate-x-1/2 border-t-ds-surface-2 border-x-transparent border-b-transparent border-t-[6px] border-x-[6px] border-b-0\",\n  bottom:\n    \"bottom-full left-1/2 -translate-x-1/2 border-b-ds-surface-2 border-x-transparent border-t-transparent border-b-[6px] border-x-[6px] border-t-0\",\n  left: \"left-full top-1/2 -translate-y-1/2 border-l-ds-surface-2 border-y-transparent border-r-transparent border-l-[6px] border-y-[6px] border-r-0\",\n  right:\n    \"right-full top-1/2 -translate-y-1/2 border-r-ds-surface-2 border-y-transparent border-l-transparent border-r-[6px] border-y-[6px] border-l-0\",\n};\n\nconst motionVariants = {\n  top: {\n    initial: { opacity: 0, y: 4, scale: 0.95 },\n    animate: { opacity: 1, y: 0, scale: 1 },\n    exit: { opacity: 0, y: 4, scale: 0.95 },\n  },\n  bottom: {\n    initial: { opacity: 0, y: -4, scale: 0.95 },\n    animate: { opacity: 1, y: 0, scale: 1 },\n    exit: { opacity: 0, y: -4, scale: 0.95 },\n  },\n  left: {\n    initial: { opacity: 0, x: 4, scale: 0.95 },\n    animate: { opacity: 1, x: 0, scale: 1 },\n    exit: { opacity: 0, x: 4, scale: 0.95 },\n  },\n  right: {\n    initial: { opacity: 0, x: -4, scale: 0.95 },\n    animate: { opacity: 1, x: 0, scale: 1 },\n    exit: { opacity: 0, x: -4, scale: 0.95 },\n  },\n} as const;\n\nexport default function Tooltip({\n  content,\n  children,\n  position = \"top\",\n  trigger = \"hover\",\n  delayShow = 200,\n  delayHide = 0,\n  disabled = false,\n  className = \"\",\n  wrapperClassName,\n  arrow = true,\n  maxWidth = 250,\n  open: controlledOpen,\n  onOpenChange,\n}: TooltipProps) {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (isControlled) {\n        onOpenChange?.(value);\n      } else {\n        setInternalOpen(value);\n      }\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const clearTimeouts = useCallback(() => {\n    if (showTimeoutRef.current) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  const showTooltip = useCallback(() => {\n    if (disabled) return;\n    clearTimeouts();\n    if (delayShow > 0) {\n      showTimeoutRef.current = setTimeout(() => setOpen(true), delayShow);\n    } else {\n      setOpen(true);\n    }\n  }, [disabled, delayShow, setOpen, clearTimeouts]);\n\n  const hideTooltip = useCallback(() => {\n    clearTimeouts();\n    if (delayHide > 0) {\n      hideTimeoutRef.current = setTimeout(() => setOpen(false), delayHide);\n    } else {\n      setOpen(false);\n    }\n  }, [delayHide, setOpen, clearTimeouts]);\n\n  const toggleTooltip = useCallback(() => {\n    if (disabled) return;\n    setOpen(!isOpen);\n  }, [disabled, isOpen, setOpen]);\n\n  useEffect(() => {\n    return () => clearTimeouts();\n  }, [clearTimeouts]);\n\n  // Close on click outside for click trigger\n  useEffect(() => {\n    if (trigger !== \"click\" || !isOpen) return;\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        triggerRef.current &&\n        !triggerRef.current.contains(event.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, [trigger, isOpen, setOpen]);\n\n  // Close on Escape\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen, setOpen]);\n\n  const triggerProps = {\n    ...(trigger === \"hover\" && {\n      onMouseEnter: showTooltip,\n      onMouseLeave: hideTooltip,\n    }),\n    ...(trigger === \"click\" && {\n      onClick: toggleTooltip,\n    }),\n    ...(trigger === \"focus\" && {\n      onFocus: showTooltip,\n      onBlur: hideTooltip,\n    }),\n  };\n\n  return (\n    <div ref={triggerRef} className={`relative inline-flex${wrapperClassName ? ` ${wrapperClassName}` : ''}`} {...triggerProps}>\n      {children}\n      <AnimatePresence>\n        {isOpen && !disabled && (\n          <motion.div\n            role=\"tooltip\"\n            initial={motionVariants[position].initial}\n            animate={motionVariants[position].animate}\n            exit={motionVariants[position].exit}\n            transition={{ duration: 0.15, ease: \"easeOut\" }}\n            className={`\n              absolute z-50 ${positionStyles[position]}\n              px-3 py-2 text-sm font-medium\n              rounded-lg border border-ds-border-2 bg-ds-surface-2 text-ds-1 shadow-lg\n              whitespace-normal wrap-break-word\n              ${className}\n            `}\n            style={{ maxWidth }}\n          >\n            {content}\n            {arrow && (\n              <span\n                className={`absolute w-0 h-0 ${arrowStyles[position]}`}\n                aria-hidden=\"true\"\n              />\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nexport { Tooltip };\n"],"mappings":"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"}

package/dist/chunks/{accordion-6zxJUYXr.mjs → accordion-Cf-Q3rec.mjs}

@@ -1,4 +1,4 @@
-import { N as ChevronDownIcon } from "./icons-bx3nrxNv.mjs";
+import { N as ChevronDownIcon } from "./icons-CkVHNbbN.mjs";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/accordion/Accordion.tsx
@@ -63,4 +63,4 @@ var Accordion = ({ items, type = "single", defaultOpenIds = type === "single" &&
 //#endregion
 export { Accordion as t };
 
-//# sourceMappingURL=accordion-6zxJUYXr.mjs.map
+//# sourceMappingURL=accordion-Cf-Q3rec.mjs.map

package/dist/chunks/{accordion-6zxJUYXr.mjs.map → accordion-Cf-Q3rec.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"accordion-6zxJUYXr.mjs","names":[],"sources":["../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons\";\nimport type { AccordionProps } from \"./types\";\n\nconst cx = (...classes: Array<string | false | undefined>) =>\n  classes.filter(Boolean).join(\" \").replace(/\\s+/g, \" \").trim();\n\nconst caret = (\n  <ChevronDownIcon\n    className=\"h-5 w-5 transition-transform duration-300\"\n    aria-hidden=\"true\"\n  />\n);\n\nexport const Accordion = ({\n  items,\n  type = \"single\",\n  defaultOpenIds = type === \"single\" && items.length ? [items[0].id] : [],\n  value,\n  onValueChange,\n  className = \"\",\n  separated = false,\n}: AccordionProps) => {\n  const [internalOpen, setInternalOpen] = useState<string[]>(defaultOpenIds);\n  const controlled = Array.isArray(value);\n  const openItems = controlled ? value! : internalOpen;\n\n  const toggleItem = (id: string) => {\n    let next: string[];\n    const isOpen = openItems.includes(id);\n\n    if (type === \"single\") {\n      next = isOpen ? [] : [id];\n    } else {\n      next = isOpen\n        ? openItems.filter((openId) => openId !== id)\n        : [...openItems, id];\n    }\n\n    if (!controlled) {\n      setInternalOpen(next);\n    }\n    onValueChange?.(next);\n  };\n\n  return (\n    <div className={cx(\"space-y-3\", className)}>\n      {items.map((item) => {\n        const open = openItems.includes(item.id);\n        return (\n          <div\n            key={item.id}\n            className={cx(\n              \"rounded-xl border border-ds-border-2 bg-ds-surface-1 backdrop-blur-2xl transition-all duration-300\",\n              \"hover:border-ds-border-1 hover:bg-ds-surface-2\",\n              // Ring highlight on open\n              open && \"ring-2 ring-ds-focus/40\",\n              separated ? \"p-0\" : \"\",\n            )}\n          >\n            <button\n              type=\"button\"\n              className={cx(\n                \"flex w-full items-center justify-between gap-4 px-5 py-4 rounded-xl transition-colors duration-200\",\n                \"text-ds-1 hover:bg-ds-surface-2\",\n                separated ? \"border-b border-ds-border-2\" : \"\",\n                item.disabled\n                  ? \"opacity-50 cursor-not-allowed\"\n                  : \"cursor-pointer\",\n              )}\n              aria-expanded={open}\n              aria-controls={`${item.id}-content`}\n              id={`${item.id}-trigger`}\n              onClick={() => !item.disabled && toggleItem(item.id)}\n              disabled={item.disabled}\n            >\n              <div className=\"text-left flex-1\">\n                <p className=\"text-base font-semibold text-ds-1\">\n                  {item.title}\n                </p>\n                {item.description && (\n                  <p className=\"mt-0.5 text-sm text-ds-2\">{item.description}</p>\n                )}\n              </div>\n              <span\n                className={cx(\n                  \"p-1.5 rounded-lg transition-all duration-300\",\n                  \"bg-ds-surface-2 text-ds-2\",\n                  open && \"rotate-180 bg-ds-accent-subtle text-ds-1\",\n                )}\n              >\n                {caret}\n              </span>\n            </button>\n            <div\n              id={`${item.id}-content`}\n              role=\"region\"\n              aria-labelledby={`${item.id}-trigger`}\n              className={cx(\n                \"overflow-hidden transition-all duration-300 ease-in-out\",\n                open ? \"max-h-[1000px] opacity-100\" : \"max-h-0 opacity-0\",\n              )}\n            >\n              <div className=\"px-5 pb-5 pt-2 text-sm leading-relaxed text-ds-2\">\n                {item.content}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAKA,IAAM,MAAM,GAAG,YACb,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,MAAM;AAE/D,IAAM,QACJ,oBAAC,iBAAD;CACE,WAAU;CACV,eAAY;CACZ,CAAA;AAGJ,IAAa,aAAa,EACxB,OACA,OAAO,UACP,iBAAiB,SAAS,YAAY,MAAM,SAAS,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE,EACvE,OACA,eACA,YAAY,IACZ,YAAY,YACQ;CACpB,MAAM,CAAC,cAAc,mBAAmB,SAAmB,eAAe;CAC1E,MAAM,aAAa,MAAM,QAAQ,MAAM;CACvC,MAAM,YAAY,aAAa,QAAS;CAExC,MAAM,cAAc,OAAe;EACjC,IAAI;EACJ,MAAM,SAAS,UAAU,SAAS,GAAG;AAErC,MAAI,SAAS,SACX,QAAO,SAAS,EAAE,GAAG,CAAC,GAAG;MAEzB,QAAO,SACH,UAAU,QAAQ,WAAW,WAAW,GAAG,GAC3C,CAAC,GAAG,WAAW,GAAG;AAGxB,MAAI,CAAC,WACH,iBAAgB,KAAK;AAEvB,kBAAgB,KAAK;;AAGvB,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YACvC,MAAM,KAAK,SAAS;GACnB,MAAM,OAAO,UAAU,SAAS,KAAK,GAAG;AACxC,UACE,qBAAC,OAAD;IAEE,WAAW,GACT,sGACA,kDAEA,QAAQ,2BACR,YAAY,QAAQ,GACrB;cARH,CAUE,qBAAC,UAAD;KACE,MAAK;KACL,WAAW,GACT,sGACA,mCACA,YAAY,gCAAgC,IAC5C,KAAK,WACD,kCACA,iBACL;KACD,iBAAe;KACf,iBAAe,GAAG,KAAK,GAAG;KAC1B,IAAI,GAAG,KAAK,GAAG;KACf,eAAe,CAAC,KAAK,YAAY,WAAW,KAAK,GAAG;KACpD,UAAU,KAAK;eAdjB,CAgBE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,KAAD;OAAG,WAAU;iBACV,KAAK;OACJ,CAAA,EACH,KAAK,eACJ,oBAAC,KAAD;OAAG,WAAU;iBAA4B,KAAK;OAAgB,CAAA,CAE5D;SACN,oBAAC,QAAD;MACE,WAAW,GACT,gDACA,6BACA,QAAQ,2CACT;gBAEA;MACI,CAAA,CACA;QACT,oBAAC,OAAD;KACE,IAAI,GAAG,KAAK,GAAG;KACf,MAAK;KACL,mBAAiB,GAAG,KAAK,GAAG;KAC5B,WAAW,GACT,2DACA,OAAO,+BAA+B,oBACvC;eAED,oBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK;MACF,CAAA;KACF,CAAA,CACF;MAxDC,KAAK,GAwDN;IAER;EACE,CAAA"}
+{"version":3,"file":"accordion-Cf-Q3rec.mjs","names":[],"sources":["../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons\";\nimport type { AccordionProps } from \"./types\";\n\nconst cx = (...classes: Array<string | false | undefined>) =>\n  classes.filter(Boolean).join(\" \").replace(/\\s+/g, \" \").trim();\n\nconst caret = (\n  <ChevronDownIcon\n    className=\"h-5 w-5 transition-transform duration-300\"\n    aria-hidden=\"true\"\n  />\n);\n\nexport const Accordion = ({\n  items,\n  type = \"single\",\n  defaultOpenIds = type === \"single\" && items.length ? [items[0].id] : [],\n  value,\n  onValueChange,\n  className = \"\",\n  separated = false,\n}: AccordionProps) => {\n  const [internalOpen, setInternalOpen] = useState<string[]>(defaultOpenIds);\n  const controlled = Array.isArray(value);\n  const openItems = controlled ? value! : internalOpen;\n\n  const toggleItem = (id: string) => {\n    let next: string[];\n    const isOpen = openItems.includes(id);\n\n    if (type === \"single\") {\n      next = isOpen ? [] : [id];\n    } else {\n      next = isOpen\n        ? openItems.filter((openId) => openId !== id)\n        : [...openItems, id];\n    }\n\n    if (!controlled) {\n      setInternalOpen(next);\n    }\n    onValueChange?.(next);\n  };\n\n  return (\n    <div className={cx(\"space-y-3\", className)}>\n      {items.map((item) => {\n        const open = openItems.includes(item.id);\n        return (\n          <div\n            key={item.id}\n            className={cx(\n              \"rounded-xl border border-ds-border-2 bg-ds-surface-1 backdrop-blur-2xl transition-all duration-300\",\n              \"hover:border-ds-border-1 hover:bg-ds-surface-2\",\n              // Ring highlight on open\n              open && \"ring-2 ring-ds-focus/40\",\n              separated ? \"p-0\" : \"\",\n            )}\n          >\n            <button\n              type=\"button\"\n              className={cx(\n                \"flex w-full items-center justify-between gap-4 px-5 py-4 rounded-xl transition-colors duration-200\",\n                \"text-ds-1 hover:bg-ds-surface-2\",\n                separated ? \"border-b border-ds-border-2\" : \"\",\n                item.disabled\n                  ? \"opacity-50 cursor-not-allowed\"\n                  : \"cursor-pointer\",\n              )}\n              aria-expanded={open}\n              aria-controls={`${item.id}-content`}\n              id={`${item.id}-trigger`}\n              onClick={() => !item.disabled && toggleItem(item.id)}\n              disabled={item.disabled}\n            >\n              <div className=\"text-left flex-1\">\n                <p className=\"text-base font-semibold text-ds-1\">\n                  {item.title}\n                </p>\n                {item.description && (\n                  <p className=\"mt-0.5 text-sm text-ds-2\">{item.description}</p>\n                )}\n              </div>\n              <span\n                className={cx(\n                  \"p-1.5 rounded-lg transition-all duration-300\",\n                  \"bg-ds-surface-2 text-ds-2\",\n                  open && \"rotate-180 bg-ds-accent-subtle text-ds-1\",\n                )}\n              >\n                {caret}\n              </span>\n            </button>\n            <div\n              id={`${item.id}-content`}\n              role=\"region\"\n              aria-labelledby={`${item.id}-trigger`}\n              className={cx(\n                \"overflow-hidden transition-all duration-300 ease-in-out\",\n                open ? \"max-h-[1000px] opacity-100\" : \"max-h-0 opacity-0\",\n              )}\n            >\n              <div className=\"px-5 pb-5 pt-2 text-sm leading-relaxed text-ds-2\">\n                {item.content}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAKA,IAAM,MAAM,GAAG,YACb,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG,EAAE,QAAQ,QAAQ,GAAG,EAAE,KAAK;AAE9D,IAAM,QACJ,oBAAC,iBAAD;CACE,WAAU;CACV,eAAY;AACb,CAAA;AAGH,IAAa,aAAa,EACxB,OACA,OAAO,UACP,iBAAiB,SAAS,YAAY,MAAM,SAAS,CAAC,MAAM,GAAG,EAAE,IAAI,CAAC,GACtE,OACA,eACA,YAAY,IACZ,YAAY,YACQ;CACpB,MAAM,CAAC,cAAc,mBAAmB,SAAmB,cAAc;CACzE,MAAM,aAAa,MAAM,QAAQ,KAAK;CACtC,MAAM,YAAY,aAAa,QAAS;CAExC,MAAM,cAAc,OAAe;EACjC,IAAI;EACJ,MAAM,SAAS,UAAU,SAAS,EAAE;EAEpC,IAAI,SAAS,UACX,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE;OAExB,OAAO,SACH,UAAU,QAAQ,WAAW,WAAW,EAAE,IAC1C,CAAC,GAAG,WAAW,EAAE;EAGvB,IAAI,CAAC,YACH,gBAAgB,IAAI;EAEtB,gBAAgB,IAAI;CACtB;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,SAAS;YACtC,MAAM,KAAK,SAAS;GACnB,MAAM,OAAO,UAAU,SAAS,KAAK,EAAE;GACvC,OACE,qBAAC,OAAD;IAEE,WAAW,GACT,sGACA,kDAEA,QAAQ,2BACR,YAAY,QAAQ,EACtB;cARF,CAUE,qBAAC,UAAD;KACE,MAAK;KACL,WAAW,GACT,sGACA,mCACA,YAAY,gCAAgC,IAC5C,KAAK,WACD,kCACA,gBACN;KACA,iBAAe;KACf,iBAAe,GAAG,KAAK,GAAG;KAC1B,IAAI,GAAG,KAAK,GAAG;KACf,eAAe,CAAC,KAAK,YAAY,WAAW,KAAK,EAAE;KACnD,UAAU,KAAK;eAdjB,CAgBE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,KAAD;OAAG,WAAU;iBACV,KAAK;MACL,CAAA,GACF,KAAK,eACJ,oBAAC,KAAD;OAAG,WAAU;iBAA4B,KAAK;MAAe,CAAA,CAE5D;SACL,oBAAC,QAAD;MACE,WAAW,GACT,gDACA,6BACA,QAAQ,0CACV;gBAEC;KACG,CAAA,CACA;QACR,oBAAC,OAAD;KACE,IAAI,GAAG,KAAK,GAAG;KACf,MAAK;KACL,mBAAiB,GAAG,KAAK,GAAG;KAC5B,WAAW,GACT,2DACA,OAAO,+BAA+B,mBACxC;eAEA,oBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK;KACH,CAAA;IACF,CAAA,CACF;MAxDE,KAAK,EAwDP;EAET,CAAC;CACE,CAAA;AAET"}

package/dist/chunks/{accordion-CmB6EidC.cjs → accordion-X4PNqWkW.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_icons = require("./icons-CRanVZB1.cjs");
+const require_icons = require("./icons-Ci8yEvvF.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/navigation/accordion/Accordion.tsx
@@ -69,4 +68,4 @@ Object.defineProperty(exports, "Accordion", {
 	}
 });
 
-//# sourceMappingURL=accordion-CmB6EidC.cjs.map
+//# sourceMappingURL=accordion-X4PNqWkW.cjs.map

package/dist/chunks/{accordion-CmB6EidC.cjs.map → accordion-X4PNqWkW.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"accordion-CmB6EidC.cjs","names":[],"sources":["../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons\";\nimport type { AccordionProps } from \"./types\";\n\nconst cx = (...classes: Array<string | false | undefined>) =>\n  classes.filter(Boolean).join(\" \").replace(/\\s+/g, \" \").trim();\n\nconst caret = (\n  <ChevronDownIcon\n    className=\"h-5 w-5 transition-transform duration-300\"\n    aria-hidden=\"true\"\n  />\n);\n\nexport const Accordion = ({\n  items,\n  type = \"single\",\n  defaultOpenIds = type === \"single\" && items.length ? [items[0].id] : [],\n  value,\n  onValueChange,\n  className = \"\",\n  separated = false,\n}: AccordionProps) => {\n  const [internalOpen, setInternalOpen] = useState<string[]>(defaultOpenIds);\n  const controlled = Array.isArray(value);\n  const openItems = controlled ? value! : internalOpen;\n\n  const toggleItem = (id: string) => {\n    let next: string[];\n    const isOpen = openItems.includes(id);\n\n    if (type === \"single\") {\n      next = isOpen ? [] : [id];\n    } else {\n      next = isOpen\n        ? openItems.filter((openId) => openId !== id)\n        : [...openItems, id];\n    }\n\n    if (!controlled) {\n      setInternalOpen(next);\n    }\n    onValueChange?.(next);\n  };\n\n  return (\n    <div className={cx(\"space-y-3\", className)}>\n      {items.map((item) => {\n        const open = openItems.includes(item.id);\n        return (\n          <div\n            key={item.id}\n            className={cx(\n              \"rounded-xl border border-ds-border-2 bg-ds-surface-1 backdrop-blur-2xl transition-all duration-300\",\n              \"hover:border-ds-border-1 hover:bg-ds-surface-2\",\n              // Ring highlight on open\n              open && \"ring-2 ring-ds-focus/40\",\n              separated ? \"p-0\" : \"\",\n            )}\n          >\n            <button\n              type=\"button\"\n              className={cx(\n                \"flex w-full items-center justify-between gap-4 px-5 py-4 rounded-xl transition-colors duration-200\",\n                \"text-ds-1 hover:bg-ds-surface-2\",\n                separated ? \"border-b border-ds-border-2\" : \"\",\n                item.disabled\n                  ? \"opacity-50 cursor-not-allowed\"\n                  : \"cursor-pointer\",\n              )}\n              aria-expanded={open}\n              aria-controls={`${item.id}-content`}\n              id={`${item.id}-trigger`}\n              onClick={() => !item.disabled && toggleItem(item.id)}\n              disabled={item.disabled}\n            >\n              <div className=\"text-left flex-1\">\n                <p className=\"text-base font-semibold text-ds-1\">\n                  {item.title}\n                </p>\n                {item.description && (\n                  <p className=\"mt-0.5 text-sm text-ds-2\">{item.description}</p>\n                )}\n              </div>\n              <span\n                className={cx(\n                  \"p-1.5 rounded-lg transition-all duration-300\",\n                  \"bg-ds-surface-2 text-ds-2\",\n                  open && \"rotate-180 bg-ds-accent-subtle text-ds-1\",\n                )}\n              >\n                {caret}\n              </span>\n            </button>\n            <div\n              id={`${item.id}-content`}\n              role=\"region\"\n              aria-labelledby={`${item.id}-trigger`}\n              className={cx(\n                \"overflow-hidden transition-all duration-300 ease-in-out\",\n                open ? \"max-h-[1000px] opacity-100\" : \"max-h-0 opacity-0\",\n              )}\n            >\n              <div className=\"px-5 pb-5 pt-2 text-sm leading-relaxed text-ds-2\">\n                {item.content}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAM,MAAM,GAAG,YACb,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,QAAQ,IAAI,CAAC,MAAM;AAE/D,IAAM,QACJ,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;CACE,WAAU;CACV,eAAY;CACZ,CAAA;AAGJ,IAAa,aAAa,EACxB,OACA,OAAO,UACP,iBAAiB,SAAS,YAAY,MAAM,SAAS,CAAC,MAAM,GAAG,GAAG,GAAG,EAAE,EACvE,OACA,eACA,YAAY,IACZ,YAAY,YACQ;CACpB,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAAsC,eAAe;CAC1E,MAAM,aAAa,MAAM,QAAQ,MAAM;CACvC,MAAM,YAAY,aAAa,QAAS;CAExC,MAAM,cAAc,OAAe;EACjC,IAAI;EACJ,MAAM,SAAS,UAAU,SAAS,GAAG;AAErC,MAAI,SAAS,SACX,QAAO,SAAS,EAAE,GAAG,CAAC,GAAG;MAEzB,QAAO,SACH,UAAU,QAAQ,WAAW,WAAW,GAAG,GAC3C,CAAC,GAAG,WAAW,GAAG;AAGxB,MAAI,CAAC,WACH,iBAAgB,KAAK;AAEvB,kBAAgB,KAAK;;AAGvB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YACvC,MAAM,KAAK,SAAS;GACnB,MAAM,OAAO,UAAU,SAAS,KAAK,GAAG;AACxC,UACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAEE,WAAW,GACT,sGACA,kDAEA,QAAQ,2BACR,YAAY,QAAQ,GACrB;cARH,CAUE,iBAAA,GAAA,kBAAA,MAAC,UAAD;KACE,MAAK;KACL,WAAW,GACT,sGACA,mCACA,YAAY,gCAAgC,IAC5C,KAAK,WACD,kCACA,iBACL;KACD,iBAAe;KACf,iBAAe,GAAG,KAAK,GAAG;KAC1B,IAAI,GAAG,KAAK,GAAG;KACf,eAAe,CAAC,KAAK,YAAY,WAAW,KAAK,GAAG;KACpD,UAAU,KAAK;eAdjB,CAgBE,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;OAAG,WAAU;iBACV,KAAK;OACJ,CAAA,EACH,KAAK,eACJ,iBAAA,GAAA,kBAAA,KAAC,KAAD;OAAG,WAAU;iBAA4B,KAAK;OAAgB,CAAA,CAE5D;SACN,iBAAA,GAAA,kBAAA,KAAC,QAAD;MACE,WAAW,GACT,gDACA,6BACA,QAAQ,2CACT;gBAEA;MACI,CAAA,CACA;QACT,iBAAA,GAAA,kBAAA,KAAC,OAAD;KACE,IAAI,GAAG,KAAK,GAAG;KACf,MAAK;KACL,mBAAiB,GAAG,KAAK,GAAG;KAC5B,WAAW,GACT,2DACA,OAAO,+BAA+B,oBACvC;eAED,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACZ,KAAK;MACF,CAAA;KACF,CAAA,CACF;MAxDC,KAAK,GAwDN;IAER;EACE,CAAA"}
+{"version":3,"file":"accordion-X4PNqWkW.cjs","names":[],"sources":["../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons\";\nimport type { AccordionProps } from \"./types\";\n\nconst cx = (...classes: Array<string | false | undefined>) =>\n  classes.filter(Boolean).join(\" \").replace(/\\s+/g, \" \").trim();\n\nconst caret = (\n  <ChevronDownIcon\n    className=\"h-5 w-5 transition-transform duration-300\"\n    aria-hidden=\"true\"\n  />\n);\n\nexport const Accordion = ({\n  items,\n  type = \"single\",\n  defaultOpenIds = type === \"single\" && items.length ? [items[0].id] : [],\n  value,\n  onValueChange,\n  className = \"\",\n  separated = false,\n}: AccordionProps) => {\n  const [internalOpen, setInternalOpen] = useState<string[]>(defaultOpenIds);\n  const controlled = Array.isArray(value);\n  const openItems = controlled ? value! : internalOpen;\n\n  const toggleItem = (id: string) => {\n    let next: string[];\n    const isOpen = openItems.includes(id);\n\n    if (type === \"single\") {\n      next = isOpen ? [] : [id];\n    } else {\n      next = isOpen\n        ? openItems.filter((openId) => openId !== id)\n        : [...openItems, id];\n    }\n\n    if (!controlled) {\n      setInternalOpen(next);\n    }\n    onValueChange?.(next);\n  };\n\n  return (\n    <div className={cx(\"space-y-3\", className)}>\n      {items.map((item) => {\n        const open = openItems.includes(item.id);\n        return (\n          <div\n            key={item.id}\n            className={cx(\n              \"rounded-xl border border-ds-border-2 bg-ds-surface-1 backdrop-blur-2xl transition-all duration-300\",\n              \"hover:border-ds-border-1 hover:bg-ds-surface-2\",\n              // Ring highlight on open\n              open && \"ring-2 ring-ds-focus/40\",\n              separated ? \"p-0\" : \"\",\n            )}\n          >\n            <button\n              type=\"button\"\n              className={cx(\n                \"flex w-full items-center justify-between gap-4 px-5 py-4 rounded-xl transition-colors duration-200\",\n                \"text-ds-1 hover:bg-ds-surface-2\",\n                separated ? \"border-b border-ds-border-2\" : \"\",\n                item.disabled\n                  ? \"opacity-50 cursor-not-allowed\"\n                  : \"cursor-pointer\",\n              )}\n              aria-expanded={open}\n              aria-controls={`${item.id}-content`}\n              id={`${item.id}-trigger`}\n              onClick={() => !item.disabled && toggleItem(item.id)}\n              disabled={item.disabled}\n            >\n              <div className=\"text-left flex-1\">\n                <p className=\"text-base font-semibold text-ds-1\">\n                  {item.title}\n                </p>\n                {item.description && (\n                  <p className=\"mt-0.5 text-sm text-ds-2\">{item.description}</p>\n                )}\n              </div>\n              <span\n                className={cx(\n                  \"p-1.5 rounded-lg transition-all duration-300\",\n                  \"bg-ds-surface-2 text-ds-2\",\n                  open && \"rotate-180 bg-ds-accent-subtle text-ds-1\",\n                )}\n              >\n                {caret}\n              </span>\n            </button>\n            <div\n              id={`${item.id}-content`}\n              role=\"region\"\n              aria-labelledby={`${item.id}-trigger`}\n              className={cx(\n                \"overflow-hidden transition-all duration-300 ease-in-out\",\n                open ? \"max-h-[1000px] opacity-100\" : \"max-h-0 opacity-0\",\n              )}\n            >\n              <div className=\"px-5 pb-5 pt-2 text-sm leading-relaxed text-ds-2\">\n                {item.content}\n              </div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAKA,IAAM,MAAM,GAAG,YACb,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG,EAAE,QAAQ,QAAQ,GAAG,EAAE,KAAK;AAE9D,IAAM,QACJ,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;CACE,WAAU;CACV,eAAY;AACb,CAAA;AAGH,IAAa,aAAa,EACxB,OACA,OAAO,UACP,iBAAiB,SAAS,YAAY,MAAM,SAAS,CAAC,MAAM,GAAG,EAAE,IAAI,CAAC,GACtE,OACA,eACA,YAAY,IACZ,YAAY,YACQ;CACpB,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAAsC,cAAc;CACzE,MAAM,aAAa,MAAM,QAAQ,KAAK;CACtC,MAAM,YAAY,aAAa,QAAS;CAExC,MAAM,cAAc,OAAe;EACjC,IAAI;EACJ,MAAM,SAAS,UAAU,SAAS,EAAE;EAEpC,IAAI,SAAS,UACX,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE;OAExB,OAAO,SACH,UAAU,QAAQ,WAAW,WAAW,EAAE,IAC1C,CAAC,GAAG,WAAW,EAAE;EAGvB,IAAI,CAAC,YACH,gBAAgB,IAAI;EAEtB,gBAAgB,IAAI;CACtB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAW,GAAG,aAAa,SAAS;YACtC,MAAM,KAAK,SAAS;GACnB,MAAM,OAAO,UAAU,SAAS,KAAK,EAAE;GACvC,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAEE,WAAW,GACT,sGACA,kDAEA,QAAQ,2BACR,YAAY,QAAQ,EACtB;cARF,CAUE,iBAAA,GAAA,kBAAA,MAAC,UAAD;KACE,MAAK;KACL,WAAW,GACT,sGACA,mCACA,YAAY,gCAAgC,IAC5C,KAAK,WACD,kCACA,gBACN;KACA,iBAAe;KACf,iBAAe,GAAG,KAAK,GAAG;KAC1B,IAAI,GAAG,KAAK,GAAG;KACf,eAAe,CAAC,KAAK,YAAY,WAAW,KAAK,EAAE;KACnD,UAAU,KAAK;eAdjB,CAgBE,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;OAAG,WAAU;iBACV,KAAK;MACL,CAAA,GACF,KAAK,eACJ,iBAAA,GAAA,kBAAA,KAAC,KAAD;OAAG,WAAU;iBAA4B,KAAK;MAAe,CAAA,CAE5D;SACL,iBAAA,GAAA,kBAAA,KAAC,QAAD;MACE,WAAW,GACT,gDACA,6BACA,QAAQ,0CACV;gBAEC;KACG,CAAA,CACA;QACR,iBAAA,GAAA,kBAAA,KAAC,OAAD;KACE,IAAI,GAAG,KAAK,GAAG;KACf,MAAK;KACL,mBAAiB,GAAG,KAAK,GAAG;KAC5B,WAAW,GACT,2DACA,OAAO,+BAA+B,mBACxC;eAEA,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACZ,KAAK;KACH,CAAA;IACF,CAAA,CACF;MAxDE,KAAK,EAwDP;EAET,CAAC;CACE,CAAA;AAET"}

package/dist/chunks/{alert-C5KEeQqh.cjs → alert-BEMULPIi.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_icons = require("./icons-CRanVZB1.cjs");
+const require_icons = require("./icons-Ci8yEvvF.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/feedback/alert/Alert.tsx
 var variantStyles = {
@@ -78,4 +77,4 @@ Object.defineProperty(exports, "Alert", {
 	}
 });
 
-//# sourceMappingURL=alert-C5KEeQqh.cjs.map
+//# sourceMappingURL=alert-BEMULPIi.cjs.map

package/dist/chunks/{alert-C5KEeQqh.cjs.map → alert-BEMULPIi.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-C5KEeQqh.cjs","names":[],"sources":["../../src/components/feedback/alert/Alert.tsx"],"sourcesContent":["import { InfoCircleIcon } from \"../../icons\";\nimport type { AlertProps } from \"./types\";\nimport type { CSSProperties } from \"react\";\n\ntype ResolvedAlertVariant = \"info\" | \"success\" | \"warning\" | \"destructive\";\n\nconst variantStyles: Record<\n  ResolvedAlertVariant,\n  {\n    container: string;\n    icon: string;\n    title: string;\n    description: string;\n  }\n> = {\n  info: {\n    container: \"border-ds-state-info-border bg-ds-state-info-surface\",\n    icon: \"text-ds-state-info-text\",\n    title: \"text-ds-state-info-text\",\n    description: \"text-ds-1\",\n  },\n  success: {\n    container: \"border-ds-state-success-border bg-ds-state-success-surface\",\n    icon: \"text-ds-state-success-text\",\n    title: \"text-ds-state-success-text\",\n    description: \"text-ds-1\",\n  },\n  warning: {\n    container: \"border-ds-state-warning-border bg-ds-state-warning-surface\",\n    icon: \"text-ds-state-warning-text\",\n    title: \"text-ds-state-warning-text\",\n    description: \"text-ds-1\",\n  },\n  destructive: {\n    container: \"border-ds-state-error-border bg-ds-state-error-surface\",\n    icon: \"text-ds-state-error-text\",\n    title: \"text-ds-state-error-text\",\n    description: \"text-ds-1\",\n  },\n};\n\nconst defaultIcon = <InfoCircleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />;\n\nexport const Alert = ({\n  title,\n  description,\n  icon = defaultIcon,\n  variant = \"info\",\n  colorOverrides,\n  style,\n  className = \"\",\n  children,\n}: AlertProps) => {\n  const resolvedVariant: ResolvedAlertVariant =\n    variant === \"error\" ? \"destructive\" : variant;\n  const styles = variantStyles[resolvedVariant];\n  const classes = `flex gap-3 rounded-lg border p-4 text-sm ${styles.container}`\n    .concat(\" \", className)\n    .trim();\n  const containerStyle: CSSProperties = {\n    ...style,\n    ...(colorOverrides?.background\n      ? { backgroundColor: colorOverrides.background }\n      : {}),\n    ...(colorOverrides?.border ? { borderColor: colorOverrides.border } : {}),\n  };\n  const iconStyle: CSSProperties = colorOverrides?.icon\n    ? { color: colorOverrides.icon }\n    : {};\n  const titleStyle: CSSProperties = colorOverrides?.title\n    ? { color: colorOverrides.title }\n    : {};\n  const descriptionStyle: CSSProperties = colorOverrides?.description\n    ? { color: colorOverrides.description }\n    : {};\n\n  return (\n    <div\n      className={classes}\n      style={containerStyle}\n      role={resolvedVariant === \"destructive\" ? \"alert\" : \"status\"}\n    >\n      <span className={styles.icon} style={iconStyle}>\n        {icon}\n      </span>\n      <div className=\"space-y-1\">\n        {title && (\n          <p\n            className={`text-base font-medium ${styles.title}`}\n            style={titleStyle}\n          >\n            {title}\n          </p>\n        )}\n        {description && (\n          <p className={styles.description} style={descriptionStyle}>\n            {description}\n          </p>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAMA,IAAM,gBAQF;CACF,MAAM;EACJ,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD,SAAS;EACP,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD,SAAS;EACP,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD,aAAa;EACX,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,IAAM,cAAc,iBAAA,GAAA,kBAAA,KAAC,cAAA,gBAAD;CAAgB,WAAU;CAAU,eAAY;CAAS,CAAA;AAE7E,IAAa,SAAS,EACpB,OACA,aACA,OAAO,aACP,UAAU,QACV,gBACA,OACA,YAAY,IACZ,eACgB;CAChB,MAAM,kBACJ,YAAY,UAAU,gBAAgB;CACxC,MAAM,SAAS,cAAc;CAC7B,MAAM,UAAU,4CAA4C,OAAO,YAChE,OAAO,KAAK,UAAU,CACtB,MAAM;CACT,MAAM,iBAAgC;EACpC,GAAG;EACH,GAAI,gBAAgB,aAChB,EAAE,iBAAiB,eAAe,YAAY,GAC9C,EAAE;EACN,GAAI,gBAAgB,SAAS,EAAE,aAAa,eAAe,QAAQ,GAAG,EAAE;EACzE;CACD,MAAM,YAA2B,gBAAgB,OAC7C,EAAE,OAAO,eAAe,MAAM,GAC9B,EAAE;CACN,MAAM,aAA4B,gBAAgB,QAC9C,EAAE,OAAO,eAAe,OAAO,GAC/B,EAAE;CACN,MAAM,mBAAkC,gBAAgB,cACpD,EAAE,OAAO,eAAe,aAAa,GACrC,EAAE;AAEN,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW;EACX,OAAO;EACP,MAAM,oBAAoB,gBAAgB,UAAU;YAHtD,CAKE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAW,OAAO;GAAM,OAAO;aAClC;GACI,CAAA,EACP,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;KACE,WAAW,yBAAyB,OAAO;KAC3C,OAAO;eAEN;KACC,CAAA;IAEL,eACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAW,OAAO;KAAa,OAAO;eACtC;KACC,CAAA;IAEL;IACG;KACF"}
+{"version":3,"file":"alert-BEMULPIi.cjs","names":[],"sources":["../../src/components/feedback/alert/Alert.tsx"],"sourcesContent":["import { InfoCircleIcon } from \"../../icons\";\nimport type { AlertProps } from \"./types\";\nimport type { CSSProperties } from \"react\";\n\ntype ResolvedAlertVariant = \"info\" | \"success\" | \"warning\" | \"destructive\";\n\nconst variantStyles: Record<\n  ResolvedAlertVariant,\n  {\n    container: string;\n    icon: string;\n    title: string;\n    description: string;\n  }\n> = {\n  info: {\n    container: \"border-ds-state-info-border bg-ds-state-info-surface\",\n    icon: \"text-ds-state-info-text\",\n    title: \"text-ds-state-info-text\",\n    description: \"text-ds-1\",\n  },\n  success: {\n    container: \"border-ds-state-success-border bg-ds-state-success-surface\",\n    icon: \"text-ds-state-success-text\",\n    title: \"text-ds-state-success-text\",\n    description: \"text-ds-1\",\n  },\n  warning: {\n    container: \"border-ds-state-warning-border bg-ds-state-warning-surface\",\n    icon: \"text-ds-state-warning-text\",\n    title: \"text-ds-state-warning-text\",\n    description: \"text-ds-1\",\n  },\n  destructive: {\n    container: \"border-ds-state-error-border bg-ds-state-error-surface\",\n    icon: \"text-ds-state-error-text\",\n    title: \"text-ds-state-error-text\",\n    description: \"text-ds-1\",\n  },\n};\n\nconst defaultIcon = <InfoCircleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />;\n\nexport const Alert = ({\n  title,\n  description,\n  icon = defaultIcon,\n  variant = \"info\",\n  colorOverrides,\n  style,\n  className = \"\",\n  children,\n}: AlertProps) => {\n  const resolvedVariant: ResolvedAlertVariant =\n    variant === \"error\" ? \"destructive\" : variant;\n  const styles = variantStyles[resolvedVariant];\n  const classes = `flex gap-3 rounded-lg border p-4 text-sm ${styles.container}`\n    .concat(\" \", className)\n    .trim();\n  const containerStyle: CSSProperties = {\n    ...style,\n    ...(colorOverrides?.background\n      ? { backgroundColor: colorOverrides.background }\n      : {}),\n    ...(colorOverrides?.border ? { borderColor: colorOverrides.border } : {}),\n  };\n  const iconStyle: CSSProperties = colorOverrides?.icon\n    ? { color: colorOverrides.icon }\n    : {};\n  const titleStyle: CSSProperties = colorOverrides?.title\n    ? { color: colorOverrides.title }\n    : {};\n  const descriptionStyle: CSSProperties = colorOverrides?.description\n    ? { color: colorOverrides.description }\n    : {};\n\n  return (\n    <div\n      className={classes}\n      style={containerStyle}\n      role={resolvedVariant === \"destructive\" ? \"alert\" : \"status\"}\n    >\n      <span className={styles.icon} style={iconStyle}>\n        {icon}\n      </span>\n      <div className=\"space-y-1\">\n        {title && (\n          <p\n            className={`text-base font-medium ${styles.title}`}\n            style={titleStyle}\n          >\n            {title}\n          </p>\n        )}\n        {description && (\n          <p className={styles.description} style={descriptionStyle}>\n            {description}\n          </p>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAM,gBAQF;CACF,MAAM;EACJ,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,SAAS;EACP,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,SAAS;EACP,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,aAAa;EACX,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;CACf;AACF;AAEA,IAAM,cAAc,iBAAA,GAAA,kBAAA,KAAC,cAAA,gBAAD;CAAgB,WAAU;CAAU,eAAY;AAAQ,CAAA;AAE5E,IAAa,SAAS,EACpB,OACA,aACA,OAAO,aACP,UAAU,QACV,gBACA,OACA,YAAY,IACZ,eACgB;CAChB,MAAM,kBACJ,YAAY,UAAU,gBAAgB;CACxC,MAAM,SAAS,cAAc;CAC7B,MAAM,UAAU,4CAA4C,OAAO,YAChE,OAAO,KAAK,SAAS,EACrB,KAAK;CACR,MAAM,iBAAgC;EACpC,GAAG;EACH,GAAI,gBAAgB,aAChB,EAAE,iBAAiB,eAAe,WAAW,IAC7C,CAAC;EACL,GAAI,gBAAgB,SAAS,EAAE,aAAa,eAAe,OAAO,IAAI,CAAC;CACzE;CACA,MAAM,YAA2B,gBAAgB,OAC7C,EAAE,OAAO,eAAe,KAAK,IAC7B,CAAC;CACL,MAAM,aAA4B,gBAAgB,QAC9C,EAAE,OAAO,eAAe,MAAM,IAC9B,CAAC;CACL,MAAM,mBAAkC,gBAAgB,cACpD,EAAE,OAAO,eAAe,YAAY,IACpC,CAAC;CAEL,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW;EACX,OAAO;EACP,MAAM,oBAAoB,gBAAgB,UAAU;YAHtD,CAKE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAW,OAAO;GAAM,OAAO;aAClC;EACG,CAAA,GACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACG,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;KACE,WAAW,yBAAyB,OAAO;KAC3C,OAAO;eAEN;IACA,CAAA;IAEJ,eACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAW,OAAO;KAAa,OAAO;eACtC;IACA,CAAA;IAEJ;GACE;IACF;;AAET"}

package/dist/chunks/{alert-XVmYJgds.mjs → alert-GImBqaCY.mjs}

@@ -1,4 +1,4 @@
-import { u as InfoCircleIcon } from "./icons-bx3nrxNv.mjs";
+import { u as InfoCircleIcon } from "./icons-CkVHNbbN.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/feedback/alert/Alert.tsx
 var variantStyles = {
@@ -72,4 +72,4 @@ var Alert = ({ title, description, icon = defaultIcon, variant = "info", colorOv
 //#endregion
 export { Alert as t };
 
-//# sourceMappingURL=alert-XVmYJgds.mjs.map
+//# sourceMappingURL=alert-GImBqaCY.mjs.map

package/dist/chunks/{alert-XVmYJgds.mjs.map → alert-GImBqaCY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-XVmYJgds.mjs","names":[],"sources":["../../src/components/feedback/alert/Alert.tsx"],"sourcesContent":["import { InfoCircleIcon } from \"../../icons\";\nimport type { AlertProps } from \"./types\";\nimport type { CSSProperties } from \"react\";\n\ntype ResolvedAlertVariant = \"info\" | \"success\" | \"warning\" | \"destructive\";\n\nconst variantStyles: Record<\n  ResolvedAlertVariant,\n  {\n    container: string;\n    icon: string;\n    title: string;\n    description: string;\n  }\n> = {\n  info: {\n    container: \"border-ds-state-info-border bg-ds-state-info-surface\",\n    icon: \"text-ds-state-info-text\",\n    title: \"text-ds-state-info-text\",\n    description: \"text-ds-1\",\n  },\n  success: {\n    container: \"border-ds-state-success-border bg-ds-state-success-surface\",\n    icon: \"text-ds-state-success-text\",\n    title: \"text-ds-state-success-text\",\n    description: \"text-ds-1\",\n  },\n  warning: {\n    container: \"border-ds-state-warning-border bg-ds-state-warning-surface\",\n    icon: \"text-ds-state-warning-text\",\n    title: \"text-ds-state-warning-text\",\n    description: \"text-ds-1\",\n  },\n  destructive: {\n    container: \"border-ds-state-error-border bg-ds-state-error-surface\",\n    icon: \"text-ds-state-error-text\",\n    title: \"text-ds-state-error-text\",\n    description: \"text-ds-1\",\n  },\n};\n\nconst defaultIcon = <InfoCircleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />;\n\nexport const Alert = ({\n  title,\n  description,\n  icon = defaultIcon,\n  variant = \"info\",\n  colorOverrides,\n  style,\n  className = \"\",\n  children,\n}: AlertProps) => {\n  const resolvedVariant: ResolvedAlertVariant =\n    variant === \"error\" ? \"destructive\" : variant;\n  const styles = variantStyles[resolvedVariant];\n  const classes = `flex gap-3 rounded-lg border p-4 text-sm ${styles.container}`\n    .concat(\" \", className)\n    .trim();\n  const containerStyle: CSSProperties = {\n    ...style,\n    ...(colorOverrides?.background\n      ? { backgroundColor: colorOverrides.background }\n      : {}),\n    ...(colorOverrides?.border ? { borderColor: colorOverrides.border } : {}),\n  };\n  const iconStyle: CSSProperties = colorOverrides?.icon\n    ? { color: colorOverrides.icon }\n    : {};\n  const titleStyle: CSSProperties = colorOverrides?.title\n    ? { color: colorOverrides.title }\n    : {};\n  const descriptionStyle: CSSProperties = colorOverrides?.description\n    ? { color: colorOverrides.description }\n    : {};\n\n  return (\n    <div\n      className={classes}\n      style={containerStyle}\n      role={resolvedVariant === \"destructive\" ? \"alert\" : \"status\"}\n    >\n      <span className={styles.icon} style={iconStyle}>\n        {icon}\n      </span>\n      <div className=\"space-y-1\">\n        {title && (\n          <p\n            className={`text-base font-medium ${styles.title}`}\n            style={titleStyle}\n          >\n            {title}\n          </p>\n        )}\n        {description && (\n          <p className={styles.description} style={descriptionStyle}>\n            {description}\n          </p>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAM,gBAQF;CACF,MAAM;EACJ,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD,SAAS;EACP,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD,SAAS;EACP,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD,aAAa;EACX,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,IAAM,cAAc,oBAAC,gBAAD;CAAgB,WAAU;CAAU,eAAY;CAAS,CAAA;AAE7E,IAAa,SAAS,EACpB,OACA,aACA,OAAO,aACP,UAAU,QACV,gBACA,OACA,YAAY,IACZ,eACgB;CAChB,MAAM,kBACJ,YAAY,UAAU,gBAAgB;CACxC,MAAM,SAAS,cAAc;CAC7B,MAAM,UAAU,4CAA4C,OAAO,YAChE,OAAO,KAAK,UAAU,CACtB,MAAM;CACT,MAAM,iBAAgC;EACpC,GAAG;EACH,GAAI,gBAAgB,aAChB,EAAE,iBAAiB,eAAe,YAAY,GAC9C,EAAE;EACN,GAAI,gBAAgB,SAAS,EAAE,aAAa,eAAe,QAAQ,GAAG,EAAE;EACzE;CACD,MAAM,YAA2B,gBAAgB,OAC7C,EAAE,OAAO,eAAe,MAAM,GAC9B,EAAE;CACN,MAAM,aAA4B,gBAAgB,QAC9C,EAAE,OAAO,eAAe,OAAO,GAC/B,EAAE;CACN,MAAM,mBAAkC,gBAAgB,cACpD,EAAE,OAAO,eAAe,aAAa,GACrC,EAAE;AAEN,QACE,qBAAC,OAAD;EACE,WAAW;EACX,OAAO;EACP,MAAM,oBAAoB,gBAAgB,UAAU;YAHtD,CAKE,oBAAC,QAAD;GAAM,WAAW,OAAO;GAAM,OAAO;aAClC;GACI,CAAA,EACP,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,SACC,oBAAC,KAAD;KACE,WAAW,yBAAyB,OAAO;KAC3C,OAAO;eAEN;KACC,CAAA;IAEL,eACC,oBAAC,KAAD;KAAG,WAAW,OAAO;KAAa,OAAO;eACtC;KACC,CAAA;IAEL;IACG;KACF"}
+{"version":3,"file":"alert-GImBqaCY.mjs","names":[],"sources":["../../src/components/feedback/alert/Alert.tsx"],"sourcesContent":["import { InfoCircleIcon } from \"../../icons\";\nimport type { AlertProps } from \"./types\";\nimport type { CSSProperties } from \"react\";\n\ntype ResolvedAlertVariant = \"info\" | \"success\" | \"warning\" | \"destructive\";\n\nconst variantStyles: Record<\n  ResolvedAlertVariant,\n  {\n    container: string;\n    icon: string;\n    title: string;\n    description: string;\n  }\n> = {\n  info: {\n    container: \"border-ds-state-info-border bg-ds-state-info-surface\",\n    icon: \"text-ds-state-info-text\",\n    title: \"text-ds-state-info-text\",\n    description: \"text-ds-1\",\n  },\n  success: {\n    container: \"border-ds-state-success-border bg-ds-state-success-surface\",\n    icon: \"text-ds-state-success-text\",\n    title: \"text-ds-state-success-text\",\n    description: \"text-ds-1\",\n  },\n  warning: {\n    container: \"border-ds-state-warning-border bg-ds-state-warning-surface\",\n    icon: \"text-ds-state-warning-text\",\n    title: \"text-ds-state-warning-text\",\n    description: \"text-ds-1\",\n  },\n  destructive: {\n    container: \"border-ds-state-error-border bg-ds-state-error-surface\",\n    icon: \"text-ds-state-error-text\",\n    title: \"text-ds-state-error-text\",\n    description: \"text-ds-1\",\n  },\n};\n\nconst defaultIcon = <InfoCircleIcon className=\"h-5 w-5\" aria-hidden=\"true\" />;\n\nexport const Alert = ({\n  title,\n  description,\n  icon = defaultIcon,\n  variant = \"info\",\n  colorOverrides,\n  style,\n  className = \"\",\n  children,\n}: AlertProps) => {\n  const resolvedVariant: ResolvedAlertVariant =\n    variant === \"error\" ? \"destructive\" : variant;\n  const styles = variantStyles[resolvedVariant];\n  const classes = `flex gap-3 rounded-lg border p-4 text-sm ${styles.container}`\n    .concat(\" \", className)\n    .trim();\n  const containerStyle: CSSProperties = {\n    ...style,\n    ...(colorOverrides?.background\n      ? { backgroundColor: colorOverrides.background }\n      : {}),\n    ...(colorOverrides?.border ? { borderColor: colorOverrides.border } : {}),\n  };\n  const iconStyle: CSSProperties = colorOverrides?.icon\n    ? { color: colorOverrides.icon }\n    : {};\n  const titleStyle: CSSProperties = colorOverrides?.title\n    ? { color: colorOverrides.title }\n    : {};\n  const descriptionStyle: CSSProperties = colorOverrides?.description\n    ? { color: colorOverrides.description }\n    : {};\n\n  return (\n    <div\n      className={classes}\n      style={containerStyle}\n      role={resolvedVariant === \"destructive\" ? \"alert\" : \"status\"}\n    >\n      <span className={styles.icon} style={iconStyle}>\n        {icon}\n      </span>\n      <div className=\"space-y-1\">\n        {title && (\n          <p\n            className={`text-base font-medium ${styles.title}`}\n            style={titleStyle}\n          >\n            {title}\n          </p>\n        )}\n        {description && (\n          <p className={styles.description} style={descriptionStyle}>\n            {description}\n          </p>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAM,gBAQF;CACF,MAAM;EACJ,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,SAAS;EACP,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,SAAS;EACP,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,aAAa;EACX,WAAW;EACX,MAAM;EACN,OAAO;EACP,aAAa;CACf;AACF;AAEA,IAAM,cAAc,oBAAC,gBAAD;CAAgB,WAAU;CAAU,eAAY;AAAQ,CAAA;AAE5E,IAAa,SAAS,EACpB,OACA,aACA,OAAO,aACP,UAAU,QACV,gBACA,OACA,YAAY,IACZ,eACgB;CAChB,MAAM,kBACJ,YAAY,UAAU,gBAAgB;CACxC,MAAM,SAAS,cAAc;CAC7B,MAAM,UAAU,4CAA4C,OAAO,YAChE,OAAO,KAAK,SAAS,EACrB,KAAK;CACR,MAAM,iBAAgC;EACpC,GAAG;EACH,GAAI,gBAAgB,aAChB,EAAE,iBAAiB,eAAe,WAAW,IAC7C,CAAC;EACL,GAAI,gBAAgB,SAAS,EAAE,aAAa,eAAe,OAAO,IAAI,CAAC;CACzE;CACA,MAAM,YAA2B,gBAAgB,OAC7C,EAAE,OAAO,eAAe,KAAK,IAC7B,CAAC;CACL,MAAM,aAA4B,gBAAgB,QAC9C,EAAE,OAAO,eAAe,MAAM,IAC9B,CAAC;CACL,MAAM,mBAAkC,gBAAgB,cACpD,EAAE,OAAO,eAAe,YAAY,IACpC,CAAC;CAEL,OACE,qBAAC,OAAD;EACE,WAAW;EACX,OAAO;EACP,MAAM,oBAAoB,gBAAgB,UAAU;YAHtD,CAKE,oBAAC,QAAD;GAAM,WAAW,OAAO;GAAM,OAAO;aAClC;EACG,CAAA,GACN,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,SACC,oBAAC,KAAD;KACE,WAAW,yBAAyB,OAAO;KAC3C,OAAO;eAEN;IACA,CAAA;IAEJ,eACC,oBAAC,KAAD;KAAG,WAAW,OAAO;KAAa,OAAO;eACtC;IACA,CAAA;IAEJ;GACE;IACF;;AAET"}