@vkzstudio/muza-ui 1.0.28 → 1.0.29

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

@@ -63,6 +63,8 @@ export type CalendarBaseProps = {
     hideBottomText?: boolean;
     /** Hides the reset button in the bottom bar. @default false */
     hideResetButton?: boolean;
+    /** Hides the entire bottom bar (text, reset button, and confirm button). Should only be used in combination with `immediateCommit` in DatePicker. @default false */
+    hideBottomBar?: boolean;
     /** Earliest month for navigation. Navigation arrows are disabled before this month. */
     startMonth?: Date;
     /** Latest month for navigation. Navigation arrows are disabled after this month. */
@@ -90,7 +92,7 @@ export type CalendarSingleProps = {
     /** Fires when a single date is selected, or `undefined` when deselected (requires `required={false}`). */
     onSelect?: (date: Date | undefined) => void;
 };
-declare const Calendar: ({ leftPanelChildren, defaultMonth, numberOfMonths, mode, selected, onSelect, onReset, onConfirm, resetButtonText: resetButtonTextProp, confirmButtonText: confirmButtonTextProp, renderResetButton, renderConfirmButton, bottomTextDefault: bottomTextDefaultProp, dateFormatter, dateRangeFormatter, disabledDates, weekStartsOn, excludeDisabled, hideNavigation, hideCaption, formatters, hideWeekdays, showOutsideDays, hideBottomText, hideResetButton, startMonth, endMonth, min, required, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: ({ leftPanelChildren, defaultMonth, numberOfMonths, mode, selected, onSelect, onReset, onConfirm, resetButtonText: resetButtonTextProp, confirmButtonText: confirmButtonTextProp, renderResetButton, renderConfirmButton, bottomTextDefault: bottomTextDefaultProp, dateFormatter, dateRangeFormatter, disabledDates, weekStartsOn, excludeDisabled, hideNavigation, hideCaption, formatters, hideWeekdays, showOutsideDays, hideBottomText, hideResetButton, hideBottomBar, startMonth, endMonth, min, required, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
 declare const CalendarBase: ({ className, classNames, showOutsideDays, captionLayout, formatters, components, locale, hideCaption, hideWeekdays, ...props }: React.ComponentProps<typeof DayPicker> & {
     hideCaption?: boolean;
     hideWeekdays?: boolean;

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":"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"}

package/dist/components/Calendar/Calendar.js

@@ -1,33 +1,33 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import * as R from "react";
-import { formatDate as I } from "./utils/formatDate.js";
-import { formatDateRange as J } from "./utils/formatDateRange.js";
-import { useMuzaTranslationContext as K } from "../../translations/TranslationContext.js";
-import { Button as W } from "../Button/Button.js";
-import { getDefaultClassNames as E } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
-import { DayPicker as P } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
+import * as W from "react";
+import { formatDate as J } from "./utils/formatDate.js";
+import { formatDateRange as K } from "./utils/formatDateRange.js";
+import { useMuzaTranslationContext as P } from "../../translations/TranslationContext.js";
+import { Button as Y } from "../Button/Button.js";
+import { getDefaultClassNames as F } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
+import { DayPicker as Q } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
 import { cn as e } from "../../utils/cn.js";
 import { Typography as x, typographyVariants as v } from "../Typography/Typography.js";
-import { AltArrowLeftOutline as Q, AltArrowRightOutline as U, AltArrowDownOutline as X } from "@solar-icons/react-perf";
-const se = ({
+import { AltArrowLeftOutline as U, AltArrowRightOutline as X, AltArrowDownOutline as Z } from "@solar-icons/react-perf";
+const le = ({
   leftPanelChildren: m,
   defaultMonth: f,
   numberOfMonths: n,
   mode: i,
   selected: d,
-  onSelect: g,
+  onSelect: b,
   onReset: l,
   onConfirm: c,
   resetButtonText: u,
   confirmButtonText: y,
   renderResetButton: t,
-  renderConfirmButton: b,
+  renderConfirmButton: g,
   bottomTextDefault: a,
-  dateFormatter: o = I,
-  dateRangeFormatter: s = J,
+  dateFormatter: o = J,
+  dateRangeFormatter: s = K,
   disabledDates: h,
   weekStartsOn: _ = 1,
-  excludeDisabled: F,
+  excludeDisabled: G,
   hideNavigation: k,
   hideCaption: N,
   formatters: z,
@@ -35,116 +35,125 @@ const se = ({
   showOutsideDays: D,
   hideBottomText: C,
   hideResetButton: T,
-  startMonth: A,
+  hideBottomBar: A,
+  startMonth: L,
   endMonth: B,
-  min: G,
-  required: L = !0
+  min: V,
+  required: S = !0
 }) => {
-  const { translations: w, dateFnsLocale: S } = K(), V = u ?? w.calendar.resetButton, q = y ?? w.calendar.confirmButton, H = a ?? w.calendar.bottomTextDefault;
+  const { translations: w, dateFnsLocale: R } = P(), 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("div", { className: "mt-2xl flex flex-col justify-between", children: [
-      i === "range" ? /* @__PURE__ */ r(
-        Y,
-        {
-          numberOfMonths: n,
-          defaultMonth: f,
-          mode: "range",
-          selected: d,
-          onSelect: g,
-          required: L,
-          weekStartsOn: _,
-          disabled: h,
-          excludeDisabled: F,
-          locale: S,
-          hideNavigation: k,
-          hideCaption: N,
-          hideWeekdays: j,
-          showOutsideDays: D,
-          formatters: z,
-          startMonth: A,
-          endMonth: B,
-          min: G
-        }
-      ) : /* @__PURE__ */ r(
-        Y,
-        {
-          numberOfMonths: n,
-          defaultMonth: f,
-          mode: "single",
-          selected: d,
-          onSelect: g,
-          required: L,
-          weekStartsOn: _,
-          disabled: h,
-          locale: S,
-          hideNavigation: k,
-          hideCaption: N,
-          hideWeekdays: j,
-          showOutsideDays: D,
-          startMonth: A,
-          endMonth: B,
-          formatters: z
-        }
-      ),
-      /* @__PURE__ */ p(
-        "div",
-        {
-          className: e(
-            "mx-xl mt-lg mb-4 flex items-center justify-between",
+    /* @__PURE__ */ p(
+      "div",
+      {
+        className: e("mt-2xl flex flex-col justify-between", {
+          "mb-4": A
+        }),
+        children: [
+          i === "range" ? /* @__PURE__ */ r(
+            E,
             {
-              "flex-col items-start border-t border-stroke-base-primary pt-lg": n === 1
-            },
+              numberOfMonths: n,
+              defaultMonth: f,
+              mode: "range",
+              selected: d,
+              onSelect: b,
+              required: S,
+              weekStartsOn: _,
+              disabled: h,
+              excludeDisabled: G,
+              locale: R,
+              hideNavigation: k,
+              hideCaption: N,
+              hideWeekdays: j,
+              showOutsideDays: D,
+              formatters: z,
+              startMonth: L,
+              endMonth: B,
+              min: V
+            }
+          ) : /* @__PURE__ */ r(
+            E,
             {
-              "max-lg:flex-col max-lg:items-start max-lg:border-t max-lg:border-stroke-base-primary max-lg:pt-lg": n !== 1
+              numberOfMonths: n,
+              defaultMonth: f,
+              mode: "single",
+              selected: d,
+              onSelect: b,
+              required: S,
+              weekStartsOn: _,
+              disabled: h,
+              locale: R,
+              hideNavigation: k,
+              hideCaption: N,
+              hideWeekdays: j,
+              showOutsideDays: D,
+              startMonth: L,
+              endMonth: B,
+              formatters: z
             }
           ),
-          children: [
-            !C && /* @__PURE__ */ r(
-              x,
-              {
-                component: "span",
-                variant: "body",
-                weight: "medium",
-                size: "base",
-                children: i === "range" && (d != null && d.from) ? s(d) : i === "single" && d ? o(d) : H
-              }
-            ),
-            /* @__PURE__ */ p(
-              "div",
-              {
-                className: e("flex gap-2xl", {
-                  "w-full justify-between gap-0": n === 1,
-                  "pt-lg": n === 1 && !C,
-                  "max-lg:w-full max-lg:justify-between max-lg:gap-0 max-lg:pt-lg": n !== 1,
-                  "justify-end": T
-                }),
-                children: [
-                  !T && (t ? t() : /* @__PURE__ */ r(W, { variant: "link", onClick: l, children: V })),
-                  b ? b() : /* @__PURE__ */ r(W, { variant: "primary", size: "sm", onClick: c, children: q })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    ] })
+          !A && /* @__PURE__ */ p(
+            "div",
+            {
+              className: e(
+                "mx-xl mt-lg mb-4 flex items-center justify-between",
+                {
+                  "flex-col items-start border-t border-stroke-base-primary pt-lg": n === 1
+                },
+                {
+                  "max-lg:flex-col max-lg:items-start max-lg:border-t max-lg:border-stroke-base-primary max-lg:pt-lg": n !== 1
+                }
+              ),
+              children: [
+                !C && /* @__PURE__ */ r(
+                  x,
+                  {
+                    component: "span",
+                    variant: "body",
+                    weight: "medium",
+                    size: "base",
+                    children: i === "range" && (d != null && d.from) ? s(d) : i === "single" && d ? o(d) : I
+                  }
+                ),
+                /* @__PURE__ */ p(
+                  "div",
+                  {
+                    className: e("flex gap-2xl", {
+                      "w-full justify-between gap-0": n === 1,
+                      "pt-lg": n === 1 && !C,
+                      "max-lg:w-full max-lg:justify-between max-lg:gap-0 max-lg:pt-lg": n !== 1,
+                      "justify-end": T
+                    }),
+                    children: [
+                      !T && (t ? t() : /* @__PURE__ */ r(Y, { variant: "link", onClick: l, children: q })),
+                      g ? g() : /* @__PURE__ */ r(Y, { variant: "primary", size: "sm", onClick: c, children: H })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
   ] });
-}, Y = ({
+}, E = ({
   className: m,
   classNames: f,
   showOutsideDays: n = !0,
   captionLayout: i = "label",
   formatters: d,
-  components: g,
+  components: b,
   locale: l,
   hideCaption: c,
   hideWeekdays: u,
   ...y
 }) => {
-  const t = E(), b = (l == null ? void 0 : l.code) ?? "default";
+  const t = F(), g = (l == null ? void 0 : l.code) ?? "default";
   return /* @__PURE__ */ r(
-    P,
+    Q,
     {
       showOutsideDays: n,
       locale: l,
@@ -156,9 +165,9 @@ const se = ({
       ),
       captionLayout: i,
       formatters: {
-        formatMonthDropdown: (a) => a.toLocaleString(b, { month: "short" }),
-        formatWeekdayName: (a) => a.toLocaleString(b, { weekday: "short" }),
-        formatCaption: (a) => a.toLocaleString(b, { month: "long", year: "numeric" }),
+        formatMonthDropdown: (a) => a.toLocaleString(g, { month: "short" }),
+        formatWeekdayName: (a) => a.toLocaleString(g, { weekday: "short" }),
+        formatCaption: (a) => a.toLocaleString(g, { month: "long", year: "numeric" }),
         ...d
       },
       classNames: {
@@ -293,7 +302,7 @@ const se = ({
             weight: "medium",
             size: "md",
             children: /* @__PURE__ */ r(
-              Q,
+              U,
               {
                 className: e(
                   "inline size-comp-calendar-ico-size text-comp-select-icon-brand-def",
@@ -311,7 +320,7 @@ const se = ({
             weight: "medium",
             size: "md",
             children: /* @__PURE__ */ r(
-              U,
+              X,
               {
                 className: e(
                   "inline size-comp-calendar-ico-size text-comp-select-icon-brand-def",
@@ -322,15 +331,15 @@ const se = ({
             )
           }
         ) : /* @__PURE__ */ r(
-          X,
+          Z,
           {
             className: e("size-comp-calendar-ico-size", a),
             ...s
           }
         ),
-        DayButton: Z,
+        DayButton: $,
         WeekNumber: ({ children: a, ...o }) => /* @__PURE__ */ r("td", { ...o, children: /* @__PURE__ */ r("div", { className: "flex items-center justify-center text-center", children: a }) }),
-        ...g,
+        ...b,
         // When weekdays are hidden, replace the table-based layout (table > tbody > tr > td)
         // with a CSS Grid to create a continuous day flow. Without this, months starting
         // mid-week have invisible gap cells from outside days. The grid approach:
@@ -363,16 +372,16 @@ const se = ({
       ...y
     }
   );
-}, Z = ({
+}, $ = ({
   className: m,
   day: f,
   modifiers: n,
   children: i,
   disabled: d,
-  ...g
+  ...b
 }) => {
-  const l = E(), c = R.useRef(null);
-  return R.useEffect(() => {
+  const l = F(), c = W.useRef(null);
+  return W.useEffect(() => {
     var u;
     n.focused && ((u = c.current) == null || u.focus());
   }, [n.focused]), /* @__PURE__ */ r(
@@ -401,7 +410,7 @@ const se = ({
         l.day,
         m
       ),
-      ...g,
+      ...b,
       children: /* @__PURE__ */ r(
         x,
         {
@@ -418,7 +427,7 @@ const se = ({
   );
 };
 export {
-  se as Calendar,
-  Y as CalendarBase,
-  Z as CalendarDayButton
+  le as Calendar,
+  E as CalendarBase,
+  $ as CalendarDayButton
 };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -81,6 +81,8 @@ export type DatePickerProps = {
     disableRequiredAsterisk?: boolean;
     /** Number of months to display side by side. @default 2 on desktop, 1 on mobile */
     numberOfMonths?: 1 | 2;
+    /** Hides the entire bottom bar (text, reset button, and confirm button). Only effective when `immediateCommit` is true. @default false */
+    hideBottomBar?: boolean;
 } & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter' | 'required'> & (DatePickerRangeProps | DatePickerSingleProps);
 /** Props for date range selection mode. */
 export type DatePickerRangeProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.js

@@ -1,22 +1,22 @@
-import { jsx as n, jsxs as tt } from "react/jsx-runtime";
-import { forwardRef as rt, useState as k, useRef as E, useEffect as ot } from "react";
-import { useIsDesktop as et } from "../../hooks/use-is-desktop.js";
-import { useIsMobile as it } from "../../hooks/use-is-mobile.js";
-import { Popover as ft, PopoverTrigger as pt, PopoverContent as ct } from "../Popover/Popover.js";
-import { getDateRange as nt } from "./utils/getDateRange.js";
-import { resolveOneDayRange as dt } from "./utils/resolveOneDayRange.js";
-import { Input as ut } from "../Input/Input.js";
-import { formatDate as bt } from "../Calendar/utils/formatDate.js";
-import { formatDateRange as st } from "../Calendar/utils/formatDateRange.js";
+import { jsx as n, jsxs as rt } from "react/jsx-runtime";
+import { forwardRef as ot, useState as k, useRef as E, useEffect as et } from "react";
+import { useIsDesktop as it } from "../../hooks/use-is-desktop.js";
+import { useIsMobile as ft } from "../../hooks/use-is-mobile.js";
+import { Popover as pt, PopoverTrigger as ct, PopoverContent as nt } from "../Popover/Popover.js";
+import { getDateRange as dt } from "./utils/getDateRange.js";
+import { resolveOneDayRange as ut } from "./utils/resolveOneDayRange.js";
+import { Input as bt } from "../Input/Input.js";
+import { formatDate as st } from "../Calendar/utils/formatDate.js";
+import { formatDateRange as xt } from "../Calendar/utils/formatDateRange.js";
 import { Calendar as Y } from "../Calendar/Calendar.js";
 import { cn as l } from "../../utils/cn.js";
-import { typographyVariants as xt } from "../Typography/Typography.js";
-import { CalendarBold as lt } from "@solar-icons/react-perf";
-const mt = rt(
+import { typographyVariants as lt } from "../Typography/Typography.js";
+import { CalendarBold as yt } from "@solar-icons/react-perf";
+const vt = ot(
   ({
     alignCalendar: G,
-    mode: m,
-    allowedPresets: y,
+    mode: y,
+    allowedPresets: v,
     dateFormatter: H,
     value: e,
     defaultValue: b,
@@ -33,8 +33,8 @@ const mt = rt(
     side: U = "bottom",
     renderCustomTrigger: S,
     immediateCommit: f,
-    allowOneDayRange: I,
-    shouldResetToDefaultValue: M,
+    allowOneDayRange: B,
+    shouldResetToDefaultValue: I,
     required: x,
     disableRequiredAsterisk: W,
     numberOfMonths: X,
@@ -44,25 +44,26 @@ const mt = rt(
     showOutsideDays: V,
     hideBottomText: q,
     hideResetButton: w,
-    ...O
-  }, g) => {
-    const a = et(), N = it(), [h, P] = k(!1), F = typeof s == "boolean" ? s : h, [j, p] = k(
+    hideBottomBar: O,
+    ...g
+  }, a) => {
+    const N = it(), h = ft(), [C, M] = k(!1), P = typeof s == "boolean" ? s : C, [F, p] = k(
       e ?? b
-    ), [i, u] = k(e ?? b), z = E(!1), v = E(
+    ), [i, u] = k(e ?? b), j = E(!1), m = E(
       e ?? b
     );
-    ot(() => {
-      if (!z.current) {
-        z.current = !0;
+    et(() => {
+      if (!j.current) {
+        j.current = !0;
         return;
       }
-      p(e), u(e), F || (v.current = e);
+      p(e), u(e), P || (m.current = e);
     }, [e]);
-    const C = y == null ? void 0 : y.map((t) => /* @__PURE__ */ n(
+    const tt = v == null ? void 0 : v.map((t) => /* @__PURE__ */ n(
       "button",
       {
         className: l(
-          xt({
+          lt({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -75,40 +76,41 @@ const mt = rt(
           o == null ? void 0 : o.leftPanelButton
         ),
         onClick: () => {
-          const c = nt(t.type);
+          const c = dt(t.type);
           u(c), f && (p(c), r == null || r(c));
         },
         children: t.name
       },
       t.type
-    )), D = H ?? (m === "single" ? bt : st), B = f ? e !== void 0 ? e : i : j, A = {
-      ...O,
-      numberOfMonths: X ?? (a ? 2 : 1),
+    )), D = H ?? (y === "single" ? st : xt), z = f ? e !== void 0 ? e : i : F, A = {
+      ...g,
+      numberOfMonths: X ?? (N ? 2 : 1),
       hideNavigation: Z,
       hideCaption: _,
       hideWeekdays: $,
       showOutsideDays: V,
       hideBottomText: q,
       hideResetButton: w,
+      hideBottomBar: f ? O : void 0,
       required: x,
       onReset: () => {
-        const t = M ? b : f ? v.current : j;
+        const t = I ? b : f ? m.current : F;
         u(t), f && (p(t), r == null || r(t));
       },
       onConfirm: () => {
-        f ? p(i) : (i !== void 0 || M || x === !1) && (p(i), r == null || r(i)), s === void 0 && P(!1), d == null || d(!1);
+        f ? p(i) : (i !== void 0 || I || x === !1) && (p(i), r == null || r(i)), s === void 0 && M(!1), d == null || d(!1);
       }
     };
-    return /* @__PURE__ */ tt(
-      ft,
+    return /* @__PURE__ */ rt(
+      pt,
       {
-        open: F,
+        open: P,
         onOpenChange: (t) => {
-          t && (v.current = e ?? i), s === void 0 && P(t), d == null || d(t);
+          t && (m.current = e ?? i), s === void 0 && M(t), d == null || d(t);
         },
         children: [
           /* @__PURE__ */ n(
-            pt,
+            ct,
             {
               className: l(
                 "group cursor-pointer rounded-full text-left outline-0",
@@ -116,10 +118,10 @@ const mt = rt(
               ),
               disabled: R,
               children: S ? S() : /* @__PURE__ */ n(
-                ut,
+                bt,
                 {
-                  ref: g,
-                  value: B ? D(B) : "",
+                  ref: a,
+                  value: z ? D(z) : "",
                   placeholder: Q,
                   error: J,
                   disabled: R,
@@ -133,20 +135,20 @@ const mt = rt(
                     o == null ? void 0 : o.input,
                     "group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
                   ),
-                  suffix: /* @__PURE__ */ n(lt, { className: "size-icon-medium text-icon-dark-secondary-def" })
+                  suffix: /* @__PURE__ */ n(yt, { className: "size-icon-medium text-icon-dark-secondary-def" })
                 }
               )
             }
           ),
           /* @__PURE__ */ n(
-            ct,
+            nt,
             {
               className: l("flex w-auto p-0", o == null ? void 0 : o.popoverContent),
               align: G,
               side: U,
               avoidCollisions: T,
               onOpenAutoFocus: (t) => t.preventDefault(),
-              children: m === "single" ? /* @__PURE__ */ n(
+              children: y === "single" ? /* @__PURE__ */ n(
                 Y,
                 {
                   ...A,
@@ -162,17 +164,17 @@ const mt = rt(
                 {
                   ...A,
                   mode: "range",
-                  min: I ? 1 : void 0,
+                  min: B ? 1 : void 0,
                   selected: i,
                   onSelect: (t) => {
-                    const c = I ? dt(
+                    const c = B ? ut(
                       i,
                       t,
                       x
                     ) : t;
                     u(c), f && (p(c), r == null || r(c));
                   },
-                  leftPanelChildren: m === "range" && !N && C,
+                  leftPanelChildren: y === "range" && !h && tt,
                   dateRangeFormatter: D
                 }
               )
@@ -183,7 +185,7 @@ const mt = rt(
     );
   }
 );
-mt.displayName = "DatePicker";
+vt.displayName = "DatePicker";
 export {
-  mt as DatePicker
+  vt as DatePicker
 };

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

@@ -17,6 +17,7 @@ export declare const ResetButtonResetsToStoryDate: Story;
 export declare const Required: Story;
 export declare const SingleMonth: Story;
 export declare const ImmediateCommitRange: Story;
+export declare const ImmediateCommitHiddenBottomBar: Story;
 export declare const AllowOneDayRange: Story;
 export declare const NotRequired: Story;
 export declare const MonthlyView: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2LjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiMjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiC5C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}

package/dist/components/FileUpload/FileItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AA4CA,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AA2DzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA6L5C,CAAA"}
+{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AA6CA,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AA0EzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA8M5C,CAAA"}

package/dist/components/FileUpload/FileItem.js

@@ -1,21 +1,21 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import * as f from "react";
-import { cva as z } from "class-variance-authority";
-import { useMuzaTranslations as L } from "../../translations/TranslationContext.js";
+import { cva as C } from "class-variance-authority";
+import { useMuzaTranslations as O } from "../../translations/TranslationContext.js";
 import { cn as l } from "../../utils/cn.js";
-import { GalleryOutline as B, CloseCircleBold as C, DownloadMinimalisticBold as R, TrashBinTrashBold as j } from "@solar-icons/react-perf";
-import { Typography as b } from "../Typography/Typography.js";
-const E = (e, a, t) => {
-  let r = null, o = null;
+import { GalleryOutline as T, FileTextBold as B, CloseCircleBold as M, DownloadMinimalisticBold as I, TrashBinTrashBold as R } from "@solar-icons/react-perf";
+import { Typography as x } from "../Typography/Typography.js";
+const j = (e, a, i) => {
+  let n = null, o = null;
   try {
-    r = URL.createObjectURL(e), o = document.createElement("a"), o.href = r, o.download = e.name, o.style.display = "none", document.body.appendChild(o), o.click();
+    n = URL.createObjectURL(e), o = document.createElement("a"), o.href = n, o.download = e.name, o.style.display = "none", document.body.appendChild(o), o.click();
   } catch (d) {
-    const s = d instanceof Error ? d.message : t ?? "Download failed";
-    console.error("Download failed:", d), a == null || a(s, e);
+    const c = d instanceof Error ? d.message : i ?? "Download failed";
+    console.error("Download failed:", d), a == null || a(c, e);
   } finally {
-    o && document.body.contains(o) && document.body.removeChild(o), r && URL.revokeObjectURL(r);
+    o && document.body.contains(o) && document.body.removeChild(o), n && URL.revokeObjectURL(n);
   }
-}, O = z(
+}, D = C(
   [
     "flex flex-1 items-center gap-sm rounded-full border transition-colors",
     "relative pr-comp-input-p-hor pl-comp-input-p-hor",
@@ -66,37 +66,50 @@ const E = (e, a, t) => {
   "bg-none cursor-pointer disabled:cursor-not-allowed",
   "text-comp-file-upload-icon-def-secondary",
   "disabled:text-comp-file-upload-icon-def-disabled"
-]), I = /\.(jpe?g|png|gif|webp|svg|bmp|ico|avif|tiff?)$/i, G = (e) => {
+]), S = /\.(jpe?g|png|gif|webp|svg|bmp|ico|avif|tiff?)$/i, k = /\.(pdf|docx?|txt|rtf|odt|xlsx?|csv|pptx?|md|tex)$/i, U = [
+  "application/pdf",
+  "application/msword",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  "text/plain",
+  "text/csv",
+  "text/markdown",
+  "application/rtf",
+  "application/vnd.oasis.opendocument.text",
+  "application/vnd.ms-excel",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "application/vnd.ms-powerpoint",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation"
+], W = (e) => {
   const {
     uploaded: a,
-    progress: t,
-    size: r,
+    progress: i,
+    size: n,
     disabled: o,
     readOnly: d = !1,
-    note: s,
-    error: c,
-    onDelete: x,
-    onError: k
-  } = e, m = L(), [g, y] = f.useState(!1), v = e.source === "file" ? e.file.name : e.name, w = e.source === "url" ? (e.type ?? "").startsWith("image/") || I.test(e.name) : e.file.type.startsWith("image/"), n = e.source === "file" ? e.file : e.url, U = f.useMemo(() => o ? "disabled" : c ? "error" : typeof t == "number" && t > 0 ? "loading" : "default", [o, c, t]), u = f.useMemo(() => {
-    if (w)
-      return typeof n == "string" ? n : URL.createObjectURL(n);
-  }, [w, n]);
-  return f.useEffect(() => y(!1), [n]), /* @__PURE__ */ p("li", { className: "flex flex-col gap-sm", children: [
-    /* @__PURE__ */ p(
+    note: c,
+    error: s,
+    onDelete: g,
+    onError: z
+  } = e, m = O(), [v, y] = f.useState(!1), w = e.source === "file" ? e.file.name : e.name, p = e.source === "url" ? (e.type ?? "").startsWith("image/") || S.test(e.name) : e.file.type.startsWith("image/"), E = e.source === "url" ? U.includes(e.type ?? "") || k.test(e.name) : U.includes(e.file.type) || k.test(e.file.name), r = e.source === "file" ? e.file : e.url, L = f.useMemo(() => o ? "disabled" : s ? "error" : typeof i == "number" && i > 0 ? "loading" : "default", [o, s, i]), u = f.useMemo(() => {
+    if (p)
+      return typeof r == "string" ? r : URL.createObjectURL(r);
+  }, [p, r]);
+  return f.useEffect(() => y(!1), [r]), /* @__PURE__ */ b("li", { className: "flex flex-col gap-sm", children: [
+    /* @__PURE__ */ b(
       "div",
       {
         className: l(
-          O({
-            variant: U,
-            size: r
+          D({
+            variant: L,
+            size: n
           })
         ),
         children: [
-          u && !g && /* @__PURE__ */ i(
+          u && !v && /* @__PURE__ */ t(
             "img",
             {
               src: u,
-              alt: v,
+              alt: w,
               width: 24,
               height: 24,
               onError: () => y(!0),
@@ -105,32 +118,43 @@ const E = (e, a, t) => {
               })
             }
           ),
-          u && g && /* @__PURE__ */ i(
+          u && v && /* @__PURE__ */ t(
+            T,
+            {
+              className: l(
+                "size-icon-medium shrink-0 text-comp-file-upload-icon-def-secondary",
+                {
+                  "opacity-50": o
+                }
+              )
+            }
+          ),
+          !p && E && /* @__PURE__ */ t(
             B,
             {
               className: l(
-                "text-icon-dark-secondary size-icon-medium shrink-0",
+                "size-icon-medium shrink-0 text-comp-file-upload-icon-def-secondary",
                 {
                   "opacity-50": o
                 }
               )
             }
           ),
-          /* @__PURE__ */ i(
-            b,
+          /* @__PURE__ */ t(
+            x,
             {
               className: "flex-grow truncate",
               component: "span",
               size: "sm",
               fixY: !0,
-              children: v
+              children: w
             }
           ),
-          !a && /* @__PURE__ */ i(
+          !a && /* @__PURE__ */ t(
             "button",
             {
               disabled: o,
-              onClick: x,
+              onClick: g,
               "aria-label": m.fileUpload.deleteButtonAriaLabel,
               className: l(
                 h,
@@ -139,11 +163,11 @@ const E = (e, a, t) => {
                 "focus-visible:text-comp-file-upload-icon-def-focused",
                 "disabled:text-comp-file-upload-icon-def-disabled"
               ),
-              children: /* @__PURE__ */ i(C, { className: "size-icon-medium" })
+              children: /* @__PURE__ */ t(M, { className: "size-icon-medium" })
             }
           ),
-          a && /* @__PURE__ */ p("div", { className: "flex gap-xl", children: [
-            /* @__PURE__ */ i(
+          a && /* @__PURE__ */ b("div", { className: "flex gap-xl", children: [
+            /* @__PURE__ */ t(
               "button",
               {
                 disabled: o,
@@ -160,9 +184,9 @@ const E = (e, a, t) => {
                     );
                   } catch {
                   }
-                })() : E(
+                })() : j(
                   e.file,
-                  k,
+                  z,
                   m.fileUpload.downloadError
                 ),
                 "aria-label": m.fileUpload.downloadButtonAriaLabel,
@@ -173,14 +197,14 @@ const E = (e, a, t) => {
                   "focus-visible:text-comp-file-upload-icon-brand-focused",
                   "disabled:text-comp-file-upload-icon-brand-disabled"
                 ),
-                children: /* @__PURE__ */ i(R, { className: "size-icon-medium" })
+                children: /* @__PURE__ */ t(I, { className: "size-icon-medium" })
               }
             ),
-            !d && /* @__PURE__ */ i(
+            !d && /* @__PURE__ */ t(
               "button",
               {
                 disabled: o,
-                onClick: x,
+                onClick: g,
                 "aria-label": m.fileUpload.deleteButtonAriaLabel,
                 className: l(
                   h,
@@ -189,44 +213,44 @@ const E = (e, a, t) => {
                   "focus-visible:text-comp-file-upload-icon-error-focused",
                   "disabled:text-comp-file-upload-icon-error-disabled"
                 ),
-                children: /* @__PURE__ */ i(j, { className: "size-icon-medium" })
+                children: /* @__PURE__ */ t(R, { className: "size-icon-medium" })
               }
             )
           ] }),
-          typeof t == "number" && t !== 0 && /* @__PURE__ */ i(
+          typeof i == "number" && i !== 0 && /* @__PURE__ */ t(
             "div",
             {
-              style: { width: `${t}%` },
+              style: { width: `${i}%` },
               className: "absolute bottom-0 left-0 min-h-[3px] bg-comp-file-upload-icon-brand-def transition-[width] duration-300 ease-out"
             }
           )
         ]
       }
     ),
-    s && /* @__PURE__ */ i(
-      b,
+    c && /* @__PURE__ */ t(
+      x,
       {
         size: "sm",
         component: "span",
         variant: "body",
         weight: "regular",
         className: "text-comp-input-text-secondary",
-        children: s
+        children: c
       }
     ),
-    c && /* @__PURE__ */ i(
-      b,
+    s && /* @__PURE__ */ t(
+      x,
       {
         size: "sm",
         component: "span",
         variant: "body",
         weight: "regular",
         className: "text-comp-input-text-error",
-        children: c
+        children: s
       }
     )
   ] });
 };
 export {
-  G as FileItem
+  W as FileItem
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkzstudio/muza-ui",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",