@vkzstudio/muza-ui 1.0.25 → 1.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +3 -1
  2. package/dist/components/Accordion/Accordion.d.ts.map +1 -1
  3. package/dist/components/Accordion/Accordion.js +99 -67
  4. package/dist/components/Accordion/Accordion.stories.d.ts +1 -0
  5. package/dist/components/Accordion/Accordion.stories.d.ts.map +1 -1
  6. package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -1
  7. package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  8. package/dist/components/DropdownMenu/DropdownMenu.js +17 -14
  9. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +1 -1
  10. package/dist/components/MuzaUIProvider/MuzaUIProvider.d.ts +10 -3
  11. package/dist/components/MuzaUIProvider/MuzaUIProvider.d.ts.map +1 -1
  12. package/dist/components/MuzaUIProvider/MuzaUIProvider.js +14 -12
  13. package/dist/components/MuzaUIProvider/MuzaUIProvider.stories.d.ts +2 -0
  14. package/dist/components/MuzaUIProvider/MuzaUIProvider.stories.d.ts.map +1 -1
  15. package/dist/components/MuzaUIProvider/index.d.ts +4 -0
  16. package/dist/components/MuzaUIProvider/index.d.ts.map +1 -1
  17. package/dist/components/MuzaUIProvider/theme/ThemeProvider.d.ts +86 -0
  18. package/dist/components/MuzaUIProvider/theme/ThemeProvider.d.ts.map +1 -0
  19. package/dist/components/MuzaUIProvider/theme/ThemeProvider.js +82 -0
  20. package/dist/components/MuzaUIProvider/theme/ThemeSetterModal.d.ts +7 -0
  21. package/dist/components/MuzaUIProvider/theme/ThemeSetterModal.d.ts.map +1 -0
  22. package/dist/components/MuzaUIProvider/theme/ThemeSetterModal.js +303 -0
  23. package/dist/components/MuzaUIProvider/theme/colorShades.d.ts +31 -0
  24. package/dist/components/MuzaUIProvider/theme/colorShades.d.ts.map +1 -0
  25. package/dist/components/MuzaUIProvider/theme/colorShades.js +131 -0
  26. package/dist/components/MuzaUIProvider/theme/index.d.ts +5 -0
  27. package/dist/components/MuzaUIProvider/theme/index.d.ts.map +1 -0
  28. package/dist/components/MuzaUIProvider/theme/setThemeVariables.d.ts +39 -0
  29. package/dist/components/MuzaUIProvider/theme/setThemeVariables.d.ts.map +1 -0
  30. package/dist/components/MuzaUIProvider/theme/setThemeVariables.js +44 -0
  31. package/dist/components/MuzaUIProvider/theme/themePresets.d.ts +7 -0
  32. package/dist/components/MuzaUIProvider/theme/themePresets.d.ts.map +1 -0
  33. package/dist/components/MuzaUIProvider/theme/themePresets.js +77 -0
  34. package/dist/components/MuzaUIProvider/theme/useKeyboardShortcut.d.ts +16 -0
  35. package/dist/components/MuzaUIProvider/theme/useKeyboardShortcut.d.ts.map +1 -0
  36. package/dist/components/MuzaUIProvider/theme/useKeyboardShortcut.js +22 -0
  37. package/dist/components/Reorderable/Reorderable.d.ts +5 -0
  38. package/dist/components/Reorderable/Reorderable.d.ts.map +1 -1
  39. package/dist/components/Reorderable/Reorderable.js +128 -126
  40. package/dist/components/Reorderable/Reorderable.stories.d.ts +1 -0
  41. package/dist/components/Reorderable/Reorderable.stories.d.ts.map +1 -1
  42. package/dist/components/ReorderableTable/ReorderableTable.d.ts +5 -0
  43. package/dist/components/ReorderableTable/ReorderableTable.d.ts.map +1 -1
  44. package/dist/components/ReorderableTable/ReorderableTable.js +24 -22
  45. package/dist/index.js +140 -131
  46. package/dist/muza-ui.css +1 -1
  47. package/package.json +2 -1
@@ -70,6 +70,8 @@ export interface AccordionItemProps extends React.ComponentProps<typeof Accordio
70
70
  disabled?: boolean;
71
71
  /** When true, clicking the content area also toggles the item. Set to false for items with interactive content (forms, inputs). @default true */
72
72
  clickableContent?: boolean;
73
+ /** When true, the item is always expanded, non-interactive, and the chevron is hidden. The header renders as a plain element instead of a button for proper accessibility. @default false */
74
+ static?: boolean;
73
75
  }
74
76
  /** Props for AccordionHeader. Clickable area that toggles content visibility. */
75
77
  export type AccordionHeaderProps = React.ComponentProps<typeof AccordionPrimitive.Header>;
@@ -85,7 +87,7 @@ declare const accordionContentInnerVariants: (props?: ({
85
87
  variant?: "default" | "branded" | "settings" | null | undefined;
86
88
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
87
89
  declare const Accordion: ({ className, variant: variantProp, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
88
- declare const AccordionItem: ({ className, children, clickableContent, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
90
+ declare const AccordionItem: ({ className, children, clickableContent, static: isStatic, value, disabled, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
89
91
  declare const AccordionHeader: ({ className, children, ...props }: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
90
92
  declare const AccordionContent: ({ className, children, ...props }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
91
93
  export { Accordion, AccordionContent, AccordionHeader, AccordionItem, accordionItemVariants, accordionTriggerVariants, accordionContentInnerVariants, };
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EACL,KAAK,sBAAsB,IAAI,2BAA2B,EAC1D,KAAK,oBAAoB,IAAI,yBAAyB,EACvD,MAAM,2BAA2B,CAAA;AAKlC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjE,mEAAmE;AACnE,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,yDAAyD;IACzD,IAAI,EAAE,QAAQ,CAAA;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,gFAAgF;AAChF,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE,sEAAsE;IACtE,IAAI,EAAE,UAAU,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAA;AAE1E,yFAAyF;AACzF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAC5D,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iJAAiJ;IACjJ,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,iFAAiF;AACjF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAA;AAED,iFAAiF;AACjF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAA;AAMD,QAAA,MAAM,qBAAqB;;8EAYzB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;8EAe7B,CAAA;AAED,QAAA,MAAM,6BAA6B;;8EASjC,CAAA;AAoBF,QAAA,MAAM,SAAS,GAAI,+CAIhB,cAAc,4CAahB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,qDAKpB,kBAAkB,4CA8BpB,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,mCAItB,oBAAoB,4CActB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CAgBvB,CAAA;AAED,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,6BAA6B,GAC9B,CAAA"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EACL,KAAK,sBAAsB,IAAI,2BAA2B,EAC1D,KAAK,oBAAoB,IAAI,yBAAyB,EACvD,MAAM,2BAA2B,CAAA;AAKlC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjE,mEAAmE;AACnE,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,yDAAyD;IACzD,IAAI,EAAE,QAAQ,CAAA;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,gFAAgF;AAChF,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE,sEAAsE;IACtE,IAAI,EAAE,UAAU,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAA;AAE1E,yFAAyF;AACzF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAC5D,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iJAAiJ;IACjJ,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,6LAA6L;IAC7L,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,iFAAiF;AACjF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAA;AAED,iFAAiF;AACjF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAA;AAMD,QAAA,MAAM,qBAAqB;;8EAYzB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;8EAe7B,CAAA;AAED,QAAA,MAAM,6BAA6B;;8EASjC,CAAA;AA8BF,QAAA,MAAM,SAAS,GAAI,+CAIhB,cAAc,4CAahB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,wFAQpB,kBAAkB,4CAiDpB,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,mCAItB,oBAAoB,4CA+BtB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CA6BvB,CAAA;AAED,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,6BAA6B,GAC9B,CAAA"}
@@ -1,10 +1,10 @@
1
- import { jsx as e, jsxs as b } from "react/jsx-runtime";
2
- import * as c from "react";
3
- import * as n from "@radix-ui/react-accordion";
4
- import { cva as s } from "class-variance-authority";
5
- import { cn as d } from "../../utils/cn.js";
6
- import { AltArrowDownOutline as v } from "@solar-icons/react-perf";
7
- const x = s("relative w-full transition-colors", {
1
+ import { jsx as t, jsxs as w } from "react/jsx-runtime";
2
+ import * as d from "react";
3
+ import * as c from "@radix-ui/react-accordion";
4
+ import { cva as g } from "class-variance-authority";
5
+ import { cn as n } from "../../utils/cn.js";
6
+ import { AltArrowDownOutline as N } from "@solar-icons/react-perf";
7
+ const v = g("relative w-full transition-colors", {
8
8
  variants: {
9
9
  variant: {
10
10
  default: "rounded-xl border border-stroke-base-primary bg-surface-base-secondary px-comp-accordion-p py-comp-accordion-p-hor has-[[data-slot=accordion-trigger]:hover]:border-stroke-brand-hover",
@@ -13,7 +13,7 @@ const x = s("relative w-full transition-colors", {
13
13
  }
14
14
  },
15
15
  defaultVariants: { variant: "default" }
16
- }), h = s(
16
+ }), x = g(
17
17
  "group flex w-full cursor-pointer items-center justify-between gap-4 transition-all outline-none [&[data-state=open]>svg]:rotate-180",
18
18
  {
19
19
  variants: {
@@ -25,7 +25,7 @@ const x = s("relative w-full transition-colors", {
25
25
  },
26
26
  defaultVariants: { variant: "default" }
27
27
  }
28
- ), y = s("text-left", {
28
+ ), h = g("text-left", {
29
29
  variants: {
30
30
  variant: {
31
31
  default: "pt-md",
@@ -34,95 +34,127 @@ const x = s("relative w-full transition-colors", {
34
34
  }
35
35
  },
36
36
  defaultVariants: { variant: "default" }
37
- }), p = c.createContext({
37
+ }), y = d.createContext({
38
38
  variant: "default"
39
- }), l = () => c.useContext(p), N = ({
40
- className: r,
41
- variant: a,
42
- ...t
39
+ }), u = () => d.useContext(y), l = d.createContext({
40
+ isStatic: !1
41
+ }), k = () => d.useContext(l), j = ({
42
+ className: e,
43
+ variant: r,
44
+ ...a
43
45
  }) => {
44
- const o = a ?? (t.type === "single" ? "branded" : "default");
45
- return /* @__PURE__ */ e(p.Provider, { value: { variant: o }, children: /* @__PURE__ */ e(
46
- n.Root,
46
+ const o = r ?? (a.type === "single" ? "branded" : "default");
47
+ return /* @__PURE__ */ t(y.Provider, { value: { variant: o }, children: /* @__PURE__ */ t(
48
+ c.Root,
47
49
  {
48
50
  "data-slot": "accordion",
49
- className: d("flex w-full flex-col gap-md", r),
50
- ...t
51
+ className: n("flex w-full flex-col gap-md", e),
52
+ ...a
51
53
  }
52
54
  ) });
53
- }, V = ({
54
- className: r,
55
- children: a,
56
- clickableContent: t = !0,
57
- ...o
55
+ }, R = ({
56
+ className: e,
57
+ children: r,
58
+ clickableContent: a = !0,
59
+ static: o,
60
+ value: i,
61
+ disabled: A,
62
+ ...m
58
63
  }) => {
59
- const { variant: f } = l(), g = c.useRef(null);
60
- return /* @__PURE__ */ e(
61
- n.Item,
64
+ const { variant: f } = u(), p = d.useRef(null);
65
+ return o ? /* @__PURE__ */ t(l.Provider, { value: { isStatic: !0 }, children: /* @__PURE__ */ t(
66
+ "div",
62
67
  {
63
- ref: g,
64
68
  "data-slot": "accordion-item",
65
- className: d(
66
- x({ variant: f }),
67
- t && "cursor-pointer",
68
- r
69
+ "data-state": "open",
70
+ className: n(v({ variant: f }), e),
71
+ ...m,
72
+ children: r
73
+ }
74
+ ) }) : /* @__PURE__ */ t(l.Provider, { value: { isStatic: !1 }, children: /* @__PURE__ */ t(
75
+ c.Item,
76
+ {
77
+ ref: p,
78
+ "data-slot": "accordion-item",
79
+ value: i,
80
+ disabled: A,
81
+ className: n(
82
+ v({ variant: f }),
83
+ a && "cursor-pointer",
84
+ e
69
85
  ),
70
- onClick: t ? (u) => {
71
- var m;
72
- const i = (m = g.current) == null ? void 0 : m.querySelector(
86
+ onClick: a ? (C) => {
87
+ var b;
88
+ const s = (b = p.current) == null ? void 0 : b.querySelector(
73
89
  '[data-slot="accordion-trigger"]'
74
90
  );
75
- i && !i.contains(u.target) && i.click();
91
+ s && !s.contains(C.target) && s.click();
76
92
  } : void 0,
77
- ...o,
78
- children: a
93
+ ...m,
94
+ children: r
79
95
  }
80
- );
81
- }, I = ({
82
- className: r,
83
- children: a,
84
- ...t
96
+ ) });
97
+ }, z = ({
98
+ className: e,
99
+ children: r,
100
+ ...a
85
101
  }) => {
86
- const { variant: o } = l();
87
- return /* @__PURE__ */ e(n.Header, { className: "flex", ...t, children: /* @__PURE__ */ b(
88
- n.Trigger,
102
+ const { variant: o } = u(), { isStatic: i } = k();
103
+ return i ? /* @__PURE__ */ t("div", { className: "flex", ...a, children: /* @__PURE__ */ t(
104
+ "div",
105
+ {
106
+ className: n(
107
+ x({ variant: o }),
108
+ "cursor-default",
109
+ e
110
+ ),
111
+ children: r
112
+ }
113
+ ) }) : /* @__PURE__ */ t(c.Header, { className: "flex", ...a, children: /* @__PURE__ */ w(
114
+ c.Trigger,
89
115
  {
90
116
  "data-slot": "accordion-trigger",
91
- className: d(h({ variant: o }), r),
117
+ className: n(x({ variant: o }), e),
92
118
  children: [
93
- a,
94
- /* @__PURE__ */ e(v, { className: "size-comp-accordion-ico-size-md shrink-0 text-comp-select-icon-brand-def transition-transform duration-300 group-data-[disabled]:text-icon-dark-tertiary" })
119
+ r,
120
+ /* @__PURE__ */ t(N, { className: "size-comp-accordion-ico-size-md shrink-0 text-comp-select-icon-brand-def transition-transform duration-300 group-data-[disabled]:text-icon-dark-tertiary" })
95
121
  ]
96
122
  }
97
123
  ) });
98
- }, j = ({
99
- className: r,
100
- children: a,
101
- ...t
124
+ }, H = ({
125
+ className: e,
126
+ children: r,
127
+ ...a
102
128
  }) => {
103
- const { variant: o } = l();
104
- return /* @__PURE__ */ e(
105
- n.Content,
129
+ const { variant: o } = u(), { isStatic: i } = k();
130
+ return i ? /* @__PURE__ */ t("div", { "data-slot": "accordion-content", ...a, children: /* @__PURE__ */ t(
131
+ "div",
132
+ {
133
+ className: n(h({ variant: o }), e),
134
+ children: r
135
+ }
136
+ ) }) : /* @__PURE__ */ t(
137
+ c.Content,
106
138
  {
107
139
  "data-slot": "accordion-content",
108
140
  className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
109
- ...t,
110
- children: /* @__PURE__ */ e(
141
+ ...a,
142
+ children: /* @__PURE__ */ t(
111
143
  "div",
112
144
  {
113
- className: d(y({ variant: o }), r),
114
- children: a
145
+ className: n(h({ variant: o }), e),
146
+ children: r
115
147
  }
116
148
  )
117
149
  }
118
150
  );
119
151
  };
120
152
  export {
121
- N as Accordion,
122
- j as AccordionContent,
123
- I as AccordionHeader,
124
- V as AccordionItem,
125
- y as accordionContentInnerVariants,
126
- x as accordionItemVariants,
127
- h as accordionTriggerVariants
153
+ j as Accordion,
154
+ H as AccordionContent,
155
+ z as AccordionHeader,
156
+ R as AccordionItem,
157
+ h as accordionContentInnerVariants,
158
+ v as accordionItemVariants,
159
+ x as accordionTriggerVariants
128
160
  };
@@ -7,6 +7,7 @@ export declare const Default: Story;
7
7
  export declare const Single: Story;
8
8
  export declare const Multiple: Story;
9
9
  export declare const Settings: Story;
10
+ export declare const Static: Story;
10
11
  export declare const AllVariants: Story;
11
12
  type PlaygroundProps = {
12
13
  headline1: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAc3D,OAAO,EACL,SAAS,EAKV,MAAM,aAAa,CAAA;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAuEhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAsDrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmEpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAA;AAoVD,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAiLzB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,eAAe,CA4DxD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,eAAe,CAyEtD,CAAA"}
1
+ {"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAc3D,OAAO,EACL,SAAS,EAKV,MAAM,aAAa,CAAA;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAuEhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAsDrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmEpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAA;AAoVD,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA0EpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAiLzB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,eAAe,CA4DxD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,eAAe,CAyEtD,CAAA"}
@@ -80,7 +80,7 @@ export type DropdownMenuButtonItemProps = React.ComponentProps<typeof DropdownMe
80
80
  };
81
81
  /** Standard clickable menu item with optional icon and variant styling. */
82
82
  declare const DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
83
- declare const DropdownMenuButtonItem: ({ children, buttonProps, ...props }: DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
83
+ declare const DropdownMenuButtonItem: ({ children, buttonProps, className, ...props }: DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
84
84
  declare const DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, ...props }: DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
85
85
  declare const DropdownMenuRadioGroup: ({ value, onValueChange, ...props }: DropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
86
86
  declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +1,12 @@
1
1
  import { jsx as e, jsxs as p } from "react/jsx-runtime";
2
- import * as l from "react";
2
+ import * as m from "react";
3
3
  import * as d from "@radix-ui/react-dropdown-menu";
4
4
  import { cva as k } from "class-variance-authority";
5
- import { Button as y } from "../Button/Button.js";
5
+ import { Button as N } from "../Button/Button.js";
6
6
  import { cn as i } from "../../utils/cn.js";
7
7
  import { Typography as b } from "../Typography/Typography.js";
8
8
  import { UnreadOutline as x } from "@solar-icons/react-perf";
9
- 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(
9
+ 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(
10
10
  d.Trigger,
11
11
  {
12
12
  "data-slot": "dropdown-menu-trigger",
@@ -18,14 +18,14 @@ const h = l.createContext(null), N = () => l.useContext(h), T = ({ ...o }) => /*
18
18
  align: r = "start",
19
19
  ...n
20
20
  }) => {
21
- const [s, c] = l.useState(!1), a = l.useRef(null);
22
- return l.useEffect(() => {
23
- const m = () => {
21
+ const [s, c] = m.useState(!1), a = m.useRef(null);
22
+ return m.useEffect(() => {
23
+ const l = () => {
24
24
  if (a.current) {
25
25
  const { scrollHeight: g, clientHeight: v } = a.current;
26
26
  c(g > v);
27
27
  }
28
- }, u = setTimeout(m, 10), w = new ResizeObserver(m);
28
+ }, u = setTimeout(l, 10), w = new ResizeObserver(l);
29
29
  return a.current && w.observe(a.current), () => {
30
30
  clearTimeout(u), w.disconnect();
31
31
  };
@@ -130,26 +130,29 @@ const h = l.createContext(null), N = () => l.useContext(h), T = ({ ...o }) => /*
130
130
  ), H = ({
131
131
  children: o,
132
132
  buttonProps: t,
133
- ...r
134
- }) => /* @__PURE__ */ e(
133
+ className: r,
134
+ ...n
135
+ }) => /* @__PURE__ */ e("div", { className: "px-lg", children: /* @__PURE__ */ e(
135
136
  d.Item,
136
137
  {
137
138
  "data-slot": "dropdown-menu-item",
138
139
  asChild: !0,
139
- ...r,
140
+ ...n,
140
141
  children: /* @__PURE__ */ e(
141
- y,
142
+ N,
142
143
  {
144
+ fullWidth: !0,
143
145
  ...t,
144
146
  className: i(
145
147
  "outline-0 hover:ring-transparent",
148
+ r,
146
149
  t.className
147
150
  ),
148
151
  children: o
149
152
  }
150
153
  )
151
154
  }
152
- ), O = ({
155
+ ) }), O = ({
153
156
  className: o,
154
157
  children: t,
155
158
  checked: r,
@@ -208,8 +211,8 @@ const h = l.createContext(null), N = () => l.useContext(h), T = ({ ...o }) => /*
208
211
  onValueChange: t,
209
212
  ...r
210
213
  }
211
- ) }), I = l.forwardRef(({ className: o, children: t, variant: r, icon: n, value: s, ...c }, a) => {
212
- const m = N(), u = (m == null ? void 0 : m.value) === s;
214
+ ) }), I = m.forwardRef(({ className: o, children: t, variant: r, icon: n, value: s, ...c }, a) => {
215
+ const l = y(), u = (l == null ? void 0 : l.value) === s;
213
216
  return /* @__PURE__ */ p(
214
217
  d.RadioItem,
215
218
  {
@@ -10,7 +10,7 @@ declare const meta: {
10
10
  DropdownMenuRadioGroup: ({ value, onValueChange, ...props }: import('./DropdownMenu').DropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
11
11
  DropdownMenuRadioItem: import('react').ForwardRefExoticComponent<Omit<import('./DropdownMenu').DropdownMenuRadioItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
12
12
  DropdownMenuSeparator: ({ className, ...props }: import('./DropdownMenu').DropdownMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
13
- DropdownMenuButtonItem: ({ children, buttonProps, ...props }: import('./DropdownMenu').DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
13
+ DropdownMenuButtonItem: ({ children, buttonProps, className, ...props }: import('./DropdownMenu').DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
14
14
  DropdownMenuPortal: ({ ...props }: import('./DropdownMenu').DropdownMenuPortalProps) => import("react/jsx-runtime").JSX.Element;
15
15
  };
16
16
  parameters: {
@@ -14,8 +14,9 @@ export type MuzaTooltipConfig = Omit<React.ComponentPropsWithoutRef<typeof Toolt
14
14
  export type MuzaToastConfig = Omit<ToasterProps, 'children'>;
15
15
  /**
16
16
  * Root provider for muza-ui library, consolidating all required context providers.
17
- * Wraps TooltipProvider, ToastContainer, and TranslationProvider to enable
18
- * tooltip, toast, and translation functionality throughout the app.
17
+ * Wraps TooltipProvider, ToastContainer, TranslationProvider, and ThemeProvider
18
+ * to enable tooltip, toast, translation, and white-label theming functionality
19
+ * throughout the app.
19
20
  */
20
21
  export interface MuzaUIProviderProps {
21
22
  /** React children to wrap with all providers */
@@ -35,9 +36,15 @@ export interface MuzaUIProviderProps {
35
36
  * @default {}
36
37
  */
37
38
  translationConfig?: TranslationConfig;
39
+ /**
40
+ * Brand color hex for white-label theming (e.g. "#14645a").
41
+ * Sets `--brand-*` CSS variables on `:root` to dynamically theme all components.
42
+ * When omitted, the default preset (purple) is used.
43
+ */
44
+ color?: string;
38
45
  }
39
46
  declare const MuzaUIProvider: {
40
- ({ children, tooltipConfig, toastConfig, translationConfig, }: MuzaUIProviderProps): import("react/jsx-runtime").JSX.Element;
47
+ ({ children, tooltipConfig, toastConfig, translationConfig, color, }: MuzaUIProviderProps): import("react/jsx-runtime").JSX.Element;
41
48
  displayName: string;
42
49
  };
43
50
  export { MuzaUIProvider };
@@ -1 +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"}
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;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"}
@@ -1,19 +1,21 @@
1
- import { jsx as r, jsxs as e } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as p } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import "sonner";
4
- import { TranslationProvider as p } from "../../translations/TranslationContext.js";
5
- import { TooltipProvider as a } from "../Tooltip/Tooltip.js";
6
- import { ToastContainer as n } from "../Toast/ToastContainer.js";
7
- const d = ({
4
+ import { TranslationProvider as d } from "../../translations/TranslationContext.js";
5
+ import { TooltipProvider as n } from "../Tooltip/Tooltip.js";
6
+ import { ThemeProvider as a } from "./theme/ThemeProvider.js";
7
+ import { ToastContainer as s } from "../Toast/ToastContainer.js";
8
+ const l = ({
8
9
  children: o,
9
10
  tooltipConfig: i = {},
10
- toastConfig: t = {},
11
- translationConfig: m = {}
12
- }) => /* @__PURE__ */ r(p, { ...m, children: /* @__PURE__ */ e(a, { ...i, children: [
11
+ toastConfig: e = {},
12
+ translationConfig: m = {},
13
+ color: t
14
+ }) => /* @__PURE__ */ r(d, { ...m, children: /* @__PURE__ */ r(n, { ...i, children: /* @__PURE__ */ p(a, { color: t, children: [
13
15
  o,
14
- /* @__PURE__ */ r(n, { ...t })
15
- ] }) });
16
- d.displayName = "MuzaUIProvider";
16
+ /* @__PURE__ */ r(s, { ...e })
17
+ ] }) }) });
18
+ l.displayName = "MuzaUIProvider";
17
19
  export {
18
- d as MuzaUIProvider
20
+ l as MuzaUIProvider
19
21
  };
@@ -7,4 +7,6 @@ export declare const Default: Story;
7
7
  export declare const CustomTooltipDelay: Story;
8
8
  export declare const CustomToastPosition: Story;
9
9
  export declare const LanguageProviderShowcase: Story;
10
+ export declare const WhiteLabelTheming: Story;
11
+ export declare const ThemeDebugModal: Story;
10
12
  //# sourceMappingURL=MuzaUIProvider.stories.d.ts.map
@@ -1 +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"}
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;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"}
@@ -1,2 +1,6 @@
1
1
  export * from './MuzaUIProvider';
2
+ export { useTheme, type ColorShades, type ThemeContextValue, type ThemeProviderProps, } from './theme/ThemeProvider';
3
+ export { setThemeVariables, type ThemeCSSVariables, } from './theme/setThemeVariables';
4
+ export { themePresets, type ThemePresets } from './theme/themePresets';
5
+ export { generateColorShades, formatShadesAsObject, type ShadesGenerator, } from './theme/colorShades';
2
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
1
+ {"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,iBAAiB,EACtB,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"}
@@ -0,0 +1,86 @@
1
+ import { ShadesGenerator } from './colorShades';
2
+ import { ThemePresets } from './themePresets';
3
+ /**
4
+ * Generated color shade palette. Brand shades 100-700, opacity variants at 8/12/15%,
5
+ * plus a white value and gray scale (50-1000).
6
+ */
7
+ export type ColorShades = {
8
+ /** Lightest brand shade (mapped to --brand-tertiary) */
9
+ '100': string;
10
+ /** Light brand shade (mapped to --brand-disabled) */
11
+ '200': string;
12
+ /** Medium-light brand shade (mapped to --brand-secondary) */
13
+ '300': string;
14
+ /** Medium brand shade (mapped to --brand-quaternary) */
15
+ '400': string;
16
+ /** Primary brand shade (mapped to --brand-primary) */
17
+ '500': string;
18
+ /** Dark brand shade (mapped to --brand-hover) */
19
+ '600': string;
20
+ /** Darkest brand shade (mapped to --brand-focused) */
21
+ '700': string;
22
+ /** Primary shade at 8% opacity (mapped to --brand-8) */
23
+ '500-8': string;
24
+ /** Primary shade at 12% opacity (mapped to --brand-12) */
25
+ '500-12': string;
26
+ /** Primary shade at 15% opacity (mapped to --brand-15) */
27
+ '500-15': string;
28
+ /** Brand white value (mapped to --brand-white) */
29
+ white: string;
30
+ 'gray-100': string;
31
+ 'gray-1000': string;
32
+ 'gray-200': string;
33
+ 'gray-300': string;
34
+ 'gray-400': string;
35
+ 'gray-50': string;
36
+ 'gray-500': string;
37
+ 'gray-600': string;
38
+ 'gray-700': string;
39
+ 'gray-800': string;
40
+ 'gray-900': string;
41
+ };
42
+ /**
43
+ * Return type of the `useTheme` hook.
44
+ * Provides read-only theme state and setter functions for dynamic theming.
45
+ */
46
+ export interface ThemeContextValue {
47
+ /** Current generated color shade palette */
48
+ shades: ColorShades;
49
+ /** Active shade generation algorithm */
50
+ shadesGenerator: ShadesGenerator;
51
+ /** Generates shades from a hex color using the active algorithm */
52
+ setShadesFromHex: (hex: string) => void;
53
+ /** Sets shades directly from a complete ColorShades object */
54
+ setShades: (shades: ColorShades) => void;
55
+ /** Loads a built-in theme preset (default, muzalife, vodafone) */
56
+ setShadesFromPreset: (preset: ThemePresets) => void;
57
+ /** Switches the shade generation algorithm */
58
+ setShadesGenerator: (generator: ShadesGenerator) => void;
59
+ /** Overrides the color prop from children. Pass undefined to reset. */
60
+ setActiveColor: (color: string | undefined) => void;
61
+ }
62
+ /** Props for the ThemeProvider component. */
63
+ export interface ThemeProviderProps {
64
+ /** React children to wrap with the theme provider */
65
+ children: React.ReactNode;
66
+ /**
67
+ * Brand color hex string for white-label theming.
68
+ * Generates a full shade palette and sets --brand-* CSS variables on :root.
69
+ *
70
+ * @example
71
+ * <ThemeProvider color="#14645a">
72
+ * <App />
73
+ * </ThemeProvider>
74
+ */
75
+ color?: string;
76
+ }
77
+ export declare const ThemeProvider: {
78
+ ({ children, color }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
79
+ displayName: string;
80
+ };
81
+ /**
82
+ * Hook to access theme context.
83
+ * Provides read-only shades and setter functions for dynamic theming.
84
+ */
85
+ export declare const useTheme: () => ThemeContextValue;
86
+ //# sourceMappingURL=ThemeProvider.d.ts.map
@@ -0,0 +1 @@
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;AAOhE;;;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;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,4CAA4C;IAC5C,MAAM,EAAE,WAAW,CAAA;IACnB,wCAAwC;IACxC,eAAe,EAAE,eAAe,CAAA;IAChC,mEAAmE;IACnE,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,8DAA8D;IAC9D,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IACxC,kEAAkE;IAClE,mBAAmB,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACnD,8CAA8C;IAC9C,kBAAkB,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;IACxD,uEAAuE;IACvE,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;;CAmHpE,CAAA;AAID;;;GAGG;AACH,eAAO,MAAM,QAAQ,yBAMpB,CAAA"}