@vkzstudio/muza-ui 1.0.45 → 1.0.47

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

@@ -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;;;GAGG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAC5D,qGAAqG;IACrG,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAA;AAED;;;;GAIG;AACH,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"}
+{"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;;;GAGG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAC5D,qGAAqG;IACrG,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAA;AAED;;;;GAIG;AACH,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,4CAsCtB,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"}

package/dist/components/Accordion/Accordion.js

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as w } from "react/jsx-runtime";
-import * as d from "react";
-import * as c from "@radix-ui/react-accordion";
-import { cva as g } from "class-variance-authority";
-import { cn as n } from "../../utils/cn.js";
+import * as c from "react";
+import * as n from "@radix-ui/react-accordion";
+import { cva as u } from "class-variance-authority";
+import { cn as i } from "../../utils/cn.js";
 import { AltArrowDownOutline as N } from "@solar-icons/react-perf";
-const v = g("relative w-full transition-colors", {
+const v = u("relative w-full transition-colors", {
   variants: {
     variant: {
-      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",
-      branded: "rounded-lg border-0 bg-surface-brand-brand-tertiary p-comp-accordion-p has-[[data-slot=accordion-trigger]:hover]:bg-surface-base-primary-hover",
-      settings: "rounded-xl border border-comp-accordeon-settings-stroke-def bg-comp-accordeon-settings-bg-primary-def has-[[data-slot=accordion-trigger]:disabled]:cursor-not-allowed has-[[data-slot=accordion-trigger]:disabled]:border-comp-accordeon-settings-stroke-disabled has-[[data-slot=accordion-trigger]:disabled]:bg-comp-accordeon-settings-bg-primary-disabled has-[[data-slot=accordion-trigger]:focus-visible]:border-comp-accordeon-settings-stroke-focused has-[[data-slot=accordion-trigger]:focus-visible]:bg-comp-accordeon-settings-bg-primary-focused has-[[data-slot=accordion-trigger]:hover:not(:disabled)]:border-comp-accordeon-settings-stroke-hover has-[[data-slot=accordion-trigger]:hover:not(:disabled)]:bg-comp-accordeon-settings-bg-primary-hover"
+      default: "rounded-comp-accordion-default-radius border border-stroke-base-primary bg-surface-base-secondary px-comp-accordion-default-p py-comp-accordion-default-p-ver has-[[data-slot=accordion-trigger]:hover]:border-stroke-brand-hover",
+      branded: "rounded-comp-accordion-branded-radius border-0 bg-surface-brand-brand-tertiary p-comp-accordion-branded-p has-[[data-slot=accordion-trigger]:hover]:bg-surface-base-primary-hover",
+      settings: "rounded-comp-accordion-settings-radius border border-comp-accordion-settings-stroke-def bg-comp-accordion-settings-bg-primary-def has-[[data-slot=accordion-trigger]:disabled]:cursor-not-allowed has-[[data-slot=accordion-trigger]:disabled]:border-comp-accordion-settings-stroke-disabled has-[[data-slot=accordion-trigger]:disabled]:bg-comp-accordion-settings-bg-primary-disabled has-[[data-slot=accordion-trigger]:focus-visible]:border-comp-accordion-settings-stroke-focused has-[[data-slot=accordion-trigger]:focus-visible]:bg-comp-accordion-settings-bg-primary-focused has-[[data-slot=accordion-trigger]:hover:not(:disabled)]:border-comp-accordion-settings-stroke-hover has-[[data-slot=accordion-trigger]:hover:not(:disabled)]:bg-comp-accordion-settings-bg-primary-hover"
     }
   },
   defaultVariants: { variant: "default" }
-}), x = g(
+}), x = u(
   "group flex w-full cursor-pointer items-center justify-between gap-4 transition-all outline-none [&[data-state=open]>svg]:rotate-180",
   {
     variants: {
@@ -25,7 +25,7 @@ const v = g("relative w-full transition-colors", {
     },
     defaultVariants: { variant: "default" }
   }
-), h = g("text-left", {
+), h = u("text-left", {
   variants: {
     variant: {
       default: "pt-md",
@@ -34,54 +34,54 @@ const v = g("relative w-full transition-colors", {
     }
   },
   defaultVariants: { variant: "default" }
-}), y = d.createContext({
+}), y = c.createContext({
   variant: "default"
-}), m = () => d.useContext(y), l = d.createContext({
+}), m = () => c.useContext(y), l = c.createContext({
   isStatic: !1
-}), k = () => d.useContext(l), j = ({
-  className: e,
-  variant: o,
+}), k = () => c.useContext(l), P = ({
+  className: o,
+  variant: r,
   ...a
 }) => {
-  const r = o ?? (a.type === "single" ? "branded" : "default");
-  return /* @__PURE__ */ t(y.Provider, { value: { variant: r }, children: /* @__PURE__ */ t(
-    c.Root,
+  const e = r ?? (a.type === "single" ? "branded" : "default");
+  return /* @__PURE__ */ t(y.Provider, { value: { variant: e }, children: /* @__PURE__ */ t(
+    n.Root,
     {
       "data-slot": "accordion",
-      className: n("flex w-full flex-col gap-md", e),
+      className: i("flex w-full flex-col gap-md", o),
       ...a
     }
   ) });
-}, R = ({
-  className: e,
-  children: o,
+}, j = ({
+  className: o,
+  children: r,
   clickableContent: a = !0,
-  static: r,
-  value: i,
+  static: e,
+  value: d,
   disabled: A,
-  ...u
+  ...g
 }) => {
-  const { variant: f } = m(), p = d.useRef(null);
-  return r ? /* @__PURE__ */ t(l.Provider, { value: { isStatic: !0 }, children: /* @__PURE__ */ t(
+  const { variant: f } = m(), p = c.useRef(null);
+  return e ? /* @__PURE__ */ t(l.Provider, { value: { isStatic: !0 }, children: /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "accordion-item",
       "data-state": "open",
-      className: n(v({ variant: f }), e),
-      ...u,
-      children: o
+      className: i(v({ variant: f }), o),
+      ...g,
+      children: r
     }
   ) }) : /* @__PURE__ */ t(l.Provider, { value: { isStatic: !1 }, children: /* @__PURE__ */ t(
-    c.Item,
+    n.Item,
     {
       ref: p,
       "data-slot": "accordion-item",
-      value: i,
+      value: d,
       disabled: A,
-      className: n(
+      className: i(
         v({ variant: f }),
         a && "cursor-pointer",
-        e
+        o
       ),
       onClick: a ? (C) => {
         var b;
@@ -90,51 +90,59 @@ const v = g("relative w-full transition-colors", {
         );
         s && !s.contains(C.target) && s.click();
       } : void 0,
-      ...u,
-      children: o
+      ...g,
+      children: r
     }
   ) });
-}, z = ({
-  className: e,
-  children: o,
+}, R = ({
+  className: o,
+  children: r,
   ...a
 }) => {
-  const { variant: r } = m(), { isStatic: i } = k();
-  return i ? /* @__PURE__ */ t("div", { className: "flex", ...a, children: /* @__PURE__ */ t(
+  const { variant: e } = m(), { isStatic: d } = k();
+  return d ? /* @__PURE__ */ t("div", { className: "flex", ...a, children: /* @__PURE__ */ t(
     "div",
     {
-      className: n(
-        x({ variant: r }),
+      className: i(
+        x({ variant: e }),
         "cursor-default",
-        e
+        o
       ),
-      children: o
+      children: r
     }
-  ) }) : /* @__PURE__ */ t(c.Header, { className: "flex", ...a, children: /* @__PURE__ */ w(
-    c.Trigger,
+  ) }) : /* @__PURE__ */ t(n.Header, { className: "flex", ...a, children: /* @__PURE__ */ w(
+    n.Trigger,
     {
       "data-slot": "accordion-trigger",
-      className: n(x({ variant: r }), e),
+      className: i(x({ variant: e }), o),
       children: [
-        o,
-        /* @__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" })
+        r,
+        /* @__PURE__ */ t(
+          N,
+          {
+            className: i(
+              "shrink-0 text-comp-select-icon-brand-def transition-transform duration-300 group-data-[disabled]:text-icon-dark-tertiary",
+              e === "branded" ? "size-comp-accordion-branded-ico-size-md" : "size-comp-accordion-default-ico-size-md"
+            )
+          }
+        )
       ]
     }
   ) });
 }, H = ({
-  className: e,
-  children: o,
+  className: o,
+  children: r,
   ...a
 }) => {
-  const { variant: r } = m(), { isStatic: i } = k();
-  return i ? /* @__PURE__ */ t("div", { "data-slot": "accordion-content", ...a, children: /* @__PURE__ */ t(
+  const { variant: e } = m(), { isStatic: d } = k();
+  return d ? /* @__PURE__ */ t("div", { "data-slot": "accordion-content", ...a, children: /* @__PURE__ */ t(
     "div",
     {
-      className: n(h({ variant: r }), e),
-      children: o
+      className: i(h({ variant: e }), o),
+      children: r
     }
   ) }) : /* @__PURE__ */ t(
-    c.Content,
+    n.Content,
     {
       "data-slot": "accordion-content",
       className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
@@ -142,18 +150,18 @@ const v = g("relative w-full transition-colors", {
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: n(h({ variant: r }), e),
-          children: o
+          className: i(h({ variant: e }), o),
+          children: r
         }
       )
     }
   );
 };
 export {
-  j as Accordion,
+  P as Accordion,
   H as AccordionContent,
-  z as AccordionHeader,
-  R as AccordionItem,
+  R as AccordionHeader,
+  j as AccordionItem,
   h as accordionContentInnerVariants,
   v as accordionItemVariants,
   x as accordionTriggerVariants

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

@@ -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,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"}
+{"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;AAqVD,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAW3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAqF7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAaD,eAAO,MAAM,gBAAgB,EAAE,KAmL9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAW3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAqF7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAcD,eAAO,MAAM,gBAAgB,EAAE,KAmL9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,63 @@
+import { FlexProps } from '../Flex/Flex';
+import * as React from 'react';
+declare const cardVariants: (props?: ({
+    variant?: "default" | "market" | "checkout" | null | undefined;
+    gap?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    gapX?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    gapY?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    p?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    px?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    py?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pt?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pr?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pb?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pl?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    m?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mx?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    my?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mt?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mr?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mb?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    ml?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
+    wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
+    justify?: "end" | "start" | "center" | "stretch" | "between" | "around" | "evenly" | null | undefined;
+    align?: "end" | "start" | "center" | "baseline" | "stretch" | null | undefined;
+    flex?: 1 | "none" | "auto" | "initial" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for the Card component.
+ *
+ * Extends `FlexProps` so the card surface exposes the same layout API as
+ * `Flex` (direction, alignment, gap, padding, margin, polymorphic
+ * `component`). Adds a visual `variant` for the Figma-defined card styles
+ * and an `asChild` escape hatch for polymorphic rendering via Radix Slot.
+ */
+export interface CardProps extends FlexProps, Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
+    /**
+     * Visual style variant.
+     *
+     * - `default` — primary card layout used across the app (Múza-IN). Smaller width with vertical padding.
+     * - `market` — wider container used for Múza Market account cards.
+     * - `checkout` — checkout-flow card with the same radius family as `default` but a distinct stroke/fill.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'market' | 'checkout';
+    /**
+     * Renders the single child as the root element via Radix `Slot`, merging
+     * Card's props, styles, ref, and event handlers onto it. Use for
+     * polymorphic rendering — e.g. an `<a>` link wrapper, a `<button>` for a
+     * clickable card, or a router `Link`. Takes precedence over `component`.
+     *
+     * @default false
+     * @example
+     * <Card asChild>
+     *   <a href="/account">Open account</a>
+     * </Card>
+     */
+    asChild?: boolean;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
+export { Card, cardVariants };
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;8EAiBhB,CAAA;AAEF;;;;;;;GAOG;AACH,MAAM,WAAW,SACf,SAAQ,SAAS,EACf,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAClD;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC3C;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,IAAI,+EA+CT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/Card/Card.js

@@ -0,0 +1,67 @@
+import * as r from "react";
+import { Slot as g } from "@radix-ui/react-slot";
+import { cva as x } from "class-variance-authority";
+import { getSpacingVariants as y } from "../../utils/spacing.js";
+import { flexLayoutDefaults as V, flexLayoutVariants as C } from "../Flex/Flex.js";
+import { cn as z } from "../../utils/cn.js";
+const L = x("flex border border-solid", {
+  variants: {
+    ...C,
+    variant: {
+      default: "rounded-comp-card-default-radius border-comp-card-muzain-stroke bg-comp-card-muzain-bg px-comp-card-default-p-hor py-comp-card-default-p-ver",
+      market: "rounded-comp-card-account-radius border-comp-card-account-stroke bg-comp-card-account-fill px-comp-card-account-p-hor py-comp-card-account-p-ver-def",
+      checkout: "rounded-comp-card-checkout-radius border-comp-card-checkout-stroke bg-comp-card-checkout-fill px-comp-card-checkout-p-hor py-comp-card-checkout-p-ver"
+    }
+  },
+  defaultVariants: {
+    ...V,
+    direction: "column",
+    variant: "default"
+  }
+}), N = r.forwardRef(
+  ({
+    className: a,
+    style: c,
+    variant: o,
+    direction: t,
+    wrap: e,
+    justify: d,
+    align: p,
+    flex: m,
+    gap: u,
+    padding: n,
+    margin: i,
+    component: s = "div",
+    asChild: f = !1,
+    children: l,
+    ...k
+  }, b) => {
+    const h = f ? g : s, v = y({ gap: u, padding: n, margin: i });
+    return r.createElement(
+      h,
+      {
+        ref: b,
+        className: z(
+          L({
+            variant: o,
+            direction: t,
+            wrap: e,
+            justify: d,
+            align: p,
+            flex: m,
+            ...v
+          }),
+          a
+        ),
+        style: c,
+        ...k
+      },
+      l
+    );
+  }
+);
+N.displayName = "Card";
+export {
+  N as Card,
+  L as cardVariants
+};

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Card } from './Card';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Default: Story;
+export declare const Market: Story;
+export declare const Checkout: Story;
+export declare const AllVariants: Story;
+export declare const FlexLayout: Story;
+export declare const AsChild: Story;
+export declare const SemanticElement: Story;
+//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA4E3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AA4BlC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA"}

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

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

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

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

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,140 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import { ButtonArrow } from '../ButtonArrow';
+import * as React from 'react';
+/**
+ * Imperative Embla API exposed via the {@link CarouselProps.setApi} callback.
+ * Use it to scroll programmatically, query state, or subscribe to events.
+ *
+ * @example
+ * const [api, setApi] = React.useState<CarouselApi>()
+ *
+ * React.useEffect(() => {
+ *   if (!api) return
+ *   api.on('select', () => console.log(api.selectedScrollSnap()))
+ * }, [api])
+ *
+ * <Carousel setApi={setApi}>...</Carousel>
+ */
+export type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+/**
+ * Embla options object forwarded as the first argument to `useEmblaCarousel`.
+ * Controls behaviour like looping, alignment, drag thresholds, etc.
+ *
+ * @see https://www.embla-carousel.com/api/options/
+ */
+export type CarouselOptions = UseCarouselParameters[0];
+/**
+ * Embla plugin array forwarded as the second argument to `useEmblaCarousel`.
+ * Use it to add autoplay, classnames, fade, and other Embla plugins.
+ *
+ * @see https://www.embla-carousel.com/api/plugins/
+ */
+export type CarouselPlugin = UseCarouselParameters[1];
+/**
+ * Props for the Carousel root component. Sets orientation, configures the
+ * underlying Embla instance, and exposes its API.
+ */
+export interface CarouselProps {
+    /**
+     * Embla configuration forwarded as the first argument to `useEmblaCarousel`.
+     * Controls behaviour like looping, alignment, or drag thresholds.
+     *
+     * @example
+     * <Carousel opts={{ loop: true, align: 'start' }}>...</Carousel>
+     *
+     * @see CarouselOptions
+     */
+    opts?: CarouselOptions;
+    /**
+     * Embla plugins forwarded as the second argument to `useEmblaCarousel`
+     * (autoplay, classnames, fade, etc.).
+     *
+     * @example
+     * import Autoplay from 'embla-carousel-autoplay'
+     * <Carousel plugins={[Autoplay({ delay: 4000 })]}>...</Carousel>
+     *
+     * @see CarouselPlugin
+     */
+    plugins?: CarouselPlugin;
+    /**
+     * Controls scroll direction. Also drives keyboard navigation
+     * (←/→ for horizontal, ↑/↓ for vertical).
+     *
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Receives the Embla API once initialised. Use it for imperative control —
+     * scroll to a specific slide, subscribe to events, or query state.
+     *
+     * @example
+     * const [api, setApi] = React.useState<CarouselApi>()
+     * <Carousel setApi={setApi}>...</Carousel>
+     *
+     * @see CarouselApi
+     */
+    setApi?: (api: CarouselApi) => void;
+}
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Props for the CarouselContent component. Wraps the scrolling track and
+ * lays out its `CarouselItem` children along the active orientation axis.
+ *
+ * Accepts all standard `<div>` attributes.
+ */
+export type CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Props for the CarouselItem component. Renders a single slide that occupies
+ * the full track by default — override `basis-*` to show multiple slides at once.
+ *
+ * Accepts all standard `<div>` attributes.
+ *
+ * @example
+ * // Show three slides per view
+ * <CarouselItem className="basis-1/3">...</CarouselItem>
+ */
+export type CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;
+declare const CarouselItem: React.ForwardRefExoticComponent<CarouselItemProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Props shared by `CarouselPrevious` and `CarouselNext`. Forwards all
+ * `ButtonArrow` props (`size`, `disabled`, `onClick`, `className`, etc.)
+ * except `direction` (set internally based on which button is rendered) and
+ * `aria-label` (use {@link CarouselNavButtonProps.ariaLabel} instead).
+ *
+ * @see ButtonArrowProps
+ */
+export interface CarouselNavButtonProps extends Omit<React.ComponentPropsWithoutRef<typeof ButtonArrow>, 'direction' | 'aria-label'> {
+    /**
+     * Accessible label for the nav button. Falls back to the translation value
+     * (`carousel.previousAriaLabel` / `carousel.nextAriaLabel`).
+     */
+    ariaLabel?: string;
+}
+declare const CarouselPrevious: React.ForwardRefExoticComponent<CarouselNavButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<CarouselNavButtonProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Props for the CarouselDots component. Renders pagination indicators bound
+ * to the carousel state — clicking a dot scrolls to that slide.
+ *
+ * Backed by {@link SliderIndicatorsProps}.
+ */
+export interface CarouselDotsProps {
+    /** Additional CSS classes for the indicator container. */
+    className?: string;
+    /**
+     * Accessible label for the indicator list. Falls back to the translation
+     * value (`carousel.dotsAriaLabel`).
+     */
+    ariaLabel?: string;
+    /**
+     * Base accessible label for individual dot buttons. The slide index is
+     * appended automatically by `SliderIndicators`. Falls back to the
+     * translation value (`carousel.dotAriaLabel`).
+     */
+    buttonAriaLabel?: string;
+}
+declare const CarouselDots: React.FC<CarouselDotsProps>;
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, CarouselDots, };
+//# sourceMappingURL=Carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAI5C;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAEjD,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC;AAwBD,QAAA,MAAM,QAAQ,6HAmIb,CAAA;AAGD;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEvE,QAAA,MAAM,eAAe,6FAkBpB,CAAA;AAGD;;;;;;;;;GASG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEpE,QAAA,MAAM,YAAY,0FAoBjB,CAAA;AAGD;;;;;;;GAOG;AACH,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,EAClD,WAAW,GAAG,YAAY,CAC3B;IACD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,gBAAgB,kGA+CrB,CAAA;AAGD,QAAA,MAAM,YAAY,kGA+CjB,CAAA;AAGD;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuB7C,CAAA;AAED,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,CAAA"}