@vkzstudio/muza-ui 1.5.1 → 1.6.0

package/dist/components/Toast/Toast.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import "react";
 import { toast as c } from "sonner";
-import { XClose as n } from "../Icons/CustomIcons.js";
-import { cn as u } from "../../utils/cn.js";
-import { DangerTriangleOutline as g, UnreadOutline as x } from "@solar-icons/react-perf";
+import { cn as n } from "../../utils/cn.js";
+import { DangerTriangleOutline as u, UnreadOutline as g } from "@solar-icons/react-perf";
+import { XClose as x } from "../Icons/CustomIcons.js";
 import { Typography as d } from "../Typography/Typography.js";
 const T = (s) => c.custom((o) => /* @__PURE__ */ e(b, { id: o, ...s }), {
   dismissible: s.closable,
@@ -22,7 +22,7 @@ const T = (s) => c.custom((o) => /* @__PURE__ */ e(b, { id: o, ...s }), {
 }) => /* @__PURE__ */ m(
   "div",
   {
-    className: u(
+    className: n(
       "flex items-center gap-comp-alert-gap-sm rounded-xl p-xl",
       {
         "bg-comp-toast-bg-warning text-comp-toast-text-warning": t === "warning",
@@ -35,8 +35,8 @@ const T = (s) => c.custom((o) => /* @__PURE__ */ e(b, { id: o, ...s }), {
     children: [
       /* @__PURE__ */ m("div", { className: "[&>svg]:size-comp-alert-ico-size", children: [
         r,
-        !r && (t === "error" || t === "warning" || t === "info") && /* @__PURE__ */ e(g, {}),
-        !r && t === "success" && /* @__PURE__ */ e(x, {})
+        !r && (t === "error" || t === "warning" || t === "info") && /* @__PURE__ */ e(u, {}),
+        !r && t === "success" && /* @__PURE__ */ e(g, {})
       ] }),
       /* @__PURE__ */ e(
         d,
@@ -58,7 +58,7 @@ const T = (s) => c.custom((o) => /* @__PURE__ */ e(b, { id: o, ...s }), {
           onClick: () => {
             c.dismiss(s), i == null || i();
           },
-          children: /* @__PURE__ */ e(n, { className: "size-comp-alert-ico-size" })
+          children: /* @__PURE__ */ e(x, { className: "size-comp-alert-ico-size" })
         }
       )
     ]

package/dist/components/Toast/index.js

@@ -0,0 +1,7 @@
+import { ToastContainer as r } from "./ToastContainer.js";
+import { Toast as e, toast as s } from "./Toast.js";
+export {
+  e as Toast,
+  r as ToastContainer,
+  s as toast
+};

package/dist/components/Toggle/index.js

@@ -0,0 +1,5 @@
+import { Toggle as e, toggleVariants as r } from "./Toggle.js";
+export {
+  e as Toggle,
+  r as toggleVariants
+};

package/dist/components/ToggleCheckButton/index.js

@@ -0,0 +1,5 @@
+import { ToggleCheckButton as e, toggleCheckButtonVariants as g } from "./ToggleCheckButton.js";
+export {
+  e as ToggleCheckButton,
+  g as toggleCheckButtonVariants
+};

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -2,8 +2,8 @@ import { jsx as e } from "react/jsx-runtime";
 import * as g from "react";
 import * as l from "@radix-ui/react-toggle-group";
 import "class-variance-authority";
-import { Toggle as m } from "../Toggle/Toggle.js";
-import { cn as p } from "../../utils/cn.js";
+import { cn as m } from "../../utils/cn.js";
+import { Toggle as p } from "../Toggle/Toggle.js";
 const n = g.createContext({
   variant: "default"
 }), f = ({
@@ -16,7 +16,7 @@ const n = g.createContext({
   {
     "data-slot": "toggle-group",
     "data-variant": t,
-    className: p(
+    className: m(
       "group/toggle-group flex w-fit flex-wrap items-center gap-xs",
       r
     ),
@@ -38,7 +38,7 @@ const n = g.createContext({
       ...o,
       asChild: !0,
       children: /* @__PURE__ */ e(
-        m,
+        p,
         {
           variant: t ?? i.variant ?? void 0,
           title: o.title,

package/dist/components/ToggleGroup/index.js

@@ -0,0 +1,5 @@
+import { ToggleGroup as g, ToggleGroupItem as r } from "./ToggleGroup.js";
+export {
+  g as ToggleGroup,
+  r as ToggleGroupItem
+};

package/dist/components/Tooltip/Tooltip.js

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
 import * as i from "react";
 import * as n from "@radix-ui/react-tooltip";
-import { XClose as y } from "../Icons/CustomIcons.js";
-import { useMuzaTranslationContext as T } from "../../translations/TranslationContext.js";
-import { cn as w } from "../../utils/cn.js";
+import { useMuzaTranslationContext as y } from "../../translations/TranslationContext.js";
+import { cn as T } from "../../utils/cn.js";
+import { XClose as w } from "../Icons/CustomIcons.js";
 import { Typography as z } from "../Typography/Typography.js";
 const b = () => {
 }, u = i.createContext({
@@ -56,13 +56,13 @@ const b = () => {
 N.displayName = n.Trigger.displayName;
 const h = i.forwardRef(
   ({ className: t, children: r, sideOffset: l = 4, closeAriaLabel: o, onClose: e, ...d }, p) => {
-    const { openOnClick: c, setOpen: a } = i.useContext(u), { translations: m } = T(), f = o ?? m.tooltip.closeAriaLabel;
+    const { openOnClick: c, setOpen: a } = i.useContext(u), { translations: m } = y(), f = o ?? m.tooltip.closeAriaLabel;
     return /* @__PURE__ */ v(
       n.Content,
       {
         ref: p,
         sideOffset: l,
-        className: w(
+        className: T(
           "relative z-50 origin-[--radix-tooltip-content-transform-origin] animate-in overflow-hidden rounded-comp-tooltip-radius bg-surface-brand-brand-tertiary py-comp-tooltip-p-ver text-text-brand-def fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
           // Desktop uses the left token on both sides; tablet/mobile reserves
           // extra right padding for the close button.
@@ -85,7 +85,7 @@ const h = i.forwardRef(
               },
               "aria-label": f,
               className: "absolute top-2xs right-2xs flex size-comp-button-w-xs cursor-pointer items-center justify-center rounded-full text-text-brand-def focus-visible-auto lg:hidden",
-              children: /* @__PURE__ */ s(y, { className: "size-icon-xsmall" })
+              children: /* @__PURE__ */ s(w, { className: "size-icon-xsmall" })
             }
           )
         ]

package/dist/components/Tooltip/index.js

@@ -0,0 +1,7 @@
+import { Tooltip as i, TooltipContent as r, TooltipProvider as p, TooltipTrigger as T } from "./Tooltip.js";
+export {
+  i as Tooltip,
+  r as TooltipContent,
+  p as TooltipProvider,
+  T as TooltipTrigger
+};

package/dist/components/TransactionsListView/TransactionsListView.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import * as L from "react";
+import { cn as s } from "../../utils/cn.js";
 import { Accordion as S, AccordionItem as Y, AccordionHeader as R, AccordionTitle as D, AccordionChevron as B, AccordionContent as F } from "../Accordion/Accordion.js";
 import { Alert as E } from "../Alert/Alert.js";
 import { Card as H } from "../Card/Card.js";
-import { cn as s } from "../../utils/cn.js";
 import { Flex as n } from "../Flex/Flex.js";
-import { Skeleton as h } from "../Skeleton/Skeleton.js";
 import { CloseCircleBold as M, MinusCircleBold as O, AddCircleBold as _ } from "@solar-icons/react-perf";
+import { Skeleton as h } from "../Skeleton/Skeleton.js";
 import { Typography as u } from "../Typography/Typography.js";
 const q = {
   info: "bg-surface-state-bg-info text-text-brand-def",

package/dist/components/TransactionsListView/index.js

@@ -0,0 +1,5 @@
+import { TransactionsListView as t, TransactionsListViewSkeleton as e } from "./TransactionsListView.js";
+export {
+  t as TransactionsListView,
+  e as TransactionsListViewSkeleton
+};

package/dist/components/Typography/index.js

@@ -0,0 +1,5 @@
+import { Typography as a, typographyVariants as o } from "./Typography.js";
+export {
+  a as Typography,
+  o as typographyVariants
+};

package/dist/components/TypographyLink/index.js

@@ -0,0 +1,5 @@
+import { TypographyLink as a, typographyLinkVariants as o } from "./TypographyLink.js";
+export {
+  a as TypographyLink,
+  o as typographyLinkVariants
+};

package/dist/components/UniversalFooter/UniversalFooter.js

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as x } from "react/jsx-runtime";
 import * as s from "react";
-import { PageContainer as N } from "../PageContainer/PageContainer.js";
-import { TypographyLink as C } from "../TypographyLink/TypographyLink.js";
 import { cn as l } from "../../utils/cn.js";
 import { Flex as i } from "../Flex/Flex.js";
+import { PageContainer as N } from "../PageContainer/PageContainer.js";
 import { Typography as v } from "../Typography/Typography.js";
+import { TypographyLink as C } from "../TypographyLink/TypographyLink.js";
 const n = (t, e, r) => {
   const a = s.useContext(t);
   if (a === null)
@@ -166,7 +166,7 @@ const j = ({
     "data-slot": "universal-footer-sections",
     className: l(
       "flex w-full flex-col gap-4xl",
-      "md:grid md:grid-cols-2 md:grid-rows-[auto_1fr] md:items-start md:gap-x-4xl md:gap-y-2xl md:[&>:first-child]:row-span-2",
+      "md:grid md:grid-cols-2 md:grid-rows-[auto_1fr] md:items-start md:gap-x-4xl md:gap-y-4xl md:[&>:first-child]:row-span-2",
       "lg:flex lg:flex-row lg:items-start lg:justify-between lg:gap-x-2xl lg:gap-y-0",
       t
     ),

package/dist/components/UniversalFooter/index.js

@@ -0,0 +1,18 @@
+import { UniversalFooter as e, UniversalFooterAppBadges as t, UniversalFooterBody as i, UniversalFooterBottom as a, UniversalFooterBottomGroup as n, UniversalFooterContactList as s, UniversalFooterCopyright as l, UniversalFooterLink as v, UniversalFooterLogo as F, UniversalFooterSection as U, UniversalFooterSections as p, UniversalFooterSeparator as c, UniversalFooterSocialLink as L, UniversalFooterSocialList as S, UniversalFooterTop as B } from "./UniversalFooter.js";
+export {
+  e as UniversalFooter,
+  t as UniversalFooterAppBadges,
+  i as UniversalFooterBody,
+  a as UniversalFooterBottom,
+  n as UniversalFooterBottomGroup,
+  s as UniversalFooterContactList,
+  l as UniversalFooterCopyright,
+  v as UniversalFooterLink,
+  F as UniversalFooterLogo,
+  U as UniversalFooterSection,
+  p as UniversalFooterSections,
+  c as UniversalFooterSeparator,
+  L as UniversalFooterSocialLink,
+  S as UniversalFooterSocialList,
+  B as UniversalFooterTop
+};

package/dist/components/VoucherCard/VoucherCard.js

@@ -3,10 +3,10 @@ import * as s from "react";
 import { Slot as j } from "@radix-ui/react-slot";
 import { cva as d } from "class-variance-authority";
 import { cn as c } from "../../utils/cn.js";
-import { Flex as v } from "../Flex/Flex.js";
-import { Typography as h } from "../Typography/Typography.js";
 import { disabledLinkProps as z } from "../../utils/disabledLinkProps.js";
+import { Flex as v } from "../Flex/Flex.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import { Typography as h } from "../Typography/Typography.js";
 const A = d(
   "group relative flex w-full flex-row items-start gap-comp-voucher-listview-gap border border-solid border-transparent transition-colors outline-none focus-visible:outline-none data-[disabled=true]:pointer-events-none"
 ), E = d(

package/dist/components/VoucherCard/index.js

@@ -0,0 +1,7 @@
+import { VoucherCard as e, voucherCardDescriptionVariants as o, voucherCardTitleVariants as i, voucherCardVariants as t } from "./VoucherCard.js";
+export {
+  e as VoucherCard,
+  o as voucherCardDescriptionVariants,
+  i as voucherCardTitleVariants,
+  t as voucherCardVariants
+};

package/dist/components/WebCheckoutNav/WebCheckoutNav.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebCheckoutNav.examples.d.ts","sourceRoot":"","sources":["../../../src/components/WebCheckoutNav/WebCheckoutNav.examples.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AA8BhD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,SAAS,EAAE,QAAQ,EAAE,CAAA;CACtB;AAID,eAAO,MAAM,cAAc,EAAE,aAAa,EAgBzC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,QAAQ,EAI/B,CAAA;AAID,eAAO,MAAM,cAAc,GAAI,gCAG5B,mBAAmB,4CA6MrB,CAAA"}
+{"version":3,"file":"WebCheckoutNav.examples.d.ts","sourceRoot":"","sources":["../../../src/components/WebCheckoutNav/WebCheckoutNav.examples.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AA8BhD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,SAAS,EAAE,QAAQ,EAAE,CAAA;CACtB;AAID,eAAO,MAAM,cAAc,EAAE,aAAa,EAgBzC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,QAAQ,EAI/B,CAAA;AAID,eAAO,MAAM,cAAc,GAAI,gCAG5B,mBAAmB,4CAwMrB,CAAA"}