@vkzstudio/muza-ui 1.0.23 → 1.0.26

package/dist/components/DatePicker/DatePicker.js

@@ -1,59 +1,68 @@
-import { jsx as e, jsxs as V } from "react/jsx-runtime";
-import { forwardRef as a, useState as l, useEffect as s } from "react";
-import { useIsDesktop as O } from "../../hooks/use-is-desktop.js";
-import { useIsMobile as C } from "../../hooks/use-is-mobile.js";
-import { Popover as N, PopoverTrigger as h, PopoverContent as tt } from "../Popover/Popover.js";
-import { getDateRange as rt } from "./utils/getDateRange.js";
-import { Input as ot } from "../Input/Input.js";
-import { formatDate as it } from "../Calendar/utils/formatDate.js";
-import { formatDateRange as et } from "../Calendar/utils/formatDateRange.js";
-import { Calendar as q } from "../Calendar/Calendar.js";
-import { cn as u } from "../../utils/cn.js";
-import { typographyVariants as ft } from "../Typography/Typography.js";
-import { CalendarBold as mt } from "@solar-icons/react-perf";
-const pt = a(
+import { jsx as n, jsxs as tt } from "react/jsx-runtime";
+import { forwardRef as rt, useState as k, useRef as E, useEffect as ot } from "react";
+import { useIsDesktop as et } from "../../hooks/use-is-desktop.js";
+import { useIsMobile as it } from "../../hooks/use-is-mobile.js";
+import { Popover as ft, PopoverTrigger as pt, PopoverContent as ct } from "../Popover/Popover.js";
+import { getDateRange as nt } from "./utils/getDateRange.js";
+import { resolveOneDayRange as dt } from "./utils/resolveOneDayRange.js";
+import { Input as ut } from "../Input/Input.js";
+import { formatDate as bt } from "../Calendar/utils/formatDate.js";
+import { formatDateRange as st } from "../Calendar/utils/formatDateRange.js";
+import { Calendar as Y } from "../Calendar/Calendar.js";
+import { cn as l } from "../../utils/cn.js";
+import { typographyVariants as xt } from "../Typography/Typography.js";
+import { CalendarBold as lt } from "@solar-icons/react-perf";
+const mt = rt(
   ({
-    alignCalendar: B,
-    mode: v,
-    allowedPresets: x,
-    dateFormatter: G,
-    value: p,
-    defaultValue: c,
-    open: n,
-    onOpenChange: r,
-    onChange: f,
-    classNames: t,
-    error: H,
-    disabled: S,
-    hint: J,
-    label: K,
-    placeholder: L,
-    avoidCollisions: Q = !0,
+    alignCalendar: G,
+    mode: m,
+    allowedPresets: y,
+    dateFormatter: H,
+    value: e,
+    defaultValue: b,
+    open: s,
+    onOpenChange: d,
+    onChange: r,
+    classNames: o,
+    error: J,
+    disabled: R,
+    hint: K,
+    label: L,
+    placeholder: Q,
+    avoidCollisions: T = !0,
     side: U = "bottom",
-    renderCustomTrigger: I,
-    shouldResetToDefaultValue: d,
-    required: X,
-    disableRequiredAsterisk: Z,
-    numberOfMonths: F,
-    hideNavigation: M,
-    hideCaption: j,
-    hideWeekdays: z,
-    showOutsideDays: R,
-    hideBottomText: A,
-    hideResetButton: E,
-    ...P
-  }, _) => {
-    const Y = O(), $ = C(), [g, y] = l(!1), W = typeof n == "boolean" ? n : g, [b, k] = l(
-      p ?? c
-    ), [o, m] = l(p ?? c);
-    s(() => {
-      k(p), m(p);
-    }, [p]);
-    const w = x == null ? void 0 : x.map((i) => /* @__PURE__ */ e(
+    renderCustomTrigger: S,
+    immediateCommit: f,
+    allowOneDayRange: I,
+    shouldResetToDefaultValue: M,
+    required: x,
+    disableRequiredAsterisk: W,
+    numberOfMonths: X,
+    hideNavigation: Z,
+    hideCaption: _,
+    hideWeekdays: $,
+    showOutsideDays: V,
+    hideBottomText: q,
+    hideResetButton: w,
+    ...O
+  }, g) => {
+    const a = et(), N = it(), [h, P] = k(!1), F = typeof s == "boolean" ? s : h, [j, p] = k(
+      e ?? b
+    ), [i, u] = k(e ?? b), z = E(!1), v = E(
+      e ?? b
+    );
+    ot(() => {
+      if (!z.current) {
+        z.current = !0;
+        return;
+      }
+      p(e), u(e), F || (v.current = e);
+    }, [e]);
+    const C = y == null ? void 0 : y.map((t) => /* @__PURE__ */ n(
       "button",
       {
-        className: u(
-          ft({
+        className: l(
+          xt({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -63,106 +72,107 @@ const pt = a(
           "hover:bg-surface-brand-brand-tertiary hover:text-comp-button-tertiary-text-def",
           "outline-none focus-visible:bg-surface-brand-brand-tertiary focus-visible:text-comp-button-tertiary-text-def",
           "cursor-pointer",
-          t == null ? void 0 : t.leftPanelButton
+          o == null ? void 0 : o.leftPanelButton
         ),
         onClick: () => {
-          const T = rt(i.type);
-          m(T);
+          const c = nt(t.type);
+          u(c), f && (p(c), r == null || r(c));
         },
-        children: i.name
+        children: t.name
       },
-      i.type
-    )), D = G ?? (v === "single" ? it : et);
-    return /* @__PURE__ */ V(
-      N,
+      t.type
+    )), D = H ?? (m === "single" ? bt : st), B = f ? e !== void 0 ? e : i : j, A = {
+      ...O,
+      numberOfMonths: X ?? (a ? 2 : 1),
+      hideNavigation: Z,
+      hideCaption: _,
+      hideWeekdays: $,
+      showOutsideDays: V,
+      hideBottomText: q,
+      hideResetButton: w,
+      required: x,
+      onReset: () => {
+        const t = M ? b : f ? v.current : j;
+        u(t), f && (p(t), r == null || r(t));
+      },
+      onConfirm: () => {
+        f ? p(i) : (i !== void 0 || M || x === !1) && (p(i), r == null || r(i)), s === void 0 && P(!1), d == null || d(!1);
+      }
+    };
+    return /* @__PURE__ */ tt(
+      ft,
       {
-        open: W,
-        onOpenChange: (i) => {
-          n === void 0 && y(i), r == null || r(i);
+        open: F,
+        onOpenChange: (t) => {
+          t && (v.current = e ?? i), s === void 0 && P(t), d == null || d(t);
         },
         children: [
-          /* @__PURE__ */ e(
-            h,
+          /* @__PURE__ */ n(
+            pt,
             {
-              className: u(
+              className: l(
                 "group cursor-pointer rounded-full text-left outline-0",
-                t == null ? void 0 : t.popoverTrigger
+                o == null ? void 0 : o.popoverTrigger
               ),
-              disabled: S,
-              children: I ? I() : /* @__PURE__ */ e(
-                ot,
+              disabled: R,
+              children: S ? S() : /* @__PURE__ */ n(
+                ut,
                 {
-                  ref: _,
-                  value: b ? D(b) : "",
-                  placeholder: L,
-                  error: H,
-                  disabled: S,
-                  label: K,
-                  hint: J,
+                  ref: g,
+                  value: B ? D(B) : "",
+                  placeholder: Q,
+                  error: J,
+                  disabled: R,
+                  label: L,
+                  hint: K,
                   tabIndex: -1,
-                  required: X,
-                  disableRequiredAsterisk: Z,
-                  className: u(
+                  required: x,
+                  disableRequiredAsterisk: W,
+                  className: l(
                     "pointer-events-none",
-                    t == null ? void 0 : t.input,
+                    o == null ? void 0 : o.input,
                     "group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
                   ),
-                  suffix: /* @__PURE__ */ e(mt, { className: "size-icon-medium text-icon-dark-secondary-def" })
+                  suffix: /* @__PURE__ */ n(lt, { className: "size-icon-medium text-icon-dark-secondary-def" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ e(
-            tt,
+          /* @__PURE__ */ n(
+            ct,
             {
-              className: u("flex w-auto p-0", t == null ? void 0 : t.popoverContent),
-              align: B,
+              className: l("flex w-auto p-0", o == null ? void 0 : o.popoverContent),
+              align: G,
               side: U,
-              avoidCollisions: Q,
-              onOpenAutoFocus: (i) => i.preventDefault(),
-              children: v === "single" ? /* @__PURE__ */ e(
-                q,
+              avoidCollisions: T,
+              onOpenAutoFocus: (t) => t.preventDefault(),
+              children: m === "single" ? /* @__PURE__ */ n(
+                Y,
                 {
-                  ...P,
+                  ...A,
                   mode: "single",
-                  selected: o,
-                  onReset: () => m(
-                    d ? c : b
-                  ),
-                  onSelect: m,
-                  onConfirm: () => {
-                    (o !== void 0 || d) && (k(o), f == null || f(o)), n === void 0 && y(!1), r == null || r(!1);
-                  },
-                  numberOfMonths: F ?? (Y ? 2 : 1),
-                  hideNavigation: M,
-                  hideCaption: j,
-                  hideWeekdays: z,
-                  showOutsideDays: R,
-                  hideBottomText: A,
-                  hideResetButton: E,
+                  selected: i,
+                  onSelect: f ? (t) => {
+                    u(t), p(t), r == null || r(t);
+                  } : u,
                   dateFormatter: D
                 }
-              ) : /* @__PURE__ */ e(
-                q,
+              ) : /* @__PURE__ */ n(
+                Y,
                 {
-                  ...P,
+                  ...A,
                   mode: "range",
-                  selected: o,
-                  onReset: () => m(
-                    d ? c : b
-                  ),
-                  onSelect: m,
-                  onConfirm: () => {
-                    (o !== void 0 || d) && (k(o), f == null || f(o)), n === void 0 && y(!1), r == null || r(!1);
+                  min: I ? 1 : void 0,
+                  selected: i,
+                  onSelect: (t) => {
+                    const c = I ? dt(
+                      i,
+                      t,
+                      x
+                    ) : t;
+                    u(c), f && (p(c), r == null || r(c));
                   },
-                  numberOfMonths: F ?? (Y ? 2 : 1),
-                  hideNavigation: M,
-                  hideCaption: j,
-                  hideWeekdays: z,
-                  showOutsideDays: R,
-                  hideBottomText: A,
-                  hideResetButton: E,
-                  leftPanelChildren: v === "range" && !$ && w,
+                  leftPanelChildren: m === "range" && !N && C,
                   dateRangeFormatter: D
                 }
               )
@@ -173,7 +183,7 @@ const pt = a(
     );
   }
 );
-pt.displayName = "DatePicker";
+mt.displayName = "DatePicker";
 export {
-  pt as DatePicker
+  mt as DatePicker
 };

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

@@ -16,6 +16,9 @@ export declare const ResetButtonResetsToUndefined: Story;
 export declare const ResetButtonResetsToStoryDate: Story;
 export declare const Required: Story;
 export declare const SingleMonth: Story;
+export declare const ImmediateCommitRange: Story;
+export declare const AllowOneDayRange: Story;
+export declare const NotRequired: Story;
 export declare const MonthlyView: Story;
 export declare const YearlyView: Story;
 //# sourceMappingURL=DatePicker.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2LjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA8CxB,CAAA"}
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2LjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}

package/dist/components/DatePicker/utils/resolveOneDayRange.d.ts

@@ -0,0 +1,13 @@
+import { DateRange } from 'react-day-picker';
+/**
+ * Resolves same-day range selection cycling for `allowOneDayRange` mode.
+ *
+ * Replicates react-day-picker v8 behavior where same-day ranges are allowed.
+ * In v9, `min={1}` prevents same-day completion, so this function intercepts
+ * the raw rdp output and forces the correct result.
+ *
+ * Cycle with `required`:     `{from}` → `{from,to=from}` → `{from}` → …
+ * Cycle with `!required`:    `{from}` → `{from,to=from}` → `undefined` → …
+ */
+export declare const resolveOneDayRange: (prev: DateRange | undefined, newRange: DateRange | undefined, required: boolean | undefined) => DateRange | undefined;
+//# sourceMappingURL=resolveOneDayRange.d.ts.map

package/dist/components/DatePicker/utils/resolveOneDayRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveOneDayRange.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils/resolveOneDayRange.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,SAAS,GAAG,SAAS,EAC3B,UAAU,SAAS,GAAG,SAAS,EAC/B,UAAU,OAAO,GAAG,SAAS,KAC5B,SAAS,GAAG,SAqCd,CAAA"}

package/dist/components/DatePicker/utils/resolveOneDayRange.js

@@ -0,0 +1,5 @@
+import { isSameDay as m } from "date-fns";
+const u = (o, f, t) => o != null && o.from && !(o != null && o.to) && !f ? { from: o.from, to: o.from } : o != null && o.from && !(o != null && o.to) && (f != null && f.from) && !(f != null && f.to) && m(o.from, f.from) ? { from: o.from, to: o.from } : o != null && o.from && (o != null && o.to) && m(o.from, o.to) && (f != null && f.from) && m(o.from, f.from) && (!(f != null && f.to) || m(o.from, f.to)) ? t === !1 ? void 0 : { from: o.from, to: void 0 } : f;
+export {
+  u as resolveOneDayRange
+};

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"}