@vkzstudio/muza-ui 1.5.0 → 1.5.2

package/dist/components/Accordion/Accordion.js

@@ -2,9 +2,9 @@ import { jsx as a, jsxs as b } from "react/jsx-runtime";
 import * as l from "react";
 import * as g from "@radix-ui/react-accordion";
 import { cva as p } from "class-variance-authority";
-import { Typography as I } from "../Typography/Typography.js";
 import { cn as i } from "../../utils/cn.js";
 import { AltArrowDownOutline as A } from "@solar-icons/react-perf";
+import { Typography as I } from "../Typography/Typography.js";
 const N = p("relative w-full transition-colors", {
   variants: {
     variant: {

package/dist/components/Accordion/index.js

@@ -0,0 +1,16 @@
+import { Accordion as n, AccordionChevron as c, AccordionContent as i, AccordionFooter as a, AccordionHeader as t, AccordionItem as e, AccordionTitle as d, accordionChevronVariants as A, accordionContentInnerVariants as s, accordionFooterVariants as V, accordionItemVariants as C, accordionTitleVariants as m, accordionTriggerVariants as I } from "./Accordion.js";
+export {
+  n as Accordion,
+  c as AccordionChevron,
+  i as AccordionContent,
+  a as AccordionFooter,
+  t as AccordionHeader,
+  e as AccordionItem,
+  d as AccordionTitle,
+  A as accordionChevronVariants,
+  s as accordionContentInnerVariants,
+  V as accordionFooterVariants,
+  C as accordionItemVariants,
+  m as accordionTitleVariants,
+  I as accordionTriggerVariants
+};

package/dist/components/Alert/Alert.js

@@ -1,9 +1,9 @@
 import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import * as o from "react";
 import { cva as v } from "class-variance-authority";
-import { XClose as w } from "../Icons/CustomIcons.js";
-import { useMuzaTranslationContext as z } from "../../translations/TranslationContext.js";
-import { cn as T } from "../../utils/cn.js";
+import { useMuzaTranslationContext as w } from "../../translations/TranslationContext.js";
+import { cn as z } from "../../utils/cn.js";
+import { XClose as T } from "../Icons/CustomIcons.js";
 import { Typography as N } from "../Typography/Typography.js";
 const V = v(["rounded-2xl"], {
   variants: {
@@ -33,7 +33,7 @@ const V = v(["rounded-2xl"], {
   closeAriaLabel: p,
   ...m
 }) => {
-  const { translations: u } = z(), g = p ?? u.alert.closeAriaLabel, [f, x] = o.useState(!0), [a, b] = o.useState(!1), d = () => {
+  const { translations: u } = w(), g = p ?? u.alert.closeAriaLabel, [f, x] = o.useState(!0), [a, b] = o.useState(!1), d = () => {
     b(!0);
   }, y = () => {
     a && (x(!1), e == null || e());
@@ -43,7 +43,7 @@ const V = v(["rounded-2xl"], {
     {
       "data-slot": "alert",
       role: "alert",
-      className: T(
+      className: z(
         V({ type: l, size: t }),
         s,
         "flex w-fit items-center gap-sm",
@@ -71,7 +71,7 @@ const V = v(["rounded-2xl"], {
             "aria-label": g,
             className: "cursor-pointer focus-visible-auto",
             children: /* @__PURE__ */ r(
-              w,
+              T,
               {
                 className: t === "large" ? "size-icon-medium" : "size-icon-small"
               }

package/dist/components/Alert/index.js

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

package/dist/components/ArticleCard/ArticleCard.js

@@ -3,16 +3,16 @@ 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 { cn as o } from "../../utils/cn.js";
+import { disabledLinkProps as H } from "../../utils/disabledLinkProps.js";
+import { formatDate as J } from "../../utils/formatDate.js";
+import { Button as K } from "../Button/Button.js";
+import { DotDivider as Q } from "../DotDivider/DotDivider.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 { AltArrowRightOutline as U } from "@solar-icons/react-perf";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import { Tag as z } from "../Tag/Tag.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",
   {
@@ -109,7 +109,7 @@ const b = ({
       }
     ),
     i != null && /* @__PURE__ */ t(T, { children: [
-      /* @__PURE__ */ e(K, { variant: m }),
+      /* @__PURE__ */ e(Q, { variant: m }),
       /* @__PURE__ */ e(
         f,
         {
@@ -129,7 +129,7 @@ b.displayName = "ArticleCard.Metadata";
 const v = ({ variant: r, label: a }) => {
   const i = r === "heroLarge";
   return /* @__PURE__ */ e(
-    Q,
+    K,
     {
       asChild: !0,
       variant: i ? "linkInvert" : "link",
@@ -317,7 +317,7 @@ const R = L.forwardRef(
       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);
+    } = r, { translations: I } = G(), k = Y ?? I.articleCard.readArticle, y = B ?? I.articleCard.readingTime, C = (P ?? J)(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(
@@ -513,7 +513,7 @@ const R = L.forwardRef(
         ...V,
         children: L.cloneElement(
           S,
-          p ? J : void 0,
+          p ? H : void 0,
           h
         )
       }

package/dist/components/ArticleCard/index.js

@@ -0,0 +1,7 @@
+import { ArticleCard as t, articleCardMetaVariants as i, articleCardTitleVariants as e, articleCardVariants as l } from "./ArticleCard.js";
+export {
+  t as ArticleCard,
+  i as articleCardMetaVariants,
+  e as articleCardTitleVariants,
+  l as articleCardVariants
+};

package/dist/components/Avatar/index.js

@@ -0,0 +1,6 @@
+import { Avatar as t, AvatarFallback as v, AvatarImage as A } from "./Avatar.js";
+export {
+  t as Avatar,
+  v as AvatarFallback,
+  A as AvatarImage
+};

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
 import { Slot as i } from "@radix-ui/react-slot";
-import { typographyVariants as o, Typography as n } from "../Typography/Typography.js";
 import { cn as a } from "../../utils/cn.js";
-import { AltArrowRightOutline as m } from "@solar-icons/react-perf";
+import { AltArrowRightOutline as n } from "@solar-icons/react-perf";
+import { typographyVariants as o, Typography as m } from "../Typography/Typography.js";
 const f = ({ ...r }) => /* @__PURE__ */ t("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r }), g = ({ className: r, ...e }) => /* @__PURE__ */ t(
   "ol",
   {
@@ -77,7 +77,7 @@ const f = ({ ...r }) => /* @__PURE__ */ t("nav", { "aria-label": "breadcrumb", "
       e
     ),
     ...s,
-    children: r ?? /* @__PURE__ */ t(m, {})
+    children: r ?? /* @__PURE__ */ t(n, {})
   }
 ), B = ({
   className: r,
@@ -94,7 +94,7 @@ const f = ({ ...r }) => /* @__PURE__ */ t("nav", { "aria-label": "breadcrumb", "
     ),
     ...e,
     children: /* @__PURE__ */ t(
-      n,
+      m,
       {
         component: "span",
         variant: "body",

package/dist/components/Breadcrumb/index.js

@@ -0,0 +1,10 @@
+import { Breadcrumb as a, BreadcrumbEllipsis as m, BreadcrumbItem as b, BreadcrumbLink as c, BreadcrumbList as d, BreadcrumbPage as u, BreadcrumbSeparator as B } from "./Breadcrumb.js";
+export {
+  a as Breadcrumb,
+  m as BreadcrumbEllipsis,
+  b as BreadcrumbItem,
+  c as BreadcrumbLink,
+  d as BreadcrumbList,
+  u as BreadcrumbPage,
+  B as BreadcrumbSeparator
+};

package/dist/components/Button/Button.js

@@ -2,10 +2,10 @@ import { jsxs as j, jsx as o } from "react/jsx-runtime";
 import * as m from "react";
 import { Slot as v, Slottable as u } from "@radix-ui/react-slot";
 import "class-variance-authority";
-import { ButtonLoader as w } from "./ButtonLoader.js";
-import { buttonVariants as E } from "./buttonVariants.js";
 import { cn as c } from "../../utils/cn.js";
-import { Typography as R } from "../Typography/Typography.js";
+import { Typography as w } from "../Typography/Typography.js";
+import { ButtonLoader as E } from "./ButtonLoader.js";
+import { buttonVariants as R } from "./buttonVariants.js";
 const S = m.forwardRef(
   ({
     className: y,
@@ -23,7 +23,7 @@ const S = m.forwardRef(
     ...h
   }, N) => {
     const g = p ? v : "button", i = a === "icon" || d, l = (L) => /* @__PURE__ */ o(
-      R,
+      w,
       {
         variant: "cta",
         size: a === "sm" || a === "xs" ? "sm" : "base",
@@ -44,7 +44,7 @@ const S = m.forwardRef(
       g,
       {
         className: c(
-          E({
+          R({
             variant: b,
             size: a,
             fullWidth: x,
@@ -60,7 +60,7 @@ const S = m.forwardRef(
         "data-danger": f,
         ...h,
         children: [
-          e && /* @__PURE__ */ o("span", { className: "absolute", children: /* @__PURE__ */ o(w, {}) }),
+          e && /* @__PURE__ */ o("span", { className: "absolute", children: /* @__PURE__ */ o(E, {}) }),
           (s || n === "start") && r,
           B(),
           s || n === "end" && r
@@ -72,5 +72,5 @@ const S = m.forwardRef(
 S.displayName = "Button";
 export {
   S as Button,
-  E as buttonVariants
+  R as buttonVariants
 };

package/dist/components/Button/index.js

@@ -0,0 +1,6 @@
+import { Button as r } from "./Button.js";
+import { buttonVariants as a } from "./buttonVariants.js";
+export {
+  r as Button,
+  a as buttonVariants
+};

package/dist/components/ButtonArrow/index.js

@@ -0,0 +1,5 @@
+import { ButtonArrow as t, buttonArrowVariants as n } from "./ButtonArrow.js";
+export {
+  t as ButtonArrow,
+  n as buttonArrowVariants
+};

package/dist/components/Calendar/Calendar.js

@@ -2,12 +2,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 { 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 { formatDate as P } from "../../utils/formatDate.js";
+import { formatDateRange as Q } from "../../utils/formatDateRange.js";
+import { Button as Y } from "../Button/Button.js";
 import { AltArrowLeftOutline as U, AltArrowRightOutline as X, AltArrowDownOutline as Z } from "@solar-icons/react-perf";
+import { Typography as x, typographyVariants as v } from "../Typography/Typography.js";
 const se = ({
   leftPanelChildren: m,
   defaultMonth: f,
@@ -22,8 +22,8 @@ const se = ({
   renderResetButton: t,
   renderConfirmButton: g,
   bottomTextDefault: a,
-  dateFormatter: o = Q,
-  dateRangeFormatter: s = P,
+  dateFormatter: o = P,
+  dateRangeFormatter: s = Q,
   disabledDates: h,
   weekStartsOn: _ = 1,
   excludeDisabled: G,

package/dist/components/Calendar/index.js

@@ -0,0 +1,10 @@
+import { Calendar as e, CalendarBase as o, CalendarDayButton as t } from "./Calendar.js";
+import { formatDate as m } from "../../utils/formatDate.js";
+import { formatDateRange as d } from "../../utils/formatDateRange.js";
+export {
+  e as Calendar,
+  o as CalendarBase,
+  t as CalendarDayButton,
+  m as formatDate,
+  d as formatDateRange
+};

package/dist/components/Card/Card.js

@@ -1,12 +1,12 @@
 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";
+import { cn as y } from "../../utils/cn.js";
+import { getSpacingVariants as V } from "../../utils/spacing.js";
+import { flexLayoutDefaults as C, flexLayoutVariants as z } from "../Flex/Flex.js";
 const L = x("flex border border-solid", {
   variants: {
-    ...C,
+    ...z,
     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",
@@ -14,7 +14,7 @@ const L = x("flex border border-solid", {
     }
   },
   defaultVariants: {
-    ...V,
+    ...C,
     direction: "column",
     variant: "default"
   }
@@ -36,12 +36,12 @@ const L = x("flex border border-solid", {
     children: l,
     ...k
   }, b) => {
-    const h = f ? g : s, v = y({ gap: u, padding: n, margin: i });
+    const h = f ? g : s, v = V({ gap: u, padding: n, margin: i });
     return r.createElement(
       h,
       {
         ref: b,
-        className: z(
+        className: y(
           L({
             variant: o,
             direction: t,

package/dist/components/Card/index.js

@@ -0,0 +1,5 @@
+import { Card as d, cardVariants as o } from "./Card.js";
+export {
+  d as Card,
+  o as cardVariants
+};

package/dist/components/CardCheckboxAmount/CardCheckboxAmount.js

@@ -1,10 +1,10 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
 import * as i from "react";
 import { useMuzaTranslations as O } from "../../translations/TranslationContext.js";
-import { Card as Q } from "../Card/Card.js";
-import { Checkbox as V } from "../Checkbox/Checkbox.js";
-import { Stepper as W } from "../Stepper/Stepper.js";
-import { cn as X } from "../../utils/cn.js";
+import { cn as Q } from "../../utils/cn.js";
+import { Card as V } from "../Card/Card.js";
+import { Checkbox as W } from "../Checkbox/Checkbox.js";
+import { Stepper as X } from "../Stepper/Stepper.js";
 import { Typography as y } from "../Typography/Typography.js";
 const Y = i.forwardRef(
   ({
@@ -42,12 +42,12 @@ const Y = i.forwardRef(
       (s = t == null ? void 0 : t.onKeyDown) == null || s.call(t, e), !(e.defaultPrevented || a) && e.key === "Enter" && (e.preventDefault(), w(!l));
     }, H = l && !a, J = d !== void 0 && x >= d, h = S ?? f.cardCheckboxAmount.unavailableMessage, g = k ?? f.cardCheckboxAmount.maxAmountMessage;
     return /* @__PURE__ */ v(
-      Q,
+      V,
       {
         ref: B,
         variant: "checkout",
         direction: "column",
-        className: X(
+        className: Q(
           "items-start gap-md md:flex-row md:items-center md:gap-lg",
           a && "border-stroke-base-disabled",
           C
@@ -55,7 +55,7 @@ const Y = i.forwardRef(
         ...T,
         children: [
           /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ r(
-            V,
+            W,
             {
               ...t,
               id: z,
@@ -82,7 +82,7 @@ const Y = i.forwardRef(
           ),
           H && /* @__PURE__ */ v("div", { className: "flex flex-col items-start gap-2xs pl-2-5-xl md:items-end md:pl-0", children: [
             /* @__PURE__ */ r(
-              W,
+              X,
               {
                 value: x,
                 onChange: F,

package/dist/components/CardCheckboxAmount/index.js

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

package/dist/components/Carousel/Carousel.js

@@ -2,10 +2,10 @@ import { jsx as m, jsxs as j } from "react/jsx-runtime";
 import * as o from "react";
 import _ from "embla-carousel-react";
 import { useMuzaTranslations as L } from "../../translations/TranslationContext.js";
-import { ButtonArrow as P } from "../ButtonArrow/ButtonArrow.js";
-import { SliderIndicators as B } from "../SliderIndicators/SliderIndicators.js";
 import { cn as h } from "../../utils/cn.js";
-import { Flex as F } from "../Flex/Flex.js";
+import { ButtonArrow as P } from "../ButtonArrow/ButtonArrow.js";
+import { Flex as B } from "../Flex/Flex.js";
+import { SliderIndicators as F } from "../SliderIndicators/SliderIndicators.js";
 const R = o.createContext(null), v = () => {
   const t = o.useContext(R);
   if (!t)
@@ -117,7 +117,7 @@ const U = o.forwardRef(
           i ? "[touch-action:pan-y_pinch-zoom]" : "[touch-action:pan-x_pinch-zoom]"
         ),
         children: /* @__PURE__ */ m(
-          F,
+          B,
           {
             ref: l,
             direction: i ? "row" : "column",
@@ -241,7 +241,7 @@ const J = ({
 }) => {
   const { selectedIndex: l, scrollTo: n, slidesCount: f } = v(), i = L();
   return f <= 1 ? null : /* @__PURE__ */ m(
-    B,
+    F,
     {
       count: f,
       activeIndex: l,

package/dist/components/Carousel/index.js

@@ -0,0 +1,9 @@
+import { Carousel as r, CarouselContent as s, CarouselDots as u, CarouselItem as C, CarouselNext as a, CarouselPrevious as l } from "./Carousel.js";
+export {
+  r as Carousel,
+  s as CarouselContent,
+  u as CarouselDots,
+  C as CarouselItem,
+  a as CarouselNext,
+  l as CarouselPrevious
+};

package/dist/components/CategoryCard/CategoryCard.js

@@ -2,10 +2,10 @@ import { jsxs as l, Fragment as N, jsx as e } from "react/jsx-runtime";
 import * as i from "react";
 import { Slot as C } from "@radix-ui/react-slot";
 import { cva as w } from "class-variance-authority";
-import { Flex as x } from "../Flex/Flex.js";
 import { cn as t } from "../../utils/cn.js";
-import { Typography as f } from "../Typography/Typography.js";
+import { Flex as x } from "../Flex/Flex.js";
 import { Skeleton as n } from "../Skeleton/Skeleton.js";
+import { Typography as f } from "../Typography/Typography.js";
 const S = w([
   "group inline-flex w-full items-center gap-md no-underline",
   "py-sm pr-2xl pl-sm",

package/dist/components/CategoryCard/index.js

@@ -0,0 +1,6 @@
+import { CategoryCard as e, CategoryCardSkeleton as o, categoryCardVariants as t } from "./CategoryCard.js";
+export {
+  e as CategoryCard,
+  o as CategoryCardSkeleton,
+  t as categoryCardVariants
+};

package/dist/components/CategoryIcon/index.js

@@ -0,0 +1,5 @@
+import { CategoryIcon as a, categoryIconVariants as t } from "./CategoryIcon.js";
+export {
+  a as CategoryIcon,
+  t as categoryIconVariants
+};

package/dist/components/Checkbox/Checkbox.js

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { forwardRef as v, useId as N } from "react";
 import * as c from "@radix-ui/react-checkbox";
-import { CheckMinus as z, Checked as w } from "../Icons/CustomIcons.js";
 import { cn as a } from "../../utils/cn.js";
+import { CheckMinus as z, Checked as w } from "../Icons/CustomIcons.js";
 import { Typography as n } from "../Typography/Typography.js";
 const C = v(
   ({

package/dist/components/Checkbox/index.js

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

package/dist/components/Chip/Chip.js

@@ -1,9 +1,9 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
 import { cva as m } from "class-variance-authority";
-import { EmptyCircle as f } from "../Icons/CustomIcons.js";
-import { cn as p } from "../../utils/cn.js";
-import { CheckCircleBold as x } from "@solar-icons/react-perf";
+import { cn as f } from "../../utils/cn.js";
+import { CheckCircleBold as p } from "@solar-icons/react-perf";
+import { EmptyCircle as x } from "../Icons/CustomIcons.js";
 import { Typography as b } from "../Typography/Typography.js";
 const v = m(
   [
@@ -73,11 +73,11 @@ const v = m(
         "aria-disabled": e,
         disabled: e,
         "data-state": r ? "checked" : "unchecked",
-        className: p(v({ checked: r, disabled: e, className: a })),
+        className: f(v({ checked: r, disabled: e, className: a })),
         onClick: d,
         ...s,
         children: [
-          r ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(f, {}),
+          r ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(x, {}),
           /* @__PURE__ */ t(
             b,
             {

package/dist/components/Chip/index.js

@@ -0,0 +1,5 @@
+import { Chip as r, chipVariants as a } from "./Chip.js";
+export {
+  r as Chip,
+  a as chipVariants
+};

package/dist/components/DataTable/index.js

@@ -0,0 +1,5 @@
+import { DataTable as l, dataTableCellVariants as t } from "./DataTable.js";
+export {
+  l as DataTable,
+  t as dataTableCellVariants
+};

package/dist/components/DatePicker/DatePicker.js

@@ -2,16 +2,16 @@ import { jsx as n, jsxs as ot } from "react/jsx-runtime";
 import { forwardRef as et, useState as k, useRef as Y, useEffect as it } from "react";
 import { useIsDesktop as ft } from "../../hooks/use-is-desktop.js";
 import { useIsMobile as ct } from "../../hooks/use-is-mobile.js";
-import { Popover as pt, PopoverTrigger as nt, PopoverContent as dt } from "../Popover/Popover.js";
-import { getDateRange as ut } from "./utils/getDateRange.js";
-import { resolveOneDayRange as bt } from "./utils/resolveOneDayRange.js";
-import { Input as st } from "../Input/Input.js";
-import { Calendar as A } from "../Calendar/Calendar.js";
 import { cn as l } from "../../utils/cn.js";
-import { typographyVariants as xt } from "../Typography/Typography.js";
-import { formatDate as lt } from "../../utils/formatDate.js";
-import { formatDateRange as yt } from "../../utils/formatDateRange.js";
-import { CalendarBold as mt } from "@solar-icons/react-perf";
+import { formatDate as pt } from "../../utils/formatDate.js";
+import { formatDateRange as nt } from "../../utils/formatDateRange.js";
+import { Calendar as A } from "../Calendar/Calendar.js";
+import { CalendarBold as dt } from "@solar-icons/react-perf";
+import { Input as ut } from "../Input/Input.js";
+import { Popover as bt, PopoverTrigger as st, PopoverContent as xt } from "../Popover/Popover.js";
+import { typographyVariants as lt } from "../Typography/Typography.js";
+import { getDateRange as yt } from "./utils/getDateRange.js";
+import { resolveOneDayRange as mt } from "./utils/resolveOneDayRange.js";
 const vt = et(
   ({
     alignCalendar: G,
@@ -64,7 +64,7 @@ const vt = et(
       "button",
       {
         className: l(
-          xt({
+          lt({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -77,13 +77,13 @@ const vt = et(
           o == null ? void 0 : o.leftPanelButton
         ),
         onClick: () => {
-          const p = ut(t.type);
+          const p = yt(t.type);
           u(p), f && (c(p), r == null || r(p));
         },
         children: t.name
       },
       t.type
-    )), D = H ?? (y === "single" ? lt : yt), F = f ? e !== void 0 ? e : i : j, E = {
+    )), D = H ?? (y === "single" ? pt : nt), F = f ? e !== void 0 ? e : i : j, E = {
       ...a,
       numberOfMonths: Z ?? (h ? 2 : 1),
       hideNavigation: _,
@@ -103,7 +103,7 @@ const vt = et(
       }
     };
     return /* @__PURE__ */ ot(
-      pt,
+      bt,
       {
         open: P,
         onOpenChange: (t) => {
@@ -119,7 +119,7 @@ const vt = et(
             // interactive elements inside another button.
             S()
           ) : /* @__PURE__ */ n(
-            nt,
+            st,
             {
               className: l(
                 "group cursor-pointer rounded-full text-left outline-0",
@@ -127,7 +127,7 @@ const vt = et(
               ),
               disabled: R,
               children: /* @__PURE__ */ n(
-                st,
+                ut,
                 {
                   ref: N,
                   value: F ? D(F) : "",
@@ -144,13 +144,13 @@ const vt = et(
                     o == null ? void 0 : o.input,
                     "group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
                   ),
-                  suffix: /* @__PURE__ */ n(mt, { className: "size-icon-medium text-icon-dark-secondary-def" })
+                  suffix: /* @__PURE__ */ n(dt, { className: "size-icon-medium text-icon-dark-secondary-def" })
                 }
               )
             }
           ),
           /* @__PURE__ */ n(
-            dt,
+            xt,
             {
               ...W,
               className: l("flex w-auto p-0", o == null ? void 0 : o.popoverContent),
@@ -176,7 +176,7 @@ const vt = et(
                   min: B ? 1 : void 0,
                   selected: i,
                   onSelect: (t) => {
-                    const p = B ? bt(
+                    const p = B ? mt(
                       i,
                       t,
                       x

package/dist/components/DatePicker/index.js

@@ -0,0 +1,7 @@
+import { DatePicker as t } from "./DatePicker.js";
+import { Presets as a, getDateRange as f } from "./utils/getDateRange.js";
+export {
+  t as DatePicker,
+  a as Presets,
+  f as getDateRange
+};