erp-pro-ui 0.2.4 → 0.2.6

package/dist/chunks/EllipsisVerticalIcon-BJw3MNkg.cjs

@@ -0,0 +1,51 @@
+require("./chunk-B_GkZjkl.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/icons/EllipsisVerticalIcon.tsx
+var EllipsisVerticalIcon = ({ className = "text-ds-1", title, titleId, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	className,
+	width: "24",
+	height: "24",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	"aria-labelledby": title ? titleId : void 0,
+	role: "img",
+	...props,
+	children: [
+		title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", {
+			id: titleId,
+			children: title
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+			strokeWidth: 2,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z",
+			strokeWidth: 2,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z",
+			strokeWidth: 2,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+});
+//#endregion
+Object.defineProperty(exports, "EllipsisVerticalIcon", {
+	enumerable: true,
+	get: function() {
+		return EllipsisVerticalIcon;
+	}
+});
+
+//# sourceMappingURL=EllipsisVerticalIcon-BJw3MNkg.cjs.map

package/dist/chunks/EllipsisVerticalIcon-BJw3MNkg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisVerticalIcon-BJw3MNkg.cjs","names":[],"sources":["../../src/components/icons/EllipsisVerticalIcon.tsx"],"sourcesContent":["import type { FC, SVGProps } from \"react\";\n\ntype IconProps = SVGProps<SVGSVGElement> & {\n  className?: string; // Allows passing Tailwind or custom class names\n  title?: string; // Accessible title for screen readers\n  titleId?: string; // ID for the title\n};\n\nexport const EllipsisVerticalIcon: FC<IconProps> = ({\n  className = \"text-ds-1\",\n  title,\n  titleId,\n  ...props\n}) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n    width=\"24\"\n    height=\"24\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    aria-labelledby={title ? titleId : undefined}\n    role=\"img\"\n    {...props}\n  >\n    {title && <title id={titleId}>{title}</title>}\n\n    <path\n      d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"mappings":";;;AAQA,IAAa,wBAAuC,EAClD,YAAY,aACZ,OACA,SACA,GAAG,YAEH,iBAAA,GAAA,kBAAA,MAAC,OAAD;CACE,OAAM;CACK;CACX,OAAM;CACN,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,MAAK;CACL,SAAQ;CACR,QAAO;CACP,mBAAiB,QAAQ,UAAU,KAAA;CACnC,MAAK;CACL,GAAI;WAbN;EAeG,SAAS,iBAAA,GAAA,kBAAA,KAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA;EAE7C,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACE,GAAE;GACF,aAAa;GACb,eAAc;GACd,gBAAe;GACf,CAAA;EACF,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACE,GAAE;GACF,aAAa;GACb,eAAc;GACd,gBAAe;GACf,CAAA;EACF,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACE,GAAE;GACF,aAAa;GACb,eAAc;GACd,gBAAe;GACf,CAAA;EACE"}

package/dist/chunks/EllipsisVerticalIcon-C2b2KMfE.mjs

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/icons/EllipsisVerticalIcon.tsx
+var EllipsisVerticalIcon = ({ className = "text-ds-1", title, titleId, ...props }) => /* @__PURE__ */ jsxs("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	className,
+	width: "24",
+	height: "24",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	"aria-labelledby": title ? titleId : void 0,
+	role: "img",
+	...props,
+	children: [
+		title && /* @__PURE__ */ jsx("title", {
+			id: titleId,
+			children: title
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+			strokeWidth: 2,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z",
+			strokeWidth: 2,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z",
+			strokeWidth: 2,
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+});
+//#endregion
+export { EllipsisVerticalIcon as t };
+
+//# sourceMappingURL=EllipsisVerticalIcon-C2b2KMfE.mjs.map

package/dist/chunks/EllipsisVerticalIcon-C2b2KMfE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisVerticalIcon-C2b2KMfE.mjs","names":[],"sources":["../../src/components/icons/EllipsisVerticalIcon.tsx"],"sourcesContent":["import type { FC, SVGProps } from \"react\";\n\ntype IconProps = SVGProps<SVGSVGElement> & {\n  className?: string; // Allows passing Tailwind or custom class names\n  title?: string; // Accessible title for screen readers\n  titleId?: string; // ID for the title\n};\n\nexport const EllipsisVerticalIcon: FC<IconProps> = ({\n  className = \"text-ds-1\",\n  title,\n  titleId,\n  ...props\n}) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n    width=\"24\"\n    height=\"24\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    aria-labelledby={title ? titleId : undefined}\n    role=\"img\"\n    {...props}\n  >\n    {title && <title id={titleId}>{title}</title>}\n\n    <path\n      d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"mappings":";;AAQA,IAAa,wBAAuC,EAClD,YAAY,aACZ,OACA,SACA,GAAG,YAEH,qBAAC,OAAD;CACE,OAAM;CACK;CACX,OAAM;CACN,QAAO;CACP,aAAY;CACZ,eAAc;CACd,gBAAe;CACf,MAAK;CACL,SAAQ;CACR,QAAO;CACP,mBAAiB,QAAQ,UAAU,KAAA;CACnC,MAAK;CACL,GAAI;WAbN;EAeG,SAAS,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA;EAE7C,oBAAC,QAAD;GACE,GAAE;GACF,aAAa;GACb,eAAc;GACd,gBAAe;GACf,CAAA;EACF,oBAAC,QAAD;GACE,GAAE;GACF,aAAa;GACb,eAAc;GACd,gBAAe;GACf,CAAA;EACF,oBAAC,QAAD;GACE,GAAE;GACF,aAAa;GACb,eAAc;GACd,gBAAe;GACf,CAAA;EACE"}

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

@@ -66,4 +66,4 @@ function HoverBorderGradient({ containerClassName, className, duration = 1, cloc
 //#endregion
 export { HoverBorderGradient as t };
 
-//# sourceMappingURL=HoverBorderGradient-NbdXeLgC.mjs.map
+//# sourceMappingURL=HoverBorderGradient-DEtm3owk.mjs.map

package/dist/chunks/{HoverBorderGradient-NbdXeLgC.mjs.map → HoverBorderGradient-DEtm3owk.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-DEtm3owk.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"}

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

@@ -72,4 +72,4 @@ Object.defineProperty(exports, "HoverBorderGradient", {
 	}
 });
 
-//# sourceMappingURL=HoverBorderGradient-9pfvBoHR.cjs.map
+//# sourceMappingURL=HoverBorderGradient-DMMyr2L3.cjs.map

package/dist/chunks/{HoverBorderGradient-9pfvBoHR.cjs.map → HoverBorderGradient-DMMyr2L3.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-DMMyr2L3.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"}

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

@@ -183,4 +183,4 @@ function SunToMoonButton({ showLabelAndImage = true }) {
 //#endregion
 export { SunToMoonButton as t };
 
-//# sourceMappingURL=SunToMoonButton-BkEfkElJ.mjs.map
+//# sourceMappingURL=SunToMoonButton-BOKHzC1H.mjs.map

package/dist/chunks/{SunToMoonButton-BkEfkElJ.mjs.map → SunToMoonButton-BOKHzC1H.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-BOKHzC1H.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-gX4Kk_5B.cjs}

@@ -189,4 +189,4 @@ Object.defineProperty(exports, "SunToMoonButton", {
 	}
 });
 
-//# sourceMappingURL=SunToMoonButton-jS4BJD9q.cjs.map
+//# sourceMappingURL=SunToMoonButton-gX4Kk_5B.cjs.map

package/dist/chunks/{SunToMoonButton-jS4BJD9q.cjs.map → SunToMoonButton-gX4Kk_5B.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-gX4Kk_5B.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-DK3B879v.mjs → Tooltip-LbOKP__2.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-LbOKP__2.mjs.map

package/dist/chunks/Tooltip-LbOKP__2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-LbOKP__2.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/{Tooltip-DD30yj3A.cjs → Tooltip-nnaiqJTT.cjs}

@@ -85,7 +85,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 +157,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 +166,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 +185,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 +204,4 @@ Object.defineProperty(exports, "Tooltip", {
 	}
 });
 
-//# sourceMappingURL=Tooltip-DD30yj3A.cjs.map
+//# sourceMappingURL=Tooltip-nnaiqJTT.cjs.map

package/dist/chunks/Tooltip-nnaiqJTT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-nnaiqJTT.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/{accordion-CmB6EidC.cjs → accordion-Bj3Sj0mC.cjs}

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

package/dist/chunks/{accordion-CmB6EidC.cjs.map → accordion-Bj3Sj0mC.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-Bj3Sj0mC.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"}

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

@@ -1,4 +1,4 @@
-import { N as ChevronDownIcon } from "./icons-bx3nrxNv.mjs";
+import { M as ChevronDownIcon } from "./icons-JzMKLygv.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-CLcjNX_X.mjs.map

package/dist/chunks/{accordion-6zxJUYXr.mjs.map → accordion-CLcjNX_X.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-CLcjNX_X.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"}

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

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

package/dist/chunks/{alert-C5KEeQqh.cjs.map → alert-BBA4Sh4e.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-BBA4Sh4e.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"}

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

@@ -1,4 +1,4 @@
-import { u as InfoCircleIcon } from "./icons-bx3nrxNv.mjs";
+import { u as InfoCircleIcon } from "./icons-JzMKLygv.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-oUz79MGc.mjs.map