@rpcbase/ui 0.165.0 → 0.167.0

package/dist/index49.js

@@ -1,5 +1,94 @@
-var e = {};
+import { j as o } from "./index28.js";
+import * as a from "react";
+import { cn as C } from "./index2.js";
+const S = a.createContext(null), M = (e) => {
+  const n = a.useContext(S), c = n?.highlightedValue === e.data.value, { onMouseMove: f, className: m, ...g } = e.innerProps, h = n?.renderOptionLabel ?? ((t) => y(t)), l = a.useRef(null), { innerRef: r } = e, p = a.useCallback(
+    (t) => {
+      l.current = t, typeof r == "function" ? r(t) : r && typeof r == "object" && (r.current = t);
+    },
+    [r]
+  );
+  a.useEffect(() => {
+    if (!c)
+      return;
+    const t = n?.consumeScrollBehavior, v = t ? t() : "smooth", s = l.current;
+    if (!s)
+      return;
+    const i = s.parentElement;
+    if (!i)
+      return;
+    const u = s.offsetTop, b = u + s.offsetHeight, d = i.scrollTop, j = d + i.clientHeight;
+    u >= d && b <= j || s.scrollIntoView({
+      block: "nearest",
+      behavior: v
+    });
+  }, [n, c]);
+  const x = (t) => {
+    f?.(t), n?.setHighlightedOption(e.data);
+  };
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      ref: p,
+      ...g,
+      onMouseMove: x,
+      className: C(
+        "flex cursor-pointer items-center justify-between gap-3 px-3 py-2 text-sm",
+        m,
+        c ? "bg-muted text-foreground" : "text-foreground hover:bg-muted"
+      ),
+      children: h(e.data)
+    }
+  );
+}, R = {
+  control: () => ({
+    display: "none"
+  }),
+  menu: (e) => ({
+    ...e,
+    marginTop: 4,
+    borderRadius: "var(--radius)",
+    boxShadow: "0 18px 36px rgba(15, 23, 42, 0.18)",
+    backgroundColor: "hsl(var(--popover))",
+    overflow: "hidden",
+    zIndex: 20
+  }),
+  menuList: (e) => ({
+    ...e,
+    maxHeight: 240,
+    padding: 0
+  }),
+  option: (e, n) => ({
+    ...e,
+    fontSize: "0.875rem",
+    backgroundColor: n.isFocused ? "hsl(var(--muted))" : n.isSelected ? "hsl(var(--accent))" : "transparent",
+    color: n.isSelected ? "hsl(var(--accent-foreground))" : "hsl(var(--foreground))",
+    cursor: "pointer"
+  }),
+  noOptionsMessage: (e) => ({
+    ...e,
+    fontSize: "0.875rem",
+    color: "hsl(var(--muted-foreground))"
+  })
+}, H = (e) => /* @__PURE__ */ o.jsx("div", { style: { display: "none" }, children: e.children }), O = () => null;
+function y(e) {
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+      e.flag ? /* @__PURE__ */ o.jsx("span", { "aria-hidden": "true", className: "text-lg leading-none", children: e.flag }) : null,
+      /* @__PURE__ */ o.jsx("span", { className: "truncate", children: e.name })
+    ] }),
+    /* @__PURE__ */ o.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+      "+",
+      e.dialCode
+    ] })
+  ] });
+}
 export {
-  e as __exports
+  H as HiddenControl,
+  O as NullComponent,
+  S as SuggestionContext,
+  M as SuggestionOption,
+  y as formatCountryOption,
+  R as suggestionSelectStyles
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index49.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\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      if (typeof innerRef === \"function\") {\n        innerRef(node)\n      } else if (innerRef && typeof innerRef === \"object\") {\n        ;(innerRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n      }\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\n"],"names":["SuggestionContext","React","SuggestionOption","props","context","isActive","onMouseMove","receivedClassName","restInnerProps","renderLabel","option","formatCountryOption","optionRef","innerRef","assignRef","node","consumeScrollBehavior","behavior","target","parent","top","bottom","viewTop","viewBottom","handleMouseMove","event","jsx","cn","suggestionSelectStyles","provided","state","HiddenControl","NullComponent","jsxs","Fragment"],"mappings":"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"}

package/dist/index50.js

@@ -1,10 +1,9 @@
-function f(n, r, { checkForDefaultPrevented: t = !0 } = {}) {
-  return function(e) {
-    if (n?.(e), t === !1 || !e.defaultPrevented)
-      return r?.(e);
-  };
+import t from "./index194.js";
+import { getCountryCallingCode as o } from "./index208.js";
+function n() {
+  return t(o, arguments);
 }
 export {
-  f as composeEventHandlers
+  n as getCountryCallingCode
 };
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.js","sources":["../../../node_modules/@radix-ui/primitive/dist/index.mjs"],"sourcesContent":["// src/primitive.tsx\nvar canUseDOM = !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n  return function handleEvent(event) {\n    originalEventHandler?.(event);\n    if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n      return ourEventHandler?.(event);\n    }\n  };\n}\nfunction getOwnerWindow(element) {\n  if (!canUseDOM) {\n    throw new Error(\"Cannot access window outside of the DOM\");\n  }\n  return element?.ownerDocument?.defaultView ?? window;\n}\nfunction getOwnerDocument(element) {\n  if (!canUseDOM) {\n    throw new Error(\"Cannot access document outside of the DOM\");\n  }\n  return element?.ownerDocument ?? document;\n}\nfunction getActiveElement(node, activeDescendant = false) {\n  const { activeElement } = getOwnerDocument(node);\n  if (!activeElement?.nodeName) {\n    return null;\n  }\n  if (isFrame(activeElement) && activeElement.contentDocument) {\n    return getActiveElement(activeElement.contentDocument.body, activeDescendant);\n  }\n  if (activeDescendant) {\n    const id = activeElement.getAttribute(\"aria-activedescendant\");\n    if (id) {\n      const element = getOwnerDocument(activeElement).getElementById(id);\n      if (element) {\n        return element;\n      }\n    }\n  }\n  return activeElement;\n}\nfunction isFrame(element) {\n  return element.tagName === \"IFRAME\";\n}\nexport {\n  canUseDOM,\n  composeEventHandlers,\n  getActiveElement,\n  getOwnerDocument,\n  getOwnerWindow,\n  isFrame\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event"],"mappings":"AAEA,SAASA,EAAqBC,GAAsBC,GAAiB,EAAE,0BAAAC,IAA2B,GAAI,IAAK,IAAI;AAC7G,SAAO,SAAqBC,GAAO;AAEjC,QADAH,IAAuBG,CAAK,GACxBD,MAA6B,MAAS,CAACC,EAAM;AAC/C,aAAOF,IAAkBE,CAAK;AAAA,EAElC;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index50.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]}