mainstack-design-system 1.16.2 → 1.16.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),U=require("react"),f=require("./utils-s-0cOrOT.cjs"),w=require("./mainstack-design-system629.cjs"),C=require("./mainstack-design-system35.cjs");require("./mainstack-design-system366.cjs");const D=require("./mainstack-design-system55.cjs");require("./player-CocaNyQC.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:_,maxSize:a,maxFiles:o,onError:e,isError:z}=C.useFileUploaderContext(),x=U.useCallback(async(n,i)=>{const y=t.length,u=(o||0)-y;if(n.length>u||i.length>0){if(e){if(n.length>u||i.some(r=>r.errors.some(s=>s.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(i.some(r=>r.errors.some(s=>s.code==="file-too-large"))){const r=a?(a/1048576).toFixed(0):"0";return e(new Error(`Image size exceeds the ${r}MB limit.`))}return e(new Error("Invalid image type or criteria."))}return}try{const r=(await f.getFileMetadata(n)).filter(l=>!t.some(c=>c.fileName===l.fileName&&c.fileSize===l.fileSize&&c.lastModified===l.lastModified)),q=[...t,...r].slice(0,o);m(q)}catch(d){e&&e(d)}},[m,e,t,o,a]);return p.jsxs(w.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:f.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:data-[active-preview=true]:overflow-hidden mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-neutral mds:active:ring-2 mds:active:ring-border-interactive-neutral-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",z&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",b),onDrop:x,accept:_,maxFiles:o,maxSize:a,asChild:!0,...h,children:[p.jsx(D,{variant:"filled"}),v]})};g.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),U=require("react"),f=require("./utils-s-0cOrOT.cjs"),w=require("./mainstack-design-system629.cjs"),F=require("./mainstack-design-system35.cjs");require("./mainstack-design-system366.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-CocaNyQC.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:_,maxSize:s,maxFiles:o,onError:e,isError:z}=F.useFileUploaderContext(),x=U.useCallback(async(n,i)=>{const y=t.length,u=(o||0)-y;if(n.length>u||i.length>0){if(e){if(n.length>u||i.some(r=>r.errors.some(a=>a.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(i.some(r=>r.errors.some(a=>a.code==="file-too-large"))){const r=s?(s/1048576).toFixed(0):"0";return e(new Error(`File size exceeds the ${r}MB limit.`))}return e(new Error("Invalid file type or criteria."))}return}try{const r=(await f.getFileMetadata(n)).filter(l=>!t.some(c=>c.fileName===l.fileName&&c.fileSize===l.fileSize&&c.lastModified===l.lastModified)),q=[...t,...r].slice(0,o);m(q)}catch(d){e&&e(d)}},[m,e,t,o,s]);return p.jsxs(w.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:f.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:data-[active-preview=true]:overflow-hidden mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-neutral mds:active:ring-2 mds:active:ring-border-interactive-neutral-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",z&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",b),onDrop:x,accept:_,maxFiles:o,maxSize:s,asChild:!0,...h,children:[p.jsx(C,{variant:"filled"}),v]})};g.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=g;
@@ -4,7 +4,7 @@ import { a as E, c as M } from "./utils-Z5JtG_Bc.js";
4
4
  import { DropzoneUploadArea as N } from "./mainstack-design-system629.js";
5
5
  import { useFileUploaderContext as D } from "./mainstack-design-system35.js";
6
6
  import "./mainstack-design-system366.js";
7
- import I from "./mainstack-design-system55.js";
7
+ import F from "./mainstack-design-system55.js";
8
8
  import "./player-Chgv-hOU.js";
9
9
  const S = ({
10
10
  className: f,
@@ -37,17 +37,17 @@ const S = ({
37
37
  )) {
38
38
  const r = a ? (a / 1048576).toFixed(0) : "0";
39
39
  return e(
40
- new Error(`Image size exceeds the ${r}MB limit.`)
40
+ new Error(`File size exceeds the ${r}MB limit.`)
41
41
  );
42
42
  }
43
- return e(new Error("Invalid image type or criteria."));
43
+ return e(new Error("Invalid file type or criteria."));
44
44
  }
45
45
  return;
46
46
  }
47
47
  try {
48
48
  const r = (await E(i)).filter(
49
- (m) => !t.some(
50
- (l) => l.fileName === m.fileName && l.fileSize === m.fileSize && l.lastModified === m.lastModified
49
+ (l) => !t.some(
50
+ (m) => m.fileName === l.fileName && m.fileSize === l.fileSize && m.lastModified === l.lastModified
51
51
  )
52
52
  ), z = [...t, ...r].slice(0, o);
53
53
  c(z);
@@ -73,7 +73,7 @@ const S = ({
73
73
  asChild: !0,
74
74
  ...g,
75
75
  children: [
76
- /* @__PURE__ */ w(I, { variant: "filled" }),
76
+ /* @__PURE__ */ w(F, { variant: "filled" }),
77
77
  p
78
78
  ]
79
79
  }
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),t=require("react"),I=require("./utils-s-0cOrOT.cjs"),N=require("./mainstack-design-system406.cjs"),V=t.forwardRef,r=V(({as:m,className:c,size:u="md",variant:y="primary",status:g="default",rounded:z="md",disabled:n,iconOnly:b=!1,children:l,isLoading:p,...h},f)=>{const x=m||"button",o=t.Children.toArray(l),a=o[0],i=o[o.length-1],s=t.isValidElement(a)&&typeof a.type!="string"&&a.type?.displayName==="ButtonIcon",d=t.isValidElement(i)&&typeof i.type!="string"&&i.type?.displayName==="ButtonIcon",w=o.some(e=>t.isValidElement(e)&&typeof e.type!="string"&&e.type?.displayName==="ButtonLabel"),B=s&&d?"both":s?"leading":d?"trailing":"none";return R.jsx(x,{ref:f,"data-disabled":n,tabIndex:n?-1:0,"data-slot":"button-root","data-button-icon-position":B,"data-button-icon-only":b?"true":"false","data-loading":p,disabled:n||p,"data-button-size":u,className:I.cn(N.buttonVariants({size:u,variant:y,status:g,rounded:z}),"mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12","mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12","mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6","mds:data-[button-size=xs]:data-[button-icon-position=leading]:pr-14","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16","mds:data-[button-size=xs]:data-[button-icon-position=both]:px-16","mds:data-[button-size=sm]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16","mds:data-[button-size=md]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=md]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=md]:data-[button-icon-position=both]:py-12","mds:data-[button-size=md]:data-[button-icon-position=both]:px-16","mds:data-[button-size=lg]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",s&&d&&w&&"mds:pl-4 mds:pr-5",b&&["mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8","mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30","mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36","mds:data-[button-size=sm]:data-[button-icon-only=true]:w-40","mds:data-[button-size=md]:data-[button-icon-only=true]:w-48","mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"],c),...h,children:l})});r.displayName="ButtonRoot";exports.ButtonRoot=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),t=require("react"),I=require("./utils-s-0cOrOT.cjs"),N=require("./mainstack-design-system406.cjs"),V=t.forwardRef,p=V(({as:r,className:m,size:u="md",variant:y="primary",status:g="default",rounded:z="md",disabled:n,iconOnly:l=!1,children:b,isLoading:c,...f},h)=>{const x=r||"button",o=t.Children.toArray(b),a=o[0],i=o[o.length-1],s=t.isValidElement(a)&&typeof a.type!="string"&&a.type?.displayName==="ButtonIcon",d=t.isValidElement(i)&&typeof i.type!="string"&&i.type?.displayName==="ButtonIcon",w=o.some(e=>t.isValidElement(e)&&typeof e.type!="string"&&e.type?.displayName==="ButtonLabel"),B=s&&d?"both":s?"leading":d?"trailing":"none";return R.jsx(x,{ref:h,"data-disabled":n,tabIndex:n?-1:0,"data-slot":"button-root","data-button-icon-position":B,"data-button-icon-only":l?"true":"false","data-loading":c,disabled:n||c,"data-button-size":u,className:I.cn(N.buttonVariants({size:u,variant:y,status:g,rounded:z}),"mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12","mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12","mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6","mds:data-[button-size=xs]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-14","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pr-16","mds:data-[button-size=xs]:data-[button-icon-position=both]:data-[button-icon-only=false]:px-16","mds:data-[button-size=sm]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24","mds:data-[button-size=sm]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24","mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16","mds:data-[button-size=md]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24","mds:data-[button-size=md]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24","mds:data-[button-size=md]:data-[button-icon-position=both]:py-12","mds:data-[button-size=md]:data-[button-icon-position=both]:px-16","mds:data-[button-size=lg]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24","mds:data-[button-size=lg]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24","mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",s&&d&&w&&"mds:pl-4 mds:pr-5",l&&["mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8","mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30","mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36","mds:data-[button-size=sm]:data-[button-icon-only=true]:w-40","mds:data-[button-size=md]:data-[button-icon-only=true]:w-48","mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"],m),...f,children:b})});p.displayName="ButtonRoot";exports.ButtonRoot=p;
@@ -4,54 +4,54 @@ import { c as I } from "./utils-Z5JtG_Bc.js";
4
4
  import { buttonVariants as N } from "./mainstack-design-system406.js";
5
5
  const R = B, C = R(
6
6
  ({
7
- as: l,
8
- className: r,
7
+ as: m,
8
+ className: c,
9
9
  size: u = "md",
10
- variant: c = "primary",
10
+ variant: r = "primary",
11
11
  status: y = "default",
12
- rounded: g = "md",
12
+ rounded: f = "md",
13
13
  disabled: n,
14
- iconOnly: b = !1,
15
- children: p,
16
- isLoading: m,
17
- ...z
18
- }, f) => {
19
- const h = l || "button", t = o.Children.toArray(p), a = t[0], i = t[t.length - 1], s = o.isValidElement(a) && typeof a.type != "string" && a.type?.displayName === "ButtonIcon", d = o.isValidElement(i) && typeof i.type != "string" && i.type?.displayName === "ButtonIcon", x = t.some(
14
+ iconOnly: l = !1,
15
+ children: b,
16
+ isLoading: p,
17
+ ...g
18
+ }, z) => {
19
+ const h = m || "button", t = o.Children.toArray(b), a = t[0], i = t[t.length - 1], s = o.isValidElement(a) && typeof a.type != "string" && a.type?.displayName === "ButtonIcon", d = o.isValidElement(i) && typeof i.type != "string" && i.type?.displayName === "ButtonIcon", x = t.some(
20
20
  (e) => o.isValidElement(e) && typeof e.type != "string" && e.type?.displayName === "ButtonLabel"
21
21
  );
22
22
  return /* @__PURE__ */ w(
23
23
  h,
24
24
  {
25
- ref: f,
25
+ ref: z,
26
26
  "data-disabled": n,
27
27
  tabIndex: n ? -1 : 0,
28
28
  "data-slot": "button-root",
29
29
  "data-button-icon-position": s && d ? "both" : s ? "leading" : d ? "trailing" : "none",
30
- "data-button-icon-only": b ? "true" : "false",
31
- "data-loading": m,
32
- disabled: n || m,
30
+ "data-button-icon-only": l ? "true" : "false",
31
+ "data-loading": p,
32
+ disabled: n || p,
33
33
  "data-button-size": u,
34
34
  className: I(
35
- N({ size: u, variant: c, status: y, rounded: g }),
35
+ N({ size: u, variant: r, status: y, rounded: f }),
36
36
  "mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12",
37
37
  "mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12",
38
38
  "mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6",
39
- "mds:data-[button-size=xs]:data-[button-icon-position=leading]:pr-14",
40
- "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24",
41
- "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16",
42
- "mds:data-[button-size=xs]:data-[button-icon-position=both]:px-16",
43
- "mds:data-[button-size=sm]:data-[button-icon-position=leading]:pr-24",
44
- "mds:data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24",
39
+ "mds:data-[button-size=xs]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-14",
40
+ "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24",
41
+ "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pr-16",
42
+ "mds:data-[button-size=xs]:data-[button-icon-position=both]:data-[button-icon-only=false]:px-16",
43
+ "mds:data-[button-size=sm]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24",
44
+ "mds:data-[button-size=sm]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24",
45
45
  "mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16",
46
- "mds:data-[button-size=md]:data-[button-icon-position=leading]:pr-24",
47
- "mds:data-[button-size=md]:data-[button-icon-position=trailing]:pl-24",
46
+ "mds:data-[button-size=md]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24",
47
+ "mds:data-[button-size=md]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24",
48
48
  "mds:data-[button-size=md]:data-[button-icon-position=both]:py-12",
49
49
  "mds:data-[button-size=md]:data-[button-icon-position=both]:px-16",
50
- "mds:data-[button-size=lg]:data-[button-icon-position=leading]:pr-24",
51
- "mds:data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24",
50
+ "mds:data-[button-size=lg]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24",
51
+ "mds:data-[button-size=lg]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24",
52
52
  "mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",
53
53
  s && d && x && "mds:pl-4 mds:pr-5",
54
- b && [
54
+ l && [
55
55
  "mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8",
56
56
  "mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30",
57
57
  "mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36",
@@ -59,10 +59,10 @@ const R = B, C = R(
59
59
  "mds:data-[button-size=md]:data-[button-icon-only=true]:w-48",
60
60
  "mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"
61
61
  ],
62
- r
62
+ c
63
63
  ),
64
- ...z,
65
- children: p
64
+ ...g,
65
+ children: b
66
66
  }
67
67
  );
68
68
  }
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),u=require("./utils-s-0cOrOT.cjs"),i=require("./mainstack-design-system397.cjs"),o=a.forwardRef(({className:r,children:e,...n},s)=>e||t.jsx("span",{className:" mds:animate-pulse-wiggle",children:t.jsx(i.Spinner,{ref:s,"data-slot":"button-loader",className:u.cn("mds:hidden mds:group-data-[loading=true]/buttonroot:block ",r),...n})}));o.displayName="ButtonLoader";exports.ButtonLoader=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),u=require("./utils-s-0cOrOT.cjs"),i=require("./mainstack-design-system397.cjs"),o=a.forwardRef(({className:r,children:e,...n},s)=>e||t.jsx("span",{className:"mds:hidden mds:group-data-[loading=true]/buttonroot:block mds:animate-pulse-wiggle",children:t.jsx(i.Spinner,{ref:s,"data-slot":"button-loader",className:u.cn(r),...n})}));o.displayName="ButtonLoader";exports.ButtonLoader=o;
@@ -3,15 +3,12 @@ import { forwardRef as m } from "react";
3
3
  import { c as n } from "./utils-Z5JtG_Bc.js";
4
4
  import { Spinner as s } from "./mainstack-design-system397.js";
5
5
  const d = m(
6
- ({ className: t, children: o, ...a }, e) => o || /* @__PURE__ */ r("span", { className: " mds:animate-pulse-wiggle", children: /* @__PURE__ */ r(
6
+ ({ className: t, children: o, ...a }, e) => o || /* @__PURE__ */ r("span", { className: "mds:hidden mds:group-data-[loading=true]/buttonroot:block mds:animate-pulse-wiggle", children: /* @__PURE__ */ r(
7
7
  s,
8
8
  {
9
9
  ref: e,
10
10
  "data-slot": "button-loader",
11
- className: n(
12
- "mds:hidden mds:group-data-[loading=true]/buttonroot:block ",
13
- t
14
- ),
11
+ className: n(t),
15
12
  ...a
16
13
  }
17
14
  ) })
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),r=require("./utils-s-0cOrOT.cjs"),p=require("./mainstack-design-system624.cjs"),l=require("./index-BgzojN8c.cjs"),n=d.forwardRef(({onOptionOpenChange:a,searchCountry:t,activeCountry:i,countryList:o,onSetActiveCountry:c,getCountryMetaInfo:u,className:x,...b},f)=>{const m=d.useMemo(()=>t?o.filter(s=>r.countriesEnglishNames[s].toLowerCase().includes(t.toLowerCase())):o,[t,o]);return e.jsxs(l.ScrollArea,{style:{"--scrollbar-size":"8px"},className:r.cn("mds:flex mds:flex-col mds:max-h-188",x),"data-slot":"phone-number-options-list",ref:f,...b,children:[e.jsx(l.ScrollAreaViewport,{className:"mds:h-full mds:pr-8 mds:w-full",children:e.jsx("div",{"data-slot":"phone-number-options-list-inner",className:r.cn("mds:flex mds:flex-col mds:gap-8"),children:m.length?m.map(s=>e.jsxs("button",{role:"option","aria-selected":s===i,onClick:()=>{c(s),a(!1)},className:"mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",children:[e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:p.getCountryFlagComp(s)}),e.jsx("p",{className:r.cn("mds:body-extrasmall-medium","mds:text-primary"),children:r.countriesEnglishNames[s]})]}),e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:u(s)})]},s)):e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-tertiary mds:text-center"),children:"No option found"})})}),e.jsx(l.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",children:e.jsx(l.ScrollAreaThumb,{className:r.cn("mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2 mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),e.jsx(l.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})});n.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),r=require("./utils-s-0cOrOT.cjs"),p=require("./mainstack-design-system624.cjs"),l=require("./index-BgzojN8c.cjs"),n=d.forwardRef(({onOptionOpenChange:a,searchCountry:t,activeCountry:i,countryList:o,onSetActiveCountry:c,getCountryMetaInfo:u,className:x,...b},f)=>{const m=d.useMemo(()=>t?o.filter(s=>(r.countriesEnglishNames[s]||"")?.toLowerCase().includes(t?.toLowerCase())):o,[t,o]);return e.jsxs(l.ScrollArea,{style:{"--scrollbar-size":"8px"},className:r.cn("mds:flex mds:flex-col mds:max-h-188",x),"data-slot":"phone-number-options-list",ref:f,...b,children:[e.jsx(l.ScrollAreaViewport,{className:"mds:h-full mds:pr-8 mds:w-full",children:e.jsx("div",{"data-slot":"phone-number-options-list-inner",className:r.cn("mds:flex mds:flex-col mds:gap-8"),children:m.length?m.map(s=>e.jsxs("button",{role:"option","aria-selected":s===i,onClick:()=>{c(s),a(!1)},className:"mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",children:[e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:p.getCountryFlagComp(s)}),e.jsx("p",{className:r.cn("mds:body-extrasmall-medium","mds:text-primary"),children:r.countriesEnglishNames[s]})]}),e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:u(s)})]},s)):e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-tertiary mds:text-center"),children:"No option found"})})}),e.jsx(l.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",children:e.jsx(l.ScrollAreaThumb,{className:r.cn("mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2 mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),e.jsx(l.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})});n.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=n;
@@ -2,21 +2,19 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
2
2
  import { forwardRef as u, useMemo as h } from "react";
3
3
  import { n as a, c as r } from "./utils-Z5JtG_Bc.js";
4
4
  import { getCountryFlagComp as x } from "./mainstack-design-system624.js";
5
- import { S as v, a as N, b as g, c as w, d as y } from "./index-CLUgda6x.js";
5
+ import { S as v, a as N, b as g, c as y, d as w } from "./index-CLUgda6x.js";
6
6
  const S = u(
7
7
  ({
8
8
  onOptionOpenChange: t,
9
9
  searchCountry: m,
10
- activeCountry: i,
10
+ activeCountry: n,
11
11
  countryList: l,
12
- onSetActiveCountry: n,
12
+ onSetActiveCountry: i,
13
13
  getCountryMetaInfo: c,
14
14
  className: f,
15
15
  ...p
16
16
  }, b) => {
17
- const o = h(() => m ? l.filter(
18
- (s) => a[s].toLowerCase().includes(m.toLowerCase())
19
- ) : l, [m, l]);
17
+ const o = h(() => m ? l.filter((s) => (a[s] || "")?.toLowerCase().includes(m?.toLowerCase())) : l, [m, l]);
20
18
  return /* @__PURE__ */ d(
21
19
  v,
22
20
  {
@@ -37,9 +35,9 @@ const S = u(
37
35
  "button",
38
36
  {
39
37
  role: "option",
40
- "aria-selected": s === i,
38
+ "aria-selected": s === n,
41
39
  onClick: () => {
42
- n(s), t(!1);
40
+ i(s), t(!1);
43
41
  },
44
42
  className: "mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",
45
43
  children: [
@@ -87,7 +85,7 @@ const S = u(
87
85
  orientation: "vertical",
88
86
  className: "mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",
89
87
  children: /* @__PURE__ */ e(
90
- w,
88
+ y,
91
89
  {
92
90
  className: r(
93
91
  "mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative",
@@ -97,7 +95,7 @@ const S = u(
97
95
  )
98
96
  }
99
97
  ),
100
- /* @__PURE__ */ e(y, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
98
+ /* @__PURE__ */ e(w, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
101
99
  ]
102
100
  }
103
101
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mainstack-design-system",
3
- "version": "1.16.2",
3
+ "version": "1.16.4",
4
4
  "type": "module",
5
5
  "main": "./dist/mainstack-design-system.cjs",
6
6
  "module": "./dist/mainstack-design-system.js",