@nice2dev/ui-designers 1.0.10 → 1.0.11

package/dist/index.mjs

@@ -3013,1771 +3013,7 @@ function dS({
     }
   ) });
 }
-/**
- * @file themeVariants.ts
- * @description Extended theme variants - radius, shadows, fills, gradients, effects
- *
- * Allows fine-grained customization of theme appearance
- *
- * @version 1.0.0
- * @since 2026-03
- * @license MIT
- */
 const $m = {
-  none: {
-    xs: "0",
-    sm: "0",
-    md: "0",
-    lg: "0",
-    xl: "0",
-    full: "0"
-  },
-  sm: {
-    xs: "2px",
-    sm: "3px",
-    md: "4px",
-    lg: "6px",
-    xl: "8px",
-    full: "9999px"
-  },
-  md: {
-    xs: "4px",
-    sm: "6px",
-    md: "8px",
-    lg: "12px",
-    xl: "16px",
-    full: "9999px"
-  },
-  lg: {
-    xs: "6px",
-    sm: "10px",
-    md: "14px",
-    lg: "20px",
-    xl: "28px",
-    full: "9999px"
-  },
-  xl: {
-    xs: "10px",
-    sm: "16px",
-    md: "24px",
-    lg: "32px",
-    xl: "48px",
-    full: "9999px"
-  },
-  "2xl": {
-    xs: "16px",
-    sm: "24px",
-    md: "32px",
-    lg: "48px",
-    xl: "64px",
-    full: "9999px"
-  },
-  full: {
-    xs: "9999px",
-    sm: "9999px",
-    md: "9999px",
-    lg: "9999px",
-    xl: "9999px",
-    full: "9999px"
-  }
-}, Mm = {
-  none: "none",
-  subtle: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
-  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
-  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
-  inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)",
-  colored: "0 4px 14px 0 var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.4))",
-  glow: "0 0 20px var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.5))"
-}, Dm = {
-  none: "none",
-  subtle: "0 1px 2px 0 rgba(0, 0, 0, 0.2)",
-  md: "0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2)",
-  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3)",
-  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4)",
-  inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.3)",
-  colored: "0 4px 14px 0 var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.5))",
-  glow: "0 0 30px var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.6))"
-}, zm = {
-  compact: {
-    paddingX: "8px",
-    paddingY: "4px",
-    gap: "4px",
-    fontSize: "13px",
-    lineHeight: "1.3",
-    inputHeight: "28px",
-    buttonHeight: "28px"
-  },
-  normal: {
-    paddingX: "12px",
-    paddingY: "8px",
-    gap: "8px",
-    fontSize: "14px",
-    lineHeight: "1.5",
-    inputHeight: "36px",
-    buttonHeight: "36px"
-  },
-  comfortable: {
-    paddingX: "16px",
-    paddingY: "12px",
-    gap: "12px",
-    fontSize: "15px",
-    lineHeight: "1.6",
-    inputHeight: "44px",
-    buttonHeight: "44px"
-  },
-  spacious: {
-    paddingX: "24px",
-    paddingY: "16px",
-    gap: "16px",
-    fontSize: "16px",
-    lineHeight: "1.7",
-    inputHeight: "52px",
-    buttonHeight: "52px"
-  }
-}, Tm = {
-  none: {
-    duration: "0ms",
-    easing: "linear",
-    hoverScale: "1",
-    clickScale: "1",
-    enterAnimation: "none",
-    exitAnimation: "none"
-  },
-  subtle: {
-    duration: "150ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    hoverScale: "1.01",
-    clickScale: "0.99",
-    enterAnimation: "ntd-fade-in 150ms ease-out",
-    exitAnimation: "ntd-fade-out 100ms ease-in"
-  },
-  normal: {
-    duration: "200ms",
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    hoverScale: "1.02",
-    clickScale: "0.98",
-    enterAnimation: "ntd-slide-up 200ms ease-out",
-    exitAnimation: "ntd-slide-down 150ms ease-in"
-  },
-  playful: {
-    duration: "300ms",
-    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
-    hoverScale: "1.05",
-    clickScale: "0.95",
-    enterAnimation: "ntd-bounce-in 300ms cubic-bezier(0.34, 1.56, 0.64, 1)",
-    exitAnimation: "ntd-bounce-out 200ms ease-in"
-  },
-  dramatic: {
-    duration: "400ms",
-    easing: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
-    hoverScale: "1.08",
-    clickScale: "0.92",
-    enterAnimation: "ntd-zoom-in 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55)",
-    exitAnimation: "ntd-zoom-out 250ms ease-in"
-  }
-};
-function Em(t, n) {
-  const i = {
-    transition: "all var(--ntd-transition-duration, 200ms) var(--ntd-transition-easing, ease)"
-  };
-  switch (t) {
-    case "flat":
-      return {
-        ...i,
-        background: n,
-        boxShadow: "none",
-        border: "none"
-      };
-    case "raised":
-      return {
-        ...i,
-        background: n,
-        boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)",
-        border: "none"
-      };
-    case "outlined":
-      return {
-        ...i,
-        background: "transparent",
-        border: `2px solid ${n}`,
-        color: n
-      };
-    case "ghost":
-      return {
-        ...i,
-        background: "transparent",
-        border: "none",
-        color: n
-      };
-    case "soft":
-      return {
-        ...i,
-        background: `${n}20`,
-        border: "none",
-        color: n
-      };
-    case "gradient":
-      return {
-        ...i,
-        background: `linear-gradient(135deg, ${n} 0%, ${Wr(n, -20)} 100%)`,
-        border: "none",
-        boxShadow: `0 4px 14px ${n}40`
-      };
-    case "3d":
-      return {
-        ...i,
-        background: n,
-        border: "none",
-        boxShadow: `0 4px 0 ${Wr(n, -30)}, 0 6px 10px rgba(0, 0, 0, 0.2)`,
-        transform: "translateY(-2px)"
-      };
-    case "neumorphic":
-      return {
-        ...i,
-        background: "var(--ntd-bg-surface)",
-        border: "none",
-        boxShadow: "5px 5px 10px rgba(0, 0, 0, 0.1), -5px -5px 10px rgba(255, 255, 255, 0.8)",
-        color: n
-      };
-    case "pill":
-      return {
-        ...i,
-        background: n,
-        border: "none",
-        borderRadius: "9999px",
-        paddingLeft: "24px",
-        paddingRight: "24px"
-      };
-    case "link":
-      return {
-        ...i,
-        background: "transparent",
-        border: "none",
-        color: n,
-        textDecoration: "underline",
-        padding: "0"
-      };
-    case "brutal":
-      return {
-        ...i,
-        background: n,
-        border: "3px solid #000",
-        boxShadow: "4px 4px 0 #000",
-        borderRadius: "0"
-      };
-    default:
-      return i;
-  }
-}
-function Am(t) {
-  const n = {
-    transition: "all var(--ntd-transition-duration, 200ms) var(--ntd-transition-easing, ease)"
-  };
-  switch (t) {
-    case "bordered":
-      return {
-        ...n,
-        background: "var(--ntd-bg-input, var(--bg-primary, transparent))",
-        border: "1px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
-        borderRadius: "var(--ntd-radius-md, 8px)"
-      };
-    case "filled":
-      return {
-        ...n,
-        background: "var(--ntd-bg-input-filled, var(--bg-secondary, rgba(255,255,255,0.06)))",
-        border: "2px solid transparent",
-        borderRadius: "var(--ntd-radius-md, 8px)"
-      };
-    case "underlined":
-      return {
-        ...n,
-        background: "transparent",
-        border: "none",
-        borderBottom: "2px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
-        borderRadius: "0",
-        paddingLeft: "0",
-        paddingRight: "0"
-      };
-    case "floating":
-      return {
-        ...n,
-        background: "var(--ntd-bg-input, var(--bg-primary, transparent))",
-        border: "1px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
-        borderRadius: "var(--ntd-radius-md, 8px)",
-        paddingTop: "20px"
-      };
-    case "soft":
-      return {
-        ...n,
-        background: "var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.1))",
-        border: "none",
-        borderRadius: "var(--ntd-radius-md, 8px)"
-      };
-    case "neumorphic":
-      return {
-        ...n,
-        background: "var(--ntd-bg-surface, var(--bg-primary, transparent))",
-        border: "none",
-        borderRadius: "var(--ntd-radius-md, 8px)",
-        boxShadow: "inset 3px 3px 6px rgba(0, 0, 0, 0.2), inset -3px -3px 6px rgba(255, 255, 255, 0.05)"
-      };
-    case "pill":
-      return {
-        ...n,
-        background: "var(--ntd-bg-input, var(--bg-primary, transparent))",
-        border: "1px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
-        borderRadius: "9999px",
-        paddingLeft: "20px",
-        paddingRight: "20px"
-      };
-    case "flush":
-      return {
-        ...n,
-        background: "transparent",
-        border: "none",
-        borderRadius: "0",
-        padding: "0",
-        outline: "none"
-      };
-    default:
-      return n;
-  }
-}
-function Pm(t) {
-  const n = {
-    transition: "all var(--ntd-transition-duration, 200ms) var(--ntd-transition-easing, ease)"
-  };
-  switch (t) {
-    case "flat":
-      return {
-        ...n,
-        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
-        border: "none",
-        boxShadow: "none"
-      };
-    case "elevated":
-      return {
-        ...n,
-        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
-        border: "none",
-        boxShadow: "var(--ntd-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1))"
-      };
-    case "bordered":
-      return {
-        ...n,
-        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
-        border: "1px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
-        boxShadow: "none"
-      };
-    case "glass":
-      return {
-        ...n,
-        background: "rgba(255, 255, 255, 0.1)",
-        backdropFilter: "blur(10px)",
-        WebkitBackdropFilter: "blur(10px)",
-        border: "1px solid rgba(255, 255, 255, 0.2)",
-        boxShadow: "0 8px 32px rgba(0, 0, 0, 0.1)"
-      };
-    case "gradient":
-      return {
-        ...n,
-        background: "linear-gradient(135deg, var(--ntd-bg-surface) 0%, var(--ntd-bg-elevated) 100%)",
-        border: "none",
-        boxShadow: "var(--ntd-shadow-md)"
-      };
-    case "neumorphic":
-      return {
-        ...n,
-        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
-        border: "none",
-        boxShadow: "8px 8px 16px rgba(0, 0, 0, 0.2), -8px -8px 16px rgba(255, 255, 255, 0.05)"
-      };
-    case "outlined":
-      return {
-        ...n,
-        background: "transparent",
-        border: "2px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
-        boxShadow: "none"
-      };
-    case "paper":
-      return {
-        ...n,
-        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
-        border: "none",
-        boxShadow: "2px 3px 8px rgba(0,0,0,0.06)",
-        borderRadius: "2px"
-      };
-    default:
-      return n;
-  }
-}
-function Im(t, n) {
-  const i = {
-    display: "inline-flex",
-    alignItems: "center",
-    fontSize: "0.75rem",
-    fontWeight: "600",
-    lineHeight: "1"
-  };
-  switch (t) {
-    case "solid":
-      return { ...i, background: n, color: "#fff", padding: "2px 8px", borderRadius: "4px" };
-    case "soft":
-      return { ...i, background: `${n}20`, color: n, padding: "2px 8px", borderRadius: "4px" };
-    case "outlined":
-      return {
-        ...i,
-        background: "transparent",
-        border: `1px solid ${n}`,
-        color: n,
-        padding: "2px 8px",
-        borderRadius: "4px"
-      };
-    case "dot":
-      return {
-        ...i,
-        background: n,
-        width: "8px",
-        height: "8px",
-        borderRadius: "50%",
-        padding: "0"
-      };
-    case "pill":
-      return {
-        ...i,
-        background: n,
-        color: "#fff",
-        padding: "2px 12px",
-        borderRadius: "9999px"
-      };
-    case "gradient":
-      return {
-        ...i,
-        background: `linear-gradient(135deg, ${n}, ${Wr(n, -20)})`,
-        color: "#fff",
-        padding: "2px 8px",
-        borderRadius: "4px"
-      };
-    default:
-      return i;
-  }
-}
-function Rm(t, n) {
-  switch (t) {
-    case "underline":
-      return {
-        borderBottom: `2px solid ${n}`,
-        background: "transparent",
-        color: n
-      };
-    case "pills":
-      return {
-        background: n,
-        color: "#fff",
-        borderRadius: "9999px",
-        padding: "6px 16px"
-      };
-    case "enclosed":
-      return {
-        background: "var(--ntd-bg-surface,#fff)",
-        border: "1px solid var(--ntd-border-color,#e5e7eb)",
-        borderBottom: "none",
-        borderRadius: "8px 8px 0 0"
-      };
-    case "soft":
-      return {
-        background: `${n}15`,
-        color: n,
-        borderRadius: "6px",
-        padding: "6px 16px"
-      };
-    case "lifted":
-      return {
-        background: "var(--ntd-bg-surface,#fff)",
-        boxShadow: "0 -2px 8px rgba(0,0,0,0.06)",
-        borderRadius: "8px 8px 0 0",
-        transform: "translateY(-2px)"
-      };
-    case "bordered":
-      return {
-        border: `2px solid ${n}`,
-        borderBottom: "none",
-        background: "transparent",
-        borderRadius: "8px 8px 0 0"
-      };
-    default:
-      return {};
-  }
-}
-function Lm(t) {
-  switch (t) {
-    case "default":
-      return { borderRadius: "12px", width: "44px", height: "24px" };
-    case "ios":
-      return {
-        borderRadius: "16px",
-        width: "51px",
-        height: "31px",
-        boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.1)"
-      };
-    case "flat":
-      return { borderRadius: "4px", width: "40px", height: "22px" };
-    case "pill":
-      return { borderRadius: "9999px", width: "48px", height: "24px" };
-    case "square":
-      return { borderRadius: "0", width: "40px", height: "22px" };
-    default:
-      return {};
-  }
-}
-function Bm(t) {
-  switch (t) {
-    case "dark":
-      return {
-        background: "#1f2937",
-        color: "#f9fafb",
-        borderRadius: "6px",
-        padding: "6px 12px",
-        boxShadow: "0 4px 12px rgba(0,0,0,0.3)"
-      };
-    case "light":
-      return {
-        background: "#fff",
-        color: "#374151",
-        borderRadius: "6px",
-        padding: "6px 12px",
-        boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
-        border: "1px solid #e5e7eb"
-      };
-    case "primary":
-      return {
-        background: "var(--color-primary,#6366f1)",
-        color: "#fff",
-        borderRadius: "6px",
-        padding: "6px 12px"
-      };
-    case "glass":
-      return {
-        background: "rgba(255,255,255,0.15)",
-        backdropFilter: "blur(12px)",
-        color: "#fff",
-        borderRadius: "8px",
-        padding: "8px 14px"
-      };
-    case "bordered":
-      return {
-        background: "#fff",
-        color: "#374151",
-        borderRadius: "6px",
-        padding: "6px 12px",
-        border: "2px solid var(--color-primary,#6366f1)"
-      };
-    default:
-      return {};
-  }
-}
-function Fm(t) {
-  switch (t) {
-    case "default":
-      return { borderCollapse: "collapse" };
-    case "striped":
-      return { borderCollapse: "collapse" };
-    case "bordered":
-      return { border: "1px solid var(--ntd-border-color,#e5e7eb)", borderCollapse: "collapse" };
-    case "compact":
-      return { borderCollapse: "collapse", fontSize: "0.8125rem" };
-    case "hoverable":
-      return { borderCollapse: "collapse" };
-    case "minimal":
-      return {
-        borderCollapse: "collapse",
-        borderBottom: "1px solid var(--ntd-border-color,#e5e7eb)"
-      };
-    default:
-      return {};
-  }
-}
-const Wa = {
-  radius: "md",
-  shadow: "md",
-  fill: "solid",
-  buttonStyle: "flat",
-  inputStyle: "bordered",
-  cardStyle: "elevated",
-  badgeStyle: "solid",
-  tabStyle: "underline",
-  toggleStyle: "default",
-  tooltipStyle: "dark",
-  modalStyle: "default",
-  tableStyle: "default",
-  menuStyle: "default",
-  animation: "normal",
-  density: "normal"
-}, Om = {
-  minimal: {
-    radius: "sm",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "flat",
-    inputStyle: "underlined",
-    cardStyle: "flat",
-    badgeStyle: "soft",
-    tabStyle: "underline",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "normal"
-  },
-  rounded: {
-    radius: "xl",
-    shadow: "md",
-    fill: "solid",
-    buttonStyle: "raised",
-    inputStyle: "filled",
-    cardStyle: "elevated",
-    badgeStyle: "pill",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "dark",
-    tableStyle: "default",
-    animation: "normal",
-    density: "comfortable"
-  },
-  sharp: {
-    radius: "none",
-    shadow: "lg",
-    fill: "solid",
-    buttonStyle: "flat",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "solid",
-    tabStyle: "enclosed",
-    toggleStyle: "square",
-    tooltipStyle: "dark",
-    tableStyle: "bordered",
-    animation: "subtle",
-    density: "compact"
-  },
-  glass: {
-    radius: "lg",
-    shadow: "none",
-    fill: "glass",
-    buttonStyle: "ghost",
-    inputStyle: "soft",
-    cardStyle: "glass",
-    badgeStyle: "soft",
-    tabStyle: "soft",
-    toggleStyle: "ios",
-    tooltipStyle: "glass",
-    tableStyle: "minimal",
-    animation: "normal",
-    density: "normal"
-  },
-  neumorphic: {
-    radius: "lg",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "neumorphic",
-    inputStyle: "neumorphic",
-    cardStyle: "neumorphic",
-    badgeStyle: "soft",
-    tabStyle: "lifted",
-    toggleStyle: "ios",
-    tooltipStyle: "light",
-    tableStyle: "default",
-    animation: "subtle",
-    density: "comfortable"
-  },
-  playful: {
-    radius: "2xl",
-    shadow: "colored",
-    fill: "gradient-linear",
-    buttonStyle: "gradient",
-    inputStyle: "filled",
-    cardStyle: "gradient",
-    badgeStyle: "gradient",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "primary",
-    tableStyle: "hoverable",
-    animation: "playful",
-    density: "comfortable"
-  },
-  enterprise: {
-    radius: "sm",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "outlined",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "outlined",
-    tabStyle: "enclosed",
-    toggleStyle: "default",
-    tooltipStyle: "dark",
-    tableStyle: "striped",
-    animation: "subtle",
-    density: "compact"
-  },
-  modern3d: {
-    radius: "lg",
-    shadow: "xl",
-    fill: "gradient-linear",
-    buttonStyle: "3d",
-    inputStyle: "filled",
-    cardStyle: "elevated",
-    badgeStyle: "gradient",
-    tabStyle: "lifted",
-    toggleStyle: "ios",
-    tooltipStyle: "dark",
-    tableStyle: "default",
-    animation: "normal",
-    density: "normal"
-  },
-  brutalist: {
-    radius: "none",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "brutal",
-    inputStyle: "bordered",
-    cardStyle: "outlined",
-    badgeStyle: "solid",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "none",
-    density: "normal"
-  },
-  luxe: {
-    radius: "sm",
-    shadow: "lg",
-    fill: "gradient-linear",
-    buttonStyle: "gradient",
-    inputStyle: "floating",
-    cardStyle: "elevated",
-    badgeStyle: "gradient",
-    tabStyle: "underline",
-    toggleStyle: "ios",
-    tooltipStyle: "dark",
-    tableStyle: "hoverable",
-    animation: "normal",
-    density: "comfortable"
-  },
-  pill: {
-    radius: "full",
-    shadow: "md",
-    fill: "solid",
-    buttonStyle: "pill",
-    inputStyle: "pill",
-    cardStyle: "elevated",
-    badgeStyle: "pill",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "dark",
-    tableStyle: "default",
-    animation: "normal",
-    density: "normal"
-  },
-  flat: {
-    radius: "md",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "flat",
-    inputStyle: "filled",
-    cardStyle: "flat",
-    badgeStyle: "soft",
-    tabStyle: "soft",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "normal"
-  },
-  editorial: {
-    radius: "none",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "ghost",
-    inputStyle: "underlined",
-    cardStyle: "paper",
-    badgeStyle: "outlined",
-    tabStyle: "underline",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "comfortable"
-  },
-  dashboard: {
-    radius: "md",
-    shadow: "md",
-    fill: "solid",
-    buttonStyle: "flat",
-    inputStyle: "bordered",
-    cardStyle: "elevated",
-    badgeStyle: "solid",
-    tabStyle: "enclosed",
-    toggleStyle: "default",
-    tooltipStyle: "dark",
-    tableStyle: "striped",
-    animation: "subtle",
-    density: "compact"
-  },
-  softCloud: {
-    radius: "xl",
-    shadow: "subtle",
-    fill: "frosted",
-    buttonStyle: "soft",
-    inputStyle: "soft",
-    cardStyle: "glass",
-    badgeStyle: "soft",
-    tabStyle: "soft",
-    toggleStyle: "ios",
-    tooltipStyle: "glass",
-    tableStyle: "hoverable",
-    animation: "normal",
-    density: "comfortable"
-  },
-  cosmic: {
-    radius: "lg",
-    shadow: "glow",
-    fill: "mesh",
-    buttonStyle: "gradient",
-    inputStyle: "soft",
-    cardStyle: "glass",
-    badgeStyle: "gradient",
-    tabStyle: "pills",
-    toggleStyle: "ios",
-    tooltipStyle: "glass",
-    tableStyle: "hoverable",
-    animation: "dramatic",
-    density: "comfortable"
-  },
-  // ── Additional presets — serious to playful ──────────────
-  /** Corporate: safe, grey, no flair */
-  corporate: {
-    radius: "sm",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "outlined",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "outlined",
-    tabStyle: "enclosed",
-    toggleStyle: "default",
-    tooltipStyle: "dark",
-    tableStyle: "striped",
-    animation: "none",
-    density: "compact"
-  },
-  /** Bank: ultra-conservative, heavy borders, no fun */
-  bank: {
-    radius: "none",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "outlined",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "solid",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "dark",
-    tableStyle: "bordered",
-    animation: "none",
-    density: "compact"
-  },
-  /** Government: minimal, accessible, high contrast */
-  government: {
-    radius: "sm",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "flat",
-    inputStyle: "bordered",
-    cardStyle: "flat",
-    badgeStyle: "solid",
-    tabStyle: "enclosed",
-    toggleStyle: "default",
-    tooltipStyle: "dark",
-    tableStyle: "striped",
-    animation: "none",
-    density: "normal"
-  },
-  /** Military: dark, angular, no-nonsense */
-  military: {
-    radius: "none",
-    shadow: "lg",
-    fill: "solid",
-    buttonStyle: "raised",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "solid",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "dark",
-    tableStyle: "bordered",
-    animation: "none",
-    density: "compact"
-  },
-  /** Legal: typographic, clean, paper-like */
-  legal: {
-    radius: "none",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "ghost",
-    inputStyle: "underlined",
-    cardStyle: "paper",
-    badgeStyle: "outlined",
-    tabStyle: "underline",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "none",
-    density: "comfortable"
-  },
-  /** Medical: clean, blue-toned, professional */
-  medical: {
-    radius: "md",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "soft",
-    inputStyle: "bordered",
-    cardStyle: "elevated",
-    badgeStyle: "soft",
-    tabStyle: "enclosed",
-    toggleStyle: "ios",
-    tooltipStyle: "light",
-    tableStyle: "striped",
-    animation: "subtle",
-    density: "normal"
-  },
-  /** Swiss: grid-based, clean typography, precision */
-  swiss: {
-    radius: "none",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "flat",
-    inputStyle: "underlined",
-    cardStyle: "flat",
-    badgeStyle: "outlined",
-    tabStyle: "underline",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "normal"
-  },
-  /** Scandinavian: soft, warm, spacious, hygge */
-  scandinavian: {
-    radius: "lg",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "soft",
-    inputStyle: "filled",
-    cardStyle: "flat",
-    badgeStyle: "soft",
-    tabStyle: "soft",
-    toggleStyle: "ios",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "spacious"
-  },
-  /** Bauhaus: geometric, primary colors, strong lines */
-  bauhaus: {
-    radius: "none",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "flat",
-    inputStyle: "bordered",
-    cardStyle: "outlined",
-    badgeStyle: "solid",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "none",
-    density: "normal"
-  },
-  /** Notebook: handwritten feel, paper textures, soft */
-  notebook: {
-    radius: "md",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "ghost",
-    inputStyle: "underlined",
-    cardStyle: "paper",
-    badgeStyle: "soft",
-    tabStyle: "underline",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "comfortable"
-  },
-  /** Terminal: monospace, dark, retro-computing */
-  terminal: {
-    radius: "none",
-    shadow: "glow",
-    fill: "solid",
-    buttonStyle: "outlined",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "solid",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "none",
-    density: "compact"
-  },
-  /** Hacker: neon green on black, matrix style */
-  hacker: {
-    radius: "none",
-    shadow: "glow",
-    fill: "solid",
-    buttonStyle: "outlined",
-    inputStyle: "bordered",
-    cardStyle: "outlined",
-    badgeStyle: "outlined",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "subtle",
-    density: "compact"
-  },
-  /** Retro8bit: pixel art inspired, chunky, fun */
-  retro8bit: {
-    radius: "none",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "brutal",
-    inputStyle: "bordered",
-    cardStyle: "outlined",
-    badgeStyle: "solid",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "none",
-    density: "normal"
-  },
-  /** Vapor: vaporwave 80s aesthetics, gradients, neon */
-  vapor: {
-    radius: "lg",
-    shadow: "glow",
-    fill: "gradient-linear",
-    buttonStyle: "gradient",
-    inputStyle: "soft",
-    cardStyle: "glass",
-    badgeStyle: "gradient",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "glass",
-    tableStyle: "hoverable",
-    animation: "playful",
-    density: "comfortable"
-  },
-  /** Synthwave: 80s synth, neon grids, chrome */
-  synthwave: {
-    radius: "md",
-    shadow: "glow",
-    fill: "gradient-linear",
-    buttonStyle: "3d",
-    inputStyle: "filled",
-    cardStyle: "glass",
-    badgeStyle: "gradient",
-    tabStyle: "lifted",
-    toggleStyle: "ios",
-    tooltipStyle: "glass",
-    tableStyle: "hoverable",
-    animation: "dramatic",
-    density: "normal"
-  },
-  /** Cyberpunk: angular, neon, glitch aesthetics */
-  cyberpunk: {
-    radius: "none",
-    shadow: "glow",
-    fill: "gradient-linear",
-    buttonStyle: "brutal",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "solid",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "dramatic",
-    density: "compact"
-  },
-  /** Steampunk: brass, gears, Victorian tech */
-  steampunk: {
-    radius: "sm",
-    shadow: "inner",
-    fill: "solid",
-    buttonStyle: "raised",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "solid",
-    tabStyle: "enclosed",
-    toggleStyle: "default",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "subtle",
-    density: "normal"
-  },
-  /** Origami: folded paper, subtle shadows, layered */
-  origami: {
-    radius: "none",
-    shadow: "md",
-    fill: "solid",
-    buttonStyle: "raised",
-    inputStyle: "filled",
-    cardStyle: "elevated",
-    badgeStyle: "soft",
-    tabStyle: "lifted",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "default",
-    animation: "normal",
-    density: "normal"
-  },
-  /** Watercolor: soft edges, bleed, artistic */
-  watercolor: {
-    radius: "2xl",
-    shadow: "subtle",
-    fill: "frosted",
-    buttonStyle: "soft",
-    inputStyle: "soft",
-    cardStyle: "glass",
-    badgeStyle: "soft",
-    tabStyle: "soft",
-    toggleStyle: "pill",
-    tooltipStyle: "glass",
-    tableStyle: "minimal",
-    animation: "normal",
-    density: "comfortable"
-  },
-  /** Neon: bright glowing outlines on dark */
-  neon: {
-    radius: "md",
-    shadow: "glow",
-    fill: "solid",
-    buttonStyle: "outlined",
-    inputStyle: "bordered",
-    cardStyle: "outlined",
-    badgeStyle: "outlined",
-    tabStyle: "bordered",
-    toggleStyle: "default",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "dramatic",
-    density: "normal"
-  },
-  /** Candy: sweet, pastel, rounded, fun */
-  candy: {
-    radius: "2xl",
-    shadow: "colored",
-    fill: "gradient-linear",
-    buttonStyle: "pill",
-    inputStyle: "pill",
-    cardStyle: "elevated",
-    badgeStyle: "pill",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "primary",
-    tableStyle: "hoverable",
-    animation: "playful",
-    density: "comfortable"
-  },
-  /** Bubblegum: pink, puffy, extremely round */
-  bubblegum: {
-    radius: "full",
-    shadow: "colored",
-    fill: "gradient-radial",
-    buttonStyle: "pill",
-    inputStyle: "pill",
-    cardStyle: "elevated",
-    badgeStyle: "pill",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "primary",
-    tableStyle: "hoverable",
-    animation: "playful",
-    density: "spacious"
-  },
-  /** Cartoon: thick outlines, bold colors, exaggerated */
-  cartoon: {
-    radius: "xl",
-    shadow: "colored",
-    fill: "solid",
-    buttonStyle: "brutal",
-    inputStyle: "bordered",
-    cardStyle: "outlined",
-    badgeStyle: "solid",
-    tabStyle: "enclosed",
-    toggleStyle: "pill",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "playful",
-    density: "comfortable"
-  },
-  /** Kawaii: cute, pastel, round, sparkly */
-  kawaii: {
-    radius: "full",
-    shadow: "colored",
-    fill: "gradient-linear",
-    buttonStyle: "pill",
-    inputStyle: "pill",
-    cardStyle: "gradient",
-    badgeStyle: "pill",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "primary",
-    tableStyle: "hoverable",
-    animation: "dramatic",
-    density: "spacious"
-  },
-  /** Circus: bold, striped, loud, attention-grabbing */
-  circus: {
-    radius: "full",
-    shadow: "colored",
-    fill: "gradient-conic",
-    buttonStyle: "gradient",
-    inputStyle: "filled",
-    cardStyle: "gradient",
-    badgeStyle: "gradient",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "primary",
-    tableStyle: "striped",
-    animation: "dramatic",
-    density: "spacious"
-  },
-  /** Paper: minimal white, subtle shadows, like paper on desk */
-  paper: {
-    radius: "sm",
-    shadow: "md",
-    fill: "solid",
-    buttonStyle: "ghost",
-    inputStyle: "underlined",
-    cardStyle: "paper",
-    badgeStyle: "soft",
-    tabStyle: "underline",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "comfortable"
-  },
-  /** Zen: ultra-minimal, lots of whitespace, calm */
-  zen: {
-    radius: "md",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "ghost",
-    inputStyle: "underlined",
-    cardStyle: "flat",
-    badgeStyle: "soft",
-    tabStyle: "underline",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "spacious"
-  },
-  /** Monochrome: black & white only, pure typography */
-  monochrome: {
-    radius: "none",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "outlined",
-    inputStyle: "bordered",
-    cardStyle: "outlined",
-    badgeStyle: "outlined",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "none",
-    density: "normal"
-  },
-  /** Windows95: chunky, beveled 3D, classic OS */
-  windows95: {
-    radius: "none",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "raised",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "solid",
-    tabStyle: "enclosed",
-    toggleStyle: "square",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "none",
-    density: "compact"
-  },
-  /** Material: Google Material Design inspired */
-  material: {
-    radius: "md",
-    shadow: "md",
-    fill: "solid",
-    buttonStyle: "raised",
-    inputStyle: "filled",
-    cardStyle: "elevated",
-    badgeStyle: "solid",
-    tabStyle: "underline",
-    toggleStyle: "default",
-    tooltipStyle: "dark",
-    tableStyle: "default",
-    animation: "normal",
-    density: "normal"
-  },
-  /** Fluent: Microsoft Fluent Design — acrylic, reveal, depth */
-  fluent: {
-    radius: "md",
-    shadow: "subtle",
-    fill: "frosted",
-    buttonStyle: "soft",
-    inputStyle: "filled",
-    cardStyle: "glass",
-    badgeStyle: "soft",
-    tabStyle: "soft",
-    toggleStyle: "ios",
-    tooltipStyle: "glass",
-    tableStyle: "hoverable",
-    animation: "subtle",
-    density: "normal"
-  },
-  /** Cupertino: Apple iOS/macOS style */
-  cupertino: {
-    radius: "xl",
-    shadow: "md",
-    fill: "frosted",
-    buttonStyle: "soft",
-    inputStyle: "filled",
-    cardStyle: "glass",
-    badgeStyle: "pill",
-    tabStyle: "pills",
-    toggleStyle: "ios",
-    tooltipStyle: "glass",
-    tableStyle: "minimal",
-    animation: "normal",
-    density: "comfortable"
-  },
-  /** Ant: Ant Design inspired — clean, professional */
-  ant: {
-    radius: "md",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "raised",
-    inputStyle: "bordered",
-    cardStyle: "elevated",
-    badgeStyle: "solid",
-    tabStyle: "underline",
-    toggleStyle: "default",
-    tooltipStyle: "dark",
-    tableStyle: "default",
-    animation: "subtle",
-    density: "normal"
-  },
-  /** Bootstrap: Bootstrap-like rounded, standard */
-  bootstrap: {
-    radius: "md",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "raised",
-    inputStyle: "bordered",
-    cardStyle: "elevated",
-    badgeStyle: "pill",
-    tabStyle: "underline",
-    toggleStyle: "default",
-    tooltipStyle: "dark",
-    tableStyle: "striped",
-    animation: "subtle",
-    density: "normal"
-  },
-  /** Chakra: Chakra UI inspired — accessible, clean */
-  chakra: {
-    radius: "md",
-    shadow: "md",
-    fill: "solid",
-    buttonStyle: "raised",
-    inputStyle: "bordered",
-    cardStyle: "elevated",
-    badgeStyle: "soft",
-    tabStyle: "enclosed",
-    toggleStyle: "default",
-    tooltipStyle: "dark",
-    tableStyle: "default",
-    animation: "normal",
-    density: "normal"
-  },
-  /** Notion: Notion-like clean, text-focused, minimal UI */
-  notion: {
-    radius: "sm",
-    shadow: "none",
-    fill: "solid",
-    buttonStyle: "ghost",
-    inputStyle: "flush",
-    cardStyle: "flat",
-    badgeStyle: "soft",
-    tabStyle: "underline",
-    toggleStyle: "flat",
-    tooltipStyle: "light",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "normal"
-  },
-  /** Linear: Linear app inspired — sleek, dark, polished */
-  linear: {
-    radius: "md",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "soft",
-    inputStyle: "filled",
-    cardStyle: "elevated",
-    badgeStyle: "soft",
-    tabStyle: "soft",
-    toggleStyle: "ios",
-    tooltipStyle: "dark",
-    tableStyle: "hoverable",
-    animation: "subtle",
-    density: "compact"
-  },
-  /** Vercel: Vercel/Next.js — black/white, sharp, modern */
-  vercel: {
-    radius: "md",
-    shadow: "subtle",
-    fill: "solid",
-    buttonStyle: "outlined",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "outlined",
-    tabStyle: "underline",
-    toggleStyle: "default",
-    tooltipStyle: "dark",
-    tableStyle: "minimal",
-    animation: "subtle",
-    density: "normal"
-  },
-  /** Gaming: dark, neon accents, angular, aggressive */
-  gaming: {
-    radius: "none",
-    shadow: "glow",
-    fill: "gradient-linear",
-    buttonStyle: "3d",
-    inputStyle: "bordered",
-    cardStyle: "bordered",
-    badgeStyle: "gradient",
-    tabStyle: "bordered",
-    toggleStyle: "square",
-    tooltipStyle: "bordered",
-    tableStyle: "bordered",
-    animation: "dramatic",
-    density: "normal"
-  },
-  /** Kiddo: colorful, big, puffy, child-friendly */
-  kiddo: {
-    radius: "2xl",
-    shadow: "colored",
-    fill: "gradient-radial",
-    buttonStyle: "pill",
-    inputStyle: "pill",
-    cardStyle: "gradient",
-    badgeStyle: "pill",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "primary",
-    tableStyle: "hoverable",
-    animation: "playful",
-    density: "spacious"
-  },
-  /** Disco: flashing, colorful, animated, party time */
-  disco: {
-    radius: "full",
-    shadow: "glow",
-    fill: "gradient-conic",
-    buttonStyle: "gradient",
-    inputStyle: "filled",
-    cardStyle: "gradient",
-    badgeStyle: "gradient",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "glass",
-    tableStyle: "hoverable",
-    animation: "dramatic",
-    density: "comfortable"
-  },
-  /** Clown: maximum chaos, the least serious possible */
-  clown: {
-    radius: "full",
-    shadow: "colored",
-    fill: "gradient-conic",
-    buttonStyle: "brutal",
-    inputStyle: "pill",
-    cardStyle: "gradient",
-    badgeStyle: "gradient",
-    tabStyle: "pills",
-    toggleStyle: "pill",
-    tooltipStyle: "primary",
-    tableStyle: "striped",
-    animation: "dramatic",
-    density: "spacious"
-  }
-};
-function Wm(t, n = ":root") {
-  const i = $m[t.radius], r = t.shadow, o = zm[t.density], l = Tm[t.animation], c = [`${n} {`];
-  for (const [s, p] of Object.entries(i))
-    c.push(`  --ntd-radius-${s}: ${p};`);
-  c.push(`  --ntd-shadow: ${Mm[r]};`), c.push(`  --ntd-shadow-dark: ${Dm[r]};`);
-  for (const [s, p] of Object.entries(o)) {
-    const d = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-    c.push(`  --ntd-${d}: ${p};`);
-  }
-  for (const [s, p] of Object.entries(l)) {
-    const d = s.replace(/([A-Z])/g, "-$1").toLowerCase();
-    c.push(`  --ntd-animation-${d}: ${p};`);
-  }
-  return t.backgroundImage && c.push(`  --ntd-bg-image: url('${t.backgroundImage}');`), t.backgroundOverlay && c.push(`  --ntd-bg-overlay: ${t.backgroundOverlay};`), c.push("}"), c.join(`
-`);
-}
-function jm(t, n = document.documentElement, i) {
-  const r = i ? `[data-ntd-provider="${i}"]` : ":root", o = i ? `ntd-variant-styles-${i}` : "ntd-variant-styles", l = Wm(t, r);
-  let c = document.getElementById(o);
-  c || (c = document.createElement("style"), c.id = o, document.head.appendChild(c)), c.textContent = l, i && n.setAttribute("data-ntd-provider", i), n.dataset.ntdRadius = t.radius, n.dataset.ntdShadow = t.shadow, n.dataset.ntdFill = t.fill, n.dataset.ntdButton = t.buttonStyle, n.dataset.ntdInput = t.inputStyle, n.dataset.ntdCard = t.cardStyle, n.dataset.ntdAnimation = t.animation, n.dataset.ntdDensity = t.density, t.badgeStyle && (n.dataset.ntdBadge = t.badgeStyle), t.tabStyle && (n.dataset.ntdTab = t.tabStyle), t.toggleStyle && (n.dataset.ntdToggle = t.toggleStyle), t.tooltipStyle && (n.dataset.ntdTooltip = t.tooltipStyle), t.modalStyle && (n.dataset.ntdModal = t.modalStyle), t.tableStyle && (n.dataset.ntdTable = t.tableStyle), t.menuStyle && (n.dataset.ntdMenu = t.menuStyle);
-}
-function Hm(t, n) {
-  const i = document.getElementById(`ntd-variant-styles-${t}`);
-  i && i.remove(), n && n.removeAttribute("data-ntd-provider");
-}
-function Wr(t, n) {
-  if (t.startsWith("#")) {
-    const i = t.slice(1), r = parseInt(i, 16), o = Math.max(0, Math.min(255, (r >> 16 & 255) + n)), l = Math.max(0, Math.min(255, (r >> 8 & 255) + n)), c = Math.max(0, Math.min(255, (r & 255) + n));
-    return `#${(o << 16 | l << 8 | c).toString(16).padStart(6, "0")}`;
-  }
-  return t;
-}
-const Um = [
-  // Core
-  "default",
-  "minimal",
-  "rounded",
-  "sharp",
-  "glass",
-  "neumorphic",
-  "playful",
-  "enterprise",
-  "modern3d",
-  "brutalist",
-  "luxe",
-  "pill",
-  "flat",
-  "editorial",
-  "dashboard",
-  "softCloud",
-  "cosmic",
-  // Professional
-  "corporate",
-  "bank",
-  "government",
-  "military",
-  "legal",
-  "medical",
-  "swiss",
-  "scandinavian",
-  // Artistic
-  "bauhaus",
-  "notebook",
-  "origami",
-  "watercolor",
-  "monochrome",
-  "paper",
-  "zen",
-  // Tech / Retro
-  "terminal",
-  "hacker",
-  "retro8bit",
-  "synthwave",
-  "cyberpunk",
-  "steampunk",
-  "vapor",
-  "neon",
-  "windows95",
-  // Design Systems
-  "material",
-  "fluent",
-  "cupertino",
-  "ant",
-  "bootstrap",
-  "chakra",
-  "notion",
-  "linear",
-  "vercel",
-  // Fun
-  "candy",
-  "bubblegum",
-  "cartoon",
-  "kawaii",
-  "circus",
-  "gaming",
-  "kiddo",
-  "disco",
-  "clown"
-];
-function ja(t) {
-  return t === "default" ? Wa : Om[t] ?? Wa;
-}
-const hs = kt({
-  displayStyle: "default",
-  variantConfig: Wa,
-  setDisplayStyle: () => {
-  }
-});
-function gs(t) {
-  const n = An(hs), i = t ?? n.displayStyle ?? "default", r = ja(i);
-  return { style: i, config: r };
-}
-function Zt(t, n, i = "var(--color-primary, #6366f1)") {
-  const { config: r } = gs(n);
-  return Vm(t, r, i);
-}
-function Lt(t, n) {
-  const { config: i } = gs(n);
-  switch (t) {
-    case "button":
-      return i.buttonStyle;
-    case "input":
-      return i.inputStyle;
-    case "card":
-      return i.cardStyle;
-    case "badge":
-      return i.badgeStyle ?? "solid";
-    case "tab":
-      return i.tabStyle ?? "underline";
-    case "toggle":
-      return i.toggleStyle ?? "default";
-    case "tooltip":
-      return i.tooltipStyle ?? "dark";
-    case "modal":
-      return i.modalStyle ?? "default";
-    case "table":
-      return i.tableStyle ?? "default";
-    case "menu":
-      return i.menuStyle ?? "default";
-    default:
-      return "default";
-  }
-}
-function Vm(t, n, i = "#6366f1") {
-  switch (t) {
-    case "button":
-      return Em(n.buttonStyle, i);
-    case "input":
-      return Am(n.inputStyle);
-    case "card":
-      return Pm(n.cardStyle);
-    case "badge":
-      return Im(n.badgeStyle ?? "solid", i);
-    case "tab":
-      return Rm(n.tabStyle ?? "underline", i);
-    case "toggle":
-      return Lm(n.toggleStyle ?? "default");
-    case "tooltip":
-      return Bm(n.tooltipStyle ?? "dark");
-    case "table":
-      return Fm(n.tableStyle ?? "default");
-    case "menu":
-      return {};
-    case "modal":
-      return {};
-    default:
-      return {};
-  }
-}
-function qm(t) {
-  const n = ja(t);
-  return {
-    "data-ntd-display-style": t,
-    "data-ntd-density": n.density,
-    "data-ntd-animation": n.animation,
-    "data-ntd-radius": n.radius,
-    "data-ntd-button": n.buttonStyle,
-    "data-ntd-input": n.inputStyle,
-    "data-ntd-card": n.cardStyle
-  };
-}
-function nr({
-  enabled: t,
-  readOnly: n,
-  disabled: i
-}) {
-  const [r, o] = W(!1), l = Se(!1), c = R(() => {
-    n || i || !t || (l.current = !0, o(!0));
-  }, [n, i, t]), s = R(() => {
-    o(!1);
-  }, []), p = R((d) => {
-    d && l.current && (l.current = !1, requestAnimationFrame(() => {
-      if (d.focus(), d instanceof HTMLInputElement || d instanceof HTMLTextAreaElement)
-        try {
-          d.select();
-        } catch {
-        }
-    }));
-  }, []);
-  return $e(() => {
-    (n || i) && r && o(!1);
-  }, [n, i, r]), {
-    isDisplay: !!t && !r,
-    enterEdit: c,
-    exitEdit: s,
-    autoFocusRef: p
-  };
-}
-const ir = ({
-  value: t,
-  placeholder: n,
-  disabled: i,
-  readOnly: r,
-  onActivate: o,
-  className: l,
-  ariaLabel: c
-}) => {
-  const s = t == null || t === "", p = (d) => {
-    i || r || (d.key === "Enter" || d.key === " ") && (d.preventDefault(), o());
-  };
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      role: "button",
-      tabIndex: i ? -1 : 0,
-      className: `nice-display-value ${s ? "nice-display-value--empty" : ""} ${i ? "nice-display-value--disabled" : ""} ${r ? "nice-display-value--readonly" : ""} ${l || ""}`.trim(),
-      onClick: () => {
-        !i && !r && o();
-      },
-      onKeyDown: p,
-      "aria-label": c,
-      "aria-disabled": i || void 0,
-      children: s ? n ?? "—" : t
-    }
-  );
-};
-function Ha(t) {
-  if (!t)
-    return "";
-  let n = t;
-  return n = n.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ""), n = n.replace(/\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, ""), n = n.replace(
-    /(href|src|action)\s*=\s*(?:"javascript:[^"]*"|'javascript:[^']*')/gi,
-    '$1=""'
-  ), n = n.replace(
-    /(href|src|action)\s*=\s*(?:"vbscript:[^"]*"|'vbscript:[^']*')/gi,
-    '$1=""'
-  ), n = n.replace(/<\/?(iframe|object|embed|form)\b[^>]*>/gi, ""), n;
-}
-const Km = {
   // ── Global / Generic ──
   ok: "OK",
   cancel: "Cancel",
@@ -5338,7 +3574,7 @@ const Km = {
   "noCode.codePreview.format": "Format Code",
   "noCode.codePreview.linesChanged": "Lines Changed",
   "noCode.codePreview.noChanges": "No Changes"
-}, Gm = {
+}, Mm = {
   ok: "OK",
   cancel: "Anuluj",
   save: "Zapisz",
@@ -5860,7 +4096,7 @@ const Km = {
   "noCode.codePreview.format": "Formatuj kod",
   "noCode.codePreview.linesChanged": "Zmienione linie",
   "noCode.codePreview.noChanges": "Brak zmian"
-}, Ym = {
+}, Dm = {
   ok: "OK",
   cancel: "Abbrechen",
   save: "Speichern",
@@ -6382,7 +4618,7 @@ const Km = {
   "noCode.codePreview.format": "Code formatieren",
   "noCode.codePreview.linesChanged": "Geänderte Zeilen",
   "noCode.codePreview.noChanges": "Keine Änderungen"
-}, Xm = {
+}, zm = {
   ok: "OK",
   cancel: "Annuler",
   save: "Enregistrer",
@@ -6904,7 +5140,7 @@ const Km = {
   "noCode.codePreview.format": "Formater le code",
   "noCode.codePreview.linesChanged": "Lignes modifiées",
   "noCode.codePreview.noChanges": "Aucune modification"
-}, Zm = {
+}, Tm = {
   ok: "OK",
   cancel: "Cancelar",
   save: "Guardar",
@@ -7267,7 +5503,7 @@ const Km = {
   "wm.minimizeAll": "Minimizar todo",
   "wm.newWindow": "Nueva ventana",
   "wm.moveToFront": "Al frente"
-}, Qm = {
+}, Em = {
   ok: "OK",
   cancel: "Annulla",
   save: "Salva",
@@ -7381,7 +5617,7 @@ const Km = {
   "lang.ko": "Coreano",
   "lang.zh": "Cinese",
   "lang.ar": "Arabo"
-}, Jm = {
+}, Am = {
   ok: "OK",
   cancel: "Cancelar",
   save: "Salvar",
@@ -7744,7 +5980,7 @@ const Km = {
   "wm.minimizeAll": "Minimizar todos",
   "wm.newWindow": "Nova janela",
   "wm.moveToFront": "Trazer para frente"
-}, eu = {
+}, Pm = {
   ok: "OK",
   cancel: "Annuleren",
   save: "Opslaan",
@@ -7829,7 +6065,7 @@ const Km = {
   "lang.ko": "Koreaans",
   "lang.zh": "Chinees",
   "lang.ar": "Arabisch"
-}, tu = {
+}, Im = {
   ok: "OK",
   cancel: "Avbryt",
   save: "Spara",
@@ -7899,7 +6135,7 @@ const Km = {
   "lang.ko": "Koreanska",
   "lang.zh": "Kinesiska",
   "lang.ar": "Arabiska"
-}, nu = {
+}, Rm = {
   ok: "OK",
   cancel: "Avbryt",
   save: "Lagre",
@@ -7962,7 +6198,7 @@ const Km = {
   "lang.ko": "Koreansk",
   "lang.zh": "Kinesisk",
   "lang.ar": "Arabisk"
-}, iu = {
+}, Lm = {
   ok: "OK",
   cancel: "Annuller",
   save: "Gem",
@@ -8025,7 +6261,7 @@ const Km = {
   "lang.ko": "Koreansk",
   "lang.zh": "Kinesisk",
   "lang.ar": "Arabisk"
-}, au = {
+}, Bm = {
   ok: "OK",
   cancel: "Peruuta",
   save: "Tallenna",
@@ -8088,7 +6324,7 @@ const Km = {
   "lang.ko": "Korea",
   "lang.zh": "Kiina",
   "lang.ar": "Arabia"
-}, ru = {
+}, Fm = {
   ok: "OK",
   cancel: "Zrušit",
   save: "Uložit",
@@ -8451,7 +6687,7 @@ const Km = {
   "wm.minimizeAll": "Minimalizovat vše",
   "wm.newWindow": "Nové okno",
   "wm.moveToFront": "Přenést dopředu"
-}, ou = {
+}, Om = {
   ok: "OK",
   cancel: "Zrušiť",
   save: "Uložiť",
@@ -8514,7 +6750,7 @@ const Km = {
   "lang.ko": "Kórejčina",
   "lang.zh": "Čínština",
   "lang.ar": "Arabčina"
-}, lu = {
+}, Wm = {
   ok: "OK",
   cancel: "Mégse",
   save: "Mentés",
@@ -8577,7 +6813,7 @@ const Km = {
   "lang.ko": "Koreai",
   "lang.zh": "Kínai",
   "lang.ar": "Arab"
-}, cu = {
+}, jm = {
   ok: "OK",
   cancel: "Anulare",
   save: "Salvare",
@@ -8632,7 +6868,7 @@ const Km = {
   "lang.ko": "Coreeană",
   "lang.zh": "Chineză",
   "lang.ar": "Arabă"
-}, su = {
+}, Hm = {
   ok: "OK",
   cancel: "Отказ",
   save: "Запис",
@@ -8687,7 +6923,7 @@ const Km = {
   "lang.ko": "Корейски",
   "lang.zh": "Китайски",
   "lang.ar": "Арабски"
-}, du = {
+}, Um = {
   ok: "OK",
   cancel: "Скасувати",
   save: "Зберегти",
@@ -9050,7 +7286,7 @@ const Km = {
   "wm.minimizeAll": "Згорнути всі",
   "wm.newWindow": "Нове вікно",
   "wm.moveToFront": "На передній план"
-}, pu = {
+}, Vm = {
   ok: "OK",
   cancel: "キャンセル",
   save: "保存",
@@ -9413,7 +7649,7 @@ const Km = {
   "wm.minimizeAll": "すべて最小化",
   "wm.newWindow": "新しいウィンドウ",
   "wm.moveToFront": "最前面に移動"
-}, mu = {
+}, qm = {
   ok: "확인",
   cancel: "취소",
   save: "저장",
@@ -9776,7 +8012,7 @@ const Km = {
   "wm.minimizeAll": "모두 최소화",
   "wm.newWindow": "새 창",
   "wm.moveToFront": "맨 앞으로"
-}, uu = {
+}, Km = {
   ok: "确定",
   cancel: "取消",
   save: "保存",
@@ -10139,7 +8375,7 @@ const Km = {
   "wm.minimizeAll": "最小化全部",
   "wm.newWindow": "新建窗口",
   "wm.moveToFront": "置于最前"
-}, hu = {
+}, Gm = {
   ok: "حسناً",
   cancel: "إلغاء",
   save: "حفظ",
@@ -10502,7 +8738,7 @@ const Km = {
   "wm.minimizeAll": "تصغير الكل",
   "wm.newWindow": "نافذة جديدة",
   "wm.moveToFront": "نقل إلى الأمام"
-}, gu = {
+}, Ym = {
   ok: "ठीक है",
   cancel: "रद्द करें",
   save: "सहेजें",
@@ -10513,7 +8749,7 @@ const Km = {
   error: "त्रुटि",
   success: "सफलता",
   search: "खोजें"
-}, fu = {
+}, Xm = {
   ok: "ঠিক আছে",
   cancel: "বাতিল",
   save: "সংরক্ষণ",
@@ -10524,7 +8760,7 @@ const Km = {
   error: "ত্রুটি",
   success: "সফল",
   search: "অনুসন্ধান"
-}, bu = {
+}, Zm = {
   ok: "ตกลง",
   cancel: "ยกเลิก",
   save: "บันทึก",
@@ -10535,117 +8771,1881 @@ const Km = {
   error: "ข้อผิดพลาด",
   success: "สำเร็จ",
   search: "ค้นหา"
+}, Qm = {
+  ok: "OK",
+  cancel: "Hủy",
+  save: "Lưu",
+  close: "Đóng",
+  yes: "Có",
+  no: "Không",
+  loading: "Đang tải…",
+  error: "Lỗi",
+  success: "Thành công",
+  search: "Tìm kiếm"
+}, Jm = {
+  ok: "OK",
+  cancel: "Batal",
+  save: "Simpan",
+  close: "Tutup",
+  yes: "Ya",
+  no: "Tidak",
+  loading: "Memuat…",
+  error: "Kesalahan",
+  success: "Berhasil",
+  search: "Cari"
+}, eu = {
+  ok: "Sawa",
+  cancel: "Ghairi",
+  save: "Hifadhi",
+  close: "Funga",
+  yes: "Ndiyo",
+  no: "Hapana",
+  loading: "Inapakia…",
+  error: "Hitilafu",
+  success: "Imefanikiwa",
+  search: "Tafuta"
+}, tu = {
+  ok: "OK",
+  cancel: "Kanselahin",
+  save: "I-save",
+  close: "Isara",
+  yes: "Oo",
+  no: "Hindi",
+  loading: "Naglo-load…",
+  error: "Error",
+  success: "Tagumpay",
+  search: "Maghanap"
+}, nu = {
+  ok: "OK",
+  cancel: "Batal",
+  save: "Simpan",
+  close: "Tutup",
+  yes: "Ya",
+  no: "Tidak",
+  loading: "Memuat…",
+  error: "Ralat",
+  success: "Berjaya",
+  search: "Cari"
+}, Fl = {
+  en: $m,
+  pl: Mm,
+  de: Dm,
+  fr: zm,
+  es: Tm,
+  it: Em,
+  pt: Am,
+  nl: Pm,
+  sv: Im,
+  no: Rm,
+  da: Lm,
+  fi: Bm,
+  cs: Fm,
+  sk: Om,
+  hu: Wm,
+  ro: jm,
+  bg: Hm,
+  uk: Um,
+  ja: Vm,
+  ko: qm,
+  zh: Km,
+  ar: Gm,
+  hi: Ym,
+  bn: Xm,
+  th: Zm,
+  vi: Qm,
+  id: Jm,
+  sw: eu,
+  fil: tu,
+  ms: nu
+}, iu = (t, n) => n, hs = kt(iu), au = ({
+  t,
+  lang: n = "en",
+  overrides: i,
+  children: r
+}) => {
+  const o = xe(() => {
+    if (t)
+      return t;
+    const l = Fl[n] ?? Fl.en, c = i ? { ...l, ...i } : l;
+    return (s, p) => c[s] ?? p;
+  }, [t, n, i]);
+  return /* @__PURE__ */ e(hs.Provider, { value: o, children: r });
+};
+function Ve() {
+  return { t: An(hs) };
+}
+kt({
+  dir: "ltr",
+  isRTL: !1,
+  flip: (t) => t,
+  value: (t) => t.ltr
+});
+kt(null);
+kt(null);
+/**
+ * @file themeVariants.ts
+ * @description Extended theme variants - radius, shadows, fills, gradients, effects
+ *
+ * Allows fine-grained customization of theme appearance
+ *
+ * @version 1.0.0
+ * @since 2026-03
+ * @license MIT
+ */
+const ru = {
+  none: {
+    xs: "0",
+    sm: "0",
+    md: "0",
+    lg: "0",
+    xl: "0",
+    full: "0"
+  },
+  sm: {
+    xs: "2px",
+    sm: "3px",
+    md: "4px",
+    lg: "6px",
+    xl: "8px",
+    full: "9999px"
+  },
+  md: {
+    xs: "4px",
+    sm: "6px",
+    md: "8px",
+    lg: "12px",
+    xl: "16px",
+    full: "9999px"
+  },
+  lg: {
+    xs: "6px",
+    sm: "10px",
+    md: "14px",
+    lg: "20px",
+    xl: "28px",
+    full: "9999px"
+  },
+  xl: {
+    xs: "10px",
+    sm: "16px",
+    md: "24px",
+    lg: "32px",
+    xl: "48px",
+    full: "9999px"
+  },
+  "2xl": {
+    xs: "16px",
+    sm: "24px",
+    md: "32px",
+    lg: "48px",
+    xl: "64px",
+    full: "9999px"
+  },
+  full: {
+    xs: "9999px",
+    sm: "9999px",
+    md: "9999px",
+    lg: "9999px",
+    xl: "9999px",
+    full: "9999px"
+  }
+}, ou = {
+  none: "none",
+  subtle: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
+  inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)",
+  colored: "0 4px 14px 0 var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.4))",
+  glow: "0 0 20px var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.5))"
+}, lu = {
+  none: "none",
+  subtle: "0 1px 2px 0 rgba(0, 0, 0, 0.2)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4)",
+  inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.3)",
+  colored: "0 4px 14px 0 var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.5))",
+  glow: "0 0 30px var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.6))"
+}, cu = {
+  compact: {
+    paddingX: "8px",
+    paddingY: "4px",
+    gap: "4px",
+    fontSize: "13px",
+    lineHeight: "1.3",
+    inputHeight: "28px",
+    buttonHeight: "28px"
+  },
+  normal: {
+    paddingX: "12px",
+    paddingY: "8px",
+    gap: "8px",
+    fontSize: "14px",
+    lineHeight: "1.5",
+    inputHeight: "36px",
+    buttonHeight: "36px"
+  },
+  comfortable: {
+    paddingX: "16px",
+    paddingY: "12px",
+    gap: "12px",
+    fontSize: "15px",
+    lineHeight: "1.6",
+    inputHeight: "44px",
+    buttonHeight: "44px"
+  },
+  spacious: {
+    paddingX: "24px",
+    paddingY: "16px",
+    gap: "16px",
+    fontSize: "16px",
+    lineHeight: "1.7",
+    inputHeight: "52px",
+    buttonHeight: "52px"
+  }
+}, su = {
+  none: {
+    duration: "0ms",
+    easing: "linear",
+    hoverScale: "1",
+    clickScale: "1",
+    enterAnimation: "none",
+    exitAnimation: "none"
+  },
+  subtle: {
+    duration: "150ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    hoverScale: "1.01",
+    clickScale: "0.99",
+    enterAnimation: "ntd-fade-in 150ms ease-out",
+    exitAnimation: "ntd-fade-out 100ms ease-in"
+  },
+  normal: {
+    duration: "200ms",
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    hoverScale: "1.02",
+    clickScale: "0.98",
+    enterAnimation: "ntd-slide-up 200ms ease-out",
+    exitAnimation: "ntd-slide-down 150ms ease-in"
+  },
+  playful: {
+    duration: "300ms",
+    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+    hoverScale: "1.05",
+    clickScale: "0.95",
+    enterAnimation: "ntd-bounce-in 300ms cubic-bezier(0.34, 1.56, 0.64, 1)",
+    exitAnimation: "ntd-bounce-out 200ms ease-in"
+  },
+  dramatic: {
+    duration: "400ms",
+    easing: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+    hoverScale: "1.08",
+    clickScale: "0.92",
+    enterAnimation: "ntd-zoom-in 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+    exitAnimation: "ntd-zoom-out 250ms ease-in"
+  }
+};
+function du(t, n) {
+  const i = {
+    transition: "all var(--ntd-transition-duration, 200ms) var(--ntd-transition-easing, ease)"
+  };
+  switch (t) {
+    case "flat":
+      return {
+        ...i,
+        background: n,
+        boxShadow: "none",
+        border: "none"
+      };
+    case "raised":
+      return {
+        ...i,
+        background: n,
+        boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)",
+        border: "none"
+      };
+    case "outlined":
+      return {
+        ...i,
+        background: "transparent",
+        border: `2px solid ${n}`,
+        color: n
+      };
+    case "ghost":
+      return {
+        ...i,
+        background: "transparent",
+        border: "none",
+        color: n
+      };
+    case "soft":
+      return {
+        ...i,
+        background: `${n}20`,
+        border: "none",
+        color: n
+      };
+    case "gradient":
+      return {
+        ...i,
+        background: `linear-gradient(135deg, ${n} 0%, ${Wr(n, -20)} 100%)`,
+        border: "none",
+        boxShadow: `0 4px 14px ${n}40`
+      };
+    case "3d":
+      return {
+        ...i,
+        background: n,
+        border: "none",
+        boxShadow: `0 4px 0 ${Wr(n, -30)}, 0 6px 10px rgba(0, 0, 0, 0.2)`,
+        transform: "translateY(-2px)"
+      };
+    case "neumorphic":
+      return {
+        ...i,
+        background: "var(--ntd-bg-surface)",
+        border: "none",
+        boxShadow: "5px 5px 10px rgba(0, 0, 0, 0.1), -5px -5px 10px rgba(255, 255, 255, 0.8)",
+        color: n
+      };
+    case "pill":
+      return {
+        ...i,
+        background: n,
+        border: "none",
+        borderRadius: "9999px",
+        paddingLeft: "24px",
+        paddingRight: "24px"
+      };
+    case "link":
+      return {
+        ...i,
+        background: "transparent",
+        border: "none",
+        color: n,
+        textDecoration: "underline",
+        padding: "0"
+      };
+    case "brutal":
+      return {
+        ...i,
+        background: n,
+        border: "3px solid #000",
+        boxShadow: "4px 4px 0 #000",
+        borderRadius: "0"
+      };
+    default:
+      return i;
+  }
+}
+function pu(t) {
+  const n = {
+    transition: "all var(--ntd-transition-duration, 200ms) var(--ntd-transition-easing, ease)"
+  };
+  switch (t) {
+    case "bordered":
+      return {
+        ...n,
+        background: "var(--ntd-bg-input, var(--bg-primary, transparent))",
+        border: "1px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
+        borderRadius: "var(--ntd-radius-md, 8px)"
+      };
+    case "filled":
+      return {
+        ...n,
+        background: "var(--ntd-bg-input-filled, var(--bg-secondary, rgba(255,255,255,0.06)))",
+        border: "2px solid transparent",
+        borderRadius: "var(--ntd-radius-md, 8px)"
+      };
+    case "underlined":
+      return {
+        ...n,
+        background: "transparent",
+        border: "none",
+        borderBottom: "2px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
+        borderRadius: "0",
+        paddingLeft: "0",
+        paddingRight: "0"
+      };
+    case "floating":
+      return {
+        ...n,
+        background: "var(--ntd-bg-input, var(--bg-primary, transparent))",
+        border: "1px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
+        borderRadius: "var(--ntd-radius-md, 8px)",
+        paddingTop: "20px"
+      };
+    case "soft":
+      return {
+        ...n,
+        background: "var(--ntd-color-primary-alpha, rgba(99, 102, 241, 0.1))",
+        border: "none",
+        borderRadius: "var(--ntd-radius-md, 8px)"
+      };
+    case "neumorphic":
+      return {
+        ...n,
+        background: "var(--ntd-bg-surface, var(--bg-primary, transparent))",
+        border: "none",
+        borderRadius: "var(--ntd-radius-md, 8px)",
+        boxShadow: "inset 3px 3px 6px rgba(0, 0, 0, 0.2), inset -3px -3px 6px rgba(255, 255, 255, 0.05)"
+      };
+    case "pill":
+      return {
+        ...n,
+        background: "var(--ntd-bg-input, var(--bg-primary, transparent))",
+        border: "1px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
+        borderRadius: "9999px",
+        paddingLeft: "20px",
+        paddingRight: "20px"
+      };
+    case "flush":
+      return {
+        ...n,
+        background: "transparent",
+        border: "none",
+        borderRadius: "0",
+        padding: "0",
+        outline: "none"
+      };
+    default:
+      return n;
+  }
+}
+function mu(t) {
+  const n = {
+    transition: "all var(--ntd-transition-duration, 200ms) var(--ntd-transition-easing, ease)"
+  };
+  switch (t) {
+    case "flat":
+      return {
+        ...n,
+        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
+        border: "none",
+        boxShadow: "none"
+      };
+    case "elevated":
+      return {
+        ...n,
+        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
+        border: "none",
+        boxShadow: "var(--ntd-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1))"
+      };
+    case "bordered":
+      return {
+        ...n,
+        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
+        border: "1px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
+        boxShadow: "none"
+      };
+    case "glass":
+      return {
+        ...n,
+        background: "rgba(255, 255, 255, 0.1)",
+        backdropFilter: "blur(10px)",
+        WebkitBackdropFilter: "blur(10px)",
+        border: "1px solid rgba(255, 255, 255, 0.2)",
+        boxShadow: "0 8px 32px rgba(0, 0, 0, 0.1)"
+      };
+    case "gradient":
+      return {
+        ...n,
+        background: "linear-gradient(135deg, var(--ntd-bg-surface) 0%, var(--ntd-bg-elevated) 100%)",
+        border: "none",
+        boxShadow: "var(--ntd-shadow-md)"
+      };
+    case "neumorphic":
+      return {
+        ...n,
+        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
+        border: "none",
+        boxShadow: "8px 8px 16px rgba(0, 0, 0, 0.2), -8px -8px 16px rgba(255, 255, 255, 0.05)"
+      };
+    case "outlined":
+      return {
+        ...n,
+        background: "transparent",
+        border: "2px solid var(--ntd-border-color, var(--border-color, #3a3a3a))",
+        boxShadow: "none"
+      };
+    case "paper":
+      return {
+        ...n,
+        background: "var(--ntd-bg-surface, var(--bg-secondary, transparent))",
+        border: "none",
+        boxShadow: "2px 3px 8px rgba(0,0,0,0.06)",
+        borderRadius: "2px"
+      };
+    default:
+      return n;
+  }
+}
+function uu(t, n) {
+  const i = {
+    display: "inline-flex",
+    alignItems: "center",
+    fontSize: "0.75rem",
+    fontWeight: "600",
+    lineHeight: "1"
+  };
+  switch (t) {
+    case "solid":
+      return { ...i, background: n, color: "#fff", padding: "2px 8px", borderRadius: "4px" };
+    case "soft":
+      return { ...i, background: `${n}20`, color: n, padding: "2px 8px", borderRadius: "4px" };
+    case "outlined":
+      return {
+        ...i,
+        background: "transparent",
+        border: `1px solid ${n}`,
+        color: n,
+        padding: "2px 8px",
+        borderRadius: "4px"
+      };
+    case "dot":
+      return {
+        ...i,
+        background: n,
+        width: "8px",
+        height: "8px",
+        borderRadius: "50%",
+        padding: "0"
+      };
+    case "pill":
+      return {
+        ...i,
+        background: n,
+        color: "#fff",
+        padding: "2px 12px",
+        borderRadius: "9999px"
+      };
+    case "gradient":
+      return {
+        ...i,
+        background: `linear-gradient(135deg, ${n}, ${Wr(n, -20)})`,
+        color: "#fff",
+        padding: "2px 8px",
+        borderRadius: "4px"
+      };
+    default:
+      return i;
+  }
+}
+function hu(t, n) {
+  switch (t) {
+    case "underline":
+      return {
+        borderBottom: `2px solid ${n}`,
+        background: "transparent",
+        color: n
+      };
+    case "pills":
+      return {
+        background: n,
+        color: "#fff",
+        borderRadius: "9999px",
+        padding: "6px 16px"
+      };
+    case "enclosed":
+      return {
+        background: "var(--ntd-bg-surface,#fff)",
+        border: "1px solid var(--ntd-border-color,#e5e7eb)",
+        borderBottom: "none",
+        borderRadius: "8px 8px 0 0"
+      };
+    case "soft":
+      return {
+        background: `${n}15`,
+        color: n,
+        borderRadius: "6px",
+        padding: "6px 16px"
+      };
+    case "lifted":
+      return {
+        background: "var(--ntd-bg-surface,#fff)",
+        boxShadow: "0 -2px 8px rgba(0,0,0,0.06)",
+        borderRadius: "8px 8px 0 0",
+        transform: "translateY(-2px)"
+      };
+    case "bordered":
+      return {
+        border: `2px solid ${n}`,
+        borderBottom: "none",
+        background: "transparent",
+        borderRadius: "8px 8px 0 0"
+      };
+    default:
+      return {};
+  }
+}
+function gu(t) {
+  switch (t) {
+    case "default":
+      return { borderRadius: "12px", width: "44px", height: "24px" };
+    case "ios":
+      return {
+        borderRadius: "16px",
+        width: "51px",
+        height: "31px",
+        boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.1)"
+      };
+    case "flat":
+      return { borderRadius: "4px", width: "40px", height: "22px" };
+    case "pill":
+      return { borderRadius: "9999px", width: "48px", height: "24px" };
+    case "square":
+      return { borderRadius: "0", width: "40px", height: "22px" };
+    default:
+      return {};
+  }
+}
+function fu(t) {
+  switch (t) {
+    case "dark":
+      return {
+        background: "#1f2937",
+        color: "#f9fafb",
+        borderRadius: "6px",
+        padding: "6px 12px",
+        boxShadow: "0 4px 12px rgba(0,0,0,0.3)"
+      };
+    case "light":
+      return {
+        background: "#fff",
+        color: "#374151",
+        borderRadius: "6px",
+        padding: "6px 12px",
+        boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
+        border: "1px solid #e5e7eb"
+      };
+    case "primary":
+      return {
+        background: "var(--color-primary,#6366f1)",
+        color: "#fff",
+        borderRadius: "6px",
+        padding: "6px 12px"
+      };
+    case "glass":
+      return {
+        background: "rgba(255,255,255,0.15)",
+        backdropFilter: "blur(12px)",
+        color: "#fff",
+        borderRadius: "8px",
+        padding: "8px 14px"
+      };
+    case "bordered":
+      return {
+        background: "#fff",
+        color: "#374151",
+        borderRadius: "6px",
+        padding: "6px 12px",
+        border: "2px solid var(--color-primary,#6366f1)"
+      };
+    default:
+      return {};
+  }
+}
+function bu(t) {
+  switch (t) {
+    case "default":
+      return { borderCollapse: "collapse" };
+    case "striped":
+      return { borderCollapse: "collapse" };
+    case "bordered":
+      return { border: "1px solid var(--ntd-border-color,#e5e7eb)", borderCollapse: "collapse" };
+    case "compact":
+      return { borderCollapse: "collapse", fontSize: "0.8125rem" };
+    case "hoverable":
+      return { borderCollapse: "collapse" };
+    case "minimal":
+      return {
+        borderCollapse: "collapse",
+        borderBottom: "1px solid var(--ntd-border-color,#e5e7eb)"
+      };
+    default:
+      return {};
+  }
+}
+const Wa = {
+  radius: "md",
+  shadow: "md",
+  fill: "solid",
+  buttonStyle: "flat",
+  inputStyle: "bordered",
+  cardStyle: "elevated",
+  badgeStyle: "solid",
+  tabStyle: "underline",
+  toggleStyle: "default",
+  tooltipStyle: "dark",
+  modalStyle: "default",
+  tableStyle: "default",
+  menuStyle: "default",
+  animation: "normal",
+  density: "normal"
 }, yu = {
-  ok: "OK",
-  cancel: "Hủy",
-  save: "Lưu",
-  close: "Đóng",
-  yes: "Có",
-  no: "Không",
-  loading: "Đang tải…",
-  error: "Lỗi",
-  success: "Thành công",
-  search: "Tìm kiếm"
-}, vu = {
-  ok: "OK",
-  cancel: "Batal",
-  save: "Simpan",
-  close: "Tutup",
-  yes: "Ya",
-  no: "Tidak",
-  loading: "Memuat…",
-  error: "Kesalahan",
-  success: "Berhasil",
-  search: "Cari"
-}, _u = {
-  ok: "Sawa",
-  cancel: "Ghairi",
-  save: "Hifadhi",
-  close: "Funga",
-  yes: "Ndiyo",
-  no: "Hapana",
-  loading: "Inapakia…",
-  error: "Hitilafu",
-  success: "Imefanikiwa",
-  search: "Tafuta"
-}, wu = {
-  ok: "OK",
-  cancel: "Kanselahin",
-  save: "I-save",
-  close: "Isara",
-  yes: "Oo",
-  no: "Hindi",
-  loading: "Naglo-load…",
-  error: "Error",
-  success: "Tagumpay",
-  search: "Maghanap"
-}, xu = {
-  ok: "OK",
-  cancel: "Batal",
-  save: "Simpan",
-  close: "Tutup",
-  yes: "Ya",
-  no: "Tidak",
-  loading: "Memuat…",
-  error: "Ralat",
-  success: "Berjaya",
-  search: "Cari"
-}, Fl = {
-  en: Km,
-  pl: Gm,
-  de: Ym,
-  fr: Xm,
-  es: Zm,
-  it: Qm,
-  pt: Jm,
-  nl: eu,
-  sv: tu,
-  no: nu,
-  da: iu,
-  fi: au,
-  cs: ru,
-  sk: ou,
-  hu: lu,
-  ro: cu,
-  bg: su,
-  uk: du,
-  ja: pu,
-  ko: mu,
-  zh: uu,
-  ar: hu,
-  hi: gu,
-  bn: fu,
-  th: bu,
-  vi: yu,
-  id: vu,
-  sw: _u,
-  fil: wu,
-  ms: xu
-}, Nu = (t, n) => n, fs = kt(Nu), ku = ({
-  t,
-  lang: n = "en",
-  overrides: i,
-  children: r
-}) => {
-  const o = xe(() => {
-    if (t)
-      return t;
-    const l = Fl[n] ?? Fl.en, c = i ? { ...l, ...i } : l;
-    return (s, p) => c[s] ?? p;
-  }, [t, n, i]);
-  return /* @__PURE__ */ e(fs.Provider, { value: o, children: r });
+  minimal: {
+    radius: "sm",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "flat",
+    inputStyle: "underlined",
+    cardStyle: "flat",
+    badgeStyle: "soft",
+    tabStyle: "underline",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "normal"
+  },
+  rounded: {
+    radius: "xl",
+    shadow: "md",
+    fill: "solid",
+    buttonStyle: "raised",
+    inputStyle: "filled",
+    cardStyle: "elevated",
+    badgeStyle: "pill",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "dark",
+    tableStyle: "default",
+    animation: "normal",
+    density: "comfortable"
+  },
+  sharp: {
+    radius: "none",
+    shadow: "lg",
+    fill: "solid",
+    buttonStyle: "flat",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "solid",
+    tabStyle: "enclosed",
+    toggleStyle: "square",
+    tooltipStyle: "dark",
+    tableStyle: "bordered",
+    animation: "subtle",
+    density: "compact"
+  },
+  glass: {
+    radius: "lg",
+    shadow: "none",
+    fill: "glass",
+    buttonStyle: "ghost",
+    inputStyle: "soft",
+    cardStyle: "glass",
+    badgeStyle: "soft",
+    tabStyle: "soft",
+    toggleStyle: "ios",
+    tooltipStyle: "glass",
+    tableStyle: "minimal",
+    animation: "normal",
+    density: "normal"
+  },
+  neumorphic: {
+    radius: "lg",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "neumorphic",
+    inputStyle: "neumorphic",
+    cardStyle: "neumorphic",
+    badgeStyle: "soft",
+    tabStyle: "lifted",
+    toggleStyle: "ios",
+    tooltipStyle: "light",
+    tableStyle: "default",
+    animation: "subtle",
+    density: "comfortable"
+  },
+  playful: {
+    radius: "2xl",
+    shadow: "colored",
+    fill: "gradient-linear",
+    buttonStyle: "gradient",
+    inputStyle: "filled",
+    cardStyle: "gradient",
+    badgeStyle: "gradient",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "primary",
+    tableStyle: "hoverable",
+    animation: "playful",
+    density: "comfortable"
+  },
+  enterprise: {
+    radius: "sm",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "outlined",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "outlined",
+    tabStyle: "enclosed",
+    toggleStyle: "default",
+    tooltipStyle: "dark",
+    tableStyle: "striped",
+    animation: "subtle",
+    density: "compact"
+  },
+  modern3d: {
+    radius: "lg",
+    shadow: "xl",
+    fill: "gradient-linear",
+    buttonStyle: "3d",
+    inputStyle: "filled",
+    cardStyle: "elevated",
+    badgeStyle: "gradient",
+    tabStyle: "lifted",
+    toggleStyle: "ios",
+    tooltipStyle: "dark",
+    tableStyle: "default",
+    animation: "normal",
+    density: "normal"
+  },
+  brutalist: {
+    radius: "none",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "brutal",
+    inputStyle: "bordered",
+    cardStyle: "outlined",
+    badgeStyle: "solid",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "none",
+    density: "normal"
+  },
+  luxe: {
+    radius: "sm",
+    shadow: "lg",
+    fill: "gradient-linear",
+    buttonStyle: "gradient",
+    inputStyle: "floating",
+    cardStyle: "elevated",
+    badgeStyle: "gradient",
+    tabStyle: "underline",
+    toggleStyle: "ios",
+    tooltipStyle: "dark",
+    tableStyle: "hoverable",
+    animation: "normal",
+    density: "comfortable"
+  },
+  pill: {
+    radius: "full",
+    shadow: "md",
+    fill: "solid",
+    buttonStyle: "pill",
+    inputStyle: "pill",
+    cardStyle: "elevated",
+    badgeStyle: "pill",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "dark",
+    tableStyle: "default",
+    animation: "normal",
+    density: "normal"
+  },
+  flat: {
+    radius: "md",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "flat",
+    inputStyle: "filled",
+    cardStyle: "flat",
+    badgeStyle: "soft",
+    tabStyle: "soft",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "normal"
+  },
+  editorial: {
+    radius: "none",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "ghost",
+    inputStyle: "underlined",
+    cardStyle: "paper",
+    badgeStyle: "outlined",
+    tabStyle: "underline",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "comfortable"
+  },
+  dashboard: {
+    radius: "md",
+    shadow: "md",
+    fill: "solid",
+    buttonStyle: "flat",
+    inputStyle: "bordered",
+    cardStyle: "elevated",
+    badgeStyle: "solid",
+    tabStyle: "enclosed",
+    toggleStyle: "default",
+    tooltipStyle: "dark",
+    tableStyle: "striped",
+    animation: "subtle",
+    density: "compact"
+  },
+  softCloud: {
+    radius: "xl",
+    shadow: "subtle",
+    fill: "frosted",
+    buttonStyle: "soft",
+    inputStyle: "soft",
+    cardStyle: "glass",
+    badgeStyle: "soft",
+    tabStyle: "soft",
+    toggleStyle: "ios",
+    tooltipStyle: "glass",
+    tableStyle: "hoverable",
+    animation: "normal",
+    density: "comfortable"
+  },
+  cosmic: {
+    radius: "lg",
+    shadow: "glow",
+    fill: "mesh",
+    buttonStyle: "gradient",
+    inputStyle: "soft",
+    cardStyle: "glass",
+    badgeStyle: "gradient",
+    tabStyle: "pills",
+    toggleStyle: "ios",
+    tooltipStyle: "glass",
+    tableStyle: "hoverable",
+    animation: "dramatic",
+    density: "comfortable"
+  },
+  // ── Additional presets — serious to playful ──────────────
+  /** Corporate: safe, grey, no flair */
+  corporate: {
+    radius: "sm",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "outlined",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "outlined",
+    tabStyle: "enclosed",
+    toggleStyle: "default",
+    tooltipStyle: "dark",
+    tableStyle: "striped",
+    animation: "none",
+    density: "compact"
+  },
+  /** Bank: ultra-conservative, heavy borders, no fun */
+  bank: {
+    radius: "none",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "outlined",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "solid",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "dark",
+    tableStyle: "bordered",
+    animation: "none",
+    density: "compact"
+  },
+  /** Government: minimal, accessible, high contrast */
+  government: {
+    radius: "sm",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "flat",
+    inputStyle: "bordered",
+    cardStyle: "flat",
+    badgeStyle: "solid",
+    tabStyle: "enclosed",
+    toggleStyle: "default",
+    tooltipStyle: "dark",
+    tableStyle: "striped",
+    animation: "none",
+    density: "normal"
+  },
+  /** Military: dark, angular, no-nonsense */
+  military: {
+    radius: "none",
+    shadow: "lg",
+    fill: "solid",
+    buttonStyle: "raised",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "solid",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "dark",
+    tableStyle: "bordered",
+    animation: "none",
+    density: "compact"
+  },
+  /** Legal: typographic, clean, paper-like */
+  legal: {
+    radius: "none",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "ghost",
+    inputStyle: "underlined",
+    cardStyle: "paper",
+    badgeStyle: "outlined",
+    tabStyle: "underline",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "none",
+    density: "comfortable"
+  },
+  /** Medical: clean, blue-toned, professional */
+  medical: {
+    radius: "md",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "soft",
+    inputStyle: "bordered",
+    cardStyle: "elevated",
+    badgeStyle: "soft",
+    tabStyle: "enclosed",
+    toggleStyle: "ios",
+    tooltipStyle: "light",
+    tableStyle: "striped",
+    animation: "subtle",
+    density: "normal"
+  },
+  /** Swiss: grid-based, clean typography, precision */
+  swiss: {
+    radius: "none",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "flat",
+    inputStyle: "underlined",
+    cardStyle: "flat",
+    badgeStyle: "outlined",
+    tabStyle: "underline",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "normal"
+  },
+  /** Scandinavian: soft, warm, spacious, hygge */
+  scandinavian: {
+    radius: "lg",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "soft",
+    inputStyle: "filled",
+    cardStyle: "flat",
+    badgeStyle: "soft",
+    tabStyle: "soft",
+    toggleStyle: "ios",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "spacious"
+  },
+  /** Bauhaus: geometric, primary colors, strong lines */
+  bauhaus: {
+    radius: "none",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "flat",
+    inputStyle: "bordered",
+    cardStyle: "outlined",
+    badgeStyle: "solid",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "none",
+    density: "normal"
+  },
+  /** Notebook: handwritten feel, paper textures, soft */
+  notebook: {
+    radius: "md",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "ghost",
+    inputStyle: "underlined",
+    cardStyle: "paper",
+    badgeStyle: "soft",
+    tabStyle: "underline",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "comfortable"
+  },
+  /** Terminal: monospace, dark, retro-computing */
+  terminal: {
+    radius: "none",
+    shadow: "glow",
+    fill: "solid",
+    buttonStyle: "outlined",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "solid",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "none",
+    density: "compact"
+  },
+  /** Hacker: neon green on black, matrix style */
+  hacker: {
+    radius: "none",
+    shadow: "glow",
+    fill: "solid",
+    buttonStyle: "outlined",
+    inputStyle: "bordered",
+    cardStyle: "outlined",
+    badgeStyle: "outlined",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "subtle",
+    density: "compact"
+  },
+  /** Retro8bit: pixel art inspired, chunky, fun */
+  retro8bit: {
+    radius: "none",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "brutal",
+    inputStyle: "bordered",
+    cardStyle: "outlined",
+    badgeStyle: "solid",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "none",
+    density: "normal"
+  },
+  /** Vapor: vaporwave 80s aesthetics, gradients, neon */
+  vapor: {
+    radius: "lg",
+    shadow: "glow",
+    fill: "gradient-linear",
+    buttonStyle: "gradient",
+    inputStyle: "soft",
+    cardStyle: "glass",
+    badgeStyle: "gradient",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "glass",
+    tableStyle: "hoverable",
+    animation: "playful",
+    density: "comfortable"
+  },
+  /** Synthwave: 80s synth, neon grids, chrome */
+  synthwave: {
+    radius: "md",
+    shadow: "glow",
+    fill: "gradient-linear",
+    buttonStyle: "3d",
+    inputStyle: "filled",
+    cardStyle: "glass",
+    badgeStyle: "gradient",
+    tabStyle: "lifted",
+    toggleStyle: "ios",
+    tooltipStyle: "glass",
+    tableStyle: "hoverable",
+    animation: "dramatic",
+    density: "normal"
+  },
+  /** Cyberpunk: angular, neon, glitch aesthetics */
+  cyberpunk: {
+    radius: "none",
+    shadow: "glow",
+    fill: "gradient-linear",
+    buttonStyle: "brutal",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "solid",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "dramatic",
+    density: "compact"
+  },
+  /** Steampunk: brass, gears, Victorian tech */
+  steampunk: {
+    radius: "sm",
+    shadow: "inner",
+    fill: "solid",
+    buttonStyle: "raised",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "solid",
+    tabStyle: "enclosed",
+    toggleStyle: "default",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "subtle",
+    density: "normal"
+  },
+  /** Origami: folded paper, subtle shadows, layered */
+  origami: {
+    radius: "none",
+    shadow: "md",
+    fill: "solid",
+    buttonStyle: "raised",
+    inputStyle: "filled",
+    cardStyle: "elevated",
+    badgeStyle: "soft",
+    tabStyle: "lifted",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "default",
+    animation: "normal",
+    density: "normal"
+  },
+  /** Watercolor: soft edges, bleed, artistic */
+  watercolor: {
+    radius: "2xl",
+    shadow: "subtle",
+    fill: "frosted",
+    buttonStyle: "soft",
+    inputStyle: "soft",
+    cardStyle: "glass",
+    badgeStyle: "soft",
+    tabStyle: "soft",
+    toggleStyle: "pill",
+    tooltipStyle: "glass",
+    tableStyle: "minimal",
+    animation: "normal",
+    density: "comfortable"
+  },
+  /** Neon: bright glowing outlines on dark */
+  neon: {
+    radius: "md",
+    shadow: "glow",
+    fill: "solid",
+    buttonStyle: "outlined",
+    inputStyle: "bordered",
+    cardStyle: "outlined",
+    badgeStyle: "outlined",
+    tabStyle: "bordered",
+    toggleStyle: "default",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "dramatic",
+    density: "normal"
+  },
+  /** Candy: sweet, pastel, rounded, fun */
+  candy: {
+    radius: "2xl",
+    shadow: "colored",
+    fill: "gradient-linear",
+    buttonStyle: "pill",
+    inputStyle: "pill",
+    cardStyle: "elevated",
+    badgeStyle: "pill",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "primary",
+    tableStyle: "hoverable",
+    animation: "playful",
+    density: "comfortable"
+  },
+  /** Bubblegum: pink, puffy, extremely round */
+  bubblegum: {
+    radius: "full",
+    shadow: "colored",
+    fill: "gradient-radial",
+    buttonStyle: "pill",
+    inputStyle: "pill",
+    cardStyle: "elevated",
+    badgeStyle: "pill",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "primary",
+    tableStyle: "hoverable",
+    animation: "playful",
+    density: "spacious"
+  },
+  /** Cartoon: thick outlines, bold colors, exaggerated */
+  cartoon: {
+    radius: "xl",
+    shadow: "colored",
+    fill: "solid",
+    buttonStyle: "brutal",
+    inputStyle: "bordered",
+    cardStyle: "outlined",
+    badgeStyle: "solid",
+    tabStyle: "enclosed",
+    toggleStyle: "pill",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "playful",
+    density: "comfortable"
+  },
+  /** Kawaii: cute, pastel, round, sparkly */
+  kawaii: {
+    radius: "full",
+    shadow: "colored",
+    fill: "gradient-linear",
+    buttonStyle: "pill",
+    inputStyle: "pill",
+    cardStyle: "gradient",
+    badgeStyle: "pill",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "primary",
+    tableStyle: "hoverable",
+    animation: "dramatic",
+    density: "spacious"
+  },
+  /** Circus: bold, striped, loud, attention-grabbing */
+  circus: {
+    radius: "full",
+    shadow: "colored",
+    fill: "gradient-conic",
+    buttonStyle: "gradient",
+    inputStyle: "filled",
+    cardStyle: "gradient",
+    badgeStyle: "gradient",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "primary",
+    tableStyle: "striped",
+    animation: "dramatic",
+    density: "spacious"
+  },
+  /** Paper: minimal white, subtle shadows, like paper on desk */
+  paper: {
+    radius: "sm",
+    shadow: "md",
+    fill: "solid",
+    buttonStyle: "ghost",
+    inputStyle: "underlined",
+    cardStyle: "paper",
+    badgeStyle: "soft",
+    tabStyle: "underline",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "comfortable"
+  },
+  /** Zen: ultra-minimal, lots of whitespace, calm */
+  zen: {
+    radius: "md",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "ghost",
+    inputStyle: "underlined",
+    cardStyle: "flat",
+    badgeStyle: "soft",
+    tabStyle: "underline",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "spacious"
+  },
+  /** Monochrome: black & white only, pure typography */
+  monochrome: {
+    radius: "none",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "outlined",
+    inputStyle: "bordered",
+    cardStyle: "outlined",
+    badgeStyle: "outlined",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "none",
+    density: "normal"
+  },
+  /** Windows95: chunky, beveled 3D, classic OS */
+  windows95: {
+    radius: "none",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "raised",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "solid",
+    tabStyle: "enclosed",
+    toggleStyle: "square",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "none",
+    density: "compact"
+  },
+  /** Material: Google Material Design inspired */
+  material: {
+    radius: "md",
+    shadow: "md",
+    fill: "solid",
+    buttonStyle: "raised",
+    inputStyle: "filled",
+    cardStyle: "elevated",
+    badgeStyle: "solid",
+    tabStyle: "underline",
+    toggleStyle: "default",
+    tooltipStyle: "dark",
+    tableStyle: "default",
+    animation: "normal",
+    density: "normal"
+  },
+  /** Fluent: Microsoft Fluent Design — acrylic, reveal, depth */
+  fluent: {
+    radius: "md",
+    shadow: "subtle",
+    fill: "frosted",
+    buttonStyle: "soft",
+    inputStyle: "filled",
+    cardStyle: "glass",
+    badgeStyle: "soft",
+    tabStyle: "soft",
+    toggleStyle: "ios",
+    tooltipStyle: "glass",
+    tableStyle: "hoverable",
+    animation: "subtle",
+    density: "normal"
+  },
+  /** Cupertino: Apple iOS/macOS style */
+  cupertino: {
+    radius: "xl",
+    shadow: "md",
+    fill: "frosted",
+    buttonStyle: "soft",
+    inputStyle: "filled",
+    cardStyle: "glass",
+    badgeStyle: "pill",
+    tabStyle: "pills",
+    toggleStyle: "ios",
+    tooltipStyle: "glass",
+    tableStyle: "minimal",
+    animation: "normal",
+    density: "comfortable"
+  },
+  /** Ant: Ant Design inspired — clean, professional */
+  ant: {
+    radius: "md",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "raised",
+    inputStyle: "bordered",
+    cardStyle: "elevated",
+    badgeStyle: "solid",
+    tabStyle: "underline",
+    toggleStyle: "default",
+    tooltipStyle: "dark",
+    tableStyle: "default",
+    animation: "subtle",
+    density: "normal"
+  },
+  /** Bootstrap: Bootstrap-like rounded, standard */
+  bootstrap: {
+    radius: "md",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "raised",
+    inputStyle: "bordered",
+    cardStyle: "elevated",
+    badgeStyle: "pill",
+    tabStyle: "underline",
+    toggleStyle: "default",
+    tooltipStyle: "dark",
+    tableStyle: "striped",
+    animation: "subtle",
+    density: "normal"
+  },
+  /** Chakra: Chakra UI inspired — accessible, clean */
+  chakra: {
+    radius: "md",
+    shadow: "md",
+    fill: "solid",
+    buttonStyle: "raised",
+    inputStyle: "bordered",
+    cardStyle: "elevated",
+    badgeStyle: "soft",
+    tabStyle: "enclosed",
+    toggleStyle: "default",
+    tooltipStyle: "dark",
+    tableStyle: "default",
+    animation: "normal",
+    density: "normal"
+  },
+  /** Notion: Notion-like clean, text-focused, minimal UI */
+  notion: {
+    radius: "sm",
+    shadow: "none",
+    fill: "solid",
+    buttonStyle: "ghost",
+    inputStyle: "flush",
+    cardStyle: "flat",
+    badgeStyle: "soft",
+    tabStyle: "underline",
+    toggleStyle: "flat",
+    tooltipStyle: "light",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "normal"
+  },
+  /** Linear: Linear app inspired — sleek, dark, polished */
+  linear: {
+    radius: "md",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "soft",
+    inputStyle: "filled",
+    cardStyle: "elevated",
+    badgeStyle: "soft",
+    tabStyle: "soft",
+    toggleStyle: "ios",
+    tooltipStyle: "dark",
+    tableStyle: "hoverable",
+    animation: "subtle",
+    density: "compact"
+  },
+  /** Vercel: Vercel/Next.js — black/white, sharp, modern */
+  vercel: {
+    radius: "md",
+    shadow: "subtle",
+    fill: "solid",
+    buttonStyle: "outlined",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "outlined",
+    tabStyle: "underline",
+    toggleStyle: "default",
+    tooltipStyle: "dark",
+    tableStyle: "minimal",
+    animation: "subtle",
+    density: "normal"
+  },
+  /** Gaming: dark, neon accents, angular, aggressive */
+  gaming: {
+    radius: "none",
+    shadow: "glow",
+    fill: "gradient-linear",
+    buttonStyle: "3d",
+    inputStyle: "bordered",
+    cardStyle: "bordered",
+    badgeStyle: "gradient",
+    tabStyle: "bordered",
+    toggleStyle: "square",
+    tooltipStyle: "bordered",
+    tableStyle: "bordered",
+    animation: "dramatic",
+    density: "normal"
+  },
+  /** Kiddo: colorful, big, puffy, child-friendly */
+  kiddo: {
+    radius: "2xl",
+    shadow: "colored",
+    fill: "gradient-radial",
+    buttonStyle: "pill",
+    inputStyle: "pill",
+    cardStyle: "gradient",
+    badgeStyle: "pill",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "primary",
+    tableStyle: "hoverable",
+    animation: "playful",
+    density: "spacious"
+  },
+  /** Disco: flashing, colorful, animated, party time */
+  disco: {
+    radius: "full",
+    shadow: "glow",
+    fill: "gradient-conic",
+    buttonStyle: "gradient",
+    inputStyle: "filled",
+    cardStyle: "gradient",
+    badgeStyle: "gradient",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "glass",
+    tableStyle: "hoverable",
+    animation: "dramatic",
+    density: "comfortable"
+  },
+  /** Clown: maximum chaos, the least serious possible */
+  clown: {
+    radius: "full",
+    shadow: "colored",
+    fill: "gradient-conic",
+    buttonStyle: "brutal",
+    inputStyle: "pill",
+    cardStyle: "gradient",
+    badgeStyle: "gradient",
+    tabStyle: "pills",
+    toggleStyle: "pill",
+    tooltipStyle: "primary",
+    tableStyle: "striped",
+    animation: "dramatic",
+    density: "spacious"
+  }
 };
-function Ve() {
-  return { t: An(fs) };
+function vu(t, n = ":root") {
+  const i = ru[t.radius], r = t.shadow, o = cu[t.density], l = su[t.animation], c = [`${n} {`];
+  for (const [s, p] of Object.entries(i))
+    c.push(`  --ntd-radius-${s}: ${p};`);
+  c.push(`  --ntd-shadow: ${ou[r]};`), c.push(`  --ntd-shadow-dark: ${lu[r]};`);
+  for (const [s, p] of Object.entries(o)) {
+    const d = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+    c.push(`  --ntd-${d}: ${p};`);
+  }
+  for (const [s, p] of Object.entries(l)) {
+    const d = s.replace(/([A-Z])/g, "-$1").toLowerCase();
+    c.push(`  --ntd-animation-${d}: ${p};`);
+  }
+  return t.backgroundImage && c.push(`  --ntd-bg-image: url('${t.backgroundImage}');`), t.backgroundOverlay && c.push(`  --ntd-bg-overlay: ${t.backgroundOverlay};`), c.push("}"), c.join(`
+`);
 }
-kt({
-  dir: "ltr",
-  isRTL: !1,
-  flip: (t) => t,
-  value: (t) => t.ltr
+function _u(t, n = document.documentElement, i) {
+  const r = i ? `[data-ntd-provider="${i}"]` : ":root", o = i ? `ntd-variant-styles-${i}` : "ntd-variant-styles", l = vu(t, r);
+  let c = document.getElementById(o);
+  c || (c = document.createElement("style"), c.id = o, document.head.appendChild(c)), c.textContent = l, i && n.setAttribute("data-ntd-provider", i), n.dataset.ntdRadius = t.radius, n.dataset.ntdShadow = t.shadow, n.dataset.ntdFill = t.fill, n.dataset.ntdButton = t.buttonStyle, n.dataset.ntdInput = t.inputStyle, n.dataset.ntdCard = t.cardStyle, n.dataset.ntdAnimation = t.animation, n.dataset.ntdDensity = t.density, t.badgeStyle && (n.dataset.ntdBadge = t.badgeStyle), t.tabStyle && (n.dataset.ntdTab = t.tabStyle), t.toggleStyle && (n.dataset.ntdToggle = t.toggleStyle), t.tooltipStyle && (n.dataset.ntdTooltip = t.tooltipStyle), t.modalStyle && (n.dataset.ntdModal = t.modalStyle), t.tableStyle && (n.dataset.ntdTable = t.tableStyle), t.menuStyle && (n.dataset.ntdMenu = t.menuStyle);
+}
+function wu(t, n) {
+  const i = document.getElementById(`ntd-variant-styles-${t}`);
+  i && i.remove(), n && n.removeAttribute("data-ntd-provider");
+}
+function Wr(t, n) {
+  if (t.startsWith("#")) {
+    const i = t.slice(1), r = parseInt(i, 16), o = Math.max(0, Math.min(255, (r >> 16 & 255) + n)), l = Math.max(0, Math.min(255, (r >> 8 & 255) + n)), c = Math.max(0, Math.min(255, (r & 255) + n));
+    return `#${(o << 16 | l << 8 | c).toString(16).padStart(6, "0")}`;
+  }
+  return t;
+}
+const xu = [
+  // Core
+  "default",
+  "minimal",
+  "rounded",
+  "sharp",
+  "glass",
+  "neumorphic",
+  "playful",
+  "enterprise",
+  "modern3d",
+  "brutalist",
+  "luxe",
+  "pill",
+  "flat",
+  "editorial",
+  "dashboard",
+  "softCloud",
+  "cosmic",
+  // Professional
+  "corporate",
+  "bank",
+  "government",
+  "military",
+  "legal",
+  "medical",
+  "swiss",
+  "scandinavian",
+  // Artistic
+  "bauhaus",
+  "notebook",
+  "origami",
+  "watercolor",
+  "monochrome",
+  "paper",
+  "zen",
+  // Tech / Retro
+  "terminal",
+  "hacker",
+  "retro8bit",
+  "synthwave",
+  "cyberpunk",
+  "steampunk",
+  "vapor",
+  "neon",
+  "windows95",
+  // Design Systems
+  "material",
+  "fluent",
+  "cupertino",
+  "ant",
+  "bootstrap",
+  "chakra",
+  "notion",
+  "linear",
+  "vercel",
+  // Fun
+  "candy",
+  "bubblegum",
+  "cartoon",
+  "kawaii",
+  "circus",
+  "gaming",
+  "kiddo",
+  "disco",
+  "clown"
+];
+function ja(t) {
+  return t === "default" ? Wa : yu[t] ?? Wa;
+}
+const gs = kt({
+  displayStyle: "default",
+  variantConfig: Wa,
+  setDisplayStyle: () => {
+  }
 });
-kt(null);
-kt(null);
+function fs(t) {
+  const n = An(gs), i = t ?? n.displayStyle ?? "default", r = ja(i);
+  return { style: i, config: r };
+}
+function Zt(t, n, i = "var(--color-primary, #6366f1)") {
+  const { config: r } = fs(n);
+  return Nu(t, r, i);
+}
+function Lt(t, n) {
+  const { config: i } = fs(n);
+  switch (t) {
+    case "button":
+      return i.buttonStyle;
+    case "input":
+      return i.inputStyle;
+    case "card":
+      return i.cardStyle;
+    case "badge":
+      return i.badgeStyle ?? "solid";
+    case "tab":
+      return i.tabStyle ?? "underline";
+    case "toggle":
+      return i.toggleStyle ?? "default";
+    case "tooltip":
+      return i.tooltipStyle ?? "dark";
+    case "modal":
+      return i.modalStyle ?? "default";
+    case "table":
+      return i.tableStyle ?? "default";
+    case "menu":
+      return i.menuStyle ?? "default";
+    default:
+      return "default";
+  }
+}
+function Nu(t, n, i = "#6366f1") {
+  switch (t) {
+    case "button":
+      return du(n.buttonStyle, i);
+    case "input":
+      return pu(n.inputStyle);
+    case "card":
+      return mu(n.cardStyle);
+    case "badge":
+      return uu(n.badgeStyle ?? "solid", i);
+    case "tab":
+      return hu(n.tabStyle ?? "underline", i);
+    case "toggle":
+      return gu(n.toggleStyle ?? "default");
+    case "tooltip":
+      return fu(n.tooltipStyle ?? "dark");
+    case "table":
+      return bu(n.tableStyle ?? "default");
+    case "menu":
+      return {};
+    case "modal":
+      return {};
+    default:
+      return {};
+  }
+}
+function ku(t) {
+  const n = ja(t);
+  return {
+    "data-ntd-display-style": t,
+    "data-ntd-density": n.density,
+    "data-ntd-animation": n.animation,
+    "data-ntd-radius": n.radius,
+    "data-ntd-button": n.buttonStyle,
+    "data-ntd-input": n.inputStyle,
+    "data-ntd-card": n.cardStyle
+  };
+}
+function nr({
+  enabled: t,
+  readOnly: n,
+  disabled: i
+}) {
+  const [r, o] = W(!1), l = Se(!1), c = R(() => {
+    n || i || !t || (l.current = !0, o(!0));
+  }, [n, i, t]), s = R(() => {
+    o(!1);
+  }, []), p = R((d) => {
+    d && l.current && (l.current = !1, requestAnimationFrame(() => {
+      if (d.focus(), d instanceof HTMLInputElement || d instanceof HTMLTextAreaElement)
+        try {
+          d.select();
+        } catch {
+        }
+    }));
+  }, []);
+  return $e(() => {
+    (n || i) && r && o(!1);
+  }, [n, i, r]), {
+    isDisplay: !!t && !r,
+    enterEdit: c,
+    exitEdit: s,
+    autoFocusRef: p
+  };
+}
+const ir = ({
+  value: t,
+  placeholder: n,
+  disabled: i,
+  readOnly: r,
+  onActivate: o,
+  className: l,
+  ariaLabel: c
+}) => {
+  const s = t == null || t === "", p = (d) => {
+    i || r || (d.key === "Enter" || d.key === " ") && (d.preventDefault(), o());
+  };
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      role: "button",
+      tabIndex: i ? -1 : 0,
+      className: `nice-display-value ${s ? "nice-display-value--empty" : ""} ${i ? "nice-display-value--disabled" : ""} ${r ? "nice-display-value--readonly" : ""} ${l || ""}`.trim(),
+      onClick: () => {
+        !i && !r && o();
+      },
+      onKeyDown: p,
+      "aria-label": c,
+      "aria-disabled": i || void 0,
+      children: s ? n ?? "—" : t
+    }
+  );
+};
+function Ha(t) {
+  if (!t)
+    return "";
+  let n = t;
+  return n = n.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ""), n = n.replace(/\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, ""), n = n.replace(
+    /(href|src|action)\s*=\s*(?:"javascript:[^"]*"|'javascript:[^']*')/gi,
+    '$1=""'
+  ), n = n.replace(
+    /(href|src|action)\s*=\s*(?:"vbscript:[^"]*"|'vbscript:[^']*')/gi,
+    '$1=""'
+  ), n = n.replace(/<\/?(iframe|object|embed|form)\b[^>]*>/gi, ""), n;
+}
 const bs = {
   // Navigation
   "chevron-down": "M6 9l6 6 6-6",
@@ -10863,9 +10863,9 @@ const Et = {
   }
 };
 function Du(t) {
-  var i, r, o, l;
-  const n = [];
-  return (i = t.modifiers) != null && i.includes("ctrl") && n.push("Ctrl"), (r = t.modifiers) != null && r.includes("alt") && n.push("Alt"), (o = t.modifiers) != null && o.includes("shift") && n.push("Shift"), (l = t.modifiers) != null && l.includes("meta") && n.push("⌘"), n.push(t.key), n.join("+");
+  var n, i, r, o;
+  const l = [];
+  return (n = t.modifiers) != null && n.includes("ctrl") && l.push("Ctrl"), (i = t.modifiers) != null && i.includes("alt") && l.push("Alt"), (r = t.modifiers) != null && r.includes("shift") && l.push("Shift"), (o = t.modifiers) != null && o.includes("meta") && l.push("⌘"), l.push(t.key), l.join("+");
 }
 function zu(t, n) {
   if (!(t.key === n.key || t.key.toLowerCase() === n.key.toLowerCase()))
@@ -10962,7 +10962,7 @@ function Zr(t = {}) {
 function ar(t = {}) {
   const { onClick: n, disabled: i = !1, role: r = "button", tabIndex: o, triggerOnSpace: l = !0 } = t, c = R(
     (d) => {
-      i || (n == null || n(d));
+      i || n == null || n(d);
     },
     [i, n]
   ), s = R(
@@ -14113,12 +14113,12 @@ const Ss = ({
     if (!S)
       return;
     const x = i ? { ...Wa, ...i } : ja(g);
-    jm(x, S, p);
-    const M = qm(g);
+    _u(x, S, p);
+    const M = ku(g);
     for (const [P, I] of Object.entries(M))
       S.setAttribute(P, I);
     return () => {
-      Hm(p, S);
+      wu(p, S);
     };
   }, [i, g, p]);
   const A = R((S) => {
@@ -14138,7 +14138,7 @@ const Ss = ({
     }),
     [g]
   );
-  return /* @__PURE__ */ e(Ns.Provider, { value: E, children: /* @__PURE__ */ e(hs.Provider, { value: C, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Ns.Provider, { value: E, children: /* @__PURE__ */ e(gs.Provider, { value: C, children: /* @__PURE__ */ e(
     "div",
     {
       ref: d,
@@ -14154,19 +14154,19 @@ kt(null);
 function $s() {
   const [t, n] = W(() => typeof window > "u" ? !1 : Na());
   return $e(() => {
-    var l;
+    var i;
     if (typeof window > "u")
       return;
     n(Na());
-    const i = new MutationObserver(() => n(Na()));
-    i.observe(document.documentElement, {
+    const r = new MutationObserver(() => n(Na()));
+    r.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["data-theme", "class", "style"]
     });
-    const r = window.matchMedia("(prefers-color-scheme: dark)"), o = () => n(Na());
-    return (l = r.addEventListener) == null || l.call(r, "change", o), () => {
+    const o = window.matchMedia("(prefers-color-scheme: dark)"), l = () => n(Na());
+    return (i = o.addEventListener) == null || i.call(o, "change", l), () => {
       var c;
-      i.disconnect(), (c = r.removeEventListener) == null || c.call(r, "change", o);
+      r.disconnect(), (c = o.removeEventListener) == null || c.call(o, "change", l);
     };
   }, []), t;
 }
@@ -56288,7 +56288,7 @@ const ol = Ee((t, n) => {
       Y(
         "recommendedDisplayStyle",
         f("theme.recommendedDisplayStyle", "Recommended Display Style"),
-        Um
+        xu
       )
     ] }),
     colors: () => /* @__PURE__ */ a("div", { className: "nice-theme-builder__grid", children: [
@@ -67048,7 +67048,7 @@ const Wc = [
           return null;
       }
     }
-    return /* @__PURE__ */ e(ku, { t: I, children: /* @__PURE__ */ e(Ss, { theme: y, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ e(au, { t: I, children: /* @__PURE__ */ e(Ss, { theme: y, children: /* @__PURE__ */ a(
       "div",
       {
         ref: _,