erp-pro-ui 0.1.1 → 0.1.2

package/dist/chunks/{sun-to-moon-button-B__3FWnK.cjs.map → sun-to-moon-button-BmFwRBye.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"sun-to-moon-button-B__3FWnK.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-neutral-900 dark:text-white\">\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(--color-yellow-500)\",\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(--color-yellow-500)\",\n                    fill: \"var(--color-yellow-500)\",\n                    fillOpacity: 0.5,\n                    strokeOpacity: 1,\n                  }\n                : {\n                    d: moonPath || fallbackPath,\n                    rotate: -360,\n                    scale: 2,\n                    stroke: \"var(--color-blue-400)\",\n                    fill: \"var(--color-blue-400)\",\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-neutral-100 dark:bg-neutral-800\">\n          <span className=\"my-4 flex w-[150px] flex-col rounded-md\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-neutral-300 p-1 dark:bg-neutral-600\"></span>\n            <span className=\"mb-1 w-[100px] rounded-full bg-neutral-300 p-1 dark:bg-neutral-600\"></span>\n            <span className=\"w-[150px] rounded-full bg-neutral-300 p-1 dark:bg-neutral-600\"></span>\n          </span>\n          <span className=\"my-1 flex w-[150px] justify-between\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-neutral-300 p-1 dark:bg-neutral-600\"></span>\n            <span className=\"mb-1 w-[30px] rounded-full bg-primary p-1\"></span>\n          </span>\n        </span>\n      )}\n    </button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sun-to-moon-button-BmFwRBye.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-neutral-900 dark:text-white\">\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(--color-yellow-500)\",\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(--color-yellow-500)\",\n                    fill: \"var(--color-yellow-500)\",\n                    fillOpacity: 0.5,\n                    strokeOpacity: 1,\n                  }\n                : {\n                    d: moonPath || fallbackPath,\n                    rotate: -360,\n                    scale: 2,\n                    stroke: \"var(--color-blue-400)\",\n                    fill: \"var(--color-blue-400)\",\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-neutral-100 dark:bg-neutral-800\">\n          <span className=\"my-4 flex w-[150px] flex-col rounded-md\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-neutral-300 p-1 dark:bg-neutral-600\"></span>\n            <span className=\"mb-1 w-[100px] rounded-full bg-neutral-300 p-1 dark:bg-neutral-600\"></span>\n            <span className=\"w-[150px] rounded-full bg-neutral-300 p-1 dark:bg-neutral-600\"></span>\n          </span>\n          <span className=\"my-1 flex w-[150px] justify-between\">\n            <span className=\"mb-1 w-[80px] rounded-full bg-neutral-300 p-1 dark:bg-neutral-600\"></span>\n            <span className=\"mb-1 w-[30px] rounded-full bg-accent p-1\"></span>\n          </span>\n        </span>\n      )}\n    </button>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/{switch-y8oWcyLp.cjs → switch-C5otDb4c.cjs}

@@ -13,9 +13,9 @@ var Switch = (0, react.forwardRef)(({ className = "", label, error, id, checked,
 				htmlFor: switchId,
 				className: `
             relative inline-flex h-6 w-11 cursor-pointer items-center rounded-full transition-colors duration-200
-            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background
+            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-background
             disabled:cursor-not-allowed disabled:opacity-50
-            ${checked ? "bg-primary" : "bg-zinc-300 dark:bg-zinc-600"}
+            ${checked ? "bg-accent" : "bg-zinc-300 dark:bg-zinc-600"}
           `.trim().replace(/\s+/g, " "),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 					ref,
@@ -61,4 +61,4 @@ Object.defineProperty(exports, "Switch", {
 	}
 });
 
-//# sourceMappingURL=switch-y8oWcyLp.cjs.map
+//# sourceMappingURL=switch-C5otDb4c.cjs.map

package/dist/chunks/switch-C5otDb4c.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-C5otDb4c.cjs","names":[],"sources":["../../src/components/forms/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\n\nimport type { SwitchProps } from \"./types\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className = \"\", label, error, id, checked, ...props }, ref) => {\n    const generatedId = useId();\n    const switchId = id || `switch-${sanitizeId(generatedId)}`;\n    const containerClasses = `flex items-center space-x-2 ${className}`\n      .trim()\n      .replace(/\\s+/g, \" \");\n\n    return (\n      <div className={containerClasses}>\n        <label\n          htmlFor={switchId}\n          className={`\n            relative inline-flex h-6 w-11 cursor-pointer items-center rounded-full transition-colors duration-200\n            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-background\n            disabled:cursor-not-allowed disabled:opacity-50\n            ${checked ? \"bg-accent\" : \"bg-zinc-300 dark:bg-zinc-600\"}\n          `\n            .trim()\n            .replace(/\\s+/g, \" \")}\n        >\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            id={switchId}\n            className=\"sr-only\"\n            checked={checked}\n            {...props}\n          />\n          <span\n            className={`\n              pointer-events-none\n              inline-block\n              h-4\n              w-4\n              transform\n              rounded-full\n              bg-white\n              shadow-lg\n              ring-0\n              transition-transform\n              duration-300\n              ease-in-out\n              ${checked ? \"translate-x-6\" : \"translate-x-1\"}\n            `\n              .trim()\n              .replace(/\\s+/g, \" \")}\n          />\n        </label>\n        {label && (\n          <label\n            htmlFor={switchId}\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\n          >\n            {label}\n          </label>\n        )}\n        {error && (\n          <p className=\"text-sm font-medium text-destructive mt-1\">{error}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n"],"mappings":";;;;AAIA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAa,UAAA,GAAA,MAAA,aACV,EAAE,YAAY,IAAI,OAAO,OAAO,IAAI,SAAS,GAAG,SAAS,QAAQ;CAChE,MAAM,eAAA,GAAA,MAAA,QAAqB;CAC3B,MAAM,WAAW,MAAM,UAAU,WAAW,YAAY;AAKxD,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WALkB,+BAA+B,YACrD,MAAM,CACN,QAAQ,QAAQ,IAAI;YAGrB;GACE,iBAAA,GAAA,kBAAA,MAAC,SAAD;IACE,SAAS;IACT,WAAW;;;;cAIP,UAAU,cAAc,+BAA+B;YAExD,MAAM,CACN,QAAQ,QAAQ,IAAI;cATzB,CAWE,iBAAA,GAAA,kBAAA,KAAC,SAAD;KACO;KACL,MAAK;KACL,IAAI;KACJ,WAAU;KACD;KACT,GAAI;KACJ,CAAA,EACF,iBAAA,GAAA,kBAAA,KAAC,QAAD,EACE,WAAW;;;;;;;;;;;;;gBAaP,UAAU,kBAAkB,gBAAgB;cAE7C,MAAM,CACN,QAAQ,QAAQ,IAAI,EACvB,CAAA,CACI;;GACP,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA6C;IAAU,CAAA;GAElE;;EAGX;AAED,OAAO,cAAc"}

package/dist/chunks/{switch-DYLavKgf.mjs → switch-DOVl_i_s.mjs}

@@ -12,9 +12,9 @@ var Switch = forwardRef(({ className = "", label, error, id, checked, ...props }
 				htmlFor: switchId,
 				className: `
             relative inline-flex h-6 w-11 cursor-pointer items-center rounded-full transition-colors duration-200
-            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background
+            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-background
             disabled:cursor-not-allowed disabled:opacity-50
-            ${checked ? "bg-primary" : "bg-zinc-300 dark:bg-zinc-600"}
+            ${checked ? "bg-accent" : "bg-zinc-300 dark:bg-zinc-600"}
           `.trim().replace(/\s+/g, " "),
 				children: [/* @__PURE__ */ jsx("input", {
 					ref,
@@ -55,4 +55,4 @@ Switch.displayName = "Switch";
 //#endregion
 export { Switch as t };
 
-//# sourceMappingURL=switch-DYLavKgf.mjs.map
+//# sourceMappingURL=switch-DOVl_i_s.mjs.map

package/dist/chunks/switch-DOVl_i_s.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-DOVl_i_s.mjs","names":[],"sources":["../../src/components/forms/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\n\nimport type { SwitchProps } from \"./types\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className = \"\", label, error, id, checked, ...props }, ref) => {\n    const generatedId = useId();\n    const switchId = id || `switch-${sanitizeId(generatedId)}`;\n    const containerClasses = `flex items-center space-x-2 ${className}`\n      .trim()\n      .replace(/\\s+/g, \" \");\n\n    return (\n      <div className={containerClasses}>\n        <label\n          htmlFor={switchId}\n          className={`\n            relative inline-flex h-6 w-11 cursor-pointer items-center rounded-full transition-colors duration-200\n            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-background\n            disabled:cursor-not-allowed disabled:opacity-50\n            ${checked ? \"bg-accent\" : \"bg-zinc-300 dark:bg-zinc-600\"}\n          `\n            .trim()\n            .replace(/\\s+/g, \" \")}\n        >\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            id={switchId}\n            className=\"sr-only\"\n            checked={checked}\n            {...props}\n          />\n          <span\n            className={`\n              pointer-events-none\n              inline-block\n              h-4\n              w-4\n              transform\n              rounded-full\n              bg-white\n              shadow-lg\n              ring-0\n              transition-transform\n              duration-300\n              ease-in-out\n              ${checked ? \"translate-x-6\" : \"translate-x-1\"}\n            `\n              .trim()\n              .replace(/\\s+/g, \" \")}\n          />\n        </label>\n        {label && (\n          <label\n            htmlFor={switchId}\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\n          >\n            {label}\n          </label>\n        )}\n        {error && (\n          <p className=\"text-sm font-medium text-destructive mt-1\">{error}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n"],"mappings":";;;AAIA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAa,SAAS,YACnB,EAAE,YAAY,IAAI,OAAO,OAAO,IAAI,SAAS,GAAG,SAAS,QAAQ;CAChE,MAAM,cAAc,OAAO;CAC3B,MAAM,WAAW,MAAM,UAAU,WAAW,YAAY;AAKxD,QACE,qBAAC,OAAD;EAAK,WALkB,+BAA+B,YACrD,MAAM,CACN,QAAQ,QAAQ,IAAI;YAGrB;GACE,qBAAC,SAAD;IACE,SAAS;IACT,WAAW;;;;cAIP,UAAU,cAAc,+BAA+B;YAExD,MAAM,CACN,QAAQ,QAAQ,IAAI;cATzB,CAWE,oBAAC,SAAD;KACO;KACL,MAAK;KACL,IAAI;KACJ,WAAU;KACD;KACT,GAAI;KACJ,CAAA,EACF,oBAAC,QAAD,EACE,WAAW;;;;;;;;;;;;;gBAaP,UAAU,kBAAkB,gBAAgB;cAE7C,MAAM,CACN,QAAQ,QAAQ,IAAI,EACvB,CAAA,CACI;;GACP,SACC,oBAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,oBAAC,KAAD;IAAG,WAAU;cAA6C;IAAU,CAAA;GAElE;;EAGX;AAED,OAAO,cAAc"}

package/dist/chunks/textarea-CAUsyu4-.cjs

@@ -0,0 +1,63 @@
+require("./chunk-B_GkZjkl.cjs");
+const require_utils = require("./utils-B4SmmY4J.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let framer_motion = require("framer-motion");
+//#region src/components/forms/textarea/Textarea.tsx
+var Textarea = (0, react.forwardRef)(({ className = "", label, error, helperText, disabled, ...props }, ref) => {
+	const radius = 100;
+	const [visible, setVisible] = (0, react.useState)(false);
+	const mouseX = (0, framer_motion.useMotionValue)(0);
+	const mouseY = (0, framer_motion.useMotionValue)(0);
+	const handleMouseMove = (event) => {
+		const { left, top } = event.currentTarget.getBoundingClientRect();
+		mouseX.set(event.clientX - left);
+		mouseY.set(event.clientY - top);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "w-full",
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				className: "mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+				style: { backgroundImage: disabled ? "none" : framer_motion.useMotionTemplate`
+                  radial-gradient(
+                    ${visible ? `${radius}px` : "0px"} circle at ${mouseX}px ${mouseY}px,
+                    var(--ds-color-accent),
+                    transparent 90%
+                  )
+                ` },
+				onMouseMove: !disabled ? handleMouseMove : void 0,
+				onMouseEnter: !disabled ? () => setVisible(true) : void 0,
+				onMouseLeave: !disabled ? () => setVisible(false) : void 0,
+				className: require_utils.mergeClassNames("group/textarea rounded-lg p-[2px] transition duration-300 hover:border-accent", error ? "border-destructive" : "border-border"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+					ref,
+					disabled,
+					className: require_utils.mergeClassNames("shadow-input flex min-h-[80px] w-full rounded-md border border-input bg-background-secondary px-3 py-2 text-sm text-foreground transition duration-400 ease-in-out group-hover/textarea:shadow-none placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent disabled:cursor-not-allowed disabled:opacity-50 resize-none", error && "border-destructive text-destructive placeholder:text-destructive focus-visible:ring-destructive", className),
+					...props
+				})
+			}),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm font-medium text-destructive mt-1",
+				children: error
+			}),
+			helperText && !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: helperText
+			})
+		]
+	});
+});
+Textarea.displayName = "Textarea";
+//#endregion
+Object.defineProperty(exports, "Textarea", {
+	enumerable: true,
+	get: function() {
+		return Textarea;
+	}
+});
+
+//# sourceMappingURL=textarea-CAUsyu4-.cjs.map

package/dist/chunks/textarea-CAUsyu4-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-CAUsyu4-.cjs","names":[],"sources":["../../src/components/forms/textarea/Textarea.tsx"],"sourcesContent":["import type { TextareaProps } from \"./types\";\nimport { forwardRef, useState } from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className = \"\", label, error, helperText, disabled, ...props }, ref) => {\n    const radius = 100;\n    const [visible, setVisible] = useState(false);\n    const mouseX = useMotionValue(0);\n    const mouseY = useMotionValue(0);\n\n    const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n      const { left, top } = event.currentTarget.getBoundingClientRect();\n      mouseX.set(event.clientX - left);\n      mouseY.set(event.clientY - top);\n    };\n\n    return (\n      <div className=\"w-full\">\n        {label && (\n          <label className=\"mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n            {label}\n          </label>\n        )}\n\n        <motion.div\n          style={{\n            backgroundImage: disabled\n              ? \"none\"\n              : useMotionTemplate`\n                  radial-gradient(\n                    ${\n                      visible ? `${radius}px` : \"0px\"\n                    } circle at ${mouseX}px ${mouseY}px,\n                    var(--ds-color-accent),\n                    transparent 90%\n                  )\n                `,\n          }}\n          onMouseMove={!disabled ? handleMouseMove : undefined}\n          onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n          onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n          className={mergeClassNames(\n            \"group/textarea rounded-lg p-[2px] transition duration-300 hover:border-accent\",\n            error ? \"border-destructive\" : \"border-border\",\n          )}\n        >\n          <textarea\n            ref={ref}\n            disabled={disabled}\n            className={mergeClassNames(\n              \"shadow-input flex min-h-[80px] w-full rounded-md border border-input bg-background-secondary px-3 py-2 text-sm text-foreground transition duration-400 ease-in-out group-hover/textarea:shadow-none placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent disabled:cursor-not-allowed disabled:opacity-50 resize-none\",\n              error &&\n                \"border-destructive text-destructive placeholder:text-destructive focus-visible:ring-destructive\",\n              className,\n            )}\n            {...props}\n          />\n        </motion.div>\n\n        {error && (\n          <p className=\"text-sm font-medium text-destructive mt-1\">{error}</p>\n        )}\n        {helperText && !error && (\n          <p className=\"mt-1 text-sm text-muted-foreground\">{helperText}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;;;;AAMA,IAAa,YAAA,GAAA,MAAA,aACV,EAAE,YAAY,IAAI,OAAO,OAAO,YAAY,UAAU,GAAG,SAAS,QAAQ;CACzE,MAAM,SAAS;CACf,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,MAAM;CAC7C,MAAM,UAAA,GAAA,cAAA,gBAAwB,EAAE;CAChC,MAAM,UAAA,GAAA,cAAA,gBAAwB,EAAE;CAEhC,MAAM,mBAAmB,UAA4C;EACnE,MAAM,EAAE,MAAM,QAAQ,MAAM,cAAc,uBAAuB;AACjE,SAAO,IAAI,MAAM,UAAU,KAAK;AAChC,SAAO,IAAI,MAAM,UAAU,IAAI;;AAGjC,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACG,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IAAO,WAAU;cACd;IACK,CAAA;GAGV,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;IACE,OAAO,EACL,iBAAiB,WACb,SACA,cAAA,iBAAiB;;sBAGX,UAAU,GAAG,OAAO,MAAM,MAC3B,aAAa,OAAO,KAAK,OAAO;;;;mBAK1C;IACD,aAAa,CAAC,WAAW,kBAAkB,KAAA;IAC3C,cAAc,CAAC,iBAAiB,WAAW,KAAK,GAAG,KAAA;IACnD,cAAc,CAAC,iBAAiB,WAAW,MAAM,GAAG,KAAA;IACpD,WAAW,cAAA,gBACT,iFACA,QAAQ,uBAAuB,gBAChC;cAED,iBAAA,GAAA,kBAAA,KAAC,YAAD;KACO;KACK;KACV,WAAW,cAAA,gBACT,+WACA,SACE,mGACF,UACD;KACD,GAAI;KACJ,CAAA;IACS,CAAA;GAEZ,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA6C;IAAU,CAAA;GAErE,cAAc,CAAC,SACd,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAAsC;IAAe,CAAA;GAEhE;;EAGX;AAED,SAAS,cAAc"}

package/dist/chunks/textarea-CU5C-Zw9.mjs

@@ -0,0 +1,57 @@
+import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
+import { forwardRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useMotionTemplate, useMotionValue } from "framer-motion";
+//#region src/components/forms/textarea/Textarea.tsx
+var Textarea = forwardRef(({ className = "", label, error, helperText, disabled, ...props }, ref) => {
+	const radius = 100;
+	const [visible, setVisible] = useState(false);
+	const mouseX = useMotionValue(0);
+	const mouseY = useMotionValue(0);
+	const handleMouseMove = (event) => {
+		const { left, top } = event.currentTarget.getBoundingClientRect();
+		mouseX.set(event.clientX - left);
+		mouseY.set(event.clientY - top);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full",
+		children: [
+			label && /* @__PURE__ */ jsx("label", {
+				className: "mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+				children: label
+			}),
+			/* @__PURE__ */ jsx(motion.div, {
+				style: { backgroundImage: disabled ? "none" : useMotionTemplate`
+                  radial-gradient(
+                    ${visible ? `${radius}px` : "0px"} circle at ${mouseX}px ${mouseY}px,
+                    var(--ds-color-accent),
+                    transparent 90%
+                  )
+                ` },
+				onMouseMove: !disabled ? handleMouseMove : void 0,
+				onMouseEnter: !disabled ? () => setVisible(true) : void 0,
+				onMouseLeave: !disabled ? () => setVisible(false) : void 0,
+				className: mergeClassNames("group/textarea rounded-lg p-[2px] transition duration-300 hover:border-accent", error ? "border-destructive" : "border-border"),
+				children: /* @__PURE__ */ jsx("textarea", {
+					ref,
+					disabled,
+					className: mergeClassNames("shadow-input flex min-h-[80px] w-full rounded-md border border-input bg-background-secondary px-3 py-2 text-sm text-foreground transition duration-400 ease-in-out group-hover/textarea:shadow-none placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent disabled:cursor-not-allowed disabled:opacity-50 resize-none", error && "border-destructive text-destructive placeholder:text-destructive focus-visible:ring-destructive", className),
+					...props
+				})
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium text-destructive mt-1",
+				children: error
+			}),
+			helperText && !error && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: helperText
+			})
+		]
+	});
+});
+Textarea.displayName = "Textarea";
+//#endregion
+export { Textarea as t };
+
+//# sourceMappingURL=textarea-CU5C-Zw9.mjs.map

package/dist/chunks/textarea-CU5C-Zw9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-CU5C-Zw9.mjs","names":[],"sources":["../../src/components/forms/textarea/Textarea.tsx"],"sourcesContent":["import type { TextareaProps } from \"./types\";\nimport { forwardRef, useState } from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className = \"\", label, error, helperText, disabled, ...props }, ref) => {\n    const radius = 100;\n    const [visible, setVisible] = useState(false);\n    const mouseX = useMotionValue(0);\n    const mouseY = useMotionValue(0);\n\n    const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n      const { left, top } = event.currentTarget.getBoundingClientRect();\n      mouseX.set(event.clientX - left);\n      mouseY.set(event.clientY - top);\n    };\n\n    return (\n      <div className=\"w-full\">\n        {label && (\n          <label className=\"mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n            {label}\n          </label>\n        )}\n\n        <motion.div\n          style={{\n            backgroundImage: disabled\n              ? \"none\"\n              : useMotionTemplate`\n                  radial-gradient(\n                    ${\n                      visible ? `${radius}px` : \"0px\"\n                    } circle at ${mouseX}px ${mouseY}px,\n                    var(--ds-color-accent),\n                    transparent 90%\n                  )\n                `,\n          }}\n          onMouseMove={!disabled ? handleMouseMove : undefined}\n          onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n          onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n          className={mergeClassNames(\n            \"group/textarea rounded-lg p-[2px] transition duration-300 hover:border-accent\",\n            error ? \"border-destructive\" : \"border-border\",\n          )}\n        >\n          <textarea\n            ref={ref}\n            disabled={disabled}\n            className={mergeClassNames(\n              \"shadow-input flex min-h-[80px] w-full rounded-md border border-input bg-background-secondary px-3 py-2 text-sm text-foreground transition duration-400 ease-in-out group-hover/textarea:shadow-none placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent disabled:cursor-not-allowed disabled:opacity-50 resize-none\",\n              error &&\n                \"border-destructive text-destructive placeholder:text-destructive focus-visible:ring-destructive\",\n              className,\n            )}\n            {...props}\n          />\n        </motion.div>\n\n        {error && (\n          <p className=\"text-sm font-medium text-destructive mt-1\">{error}</p>\n        )}\n        {helperText && !error && (\n          <p className=\"mt-1 text-sm text-muted-foreground\">{helperText}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;;;AAMA,IAAa,WAAW,YACrB,EAAE,YAAY,IAAI,OAAO,OAAO,YAAY,UAAU,GAAG,SAAS,QAAQ;CACzE,MAAM,SAAS;CACf,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,SAAS,eAAe,EAAE;CAChC,MAAM,SAAS,eAAe,EAAE;CAEhC,MAAM,mBAAmB,UAA4C;EACnE,MAAM,EAAE,MAAM,QAAQ,MAAM,cAAc,uBAAuB;AACjE,SAAO,IAAI,MAAM,UAAU,KAAK;AAChC,SAAO,IAAI,MAAM,UAAU,IAAI;;AAGjC,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,SACC,oBAAC,SAAD;IAAO,WAAU;cACd;IACK,CAAA;GAGV,oBAAC,OAAO,KAAR;IACE,OAAO,EACL,iBAAiB,WACb,SACA,iBAAiB;;sBAGX,UAAU,GAAG,OAAO,MAAM,MAC3B,aAAa,OAAO,KAAK,OAAO;;;;mBAK1C;IACD,aAAa,CAAC,WAAW,kBAAkB,KAAA;IAC3C,cAAc,CAAC,iBAAiB,WAAW,KAAK,GAAG,KAAA;IACnD,cAAc,CAAC,iBAAiB,WAAW,MAAM,GAAG,KAAA;IACpD,WAAW,gBACT,iFACA,QAAQ,uBAAuB,gBAChC;cAED,oBAAC,YAAD;KACO;KACK;KACV,WAAW,gBACT,+WACA,SACE,mGACF,UACD;KACD,GAAI;KACJ,CAAA;IACS,CAAA;GAEZ,SACC,oBAAC,KAAD;IAAG,WAAU;cAA6C;IAAU,CAAA;GAErE,cAAc,CAAC,SACd,oBAAC,KAAD;IAAG,WAAU;cAAsC;IAAe,CAAA;GAEhE;;EAGX;AAED,SAAS,cAAc"}

package/dist/chunks/{theme-CBtWIFMT.cjs → theme-7DWLxJK_.cjs}

@@ -20,8 +20,9 @@ function ThemeProvider({ children }) {
 	const [theme, setTheme] = (0, react.useState)(() => getStoredTheme() ?? "purple");
 	(0, react.useLayoutEffect)(() => {
 		const colorScheme = `${theme}-${mode}`;
-		document.documentElement.setAttribute("data-theme", colorScheme);
+		document.documentElement.setAttribute("data-brand", theme);
 		document.documentElement.setAttribute("data-mode", mode);
+		document.documentElement.setAttribute("data-theme", colorScheme);
 		document.documentElement.style.colorScheme = mode;
 		localStorage.setItem(MODE_STORAGE_KEY, mode);
 		localStorage.setItem(THEME_STORAGE_KEY, theme);
@@ -34,6 +35,7 @@ function ThemeProvider({ children }) {
 	const value = {
 		mode,
 		theme,
+		brand: theme,
 		colorScheme: `${theme}-${mode}`,
 		setMode,
 		toggleMode,
@@ -63,4 +65,4 @@ Object.defineProperty(exports, "useThemeContext", {
 	}
 });
 
-//# sourceMappingURL=theme-CBtWIFMT.cjs.map
+//# sourceMappingURL=theme-7DWLxJK_.cjs.map

package/dist/chunks/theme-7DWLxJK_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-7DWLxJK_.cjs","names":[],"sources":["../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useContext, useLayoutEffect, useState } from \"react\";\nimport type { ReactNode } from \"react\";\n\nexport type ThemeModeType = \"light\" | \"dark\";\nexport type ThemeColorType = \"purple\" | \"teal\" | \"yellow\" | \"green\";\n\nexport interface UseThemeType {\n  mode: ThemeModeType;\n  theme: ThemeColorType;\n  brand: ThemeColorType;\n  colorScheme: `${ThemeColorType}-${ThemeModeType}`;\n  setMode: (mode: ThemeModeType) => void;\n  toggleMode: () => void;\n  setTheme: (theme: ThemeColorType) => void;\n}\n\nconst ThemeContext = createContext<UseThemeType | null>(null);\n\nconst MODE_STORAGE_KEY = \"erp-pro-ui:mode\";\nconst THEME_STORAGE_KEY = \"erp-pro-ui:theme\";\n\nfunction getStoredMode(): ThemeModeType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const mode =\n    localStorage.getItem(MODE_STORAGE_KEY) ?? localStorage.getItem(\"mode\");\n  return mode === \"light\" || mode === \"dark\" ? mode : null;\n}\n\nfunction getStoredTheme(): ThemeColorType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const theme =\n    localStorage.getItem(THEME_STORAGE_KEY) ?? localStorage.getItem(\"theme\");\n  return theme === \"purple\" ||\n    theme === \"teal\" ||\n    theme === \"yellow\" ||\n    theme === \"green\"\n    ? theme\n    : null;\n}\n\nexport function ThemeProvider({ children }: { children: ReactNode }) {\n  const [mode, setMode] = useState<ThemeModeType>(\n    () => getStoredMode() ?? \"dark\",\n  );\n  const [theme, setTheme] = useState<ThemeColorType>(\n    () => getStoredTheme() ?? \"purple\",\n  );\n\n  useLayoutEffect(() => {\n    const colorScheme = `${theme}-${mode}`;\n\n    document.documentElement.setAttribute(\"data-brand\", theme);\n    document.documentElement.setAttribute(\"data-mode\", mode);\n    document.documentElement.setAttribute(\"data-theme\", colorScheme);\n    document.documentElement.style.colorScheme = mode;\n\n    localStorage.setItem(MODE_STORAGE_KEY, mode);\n    localStorage.setItem(THEME_STORAGE_KEY, theme);\n    localStorage.setItem(\"mode\", mode);\n    localStorage.setItem(\"theme\", theme);\n\n    if (mode === \"dark\") {\n      document.documentElement.classList.add(\"dark\");\n    } else {\n      document.documentElement.classList.remove(\"dark\");\n    }\n  }, [mode, theme]);\n\n  const toggleMode = () =>\n    setMode((previousMode) => (previousMode === \"light\" ? \"dark\" : \"light\"));\n\n  const value: UseThemeType = {\n    mode,\n    theme,\n    brand: theme,\n    colorScheme: `${theme}-${mode}` as const,\n    setMode,\n    toggleMode,\n    setTheme,\n  };\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\nexport function useThemeContext() {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error(\"useThemeContext must be used within a ThemeProvider\");\n  }\n\n  return context;\n}\n"],"mappings":";;;;AAgBA,IAAM,gBAAA,GAAA,MAAA,eAAkD,KAAK;AAE7D,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAE1B,SAAS,gBAAsC;AAC7C,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,OACJ,aAAa,QAAQ,iBAAiB,IAAI,aAAa,QAAQ,OAAO;AACxE,QAAO,SAAS,WAAW,SAAS,SAAS,OAAO;;AAGtD,SAAS,iBAAwC;AAC/C,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,QACJ,aAAa,QAAQ,kBAAkB,IAAI,aAAa,QAAQ,QAAQ;AAC1E,QAAO,UAAU,YACf,UAAU,UACV,UAAU,YACV,UAAU,UACR,QACA;;AAGN,SAAgB,cAAc,EAAE,YAAqC;CACnE,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,gBACL,eAAe,IAAI,OAC1B;CACD,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,gBACN,gBAAgB,IAAI,SAC3B;AAED,EAAA,GAAA,MAAA,uBAAsB;EACpB,MAAM,cAAc,GAAG,MAAM,GAAG;AAEhC,WAAS,gBAAgB,aAAa,cAAc,MAAM;AAC1D,WAAS,gBAAgB,aAAa,aAAa,KAAK;AACxD,WAAS,gBAAgB,aAAa,cAAc,YAAY;AAChE,WAAS,gBAAgB,MAAM,cAAc;AAE7C,eAAa,QAAQ,kBAAkB,KAAK;AAC5C,eAAa,QAAQ,mBAAmB,MAAM;AAC9C,eAAa,QAAQ,QAAQ,KAAK;AAClC,eAAa,QAAQ,SAAS,MAAM;AAEpC,MAAI,SAAS,OACX,UAAS,gBAAgB,UAAU,IAAI,OAAO;MAE9C,UAAS,gBAAgB,UAAU,OAAO,OAAO;IAElD,CAAC,MAAM,MAAM,CAAC;CAEjB,MAAM,mBACJ,SAAS,iBAAkB,iBAAiB,UAAU,SAAS,QAAS;CAE1E,MAAM,QAAsB;EAC1B;EACA;EACA,OAAO;EACP,aAAa,GAAG,MAAM,GAAG;EACzB;EACA;EACA;EACD;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,aAAa,UAAd;EAA8B;EAAQ;EAAiC,CAAA;;AAI3E,SAAgB,kBAAkB;CAChC,MAAM,WAAA,GAAA,MAAA,YAAqB,aAAa;AAExC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,sDAAsD;AAGxE,QAAO"}

package/dist/chunks/{theme-Bwu0HKqZ.mjs → theme-BceKeYhw.mjs}

@@ -19,8 +19,9 @@ function ThemeProvider({ children }) {
 	const [theme, setTheme] = useState(() => getStoredTheme() ?? "purple");
 	useLayoutEffect(() => {
 		const colorScheme = `${theme}-${mode}`;
-		document.documentElement.setAttribute("data-theme", colorScheme);
+		document.documentElement.setAttribute("data-brand", theme);
 		document.documentElement.setAttribute("data-mode", mode);
+		document.documentElement.setAttribute("data-theme", colorScheme);
 		document.documentElement.style.colorScheme = mode;
 		localStorage.setItem(MODE_STORAGE_KEY, mode);
 		localStorage.setItem(THEME_STORAGE_KEY, theme);
@@ -33,6 +34,7 @@ function ThemeProvider({ children }) {
 	const value = {
 		mode,
 		theme,
+		brand: theme,
 		colorScheme: `${theme}-${mode}`,
 		setMode,
 		toggleMode,
@@ -51,4 +53,4 @@ function useThemeContext() {
 //#endregion
 export { useThemeContext as n, ThemeProvider as t };
 
-//# sourceMappingURL=theme-Bwu0HKqZ.mjs.map
+//# sourceMappingURL=theme-BceKeYhw.mjs.map

package/dist/chunks/theme-BceKeYhw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-BceKeYhw.mjs","names":[],"sources":["../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useContext, useLayoutEffect, useState } from \"react\";\nimport type { ReactNode } from \"react\";\n\nexport type ThemeModeType = \"light\" | \"dark\";\nexport type ThemeColorType = \"purple\" | \"teal\" | \"yellow\" | \"green\";\n\nexport interface UseThemeType {\n  mode: ThemeModeType;\n  theme: ThemeColorType;\n  brand: ThemeColorType;\n  colorScheme: `${ThemeColorType}-${ThemeModeType}`;\n  setMode: (mode: ThemeModeType) => void;\n  toggleMode: () => void;\n  setTheme: (theme: ThemeColorType) => void;\n}\n\nconst ThemeContext = createContext<UseThemeType | null>(null);\n\nconst MODE_STORAGE_KEY = \"erp-pro-ui:mode\";\nconst THEME_STORAGE_KEY = \"erp-pro-ui:theme\";\n\nfunction getStoredMode(): ThemeModeType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const mode =\n    localStorage.getItem(MODE_STORAGE_KEY) ?? localStorage.getItem(\"mode\");\n  return mode === \"light\" || mode === \"dark\" ? mode : null;\n}\n\nfunction getStoredTheme(): ThemeColorType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const theme =\n    localStorage.getItem(THEME_STORAGE_KEY) ?? localStorage.getItem(\"theme\");\n  return theme === \"purple\" ||\n    theme === \"teal\" ||\n    theme === \"yellow\" ||\n    theme === \"green\"\n    ? theme\n    : null;\n}\n\nexport function ThemeProvider({ children }: { children: ReactNode }) {\n  const [mode, setMode] = useState<ThemeModeType>(\n    () => getStoredMode() ?? \"dark\",\n  );\n  const [theme, setTheme] = useState<ThemeColorType>(\n    () => getStoredTheme() ?? \"purple\",\n  );\n\n  useLayoutEffect(() => {\n    const colorScheme = `${theme}-${mode}`;\n\n    document.documentElement.setAttribute(\"data-brand\", theme);\n    document.documentElement.setAttribute(\"data-mode\", mode);\n    document.documentElement.setAttribute(\"data-theme\", colorScheme);\n    document.documentElement.style.colorScheme = mode;\n\n    localStorage.setItem(MODE_STORAGE_KEY, mode);\n    localStorage.setItem(THEME_STORAGE_KEY, theme);\n    localStorage.setItem(\"mode\", mode);\n    localStorage.setItem(\"theme\", theme);\n\n    if (mode === \"dark\") {\n      document.documentElement.classList.add(\"dark\");\n    } else {\n      document.documentElement.classList.remove(\"dark\");\n    }\n  }, [mode, theme]);\n\n  const toggleMode = () =>\n    setMode((previousMode) => (previousMode === \"light\" ? \"dark\" : \"light\"));\n\n  const value: UseThemeType = {\n    mode,\n    theme,\n    brand: theme,\n    colorScheme: `${theme}-${mode}` as const,\n    setMode,\n    toggleMode,\n    setTheme,\n  };\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\nexport function useThemeContext() {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error(\"useThemeContext must be used within a ThemeProvider\");\n  }\n\n  return context;\n}\n"],"mappings":";;;AAgBA,IAAM,eAAe,cAAmC,KAAK;AAE7D,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAE1B,SAAS,gBAAsC;AAC7C,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,OACJ,aAAa,QAAQ,iBAAiB,IAAI,aAAa,QAAQ,OAAO;AACxE,QAAO,SAAS,WAAW,SAAS,SAAS,OAAO;;AAGtD,SAAS,iBAAwC;AAC/C,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,QACJ,aAAa,QAAQ,kBAAkB,IAAI,aAAa,QAAQ,QAAQ;AAC1E,QAAO,UAAU,YACf,UAAU,UACV,UAAU,YACV,UAAU,UACR,QACA;;AAGN,SAAgB,cAAc,EAAE,YAAqC;CACnE,MAAM,CAAC,MAAM,WAAW,eAChB,eAAe,IAAI,OAC1B;CACD,MAAM,CAAC,OAAO,YAAY,eAClB,gBAAgB,IAAI,SAC3B;AAED,uBAAsB;EACpB,MAAM,cAAc,GAAG,MAAM,GAAG;AAEhC,WAAS,gBAAgB,aAAa,cAAc,MAAM;AAC1D,WAAS,gBAAgB,aAAa,aAAa,KAAK;AACxD,WAAS,gBAAgB,aAAa,cAAc,YAAY;AAChE,WAAS,gBAAgB,MAAM,cAAc;AAE7C,eAAa,QAAQ,kBAAkB,KAAK;AAC5C,eAAa,QAAQ,mBAAmB,MAAM;AAC9C,eAAa,QAAQ,QAAQ,KAAK;AAClC,eAAa,QAAQ,SAAS,MAAM;AAEpC,MAAI,SAAS,OACX,UAAS,gBAAgB,UAAU,IAAI,OAAO;MAE9C,UAAS,gBAAgB,UAAU,OAAO,OAAO;IAElD,CAAC,MAAM,MAAM,CAAC;CAEjB,MAAM,mBACJ,SAAS,iBAAkB,iBAAiB,UAAU,SAAS,QAAS;CAE1E,MAAM,QAAsB;EAC1B;EACA;EACA,OAAO;EACP,aAAa,GAAG,MAAM,GAAG;EACzB;EACA;EACA;EACD;AAED,QACE,oBAAC,aAAa,UAAd;EAA8B;EAAQ;EAAiC,CAAA;;AAI3E,SAAgB,kBAAkB;CAChC,MAAM,UAAU,WAAW,aAAa;AAExC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,sDAAsD;AAGxE,QAAO"}

package/dist/chunks/{toast-C8JRhbSo.mjs → toast-CvfP7PUP.mjs}

@@ -1,4 +1,4 @@
-import { U as CloseIcon, d as CheckCircleIcon, o as LoaderIcon, p as AlertTriangleIcon, s as InfoCircleIcon, t as XCircleIcon } from "./icons-CrM6pFkv.mjs";
+import { _ as AlertTriangleIcon, h as CheckCircleIcon, l as LoaderIcon, n as XCircleIcon, q as CloseIcon, u as InfoCircleIcon } from "./icons-DuumN7z-.mjs";
 import { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
@@ -11,24 +11,24 @@ var useToast = () => {
 };
 var typeStyles = {
 	success: {
-		bg: "bg-white dark:bg-neutral-800 border-green-200 dark:border-green-800",
-		icon: "text-green-500",
-		iconBg: "bg-green-100 dark:bg-green-900/30"
+		bg: "bg-white dark:bg-neutral-800 border-success-border",
+		icon: "text-success",
+		iconBg: "bg-success-subtle"
 	},
 	error: {
-		bg: "bg-white dark:bg-neutral-800 border-red-200 dark:border-red-800",
-		icon: "text-red-500",
-		iconBg: "bg-red-100 dark:bg-red-900/30"
+		bg: "bg-white dark:bg-neutral-800 border-danger-border",
+		icon: "text-danger",
+		iconBg: "bg-danger-subtle"
 	},
 	warning: {
-		bg: "bg-white dark:bg-neutral-800 border-amber-200 dark:border-amber-800",
-		icon: "text-amber-500",
-		iconBg: "bg-amber-100 dark:bg-amber-900/30"
+		bg: "bg-white dark:bg-neutral-800 border-warning-border",
+		icon: "text-warning",
+		iconBg: "bg-warning-subtle"
 	},
 	info: {
-		bg: "bg-white dark:bg-neutral-800 border-blue-200 dark:border-blue-800",
-		icon: "text-blue-500",
-		iconBg: "bg-blue-100 dark:bg-blue-900/30"
+		bg: "bg-white dark:bg-neutral-800 border-info-border",
+		icon: "text-info",
+		iconBg: "bg-info-subtle"
 	},
 	default: {
 		bg: "bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700",
@@ -37,8 +37,8 @@ var typeStyles = {
 	},
 	loading: {
 		bg: "bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700",
-		icon: "text-primary-500",
-		iconBg: "bg-primary-100 dark:bg-primary-900/30"
+		icon: "text-accent",
+		iconBg: "bg-accent-subtle"
 	}
 };
 var positionStyles = {
@@ -159,13 +159,13 @@ var ToastItem = forwardRef(({ toast, onDismiss, position }, ref) => {
 			duration && duration > 0 && type !== "loading" && /* @__PURE__ */ jsx("div", {
 				className: "absolute bottom-0 left-0 right-0 h-1 bg-neutral-100 dark:bg-neutral-700",
 				children: /* @__PURE__ */ jsx(motion.div, {
-					className: `h-full ${type === "success" ? "bg-green-500" : type === "error" ? "bg-red-500" : type === "warning" ? "bg-amber-500" : type === "info" ? "bg-blue-500" : "bg-neutral-400"}`,
+					className: `h-full ${type === "success" ? "bg-success" : type === "error" ? "bg-destructive" : type === "warning" ? "bg-warning" : type === "info" ? "bg-info" : "bg-neutral-400"}`,
 					style: { width: `${progress}%` },
 					transition: { duration: .05 }
 				})
 			}),
 			displayIcon && /* @__PURE__ */ jsx("div", {
-				className: `flex-shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`,
+				className: `shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`,
 				children: displayIcon
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -184,7 +184,7 @@ var ToastItem = forwardRef(({ toast, onDismiss, position }, ref) => {
 							action.onClick();
 							onDismiss(toast.id);
 						},
-						className: "mt-2 text-sm font-medium text-primary-600 dark:text-primary-400 hover:underline",
+						className: "mt-2 text-sm font-medium text-accent hover:underline",
 						children: action.label
 					})
 				]
@@ -302,7 +302,7 @@ var ToastProvider = ({ children, position = "bottom-right", duration = 5e3, maxT
 	return /* @__PURE__ */ jsxs(ToastContext.Provider, {
 		value: contextValue,
 		children: [children, /* @__PURE__ */ jsx("div", {
-			className: `fixed z-[100] flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`,
+			className: `fixed z-100 flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`,
 			style: { gap: `${gap}px` },
 			children: /* @__PURE__ */ jsx(AnimatePresence, {
 				mode: "popLayout",
@@ -336,4 +336,4 @@ var toastStandalone = {
 //#endregion
 export { useToast as a, toastStandalone as i, ToastProvider as n, setGlobalToast as r, ToastItem as t };
 
-//# sourceMappingURL=toast-C8JRhbSo.mjs.map
+//# sourceMappingURL=toast-CvfP7PUP.mjs.map

package/dist/chunks/toast-CvfP7PUP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-CvfP7PUP.mjs","names":[],"sources":["../../src/components/overlays/toast/Toast.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n} from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport {\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoCircleIcon,\n  LoaderIcon,\n  XCircleIcon,\n} from \"../../icons\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ToastType =\n  | \"success\"\n  | \"error\"\n  | \"warning\"\n  | \"info\"\n  | \"default\"\n  | \"loading\";\nexport type ToastPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\";\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface Toast {\n  id: string;\n  type: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n  promise?: {\n    loading: string;\n    success: string | ((data: unknown) => string);\n    error: string | ((error: unknown) => string);\n  };\n}\n\nexport interface ToastOptions {\n  type?: ToastType;\n  title?: string;\n  description?: string;\n  duration?: number;\n  icon?: React.ReactNode;\n  action?: ToastAction;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  onAutoClose?: () => void;\n}\n\nexport interface ToastContextValue {\n  toasts: Toast[];\n  toast: (options: ToastOptions | string) => string;\n  success: (options: ToastOptions | string) => string;\n  error: (options: ToastOptions | string) => string;\n  warning: (options: ToastOptions | string) => string;\n  info: (options: ToastOptions | string) => string;\n  loading: (options: ToastOptions | string) => string;\n  promise: <T>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => Promise<T>;\n  dismiss: (id: string) => void;\n  dismissAll: () => void;\n  update: (id: string, options: Partial<ToastOptions>) => void;\n}\n\nexport interface ToastProviderProps {\n  children: React.ReactNode;\n  /** Default position for toasts */\n  position?: ToastPosition;\n  /** Default duration in milliseconds */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  maxToasts?: number;\n  /** Gap between toasts */\n  gap?: number;\n  /** Whether toasts are dismissible by default */\n  dismissible?: boolean;\n  /** Custom className for the toast container */\n  containerClassName?: string;\n}\n\nexport interface ToastItemProps {\n  toast: Toast;\n  onDismiss: (id: string) => void;\n  position: ToastPosition;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const useToast = (): ToastContextValue => {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\");\n  }\n  return context;\n};\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst typeStyles: Record<\n  ToastType,\n  { bg: string; icon: string; iconBg: string }\n> = {\n  success: {\n    bg: \"bg-white dark:bg-neutral-800 border-success-border\",\n    icon: \"text-success\",\n    iconBg: \"bg-success-subtle\",\n  },\n  error: {\n    bg: \"bg-white dark:bg-neutral-800 border-danger-border\",\n    icon: \"text-danger\",\n    iconBg: \"bg-danger-subtle\",\n  },\n  warning: {\n    bg: \"bg-white dark:bg-neutral-800 border-warning-border\",\n    icon: \"text-warning\",\n    iconBg: \"bg-warning-subtle\",\n  },\n  info: {\n    bg: \"bg-white dark:bg-neutral-800 border-info-border\",\n    icon: \"text-info\",\n    iconBg: \"bg-info-subtle\",\n  },\n  default: {\n    bg: \"bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700\",\n    icon: \"text-neutral-500\",\n    iconBg: \"bg-neutral-100 dark:bg-neutral-700\",\n  },\n  loading: {\n    bg: \"bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700\",\n    icon: \"text-accent\",\n    iconBg: \"bg-accent-subtle\",\n  },\n};\n\nconst positionStyles: Record<ToastPosition, string> = {\n  \"top-left\": \"top-4 left-4\",\n  \"top-center\": \"top-4 left-1/2 -translate-x-1/2\",\n  \"top-right\": \"top-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n  \"bottom-center\": \"bottom-4 left-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-4 right-4\",\n};\n\nconst getMotionVariants = (position: ToastPosition) => {\n  const isTop = position.startsWith(\"top\");\n  const isCenter = position.includes(\"center\");\n  const isLeft = position.includes(\"left\");\n\n  return {\n    initial: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      x: isCenter ? 0 : isLeft ? -20 : 20,\n      scale: 0.95,\n    },\n    animate: {\n      opacity: 1,\n      y: 0,\n      x: 0,\n      scale: 1,\n    },\n    exit: {\n      opacity: 0,\n      y: isTop ? -20 : 20,\n      scale: 0.95,\n      transition: { duration: 0.15 },\n    },\n  };\n};\n\n// ============================================================================\n// Toast Item Component\n// ============================================================================\n\nconst ToastItem = forwardRef<HTMLDivElement, ToastItemProps>(\n  ({ toast, onDismiss, position }, ref) => {\n    const {\n      type,\n      title,\n      description,\n      icon,\n      action,\n      dismissible = true,\n      duration,\n    } = toast;\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const [progress, setProgress] = useState(100);\n    const [isPaused, setIsPaused] = useState(false);\n\n    const defaultIcons: Record<ToastType, React.ReactNode> = {\n      success: <CheckCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      error: <XCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      warning: <AlertTriangleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      info: <InfoCircleIcon className=\"w-5 h-5\" aria-hidden=\"true\" />,\n      loading: (\n        <LoaderIcon className=\"w-5 h-5 animate-spin\" aria-hidden=\"true\" />\n      ),\n      default: null,\n    };\n\n    // Auto-dismiss timer with progress\n    useEffect(() => {\n      if (duration && duration > 0 && type !== \"loading\") {\n        const startTime = Date.now();\n        const interval = 50;\n\n        const updateProgress = () => {\n          if (isPaused) return;\n\n          const elapsed = Date.now() - startTime;\n          const remaining = Math.max(0, 100 - (elapsed / duration) * 100);\n          setProgress(remaining);\n\n          if (remaining <= 0) {\n            toast.onAutoClose?.();\n            onDismiss(toast.id);\n          }\n        };\n\n        timerRef.current = setInterval(updateProgress, interval);\n\n        return () => {\n          if (timerRef.current) {\n            clearInterval(timerRef.current);\n          }\n        };\n      }\n    }, [duration, toast.id, type, isPaused, onDismiss, toast]);\n\n    const handleMouseEnter = () => setIsPaused(true);\n    const handleMouseLeave = () => setIsPaused(false);\n\n    const styles = typeStyles[type];\n    const displayIcon = icon ?? defaultIcons[type];\n    const variants = getMotionVariants(position);\n\n    return (\n      <motion.div\n        ref={ref}\n        layout\n        initial={variants.initial}\n        animate={variants.animate}\n        exit={variants.exit}\n        transition={{ type: \"spring\", stiffness: 400, damping: 30 }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        className={`\n          relative flex items-start gap-3 p-4 pr-10\n          rounded-lg shadow-lg border min-w-[320px] max-w-[420px]\n          overflow-hidden\n          ${styles.bg}\n        `}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {/* Progress bar */}\n        {duration && duration > 0 && type !== \"loading\" && (\n          <div className=\"absolute bottom-0 left-0 right-0 h-1 bg-neutral-100 dark:bg-neutral-700\">\n            <motion.div\n              className={`h-full ${\n                type === \"success\"\n                  ? \"bg-success\"\n                  : type === \"error\"\n                    ? \"bg-destructive\"\n                    : type === \"warning\"\n                      ? \"bg-warning\"\n                      : type === \"info\"\n                        ? \"bg-info\"\n                        : \"bg-neutral-400\"\n              }`}\n              style={{ width: `${progress}%` }}\n              transition={{ duration: 0.05 }}\n            />\n          </div>\n        )}\n\n        {/* Icon */}\n        {displayIcon && (\n          <div\n            className={`shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`}\n          >\n            {displayIcon}\n          </div>\n        )}\n\n        {/* Content */}\n        <div className=\"flex-1 min-w-0\">\n          {title && (\n            <p className=\"font-semibold text-neutral-900 dark:text-white text-sm\">\n              {title}\n            </p>\n          )}\n          {description && (\n            <p\n              className={`text-sm text-neutral-600 dark:text-neutral-300 ${\n                title ? \"mt-1\" : \"\"\n              }`}\n            >\n              {description}\n            </p>\n          )}\n          {action && (\n            <button\n              onClick={() => {\n                action.onClick();\n                onDismiss(toast.id);\n              }}\n              className=\"mt-2 text-sm font-medium text-accent hover:underline\"\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n\n        {/* Dismiss button */}\n        {dismissible && (\n          <button\n            onClick={() => {\n              toast.onDismiss?.();\n              onDismiss(toast.id);\n            }}\n            className=\"absolute top-3 right-3 p-1 rounded-full text-neutral-400 hover:text-neutral-600 dark:text-neutral-500 dark:hover:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors\"\n            aria-label=\"Dismiss\"\n          >\n            <CloseIcon className=\"w-4 h-4\" aria-hidden=\"true\" />\n          </button>\n        )}\n      </motion.div>\n    );\n  },\n);\n\nToastItem.displayName = \"ToastItem\";\n\n// ============================================================================\n// Toast Provider Component\n// ============================================================================\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  children,\n  position = \"bottom-right\",\n  duration = 5000,\n  maxToasts = 5,\n  gap = 12,\n  dismissible = true,\n  containerClassName = \"\",\n}) => {\n  const [toasts, setToasts] = useState<Toast[]>([]);\n  const toastIdCounter = useRef(0);\n\n  const generateId = () => {\n    toastIdCounter.current += 1;\n    return `toast-${toastIdCounter.current}-${Date.now()}`;\n  };\n\n  const addToast = useCallback(\n    (options: ToastOptions | string, type: ToastType = \"default\"): string => {\n      const id = generateId();\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n\n      const newToast: Toast = {\n        id,\n        type: toastOptions.type ?? type,\n        title: toastOptions.title,\n        description: toastOptions.description,\n        duration: toastOptions.duration ?? duration,\n        icon: toastOptions.icon,\n        action: toastOptions.action,\n        dismissible: toastOptions.dismissible ?? dismissible,\n        onDismiss: toastOptions.onDismiss,\n        onAutoClose: toastOptions.onAutoClose,\n      };\n\n      setToasts((prev) => {\n        const updated = [...prev, newToast];\n        // Keep only the last maxToasts\n        return updated.slice(-maxToasts);\n      });\n\n      return id;\n    },\n    [duration, dismissible, maxToasts],\n  );\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  const dismissAll = useCallback(() => {\n    setToasts([]);\n  }, []);\n\n  const update = useCallback((id: string, options: Partial<ToastOptions>) => {\n    setToasts((prev) =>\n      prev.map((t) =>\n        t.id === id\n          ? {\n              ...t,\n              ...options,\n              type: options.type ?? t.type,\n            }\n          : t,\n      ),\n    );\n  }, []);\n\n  const toast = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"default\"),\n    [addToast],\n  );\n\n  const success = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"success\"),\n    [addToast],\n  );\n\n  const error = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"error\"),\n    [addToast],\n  );\n\n  const warning = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"warning\"),\n    [addToast],\n  );\n\n  const info = useCallback(\n    (options: ToastOptions | string) => addToast(options, \"info\"),\n    [addToast],\n  );\n\n  const loading = useCallback(\n    (options: ToastOptions | string) => {\n      const toastOptions: ToastOptions =\n        typeof options === \"string\" ? { description: options } : options;\n      return addToast(\n        { ...toastOptions, duration: 0, dismissible: false },\n        \"loading\",\n      );\n    },\n    [addToast],\n  );\n\n  const promise = useCallback(\n    async <T,>(\n      promiseToResolve: Promise<T>,\n      options: {\n        loading: string;\n        success: string | ((data: T) => string);\n        error: string | ((error: unknown) => string);\n      },\n    ): Promise<T> => {\n      const id = loading(options.loading);\n\n      try {\n        const result = await promiseToResolve;\n        const successMessage =\n          typeof options.success === \"function\"\n            ? options.success(result)\n            : options.success;\n        update(id, {\n          type: \"success\",\n          description: successMessage,\n          duration,\n          dismissible: true,\n        });\n        return result;\n      } catch (err) {\n        const errorMessage =\n          typeof options.error === \"function\"\n            ? options.error(err)\n            : options.error;\n        update(id, {\n          type: \"error\",\n          description: errorMessage,\n          duration,\n          dismissible: true,\n        });\n        throw err;\n      }\n    },\n    [loading, update, duration],\n  );\n\n  const contextValue: ToastContextValue = {\n    toasts,\n    toast,\n    success,\n    error,\n    warning,\n    info,\n    loading,\n    promise,\n    dismiss,\n    dismissAll,\n    update,\n  };\n\n  const isTop = position.startsWith(\"top\");\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n      <div\n        className={`fixed z-100 flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`}\n        style={{ gap: `${gap}px` }}\n      >\n        <AnimatePresence mode=\"popLayout\">\n          {(isTop ? toasts : [...toasts].reverse()).map((t) => (\n            <div key={t.id} className=\"pointer-events-auto\">\n              <ToastItem toast={t} onDismiss={dismiss} position={position} />\n            </div>\n          ))}\n        </AnimatePresence>\n      </div>\n    </ToastContext.Provider>\n  );\n};\n\n// ============================================================================\n// Standalone toast function (for use without hooks)\n// ============================================================================\n\nlet globalToast: ToastContextValue | null = null;\n\nexport const setGlobalToast = (toastContext: ToastContextValue) => {\n  globalToast = toastContext;\n};\n\nexport const toastStandalone = {\n  show: (options: ToastOptions | string) => globalToast?.toast(options),\n  success: (options: ToastOptions | string) => globalToast?.success(options),\n  error: (options: ToastOptions | string) => globalToast?.error(options),\n  warning: (options: ToastOptions | string) => globalToast?.warning(options),\n  info: (options: ToastOptions | string) => globalToast?.info(options),\n  loading: (options: ToastOptions | string) => globalToast?.loading(options),\n  promise: <T,>(\n    promise: Promise<T>,\n    options: {\n      loading: string;\n      success: string | ((data: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n  ) => globalToast?.promise(promise, options),\n  dismiss: (id: string) => globalToast?.dismiss(id),\n  dismissAll: () => globalToast?.dismissAll(),\n};\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport default ToastProvider;\nexport { ToastItem };\n"],"mappings":"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"}

package/dist/chunks/{toast-DWOwpD2F.cjs → toast-Ds7_19Ap.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-B_GkZjkl.cjs");
-const require_icons = require("./icons-DYkpqWYG.cjs");
+const require_icons = require("./icons-BxIzP2jd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
@@ -12,24 +12,24 @@ var useToast = () => {
 };
 var typeStyles = {
 	success: {
-		bg: "bg-white dark:bg-neutral-800 border-green-200 dark:border-green-800",
-		icon: "text-green-500",
-		iconBg: "bg-green-100 dark:bg-green-900/30"
+		bg: "bg-white dark:bg-neutral-800 border-success-border",
+		icon: "text-success",
+		iconBg: "bg-success-subtle"
 	},
 	error: {
-		bg: "bg-white dark:bg-neutral-800 border-red-200 dark:border-red-800",
-		icon: "text-red-500",
-		iconBg: "bg-red-100 dark:bg-red-900/30"
+		bg: "bg-white dark:bg-neutral-800 border-danger-border",
+		icon: "text-danger",
+		iconBg: "bg-danger-subtle"
 	},
 	warning: {
-		bg: "bg-white dark:bg-neutral-800 border-amber-200 dark:border-amber-800",
-		icon: "text-amber-500",
-		iconBg: "bg-amber-100 dark:bg-amber-900/30"
+		bg: "bg-white dark:bg-neutral-800 border-warning-border",
+		icon: "text-warning",
+		iconBg: "bg-warning-subtle"
 	},
 	info: {
-		bg: "bg-white dark:bg-neutral-800 border-blue-200 dark:border-blue-800",
-		icon: "text-blue-500",
-		iconBg: "bg-blue-100 dark:bg-blue-900/30"
+		bg: "bg-white dark:bg-neutral-800 border-info-border",
+		icon: "text-info",
+		iconBg: "bg-info-subtle"
 	},
 	default: {
 		bg: "bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700",
@@ -38,8 +38,8 @@ var typeStyles = {
 	},
 	loading: {
 		bg: "bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700",
-		icon: "text-primary-500",
-		iconBg: "bg-primary-100 dark:bg-primary-900/30"
+		icon: "text-accent",
+		iconBg: "bg-accent-subtle"
 	}
 };
 var positionStyles = {
@@ -160,13 +160,13 @@ var ToastItem = (0, react.forwardRef)(({ toast, onDismiss, position }, ref) => {
 			duration && duration > 0 && type !== "loading" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "absolute bottom-0 left-0 right-0 h-1 bg-neutral-100 dark:bg-neutral-700",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-					className: `h-full ${type === "success" ? "bg-green-500" : type === "error" ? "bg-red-500" : type === "warning" ? "bg-amber-500" : type === "info" ? "bg-blue-500" : "bg-neutral-400"}`,
+					className: `h-full ${type === "success" ? "bg-success" : type === "error" ? "bg-destructive" : type === "warning" ? "bg-warning" : type === "info" ? "bg-info" : "bg-neutral-400"}`,
 					style: { width: `${progress}%` },
 					transition: { duration: .05 }
 				})
 			}),
 			displayIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: `flex-shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`,
+				className: `shrink-0 p-1.5 rounded-full ${styles.iconBg} ${styles.icon}`,
 				children: displayIcon
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -185,7 +185,7 @@ var ToastItem = (0, react.forwardRef)(({ toast, onDismiss, position }, ref) => {
 							action.onClick();
 							onDismiss(toast.id);
 						},
-						className: "mt-2 text-sm font-medium text-primary-600 dark:text-primary-400 hover:underline",
+						className: "mt-2 text-sm font-medium text-accent hover:underline",
 						children: action.label
 					})
 				]
@@ -303,7 +303,7 @@ var ToastProvider = ({ children, position = "bottom-right", duration = 5e3, maxT
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToastContext.Provider, {
 		value: contextValue,
 		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: `fixed z-[100] flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`,
+			className: `fixed z-100 flex flex-col pointer-events-none ${positionStyles[position]} ${containerClassName}`,
 			style: { gap: `${gap}px` },
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, {
 				mode: "popLayout",
@@ -366,4 +366,4 @@ Object.defineProperty(exports, "useToast", {
 	}
 });
 
-//# sourceMappingURL=toast-DWOwpD2F.cjs.map
+//# sourceMappingURL=toast-Ds7_19Ap.cjs.map