@rpcbase/ui 0.219.0 → 0.220.0

package/dist/index39.js

@@ -1,9 +1,122 @@
-import t from "./index156.js";
-import { getCountryCallingCode as o } from "./index170.js";
-function n() {
-  return t(o, arguments);
+import { j as r } from "./index30.js";
+import { c as M } from "./index28.js";
+import * as p from "react";
+import { cn as E } from "./index2.js";
+const P = p.createContext(null);
+function T(t, e) {
+  if (typeof t == "function") {
+    t(e);
+    return;
+  }
+  t && typeof t == "object" && Reflect.set(t, "current", e);
+}
+const V = (t) => {
+  const e = M.c(30), n = p.useContext(P), o = n?.highlightedValue === t.data.value;
+  let l, i, c;
+  e[0] !== t.innerProps ? ({
+    onMouseMove: l,
+    className: i,
+    ...c
+  } = t.innerProps, e[0] = t.innerProps, e[1] = l, e[2] = i, e[3] = c) : (l = e[1], i = e[2], c = e[3]);
+  let f;
+  e[4] !== n?.renderOptionLabel ? (f = n?.renderOptionLabel ?? z, e[4] = n?.renderOptionLabel, e[5] = f) : f = e[5];
+  const b = f, N = p.useRef(null), {
+    innerRef: S
+  } = t;
+  let m;
+  e[6] !== S ? (m = (s) => {
+    N.current = s, T(S, s);
+  }, e[6] = S, e[7] = m) : m = e[7];
+  const j = m;
+  let g;
+  e[8] !== n?.consumeScrollBehavior || e[9] !== o ? (g = () => {
+    if (!o)
+      return;
+    const s = n?.consumeScrollBehavior, B = s ? s() : "smooth", d = N.current;
+    if (!d)
+      return;
+    const R = d.parentElement;
+    if (!R)
+      return;
+    const O = d.offsetTop, H = O + d.offsetHeight, w = R.scrollTop, L = w + R.clientHeight;
+    O >= w && H <= L || d.scrollIntoView({
+      block: "nearest",
+      behavior: B
+    });
+  }, e[8] = n?.consumeScrollBehavior, e[9] = o, e[10] = g) : g = e[10];
+  let h;
+  e[11] !== n || e[12] !== o ? (h = [n, o], e[11] = n, e[12] = o, e[13] = h) : h = e[13], p.useEffect(g, h);
+  let x;
+  e[14] !== n || e[15] !== l || e[16] !== t.data ? (x = (s) => {
+    l?.(s), n?.setHighlightedOption(t.data);
+  }, e[14] = n, e[15] = l, e[16] = t.data, e[17] = x) : x = e[17];
+  const y = x, C = o ? "bg-muted text-foreground" : "text-foreground hover:bg-muted";
+  let a;
+  e[18] !== i || e[19] !== C ? (a = E("flex cursor-pointer items-center justify-between gap-3 px-3 py-2 text-sm", i, C), e[18] = i, e[19] = C, e[20] = a) : a = e[20];
+  let u;
+  e[21] !== t.data || e[22] !== b ? (u = b(t.data), e[21] = t.data, e[22] = b, e[23] = u) : u = e[23];
+  let v;
+  return e[24] !== j || e[25] !== y || e[26] !== c || e[27] !== a || e[28] !== u ? (v = /* @__PURE__ */ r.jsx("div", { ref: j, ...c, onMouseMove: y, className: a, children: u }), e[24] = j, e[25] = y, e[26] = c, e[27] = a, e[28] = u, e[29] = v) : v = e[29], v;
+}, $ = {
+  control: () => ({
+    display: "none"
+  }),
+  menu: (t) => ({
+    ...t,
+    marginTop: 4,
+    borderRadius: "var(--radius)",
+    boxShadow: "0 18px 36px rgba(15, 23, 42, 0.18)",
+    backgroundColor: "hsl(var(--popover))",
+    overflow: "hidden",
+    zIndex: 20
+  }),
+  menuList: (t) => ({
+    ...t,
+    maxHeight: 240,
+    padding: 0
+  }),
+  option: (t, e) => ({
+    ...t,
+    fontSize: "0.875rem",
+    backgroundColor: e.isFocused ? "hsl(var(--muted))" : e.isSelected ? "hsl(var(--accent))" : "transparent",
+    color: e.isSelected ? "hsl(var(--accent-foreground))" : "hsl(var(--foreground))",
+    cursor: "pointer"
+  }),
+  noOptionsMessage: (t) => ({
+    ...t,
+    fontSize: "0.875rem",
+    color: "hsl(var(--muted-foreground))"
+  })
+}, A = (t) => {
+  const e = M.c(3);
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    display: "none"
+  }, e[0] = n) : n = e[0];
+  let o;
+  return e[1] !== t.children ? (o = /* @__PURE__ */ r.jsx("div", { style: n, children: t.children }), e[1] = t.children, e[2] = o) : o = e[2], o;
+}, q = () => null;
+function k(t) {
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+      t.flag ? /* @__PURE__ */ r.jsx("span", { "aria-hidden": "true", className: "text-lg leading-none", children: t.flag }) : null,
+      /* @__PURE__ */ r.jsx("span", { className: "truncate", children: t.name })
+    ] }),
+    /* @__PURE__ */ r.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+      "+",
+      t.dialCode
+    ] })
+  ] });
+}
+function z(t) {
+  return k(t);
 }
 export {
-  n as getCountryCallingCode
+  A as HiddenControl,
+  q as NullComponent,
+  P as SuggestionContext,
+  V as SuggestionOption,
+  k as formatCountryOption,
+  $ as suggestionSelectStyles
 };
 //# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../../../node_modules/libphonenumber-js/min/exports/getCountryCallingCode.js"],"sourcesContent":["import withMetadataArgument from './withMetadataArgument.js'\r\nimport { getCountryCallingCode as _getCountryCallingCode } from '../../core/index.js'\r\n\r\nexport function getCountryCallingCode() {\r\n\treturn withMetadataArgument(_getCountryCallingCode, arguments)\r\n}"],"names":["getCountryCallingCode","withMetadataArgument","_getCountryCallingCode"],"mappings":";;AAGO,SAASA,IAAwB;AACvC,SAAOC,EAAqBC,GAAwB,SAAS;AAC9D;","x_google_ignoreList":[0]}
+{"version":3,"file":"index39.js","sources":["../src/components/PhoneNumberInput/suggestions.tsx"],"sourcesContent":["import * as React from \"react\"\nimport type { CountryCode } from \"libphonenumber-js\"\nimport type { ControlProps, OptionProps, StylesConfig } from \"react-select\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport type { CountryOption } from \"./types\"\n\n\nexport type SuggestionContextValue = {\n  highlightedValue: CountryCode | null\n  setHighlightedOption: (option: CountryOption) => void\n  renderOptionLabel: (option: CountryOption) => React.ReactNode\n  consumeScrollBehavior: () => ScrollBehavior\n}\n\nexport const SuggestionContext = React.createContext<SuggestionContextValue | null>(null)\n\nfunction assignOptionRef(ref: React.Ref<HTMLDivElement> | undefined, node: HTMLDivElement | null) {\n  if (typeof ref === \"function\") {\n    ref(node)\n    return\n  }\n  if (ref && typeof ref === \"object\") {\n    Reflect.set(ref, \"current\", node)\n  }\n}\n\nexport const SuggestionOption = (props: OptionProps<CountryOption, false>) => {\n  const context = React.useContext(SuggestionContext)\n  const isActive = context?.highlightedValue === props.data.value\n  const { onMouseMove, className: receivedClassName, ...restInnerProps } = props.innerProps\n  const renderLabel =\n    context?.renderOptionLabel ?? ((option: CountryOption) => formatCountryOption(option))\n  const optionRef = React.useRef<HTMLDivElement | null>(null)\n  const { innerRef } = props\n\n  const assignRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      optionRef.current = node\n      assignOptionRef(innerRef, node)\n    },\n    [innerRef]\n  )\n\n  React.useEffect(() => {\n    if (!isActive) {\n      return\n    }\n\n    const consumeScrollBehavior = context?.consumeScrollBehavior\n    const behavior = consumeScrollBehavior ? consumeScrollBehavior() : \"smooth\"\n\n    const target = optionRef.current\n    if (!target) {\n      return\n    }\n\n    const parent = target.parentElement\n    if (!parent) {\n      return\n    }\n\n    const top = target.offsetTop\n    const bottom = top + target.offsetHeight\n    const viewTop = parent.scrollTop\n    const viewBottom = viewTop + parent.clientHeight\n\n    if (top >= viewTop && bottom <= viewBottom) {\n      return\n    }\n\n    target.scrollIntoView({\n      block: \"nearest\",\n      behavior,\n    })\n  }, [context, isActive])\n\n  const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    onMouseMove?.(event)\n    context?.setHighlightedOption(props.data)\n  }\n\n  return (\n    <div\n      ref={assignRef}\n      {...restInnerProps}\n      onMouseMove={handleMouseMove}\n      className={cn(\n        \"flex cursor-pointer items-center justify-between gap-3 px-3 py-2 text-sm\",\n        receivedClassName,\n        isActive ? \"bg-muted text-foreground\" : \"text-foreground hover:bg-muted\"\n      )}\n    >\n      {renderLabel(props.data)}\n    </div>\n  )\n}\n\nexport const suggestionSelectStyles: StylesConfig<CountryOption, false> = {\n  control: () => ({\n    display: \"none\",\n  }),\n  menu: (provided) => ({\n    ...provided,\n    marginTop: 4,\n    borderRadius: \"var(--radius)\",\n    boxShadow: \"0 18px 36px rgba(15, 23, 42, 0.18)\",\n    backgroundColor: \"hsl(var(--popover))\",\n    overflow: \"hidden\",\n    zIndex: 20,\n  }),\n  menuList: (provided) => ({\n    ...provided,\n    maxHeight: 240,\n    padding: 0,\n  }),\n  option: (provided, state) => ({\n    ...provided,\n    fontSize: \"0.875rem\",\n    backgroundColor: state.isFocused\n      ? \"hsl(var(--muted))\"\n      : state.isSelected\n        ? \"hsl(var(--accent))\"\n        : \"transparent\",\n    color: state.isSelected\n      ? \"hsl(var(--accent-foreground))\"\n      : \"hsl(var(--foreground))\",\n    cursor: \"pointer\",\n  }),\n  noOptionsMessage: (provided) => ({\n    ...provided,\n    fontSize: \"0.875rem\",\n    color: \"hsl(var(--muted-foreground))\",\n  }),\n}\n\nexport const HiddenControl = (props: ControlProps<CountryOption, false>) => (\n  <div style={{ display: \"none\" }}>{props.children}</div>\n)\n\nexport const NullComponent = () => null\n\nexport function formatCountryOption(option: CountryOption) {\n  return (\n    <>\n      <span className=\"flex min-w-0 items-center gap-2\">\n        {option.flag ? (\n          <span aria-hidden=\"true\" className=\"text-lg leading-none\">\n            {option.flag}\n          </span>\n        ) : null}\n        <span className=\"truncate\">{option.name}</span>\n      </span>\n      <span className=\"text-xs text-muted-foreground\">+{option.dialCode}</span>\n    </>\n  )\n}\n"],"names":["SuggestionContext","React","createContext","assignOptionRef","ref","node","Reflect","set","SuggestionOption","props","$","_c","context","useContext","isActive","highlightedValue","data","value","onMouseMove","receivedClassName","restInnerProps","innerProps","className","t0","renderOptionLabel","_temp","renderLabel","optionRef","useRef","innerRef","t1","current","assignRef","t2","consumeScrollBehavior","behavior","target","parent","parentElement","top","offsetTop","bottom","offsetHeight","viewTop","scrollTop","viewBottom","clientHeight","scrollIntoView","block","t3","useEffect","t4","event","setHighlightedOption","handleMouseMove","t5","t6","cn","t7","t8","jsx","suggestionSelectStyles","control","display","menu","provided","marginTop","borderRadius","boxShadow","backgroundColor","overflow","zIndex","menuList","maxHeight","padding","option","state","fontSize","isFocused","isSelected","color","cursor","noOptionsMessage","HiddenControl","Symbol","for","children","NullComponent","formatCountryOption","jsxs","Fragment","flag","name","dialCode"],"mappings":"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"}

package/dist/index4.js

@@ -1,5 +1,5 @@
-import { j as a } from "./index28.js";
-import { c as m } from "./index29.js";
+import { j as a } from "./index30.js";
+import { c as m } from "./index28.js";
 import { clsx as f } from "./index26.js";
 const x = (h) => {
   const e = m.c(15);