erp-pro-ui 0.2.5 → 0.2.7

package/dist/chunks/{sun-to-moon-button-PwgTPsTW.cjs.map → sun-to-moon-button-BzYGFhrg.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"sun-to-moon-button-PwgTPsTW.cjs","names":[],"sources":["../../src/components/effects/sun-to-moon-button/ThemeSwitcherButtons.tsx"],"sourcesContent":["import type {\n  ThemeColorType,\n  ThemeModeType,\n  ThemeVariantType,\n} from \"../../../foundations/theme\";\nimport { useThemeContext } from \"../../../foundations/theme\";\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CSSProperties } from \"react\";\n\nexport interface ThemeSwitcherLabels {\n  mode?: string;\n  light?: string;\n  dark?: string;\n  brand?: string;\n  variant?: string;\n  variantDefault?: string;\n  variantAlt?: string;\n  purple?: string;\n  teal?: string;\n  yellow?: string;\n  green?: string;\n}\n\nexport interface ThemeSwitcherButtonsProps {\n  className?: string;\n  /** Override any label for localisation / translation. */\n  labels?: ThemeSwitcherLabels;\n}\n\nconst BRAND_SWATCHES: Record<ThemeColorType, string> = {\n  purple: \"var(--ds-brand-purple)\",\n  teal:   \"var(--ds-brand-teal)\",\n  yellow: \"var(--ds-brand-yellow)\",\n  green:  \"var(--ds-brand-green)\",\n};\n\nfunction ToggleButton({\n  label,\n  active,\n  onClick,\n  swatch,\n  showBrandState = false,\n  mode,\n}: {\n  label: string;\n  active: boolean;\n  onClick: () => void;\n  swatch?: string;\n  showBrandState?: boolean;\n  mode?: ThemeModeType;\n}) {\n  const isLightMode = mode === \"light\";\n  const toneStyle: CSSProperties | undefined = (() => {\n    if (!showBrandState || !swatch) {\n      return undefined;\n    }\n\n    if (isLightMode) {\n      return {\n        borderColor: active ? swatch : \"var(--ds-border-2)\",\n        backgroundColor: active\n          ? `color-mix(in srgb, ${swatch} 12%, #ffffff)`\n          : \"#ffffff\",\n        color: active\n          ? `color-mix(in srgb, ${swatch} 76%, var(--ds-text-1))`\n          : \"var(--ds-text-2)\",\n        boxShadow: active\n          ? `0 0 0 1px color-mix(in srgb, ${swatch} 24%, transparent)`\n          : \"none\",\n      };\n    }\n\n    return {\n      borderColor: active\n        ? swatch\n        : `color-mix(in srgb, ${swatch} 42%, var(--ds-border-3))`,\n      backgroundColor: active\n        ? `color-mix(in srgb, ${swatch} 16%, var(--ds-surface-1))`\n        : `color-mix(in srgb, ${swatch} 6%, var(--ds-surface-1))`,\n    };\n  })();\n\n  return (\n    <Button\n      variant=\"secondary\"\n      size=\"small\"\n      onClick={onClick}\n      className={mergeClassNames(\n        \"group rounded-full border px-3 py-1.5 text-xs font-semibold transition-all duration-200\",\n        active\n          ? \"border-ds-border-accent bg-ds-surface-2 text-ds-1 shadow-sm ring-1 ring-ds-border-accent/40\"\n          : \"border-ds-border-2 bg-ds-surface-1 text-ds-2 hover:border-ds-border-accent/50 hover:bg-ds-surface-2 hover:text-ds-1\",\n        showBrandState && isLightMode\n          ? \"bg-ds-surface-1! hover:bg-ds-surface-1!\"\n          : null,\n        showBrandState && active ? \"text-ds-1\" : null,\n      )}\n      style={toneStyle}\n      aria-pressed={active}\n    >\n      {swatch ? (\n        <span\n          className={mergeClassNames(\n            \"h-2.5 w-2.5 rounded-full ring-1 ring-black/10 transition-transform duration-200 group-hover:scale-110\",\n            active\n              ? isLightMode\n                ? \"scale-110 ring-2 ring-black/15\"\n                : \"scale-110 ring-2 ring-white/35\"\n              : \"scale-100 opacity-90\",\n          )}\n          style={{ backgroundColor: swatch }}\n          aria-hidden=\"true\"\n        />\n      ) : null}\n      <span>{label}</span>\n    </Button>\n  );\n}\n\nexport default function ThemeSwitcherButtons({\n  className,\n  labels = {},\n}: ThemeSwitcherButtonsProps) {\n  const { mode, theme, variant, setMode, setTheme, setVariant } =\n    useThemeContext();\n\n  const l: Required<ThemeSwitcherLabels> = {\n    mode:           labels.mode           ?? \"Mode\",\n    light:          labels.light          ?? \"Light\",\n    dark:           labels.dark           ?? \"Dark\",\n    brand:          labels.brand          ?? \"Brand\",\n    variant:        labels.variant        ?? \"Variant\",\n    variantDefault: labels.variantDefault ?? \"Default\",\n    variantAlt:     labels.variantAlt     ?? \"Alt\",\n    purple:         labels.purple         ?? \"Purple\",\n    teal:           labels.teal           ?? \"Teal\",\n    yellow:         labels.yellow         ?? \"Yellow\",\n    green:          labels.green          ?? \"Green\",\n  };\n\n  const brandOptions: Array<{ value: ThemeColorType; label: string; swatch: string }> = [\n    { value: \"purple\", label: l.purple, swatch: BRAND_SWATCHES.purple },\n    { value: \"teal\",   label: l.teal,   swatch: BRAND_SWATCHES.teal   },\n    { value: \"yellow\", label: l.yellow, swatch: BRAND_SWATCHES.yellow },\n    { value: \"green\",  label: l.green,  swatch: BRAND_SWATCHES.green  },\n  ];\n\n  const variantOptions: Array<{ value: ThemeVariantType; label: string }> = [\n    { value: \"default\", label: l.variantDefault },\n    { value: \"alt\",     label: l.variantAlt     },\n  ];\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full rounded-2xl border border-ds-border-2 bg-ds-canvas p-4 shadow-sm\",\n        className,\n      )}\n    >\n      <div className=\"space-y-3\">\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.mode}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            <ToggleButton label={l.light} active={mode === \"light\"} onClick={() => setMode(\"light\")} />\n            <ToggleButton label={l.dark}  active={mode === \"dark\"}  onClick={() => setMode(\"dark\")}  />\n          </div>\n        </div>\n\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.brand}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {brandOptions.map((opt) => (\n              <ToggleButton\n                key={opt.value}\n                label={opt.label}\n                active={theme === opt.value}\n                onClick={() => setTheme(opt.value)}\n                swatch={opt.swatch}\n                showBrandState\n                mode={mode}\n              />\n            ))}\n          </div>\n        </div>\n\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.variant}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {variantOptions.map((opt) => (\n              <ToggleButton\n                key={opt.value}\n                label={opt.label}\n                active={variant === opt.value}\n                onClick={() => setVariant(opt.value)}\n              />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sun-to-moon-button-BzYGFhrg.cjs","names":[],"sources":["../../src/components/effects/sun-to-moon-button/ThemeSwitcherButtons.tsx"],"sourcesContent":["import type {\n  ThemeColorType,\n  ThemeModeType,\n  ThemeVariantType,\n} from \"../../../foundations/theme\";\nimport { useThemeContext } from \"../../../foundations/theme\";\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CSSProperties } from \"react\";\n\nexport interface ThemeSwitcherLabels {\n  mode?: string;\n  light?: string;\n  dark?: string;\n  brand?: string;\n  variant?: string;\n  variantDefault?: string;\n  variantAlt?: string;\n  purple?: string;\n  teal?: string;\n  yellow?: string;\n  green?: string;\n}\n\nexport interface ThemeSwitcherButtonsProps {\n  className?: string;\n  /** Override any label for localisation / translation. */\n  labels?: ThemeSwitcherLabels;\n}\n\nconst BRAND_SWATCHES: Record<ThemeColorType, string> = {\n  purple: \"var(--ds-brand-purple)\",\n  teal:   \"var(--ds-brand-teal)\",\n  yellow: \"var(--ds-brand-yellow)\",\n  green:  \"var(--ds-brand-green)\",\n};\n\nfunction ToggleButton({\n  label,\n  active,\n  onClick,\n  swatch,\n  showBrandState = false,\n  mode,\n}: {\n  label: string;\n  active: boolean;\n  onClick: () => void;\n  swatch?: string;\n  showBrandState?: boolean;\n  mode?: ThemeModeType;\n}) {\n  const isLightMode = mode === \"light\";\n  const toneStyle: CSSProperties | undefined = (() => {\n    if (!showBrandState || !swatch) {\n      return undefined;\n    }\n\n    if (isLightMode) {\n      return {\n        borderColor: active ? swatch : \"var(--ds-border-2)\",\n        backgroundColor: active\n          ? `color-mix(in srgb, ${swatch} 12%, #ffffff)`\n          : \"#ffffff\",\n        color: active\n          ? `color-mix(in srgb, ${swatch} 76%, var(--ds-text-1))`\n          : \"var(--ds-text-2)\",\n        boxShadow: active\n          ? `0 0 0 1px color-mix(in srgb, ${swatch} 24%, transparent)`\n          : \"none\",\n      };\n    }\n\n    return {\n      borderColor: active\n        ? swatch\n        : `color-mix(in srgb, ${swatch} 42%, var(--ds-border-3))`,\n      backgroundColor: active\n        ? `color-mix(in srgb, ${swatch} 16%, var(--ds-surface-1))`\n        : `color-mix(in srgb, ${swatch} 6%, var(--ds-surface-1))`,\n    };\n  })();\n\n  return (\n    <Button\n      variant=\"secondary\"\n      size=\"small\"\n      onClick={onClick}\n      className={mergeClassNames(\n        \"group rounded-full border px-3 py-1.5 text-xs font-semibold transition-all duration-200\",\n        active\n          ? \"border-ds-border-accent bg-ds-surface-2 text-ds-1 shadow-sm ring-1 ring-ds-border-accent/40\"\n          : \"border-ds-border-2 bg-ds-surface-1 text-ds-2 hover:border-ds-border-accent/50 hover:bg-ds-surface-2 hover:text-ds-1\",\n        showBrandState && isLightMode\n          ? \"bg-ds-surface-1! hover:bg-ds-surface-1!\"\n          : null,\n        showBrandState && active ? \"text-ds-1\" : null,\n      )}\n      style={toneStyle}\n      aria-pressed={active}\n    >\n      {swatch ? (\n        <span\n          className={mergeClassNames(\n            \"h-2.5 w-2.5 rounded-full ring-1 ring-black/10 transition-transform duration-200 group-hover:scale-110\",\n            active\n              ? isLightMode\n                ? \"scale-110 ring-2 ring-black/15\"\n                : \"scale-110 ring-2 ring-white/35\"\n              : \"scale-100 opacity-90\",\n          )}\n          style={{ backgroundColor: swatch }}\n          aria-hidden=\"true\"\n        />\n      ) : null}\n      <span>{label}</span>\n    </Button>\n  );\n}\n\nexport default function ThemeSwitcherButtons({\n  className,\n  labels = {},\n}: ThemeSwitcherButtonsProps) {\n  const { mode, theme, variant, setMode, setTheme, setVariant } =\n    useThemeContext();\n\n  const l: Required<ThemeSwitcherLabels> = {\n    mode:           labels.mode           ?? \"Mode\",\n    light:          labels.light          ?? \"Light\",\n    dark:           labels.dark           ?? \"Dark\",\n    brand:          labels.brand          ?? \"Brand\",\n    variant:        labels.variant        ?? \"Variant\",\n    variantDefault: labels.variantDefault ?? \"Default\",\n    variantAlt:     labels.variantAlt     ?? \"Alt\",\n    purple:         labels.purple         ?? \"Purple\",\n    teal:           labels.teal           ?? \"Teal\",\n    yellow:         labels.yellow         ?? \"Yellow\",\n    green:          labels.green          ?? \"Green\",\n  };\n\n  const brandOptions: Array<{ value: ThemeColorType; label: string; swatch: string }> = [\n    { value: \"purple\", label: l.purple, swatch: BRAND_SWATCHES.purple },\n    { value: \"teal\",   label: l.teal,   swatch: BRAND_SWATCHES.teal   },\n    { value: \"yellow\", label: l.yellow, swatch: BRAND_SWATCHES.yellow },\n    { value: \"green\",  label: l.green,  swatch: BRAND_SWATCHES.green  },\n  ];\n\n  const variantOptions: Array<{ value: ThemeVariantType; label: string }> = [\n    { value: \"default\", label: l.variantDefault },\n    { value: \"alt\",     label: l.variantAlt     },\n  ];\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full rounded-2xl border border-ds-border-2 bg-ds-canvas p-4 shadow-sm\",\n        className,\n      )}\n    >\n      <div className=\"space-y-3\">\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.mode}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            <ToggleButton label={l.light} active={mode === \"light\"} onClick={() => setMode(\"light\")} />\n            <ToggleButton label={l.dark}  active={mode === \"dark\"}  onClick={() => setMode(\"dark\")}  />\n          </div>\n        </div>\n\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.brand}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {brandOptions.map((opt) => (\n              <ToggleButton\n                key={opt.value}\n                label={opt.label}\n                active={theme === opt.value}\n                onClick={() => setTheme(opt.value)}\n                swatch={opt.swatch}\n                showBrandState\n                mode={mode}\n              />\n            ))}\n          </div>\n        </div>\n\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.variant}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {variantOptions.map((opt) => (\n              <ToggleButton\n                key={opt.value}\n                label={opt.label}\n                active={variant === opt.value}\n                onClick={() => setVariant(opt.value)}\n              />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/{sun-to-moon-button-BJtBEaa3.mjs → sun-to-moon-button-CRXBMFZb.mjs}

@@ -1,6 +1,6 @@
-import { n as useThemeContext } from "./theme-koPrLKQv.mjs";
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
-import { t as Button } from "./button-A6UTvrOu.mjs";
+import { n as useThemeContext } from "./theme-BXML6jHE.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
+import { t as Button } from "./button-CAU9ej3h.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/effects/sun-to-moon-button/ThemeSwitcherButtons.tsx
 var BRAND_SWATCHES = {
@@ -134,4 +134,4 @@ function ThemeSwitcherButtons({ className, labels = {} }) {
 //#endregion
 export { ThemeSwitcherButtons as t };
 
-//# sourceMappingURL=sun-to-moon-button-BJtBEaa3.mjs.map
+//# sourceMappingURL=sun-to-moon-button-CRXBMFZb.mjs.map

package/dist/chunks/{sun-to-moon-button-BJtBEaa3.mjs.map → sun-to-moon-button-CRXBMFZb.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"sun-to-moon-button-BJtBEaa3.mjs","names":[],"sources":["../../src/components/effects/sun-to-moon-button/ThemeSwitcherButtons.tsx"],"sourcesContent":["import type {\n  ThemeColorType,\n  ThemeModeType,\n  ThemeVariantType,\n} from \"../../../foundations/theme\";\nimport { useThemeContext } from \"../../../foundations/theme\";\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CSSProperties } from \"react\";\n\nexport interface ThemeSwitcherLabels {\n  mode?: string;\n  light?: string;\n  dark?: string;\n  brand?: string;\n  variant?: string;\n  variantDefault?: string;\n  variantAlt?: string;\n  purple?: string;\n  teal?: string;\n  yellow?: string;\n  green?: string;\n}\n\nexport interface ThemeSwitcherButtonsProps {\n  className?: string;\n  /** Override any label for localisation / translation. */\n  labels?: ThemeSwitcherLabels;\n}\n\nconst BRAND_SWATCHES: Record<ThemeColorType, string> = {\n  purple: \"var(--ds-brand-purple)\",\n  teal:   \"var(--ds-brand-teal)\",\n  yellow: \"var(--ds-brand-yellow)\",\n  green:  \"var(--ds-brand-green)\",\n};\n\nfunction ToggleButton({\n  label,\n  active,\n  onClick,\n  swatch,\n  showBrandState = false,\n  mode,\n}: {\n  label: string;\n  active: boolean;\n  onClick: () => void;\n  swatch?: string;\n  showBrandState?: boolean;\n  mode?: ThemeModeType;\n}) {\n  const isLightMode = mode === \"light\";\n  const toneStyle: CSSProperties | undefined = (() => {\n    if (!showBrandState || !swatch) {\n      return undefined;\n    }\n\n    if (isLightMode) {\n      return {\n        borderColor: active ? swatch : \"var(--ds-border-2)\",\n        backgroundColor: active\n          ? `color-mix(in srgb, ${swatch} 12%, #ffffff)`\n          : \"#ffffff\",\n        color: active\n          ? `color-mix(in srgb, ${swatch} 76%, var(--ds-text-1))`\n          : \"var(--ds-text-2)\",\n        boxShadow: active\n          ? `0 0 0 1px color-mix(in srgb, ${swatch} 24%, transparent)`\n          : \"none\",\n      };\n    }\n\n    return {\n      borderColor: active\n        ? swatch\n        : `color-mix(in srgb, ${swatch} 42%, var(--ds-border-3))`,\n      backgroundColor: active\n        ? `color-mix(in srgb, ${swatch} 16%, var(--ds-surface-1))`\n        : `color-mix(in srgb, ${swatch} 6%, var(--ds-surface-1))`,\n    };\n  })();\n\n  return (\n    <Button\n      variant=\"secondary\"\n      size=\"small\"\n      onClick={onClick}\n      className={mergeClassNames(\n        \"group rounded-full border px-3 py-1.5 text-xs font-semibold transition-all duration-200\",\n        active\n          ? \"border-ds-border-accent bg-ds-surface-2 text-ds-1 shadow-sm ring-1 ring-ds-border-accent/40\"\n          : \"border-ds-border-2 bg-ds-surface-1 text-ds-2 hover:border-ds-border-accent/50 hover:bg-ds-surface-2 hover:text-ds-1\",\n        showBrandState && isLightMode\n          ? \"bg-ds-surface-1! hover:bg-ds-surface-1!\"\n          : null,\n        showBrandState && active ? \"text-ds-1\" : null,\n      )}\n      style={toneStyle}\n      aria-pressed={active}\n    >\n      {swatch ? (\n        <span\n          className={mergeClassNames(\n            \"h-2.5 w-2.5 rounded-full ring-1 ring-black/10 transition-transform duration-200 group-hover:scale-110\",\n            active\n              ? isLightMode\n                ? \"scale-110 ring-2 ring-black/15\"\n                : \"scale-110 ring-2 ring-white/35\"\n              : \"scale-100 opacity-90\",\n          )}\n          style={{ backgroundColor: swatch }}\n          aria-hidden=\"true\"\n        />\n      ) : null}\n      <span>{label}</span>\n    </Button>\n  );\n}\n\nexport default function ThemeSwitcherButtons({\n  className,\n  labels = {},\n}: ThemeSwitcherButtonsProps) {\n  const { mode, theme, variant, setMode, setTheme, setVariant } =\n    useThemeContext();\n\n  const l: Required<ThemeSwitcherLabels> = {\n    mode:           labels.mode           ?? \"Mode\",\n    light:          labels.light          ?? \"Light\",\n    dark:           labels.dark           ?? \"Dark\",\n    brand:          labels.brand          ?? \"Brand\",\n    variant:        labels.variant        ?? \"Variant\",\n    variantDefault: labels.variantDefault ?? \"Default\",\n    variantAlt:     labels.variantAlt     ?? \"Alt\",\n    purple:         labels.purple         ?? \"Purple\",\n    teal:           labels.teal           ?? \"Teal\",\n    yellow:         labels.yellow         ?? \"Yellow\",\n    green:          labels.green          ?? \"Green\",\n  };\n\n  const brandOptions: Array<{ value: ThemeColorType; label: string; swatch: string }> = [\n    { value: \"purple\", label: l.purple, swatch: BRAND_SWATCHES.purple },\n    { value: \"teal\",   label: l.teal,   swatch: BRAND_SWATCHES.teal   },\n    { value: \"yellow\", label: l.yellow, swatch: BRAND_SWATCHES.yellow },\n    { value: \"green\",  label: l.green,  swatch: BRAND_SWATCHES.green  },\n  ];\n\n  const variantOptions: Array<{ value: ThemeVariantType; label: string }> = [\n    { value: \"default\", label: l.variantDefault },\n    { value: \"alt\",     label: l.variantAlt     },\n  ];\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full rounded-2xl border border-ds-border-2 bg-ds-canvas p-4 shadow-sm\",\n        className,\n      )}\n    >\n      <div className=\"space-y-3\">\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.mode}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            <ToggleButton label={l.light} active={mode === \"light\"} onClick={() => setMode(\"light\")} />\n            <ToggleButton label={l.dark}  active={mode === \"dark\"}  onClick={() => setMode(\"dark\")}  />\n          </div>\n        </div>\n\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.brand}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {brandOptions.map((opt) => (\n              <ToggleButton\n                key={opt.value}\n                label={opt.label}\n                active={theme === opt.value}\n                onClick={() => setTheme(opt.value)}\n                swatch={opt.swatch}\n                showBrandState\n                mode={mode}\n              />\n            ))}\n          </div>\n        </div>\n\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.variant}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {variantOptions.map((opt) => (\n              <ToggleButton\n                key={opt.value}\n                label={opt.label}\n                active={variant === opt.value}\n                onClick={() => setVariant(opt.value)}\n              />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sun-to-moon-button-CRXBMFZb.mjs","names":[],"sources":["../../src/components/effects/sun-to-moon-button/ThemeSwitcherButtons.tsx"],"sourcesContent":["import type {\n  ThemeColorType,\n  ThemeModeType,\n  ThemeVariantType,\n} from \"../../../foundations/theme\";\nimport { useThemeContext } from \"../../../foundations/theme\";\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CSSProperties } from \"react\";\n\nexport interface ThemeSwitcherLabels {\n  mode?: string;\n  light?: string;\n  dark?: string;\n  brand?: string;\n  variant?: string;\n  variantDefault?: string;\n  variantAlt?: string;\n  purple?: string;\n  teal?: string;\n  yellow?: string;\n  green?: string;\n}\n\nexport interface ThemeSwitcherButtonsProps {\n  className?: string;\n  /** Override any label for localisation / translation. */\n  labels?: ThemeSwitcherLabels;\n}\n\nconst BRAND_SWATCHES: Record<ThemeColorType, string> = {\n  purple: \"var(--ds-brand-purple)\",\n  teal:   \"var(--ds-brand-teal)\",\n  yellow: \"var(--ds-brand-yellow)\",\n  green:  \"var(--ds-brand-green)\",\n};\n\nfunction ToggleButton({\n  label,\n  active,\n  onClick,\n  swatch,\n  showBrandState = false,\n  mode,\n}: {\n  label: string;\n  active: boolean;\n  onClick: () => void;\n  swatch?: string;\n  showBrandState?: boolean;\n  mode?: ThemeModeType;\n}) {\n  const isLightMode = mode === \"light\";\n  const toneStyle: CSSProperties | undefined = (() => {\n    if (!showBrandState || !swatch) {\n      return undefined;\n    }\n\n    if (isLightMode) {\n      return {\n        borderColor: active ? swatch : \"var(--ds-border-2)\",\n        backgroundColor: active\n          ? `color-mix(in srgb, ${swatch} 12%, #ffffff)`\n          : \"#ffffff\",\n        color: active\n          ? `color-mix(in srgb, ${swatch} 76%, var(--ds-text-1))`\n          : \"var(--ds-text-2)\",\n        boxShadow: active\n          ? `0 0 0 1px color-mix(in srgb, ${swatch} 24%, transparent)`\n          : \"none\",\n      };\n    }\n\n    return {\n      borderColor: active\n        ? swatch\n        : `color-mix(in srgb, ${swatch} 42%, var(--ds-border-3))`,\n      backgroundColor: active\n        ? `color-mix(in srgb, ${swatch} 16%, var(--ds-surface-1))`\n        : `color-mix(in srgb, ${swatch} 6%, var(--ds-surface-1))`,\n    };\n  })();\n\n  return (\n    <Button\n      variant=\"secondary\"\n      size=\"small\"\n      onClick={onClick}\n      className={mergeClassNames(\n        \"group rounded-full border px-3 py-1.5 text-xs font-semibold transition-all duration-200\",\n        active\n          ? \"border-ds-border-accent bg-ds-surface-2 text-ds-1 shadow-sm ring-1 ring-ds-border-accent/40\"\n          : \"border-ds-border-2 bg-ds-surface-1 text-ds-2 hover:border-ds-border-accent/50 hover:bg-ds-surface-2 hover:text-ds-1\",\n        showBrandState && isLightMode\n          ? \"bg-ds-surface-1! hover:bg-ds-surface-1!\"\n          : null,\n        showBrandState && active ? \"text-ds-1\" : null,\n      )}\n      style={toneStyle}\n      aria-pressed={active}\n    >\n      {swatch ? (\n        <span\n          className={mergeClassNames(\n            \"h-2.5 w-2.5 rounded-full ring-1 ring-black/10 transition-transform duration-200 group-hover:scale-110\",\n            active\n              ? isLightMode\n                ? \"scale-110 ring-2 ring-black/15\"\n                : \"scale-110 ring-2 ring-white/35\"\n              : \"scale-100 opacity-90\",\n          )}\n          style={{ backgroundColor: swatch }}\n          aria-hidden=\"true\"\n        />\n      ) : null}\n      <span>{label}</span>\n    </Button>\n  );\n}\n\nexport default function ThemeSwitcherButtons({\n  className,\n  labels = {},\n}: ThemeSwitcherButtonsProps) {\n  const { mode, theme, variant, setMode, setTheme, setVariant } =\n    useThemeContext();\n\n  const l: Required<ThemeSwitcherLabels> = {\n    mode:           labels.mode           ?? \"Mode\",\n    light:          labels.light          ?? \"Light\",\n    dark:           labels.dark           ?? \"Dark\",\n    brand:          labels.brand          ?? \"Brand\",\n    variant:        labels.variant        ?? \"Variant\",\n    variantDefault: labels.variantDefault ?? \"Default\",\n    variantAlt:     labels.variantAlt     ?? \"Alt\",\n    purple:         labels.purple         ?? \"Purple\",\n    teal:           labels.teal           ?? \"Teal\",\n    yellow:         labels.yellow         ?? \"Yellow\",\n    green:          labels.green          ?? \"Green\",\n  };\n\n  const brandOptions: Array<{ value: ThemeColorType; label: string; swatch: string }> = [\n    { value: \"purple\", label: l.purple, swatch: BRAND_SWATCHES.purple },\n    { value: \"teal\",   label: l.teal,   swatch: BRAND_SWATCHES.teal   },\n    { value: \"yellow\", label: l.yellow, swatch: BRAND_SWATCHES.yellow },\n    { value: \"green\",  label: l.green,  swatch: BRAND_SWATCHES.green  },\n  ];\n\n  const variantOptions: Array<{ value: ThemeVariantType; label: string }> = [\n    { value: \"default\", label: l.variantDefault },\n    { value: \"alt\",     label: l.variantAlt     },\n  ];\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full rounded-2xl border border-ds-border-2 bg-ds-canvas p-4 shadow-sm\",\n        className,\n      )}\n    >\n      <div className=\"space-y-3\">\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.mode}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            <ToggleButton label={l.light} active={mode === \"light\"} onClick={() => setMode(\"light\")} />\n            <ToggleButton label={l.dark}  active={mode === \"dark\"}  onClick={() => setMode(\"dark\")}  />\n          </div>\n        </div>\n\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.brand}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {brandOptions.map((opt) => (\n              <ToggleButton\n                key={opt.value}\n                label={opt.label}\n                active={theme === opt.value}\n                onClick={() => setTheme(opt.value)}\n                swatch={opt.swatch}\n                showBrandState\n                mode={mode}\n              />\n            ))}\n          </div>\n        </div>\n\n        <div>\n          <p className=\"mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-ds-3\">\n            {l.variant}\n          </p>\n          <div className=\"flex flex-wrap gap-2\">\n            {variantOptions.map((opt) => (\n              <ToggleButton\n                key={opt.value}\n                label={opt.label}\n                active={variant === opt.value}\n                onClick={() => setVariant(opt.value)}\n              />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/{switch-X3l8xnle.cjs → switch-CEoT3MgX.cjs}

@@ -1,4 +1,3 @@
-require("./chunk-B_GkZjkl.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/forms/switch/Switch.tsx
@@ -58,4 +57,4 @@ Object.defineProperty(exports, "Switch", {
 	}
 });
 
-//# sourceMappingURL=switch-X3l8xnle.cjs.map
+//# sourceMappingURL=switch-CEoT3MgX.cjs.map

package/dist/chunks/{switch-X3l8xnle.cjs.map → switch-CEoT3MgX.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"switch-X3l8xnle.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\nfunction getEffectiveDir(dir: string | undefined): \"ltr\" | \"rtl\" {\n  if (dir === \"rtl\" || dir === \"ltr\") return dir;\n  if (typeof document !== \"undefined\") {\n    if (document.documentElement.getAttribute(\"dir\") === \"rtl\") return \"rtl\";\n  }\n  return \"ltr\";\n}\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className = \"\", label, error, id, checked, dir, ...props }, ref) => {\n    const generatedId = useId();\n    const switchId = id || `switch-${sanitizeId(generatedId)}`;\n    const isRtl = getEffectiveDir(dir) === \"rtl\";\n\n    const thumbClass = checked\n      ? isRtl\n        ? \"translate-x-1\"\n        : \"translate-x-6\"\n      : isRtl\n        ? \"translate-x-6\"\n        : \"translate-x-1\";\n\n    return (\n      <div\n        className={`flex items-center gap-2 ${className}`.trim().replace(/\\s+/g, \" \")}\n        dir={dir}\n      >\n        <label\n          htmlFor={switchId}\n          dir=\"ltr\"\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-ds-focus focus-visible:ring-offset-2 focus-visible:ring-offset-ds-surface-1\n            disabled:cursor-not-allowed disabled:opacity-50\n            ${checked ? \"bg-ds-accent\" : \"bg-ds-surface-5 ring-1 ring-ds-border-field\"}\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={`pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow-md ring-1 ring-ds-border-field transition-all duration-300 ease-in-out ${thumbClass}`}\n          />\n        </label>\n        {label && (\n          <label\n            htmlFor={switchId}\n            className=\"cursor-pointer text-sm font-medium leading-none text-ds-1 text-start peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\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,SAAS,gBAAgB,KAAwC;AAC/D,KAAI,QAAQ,SAAS,QAAQ,MAAO,QAAO;AAC3C,KAAI,OAAO,aAAa;MAClB,SAAS,gBAAgB,aAAa,MAAM,KAAK,MAAO,QAAO;;AAErE,QAAO;;AAGT,IAAa,UAAA,GAAA,MAAA,aACV,EAAE,YAAY,IAAI,OAAO,OAAO,IAAI,SAAS,KAAK,GAAG,SAAS,QAAQ;CACrE,MAAM,eAAA,GAAA,MAAA,QAAqB;CAC3B,MAAM,WAAW,MAAM,UAAU,WAAW,YAAY;CACxD,MAAM,QAAQ,gBAAgB,IAAI,KAAK;CAEvC,MAAM,aAAa,UACf,QACE,kBACA,kBACF,QACE,kBACA;AAEN,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW,2BAA2B,YAAY,MAAM,CAAC,QAAQ,QAAQ,IAAI;EACxE;YAFP;GAIE,iBAAA,GAAA,kBAAA,MAAC,SAAD;IACE,SAAS;IACT,KAAI;IACJ,WAAW;;;;cAIP,UAAU,iBAAiB,8CAA8C;YAE1E,MAAM,CACN,QAAQ,QAAQ,IAAI;cAVzB,CAYE,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,gJAAgJ,cAC3J,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"}
+{"version":3,"file":"switch-CEoT3MgX.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\nfunction getEffectiveDir(dir: string | undefined): \"ltr\" | \"rtl\" {\n  if (dir === \"rtl\" || dir === \"ltr\") return dir;\n  if (typeof document !== \"undefined\") {\n    if (document.documentElement.getAttribute(\"dir\") === \"rtl\") return \"rtl\";\n  }\n  return \"ltr\";\n}\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className = \"\", label, error, id, checked, dir, ...props }, ref) => {\n    const generatedId = useId();\n    const switchId = id || `switch-${sanitizeId(generatedId)}`;\n    const isRtl = getEffectiveDir(dir) === \"rtl\";\n\n    const thumbClass = checked\n      ? isRtl\n        ? \"translate-x-1\"\n        : \"translate-x-6\"\n      : isRtl\n        ? \"translate-x-6\"\n        : \"translate-x-1\";\n\n    return (\n      <div\n        className={`flex items-center gap-2 ${className}`.trim().replace(/\\s+/g, \" \")}\n        dir={dir}\n      >\n        <label\n          htmlFor={switchId}\n          dir=\"ltr\"\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-ds-focus focus-visible:ring-offset-2 focus-visible:ring-offset-ds-surface-1\n            disabled:cursor-not-allowed disabled:opacity-50\n            ${checked ? \"bg-ds-accent\" : \"bg-ds-surface-5 ring-1 ring-ds-border-field\"}\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={`pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow-md ring-1 ring-ds-border-field transition-all duration-300 ease-in-out ${thumbClass}`}\n          />\n        </label>\n        {label && (\n          <label\n            htmlFor={switchId}\n            className=\"cursor-pointer text-sm font-medium leading-none text-ds-1 text-start peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\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,GAAG;AAE1E,SAAS,gBAAgB,KAAwC;CAC/D,IAAI,QAAQ,SAAS,QAAQ,OAAO,OAAO;CAC3C,IAAI,OAAO,aAAa;MAClB,SAAS,gBAAgB,aAAa,KAAK,MAAM,OAAO,OAAO;CAAA;CAErE,OAAO;AACT;AAEA,IAAa,UAAA,GAAA,MAAA,aACV,EAAE,YAAY,IAAI,OAAO,OAAO,IAAI,SAAS,KAAK,GAAG,SAAS,QAAQ;CACrE,MAAM,eAAA,GAAA,MAAA,OAAoB;CAC1B,MAAM,WAAW,MAAM,UAAU,WAAW,WAAW;CACvD,MAAM,QAAQ,gBAAgB,GAAG,MAAM;CAEvC,MAAM,aAAa,UACf,QACE,kBACA,kBACF,QACE,kBACA;CAEN,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW,2BAA2B,YAAY,KAAK,EAAE,QAAQ,QAAQ,GAAG;EACvE;YAFP;GAIE,iBAAA,GAAA,kBAAA,MAAC,SAAD;IACE,SAAS;IACT,KAAI;IACJ,WAAW;;;;cAIP,UAAU,iBAAiB,8CAA8C;YAE1E,KAAK,EACL,QAAQ,QAAQ,GAAG;cAVxB,CAYE,iBAAA,GAAA,kBAAA,KAAC,SAAD;KACO;KACL,MAAK;KACL,IAAI;KACJ,WAAU;KACD;KACT,GAAI;IACL,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAC,QAAD,EACE,WAAW,gJAAgJ,aAC5J,CAAA,CACI;;GACN,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;GACI,CAAA;GAER,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA6C;GAAS,CAAA;EAElE;;AAET,CACF;AAEA,OAAO,cAAc"}

package/dist/chunks/{switch-iPsN1NS2.mjs → switch-DUnNe4xP.mjs}

@@ -52,4 +52,4 @@ Switch.displayName = "Switch";
 //#endregion
 export { Switch as t };
 
-//# sourceMappingURL=switch-iPsN1NS2.mjs.map
+//# sourceMappingURL=switch-DUnNe4xP.mjs.map

package/dist/chunks/{switch-iPsN1NS2.mjs.map → switch-DUnNe4xP.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"switch-iPsN1NS2.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\nfunction getEffectiveDir(dir: string | undefined): \"ltr\" | \"rtl\" {\n  if (dir === \"rtl\" || dir === \"ltr\") return dir;\n  if (typeof document !== \"undefined\") {\n    if (document.documentElement.getAttribute(\"dir\") === \"rtl\") return \"rtl\";\n  }\n  return \"ltr\";\n}\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className = \"\", label, error, id, checked, dir, ...props }, ref) => {\n    const generatedId = useId();\n    const switchId = id || `switch-${sanitizeId(generatedId)}`;\n    const isRtl = getEffectiveDir(dir) === \"rtl\";\n\n    const thumbClass = checked\n      ? isRtl\n        ? \"translate-x-1\"\n        : \"translate-x-6\"\n      : isRtl\n        ? \"translate-x-6\"\n        : \"translate-x-1\";\n\n    return (\n      <div\n        className={`flex items-center gap-2 ${className}`.trim().replace(/\\s+/g, \" \")}\n        dir={dir}\n      >\n        <label\n          htmlFor={switchId}\n          dir=\"ltr\"\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-ds-focus focus-visible:ring-offset-2 focus-visible:ring-offset-ds-surface-1\n            disabled:cursor-not-allowed disabled:opacity-50\n            ${checked ? \"bg-ds-accent\" : \"bg-ds-surface-5 ring-1 ring-ds-border-field\"}\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={`pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow-md ring-1 ring-ds-border-field transition-all duration-300 ease-in-out ${thumbClass}`}\n          />\n        </label>\n        {label && (\n          <label\n            htmlFor={switchId}\n            className=\"cursor-pointer text-sm font-medium leading-none text-ds-1 text-start peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\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,SAAS,gBAAgB,KAAwC;AAC/D,KAAI,QAAQ,SAAS,QAAQ,MAAO,QAAO;AAC3C,KAAI,OAAO,aAAa;MAClB,SAAS,gBAAgB,aAAa,MAAM,KAAK,MAAO,QAAO;;AAErE,QAAO;;AAGT,IAAa,SAAS,YACnB,EAAE,YAAY,IAAI,OAAO,OAAO,IAAI,SAAS,KAAK,GAAG,SAAS,QAAQ;CACrE,MAAM,cAAc,OAAO;CAC3B,MAAM,WAAW,MAAM,UAAU,WAAW,YAAY;CACxD,MAAM,QAAQ,gBAAgB,IAAI,KAAK;CAEvC,MAAM,aAAa,UACf,QACE,kBACA,kBACF,QACE,kBACA;AAEN,QACE,qBAAC,OAAD;EACE,WAAW,2BAA2B,YAAY,MAAM,CAAC,QAAQ,QAAQ,IAAI;EACxE;YAFP;GAIE,qBAAC,SAAD;IACE,SAAS;IACT,KAAI;IACJ,WAAW;;;;cAIP,UAAU,iBAAiB,8CAA8C;YAE1E,MAAM,CACN,QAAQ,QAAQ,IAAI;cAVzB,CAYE,oBAAC,SAAD;KACO;KACL,MAAK;KACL,IAAI;KACJ,WAAU;KACD;KACT,GAAI;KACJ,CAAA,EACF,oBAAC,QAAD,EACE,WAAW,gJAAgJ,cAC3J,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"}
+{"version":3,"file":"switch-DUnNe4xP.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\nfunction getEffectiveDir(dir: string | undefined): \"ltr\" | \"rtl\" {\n  if (dir === \"rtl\" || dir === \"ltr\") return dir;\n  if (typeof document !== \"undefined\") {\n    if (document.documentElement.getAttribute(\"dir\") === \"rtl\") return \"rtl\";\n  }\n  return \"ltr\";\n}\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className = \"\", label, error, id, checked, dir, ...props }, ref) => {\n    const generatedId = useId();\n    const switchId = id || `switch-${sanitizeId(generatedId)}`;\n    const isRtl = getEffectiveDir(dir) === \"rtl\";\n\n    const thumbClass = checked\n      ? isRtl\n        ? \"translate-x-1\"\n        : \"translate-x-6\"\n      : isRtl\n        ? \"translate-x-6\"\n        : \"translate-x-1\";\n\n    return (\n      <div\n        className={`flex items-center gap-2 ${className}`.trim().replace(/\\s+/g, \" \")}\n        dir={dir}\n      >\n        <label\n          htmlFor={switchId}\n          dir=\"ltr\"\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-ds-focus focus-visible:ring-offset-2 focus-visible:ring-offset-ds-surface-1\n            disabled:cursor-not-allowed disabled:opacity-50\n            ${checked ? \"bg-ds-accent\" : \"bg-ds-surface-5 ring-1 ring-ds-border-field\"}\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={`pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow-md ring-1 ring-ds-border-field transition-all duration-300 ease-in-out ${thumbClass}`}\n          />\n        </label>\n        {label && (\n          <label\n            htmlFor={switchId}\n            className=\"cursor-pointer text-sm font-medium leading-none text-ds-1 text-start peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\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,GAAG;AAE1E,SAAS,gBAAgB,KAAwC;CAC/D,IAAI,QAAQ,SAAS,QAAQ,OAAO,OAAO;CAC3C,IAAI,OAAO,aAAa;MAClB,SAAS,gBAAgB,aAAa,KAAK,MAAM,OAAO,OAAO;CAAA;CAErE,OAAO;AACT;AAEA,IAAa,SAAS,YACnB,EAAE,YAAY,IAAI,OAAO,OAAO,IAAI,SAAS,KAAK,GAAG,SAAS,QAAQ;CACrE,MAAM,cAAc,MAAM;CAC1B,MAAM,WAAW,MAAM,UAAU,WAAW,WAAW;CACvD,MAAM,QAAQ,gBAAgB,GAAG,MAAM;CAEvC,MAAM,aAAa,UACf,QACE,kBACA,kBACF,QACE,kBACA;CAEN,OACE,qBAAC,OAAD;EACE,WAAW,2BAA2B,YAAY,KAAK,EAAE,QAAQ,QAAQ,GAAG;EACvE;YAFP;GAIE,qBAAC,SAAD;IACE,SAAS;IACT,KAAI;IACJ,WAAW;;;;cAIP,UAAU,iBAAiB,8CAA8C;YAE1E,KAAK,EACL,QAAQ,QAAQ,GAAG;cAVxB,CAYE,oBAAC,SAAD;KACO;KACL,MAAK;KACL,IAAI;KACJ,WAAU;KACD;KACT,GAAI;IACL,CAAA,GACD,oBAAC,QAAD,EACE,WAAW,gJAAgJ,aAC5J,CAAA,CACI;;GACN,SACC,oBAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;GACI,CAAA;GAER,SACC,oBAAC,KAAD;IAAG,WAAU;cAA6C;GAAS,CAAA;EAElE;;AAET,CACF;AAEA,OAAO,cAAc"}

package/dist/chunks/{textarea-CGRl2hrM.cjs → textarea-Bschfj24.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-LRbEQHYs.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
@@ -60,4 +59,4 @@ Object.defineProperty(exports, "Textarea", {
 	}
 });
 
-//# sourceMappingURL=textarea-CGRl2hrM.cjs.map
+//# sourceMappingURL=textarea-Bschfj24.cjs.map

package/dist/chunks/{textarea-CGRl2hrM.cjs.map → textarea-Bschfj24.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-CGRl2hrM.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-ds-1 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-ds-border-accent\",\n            error ? \"border-destructive\" : \"border-ds-border-2\",\n          )}\n        >\n          <textarea\n            ref={ref}\n            disabled={disabled}\n            className={mergeClassNames(\n              \"flex min-h-[80px] w-full rounded-md border border-ds-border-field bg-ds-surface-1 px-3 py-2 text-sm text-ds-1 transition duration-400 ease-in-out placeholder:text-ds-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ds-focus 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-ds-2\">{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,2FACA,QAAQ,uBAAuB,qBAChC;cAED,iBAAA,GAAA,kBAAA,KAAC,YAAD;KACO;KACK;KACV,WAAW,cAAA,gBACT,mTACA,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;cAA0B;IAAe,CAAA;GAEpD;;EAGX;AAED,SAAS,cAAc"}
+{"version":3,"file":"textarea-Bschfj24.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-ds-1 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-ds-border-accent\",\n            error ? \"border-destructive\" : \"border-ds-border-2\",\n          )}\n        >\n          <textarea\n            ref={ref}\n            disabled={disabled}\n            className={mergeClassNames(\n              \"flex min-h-[80px] w-full rounded-md border border-ds-border-field bg-ds-surface-1 px-3 py-2 text-sm text-ds-1 transition duration-400 ease-in-out placeholder:text-ds-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ds-focus 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-ds-2\">{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,KAAK;CAC5C,MAAM,UAAA,GAAA,cAAA,gBAAwB,CAAC;CAC/B,MAAM,UAAA,GAAA,cAAA,gBAAwB,CAAC;CAE/B,MAAM,mBAAmB,UAA4C;EACnE,MAAM,EAAE,MAAM,QAAQ,MAAM,cAAc,sBAAsB;EAChE,OAAO,IAAI,MAAM,UAAU,IAAI;EAC/B,OAAO,IAAI,MAAM,UAAU,GAAG;CAChC;CAEA,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACG,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IAAO,WAAU;cACd;GACI,CAAA;GAGT,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;;;;kBAK3C;IACA,aAAa,CAAC,WAAW,kBAAkB,KAAA;IAC3C,cAAc,CAAC,iBAAiB,WAAW,IAAI,IAAI,KAAA;IACnD,cAAc,CAAC,iBAAiB,WAAW,KAAK,IAAI,KAAA;IACpD,WAAW,cAAA,gBACT,2FACA,QAAQ,uBAAuB,oBACjC;cAEA,iBAAA,GAAA,kBAAA,KAAC,YAAD;KACO;KACK;KACV,WAAW,cAAA,gBACT,mTACA,SACE,mGACF,SACF;KACA,GAAI;IACL,CAAA;GACS,CAAA;GAEX,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA6C;GAAS,CAAA;GAEpE,cAAc,CAAC,SACd,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA0B;GAAc,CAAA;EAEpD;;AAET,CACF;AAEA,SAAS,cAAc"}

package/dist/chunks/{textarea-Bdo-Trvi.mjs → textarea-CfeKo5HA.mjs}

@@ -1,4 +1,4 @@
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
 import { forwardRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion, useMotionTemplate, useMotionValue } from "framer-motion";
@@ -54,4 +54,4 @@ Textarea.displayName = "Textarea";
 //#endregion
 export { Textarea as t };
 
-//# sourceMappingURL=textarea-Bdo-Trvi.mjs.map
+//# sourceMappingURL=textarea-CfeKo5HA.mjs.map

package/dist/chunks/{textarea-Bdo-Trvi.mjs.map → textarea-CfeKo5HA.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-Bdo-Trvi.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-ds-1 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-ds-border-accent\",\n            error ? \"border-destructive\" : \"border-ds-border-2\",\n          )}\n        >\n          <textarea\n            ref={ref}\n            disabled={disabled}\n            className={mergeClassNames(\n              \"flex min-h-[80px] w-full rounded-md border border-ds-border-field bg-ds-surface-1 px-3 py-2 text-sm text-ds-1 transition duration-400 ease-in-out placeholder:text-ds-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ds-focus 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-ds-2\">{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,2FACA,QAAQ,uBAAuB,qBAChC;cAED,oBAAC,YAAD;KACO;KACK;KACV,WAAW,gBACT,mTACA,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;cAA0B;IAAe,CAAA;GAEpD;;EAGX;AAED,SAAS,cAAc"}
+{"version":3,"file":"textarea-CfeKo5HA.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-ds-1 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-ds-border-accent\",\n            error ? \"border-destructive\" : \"border-ds-border-2\",\n          )}\n        >\n          <textarea\n            ref={ref}\n            disabled={disabled}\n            className={mergeClassNames(\n              \"flex min-h-[80px] w-full rounded-md border border-ds-border-field bg-ds-surface-1 px-3 py-2 text-sm text-ds-1 transition duration-400 ease-in-out placeholder:text-ds-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ds-focus 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-ds-2\">{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,KAAK;CAC5C,MAAM,SAAS,eAAe,CAAC;CAC/B,MAAM,SAAS,eAAe,CAAC;CAE/B,MAAM,mBAAmB,UAA4C;EACnE,MAAM,EAAE,MAAM,QAAQ,MAAM,cAAc,sBAAsB;EAChE,OAAO,IAAI,MAAM,UAAU,IAAI;EAC/B,OAAO,IAAI,MAAM,UAAU,GAAG;CAChC;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,SACC,oBAAC,SAAD;IAAO,WAAU;cACd;GACI,CAAA;GAGT,oBAAC,OAAO,KAAR;IACE,OAAO,EACL,iBAAiB,WACb,SACA,iBAAiB;;sBAGX,UAAU,GAAG,OAAO,MAAM,MAC3B,aAAa,OAAO,KAAK,OAAO;;;;kBAK3C;IACA,aAAa,CAAC,WAAW,kBAAkB,KAAA;IAC3C,cAAc,CAAC,iBAAiB,WAAW,IAAI,IAAI,KAAA;IACnD,cAAc,CAAC,iBAAiB,WAAW,KAAK,IAAI,KAAA;IACpD,WAAW,gBACT,2FACA,QAAQ,uBAAuB,oBACjC;cAEA,oBAAC,YAAD;KACO;KACK;KACV,WAAW,gBACT,mTACA,SACE,mGACF,SACF;KACA,GAAI;IACL,CAAA;GACS,CAAA;GAEX,SACC,oBAAC,KAAD;IAAG,WAAU;cAA6C;GAAS,CAAA;GAEpE,cAAc,CAAC,SACd,oBAAC,KAAD;IAAG,WAAU;cAA0B;GAAc,CAAA;EAEpD;;AAET,CACF;AAEA,SAAS,cAAc"}

package/dist/chunks/{theme-koPrLKQv.mjs → theme-BXML6jHE.mjs}

@@ -76,4 +76,4 @@ function useThemeContext() {
 //#endregion
 export { useThemeContext as n, ThemeProvider as t };
 
-//# sourceMappingURL=theme-koPrLKQv.mjs.map
+//# sourceMappingURL=theme-BXML6jHE.mjs.map

package/dist/chunks/{theme-koPrLKQv.mjs.map → theme-BXML6jHE.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-koPrLKQv.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\";\nexport type ThemeVariantType = \"default\" | \"alt\";\n/**\n * @deprecated Use ThemeVariantType instead.\n */\nexport type ThemeDarkVariantType = ThemeVariantType;\nexport type ThemeColorSchemeType =\n  | `${ThemeColorType}-light`\n  | `${ThemeColorType}-light-alt`\n  | `${ThemeColorType}-dark`\n  | `${ThemeColorType}-dark-alt`;\n\nexport interface UseThemeType {\n  mode: ThemeModeType;\n  theme: ThemeColorType;\n  brand: ThemeColorType;\n  variant: ThemeVariantType;\n  /**\n   * @deprecated Use `variant` instead.\n   */\n  darkVariant: ThemeVariantType;\n  colorScheme: ThemeColorSchemeType;\n  setMode: (mode: ThemeModeType) => void;\n  toggleMode: () => void;\n  setTheme: (theme: ThemeColorType) => void;\n  setVariant: (variant: ThemeVariantType) => void;\n  toggleVariant: () => void;\n  /**\n   * @deprecated Use `setVariant` instead.\n   */\n  setDarkVariant: (variant: ThemeVariantType) => void;\n  /**\n   * @deprecated Use `toggleVariant` instead.\n   */\n  toggleDarkVariant: () => 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\";\nconst VARIANT_STORAGE_KEY = \"erp-pro-ui:variant\";\nconst DARK_VARIANT_STORAGE_KEY = \"erp-pro-ui:dark-variant\";\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\nfunction getStoredVariant(): ThemeVariantType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const variant =\n    localStorage.getItem(VARIANT_STORAGE_KEY) ??\n    localStorage.getItem(DARK_VARIANT_STORAGE_KEY);\n  return variant === \"default\" || variant === \"alt\" ? variant : 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  const [variant, setVariant] = useState<ThemeVariantType>(\n    () => getStoredVariant() ?? \"default\",\n  );\n\n  useLayoutEffect(() => {\n    const colorScheme = (\n      variant === \"alt\" ? `${theme}-${mode}-alt` : `${theme}-${mode}`\n    ) as ThemeColorSchemeType;\n\n    document.documentElement.setAttribute(\"data-brand\", theme);\n    document.documentElement.setAttribute(\"data-mode\", mode);\n    document.documentElement.setAttribute(\"data-variant\", variant);\n    // Backward-compatibility attribute for consumers still using darkVariant.\n    document.documentElement.setAttribute(\"data-dark-variant\", variant);\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(VARIANT_STORAGE_KEY, variant);\n    localStorage.setItem(DARK_VARIANT_STORAGE_KEY, variant);\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, variant]);\n\n  const toggleMode = () =>\n    setMode((previousMode) => (previousMode === \"light\" ? \"dark\" : \"light\"));\n  const toggleVariant = () =>\n    setVariant((previousVariant) =>\n      previousVariant === \"default\" ? \"alt\" : \"default\",\n    );\n\n  const value: UseThemeType = {\n    mode,\n    theme,\n    brand: theme,\n    variant,\n    darkVariant: variant,\n    colorScheme: (variant === \"alt\"\n      ? `${theme}-${mode}-alt`\n      : `${theme}-${mode}`) as ThemeColorSchemeType,\n    setMode,\n    toggleMode,\n    setTheme,\n    setVariant,\n    toggleVariant,\n    setDarkVariant: setVariant,\n    toggleDarkVariant: toggleVariant,\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":";;;AAyCA,IAAM,eAAe,cAAmC,KAAK;AAE7D,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAC1B,IAAM,sBAAsB;AAC5B,IAAM,2BAA2B;AAEjC,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,SAAS,mBAA4C;AACnD,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,UACJ,aAAa,QAAQ,oBAAoB,IACzC,aAAa,QAAQ,yBAAyB;AAChD,QAAO,YAAY,aAAa,YAAY,QAAQ,UAAU;;AAGhE,SAAgB,cAAc,EAAE,YAAqC;CACnE,MAAM,CAAC,MAAM,WAAW,eAChB,eAAe,IAAI,OAC1B;CACD,MAAM,CAAC,OAAO,YAAY,eAClB,gBAAgB,IAAI,SAC3B;CACD,MAAM,CAAC,SAAS,cAAc,eACtB,kBAAkB,IAAI,UAC7B;AAED,uBAAsB;EACpB,MAAM,cACJ,YAAY,QAAQ,GAAG,MAAM,GAAG,KAAK,QAAQ,GAAG,MAAM,GAAG;AAG3D,WAAS,gBAAgB,aAAa,cAAc,MAAM;AAC1D,WAAS,gBAAgB,aAAa,aAAa,KAAK;AACxD,WAAS,gBAAgB,aAAa,gBAAgB,QAAQ;AAE9D,WAAS,gBAAgB,aAAa,qBAAqB,QAAQ;AACnE,WAAS,gBAAgB,aAAa,cAAc,YAAY;AAChE,WAAS,gBAAgB,MAAM,cAAc;AAE7C,eAAa,QAAQ,kBAAkB,KAAK;AAC5C,eAAa,QAAQ,mBAAmB,MAAM;AAC9C,eAAa,QAAQ,qBAAqB,QAAQ;AAClD,eAAa,QAAQ,0BAA0B,QAAQ;AACvD,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;EAAC;EAAM;EAAO;EAAQ,CAAC;CAE1B,MAAM,mBACJ,SAAS,iBAAkB,iBAAiB,UAAU,SAAS,QAAS;CAC1E,MAAM,sBACJ,YAAY,oBACV,oBAAoB,YAAY,QAAQ,UACzC;CAEH,MAAM,QAAsB;EAC1B;EACA;EACA,OAAO;EACP;EACA,aAAa;EACb,aAAc,YAAY,QACtB,GAAG,MAAM,GAAG,KAAK,QACjB,GAAG,MAAM,GAAG;EAChB;EACA;EACA;EACA;EACA;EACA,gBAAgB;EAChB,mBAAmB;EACpB;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"}
+{"version":3,"file":"theme-BXML6jHE.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\";\nexport type ThemeVariantType = \"default\" | \"alt\";\n/**\n * @deprecated Use ThemeVariantType instead.\n */\nexport type ThemeDarkVariantType = ThemeVariantType;\nexport type ThemeColorSchemeType =\n  | `${ThemeColorType}-light`\n  | `${ThemeColorType}-light-alt`\n  | `${ThemeColorType}-dark`\n  | `${ThemeColorType}-dark-alt`;\n\nexport interface UseThemeType {\n  mode: ThemeModeType;\n  theme: ThemeColorType;\n  brand: ThemeColorType;\n  variant: ThemeVariantType;\n  /**\n   * @deprecated Use `variant` instead.\n   */\n  darkVariant: ThemeVariantType;\n  colorScheme: ThemeColorSchemeType;\n  setMode: (mode: ThemeModeType) => void;\n  toggleMode: () => void;\n  setTheme: (theme: ThemeColorType) => void;\n  setVariant: (variant: ThemeVariantType) => void;\n  toggleVariant: () => void;\n  /**\n   * @deprecated Use `setVariant` instead.\n   */\n  setDarkVariant: (variant: ThemeVariantType) => void;\n  /**\n   * @deprecated Use `toggleVariant` instead.\n   */\n  toggleDarkVariant: () => 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\";\nconst VARIANT_STORAGE_KEY = \"erp-pro-ui:variant\";\nconst DARK_VARIANT_STORAGE_KEY = \"erp-pro-ui:dark-variant\";\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\nfunction getStoredVariant(): ThemeVariantType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const variant =\n    localStorage.getItem(VARIANT_STORAGE_KEY) ??\n    localStorage.getItem(DARK_VARIANT_STORAGE_KEY);\n  return variant === \"default\" || variant === \"alt\" ? variant : 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  const [variant, setVariant] = useState<ThemeVariantType>(\n    () => getStoredVariant() ?? \"default\",\n  );\n\n  useLayoutEffect(() => {\n    const colorScheme = (\n      variant === \"alt\" ? `${theme}-${mode}-alt` : `${theme}-${mode}`\n    ) as ThemeColorSchemeType;\n\n    document.documentElement.setAttribute(\"data-brand\", theme);\n    document.documentElement.setAttribute(\"data-mode\", mode);\n    document.documentElement.setAttribute(\"data-variant\", variant);\n    // Backward-compatibility attribute for consumers still using darkVariant.\n    document.documentElement.setAttribute(\"data-dark-variant\", variant);\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(VARIANT_STORAGE_KEY, variant);\n    localStorage.setItem(DARK_VARIANT_STORAGE_KEY, variant);\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, variant]);\n\n  const toggleMode = () =>\n    setMode((previousMode) => (previousMode === \"light\" ? \"dark\" : \"light\"));\n  const toggleVariant = () =>\n    setVariant((previousVariant) =>\n      previousVariant === \"default\" ? \"alt\" : \"default\",\n    );\n\n  const value: UseThemeType = {\n    mode,\n    theme,\n    brand: theme,\n    variant,\n    darkVariant: variant,\n    colorScheme: (variant === \"alt\"\n      ? `${theme}-${mode}-alt`\n      : `${theme}-${mode}`) as ThemeColorSchemeType,\n    setMode,\n    toggleMode,\n    setTheme,\n    setVariant,\n    toggleVariant,\n    setDarkVariant: setVariant,\n    toggleDarkVariant: toggleVariant,\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":";;;AAyCA,IAAM,eAAe,cAAmC,IAAI;AAE5D,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAC1B,IAAM,sBAAsB;AAC5B,IAAM,2BAA2B;AAEjC,SAAS,gBAAsC;CAC7C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,MAAM,OACJ,aAAa,QAAQ,gBAAgB,KAAK,aAAa,QAAQ,MAAM;CACvE,OAAO,SAAS,WAAW,SAAS,SAAS,OAAO;AACtD;AAEA,SAAS,iBAAwC;CAC/C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,MAAM,QACJ,aAAa,QAAQ,iBAAiB,KAAK,aAAa,QAAQ,OAAO;CACzE,OAAO,UAAU,YACf,UAAU,UACV,UAAU,YACV,UAAU,UACR,QACA;AACN;AAEA,SAAS,mBAA4C;CACnD,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,MAAM,UACJ,aAAa,QAAQ,mBAAmB,KACxC,aAAa,QAAQ,wBAAwB;CAC/C,OAAO,YAAY,aAAa,YAAY,QAAQ,UAAU;AAChE;AAEA,SAAgB,cAAc,EAAE,YAAqC;CACnE,MAAM,CAAC,MAAM,WAAW,eAChB,cAAc,KAAK,MAC3B;CACA,MAAM,CAAC,OAAO,YAAY,eAClB,eAAe,KAAK,QAC5B;CACA,MAAM,CAAC,SAAS,cAAc,eACtB,iBAAiB,KAAK,SAC9B;CAEA,sBAAsB;EACpB,MAAM,cACJ,YAAY,QAAQ,GAAG,MAAM,GAAG,KAAK,QAAQ,GAAG,MAAM,GAAG;EAG3D,SAAS,gBAAgB,aAAa,cAAc,KAAK;EACzD,SAAS,gBAAgB,aAAa,aAAa,IAAI;EACvD,SAAS,gBAAgB,aAAa,gBAAgB,OAAO;EAE7D,SAAS,gBAAgB,aAAa,qBAAqB,OAAO;EAClE,SAAS,gBAAgB,aAAa,cAAc,WAAW;EAC/D,SAAS,gBAAgB,MAAM,cAAc;EAE7C,aAAa,QAAQ,kBAAkB,IAAI;EAC3C,aAAa,QAAQ,mBAAmB,KAAK;EAC7C,aAAa,QAAQ,qBAAqB,OAAO;EACjD,aAAa,QAAQ,0BAA0B,OAAO;EACtD,aAAa,QAAQ,QAAQ,IAAI;EACjC,aAAa,QAAQ,SAAS,KAAK;EAEnC,IAAI,SAAS,QACX,SAAS,gBAAgB,UAAU,IAAI,MAAM;OAE7C,SAAS,gBAAgB,UAAU,OAAO,MAAM;CAEpD,GAAG;EAAC;EAAM;EAAO;CAAO,CAAC;CAEzB,MAAM,mBACJ,SAAS,iBAAkB,iBAAiB,UAAU,SAAS,OAAQ;CACzE,MAAM,sBACJ,YAAY,oBACV,oBAAoB,YAAY,QAAQ,SAC1C;CAEF,MAAM,QAAsB;EAC1B;EACA;EACA,OAAO;EACP;EACA,aAAa;EACb,aAAc,YAAY,QACtB,GAAG,MAAM,GAAG,KAAK,QACjB,GAAG,MAAM,GAAG;EAChB;EACA;EACA;EACA;EACA;EACA,gBAAgB;EAChB,mBAAmB;CACrB;CAEA,OACE,oBAAC,aAAa,UAAd;EAA8B;EAAQ;CAAgC,CAAA;AAE1E;AAEA,SAAgB,kBAAkB;CAChC,MAAM,UAAU,WAAW,YAAY;CAEvC,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,qDAAqD;CAGvE,OAAO;AACT"}

package/dist/chunks/{theme-D6B-FaoE.cjs → theme-BzTaXYZ8.cjs}

@@ -1,4 +1,3 @@
-require("./chunk-B_GkZjkl.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/foundations/theme/ThemeProvider.tsx
@@ -88,4 +87,4 @@ Object.defineProperty(exports, "useThemeContext", {
 	}
 });
 
-//# sourceMappingURL=theme-D6B-FaoE.cjs.map
+//# sourceMappingURL=theme-BzTaXYZ8.cjs.map

package/dist/chunks/{theme-D6B-FaoE.cjs.map → theme-BzTaXYZ8.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-D6B-FaoE.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\";\nexport type ThemeVariantType = \"default\" | \"alt\";\n/**\n * @deprecated Use ThemeVariantType instead.\n */\nexport type ThemeDarkVariantType = ThemeVariantType;\nexport type ThemeColorSchemeType =\n  | `${ThemeColorType}-light`\n  | `${ThemeColorType}-light-alt`\n  | `${ThemeColorType}-dark`\n  | `${ThemeColorType}-dark-alt`;\n\nexport interface UseThemeType {\n  mode: ThemeModeType;\n  theme: ThemeColorType;\n  brand: ThemeColorType;\n  variant: ThemeVariantType;\n  /**\n   * @deprecated Use `variant` instead.\n   */\n  darkVariant: ThemeVariantType;\n  colorScheme: ThemeColorSchemeType;\n  setMode: (mode: ThemeModeType) => void;\n  toggleMode: () => void;\n  setTheme: (theme: ThemeColorType) => void;\n  setVariant: (variant: ThemeVariantType) => void;\n  toggleVariant: () => void;\n  /**\n   * @deprecated Use `setVariant` instead.\n   */\n  setDarkVariant: (variant: ThemeVariantType) => void;\n  /**\n   * @deprecated Use `toggleVariant` instead.\n   */\n  toggleDarkVariant: () => 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\";\nconst VARIANT_STORAGE_KEY = \"erp-pro-ui:variant\";\nconst DARK_VARIANT_STORAGE_KEY = \"erp-pro-ui:dark-variant\";\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\nfunction getStoredVariant(): ThemeVariantType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const variant =\n    localStorage.getItem(VARIANT_STORAGE_KEY) ??\n    localStorage.getItem(DARK_VARIANT_STORAGE_KEY);\n  return variant === \"default\" || variant === \"alt\" ? variant : 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  const [variant, setVariant] = useState<ThemeVariantType>(\n    () => getStoredVariant() ?? \"default\",\n  );\n\n  useLayoutEffect(() => {\n    const colorScheme = (\n      variant === \"alt\" ? `${theme}-${mode}-alt` : `${theme}-${mode}`\n    ) as ThemeColorSchemeType;\n\n    document.documentElement.setAttribute(\"data-brand\", theme);\n    document.documentElement.setAttribute(\"data-mode\", mode);\n    document.documentElement.setAttribute(\"data-variant\", variant);\n    // Backward-compatibility attribute for consumers still using darkVariant.\n    document.documentElement.setAttribute(\"data-dark-variant\", variant);\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(VARIANT_STORAGE_KEY, variant);\n    localStorage.setItem(DARK_VARIANT_STORAGE_KEY, variant);\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, variant]);\n\n  const toggleMode = () =>\n    setMode((previousMode) => (previousMode === \"light\" ? \"dark\" : \"light\"));\n  const toggleVariant = () =>\n    setVariant((previousVariant) =>\n      previousVariant === \"default\" ? \"alt\" : \"default\",\n    );\n\n  const value: UseThemeType = {\n    mode,\n    theme,\n    brand: theme,\n    variant,\n    darkVariant: variant,\n    colorScheme: (variant === \"alt\"\n      ? `${theme}-${mode}-alt`\n      : `${theme}-${mode}`) as ThemeColorSchemeType,\n    setMode,\n    toggleMode,\n    setTheme,\n    setVariant,\n    toggleVariant,\n    setDarkVariant: setVariant,\n    toggleDarkVariant: toggleVariant,\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":";;;;AAyCA,IAAM,gBAAA,GAAA,MAAA,eAAkD,KAAK;AAE7D,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAC1B,IAAM,sBAAsB;AAC5B,IAAM,2BAA2B;AAEjC,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,SAAS,mBAA4C;AACnD,KAAI,OAAO,WAAW,YACpB,QAAO;CAGT,MAAM,UACJ,aAAa,QAAQ,oBAAoB,IACzC,aAAa,QAAQ,yBAAyB;AAChD,QAAO,YAAY,aAAa,YAAY,QAAQ,UAAU;;AAGhE,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;CACD,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,gBACR,kBAAkB,IAAI,UAC7B;AAED,EAAA,GAAA,MAAA,uBAAsB;EACpB,MAAM,cACJ,YAAY,QAAQ,GAAG,MAAM,GAAG,KAAK,QAAQ,GAAG,MAAM,GAAG;AAG3D,WAAS,gBAAgB,aAAa,cAAc,MAAM;AAC1D,WAAS,gBAAgB,aAAa,aAAa,KAAK;AACxD,WAAS,gBAAgB,aAAa,gBAAgB,QAAQ;AAE9D,WAAS,gBAAgB,aAAa,qBAAqB,QAAQ;AACnE,WAAS,gBAAgB,aAAa,cAAc,YAAY;AAChE,WAAS,gBAAgB,MAAM,cAAc;AAE7C,eAAa,QAAQ,kBAAkB,KAAK;AAC5C,eAAa,QAAQ,mBAAmB,MAAM;AAC9C,eAAa,QAAQ,qBAAqB,QAAQ;AAClD,eAAa,QAAQ,0BAA0B,QAAQ;AACvD,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;EAAC;EAAM;EAAO;EAAQ,CAAC;CAE1B,MAAM,mBACJ,SAAS,iBAAkB,iBAAiB,UAAU,SAAS,QAAS;CAC1E,MAAM,sBACJ,YAAY,oBACV,oBAAoB,YAAY,QAAQ,UACzC;CAEH,MAAM,QAAsB;EAC1B;EACA;EACA,OAAO;EACP;EACA,aAAa;EACb,aAAc,YAAY,QACtB,GAAG,MAAM,GAAG,KAAK,QACjB,GAAG,MAAM,GAAG;EAChB;EACA;EACA;EACA;EACA;EACA,gBAAgB;EAChB,mBAAmB;EACpB;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"}
+{"version":3,"file":"theme-BzTaXYZ8.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\";\nexport type ThemeVariantType = \"default\" | \"alt\";\n/**\n * @deprecated Use ThemeVariantType instead.\n */\nexport type ThemeDarkVariantType = ThemeVariantType;\nexport type ThemeColorSchemeType =\n  | `${ThemeColorType}-light`\n  | `${ThemeColorType}-light-alt`\n  | `${ThemeColorType}-dark`\n  | `${ThemeColorType}-dark-alt`;\n\nexport interface UseThemeType {\n  mode: ThemeModeType;\n  theme: ThemeColorType;\n  brand: ThemeColorType;\n  variant: ThemeVariantType;\n  /**\n   * @deprecated Use `variant` instead.\n   */\n  darkVariant: ThemeVariantType;\n  colorScheme: ThemeColorSchemeType;\n  setMode: (mode: ThemeModeType) => void;\n  toggleMode: () => void;\n  setTheme: (theme: ThemeColorType) => void;\n  setVariant: (variant: ThemeVariantType) => void;\n  toggleVariant: () => void;\n  /**\n   * @deprecated Use `setVariant` instead.\n   */\n  setDarkVariant: (variant: ThemeVariantType) => void;\n  /**\n   * @deprecated Use `toggleVariant` instead.\n   */\n  toggleDarkVariant: () => 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\";\nconst VARIANT_STORAGE_KEY = \"erp-pro-ui:variant\";\nconst DARK_VARIANT_STORAGE_KEY = \"erp-pro-ui:dark-variant\";\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\nfunction getStoredVariant(): ThemeVariantType | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  const variant =\n    localStorage.getItem(VARIANT_STORAGE_KEY) ??\n    localStorage.getItem(DARK_VARIANT_STORAGE_KEY);\n  return variant === \"default\" || variant === \"alt\" ? variant : 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  const [variant, setVariant] = useState<ThemeVariantType>(\n    () => getStoredVariant() ?? \"default\",\n  );\n\n  useLayoutEffect(() => {\n    const colorScheme = (\n      variant === \"alt\" ? `${theme}-${mode}-alt` : `${theme}-${mode}`\n    ) as ThemeColorSchemeType;\n\n    document.documentElement.setAttribute(\"data-brand\", theme);\n    document.documentElement.setAttribute(\"data-mode\", mode);\n    document.documentElement.setAttribute(\"data-variant\", variant);\n    // Backward-compatibility attribute for consumers still using darkVariant.\n    document.documentElement.setAttribute(\"data-dark-variant\", variant);\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(VARIANT_STORAGE_KEY, variant);\n    localStorage.setItem(DARK_VARIANT_STORAGE_KEY, variant);\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, variant]);\n\n  const toggleMode = () =>\n    setMode((previousMode) => (previousMode === \"light\" ? \"dark\" : \"light\"));\n  const toggleVariant = () =>\n    setVariant((previousVariant) =>\n      previousVariant === \"default\" ? \"alt\" : \"default\",\n    );\n\n  const value: UseThemeType = {\n    mode,\n    theme,\n    brand: theme,\n    variant,\n    darkVariant: variant,\n    colorScheme: (variant === \"alt\"\n      ? `${theme}-${mode}-alt`\n      : `${theme}-${mode}`) as ThemeColorSchemeType,\n    setMode,\n    toggleMode,\n    setTheme,\n    setVariant,\n    toggleVariant,\n    setDarkVariant: setVariant,\n    toggleDarkVariant: toggleVariant,\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":";;;AAyCA,IAAM,gBAAA,GAAA,MAAA,eAAkD,IAAI;AAE5D,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAC1B,IAAM,sBAAsB;AAC5B,IAAM,2BAA2B;AAEjC,SAAS,gBAAsC;CAC7C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,MAAM,OACJ,aAAa,QAAQ,gBAAgB,KAAK,aAAa,QAAQ,MAAM;CACvE,OAAO,SAAS,WAAW,SAAS,SAAS,OAAO;AACtD;AAEA,SAAS,iBAAwC;CAC/C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,MAAM,QACJ,aAAa,QAAQ,iBAAiB,KAAK,aAAa,QAAQ,OAAO;CACzE,OAAO,UAAU,YACf,UAAU,UACV,UAAU,YACV,UAAU,UACR,QACA;AACN;AAEA,SAAS,mBAA4C;CACnD,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,MAAM,UACJ,aAAa,QAAQ,mBAAmB,KACxC,aAAa,QAAQ,wBAAwB;CAC/C,OAAO,YAAY,aAAa,YAAY,QAAQ,UAAU;AAChE;AAEA,SAAgB,cAAc,EAAE,YAAqC;CACnE,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,gBACL,cAAc,KAAK,MAC3B;CACA,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,gBACN,eAAe,KAAK,QAC5B;CACA,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,gBACR,iBAAiB,KAAK,SAC9B;CAEA,CAAA,GAAA,MAAA,uBAAsB;EACpB,MAAM,cACJ,YAAY,QAAQ,GAAG,MAAM,GAAG,KAAK,QAAQ,GAAG,MAAM,GAAG;EAG3D,SAAS,gBAAgB,aAAa,cAAc,KAAK;EACzD,SAAS,gBAAgB,aAAa,aAAa,IAAI;EACvD,SAAS,gBAAgB,aAAa,gBAAgB,OAAO;EAE7D,SAAS,gBAAgB,aAAa,qBAAqB,OAAO;EAClE,SAAS,gBAAgB,aAAa,cAAc,WAAW;EAC/D,SAAS,gBAAgB,MAAM,cAAc;EAE7C,aAAa,QAAQ,kBAAkB,IAAI;EAC3C,aAAa,QAAQ,mBAAmB,KAAK;EAC7C,aAAa,QAAQ,qBAAqB,OAAO;EACjD,aAAa,QAAQ,0BAA0B,OAAO;EACtD,aAAa,QAAQ,QAAQ,IAAI;EACjC,aAAa,QAAQ,SAAS,KAAK;EAEnC,IAAI,SAAS,QACX,SAAS,gBAAgB,UAAU,IAAI,MAAM;OAE7C,SAAS,gBAAgB,UAAU,OAAO,MAAM;CAEpD,GAAG;EAAC;EAAM;EAAO;CAAO,CAAC;CAEzB,MAAM,mBACJ,SAAS,iBAAkB,iBAAiB,UAAU,SAAS,OAAQ;CACzE,MAAM,sBACJ,YAAY,oBACV,oBAAoB,YAAY,QAAQ,SAC1C;CAEF,MAAM,QAAsB;EAC1B;EACA;EACA,OAAO;EACP;EACA,aAAa;EACb,aAAc,YAAY,QACtB,GAAG,MAAM,GAAG,KAAK,QACjB,GAAG,MAAM,GAAG;EAChB;EACA;EACA;EACA;EACA;EACA,gBAAgB;EAChB,mBAAmB;CACrB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAC,aAAa,UAAd;EAA8B;EAAQ;CAAgC,CAAA;AAE1E;AAEA,SAAgB,kBAAkB;CAChC,MAAM,WAAA,GAAA,MAAA,YAAqB,YAAY;CAEvC,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,qDAAqD;CAGvE,OAAO;AACT"}

package/dist/chunks/{toast-BcBidy5n.mjs → toast-D1W0BvoH.mjs}

@@ -1,4 +1,4 @@
-import { _ as AlertTriangleIcon, h as CheckCircleIcon, l as LoaderIcon, n as XCircleIcon, q as CloseIcon, u as InfoCircleIcon } from "./icons-bx3nrxNv.mjs";
+import { _ as AlertTriangleIcon, h as CheckCircleIcon, l as LoaderIcon, n as XCircleIcon, q as CloseIcon, u as InfoCircleIcon } from "./icons-CkVHNbbN.mjs";
 import { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
@@ -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-BcBidy5n.mjs.map
+//# sourceMappingURL=toast-D1W0BvoH.mjs.map

package/dist/chunks/{toast-BcBidy5n.mjs.map → toast-D1W0BvoH.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"toast-BcBidy5n.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-ds-surface-1 border-ds-state-success-border\",\n    icon: \"text-ds-state-success-text\",\n    iconBg: \"bg-ds-state-success-surface\",\n  },\n  error: {\n    bg: \"bg-ds-surface-1 border-ds-state-error-border\",\n    icon: \"text-ds-state-error-text\",\n    iconBg: \"bg-ds-state-error-surface\",\n  },\n  warning: {\n    bg: \"bg-ds-surface-1 border-ds-state-warning-border\",\n    icon: \"text-ds-state-warning-text\",\n    iconBg: \"bg-ds-state-warning-surface\",\n  },\n  info: {\n    bg: \"bg-ds-surface-1 border-ds-state-info-border\",\n    icon: \"text-ds-state-info-text\",\n    iconBg: \"bg-ds-state-info-surface\",\n  },\n  default: {\n    bg: \"bg-ds-surface-1 border-ds-border-2\",\n    icon: \"text-ds-2\",\n    iconBg: \"bg-ds-surface-2\",\n  },\n  loading: {\n    bg: \"bg-ds-surface-1 border-ds-border-2\",\n    icon: \"text-ds-1\",\n    iconBg: \"bg-ds-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-ds-surface-2\">\n            <motion.div\n              className={`h-full ${\n                type === \"success\"\n                  ? \"bg-ds-state-success\"\n                  : type === \"error\"\n                    ? \"bg-ds-state-danger\"\n                    : type === \"warning\"\n                      ? \"bg-ds-state-warning\"\n                      : type === \"info\"\n                        ? \"bg-ds-state-info\"\n                        : \"bg-ds-border-3\"\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 && <p className=\"text-sm font-semibold text-ds-1\">{title}</p>}\n          {description && (\n            <p className={`text-sm text-ds-2 ${title ? \"mt-1\" : \"\"}`}>\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-ds-1 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 rounded-full p-1 text-ds-2 transition-colors hover:bg-ds-surface-2 hover:text-ds-1\"\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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"}
+{"version":3,"file":"toast-D1W0BvoH.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-ds-surface-1 border-ds-state-success-border\",\n    icon: \"text-ds-state-success-text\",\n    iconBg: \"bg-ds-state-success-surface\",\n  },\n  error: {\n    bg: \"bg-ds-surface-1 border-ds-state-error-border\",\n    icon: \"text-ds-state-error-text\",\n    iconBg: \"bg-ds-state-error-surface\",\n  },\n  warning: {\n    bg: \"bg-ds-surface-1 border-ds-state-warning-border\",\n    icon: \"text-ds-state-warning-text\",\n    iconBg: \"bg-ds-state-warning-surface\",\n  },\n  info: {\n    bg: \"bg-ds-surface-1 border-ds-state-info-border\",\n    icon: \"text-ds-state-info-text\",\n    iconBg: \"bg-ds-state-info-surface\",\n  },\n  default: {\n    bg: \"bg-ds-surface-1 border-ds-border-2\",\n    icon: \"text-ds-2\",\n    iconBg: \"bg-ds-surface-2\",\n  },\n  loading: {\n    bg: \"bg-ds-surface-1 border-ds-border-2\",\n    icon: \"text-ds-1\",\n    iconBg: \"bg-ds-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-ds-surface-2\">\n            <motion.div\n              className={`h-full ${\n                type === \"success\"\n                  ? \"bg-ds-state-success\"\n                  : type === \"error\"\n                    ? \"bg-ds-state-danger\"\n                    : type === \"warning\"\n                      ? \"bg-ds-state-warning\"\n                      : type === \"info\"\n                        ? \"bg-ds-state-info\"\n                        : \"bg-ds-border-3\"\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 && <p className=\"text-sm font-semibold text-ds-1\">{title}</p>}\n          {description && (\n            <p className={`text-sm text-ds-2 ${title ? \"mt-1\" : \"\"}`}>\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-ds-1 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 rounded-full p-1 text-ds-2 transition-colors hover:bg-ds-surface-2 hover:text-ds-1\"\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-DiFgv3IL.cjs → toast-DL8svc6q.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_icons = require("./icons-CRanVZB1.cjs");
+const require_icons = require("./icons-Ci8yEvvF.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
@@ -366,4 +365,4 @@ Object.defineProperty(exports, "useToast", {
 	}
 });
 
-//# sourceMappingURL=toast-DiFgv3IL.cjs.map
+//# sourceMappingURL=toast-DL8svc6q.cjs.map