@vkzstudio/muza-ui 1.5.0 → 1.5.2

package/dist/components/InfoCard/InfoCard.js

@@ -0,0 +1,45 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import "react";
+import { cva as n } from "class-variance-authority";
+import { cn as m } from "../../utils/cn.js";
+const f = n("flex flex-col rounded-lg border p-4", {
+  variants: {
+    variant: {
+      default: "bg-color-surface-base-primary border-stroke-base-primary text-text-dark-primary-def",
+      highlighted: "border-purple-300 bg-purple-100 text-purple-900",
+      warning: "border-yellow-300 bg-yellow-50"
+    },
+    size: {
+      sm: "gap-2 p-3",
+      md: "gap-3 p-4",
+      lg: "gap-4 p-6"
+    }
+  },
+  defaultVariants: { variant: "default", size: "md" }
+}), g = ({
+  className: t,
+  variant: l,
+  size: i,
+  title: o,
+  description: e,
+  icon: a,
+  style: d,
+  ...p
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: m(f({ variant: l, size: i, className: t })),
+    style: { minWidth: "200px", ...d },
+    ...p,
+    children: [
+      a && /* @__PURE__ */ r("div", { style: { marginBottom: "8px" }, children: a }),
+      /* @__PURE__ */ r("h3", { style: { fontSize: "16px", fontWeight: "bold" }, children: o }),
+      e && /* @__PURE__ */ r("p", { className: "text-sm text-gray-500", children: e })
+    ]
+  }
+);
+g.displayName = "InfoCard";
+export {
+  g as InfoCard,
+  f as infoCardVariants
+};

package/dist/components/InfoCard/index.js

@@ -0,0 +1,5 @@
+import { InfoCard as o, infoCardVariants as f } from "./InfoCard.js";
+export {
+  o as InfoCard,
+  f as infoCardVariants
+};

package/dist/components/Input/Input.js

@@ -2,8 +2,8 @@ import { jsx as s, jsxs as z } from "react/jsx-runtime";
 import { forwardRef as A, useId as C, useRef as E, useEffect as y } from "react";
 import { cva as M } from "class-variance-authority";
 import { useIMask as P } from "react-imask";
-import { FormField as T } from "../FormField/FormField.js";
 import { cn as u } from "../../utils/cn.js";
+import { FormField as T } from "../FormField/FormField.js";
 import { typographyVariants as U } from "../Typography/Typography.js";
 const Y = M(
   [

package/dist/components/Input/index.js

@@ -0,0 +1,4 @@
+import { Input as r } from "./Input.js";
+export {
+  r as Input
+};

package/dist/components/InputOTP/InputOTP.js

@@ -3,11 +3,11 @@ import { forwardRef as W, useId as j, useCallback as M } from "react";
 import { useControllableState as Y } from "@radix-ui/react-use-controllable-state";
 import { cva as w } from "class-variance-authority";
 import { OTPInput as X, REGEXP_ONLY_CHARS as Z, REGEXP_ONLY_DIGITS_AND_CHARS as $, REGEXP_ONLY_DIGITS as U } from "input-otp";
-import { useWebOtpAutofill as B } from "./useWebOtpAutofill.js";
-import { FormField as J } from "../FormField/FormField.js";
 import { cn as g } from "../../utils/cn.js";
-import { DotDivider as K } from "../DotDivider/DotDivider.js";
-import { typographyVariants as Q } from "../Typography/Typography.js";
+import { DotDivider as B } from "../DotDivider/DotDivider.js";
+import { FormField as J } from "../FormField/FormField.js";
+import { typographyVariants as K } from "../Typography/Typography.js";
+import { useWebOtpAutofill as Q } from "./useWebOtpAutofill.js";
 const q = {
   numeric: U,
   alphanumeric: $,
@@ -63,7 +63,7 @@ const q = {
     }
   }
 ), oe = g(
-  Q({ size: "lg", weight: "medium", fixY: !0 }),
+  K({ size: "lg", weight: "medium", fixY: !0 }),
   "text-comp-input-text-primary"
 ), x = ({
   slot: e,
@@ -81,7 +81,7 @@ const q = {
       disabled: t
     }),
     children: [
-      e.char !== null && (s ? /* @__PURE__ */ r(K, { className: "size-comp-inputotp-dot-size bg-comp-input-text-primary" }) : /* @__PURE__ */ r("span", { className: oe, children: e.char })),
+      e.char !== null && (s ? /* @__PURE__ */ r(B, { className: "size-comp-inputotp-dot-size bg-comp-input-text-primary" }) : /* @__PURE__ */ r("span", { className: oe, children: e.char })),
       e.hasFakeCaret && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-2/3 w-px bg-comp-input-text-primary" }) })
     ]
   }
@@ -123,7 +123,7 @@ const ie = W(
       },
       [i, e, l]
     );
-    return B({
+    return Q({
       enabled: N && !o,
       onReceive: F
     }), /* @__PURE__ */ r(

package/dist/components/InputOTP/index.js

@@ -0,0 +1,7 @@
+import { InputOTP as o, inputOTPCellVariants as p } from "./InputOTP.js";
+import { useWebOtpAutofill as l } from "./useWebOtpAutofill.js";
+export {
+  o as InputOTP,
+  p as inputOTPCellVariants,
+  l as useWebOtpAutofill
+};

package/dist/components/LanguageSwitcher/LanguageSwitcher.js

@@ -1,11 +1,11 @@
 import { jsxs as i, jsx as e, Fragment as b } from "react/jsx-runtime";
 import { useState as y, useEffect as z } from "react";
 import { cva as f } from "class-variance-authority";
-import { DropdownMenu as D, DropdownMenuTrigger as M, DropdownMenuContent as N, DropdownMenuRadioGroup as S, DropdownMenuRadioItem as A } from "../DropdownMenu/DropdownMenu.js";
-import { Button as I } from "../Button/Button.js";
 import { cn as v } from "../../utils/cn.js";
-import { Typography as g } from "../Typography/Typography.js";
+import { Button as D } from "../Button/Button.js";
+import { DropdownMenu as M, DropdownMenuTrigger as N, DropdownMenuContent as S, DropdownMenuRadioGroup as A, DropdownMenuRadioItem as I } from "../DropdownMenu/DropdownMenu.js";
 import { AltArrowDownOutline as T } from "@solar-icons/react-perf";
+import { Typography as g } from "../Typography/Typography.js";
 const j = f(
   "group flex cursor-pointer items-center gap-sm focus-visible:focus-default disabled:pointer-events-none",
   {
@@ -64,9 +64,9 @@ const j = f(
     n && m(n);
   }, [n]);
   const t = a.find(({ value: r }) => r === d);
-  return /* @__PURE__ */ i(D, { children: [
-    /* @__PURE__ */ e(M, { asChild: !0, children: x ? /* @__PURE__ */ e(
-      I,
+  return /* @__PURE__ */ i(M, { children: [
+    /* @__PURE__ */ e(N, { asChild: !0, children: x ? /* @__PURE__ */ e(
+      D,
       {
         variant: "tertiary",
         size: "sm",
@@ -113,14 +113,14 @@ const j = f(
         ]
       }
     ) }),
-    /* @__PURE__ */ e(N, { className: "w-50", side: "top", align: "start", children: /* @__PURE__ */ e(
-      S,
+    /* @__PURE__ */ e(S, { className: "w-50", side: "top", align: "start", children: /* @__PURE__ */ e(
+      A,
       {
         value: d,
         onValueChange: (r) => {
           m(r), o == null || o(r);
         },
-        children: a.map(({ name: r, value: l, icon: u }) => /* @__PURE__ */ e(A, { value: l, children: /* @__PURE__ */ i("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small", children: [
+        children: a.map(({ name: r, value: l, icon: u }) => /* @__PURE__ */ e(I, { value: l, children: /* @__PURE__ */ i("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small", children: [
           u && u,
           r
         ] }) }, l))

package/dist/components/LanguageSwitcher/index.js

@@ -0,0 +1,6 @@
+import { LanguageSwitcher as e, languageSwitcherChevronVariants as g, languageSwitcherTriggerVariants as i } from "./LanguageSwitcher.js";
+export {
+  e as LanguageSwitcher,
+  g as languageSwitcherChevronVariants,
+  i as languageSwitcherTriggerVariants
+};

package/dist/components/Lightbox/Lightbox.js

@@ -3,10 +3,10 @@ import { forwardRef as g, cloneElement as f, isValidElement as h } from "react";
 import { renderToStaticMarkup as l } from "react-dom/server";
 import { useGallery as y, Gallery as d, Item as x } from "react-photoswipe-gallery";
 import { Item as E } from "react-photoswipe-gallery";
-import { buttonVariants as m } from "../Button/buttonVariants.js";
 import "../Button/Button.js";
 import { ArrowLeftOutline as L, ArrowRightOutline as p } from "@solar-icons/react-perf";
 import { XClose as v } from "../Icons/CustomIcons.js";
+import { buttonVariants as m } from "../Button/buttonVariants.js";
 const b = l(
   /* @__PURE__ */ t(
     "span",

package/dist/components/Lightbox/index.js

@@ -0,0 +1,8 @@
+import { Lightbox as e, LightboxGalleryOnlyImage as g, LightboxTrigger as r } from "./Lightbox.js";
+import { Item as i } from "react-photoswipe-gallery";
+export {
+  e as Lightbox,
+  g as LightboxGalleryOnlyImage,
+  i as LightboxItem,
+  r as LightboxTrigger
+};

package/dist/components/Loader/index.js

@@ -0,0 +1,4 @@
+import { Loader as e } from "./Loader.js";
+export {
+  e as Loader
+};

package/dist/components/LoginScreen/LoginScreen.js

@@ -1,9 +1,9 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { AnimatePresence as f } from "framer-motion";
 import { useIsDesktop as h } from "../../hooks/use-is-desktop.js";
-import { LoginScreen3D as x } from "./LoginScreen3D/LoginScreen3D.js";
+import { cn as x } from "../../utils/cn.js";
 import { LanguageSwitcher as p } from "../LanguageSwitcher/LanguageSwitcher.js";
-import { cn as v } from "../../utils/cn.js";
+import { LoginScreen3D as v } from "./LoginScreen3D/LoginScreen3D.js";
 const _ = ({
   children: t,
   className: l,
@@ -19,7 +19,7 @@ const _ = ({
   return /* @__PURE__ */ r(
     "div",
     {
-      className: v(
+      className: x(
         "grid size-full min-h-[100svh] grid-cols-2 bg-surface-base-tertiary",
         "max-lg:grid-cols-1",
         l
@@ -41,7 +41,7 @@ const _ = ({
           ] }),
           /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e(f, { children: t }) })
         ] }),
-        /* @__PURE__ */ e("div", { className: "p-md max-lg:hidden", children: a && /* @__PURE__ */ e(x, { modelPath: d }) })
+        /* @__PURE__ */ e("div", { className: "p-md max-lg:hidden", children: a && /* @__PURE__ */ e(v, { modelPath: d }) })
       ]
     }
   );

package/dist/components/LoginScreen/index.js

@@ -0,0 +1,8 @@
+import { LoginScreen as r } from "./LoginScreen.js";
+import { LoginScreenItem as m } from "./LoginScreenItem.js";
+import { DEFAULT_LOGIN_GLB_PATH as t } from "./LoginScreen3D/LoginScreen3DModel.js";
+export {
+  t as DEFAULT_LOGIN_GLB_PATH,
+  r as LoginScreen,
+  m as LoginScreenItem
+};

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,17 +1,17 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
 import u, { forwardRef as L, useId as U, useMemo as k, useRef as G, useEffect as H } from "react";
-import { triggerWrapperVariants as J } from "../Select/utils.js";
-import { useMuzaTranslations as K } from "../../translations/TranslationContext.js";
-import { FormField as Q } from "../FormField/FormField.js";
-import { DropdownMenu as X, DropdownMenuTrigger as Y, DropdownMenuContent as Z, DropdownMenuCheckboxItem as ee } from "../DropdownMenu/DropdownMenu.js";
-import { Typography as I } from "../Typography/Typography.js";
-import { Flex as z } from "../Flex/Flex.js";
-import { Tag as f } from "../Tag/Tag.js";
+import { useMuzaTranslations as J } from "../../translations/TranslationContext.js";
+import { cn as K } from "../../utils/cn.js";
+import { DropdownMenu as Q, DropdownMenuTrigger as X, DropdownMenuContent as Y, DropdownMenuCheckboxItem as Z } from "../DropdownMenu/DropdownMenu.js";
+import { Flex as I } from "../Flex/Flex.js";
+import { FormField as ee } from "../FormField/FormField.js";
 import { AltArrowUpOutline as te } from "@solar-icons/react-perf";
-import { cn as re } from "../../utils/cn.js";
+import { triggerWrapperVariants as re } from "../Select/utils.js";
+import { Tag as f } from "../Tag/Tag.js";
+import { Typography as z } from "../Typography/Typography.js";
 const ne = L(
   (D, h) => {
-    const g = K(), {
+    const g = J(), {
       label: x,
       hint: b,
       error: w,
@@ -32,7 +32,7 @@ const ne = L(
     } = D, y = S ?? g.select.placeholder, q = W ?? g.select.noOptions, N = U(), E = x ? `${N}-label` : void 0, P = b ? `${N}-hint` : void 0, M = k(() => new Map(a.map((e) => [e.value, e.label])), [a]), V = k(() => {
       const e = r && r.map((n) => M.get(n));
       return e != null && e.length ? e.length <= c ? /* @__PURE__ */ t(
-        z,
+        I,
         {
           gap: "xs",
           justify: "start",
@@ -42,7 +42,7 @@ const ne = L(
           children: e.map((n, i) => /* @__PURE__ */ t(f, { variant: "info", className: "min-w-[50px] shrink-1", children: n }, i))
         }
       ) : /* @__PURE__ */ t(
-        z,
+        I,
         {
           gap: "xs",
           justify: "start",
@@ -66,7 +66,7 @@ const ne = L(
           ]
         }
       ) : /* @__PURE__ */ t(
-        I,
+        z,
         {
           size: "input",
           className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
@@ -86,7 +86,7 @@ const ne = L(
         n.disconnect();
       };
     }, [l]), /* @__PURE__ */ t(
-      Q,
+      ee,
       {
         label: x,
         hint: b,
@@ -98,13 +98,13 @@ const ne = L(
         labelExtra: A,
         infoTooltip: C,
         children: /* @__PURE__ */ p(
-          X,
+          Q,
           {
             onOpenChange: (e) => {
               $(e);
             },
             children: [
-              /* @__PURE__ */ t(Y, { disabled: o, asChild: !0, children: /* @__PURE__ */ t(
+              /* @__PURE__ */ t(X, { disabled: o, asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
                   ref: l,
@@ -113,7 +113,7 @@ const ne = L(
                   tabIndex: 0,
                   disabled: o,
                   "aria-required": v,
-                  className: J({
+                  className: re({
                     size: O,
                     error: w,
                     expanded: R,
@@ -131,7 +131,7 @@ const ne = L(
                     /* @__PURE__ */ t(
                       te,
                       {
-                        className: re(
+                        className: K(
                           "shrink-0 transition-transform duration-200",
                           R ? "rotate-0" : "rotate-180",
                           o ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def"
@@ -142,7 +142,7 @@ const ne = L(
                 }
               ) }),
               /* @__PURE__ */ t(
-                Z,
+                Y,
                 {
                   className: "mt-1",
                   style: {
@@ -153,7 +153,7 @@ const ne = L(
                   },
                   collisionPadding: F,
                   children: a.length === 0 ? /* @__PURE__ */ t("div", { className: "px-lg py-md", role: "presentation", children: /* @__PURE__ */ t(
-                    I,
+                    z,
                     {
                       component: "span",
                       size: "input",
@@ -162,7 +162,7 @@ const ne = L(
                       children: q
                     }
                   ) }) : a.map((e) => /* @__PURE__ */ t(
-                    ee,
+                    Z,
                     {
                       checked: r == null ? void 0 : r.includes(e.value),
                       disabled: e.disabled,

package/dist/components/MultiSelect/index.js

@@ -0,0 +1,4 @@
+import { MultiSelect as l } from "./MultiSelect.js";
+export {
+  l as MultiSelect
+};

package/dist/components/MuzaUIProvider/MuzaUIProvider.js

@@ -2,18 +2,18 @@ import { jsx as r, jsxs as p } from "react/jsx-runtime";
 import "react";
 import "sonner";
 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";
+import { ToastContainer as n } from "../Toast/ToastContainer.js";
+import { TooltipProvider as a } from "../Tooltip/Tooltip.js";
+import { ThemeProvider as s } from "./theme/ThemeProvider.js";
 const l = ({
   children: o,
   tooltipConfig: i = {},
   toastConfig: e = {},
   translationConfig: m = {},
   color: t
-}) => /* @__PURE__ */ r(d, { ...m, children: /* @__PURE__ */ r(n, { ...i, children: /* @__PURE__ */ p(a, { color: t, children: [
+}) => /* @__PURE__ */ r(d, { ...m, children: /* @__PURE__ */ r(a, { ...i, children: /* @__PURE__ */ p(s, { color: t, children: [
   o,
-  /* @__PURE__ */ r(s, { ...e })
+  /* @__PURE__ */ r(n, { ...e })
 ] }) }) });
 l.displayName = "MuzaUIProvider";
 export {

package/dist/components/MuzaUIProvider/index.js

@@ -0,0 +1,13 @@
+import { MuzaUIProvider as o } from "./MuzaUIProvider.js";
+import { useTheme as m } from "./theme/ThemeProvider.js";
+import { setThemeVariables as a } from "./theme/setThemeVariables.js";
+import { themePresets as h } from "./theme/themePresets.js";
+import { formatShadesAsObject as x, generateColorShades as d } from "./theme/colorShades.js";
+export {
+  o as MuzaUIProvider,
+  x as formatShadesAsObject,
+  d as generateColorShades,
+  a as setThemeVariables,
+  h as themePresets,
+  m as useTheme
+};

package/dist/components/MuzaUIProvider/theme/ThemeSetterModal.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import { useState as f } from "react";
-import { useTheme as D } from "./ThemeProvider.js";
-import { themePresets as u } from "./themePresets.js";
-import { Dialog as I, DialogOverlay as M, DialogContent as H } from "../../Dialog/Dialog.js";
 import { Button as s } from "../../Button/Button.js";
-import { DropdownMenu as v, DropdownMenuTrigger as N, DropdownMenuContent as b, DropdownMenuItem as p } from "../../DropdownMenu/DropdownMenu.js";
-import { Input as R } from "../../Input/Input.js";
+import { Dialog as D, DialogOverlay as I, DialogContent as M } from "../../Dialog/Dialog.js";
+import { DropdownMenu as u, DropdownMenuTrigger as v, DropdownMenuContent as N, DropdownMenuItem as p } from "../../DropdownMenu/DropdownMenu.js";
+import { Input as H } from "../../Input/Input.js";
+import { useTheme as R } from "./ThemeProvider.js";
+import { themePresets as b } from "./themePresets.js";
 const z = ({
   isOpen: C,
   onClose: o
@@ -16,7 +16,7 @@ const z = ({
     setShadesFromHex: c,
     setShadesFromPreset: S,
     setShadesGenerator: k
-  } = D(), n = () => {
+  } = R(), n = () => {
     o == null || o();
   }, [i, d] = f(t[500]), [m, y] = f(""), P = (e) => {
     if (d(e), /^#?([A-Fa-f0-9]{6})$/.test(e)) {
@@ -27,7 +27,7 @@ const z = ({
     c(e), d(e);
   }, G = (e) => {
     S(e);
-    const l = u[e]["--brand-primary"];
+    const l = b[e]["--brand-primary"];
     l && d(l);
   }, x = (e) => {
     k(e), c(i);
@@ -36,14 +36,14 @@ const z = ({
     preserve500: "Preserve 500"
   };
   return /* @__PURE__ */ r(
-    I,
+    D,
     {
       open: C,
       onOpenChange: (e) => {
         e === !1 && n();
       },
-      children: /* @__PURE__ */ r(M, { className: "bg-transparent", children: /* @__PURE__ */ a(
-        H,
+      children: /* @__PURE__ */ r(I, { className: "bg-transparent", children: /* @__PURE__ */ a(
+        M,
         {
           size: "large",
           className: "space-y-6",
@@ -51,9 +51,9 @@ const z = ({
           children: [
             /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ r("label", { className: "text-sm font-medium text-gray-700", children: "Generator Algorithm" }),
-              /* @__PURE__ */ a(v, { children: [
-                /* @__PURE__ */ r(N, { asChild: !0, children: /* @__PURE__ */ r(s, { variant: "secondary", className: "w-max", children: h[w] }) }),
-                /* @__PURE__ */ a(b, { className: "w-full", children: [
+              /* @__PURE__ */ a(u, { children: [
+                /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ r(s, { variant: "secondary", className: "w-max", children: h[w] }) }),
+                /* @__PURE__ */ a(N, { className: "w-full", children: [
                   /* @__PURE__ */ r(
                     p,
                     {
@@ -88,7 +88,7 @@ const z = ({
                 /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-2", children: [
                   /* @__PURE__ */ r("label", { className: "text-sm font-medium text-gray-700", children: "Hex Code" }),
                   /* @__PURE__ */ r(
-                    R,
+                    H,
                     {
                       value: i,
                       onChange: (e) => P(e.target.value),
@@ -100,9 +100,9 @@ const z = ({
                 ] }),
                 /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
                   /* @__PURE__ */ r("label", { className: "text-sm font-medium text-gray-700", children: "Presets" }),
-                  /* @__PURE__ */ a(v, { children: [
-                    /* @__PURE__ */ r(N, { asChild: !0, children: /* @__PURE__ */ r(s, { variant: "secondary", className: "h-12", children: "Select Preset" }) }),
-                    /* @__PURE__ */ r(b, { children: Object.keys(u).map(
+                  /* @__PURE__ */ a(u, { children: [
+                    /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ r(s, { variant: "secondary", className: "h-12", children: "Select Preset" }) }),
+                    /* @__PURE__ */ r(N, { children: Object.keys(b).map(
                       (e) => /* @__PURE__ */ r(
                         p,
                         {

package/dist/components/OfferCard/OfferCard.js

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
 import * as w from "react";
 import { cva as z } from "class-variance-authority";
-import { HeartButton as Q } from "../HeartButton/HeartButton.js";
-import { Rating as U } from "../Rating/Rating.js";
 import { cn as s } from "../../utils/cn.js";
-import { Typography as n } from "../Typography/Typography.js";
-import { disabledLinkProps as X } from "../../utils/disabledLinkProps.js";
-import { Tag as Z } from "../Tag/Tag.js";
+import { disabledLinkProps as Q } from "../../utils/disabledLinkProps.js";
+import { DotDivider as U } from "../DotDivider/DotDivider.js";
 import { Flex as f } from "../Flex/Flex.js";
-import { DotDivider as ee } from "../DotDivider/DotDivider.js";
+import { HeartButton as X } from "../HeartButton/HeartButton.js";
+import { Rating as Z } from "../Rating/Rating.js";
 import { Skeleton as o } from "../Skeleton/Skeleton.js";
+import { Tag as ee } from "../Tag/Tag.js";
+import { Typography as n } from "../Typography/Typography.js";
 const ae = z(
   "group relative inline-flex border border-solid transition-colors focus-visible:outline-none data-[disabled=true]:pointer-events-none",
   {
@@ -54,7 +54,7 @@ const ae = z(
   },
   defaultVariants: { variant: "compact" }
 }), k = ({ rating: c, ratingCount: a, disabled: t }) => /* @__PURE__ */ r(f, { align: "center", gap: "2xs", children: [
-  /* @__PURE__ */ e(U, { value: c, allowHalf: !0, disabled: t }),
+  /* @__PURE__ */ e(Z, { value: c, allowHalf: !0, disabled: t }),
   a != null && /* @__PURE__ */ r(
     n,
     {
@@ -242,11 +242,11 @@ const L = w.forwardRef(
       v,
       {
         className: s(A, v.props.className),
-        ...d ? X : null
+        ...d ? Q : null
       },
       F
     ) : /* @__PURE__ */ e("a", { href: d ? void 0 : $, className: A, children: F }), Y = P && /* @__PURE__ */ e(
-      Q,
+      X,
       {
         active: B,
         defaultActive: O,
@@ -275,7 +275,7 @@ const L = w.forwardRef(
               ),
               /* @__PURE__ */ r("div", { className: "absolute top-comp-offer-card-compact-p-img right-comp-offer-card-compact-p-img left-comp-offer-card-compact-p-img flex items-start justify-between gap-sm", children: [
                 C ? /* @__PURE__ */ e(
-                  Z,
+                  ee,
                   {
                     variant: "invert",
                     className: "min-w-[50px] shrink overflow-hidden",
@@ -374,7 +374,7 @@ const L = w.forwardRef(
                   children: u
                 }
               ),
-              u && x && /* @__PURE__ */ e(ee, {}),
+              u && x && /* @__PURE__ */ e(U, {}),
               x && /* @__PURE__ */ e(
                 k,
                 {

package/dist/components/OfferCard/index.js

@@ -0,0 +1,7 @@
+import { OfferCard as f, offerCardDescriptionVariants as e, offerCardTitleVariants as i, offerCardVariants as o } from "./OfferCard.js";
+export {
+  f as OfferCard,
+  e as offerCardDescriptionVariants,
+  i as offerCardTitleVariants,
+  o as offerCardVariants
+};

package/dist/components/PageContainer/index.js

@@ -0,0 +1,5 @@
+import { PageContainer as n, pageContainerVariants as r } from "./PageContainer.js";
+export {
+  n as PageContainer,
+  r as pageContainerVariants
+};

package/dist/components/Pagination/Pagination.js

@@ -2,10 +2,10 @@ import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import * as X from "react";
 import { useState as S, useCallback as b, useEffect as Y } from "react";
 import { useMuzaTranslations as C } from "../../translations/TranslationContext.js";
-import { Select as aa } from "../Select/Select.js";
-import { Flex as p } from "../Flex/Flex.js";
 import { ButtonArrow as z } from "../ButtonArrow/ButtonArrow.js";
-import { Input as ea } from "../Input/Input.js";
+import { Flex as p } from "../Flex/Flex.js";
+import { Input as aa } from "../Input/Input.js";
+import { Select as ea } from "../Select/Select.js";
 import { Typography as v } from "../Typography/Typography.js";
 const ta = [
   { value: "10", label: "10" },
@@ -91,7 +91,7 @@ const ta = [
                 "aria-label": `${L}: ${a} ${h} ${e}`,
                 children: [
                   /* @__PURE__ */ n(
-                    ea,
+                    aa,
                     {
                       value: u,
                       size: "xs",
@@ -189,7 +189,7 @@ const ta = [
                     }
                   ),
                   /* @__PURE__ */ n(
-                    aa,
+                    ea,
                     {
                       value: d.toString(),
                       onChange: Q,

package/dist/components/Pagination/index.js

@@ -0,0 +1,4 @@
+import { Pagination as i } from "./Pagination.js";
+export {
+  i as Pagination
+};