@vkzstudio/muza-ui 1.0.25 → 1.0.26

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -80,7 +80,7 @@ export type DropdownMenuButtonItemProps = React.ComponentProps<typeof DropdownMe
 };
 /** Standard clickable menu item with optional icon and variant styling. */
 declare const DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-declare const DropdownMenuButtonItem: ({ children, buttonProps, ...props }: DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuButtonItem: ({ children, buttonProps, className, ...props }: DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, ...props }: DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const DropdownMenuRadioGroup: ({ value, onValueChange, ...props }: DropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
 declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DropdownMenu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import * as l from "react";
+import * as m from "react";
 import * as d from "@radix-ui/react-dropdown-menu";
 import { cva as k } from "class-variance-authority";
-import { Button as y } from "../Button/Button.js";
+import { Button as N } from "../Button/Button.js";
 import { cn as i } from "../../utils/cn.js";
 import { Typography as b } from "../Typography/Typography.js";
 import { UnreadOutline as x } from "@solar-icons/react-perf";
-const h = l.createContext(null), N = () => l.useContext(h), T = ({ ...o }) => /* @__PURE__ */ e(d.Root, { "data-slot": "dropdown-menu", ...o }), P = ({ ...o }) => /* @__PURE__ */ e(d.Portal, { "data-slot": "dropdown-menu-portal", ...o }), G = ({ ...o }) => /* @__PURE__ */ e(
+const h = m.createContext(null), y = () => m.useContext(h), T = ({ ...o }) => /* @__PURE__ */ e(d.Root, { "data-slot": "dropdown-menu", ...o }), P = ({ ...o }) => /* @__PURE__ */ e(d.Portal, { "data-slot": "dropdown-menu-portal", ...o }), G = ({ ...o }) => /* @__PURE__ */ e(
   d.Trigger,
   {
     "data-slot": "dropdown-menu-trigger",
@@ -18,14 +18,14 @@ const h = l.createContext(null), N = () => l.useContext(h), T = ({ ...o }) => /*
   align: r = "start",
   ...n
 }) => {
-  const [s, c] = l.useState(!1), a = l.useRef(null);
-  return l.useEffect(() => {
-    const m = () => {
+  const [s, c] = m.useState(!1), a = m.useRef(null);
+  return m.useEffect(() => {
+    const l = () => {
       if (a.current) {
         const { scrollHeight: g, clientHeight: v } = a.current;
         c(g > v);
       }
-    }, u = setTimeout(m, 10), w = new ResizeObserver(m);
+    }, u = setTimeout(l, 10), w = new ResizeObserver(l);
     return a.current && w.observe(a.current), () => {
       clearTimeout(u), w.disconnect();
     };
@@ -130,26 +130,29 @@ const h = l.createContext(null), N = () => l.useContext(h), T = ({ ...o }) => /*
 ), H = ({
   children: o,
   buttonProps: t,
-  ...r
-}) => /* @__PURE__ */ e(
+  className: r,
+  ...n
+}) => /* @__PURE__ */ e("div", { className: "px-lg", children: /* @__PURE__ */ e(
   d.Item,
   {
     "data-slot": "dropdown-menu-item",
     asChild: !0,
-    ...r,
+    ...n,
     children: /* @__PURE__ */ e(
-      y,
+      N,
       {
+        fullWidth: !0,
         ...t,
         className: i(
           "outline-0 hover:ring-transparent",
+          r,
           t.className
         ),
         children: o
       }
     )
   }
-), O = ({
+) }), O = ({
   className: o,
   children: t,
   checked: r,
@@ -208,8 +211,8 @@ const h = l.createContext(null), N = () => l.useContext(h), T = ({ ...o }) => /*
     onValueChange: t,
     ...r
   }
-) }), I = l.forwardRef(({ className: o, children: t, variant: r, icon: n, value: s, ...c }, a) => {
-  const m = N(), u = (m == null ? void 0 : m.value) === s;
+) }), I = m.forwardRef(({ className: o, children: t, variant: r, icon: n, value: s, ...c }, a) => {
+  const l = y(), u = (l == null ? void 0 : l.value) === s;
   return /* @__PURE__ */ p(
     d.RadioItem,
     {

package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -10,7 +10,7 @@ declare const meta: {
         DropdownMenuRadioGroup: ({ value, onValueChange, ...props }: import('./DropdownMenu').DropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
         DropdownMenuRadioItem: import('react').ForwardRefExoticComponent<Omit<import('./DropdownMenu').DropdownMenuRadioItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
         DropdownMenuSeparator: ({ className, ...props }: import('./DropdownMenu').DropdownMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
-        DropdownMenuButtonItem: ({ children, buttonProps, ...props }: import('./DropdownMenu').DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
+        DropdownMenuButtonItem: ({ children, buttonProps, className, ...props }: import('./DropdownMenu').DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
         DropdownMenuPortal: ({ ...props }: import('./DropdownMenu').DropdownMenuPortalProps) => import("react/jsx-runtime").JSX.Element;
     };
     parameters: {

package/dist/components/MuzaUIProvider/MuzaUIProvider.d.ts

@@ -14,8 +14,9 @@ export type MuzaTooltipConfig = Omit<React.ComponentPropsWithoutRef<typeof Toolt
 export type MuzaToastConfig = Omit<ToasterProps, 'children'>;
 /**
  * Root provider for muza-ui library, consolidating all required context providers.
- * Wraps TooltipProvider, ToastContainer, and TranslationProvider to enable
- * tooltip, toast, and translation functionality throughout the app.
+ * Wraps TooltipProvider, ToastContainer, TranslationProvider, and ThemeProvider
+ * to enable tooltip, toast, translation, and white-label theming functionality
+ * throughout the app.
  */
 export interface MuzaUIProviderProps {
     /** React children to wrap with all providers */
@@ -35,9 +36,15 @@ export interface MuzaUIProviderProps {
      * @default {}
      */
     translationConfig?: TranslationConfig;
+    /**
+     * Brand color hex for white-label theming (e.g. "#14645a").
+     * Sets `--brand-*` CSS variables on `:root` to dynamically theme all components.
+     * When omitted, the default preset (purple) is used.
+     */
+    color?: string;
 }
 declare const MuzaUIProvider: {
-    ({ children, tooltipConfig, toastConfig, translationConfig, }: MuzaUIProviderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, tooltipConfig, toastConfig, translationConfig, color, }: MuzaUIProviderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { MuzaUIProvider };

package/dist/components/MuzaUIProvider/MuzaUIProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuzaUIProvider.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/MuzaUIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAA;AAC1C,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,EACtD,UAAU,CACX,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;AAE5D;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACtC;AAED,QAAA,MAAM,cAAc;mEAKjB,mBAAmB;;CASrB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"MuzaUIProvider.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/MuzaUIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAA;AAC1C,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5C;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,EACtD,UAAU,CACX,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;AAE5D;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,cAAc;0EAMjB,mBAAmB;;CAWrB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/MuzaUIProvider/MuzaUIProvider.js

@@ -1,19 +1,21 @@
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
 import "react";
 import "sonner";
-import { TranslationProvider as p } from "../../translations/TranslationContext.js";
-import { TooltipProvider as a } from "../Tooltip/Tooltip.js";
-import { ToastContainer as n } from "../Toast/ToastContainer.js";
-const d = ({
+import { TranslationProvider as d } from "../../translations/TranslationContext.js";
+import { TooltipProvider as n } from "../Tooltip/Tooltip.js";
+import { ThemeProvider as a } from "./theme/ThemeProvider.js";
+import { ToastContainer as s } from "../Toast/ToastContainer.js";
+const l = ({
   children: o,
   tooltipConfig: i = {},
-  toastConfig: t = {},
-  translationConfig: m = {}
-}) => /* @__PURE__ */ r(p, { ...m, children: /* @__PURE__ */ e(a, { ...i, children: [
+  toastConfig: e = {},
+  translationConfig: m = {},
+  color: t
+}) => /* @__PURE__ */ r(d, { ...m, children: /* @__PURE__ */ r(n, { ...i, children: /* @__PURE__ */ p(a, { color: t, children: [
   o,
-  /* @__PURE__ */ r(n, { ...t })
-] }) });
-d.displayName = "MuzaUIProvider";
+  /* @__PURE__ */ r(s, { ...e })
+] }) }) });
+l.displayName = "MuzaUIProvider";
 export {
-  d as MuzaUIProvider
+  l as MuzaUIProvider
 };

package/dist/components/MuzaUIProvider/MuzaUIProvider.stories.d.ts

@@ -7,4 +7,6 @@ export declare const Default: Story;
 export declare const CustomTooltipDelay: Story;
 export declare const CustomToastPosition: Story;
 export declare const LanguageProviderShowcase: Story;
+export declare const WhiteLabelTheming: Story;
+export declare const ThemeDebugModal: Story;
 //# sourceMappingURL=MuzaUIProvider.stories.d.ts.map

package/dist/components/MuzaUIProvider/MuzaUIProvider.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuzaUIProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/MuzaUIProvider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CA0ErC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoCrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAA"}
+{"version":3,"file":"MuzaUIProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/MuzaUIProvider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkKrC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoCrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAA;AAqID,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAwD7B,CAAA"}

package/dist/components/MuzaUIProvider/index.d.ts

@@ -1,2 +1,6 @@
 export * from './MuzaUIProvider';
+export { useTheme, type ColorShades, type ThemeProviderProps, } from './theme/ThemeProvider';
+export { setThemeVariables, type ThemeCSSVariables, } from './theme/setThemeVariables';
+export { themePresets, type ThemePresets } from './theme/themePresets';
+export { generateColorShades, formatShadesAsObject, type ShadesGenerator, } from './theme/colorShades';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MuzaUIProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,OAAO,EACL,QAAQ,EACR,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,iBAAiB,EACjB,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,eAAe,GACrB,MAAM,qBAAqB,CAAA"}

package/dist/components/MuzaUIProvider/theme/ThemeProvider.d.ts

@@ -0,0 +1,76 @@
+import { ShadesGenerator } from './colorShades';
+import { ThemePresets } from './themePresets';
+/**
+ * Generated color shade palette. Brand shades 100-700, opacity variants at 8/12/15%,
+ * plus a white value and gray scale (50-1000).
+ */
+export type ColorShades = {
+    /** Lightest brand shade (mapped to --brand-tertiary) */
+    '100': string;
+    /** Light brand shade (mapped to --brand-disabled) */
+    '200': string;
+    /** Medium-light brand shade (mapped to --brand-secondary) */
+    '300': string;
+    /** Medium brand shade (mapped to --brand-quaternary) */
+    '400': string;
+    /** Primary brand shade (mapped to --brand-primary) */
+    '500': string;
+    /** Dark brand shade (mapped to --brand-hover) */
+    '600': string;
+    /** Darkest brand shade (mapped to --brand-focused) */
+    '700': string;
+    /** Primary shade at 8% opacity (mapped to --brand-8) */
+    '500-8': string;
+    /** Primary shade at 12% opacity (mapped to --brand-12) */
+    '500-12': string;
+    /** Primary shade at 15% opacity (mapped to --brand-15) */
+    '500-15': string;
+    /** Brand white value (mapped to --brand-white) */
+    white: string;
+    'gray-100': string;
+    'gray-1000': string;
+    'gray-200': string;
+    'gray-300': string;
+    'gray-400': string;
+    'gray-50': string;
+    'gray-500': string;
+    'gray-600': string;
+    'gray-700': string;
+    'gray-800': string;
+    'gray-900': string;
+};
+interface ThemeContextValue {
+    shades: ColorShades;
+    shadesGenerator: ShadesGenerator;
+    setShadesFromHex: (hex: string) => void;
+    setShades: (shades: ColorShades) => void;
+    setShadesFromPreset: (preset: ThemePresets) => void;
+    setShadesGenerator: (generator: ShadesGenerator) => void;
+    setActiveColor: (color: string | undefined) => void;
+}
+/** Props for the ThemeProvider component. */
+export interface ThemeProviderProps {
+    /** React children to wrap with the theme provider */
+    children: React.ReactNode;
+    /**
+     * Brand color hex string for white-label theming.
+     * Generates a full shade palette and sets --brand-* CSS variables on :root.
+     *
+     * @example
+     * <ThemeProvider color="#14645a">
+     *   <App />
+     * </ThemeProvider>
+     */
+    color?: string;
+}
+export declare const ThemeProvider: {
+    ({ children, color }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Hook to access theme context.
+ * Provides read-only shades and setter functions for dynamic theming.
+ */
+export declare const useTheme: () => ThemeContextValue;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/components/MuzaUIProvider/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/MuzaUIProvider/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,gBAAgB,CAAA;AAGhE;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAA;IAChB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAA;IAChB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,UAAU,iBAAiB;IAEzB,MAAM,EAAE,WAAW,CAAA;IACnB,eAAe,EAAE,eAAe,CAAA;IAGhC,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IACxC,mBAAmB,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACnD,kBAAkB,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;IACxD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACpD;AAID,6CAA6C;AAC7C,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa;0BAAyB,kBAAkB;;CAiHpE,CAAA;AAID;;;GAGG;AACH,eAAO,MAAM,QAAQ,yBAMpB,CAAA"}

package/dist/components/MuzaUIProvider/theme/ThemeProvider.js

@@ -0,0 +1,82 @@
+import { jsxs as j, jsx as w } from "react/jsx-runtime";
+import { useContext as A, createContext as G, useState as i, useLayoutEffect as S, useCallback as C, useMemo as K } from "react";
+import { ThemeSetterModal as k } from "./ThemeSetterModal.js";
+import { SHADES_GENERATORS as l } from "./colorShades.js";
+import { themeVariableMapping as T, setThemeVariables as H } from "./setThemeVariables.js";
+import { themePresets as x } from "./themePresets.js";
+import { useKeyboardShortcut as N } from "./useKeyboardShortcut.js";
+const F = G(void 0), R = ({ children: n, color: b }) => {
+  const [g, O] = i(void 0), [s, P] = i("preserve500"), d = g ?? b ?? "", [m, o] = i(() => {
+    const t = x.default, e = l.preserve500, r = e(d);
+    return r || Object.entries(T).reduce(
+      (a, [h, c]) => {
+        const v = t[h];
+        return v && (a[c] = v), a;
+      },
+      {}
+    );
+  });
+  S(() => {
+    const t = l[s], e = t(d);
+    e && o(e);
+  }, [d, s]), S(() => {
+    H({ shades: m });
+  }, [m]);
+  const y = C(
+    (t) => {
+      const e = l[s], r = e(t);
+      r && o(r);
+    },
+    [s]
+  ), E = C(
+    (t) => {
+      const e = x[t], r = Object.entries(T).reduce(
+        (u, [a, h]) => {
+          const c = e[a];
+          return c && (u[h] = c), u;
+        },
+        {}
+      );
+      o(r);
+    },
+    [o]
+  ), [f, p] = i(!1), M = K(
+    () => ({ key: "l", ctrlKey: !0, shiftKey: !0 }),
+    []
+  );
+  return N(M, () => p(!0)), /* @__PURE__ */ j(
+    F.Provider,
+    {
+      value: {
+        shades: m,
+        shadesGenerator: s,
+        setShades: o,
+        setShadesFromHex: y,
+        setShadesFromPreset: E,
+        setShadesGenerator: P,
+        setActiveColor: O
+      },
+      children: [
+        n,
+        f && /* @__PURE__ */ w(
+          k,
+          {
+            isOpen: f,
+            onClose: () => p(!1)
+          }
+        )
+      ]
+    }
+  );
+};
+R.displayName = "ThemeProvider";
+const B = () => {
+  const n = A(F);
+  if (!n)
+    throw new Error("useTheme must be used within ThemeProvider");
+  return n;
+};
+export {
+  R as ThemeProvider,
+  B as useTheme
+};

package/dist/components/MuzaUIProvider/theme/ThemeSetterModal.d.ts

@@ -0,0 +1,7 @@
+interface ThemeSetterModalProps {
+    isOpen: boolean;
+    onClose?: () => void;
+}
+export declare const ThemeSetterModal: ({ isOpen, onClose, }: ThemeSetterModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ThemeSetterModal.d.ts.map

package/dist/components/MuzaUIProvider/theme/ThemeSetterModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSetterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/MuzaUIProvider/theme/ThemeSetterModal.tsx"],"names":[],"mappings":"AAqBA,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,gBAAgB,GAAI,sBAG9B,qBAAqB,4CAqUvB,CAAA"}