@vkzstudio/muza-ui 1.2.0 → 1.3.0

package/dist/components/ArticleCard/ArticleCard.js

@@ -0,0 +1,542 @@
+import { jsxs as t, Fragment as T, jsx as e } from "react/jsx-runtime";
+import * as L from "react";
+import { Slot as q } from "@radix-ui/react-slot";
+import { cva as D } from "class-variance-authority";
+import { useMuzaTranslationContext as G } from "../../translations/TranslationContext.js";
+import { formatDate as H } from "../../utils/formatDate.js";
+import { Flex as d } from "../Flex/Flex.js";
+import { disabledLinkProps as J } from "../../utils/disabledLinkProps.js";
+import { Tag as z } from "../Tag/Tag.js";
+import { DotDivider as K } from "../DotDivider/DotDivider.js";
+import { Button as Q } from "../Button/Button.js";
+import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import { Typography as f } from "../Typography/Typography.js";
+import { cn as o } from "../../utils/cn.js";
+import { AltArrowRightOutline as U } from "@solar-icons/react-perf";
+const X = D(
+  "group relative inline-flex border border-solid transition-colors focus-visible:outline-none data-[disabled=true]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        compact: "flex-col overflow-hidden rounded-comp-article-card-compact-radius border-comp-article-card-stroke-default bg-comp-article-card-fill-default hover:border-comp-article-card-stroke-hover focus-visible:border-comp-article-card-stroke-focused data-[disabled=true]:border-comp-article-card-stroke-disabled",
+        heroLarge: "h-full w-full overflow-hidden rounded-comp-article-card-hero-large-radius border-transparent focus-visible:border-comp-article-card-stroke-focused",
+        search: "flex-row gap-comp-article-card-search-gap border-transparent"
+      }
+    },
+    defaultVariants: { variant: "compact" }
+  }
+), Z = D("", {
+  variants: {
+    variant: {
+      compact: "text-text-dark-primary-def group-hover:text-text-brand-hover group-focus-visible:text-text-brand-focused group-data-[disabled=true]:text-text-dark-disabled",
+      heroLarge: "text-text-invert-def group-data-[disabled=true]:text-text-dark-disabled",
+      search: "text-text-dark-primary-def group-hover:text-text-brand-hover group-focus-visible:text-text-brand-focused group-data-[disabled=true]:text-text-dark-disabled"
+    }
+  },
+  defaultVariants: { variant: "compact" }
+}), _ = D("", {
+  variants: {
+    variant: {
+      compact: "text-text-dark-secondary group-focus-visible:text-text-brand-focused group-data-[disabled=true]:text-text-dark-disabled",
+      heroLarge: "text-text-invert-def group-data-[disabled=true]:text-text-dark-disabled",
+      search: "text-text-dark-secondary group-focus-visible:text-text-brand-focused group-data-[disabled=true]:text-text-dark-disabled"
+    }
+  },
+  defaultVariants: { variant: "compact" }
+}), ee = (r) => r instanceof Date ? r : new Date(r), u = ({ categories: r, maxNumberOfVisibleTags: a, className: i }) => r.length <= a ? /* @__PURE__ */ e(
+  d,
+  {
+    gap: "xs",
+    justify: "start",
+    align: "start",
+    flex: 1,
+    className: o("min-w-0", i),
+    children: r.map((c, n) => /* @__PURE__ */ e(
+      z,
+      {
+        variant: "invert",
+        className: "min-w-[50px] shrink-1 overflow-hidden",
+        children: c
+      },
+      n
+    ))
+  }
+) : /* @__PURE__ */ t(
+  d,
+  {
+    gap: "xs",
+    justify: "start",
+    align: "start",
+    flex: 1,
+    className: o("min-w-0", i),
+    wrap: "wrap",
+    children: [
+      r.slice(0, a).map((c, n) => /* @__PURE__ */ e(
+        z,
+        {
+          variant: "invert",
+          className: "min-w-[50px] shrink-1 overflow-hidden",
+          children: c
+        },
+        n
+      )),
+      /* @__PURE__ */ t(z, { variant: "invert", className: "shrink-0", children: [
+        r.length - a,
+        "+"
+      ] }, "more")
+    ]
+  }
+);
+u.displayName = "ArticleCard.Tags";
+const b = ({
+  variant: r,
+  dateText: a,
+  readingTime: i,
+  readingTimeFormatter: c
+}) => {
+  const n = _({ variant: r }), m = r === "heroLarge" ? "invert" : "default";
+  return /* @__PURE__ */ t(d, { align: "center", gap: "sm", wrap: "wrap", children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        component: "span",
+        variant: "body",
+        size: "sm",
+        weight: "regular",
+        fixY: !0,
+        className: n,
+        children: a
+      }
+    ),
+    i != null && /* @__PURE__ */ t(T, { children: [
+      /* @__PURE__ */ e(K, { variant: m }),
+      /* @__PURE__ */ e(
+        f,
+        {
+          component: "span",
+          variant: "body",
+          size: "sm",
+          weight: "regular",
+          fixY: !0,
+          className: n,
+          children: c(i)
+        }
+      )
+    ] })
+  ] });
+};
+b.displayName = "ArticleCard.Metadata";
+const v = ({ variant: r, label: a }) => {
+  const i = r === "heroLarge";
+  return /* @__PURE__ */ e(
+    Q,
+    {
+      asChild: !0,
+      variant: i ? "linkInvert" : "link",
+      size: "xs",
+      icon: /* @__PURE__ */ e(U, {}),
+      iconPosition: "end",
+      className: o(
+        "self-start",
+        i ? "group-hover:text-comp-button-link-invert-text-hover group-data-[disabled=true]:text-comp-button-link-invert-text-disabled" : "group-hover:text-comp-button-link-text-hover group-focus-visible:text-comp-button-link-text-focused group-data-[disabled=true]:text-comp-button-link-text-disabled"
+      ),
+      children: /* @__PURE__ */ e("span", { children: a })
+    }
+  );
+};
+v.displayName = "ArticleCard.Cta";
+const F = ({
+  variant: r = "compact",
+  color: a = "default",
+  className: i,
+  ...c
+}) => r === "compact" ? /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(
+      "inline-flex flex-col overflow-hidden rounded-comp-article-card-compact-radius border border-solid border-comp-article-card-stroke-default bg-comp-article-card-fill-default",
+      i
+    ),
+    ...c,
+    children: [
+      /* @__PURE__ */ t("div", { className: "relative aspect-[288/162] w-full shrink-0 overflow-hidden", children: [
+        /* @__PURE__ */ e(
+          l,
+          {
+            color: a,
+            className: "absolute inset-0 size-full rounded-none"
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "absolute top-comp-article-card-compact-p-img right-comp-article-card-compact-p-img left-comp-article-card-compact-p-img", children: /* @__PURE__ */ t(d, { gap: "xs", justify: "start", align: "start", children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              color: a,
+              className: "h-comp-tag-h-def w-16 rounded-full"
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              color: a,
+              className: "h-comp-tag-h-def w-20 rounded-full"
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ t(
+        d,
+        {
+          direction: "column",
+          flex: 1,
+          justify: "between",
+          className: "gap-comp-article-card-compact-gap px-comp-article-card-compact-p-hor py-comp-article-card-compact-p-ver",
+          children: [
+            /* @__PURE__ */ t(d, { direction: "column", gap: "2xs", children: [
+              /* @__PURE__ */ e(l, { color: a, className: "h-5 w-full" }),
+              /* @__PURE__ */ e(l, { color: a, className: "h-5 w-3/4" }),
+              /* @__PURE__ */ e(l, { color: a, className: "mt-2xs h-4 w-32" })
+            ] }),
+            /* @__PURE__ */ e(l, { color: a, className: "h-4 w-24 self-start" })
+          ]
+        }
+      )
+    ]
+  }
+) : r === "heroLarge" ? /* @__PURE__ */ e(
+  "div",
+  {
+    className: o(
+      "relative h-full w-full overflow-hidden rounded-comp-article-card-hero-large-radius",
+      i
+    ),
+    ...c,
+    children: /* @__PURE__ */ e(
+      l,
+      {
+        color: a,
+        className: "absolute inset-0 size-full rounded-none"
+      }
+    )
+  }
+) : /* @__PURE__ */ t(
+  "div",
+  {
+    className: o(
+      "inline-flex flex-row gap-comp-article-card-search-gap",
+      i
+    ),
+    ...c,
+    children: [
+      /* @__PURE__ */ t("div", { className: "relative h-comp-article-card-search-h-img w-comp-article-card-search-w-img shrink-0 overflow-hidden rounded-comp-article-card-search-radius-img", children: [
+        /* @__PURE__ */ e(
+          l,
+          {
+            color: a,
+            className: "absolute inset-0 size-full rounded-none"
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "absolute top-comp-article-card-search-p-img right-comp-article-card-search-p-img left-comp-article-card-search-p-img", children: /* @__PURE__ */ t(d, { gap: "xs", justify: "start", align: "start", children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              color: a,
+              className: "h-comp-tag-h-def w-16 rounded-full"
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              color: a,
+              className: "h-comp-tag-h-def w-20 rounded-full"
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ t(
+        d,
+        {
+          direction: "column",
+          flex: 1,
+          justify: "between",
+          className: "min-w-0 gap-comp-article-card-search-gap-text pt-comp-article-card-search-p-top-text",
+          children: [
+            /* @__PURE__ */ t(d, { direction: "column", gap: "xs", children: [
+              /* @__PURE__ */ e(l, { color: a, className: "h-5 w-full" }),
+              /* @__PURE__ */ e(l, { color: a, className: "h-5 w-2/3" }),
+              /* @__PURE__ */ e(l, { color: a, className: "mt-xs h-4 w-32" })
+            ] }),
+            /* @__PURE__ */ e(l, { color: a, className: "h-4 w-24 self-start" })
+          ]
+        }
+      )
+    ]
+  }
+);
+F.displayName = "ArticleCard.Skeleton";
+const x = ({
+  image: r,
+  alt: a,
+  wrapperClassName: i,
+  children: c
+}) => /* @__PURE__ */ t("div", { className: i, children: [
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: o(
+        "absolute inset-0 overflow-hidden",
+        "[&>img]:size-full [&>img]:object-cover",
+        "transition-transform duration-300 ease-out group-hover:scale-110",
+        "group-data-[disabled=true]:opacity-50",
+        "group-data-[disabled=true]:grayscale",
+        "group-data-[disabled=true]:group-hover:scale-100"
+      ),
+      children: typeof r == "string" ? /* @__PURE__ */ e("img", { src: r, alt: a }) : r
+    }
+  ),
+  c
+] });
+x.displayName = "ArticleCard.ImageSlot";
+const R = L.forwardRef(
+  (r, a) => {
+    const {
+      name: i,
+      image: c,
+      imageAlt: n,
+      categories: m = [],
+      maxNumberOfVisibleTags: w = 2,
+      publicationDate: E,
+      readingTime: N,
+      formatDate: P,
+      readArticleLabel: Y,
+      readingTimeLabel: B,
+      variant: s = "compact",
+      disabled: p = !1,
+      asChild: O = !1,
+      href: W,
+      className: $,
+      children: S,
+      ...V
+    } = r, { translations: I } = G(), k = Y ?? I.articleCard.readArticle, y = B ?? I.articleCard.readingTime, C = (P ?? H)(ee(E)), g = m.length > 0, A = Z({ variant: s }), j = n ?? (s === "heroLarge" ? "" : i);
+    let h = null;
+    s === "compact" ? h = /* @__PURE__ */ t(T, { children: [
+      /* @__PURE__ */ t(
+        x,
+        {
+          image: c,
+          alt: j,
+          wrapperClassName: "relative aspect-[288/162] w-full shrink-0 overflow-hidden",
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: "absolute inset-0 bg-gradient-to-t from-black/0 from-50% to-black/70"
+              }
+            ),
+            g && /* @__PURE__ */ e("div", { className: "absolute top-comp-article-card-compact-p-img right-comp-article-card-compact-p-img left-comp-article-card-compact-p-img", children: /* @__PURE__ */ e(
+              u,
+              {
+                categories: m,
+                maxNumberOfVisibleTags: w
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        d,
+        {
+          direction: "column",
+          flex: 1,
+          justify: "between",
+          className: "gap-comp-article-card-compact-gap px-comp-article-card-compact-p-hor py-comp-article-card-compact-p-ver",
+          children: [
+            /* @__PURE__ */ t(d, { direction: "column", gap: "2xs", children: [
+              /* @__PURE__ */ e(
+                f,
+                {
+                  component: "h3",
+                  variant: "title",
+                  size: "base",
+                  weight: "medium",
+                  className: o("line-clamp-2", A),
+                  children: i
+                }
+              ),
+              /* @__PURE__ */ e(
+                b,
+                {
+                  variant: s,
+                  dateText: C,
+                  readingTime: N,
+                  readingTimeFormatter: y
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(v, { variant: s, label: k })
+          ]
+        }
+      )
+    ] }) : s === "heroLarge" ? h = /* @__PURE__ */ t(
+      x,
+      {
+        image: c,
+        alt: j,
+        wrapperClassName: o(
+          "absolute inset-0 flex flex-col gap-lg overflow-hidden rounded-comp-article-card-hero-large-radius px-comp-article-card-hero-large-p pt-comp-article-card-hero-large-p pb-comp-article-card-hero-large-p-bottom",
+          g ? "justify-between" : "justify-end"
+        ),
+        children: [
+          /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-tr from-black/50 from-22% to-black/0 to-90%" }),
+          g && /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
+            u,
+            {
+              categories: m,
+              maxNumberOfVisibleTags: w
+            }
+          ) }),
+          /* @__PURE__ */ t(
+            d,
+            {
+              direction: "column",
+              gap: "lg",
+              className: "relative max-w-comp-article-card-hero-large-text-max-w",
+              children: [
+                /* @__PURE__ */ t(d, { direction: "column", gap: "sm", children: [
+                  /* @__PURE__ */ e(
+                    f,
+                    {
+                      component: "h3",
+                      variant: "title",
+                      size: "md",
+                      weight: "medium",
+                      className: o("line-clamp-2", A),
+                      children: i
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    b,
+                    {
+                      variant: s,
+                      dateText: C,
+                      readingTime: N,
+                      readingTimeFormatter: y
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(v, { variant: s, label: k })
+              ]
+            }
+          )
+        ]
+      }
+    ) : h = /* @__PURE__ */ t(T, { children: [
+      /* @__PURE__ */ t(
+        x,
+        {
+          image: c,
+          alt: j,
+          wrapperClassName: "relative shrink-0 overflow-hidden rounded-comp-article-card-search-radius-img h-comp-article-card-search-h-img w-comp-article-card-search-w-img",
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: "absolute inset-0 bg-gradient-to-b from-black/50 to-black/0 to-50%"
+              }
+            ),
+            g && /* @__PURE__ */ t("div", { className: "absolute top-comp-article-card-search-p-img right-comp-article-card-search-p-img left-comp-article-card-search-p-img", children: [
+              /* @__PURE__ */ e(
+                u,
+                {
+                  categories: m,
+                  maxNumberOfVisibleTags: 1,
+                  className: "md:hidden"
+                }
+              ),
+              /* @__PURE__ */ e(
+                u,
+                {
+                  categories: m,
+                  maxNumberOfVisibleTags: w,
+                  className: "hidden md:flex"
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        d,
+        {
+          direction: "column",
+          flex: 1,
+          justify: "between",
+          className: "min-w-0 gap-comp-article-card-search-gap-text pt-comp-article-card-search-p-top-text",
+          children: [
+            /* @__PURE__ */ t(d, { direction: "column", gap: "xs", children: [
+              /* @__PURE__ */ e(
+                f,
+                {
+                  component: "h3",
+                  variant: "title",
+                  size: "base",
+                  weight: "medium",
+                  className: o("line-clamp-2", A),
+                  children: i
+                }
+              ),
+              /* @__PURE__ */ e(
+                b,
+                {
+                  variant: s,
+                  dateText: C,
+                  readingTime: N,
+                  readingTimeFormatter: y
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(v, { variant: s, label: k })
+          ]
+        }
+      )
+    ] });
+    const M = o(X({ variant: s }), $);
+    return O && L.isValidElement(S) ? /* @__PURE__ */ e(
+      q,
+      {
+        ref: a,
+        className: M,
+        "data-disabled": p || void 0,
+        "aria-disabled": p || void 0,
+        ...V,
+        children: L.cloneElement(
+          S,
+          p ? J : void 0,
+          h
+        )
+      }
+    ) : /* @__PURE__ */ e(
+      "a",
+      {
+        ref: a,
+        href: p ? void 0 : W,
+        className: M,
+        "data-disabled": p || void 0,
+        "aria-disabled": p || void 0,
+        ...V,
+        children: h
+      }
+    );
+  }
+);
+R.displayName = "ArticleCard";
+const ae = R;
+ae.Skeleton = F;
+export {
+  ae as ArticleCard,
+  _ as articleCardMetaVariants,
+  Z as articleCardTitleVariants,
+  X as articleCardVariants
+};

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

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ArticleCard } from './ArticleCard';
+declare const meta: Meta<typeof ArticleCard>;
+export default meta;
+type Story = StoryObj<typeof ArticleCard>;
+export declare const Compact: Story;
+export declare const CompactSkeleton: Story;
+export declare const HeroLarge: Story;
+export declare const HeroLargeSkeleton: Story;
+export declare const Search: Story;
+export declare const SearchSkeleton: Story;
+export declare const AsChildLink: Story;
+export declare const CustomImageElement: Story;
+//# sourceMappingURL=ArticleCard.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ArticleCard/ArticleCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA6N3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA0ClC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA4BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAyBpB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA"}

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

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

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

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

package/dist/components/ButtonArrow/ButtonArrow.js

@@ -25,7 +25,7 @@ const l = c(
     "disabled:pointer-events-none",
     "disabled:cursor-not-allowed",
     "disabled:border-comp-button-invert-ghost-stroke-def",
-    "disabled:bg-comp-button-arrow-disabled",
+    "disabled:bg-comp-button-arrow-bg-disabled",
     "disabled:text-comp-button-primary-text-def"
   ],
   {

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,KAAK,SAAS,EACd,SAAS,EACT,SAAS,EACT,KAAK,OAAO,EAEb,MAAM,kBAAkB,CAAA;AAWzB;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,CAAC,mBAAmB,GAAG,kBAAkB,CAAC,CAAA;AAE5C;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,+CAA+C;IAC/C,cAAc,EAAE,CAAC,GAAG,CAAC,CAAA;IACrB,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,wDAAwD;IACxD,YAAY,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC/B,gDAAgD;IAChD,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,8CAA8C;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IACzC,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IACtC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAA;IACjD,0HAA0H;IAC1H,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,wGAAwG;IACxG,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,SAAS,CAAA;IAC/C,uFAAuF;IACvF,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACxC,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qFAAqF;IACrF,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,YAAY,CAAC,CAAA;IACjE,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wEAAwE;IACxE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oKAAoK;IACpK,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,uFAAuF;IACvF,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,wFAAwF;IACxF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,qGAAqG;IACrG,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,2CAA2C;AAC3C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oCAAoC;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,qCAAqC;IACrC,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;CAClD,CAAA;AAED,4CAA4C;AAC5C,MAAM,MAAM,mBAAmB,GAAG;IAChC,qCAAqC;IACrC,IAAI,EAAE,QAAQ,CAAA;IACd,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;CAC5C,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,ofA+Bf,aAAa,4CA4Hf,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,gIAWnB,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,4CA0QA,CAAA;AAED,QAAA,MAAM,iBAAiB,GAAI,6DAOxB,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,4CAqDxC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/Calendar/Calendar.js

@@ -1,12 +1,12 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import * as W from "react";
 import { getDefaultClassNames as F, DayPicker as J } from "react-day-picker";
-import { formatDate as K } from "./utils/formatDate.js";
-import { formatDateRange as P } from "./utils/formatDateRange.js";
-import { useMuzaTranslationContext as Q } from "../../translations/TranslationContext.js";
+import { useMuzaTranslationContext as K } from "../../translations/TranslationContext.js";
+import { formatDateRange as P } from "../../utils/formatDateRange.js";
 import { Button as Y } from "../Button/Button.js";
 import { cn as e } from "../../utils/cn.js";
 import { Typography as x, typographyVariants as v } from "../Typography/Typography.js";
+import { formatDate as Q } from "../../utils/formatDate.js";
 import { AltArrowLeftOutline as U, AltArrowRightOutline as X, AltArrowDownOutline as Z } from "@solar-icons/react-perf";
 const se = ({
   leftPanelChildren: m,
@@ -22,7 +22,7 @@ const se = ({
   renderResetButton: t,
   renderConfirmButton: g,
   bottomTextDefault: a,
-  dateFormatter: o = K,
+  dateFormatter: o = Q,
   dateRangeFormatter: s = P,
   disabledDates: h,
   weekStartsOn: _ = 1,
@@ -40,7 +40,7 @@ const se = ({
   min: V,
   required: S = !0
 }) => {
-  const { translations: w, dateFnsLocale: R } = Q(), q = u ?? w.calendar.resetButton, H = y ?? w.calendar.confirmButton, I = a ?? w.calendar.bottomTextDefault;
+  const { translations: w, dateFnsLocale: R } = K(), q = u ?? w.calendar.resetButton, H = y ?? w.calendar.confirmButton, I = a ?? w.calendar.bottomTextDefault;
   return /* @__PURE__ */ p("div", { className: "flex", children: [
     m && /* @__PURE__ */ r("div", { className: "flex flex-col border-r border-stroke-base-primary py-sm", children: m }),
     /* @__PURE__ */ p(

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

@@ -1,4 +1,3 @@
 export * from './Calendar';
-export * from './utils/formatDate';
-export * from './utils/formatDateRange';
+export { formatDate, formatDateRange } from '../../utils';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

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

@@ -138,6 +138,15 @@ export interface CarouselNavButtonProps extends Omit<React.ComponentPropsWithout
      * (`carousel.previousAriaLabel` / `carousel.nextAriaLabel`).
      */
     ariaLabel?: string;
+    /**
+     * When true, the button is unmounted instead of rendered disabled once the
+     * carousel can no longer scroll in this direction. Use when the disabled
+     * state would be visually noisy (e.g. a horizontally-scrolling filter
+     * strip where both ends frequently sit at the boundary).
+     *
+     * @default false
+     */
+    hideWhenDisabled?: boolean;
 }
 declare const CarouselPrevious: React.ForwardRefExoticComponent<CarouselNavButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const CarouselNext: React.ForwardRefExoticComponent<CarouselNavButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1 +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;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAA;IAC7C;;;;;;;;;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,6HA2Ib,CAAA;AAGD;;;;;GAKG;AACH,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,QAAA,MAAM,eAAe,6FA4BpB,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"}
+{"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;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAA;IAC7C;;;;;;;;;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,6HA2Ib,CAAA;AAGD;;;;;GAKG;AACH,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,QAAA,MAAM,eAAe,6FA4BpB,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;IAClB;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,QAAA,MAAM,gBAAgB,kGAkDrB,CAAA;AAGD,QAAA,MAAM,YAAY,kGAkDjB,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"}