@vkzstudio/muza-ui 1.2.0 → 1.4.0

package/dist/components/Dialog/Dialog.js

@@ -1,67 +1,67 @@
-import { jsx as a, jsxs as g, Fragment as k } from "react/jsx-runtime";
-import { forwardRef as b, useState as O, useRef as E, Children as S, isValidElement as C, useCallback as j, cloneElement as B } from "react";
-import * as o from "@radix-ui/react-dialog";
-import { typographyVariants as P } from "../Typography/Typography.js";
-import { useMuzaTranslations as T } from "../../translations/TranslationContext.js";
-import { cn as i } from "../../utils/cn.js";
-import { XClose as V } from "../Icons/CustomIcons.js";
-const Q = o.Root, U = o.Title, Z = o.Description, A = ({
-  className: l,
-  ariaLabel: t
+import { jsx as a, jsxs as n, Fragment as N } from "react/jsx-runtime";
+import { forwardRef as p, Children as L, isValidElement as w } from "react";
+import * as e from "@radix-ui/react-dialog";
+import { typographyVariants as T } from "../Typography/Typography.js";
+import { useMuzaTranslations as D } from "../../translations/TranslationContext.js";
+import { cn as r } from "../../utils/cn.js";
+import { XClose as z } from "../Icons/CustomIcons.js";
+const X = e.Root, q = e.Title, G = e.Description, k = ({
+  className: i,
+  ariaLabel: o
 }) => /* @__PURE__ */ a(
-  o.Close,
+  e.Close,
   {
-    className: i(
-      "cursor-pointer transition-opacity focus-visible:focus-default disabled:pointer-events-none",
-      l
+    className: r(
+      "cursor-pointer text-icon-dark-primary-def focus-visible-default transition-opacity disabled:pointer-events-none",
+      i
     ),
-    "aria-label": t,
-    children: /* @__PURE__ */ a(V, { className: "size-icon-medium" })
+    "aria-label": o,
+    children: /* @__PURE__ */ a(z, { className: "size-icon-medium" })
   }
-), I = b(
+), F = p(
   ({
-    className: l,
-    icon: t,
-    children: s,
-    title: c,
-    hideCloseButton: n = !1,
-    closeAriaLabel: f,
-    ...u
-  }, h) => {
-    const y = T(), x = f ?? y.dialog.closeAriaLabel;
+    className: i,
+    icon: o,
+    children: t,
+    title: s,
+    hideCloseButton: m = !1,
+    closeAriaLabel: g,
+    ...b
+  }, f) => {
+    const y = D(), c = g ?? y.dialog.closeAriaLabel;
     return /* @__PURE__ */ a(
       "div",
       {
-        ref: h,
-        className: i(
+        ref: f,
+        className: r(
           "-mx-comp-dialog-p -mt-comp-dialog-p border-b border-stroke-base-primary px-comp-dialog-p py-comp-dialog-p-hor-def",
-          l
+          i
         ),
-        ...u,
-        children: /* @__PURE__ */ g("div", { className: "flex items-center gap-4xl", children: [
-          /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
-            t && /* @__PURE__ */ a("span", { className: "text-surface-brand-primary [&>svg]:size-icon-medium", children: t }),
+        ...b,
+        children: /* @__PURE__ */ n("div", { className: "flex items-center gap-comp-dialog-gap", children: [
+          /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
+            o && /* @__PURE__ */ a("span", { className: "text-icon-brand-def [&>svg]:size-icon-medium", children: o }),
             /* @__PURE__ */ a(
-              o.Title,
+              e.Title,
               {
-                className: i(
-                  "text-text-primary min-w-0 flex-1",
-                  P({
+                className: r(
+                  "min-w-0 flex-1 text-text-dark-primary-def",
+                  T({
                     variant: "title",
                     size: "md",
                     weight: "medium",
                     fixY: !0
                   })
                 ),
-                children: c ?? s
+                children: s ?? t
               }
             )
           ] }),
-          !n && /* @__PURE__ */ a(
-            A,
+          !m && /* @__PURE__ */ a(
+            k,
             {
               className: "shrink-0",
-              ariaLabel: x
+              ariaLabel: c
             }
           )
         ] })
@@ -69,99 +69,95 @@ const Q = o.Root, U = o.Title, Z = o.Description, A = ({
     );
   }
 );
-I.displayName = "DialogHeader";
-const M = b(
-  ({ className: l, children: t, _showBorder: s = !0, ...c }, n) => /* @__PURE__ */ a(
+F.displayName = "DialogHeader";
+const H = p(
+  ({ className: i, children: o, ...t }, s) => /* @__PURE__ */ a(
     "div",
     {
-      ref: n,
-      className: i(
-        "-mx-comp-dialog-p -mb-comp-dialog-p flex items-center justify-end gap-sm px-comp-dialog-p py-comp-dialog-p-hor-sm",
-        { "border-t border-stroke-base-primary": s },
-        l
+      ref: s,
+      className: r(
+        "-mx-comp-dialog-p -mb-comp-dialog-p flex items-center justify-end gap-sm border-t border-stroke-base-primary px-comp-dialog-p py-comp-dialog-p-hor-sm",
+        i
       ),
-      ...c,
-      children: t
+      ...t,
+      children: o
     }
   )
 );
-M.displayName = "DialogFooter";
-const $ = o.Trigger, W = o.Portal, ee = o.Close, L = b(({ className: l, ...t }, s) => /* @__PURE__ */ a(
-  o.Overlay,
+H.displayName = "DialogFooter";
+const I = e.Trigger, j = e.Portal, J = e.Close, C = p(({ className: i, ...o }, t) => /* @__PURE__ */ a(
+  e.Overlay,
   {
-    ref: s,
-    className: i(
-      "px- fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-surface-base-overlay px-layout-p-standard py-comp-dialog-p-hor-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-      l
+    ref: t,
+    className: r(
+      "fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-surface-base-overlay px-layout-p-standard py-comp-dialog-p-hor-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+      i
     ),
-    ...t
+    ...o
   }
 ));
-L.displayName = o.Overlay.displayName;
-const X = b(
+C.displayName = e.Overlay.displayName;
+const O = p(
   ({
-    className: l,
-    children: t,
-    size: s = "medium",
-    closeAriaLabel: c,
-    ...n
-  }, f) => {
-    const u = T(), h = c ?? u.dialog.closeAriaLabel, [y, x] = O(!1), d = E(null), v = S.toArray(t), w = v.find(
-      (e) => {
-        var r;
-        return C(e) && ((r = e.type) == null ? void 0 : r.displayName) === "DialogHeader";
+    className: i,
+    children: o,
+    size: t = "medium",
+    closeAriaLabel: s,
+    smallerContentYpadding: m = !1,
+    ...g
+  }, b) => {
+    const f = D(), y = s ?? f.dialog.closeAriaLabel, c = L.toArray(o), u = c.find(
+      (l) => {
+        var d;
+        return w(l) && ((d = l.type) == null ? void 0 : d.displayName) === "DialogHeader";
       }
-    ), m = v.find(
-      (e) => {
-        var r;
-        return C(e) && ((r = e.type) == null ? void 0 : r.displayName) === "DialogFooter";
+    ), h = c.find(
+      (l) => {
+        var d;
+        return w(l) && ((d = l.type) == null ? void 0 : d.displayName) === "DialogFooter";
       }
-    ), z = v.filter(
-      (e) => e !== w && e !== m
-    ), N = !!w, p = !!m, H = j((e) => {
-      if (d.current && (d.current.disconnect(), d.current = null), !e) return;
-      const r = () => {
-        const F = e.scrollHeight > e.clientHeight;
-        x(F);
-      };
-      r(), setTimeout(r, 100), setTimeout(r, 250), setTimeout(r, 500);
-      const D = new ResizeObserver(r);
-      D.observe(e), e.firstElementChild && D.observe(e.firstElementChild), d.current = D;
-    }, []), R = p && C(m) ? B(m, { _showBorder: y }) : m;
-    return /* @__PURE__ */ a(W, { children: /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(
-      o.Content,
+    ), A = c.filter(
+      (l) => l !== u && l !== h
+    ), x = !!u, v = !!h;
+    return /* @__PURE__ */ a(j, { children: /* @__PURE__ */ a(C, { children: /* @__PURE__ */ a(
+      e.Content,
       {
-        ref: f,
-        className: i(
-          "relative flex w-full flex-col rounded-2xl bg-surface-base-secondary p-comp-dialog-p duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        ref: b,
+        className: r(
+          "relative flex w-full flex-col rounded-comp-dialog-radius bg-surface-base-secondary px-comp-dialog-p duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           {
-            "max-w-comp-dialog-w-sm": s === "small",
-            "max-w-comp-dialog-w-md": s === "medium",
-            "max-w-comp-dialog-w-lg": s === "large",
-            "pt-5xl": !N && !p,
-            "max-h-[calc(100vh-var(--spacing-comp-dialog-p-hor-overlay)*2)]": p || N
+            "max-w-comp-dialog-w-sm": t === "small",
+            "max-w-comp-dialog-w-md": t === "medium",
+            "max-w-comp-dialog-w-lg": t === "large",
+            "max-h-[calc(100vh-var(--spacing-comp-dialog-p-hor-overlay)*2)]": v || x
           },
-          l
+          // Header/footer bleed to the edges via negative margins that cancel
+          // the root vertical padding, so it stays standard when either is
+          // present. A bare content dialog is padded directly by the root.
+          x || v ? "py-comp-dialog-p" : m ? "py-comp-dialog-p-hor-sm" : "pt-5xl pb-comp-dialog-p",
+          i
         ),
-        ...n,
-        children: N || p ? /* @__PURE__ */ g(k, { children: [
-          w,
+        ...g,
+        children: x || v ? /* @__PURE__ */ n(N, { children: [
+          u,
           /* @__PURE__ */ a(
             "div",
             {
-              ref: H,
-              className: "-mr-[calc(var(--spacing-comp-dialog-p)-8px)] min-h-0 flex-1 overflow-y-auto py-comp-dialog-p pr-[calc(var(--spacing-comp-dialog-p)-8px-5px)] [&::-webkit-scrollbar]:w-[5px] [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-stroke-base-secondary hover:[&::-webkit-scrollbar-thumb]:bg-stroke-base-primary [&::-webkit-scrollbar-track]:bg-transparent",
-              children: /* @__PURE__ */ a("div", { children: z })
+              className: r(
+                "-mr-[calc(var(--spacing-comp-dialog-p)-8px)] min-h-0 flex-1 overflow-y-auto pr-[calc(var(--spacing-comp-dialog-p)-8px-5px)] [&::-webkit-scrollbar]:w-[5px] [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-stroke-base-secondary hover:[&::-webkit-scrollbar-thumb]:bg-stroke-base-primary [&::-webkit-scrollbar-track]:bg-transparent",
+                m ? "py-comp-dialog-p-hor-sm" : "py-comp-dialog-p"
+              ),
+              children: /* @__PURE__ */ a("div", { children: A })
             }
           ),
-          R
-        ] }) : /* @__PURE__ */ g(k, { children: [
-          t,
+          h
+        ] }) : /* @__PURE__ */ n(N, { children: [
+          o,
           /* @__PURE__ */ a(
-            A,
+            k,
             {
               className: "absolute top-4 right-4",
-              ariaLabel: h
+              ariaLabel: y
             }
           )
         ] })
@@ -169,16 +165,16 @@ const X = b(
     ) }) });
   }
 );
-X.displayName = o.Content.displayName;
+O.displayName = e.Content.displayName;
 export {
-  Q as Dialog,
-  ee as DialogClose,
-  X as DialogContent,
-  Z as DialogDescription,
-  M as DialogFooter,
-  I as DialogHeader,
-  L as DialogOverlay,
-  W as DialogPortal,
-  U as DialogTitle,
-  $ as DialogTrigger
+  X as Dialog,
+  J as DialogClose,
+  O as DialogContent,
+  G as DialogDescription,
+  H as DialogFooter,
+  F as DialogHeader,
+  C as DialogOverlay,
+  j as DialogPortal,
+  q as DialogTitle,
+  I as DialogTrigger
 };

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

@@ -15,5 +15,6 @@ export declare const Medium: Story;
 export declare const Large: Story;
 export declare const OverflowContent: Story;
 export declare const WithHeaderAndFooter: Story;
+export declare const SmallerContentYPadding: Story;
 export declare const WithHeaderAndFooterLongContent: Story;
 //# sourceMappingURL=Dialog.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EACL,MAAM,EAOP,MAAM,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA2CjC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiK5C,CAAA"}
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EACL,MAAM,EAOP,MAAM,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA2CjC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAuCpC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiK5C,CAAA"}

package/dist/components/DotDivider/DotDivider.d.ts

@@ -0,0 +1,35 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const dotDividerVariants: (props?: ({
+    variant?: "default" | "invert" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Props for the DotDivider component. */
+export interface DotDividerProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof dotDividerVariants> {
+    /**
+     * Visual variant of the dot.
+     *
+     * - `default` — dark dot for use on light surfaces.
+     * - `invert` — light dot for use on dark surfaces.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'invert';
+}
+/**
+ * A small decorative dot used as an inline separator between metadata pieces
+ * (e.g. `Author • Date • Category`).
+ *
+ * The dot is purely visual and is hidden from assistive technologies via
+ * `aria-hidden`. Use a comma or other punctuation in the underlying text if
+ * the separation needs to be conveyed semantically.
+ *
+ * @example
+ * <span className="inline-flex items-center gap-2">
+ *   <span>Author</span>
+ *   <DotDivider />
+ *   <span>Date</span>
+ * </span>
+ */
+declare const DotDivider: React.ForwardRefExoticComponent<DotDividerProps & React.RefAttributes<HTMLSpanElement>>;
+export { DotDivider, dotDividerVariants };
+//# sourceMappingURL=DotDivider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotDivider.d.ts","sourceRoot":"","sources":["../../../src/components/DotDivider/DotDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,kBAAkB;;8EAWvB,CAAA;AAED,0CAA0C;AAC1C,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC/B;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,yFASf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/DotDivider/DotDivider.js

@@ -0,0 +1,31 @@
+import { jsx as d } from "react/jsx-runtime";
+import * as e from "react";
+import { cva as o } from "class-variance-authority";
+import { cn as n } from "../../utils/cn.js";
+const m = o(
+  "inline-block size-comp-dot-divider-default shrink-0 rounded-full",
+  {
+    variants: {
+      variant: {
+        default: "bg-comp-dot-divider-def",
+        invert: "bg-comp-dot-divider-invert"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+), s = e.forwardRef(
+  ({ className: i, variant: r, ...t }, a) => /* @__PURE__ */ d(
+    "span",
+    {
+      ref: a,
+      "aria-hidden": "true",
+      className: n(m({ variant: r, className: i })),
+      ...t
+    }
+  )
+);
+s.displayName = "DotDivider";
+export {
+  s as DotDivider,
+  m as dotDividerVariants
+};

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { DotDivider } from './DotDivider';
+declare const meta: Meta<typeof DotDivider>;
+export default meta;
+type Story = StoryObj<typeof DotDivider>;
+export declare const Default: Story;
+export declare const Invert: Story;
+export declare const AllVariants: Story;
+export declare const InContext: Story;
+//# sourceMappingURL=DotDivider.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotDivider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DotDivider/DotDivider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgCjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAsBpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAmCzB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './DotDivider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DotDivider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAGtE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAKpD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/D,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB;AAED,oFAAoF;AACpF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CACxD,OAAO,qBAAqB,CAAC,MAAM,CACpC,CAAA;AAED,4FAA4F;AAC5F,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CACzD,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IAClE,yEAAyE;IACzE,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,yFAAyF;AACzF,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,cAAc,CAC9D,OAAO,qBAAqB,CAAC,YAAY,CAC1C,GACC,aAAa,CAAA;AAEf;;;;;;;;;GASG;AACH,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC;IACrE,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,8FAA8F;AAC9F,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAC3D,OAAO,qBAAqB,CAAC,SAAS,CACvC,GACC,aAAa,CAAA;AAEf,6EAA6E;AAC7E,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAC3D,OAAO,qBAAqB,CAAC,SAAS,CACvC,CAAA;AAYD,QAAA,MAAM,YAAY,GAAI,cAAc,iBAAiB,4CAEpD,CAAA;AAED,QAAA,MAAM,kBAAkB,GAAI,cAAc,uBAAuB,4CAIhE,CAAA;AAED,QAAA,MAAM,mBAAmB,GAAI,cAAc,wBAAwB,4CAOlE,CAAA;AAED,QAAA,MAAM,mBAAmB,GAAI,4CAK1B,wBAAwB,4CAmD1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;8EA0B7B,CAAA;AAED,wFAAwF;AACxF,MAAM,WAAW,aAAa;IAC5B,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAChC,mDAAmD;IACnD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAED,qHAAqH;AACrH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,qBAAqB,CAAC,IAAI,CAClC,GACC,aAAa,CAAA;AAEf;;;;;;;;GAQG;AACH,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAC5D,OAAO,qBAAqB,CAAC,IAAI,CAClC,GAAG;IACF;;;OAGG;IACH,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AA+CD,2EAA2E;AAC3E,QAAA,MAAM,gBAAgB,GAAI,mFASvB,qBAAqB,4CAiCvB,CAAA;AAED,QAAA,MAAM,sBAAsB,GAAI,gDAK7B,2BAA2B,4CAsB7B,CAAA;AAED,QAAA,MAAM,wBAAwB,GAAI,wEAQ/B,6BAA6B,4CAsC/B,CAAA;AAED,QAAA,MAAM,sBAAsB,GAAI,oCAI7B,2BAA2B,4CAW7B,CAAA;AAED,QAAA,MAAM,qBAAqB,gHAqD1B,CAAA;AAID,QAAA,MAAM,qBAAqB,GAAI,yBAG5B,0BAA0B,4CAQ5B,CAAA;AAED,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,wBAAwB,GACzB,CAAA"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as b, Fragment as y } from "react/jsx-runtime";
+import { jsx as e, jsxs as b, Fragment as N } from "react/jsx-runtime";
 import * as m from "react";
 import * as a from "@radix-ui/react-dropdown-menu";
-import { cva as N } from "class-variance-authority";
+import { cva as y } from "class-variance-authority";
 import { Button as I } from "../Button/Button.js";
 import { cn as s } from "../../utils/cn.js";
 import { UnreadOutline as x } from "@solar-icons/react-perf";
@@ -55,9 +55,9 @@ const g = m.createContext(null), M = () => m.useContext(g), B = ({ ...o }) => /*
       )
     }
   ) });
-}, w = N(
+}, w = y(
   [
-    "text-comp-dropdown-menu-text-primary flex cursor-pointer items-center gap-sm rounded-md pt-md pr-lg pb-md pl-lg outline-0 transition-colors",
+    "flex cursor-pointer items-center gap-sm rounded-md pt-md pr-lg pb-md pl-lg text-comp-dropdown-menu-text-base-def outline-0 transition-colors",
     "hover:bg-comp-dropdown-menu-fill-base-hover hover:text-comp-dropdown-menu-text-base-hover",
     "focus-within:bg-comp-dropdown-menu-fill-base-focused"
   ],
@@ -83,7 +83,7 @@ const g = m.createContext(null), M = () => m.useContext(g), B = ({ ...o }) => /*
 ), h = ({
   children: o,
   description: t
-}) => typeof o == "function" ? /* @__PURE__ */ e(y, { children: o }) : t ? /* @__PURE__ */ b(D, { flex: 1, direction: "column", className: "min-w-0", children: [
+}) => typeof o == "function" ? /* @__PURE__ */ e(N, { children: o }) : t ? /* @__PURE__ */ b(D, { flex: 1, direction: "column", className: "min-w-0", children: [
   /* @__PURE__ */ e(
     f,
     {
@@ -135,8 +135,8 @@ const g = m.createContext(null), M = () => m.useContext(g), B = ({ ...o }) => /*
         "span",
         {
           className: s("block [&>svg]:block [&>svg]:size-icon-small", {
-            "text-comp-dropdown-menu-text-error": t === "destructive",
-            "group-focus-visible:-icon-brand-focused text-icon-dark-secondary-def group-hover:text-icon-brand-def": t !== "destructive",
+            "text-comp-dropdown-menu-icon-error-def": t === "destructive",
+            "text-icon-dark-secondary-def group-hover:text-icon-brand-def group-focus-visible:text-comp-dropdown-menu-icon-base-focused": t !== "destructive",
             "text-comp-dropdown-menu-icon-base-active": i
           }),
           children: r
@@ -199,14 +199,14 @@ const g = m.createContext(null), M = () => m.useContext(g), B = ({ ...o }) => /*
         "span",
         {
           className: s({
-            "text-comp-dropdown-menu-text-error": r === "destructive",
-            "group-focus-visible:-icon-brand-focused text-icon-dark-secondary-def group-hover:text-icon-brand-def": r !== "destructive"
+            "text-comp-dropdown-menu-icon-error-def": r === "destructive",
+            "text-icon-dark-secondary-def group-hover:text-icon-brand-def group-focus-visible:text-comp-dropdown-menu-icon-base-focused": r !== "destructive"
           }),
           children: c
         }
       ),
       /* @__PURE__ */ e(h, { description: i, children: t }),
-      /* @__PURE__ */ e("span", { className: "text-comp-dropdown-menu-icon-brand-def", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(x, { className: "size-icon-small" }) }) })
+      /* @__PURE__ */ e("span", { className: "text-icon-brand-def", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(x, { className: "size-icon-small" }) }) })
     ]
   }
 ), L = ({
@@ -244,15 +244,15 @@ const g = m.createContext(null), M = () => m.useContext(g), B = ({ ...o }) => /*
             "span",
             {
               className: s({
-                "text-comp-dropdown-menu-text-error": n === "destructive",
-                "group-focus-visible:-icon-brand-focused text-icon-dark-secondary-def group-hover:text-icon-brand-def": n !== "destructive",
+                "text-comp-dropdown-menu-icon-error-def": n === "destructive",
+                "text-icon-dark-secondary-def group-hover:text-icon-brand-def group-focus-visible:text-comp-dropdown-menu-icon-base-focused": n !== "destructive",
                 "text-comp-dropdown-menu-text-base-disabled": d.disabled
               }),
               children: r
             }
           ),
           /* @__PURE__ */ e(h, { description: c, children: t }),
-          /* @__PURE__ */ e("span", { className: "text-comp-dropdown-menu-icon-brand-def", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(x, { className: "size-icon-small" }) }) })
+          /* @__PURE__ */ e("span", { className: "text-icon-brand-def", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(x, { className: "size-icon-small" }) }) })
         ]
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"EdgeButton.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,QAAA,MAAM,kBAAkB;;8EAwBvB,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,UAAU,2FAmFf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"EdgeButton.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,QAAA,MAAM,kBAAkB;;8EAuBvB,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,UAAU,2FAmFf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/EdgeButton/EdgeButton.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as i, Fragment as a } from "react/jsx-runtime";
 import s from "react";
 import { Slot as h, Slottable as l } from "@radix-ui/react-slot";
 import { cva as x } from "class-variance-authority";
-import { sharedButtonVariants as d } from "../Button/buttonVariants.js";
+import { sharedButtonVariants as u } from "../Button/buttonVariants.js";
 import { cn as y } from "../../utils/cn.js";
 import { Typography as j } from "../Typography/Typography.js";
 const _ = x(
@@ -13,15 +13,14 @@ const _ = x(
     "&>svg]:duration-250 transition-colors duration-250 [&>svg]:transition-opacity",
     "[&>svg]:size-icon-medium",
     "disabled:pointer-events-none",
-    ...d.primary
+    ...u.primary
   ],
   {
     variants: {
       disabled: {
         true: [
-          // 'bg-comp-button-fill-primary-disabled text-comp-button-text-text-disabled',
           "pointer-events-none",
-          "[&>svg]:text-comp-button-icon-brand-disabled"
+          "[&>svg]:text-comp-button-primary-text-disabled"
         ]
       }
     },
@@ -31,7 +30,7 @@ const _ = x(
   }
 ), B = s.forwardRef(
   ({
-    onClick: u,
+    onClick: d,
     disabled: p,
     text: m,
     className: c,
@@ -39,8 +38,8 @@ const _ = x(
     icon: o,
     children: t,
     ...f
-  }, b) => {
-    const g = n ? h : "button", r = m ? /* @__PURE__ */ e(
+  }, g) => {
+    const b = n ? h : "button", r = m ? /* @__PURE__ */ e(
       j,
       {
         component: "span",
@@ -68,10 +67,10 @@ const _ = x(
       t
     ] });
     return /* @__PURE__ */ e(
-      g,
+      b,
       {
-        ref: b,
-        onClick: p ? void 0 : u,
+        ref: g,
+        onClick: p ? void 0 : d,
         ...n ? {} : { type: "button", disabled: p },
         className: y(
           "inline-flex items-center justify-center",
@@ -80,7 +79,7 @@ const _ = x(
           "cursor-pointer disabled:pointer-events-none",
           "&>svg]:duration-250 transition-colors duration-250 [&>svg]:transition-opacity",
           "[&>svg]:size-icon-medium",
-          ...d.primary,
+          ...u.primary,
           c
         ),
         ...f,