asma-ui-core 3.107.2 → 3.107.3

package/dist/components/inputs/phone-field/CountryCodeOptions.js

@@ -1,27 +1,26 @@
 import { cn as u } from "../../../helpers/cn.js";
-import { StyledSelectItem as h } from "../select/StyledSelectItem.js";
-import { useEffect as x, useRef as N } from "react";
-import { jsx as l, jsxs as i } from "react/jsx-runtime";
-var j = ({ dataTest: o, visible: m, selectedIso2: n, activeIndex: s, optionId: r, onSelect: c, listId: d, label: f, renderFlag: p, className: b }) => {
-  const a = N(null);
-  return x(() => {
-    s !== null && a.current?.querySelector(`#${CSS.escape(r(s))}`)?.scrollIntoView({ block: "nearest" });
+import { StyledSelectItem as x } from "../select/StyledSelectItem.js";
+import { useEffect as w, useRef as b } from "react";
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+var g = ({ dataTest: o, visible: n, selectedIso2: m, activeIndex: s, optionId: t, onSelect: c, listId: f, label: d, renderFlag: p, className: h }) => {
+  const a = b(null);
+  return w(() => {
+    s !== null && a.current?.querySelector(`#${CSS.escape(t(s))}`)?.scrollIntoView({ block: "nearest" });
   }), /* @__PURE__ */ l("ul", {
     ref: a,
-    id: d,
+    id: f,
     role: "listbox",
-    "aria-label": f,
+    "aria-label": d,
     "data-testid": `${o}-listbox`,
-    className: u("m-0 min-h-0 flex-1 list-none overflow-y-auto p-0", b),
-    children: m.map((e, t) => /* @__PURE__ */ l(h, {
-      id: r(t),
-      selected: e.iso2 === n,
-      active: t === s,
+    className: u("m-0 min-h-0 flex-1 list-none overflow-y-auto p-0", "[&>li:not(:last-child)]:shadow-[inset_0_-1px_0_var(--colors-delta-200)]", h),
+    children: n.map((e, i) => /* @__PURE__ */ l(x, {
+      id: t(i),
+      selected: e.iso2 === m,
+      active: i === s,
       onClick: () => c(e.iso2),
-      className: "border-0 border-b border-solid border-delta-100",
-      children: /* @__PURE__ */ i("span", {
+      children: /* @__PURE__ */ r("span", {
         className: "flex w-full items-center justify-between gap-2",
-        children: [/* @__PURE__ */ i("span", {
+        children: [/* @__PURE__ */ r("span", {
           className: "flex min-w-0 items-center gap-2",
           children: [p?.(e.iso2, "eager"), /* @__PURE__ */ l("span", {
             className: "truncate",
@@ -36,5 +35,5 @@ var j = ({ dataTest: o, visible: m, selectedIso2: n, activeIndex: s, optionId: r
   });
 };
 export {
-  j as CountryCodeOptions
+  g as CountryCodeOptions
 };

package/dist/components/inputs/phone-field/CountryCodeSelect.js

@@ -149,7 +149,7 @@ var re = ({ dataTest: r, countries: g, value: s, onChange: A, disabled: c, selec
     anchorEl: B,
     onClose: e.dismiss,
     tabIntoContent: !1,
-    slotProps: { paper: { className: "flex max-h-80 w-80 flex-col overflow-hidden" } },
+    slotProps: { paper: { className: "flex max-h-80 w-80 flex-col overflow-hidden py-2" } },
     children: N
   })] });
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.107.2",
+    "version": "3.107.3",
     "type": "module",
     "sideEffects": [
         "**/*.css",