@vkzstudio/muza-ui 1.0.40 → 1.0.42

package/dist/components/Accordion/Accordion.js

@@ -30,21 +30,21 @@ const v = g("relative w-full transition-colors", {
     variant: {
       default: "pt-md",
       branded: "pt-2xl text-text-brand-def",
-      settings: "p-comp-accordion-settings-p"
+      settings: "p-comp-accordion-settings-p pt-comp-accordion-settings-p-top"
     }
   },
   defaultVariants: { variant: "default" }
 }), y = d.createContext({
   variant: "default"
-}), u = () => d.useContext(y), l = d.createContext({
+}), m = () => d.useContext(y), l = d.createContext({
   isStatic: !1
 }), k = () => d.useContext(l), j = ({
   className: e,
-  variant: r,
+  variant: o,
   ...a
 }) => {
-  const o = r ?? (a.type === "single" ? "branded" : "default");
-  return /* @__PURE__ */ t(y.Provider, { value: { variant: o }, children: /* @__PURE__ */ t(
+  const r = o ?? (a.type === "single" ? "branded" : "default");
+  return /* @__PURE__ */ t(y.Provider, { value: { variant: r }, children: /* @__PURE__ */ t(
     c.Root,
     {
       "data-slot": "accordion",
@@ -54,22 +54,22 @@ const v = g("relative w-full transition-colors", {
   ) });
 }, R = ({
   className: e,
-  children: r,
+  children: o,
   clickableContent: a = !0,
-  static: o,
+  static: r,
   value: i,
   disabled: A,
-  ...m
+  ...u
 }) => {
-  const { variant: f } = u(), p = d.useRef(null);
-  return o ? /* @__PURE__ */ t(l.Provider, { value: { isStatic: !0 }, children: /* @__PURE__ */ t(
+  const { variant: f } = m(), p = d.useRef(null);
+  return r ? /* @__PURE__ */ t(l.Provider, { value: { isStatic: !0 }, children: /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "accordion-item",
       "data-state": "open",
       className: n(v({ variant: f }), e),
-      ...m,
-      children: r
+      ...u,
+      children: o
     }
   ) }) : /* @__PURE__ */ t(l.Provider, { value: { isStatic: !1 }, children: /* @__PURE__ */ t(
     c.Item,
@@ -90,48 +90,48 @@ const v = g("relative w-full transition-colors", {
         );
         s && !s.contains(C.target) && s.click();
       } : void 0,
-      ...m,
-      children: r
+      ...u,
+      children: o
     }
   ) });
 }, z = ({
   className: e,
-  children: r,
+  children: o,
   ...a
 }) => {
-  const { variant: o } = u(), { isStatic: i } = k();
+  const { variant: r } = m(), { isStatic: i } = k();
   return i ? /* @__PURE__ */ t("div", { className: "flex", ...a, children: /* @__PURE__ */ t(
     "div",
     {
       className: n(
-        x({ variant: o }),
+        x({ variant: r }),
         "cursor-default",
         e
       ),
-      children: r
+      children: o
     }
   ) }) : /* @__PURE__ */ t(c.Header, { className: "flex", ...a, children: /* @__PURE__ */ w(
     c.Trigger,
     {
       "data-slot": "accordion-trigger",
-      className: n(x({ variant: o }), e),
+      className: n(x({ variant: r }), e),
       children: [
-        r,
+        o,
         /* @__PURE__ */ t(N, { className: "size-comp-accordion-ico-size-md shrink-0 text-comp-select-icon-brand-def transition-transform duration-300 group-data-[disabled]:text-icon-dark-tertiary" })
       ]
     }
   ) });
 }, H = ({
   className: e,
-  children: r,
+  children: o,
   ...a
 }) => {
-  const { variant: o } = u(), { isStatic: i } = k();
+  const { variant: r } = m(), { isStatic: i } = k();
   return i ? /* @__PURE__ */ t("div", { "data-slot": "accordion-content", ...a, children: /* @__PURE__ */ t(
     "div",
     {
-      className: n(h({ variant: o }), e),
-      children: r
+      className: n(h({ variant: r }), e),
+      children: o
     }
   ) }) : /* @__PURE__ */ t(
     c.Content,
@@ -142,8 +142,8 @@ const v = g("relative w-full transition-colors", {
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: n(h({ variant: o }), e),
-          children: r
+          className: n(h({ variant: r }), e),
+          children: o
         }
       )
     }

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { DateRange } from 'react-day-picker';
 import { CalendarBaseProps } from '../Calendar';
+import { PopoverContentProps } from '../Popover/Popover';
 import { Presets } from './utils/getDateRange';
 /**
  * Props for the DatePicker component.
@@ -64,6 +65,17 @@ export type DatePickerProps = {
     side?: 'top' | 'right' | 'bottom' | 'left';
     /** Prevents the popover from overflowing viewport boundaries. @default true */
     avoidCollisions?: boolean;
+    /**
+     * Additional props forwarded to the underlying {@link PopoverContent}.
+     * Use for fine-tuning positioning (`sideOffset`, `alignOffset`, `sticky`,
+     * `hideWhenDetached`) or intercepting Radix events (`onOpenAutoFocus`,
+     * `onCloseAutoFocus`, `onEscapeKeyDown`, `onPointerDownOutside`, etc.).
+     *
+     * Props already exposed on DatePicker (`align` via `alignCalendar`, `side`,
+     * `avoidCollisions`, `className` via `classNames.popoverContent`) are
+     * intentionally excluded.
+     */
+    popoverContentProps?: Omit<PopoverContentProps, 'align' | 'side' | 'avoidCollisions' | 'className'>;
     /** Replaces the default Input trigger with a custom rendered element. */
     renderCustomTrigger?: () => ReactNode;
     /**

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 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 { 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 { formatDate as xt } from "../Calendar/utils/formatDate.js";
+import { formatDateRange as lt } from "../Calendar/utils/formatDateRange.js";
+import { Calendar as A } from "../Calendar/Calendar.js";
 import { cn as l } from "../../utils/cn.js";
-import { typographyVariants as lt } from "../Typography/Typography.js";
-import { CalendarBold as yt } from "@solar-icons/react-perf";
-const vt = ot(
+import { typographyVariants as yt } from "../Typography/Typography.js";
+import { CalendarBold as mt } from "@solar-icons/react-perf";
+const vt = et(
   ({
     alignCalendar: G,
     mode: y,
-    allowedPresets: v,
+    allowedPresets: m,
     dateFormatter: H,
     value: e,
     defaultValue: b,
@@ -31,39 +31,40 @@ const vt = ot(
     placeholder: Q,
     avoidCollisions: T = !0,
     side: U = "bottom",
+    popoverContentProps: W,
     renderCustomTrigger: S,
     immediateCommit: f,
     allowOneDayRange: B,
     shouldResetToDefaultValue: I,
     required: x,
-    disableRequiredAsterisk: W,
-    numberOfMonths: X,
-    hideNavigation: Z,
-    hideCaption: _,
-    hideWeekdays: $,
-    showOutsideDays: V,
-    hideBottomText: q,
-    hideResetButton: w,
-    hideBottomBar: O,
-    ...g
-  }, a) => {
-    const N = it(), h = ft(), [C, M] = k(!1), P = typeof s == "boolean" ? s : C, [F, p] = k(
+    disableRequiredAsterisk: X,
+    numberOfMonths: Z,
+    hideNavigation: _,
+    hideCaption: $,
+    hideWeekdays: V,
+    showOutsideDays: q,
+    hideBottomText: w,
+    hideResetButton: O,
+    hideBottomBar: g,
+    ...a
+  }, N) => {
+    const h = ft(), C = ct(), [tt, M] = k(!1), P = typeof s == "boolean" ? s : tt, [j, c] = k(
       e ?? b
-    ), [i, u] = k(e ?? b), j = E(!1), m = E(
+    ), [i, u] = k(e ?? b), z = Y(!1), v = Y(
       e ?? b
     );
-    et(() => {
-      if (!j.current) {
-        j.current = !0;
+    it(() => {
+      if (!z.current) {
+        z.current = !0;
         return;
       }
-      p(e), u(e), P || (m.current = e);
+      c(e), u(e), P || (v.current = e);
     }, [e]);
-    const tt = v == null ? void 0 : v.map((t) => /* @__PURE__ */ n(
+    const rt = m == null ? void 0 : m.map((t) => /* @__PURE__ */ n(
       "button",
       {
         className: l(
-          lt({
+          yt({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -76,41 +77,41 @@ const vt = ot(
           o == null ? void 0 : o.leftPanelButton
         ),
         onClick: () => {
-          const c = dt(t.type);
-          u(c), f && (p(c), r == null || r(c));
+          const p = ut(t.type);
+          u(p), f && (c(p), r == null || r(p));
         },
         children: t.name
       },
       t.type
-    )), 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,
+    )), D = H ?? (y === "single" ? xt : lt), F = f ? e !== void 0 ? e : i : j, E = {
+      ...a,
+      numberOfMonths: Z ?? (h ? 2 : 1),
+      hideNavigation: _,
+      hideCaption: $,
+      hideWeekdays: V,
+      showOutsideDays: q,
+      hideBottomText: w,
+      hideResetButton: O,
+      hideBottomBar: f ? g : void 0,
       required: x,
       onReset: () => {
-        const t = I ? b : f ? m.current : F;
-        u(t), f && (p(t), r == null || r(t));
+        const t = I ? b : f ? v.current : j;
+        u(t), f && (c(t), r == null || r(t));
       },
       onConfirm: () => {
-        f ? p(i) : (i !== void 0 || I || x === !1) && (p(i), r == null || r(i)), s === void 0 && M(!1), d == null || d(!1);
+        f ? c(i) : (i !== void 0 || I || x === !1) && (c(i), r == null || r(i)), s === void 0 && M(!1), d == null || d(!1);
       }
     };
-    return /* @__PURE__ */ rt(
+    return /* @__PURE__ */ ot(
       pt,
       {
         open: P,
         onOpenChange: (t) => {
-          t && (m.current = e ?? i), s === void 0 && M(t), d == null || d(t);
+          t && (v.current = e ?? i), s === void 0 && M(t), d == null || d(t);
         },
         children: [
           /* @__PURE__ */ n(
-            ct,
+            nt,
             {
               className: l(
                 "group cursor-pointer rounded-full text-left outline-0",
@@ -118,10 +119,10 @@ const vt = ot(
               ),
               disabled: R,
               children: S ? S() : /* @__PURE__ */ n(
-                bt,
+                st,
                 {
-                  ref: a,
-                  value: z ? D(z) : "",
+                  ref: N,
+                  value: F ? D(F) : "",
                   placeholder: Q,
                   error: J,
                   disabled: R,
@@ -129,52 +130,52 @@ const vt = ot(
                   hint: K,
                   tabIndex: -1,
                   required: x,
-                  disableRequiredAsterisk: W,
+                  disableRequiredAsterisk: X,
                   className: l(
                     "pointer-events-none",
                     o == null ? void 0 : o.input,
                     "group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
                   ),
-                  suffix: /* @__PURE__ */ n(yt, { className: "size-icon-medium text-icon-dark-secondary-def" })
+                  suffix: /* @__PURE__ */ n(mt, { className: "size-icon-medium text-icon-dark-secondary-def" })
                 }
               )
             }
           ),
           /* @__PURE__ */ n(
-            nt,
+            dt,
             {
+              ...W,
               className: l("flex w-auto p-0", o == null ? void 0 : o.popoverContent),
               align: G,
               side: U,
               avoidCollisions: T,
-              onOpenAutoFocus: (t) => t.preventDefault(),
               children: y === "single" ? /* @__PURE__ */ n(
-                Y,
+                A,
                 {
-                  ...A,
+                  ...E,
                   mode: "single",
                   selected: i,
                   onSelect: f ? (t) => {
-                    u(t), p(t), r == null || r(t);
+                    u(t), c(t), r == null || r(t);
                   } : u,
                   dateFormatter: D
                 }
               ) : /* @__PURE__ */ n(
-                Y,
+                A,
                 {
-                  ...A,
+                  ...E,
                   mode: "range",
                   min: B ? 1 : void 0,
                   selected: i,
                   onSelect: (t) => {
-                    const c = B ? ut(
+                    const p = B ? bt(
                       i,
                       t,
                       x
                     ) : t;
-                    u(c), f && (p(c), r == null || r(c));
+                    u(p), f && (c(p), r == null || r(p));
                   },
-                  leftPanelChildren: y === "range" && !h && tt,
+                  leftPanelChildren: y === "range" && !C && rt,
                   dateRangeFormatter: D
                 }
               )

package/dist/components/Flex/Flex.d.ts

@@ -2,23 +2,23 @@ import { VariantProps } from 'class-variance-authority';
 import { SpacingProps } from '../../utils/spacing';
 import * as React from 'react';
 declare const flexVariants: (props?: ({
-    gap?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    gapX?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    gapY?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    p?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    px?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    py?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    pt?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    pr?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    pb?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    pl?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    m?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    mx?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    my?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    mt?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    mr?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    mb?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    ml?: "none" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    gap?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    gapX?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    gapY?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    p?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    px?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    py?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pt?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pr?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pb?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pl?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    m?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mx?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    my?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mt?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mr?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mb?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    ml?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
     justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | "stretch" | null | undefined;

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -19,6 +19,8 @@ export interface IMultiSelectProps {
     prefix?: ReactNode;
     /** Placeholder text shown when no options are selected. @default translations.select.placeholder */
     placeholder?: string;
+    /** Text shown inside the dropdown when `options` is empty. @default translations.select.noOptions */
+    emptyMessage?: string;
     /** Controls height and padding. @default 'base' */
     size?: 'xs' | 'sm' | 'base' | 'lg';
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAgBd;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;OASG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6FAiNvB,CAAA"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAgBd;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;OASG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6FAkOvB,CAAA"}