mada-design-system 0.2.6 → 0.2.7

package/index.es.d.ts

@@ -525,7 +525,7 @@ export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLA
 
 export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
 
-export declare function Carousel({ children, className, itemClassName, showDots, showArrows, loop, autoplay, autoplayInterval, containerClassName, maxDots, itemWidth, slidesToShow, showPartial, dir, }: Readonly<CustomCarouselProps>): JSX_2.Element;
+export declare function Carousel({ children, className, itemClassName, showDots, showArrows, loop, autoplay, autoplayInterval, containerClassName, maxDots, itemWidth, slidesToShow, showPartial, dir, type, }: Readonly<CustomCarouselProps>): JSX_2.Element;
 
 export declare type CarouselApi = UseEmblaCarouselType[1];
 
@@ -763,6 +763,7 @@ declare interface CustomCarouselProps {
     slidesToShow?: number;
     showPartial?: boolean;
     dir?: 'ltr' | 'rtl';
+    type?: 'single' | 'multiple';
 }
 
 export declare function DataTable<TData, TValue>({ columns, data, loading, NoDataComponent, itemsPerPage, hasPagination, onClickRow, isFirstRowSelected, ...rest }: DataTableProps<TData, TValue>): JSX_2.Element | null;
@@ -972,13 +973,22 @@ declare interface FileUploadProps {
     maxFiles?: number;
 }
 
-export declare const FilterGroup: default_2.ForwardRefExoticComponent<default_2.HtmlHTMLAttributes<HTMLDivElement> & {
+export declare const FilterGroup: default_2.ForwardRefExoticComponent<FilterGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface FilterGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Optional label for the filter group */
     label?: string;
-    onValueChange?: (value?: Value) => void;
+    /** Callback when filter values change */
+    onValueChange?: (value?: FilterValue) => void;
+    /** Callback when filters are reset */
     onValueReset?: () => void;
-} & default_2.RefAttributes<HTMLDivElement>>;
+    /** Custom label for the reset button */
+    resetButtonLabel?: string;
+    /** Additional props for the reset button */
+    resetButtonProps?: ButtonProps;
+}
 
-export declare const FilterSelect: ({ multi, data, placeholder, disabled, isLoading, rounded, size, name, defaultOpen }: FilterSelectProps) => JSX_2.Element;
+export declare const FilterSelect: default_2.MemoExoticComponent<({ multi, data, placeholder, disabled, isLoading, rounded, size, name, defaultOpen }: FilterSelectProps) => JSX_2.Element>;
 
 declare interface FilterSelectProps {
     placeholder: string;
@@ -995,6 +1005,10 @@ declare interface FilterSelectProps {
     defaultOpen?: boolean;
 }
 
+declare type FilterValue = {
+    [name: string]: string | string[];
+};
+
 export declare const Footer: ({ colors, ...props }: FooterProps) => JSX_2.Element;
 
 declare function FooterLink({ label, href, render, ...props }: FooterLinkProps): JSX_2.Element;
@@ -1083,7 +1097,7 @@ export declare const Heading: default_2.ForwardRefExoticComponent<{
     as?: AllowedElements | undefined;
     asChild?: boolean;
     children?: ReactNode;
-} & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & default_2.RefAttributes<"symbol" | "object" | "code" | "map" | "filter" | "search" | "big" | "link" | "small" | "sub" | "sup" | "stop" | "label" | "s" | "dd" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "input" | "li" | "nav" | "ol" | "p" | "span" | "svg" | "ul" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "cite" | "col" | "colgroup" | "data" | "datalist" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "ins" | "kbd" | "keygen" | "legend" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "noindex" | "noscript" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | default_2.ComponentClass<any, any> | default_2.FunctionComponent<any>>>;
+} & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & default_2.RefAttributes<"symbol" | "object" | "code" | "map" | "filter" | "search" | "big" | "link" | "small" | "sub" | "sup" | "stop" | "label" | "s" | "dd" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "input" | "li" | "nav" | "ol" | "p" | "select" | "span" | "svg" | "ul" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "cite" | "col" | "colgroup" | "data" | "datalist" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "ins" | "kbd" | "keygen" | "legend" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "noindex" | "noscript" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "source" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | default_2.ComponentClass<any, any> | default_2.FunctionComponent<any>>>;
 
 /**
  * @public
@@ -1171,7 +1185,9 @@ declare type Item = {
     render?: React_2.ReactNode;
 };
 
-export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & React_2.RefAttributes<HTMLLabelElement>>;
+export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLabelElement>>;
 
 export declare const langRegex: {
     enRegex: RegExp;
@@ -1571,6 +1587,7 @@ declare type QueryState<T> = {
 
 export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
     colors?: "primary" | "neutral" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
@@ -1968,6 +1985,10 @@ sortBy: string;
 siteLanguageText: string;
 lightMode: string;
 darkMode: string;
+showLess: string;
+showMore: string;
+noResultsFound: string;
+Clear: string;
 };
 Footer: {
 KSA: string;
@@ -2071,6 +2092,10 @@ sortBy: string;
 siteLanguageText: string;
 lightMode: string;
 darkMode: string;
+showLess: string;
+showMore: string;
+noResultsFound: string;
+Clear: string;
 };
 Footer: {
 KSA: string;
@@ -2160,7 +2185,7 @@ export declare const tabVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-declare const Text_2: default_2.ForwardRefExoticComponent<TextProps<AllowedElements_2> & default_2.RefAttributes<"symbol" | "object" | "code" | "map" | "filter" | "search" | "big" | "link" | "small" | "sub" | "sup" | "stop" | "label" | "s" | "dd" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "input" | "li" | "nav" | "ol" | "p" | "span" | "svg" | "ul" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "cite" | "col" | "colgroup" | "data" | "datalist" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "ins" | "kbd" | "keygen" | "legend" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "noindex" | "noscript" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | default_2.ComponentClass<any, any> | default_2.FunctionComponent<any>>>;
+declare const Text_2: default_2.ForwardRefExoticComponent<TextProps<AllowedElements_2> & default_2.RefAttributes<"symbol" | "object" | "code" | "map" | "filter" | "search" | "big" | "link" | "small" | "sub" | "sup" | "stop" | "label" | "s" | "dd" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "input" | "li" | "nav" | "ol" | "p" | "select" | "span" | "svg" | "ul" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "cite" | "col" | "colgroup" | "data" | "datalist" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "ins" | "kbd" | "keygen" | "legend" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "noindex" | "noscript" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "source" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | default_2.ComponentClass<any, any> | default_2.FunctionComponent<any>>>;
 export { Text_2 as Text }
 
 export declare const Textarea: React_2.ForwardRefExoticComponent<TextareaProps & React_2.RefAttributes<HTMLTextAreaElement>>;
@@ -2401,10 +2426,6 @@ export declare const useUpdateCachedData: <T>(queryClient: QueryClient) => (key:
 
 export { useWatch }
 
-declare type Value = {
-    [name: string]: string | string[];
-};
-
 declare type ValueType = string | number;
 
 export declare const Widget: React_2.ForwardRefExoticComponent<WidgetProps & React_2.RefAttributes<HTMLDivElement>>;

package/index.es10.js

@@ -1,10 +1,10 @@
-import { jsxs as a, jsx as r, Fragment as R } from "react/jsx-runtime";
-import { useVirtualizer as I } from "./index.es107.js";
+import { jsxs as o, jsx as r, Fragment as R } from "react/jsx-runtime";
+import { useVirtualizer as I } from "./index.es106.js";
 import x, { useCallback as L, useMemo as j } from "react";
-import { useToggle as B } from "./index.es98.js";
+import { useToggle as B } from "./index.es97.js";
 import { strings as E } from "./index.es91.js";
 import M from "./index.es3.js";
-import { ShouldRender as k } from "./index.es14.js";
+import { ShouldRender as S } from "./index.es14.js";
 import { Badge as P } from "./index.es20.js";
 import { Button as F } from "./index.es22.js";
 import { Checkbox as O } from "./index.es25.js";
@@ -12,36 +12,36 @@ import { Command as _, CommandInput as $, CommandList as A, CommandEmpty as G, C
 import { Popover as D, PopoverTrigger as H, PopoverContent as J } from "./index.es52.js";
 import { selectVariants as K } from "./index.es57.js";
 import { debounce as Q, cn as U } from "./index.es79.js";
-import W from "./index.es95.js";
-function hr({
+import W from "./index.es94.js";
+function fr({
   placeholder: i,
-  options: t,
-  selectedValues: n,
+  options: e,
+  selectedValues: t,
   onChange: m,
-  disabled: s,
-  size: c = "default",
-  dataTestId: l = "",
+  disabled: p,
+  size: l = "default",
+  dataTestId: c = "",
   rounded: d = "default",
-  variant: p = "outline",
+  variant: s = "outline",
   colors: u = "default",
-  isLoading: o = !1,
-  className: f,
+  isLoading: a = !1,
+  className: h,
   checkboxSize: g = "default"
 }) {
-  var S;
-  const [h, b] = B(!1), [v, C] = x.useState(""), [w, N] = x.useState(""), z = L(() => Q((e) => C(e), 300), []), y = j(() => t.filter((e) => e.label.toLowerCase().includes(v.toLowerCase())), [t, v]);
-  return /* @__PURE__ */ a(
+  var w;
+  const [f, v] = B(!1), [b, C] = x.useState(""), [k, N] = x.useState(""), z = L(() => Q((n) => C(n), 300), []), y = j(() => e.filter((n) => n.label.toLowerCase().includes(b.toLowerCase())), [e, b]);
+  return /* @__PURE__ */ o(
     D,
     {
-      open: h,
+      open: f,
       onOpenChange: () => {
-        b(), h || (N(""), C(""));
+        v(), f || (N(""), C(""));
       },
       children: [
-        /* @__PURE__ */ r(H, { asChild: !0, disabled: s, "data-testid": l, children: /* @__PURE__ */ a("button", { className: U(K({ variant: p, colors: u, size: c, rounded: d }), f), children: [
+        /* @__PURE__ */ r(H, { asChild: !0, disabled: p, "data-testid": c, children: /* @__PURE__ */ o("button", { className: U(K({ variant: s, colors: u, size: l, rounded: d }), h), children: [
           /* @__PURE__ */ r("span", { className: "shrink-0 text-body-01 text-form-field-text-placeholder ", children: i }),
-          (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ r(R, { children: (n == null ? void 0 : n.length) > 1 ? /* @__PURE__ */ r("label", { className: "flex size-space-05 shrink-0 items-center justify-center rounded-full bg-background-secondary text-caption-01", children: n.length }) : (S = t == null ? void 0 : t.filter((e) => n == null ? void 0 : n.includes(e.value))) == null ? void 0 : S.map((e) => /* @__PURE__ */ r(P, { colors: "gray", variant: "ghost", size: "sm", children: e.label }, e.value)) }),
-          o ? /* @__PURE__ */ r(M, {}) : /* @__PURE__ */ r(
+          (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ r(R, { children: (t == null ? void 0 : t.length) > 1 ? /* @__PURE__ */ r("label", { className: "ms-auto flex size-space-05 shrink-0 items-center justify-center rounded-full bg-inverted text-caption-01 text-white", children: t.length }) : (w = e == null ? void 0 : e.filter((n) => t == null ? void 0 : t.includes(n.value))) == null ? void 0 : w.map((n) => /* @__PURE__ */ r(P, { colors: "gray", variant: "ghost", size: "sm", children: n.label }, n.value)) }),
+          a ? /* @__PURE__ */ r(M, {}) : /* @__PURE__ */ r(
             W,
             {
               className: "size-[20px]  shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180",
@@ -49,87 +49,94 @@ function hr({
             }
           )
         ] }) }),
-        /* @__PURE__ */ r(J, { className: "min-h-space-07 min-w-[var(--radix-popover-trigger-width)]   p-space-00", align: "start", children: /* @__PURE__ */ a(_, { className: "w-full", shouldFilter: !1, children: [
-          /* @__PURE__ */ a("div", { className: "p-space-02", children: [
-            /* @__PURE__ */ r(k, { shouldRender: (t == null ? void 0 : t.length) > 7, children: /* @__PURE__ */ r(
-              $,
-              {
-                placeholder: i,
-                value: w,
-                onValueChange: (e) => {
-                  N(e), z()(e);
-                }
-              }
-            ) }),
-            /* @__PURE__ */ a(A, { children: [
-              /* @__PURE__ */ r(G, { children: "No results found." }),
-              /* @__PURE__ */ r(
-                X,
+        /* @__PURE__ */ r(
+          J,
+          {
+            className: "min-h-space-07 min-w-[var(--radix-popover-trigger-width)] p-space-00   max-md:max-w-[var(--radix-popper-available-width)]",
+            align: "start",
+            children: /* @__PURE__ */ o(_, { className: "w-full", shouldFilter: !1, children: [
+              /* @__PURE__ */ o("div", { className: "p-space-02", children: [
+                /* @__PURE__ */ r(S, { shouldRender: (e == null ? void 0 : e.length) > 7, children: /* @__PURE__ */ r(
+                  $,
+                  {
+                    placeholder: i,
+                    value: k,
+                    onValueChange: (n) => {
+                      N(n), z()(n);
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ o(A, { children: [
+                  /* @__PURE__ */ r(G, { children: "No results found." }),
+                  /* @__PURE__ */ r(
+                    X,
+                    {
+                      options: y,
+                      dataTestId: c,
+                      onChange: m,
+                      selectedValues: t,
+                      checkboxSize: g
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ r(S, { shouldRender: !!(t != null && t.length), children: /* @__PURE__ */ r("div", { className: "flex items-center gap-space-04 border-t border-t-border bg-background px-space-04 py-space-02", children: /* @__PURE__ */ r(
+                F,
                 {
-                  options: y,
-                  dataTestId: l,
-                  onChange: m,
-                  selectedValues: n,
-                  checkboxSize: g
+                  colors: "neutral",
+                  variant: "text",
+                  size: "sm",
+                  onClick: () => {
+                    m([]), v();
+                  },
+                  className: "flex-1",
+                  children: E.Shared.reset
                 }
-              )
+              ) }) })
             ] })
-          ] }),
-          /* @__PURE__ */ r(k, { shouldRender: !!(n != null && n.length), children: /* @__PURE__ */ r("div", { className: "flex items-center gap-space-04 border-t border-t-border bg-background px-space-04 py-space-02", children: /* @__PURE__ */ r(
-            F,
-            {
-              colors: "neutral",
-              variant: "text",
-              size: "sm",
-              onClick: () => {
-                m([]), b();
-              },
-              className: "flex-1",
-              children: E.Shared.reset
-            }
-          ) }) })
-        ] }) })
+          }
+        )
       ]
     }
   );
 }
 function X({
   options: i,
-  selectedValues: t,
-  dataTestId: n,
+  selectedValues: e,
+  dataTestId: t,
   onChange: m,
-  checkboxSize: s
+  checkboxSize: p
 }) {
   var d;
-  const c = x.useRef(null), l = I({
+  const l = x.useRef(null), c = I({
     count: i.length,
-    getScrollElement: () => c.current,
+    getScrollElement: () => l.current,
     estimateSize: () => 36,
     // Adjust based on your row height
     overscan: 10
     // Improves scroll performance
   });
-  return /* @__PURE__ */ r(T, { ref: c, className: "overflow-auto", children: (d = l.getVirtualItems()) == null ? void 0 : d.map((p, u) => {
-    const o = i[p.index], f = t == null ? void 0 : t.includes(o.value);
-    return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(T, { ref: l, className: "overflow-auto", children: (d = c.getVirtualItems()) == null ? void 0 : d.map((s, u) => {
+    const a = i[s.index], h = e == null ? void 0 : e.includes(a.value);
+    return /* @__PURE__ */ o(
       q,
       {
-        "data-testid": `${n}-${u}`,
+        "data-testid": `${t}-${u}`,
         className: "flex gap-space-02",
         onSelect: () => {
-          const g = f ? t.filter((h) => h !== o.value) : [...t, o.value];
+          const g = h ? e.filter((f) => f !== a.value) : [...e, a.value];
           m(g);
         },
         children: [
-          o.icon && /* @__PURE__ */ r(o.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ r("span", { children: o.label }),
-          /* @__PURE__ */ r(O, { className: "ms-auto", checked: f, size: s })
+          a.icon && /* @__PURE__ */ r(a.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ r("span", { children: a.label }),
+          /* @__PURE__ */ r(O, { className: "ms-auto", checked: h, size: p })
         ]
       },
-      o.value
+      a.value
     );
   }) });
 }
 export {
-  hr as MultiSelect
+  fr as MultiSelect
 };