@worldcoin/mini-apps-ui-kit-react 1.0.0-canary.22 → 1.0.0-canary.24

package/README.md

@@ -57,21 +57,12 @@ export default tseslint.config({
 });
 ```
 
-## Font Configuration
+## Font
 
 The library uses the following font **[TWK Lausanne](https://weltkern.com/typefaces/lausanne)** as the sans-serif font for all text `(--font-sans)`. 
 
 > **⚠️ License Notice**: TWK Lausanne is a commercial font that requires a license. Make sure you have obtained the appropriate license from [Weltkern](https://weltkern.com/typefaces/lausanne) before using it in your project.
 
-By default, the library sets `--font-sans` to **TWK Lausanne**, but you can override this CSS variable to use any other font of your choice:
-
-```css
-:root {
-  --font-sans: 'Your Font Name', sans-serif;
-}
-```
-
-You must import the font in your application before using it. The library does not include the font files - you need to handle the font loading yourself according to your license agreement.
 
 ## Importing Styles
 
@@ -81,33 +72,11 @@ To use the UI Kit components with their proper styling, you need to import the s
 import "@worldcoin/mini-apps-ui-kit-react/styles.css";
 ```
 
-## Import Methods
-
-The library supports two different import methods:
-
-### Default Import
-
-Import components from the main entry point:
-
-```typescript
-import { Button } from "@worldcoin/mini-apps-ui-kit-react";
-```
-
-This method is simpler but includes all components in your bundle, even if you're not using them.
-
-### Component-Level Import
-
-Import components directly from their individual modules:
-
-```typescript
-import { Button } from "@worldcoin/mini-apps-ui-kit-react/Button";
-```
-
-This method enables tree-shaking and reduces your final bundle size by only including the components you actually use. Recommended for production applications where bundle size is a concern.
-
 ## Icons
 
-The library uses [Iconoir](https://iconoir.com/) for its icon system. To use icons in your project, you'll need to install the [React package](https://www.npmjs.com/package/iconoir-react):
+The library uses a custom set of icons built on top of [Iconoir](https://iconoir.com/). While we provide our own custom set, we highly recommend using Iconoir directly for your miniapps as it offers a comprehensive and well-maintained icon system.
+
+To use Iconoir in your project, you'll need to install the [React package](https://www.npmjs.com/package/iconoir-react):
 
 ```bash
 npm install iconoir-react

package/dist/components/Button/Button.js

@@ -11,9 +11,9 @@ const buttonVariants = cva(
   {
     variants: {
       variant: {
-        primary: "bg-gray-900 text-gray-0 hover:bg-gray-700 disabled:bg-gray-100 disabled:text-gray-300",
-        secondary: "bg-transparent text-gray-900 border border-gray-200 hover:bg-gray-50 disabled:text-gray-300 disabled:border-gray-100",
-        tertiary: "bg-gray-100 text-gray-900 hover:bg-gray-200 disabled:text-gray-300 disabled:bg-gray-50"
+        primary: "bg-gray-900 text-gray-0 disabled:bg-gray-100 disabled:text-gray-300",
+        secondary: "bg-transparent text-gray-900 border border-gray-200 disabled:text-gray-300 disabled:border-gray-100",
+        tertiary: "bg-gray-100 text-gray-900 disabled:text-gray-300 disabled:bg-gray-50"
       },
       size: {
         sm: "h-10 min-w-10 px-4",
@@ -52,7 +52,7 @@ const Button = forwardRef(
           }),
           props.className
         ),
-        onClick: withHaptics(onClick, () => haptics.impact(size === "lg" ? "medium" : "light")),
+        onClick: withHaptics(onClick, () => haptics.impact("light")),
         children
       }
     );

package/dist/components/CountryDrawer/CountryDrawer.js

@@ -1,11 +1,12 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { VisuallyHidden } from "../../node_modules/.pnpm/@radix-ui_react-visually-hidden@1.1.3_@types_react-dom@18.3.5_@types_react@18.3.18__@types_re_cidkwodbmpmiwtvvmizcw56fem/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { useState, useRef } from "react";
 import { XMark } from "../Icons/XMark.js";
 import { GroupedCountryList } from "../PhoneField/GroupedCountryList.js";
 import { useCountryFiltering } from "./useCountryFiltering.js";
 import { useCountryGrouping } from "./useCountryGrouping.js";
-import { Drawer, DrawerTrigger, DrawerContent, DrawerClose } from "../Drawer/Drawer.js";
+import { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerClose } from "../Drawer/Drawer.js";
 import { TopBar } from "../TopBar/TopBar.js";
 import { Button } from "../Button/Button.js";
 import { SearchField } from "../SearchField/SearchField.js";
@@ -42,6 +43,7 @@ function CountryDrawer({
   return /* @__PURE__ */ jsxs(Drawer, { open, onOpenChange: setOpen, onAnimationEnd, height: "full", children: [
     /* @__PURE__ */ jsx(DrawerTrigger, { asChild: true, className: "outline-none", disabled, children }),
     /* @__PURE__ */ jsxs(DrawerContent, { children: [
+      /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: title }) }),
       /* @__PURE__ */ jsx(
         TopBar,
         {

package/dist/components/Flag/constants.d.ts

@@ -1 +1,23 @@
+/**
+ * Unsupported countries:
+ * - Antarctica (AQ)
+ * - Bouvet Island (BV)
+ * - Christmas Island (CX)
+ * - Western Sahara (EH)
+ * - French Guiana (GF)
+ * - South Georgia and the South Sandwich Islands (GS)
+ * - Heard Island and McDonald Islands (HM)
+ * - Saint Kitts and Nevis (KN)
+ * - Saint Martin (MF)
+ * - New Caledonia (NC)
+ * - Saint Pierre and Miquelon (PM)
+ * - Reunion (RE)
+ * - Saint Helena (SH)
+ * - Svalbard and Jan Mayen (SJ)
+ * - French Southern Territories (TF)
+ * - U.S. Minor Outlying Islands (UM)
+ * - U.S. Virgin Islands (VI)
+ * - Wallis and Futuna (WF)
+ * - Mayotte (YT)
+ */
 export declare const countryCodes: readonly ["AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "ER", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GT", "GU", "GW", "GY", "HK", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SI", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VN", "VU", "WS", "XK", "YE", "ZA", "ZM", "ZW"];

package/dist/components/Flag/constants.js

@@ -1,4 +1,237 @@
-const countryCodes = ["AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "ER", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GT", "GU", "GW", "GY", "HK", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SI", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VN", "VU", "WS", "XK", "YE", "ZA", "ZM", "ZW"];
+const countryCodes = [
+  "AD",
+  "AE",
+  "AF",
+  "AG",
+  "AI",
+  "AL",
+  "AM",
+  "AO",
+  "AR",
+  "AS",
+  "AT",
+  "AU",
+  "AW",
+  "AX",
+  "AZ",
+  "BA",
+  "BB",
+  "BD",
+  "BE",
+  "BF",
+  "BG",
+  "BH",
+  "BI",
+  "BJ",
+  "BL",
+  "BM",
+  "BN",
+  "BO",
+  "BQ",
+  "BR",
+  "BS",
+  "BT",
+  "BW",
+  "BY",
+  "BZ",
+  "CA",
+  "CC",
+  "CD",
+  "CF",
+  "CG",
+  "CH",
+  "CI",
+  "CK",
+  "CL",
+  "CM",
+  "CN",
+  "CO",
+  "CR",
+  "CU",
+  "CV",
+  "CW",
+  "CY",
+  "CZ",
+  "DE",
+  "DJ",
+  "DK",
+  "DM",
+  "DO",
+  "DZ",
+  "EC",
+  "EE",
+  "EG",
+  "ER",
+  "ES",
+  "ET",
+  "EU",
+  "FI",
+  "FJ",
+  "FK",
+  "FM",
+  "FO",
+  "FR",
+  "GA",
+  "GB",
+  "GD",
+  "GE",
+  "GG",
+  "GH",
+  "GI",
+  "GL",
+  "GM",
+  "GN",
+  "GP",
+  "GQ",
+  "GR",
+  "GT",
+  "GU",
+  "GW",
+  "GY",
+  "HK",
+  "HN",
+  "HR",
+  "HT",
+  "HU",
+  "ID",
+  "IE",
+  "IL",
+  "IM",
+  "IN",
+  "IO",
+  "IQ",
+  "IR",
+  "IS",
+  "IT",
+  "JE",
+  "JM",
+  "JO",
+  "JP",
+  "KE",
+  "KG",
+  "KH",
+  "KI",
+  "KM",
+  "KP",
+  "KR",
+  "KW",
+  "KY",
+  "KZ",
+  "LA",
+  "LB",
+  "LC",
+  "LI",
+  "LK",
+  "LR",
+  "LS",
+  "LT",
+  "LU",
+  "LV",
+  "LY",
+  "MA",
+  "MC",
+  "MD",
+  "ME",
+  "MG",
+  "MH",
+  "MK",
+  "ML",
+  "MM",
+  "MN",
+  "MO",
+  "MP",
+  "MQ",
+  "MR",
+  "MS",
+  "MT",
+  "MU",
+  "MV",
+  "MW",
+  "MX",
+  "MY",
+  "MZ",
+  "NA",
+  "NE",
+  "NF",
+  "NG",
+  "NI",
+  "NL",
+  "NO",
+  "NP",
+  "NR",
+  "NU",
+  "NZ",
+  "OM",
+  "PA",
+  "PE",
+  "PF",
+  "PG",
+  "PH",
+  "PK",
+  "PL",
+  "PN",
+  "PR",
+  "PS",
+  "PT",
+  "PW",
+  "PY",
+  "QA",
+  "RO",
+  "RS",
+  "RU",
+  "RW",
+  "SA",
+  "SB",
+  "SC",
+  "SD",
+  "SE",
+  "SG",
+  "SI",
+  "SK",
+  "SL",
+  "SM",
+  "SN",
+  "SO",
+  "SR",
+  "SS",
+  "ST",
+  "SV",
+  "SX",
+  "SY",
+  "SZ",
+  "TC",
+  "TD",
+  "TG",
+  "TH",
+  "TJ",
+  "TK",
+  "TL",
+  "TM",
+  "TN",
+  "TO",
+  "TR",
+  "TT",
+  "TV",
+  "TW",
+  "TZ",
+  "UA",
+  "UG",
+  "US",
+  "UY",
+  "UZ",
+  "VA",
+  "VC",
+  "VE",
+  "VG",
+  "VN",
+  "VU",
+  "WS",
+  "XK",
+  "YE",
+  "ZA",
+  "ZM",
+  "ZW"
+];
 export {
   countryCodes
 };

package/dist/components/Icons/Clock.js

@@ -10,15 +10,15 @@ function Clock(props) {
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
       children: [
-        /* @__PURE__ */ jsx("path", { d: "M24 12L24 24L36 24", stroke: "white", "stroke-width": "3" }),
+        /* @__PURE__ */ jsx("path", { d: "M24 12L24 24L36 24", stroke: "white", strokeWidth: "3" }),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z",
             stroke: "white",
-            "stroke-width": "3",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
           }
         )
       ]

package/dist/components/Icons/Warning.js

@@ -12,8 +12,8 @@ function Warning(props) {
       children: /* @__PURE__ */ jsx(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M22 0.835449L42.6702 38.0417H1.32983L22 0.835449ZM23.375 15.125V25.2083H20.625V15.125H23.375ZM20.6213 32.5505L23.3987 32.5499L23.3981 29.7999L20.6207 29.8005L20.6213 32.5505Z",
           fill: "white"
         }

package/dist/components/NumberPad/Delete.js

@@ -8,6 +8,7 @@ function Delete(props) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "delete-icon",
       ...props,
       children: /* @__PURE__ */ jsx(
         "path",

package/dist/components/PhoneField/constants.d.ts

@@ -1,3 +1 @@
-import { CountryData } from 'react-international-phone';
-export declare const extendedCountryDataList: CountryData[];
 export declare const DIAL_CODE_PREFIX = "+";

package/dist/components/PhoneField/constants.js

@@ -1,28 +1,4 @@
-import { countries as a } from "../../node_modules/.pnpm/countries-list@3.1.1/node_modules/countries-list/mjs/index.js";
-import { defaultCountries as R, parseCountry as M } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
-import { countryCodes } from "../Flag/constants.js";
-const supportedCountryCodesSet = new Set(
-  countryCodes.map((c) => c.toLowerCase())
-);
-const supportedDefaultCountryCodes = R.filter(
-  (defaultCountry) => supportedCountryCodesSet.has(M(defaultCountry).iso2)
-);
-const defaultCountryCodesSet = new Set(R.map((c) => M(c).iso2));
-const unsupportedCountryCodes = Array.from(supportedCountryCodesSet).filter(
-  (iso2) => !defaultCountryCodesSet.has(iso2)
-);
-const customCountries = Object.entries(a).filter(([iso2]) => unsupportedCountryCodes.includes(iso2.toLowerCase())).map(([iso2, country]) => {
-  const { name, phone } = country;
-  const dialCode = phone[0].toString();
-  const iso2Lower = iso2.toLowerCase();
-  return [name, iso2Lower, dialCode];
-});
-const extendedCountryDataList = [
-  ...supportedDefaultCountryCodes,
-  ...customCountries
-].sort((a2, b) => a2[0].localeCompare(b[0]));
 const DIAL_CODE_PREFIX = "+";
 export {
-  DIAL_CODE_PREFIX,
-  extendedCountryDataList
+  DIAL_CODE_PREFIX
 };

package/dist/components/PhoneField/utils.js

@@ -1,16 +1,16 @@
-import { parseCountry as M } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
+import { defaultCountries as R, parseCountry as M } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
 import { isSupportedCountryCode } from "../Flag/utils.js";
-import { extendedCountryDataList, DIAL_CODE_PREFIX } from "./constants.js";
+import { DIAL_CODE_PREFIX } from "./constants.js";
 const getValidatedCountryCode = (code, defaultCountryCode) => {
   const upperCaseCode = code.toUpperCase();
   return isSupportedCountryCode(upperCaseCode) ? upperCaseCode : defaultCountryCode;
 };
 const getCountryDataListByCodes = (countryCodes) => {
   if (!(countryCodes == null ? void 0 : countryCodes.length)) {
-    return extendedCountryDataList;
+    return R;
   }
   const countryCodeSet = new Set(countryCodes);
-  return extendedCountryDataList.filter((country) => {
+  return R.filter((country) => {
     const countryCode = M(country).iso2.toUpperCase();
     return countryCodeSet.has(countryCode);
   });

package/dist/components/Progress/Progress.js

@@ -21,7 +21,7 @@ const Progress = ({ value, asChild, max, getValueLabel, className }) => {
       children: /* @__PURE__ */ jsx(
         Indicator,
         {
-          className: "ease-[cubic-bezier(0.65, 0, 0.35, 1)] size-full bg-current transition-transform duration-[660ms]",
+          className: "ease-[cubic-bezier(0.65, 0, 0.35, 1)] size-full bg-current transition-transform duration-700",
           style: { transform: `translateX(-${100 - Math.min(value, 100)}%)` }
         }
       )

package/dist/components/Select/Select.js

@@ -22,7 +22,7 @@ const selectVariants = cva(
   {
     variants: {
       error: {
-        true: "border-error-600 focus:border-error-600 bg-gray-0"
+        true: "!border-error-600 !focus:border-error-600 !bg-gray-0"
       },
       isLabel: {
         true: "pt-6 pb-2 placeholder:text-transparent",

package/dist/lib/haptics.d.ts

@@ -13,6 +13,11 @@ declare global {
         };
     }
 }
+declare const haptics: {
+    notification: (type: NotificationType) => void;
+    selection: () => void;
+    impact: (style: ImpactStyle) => void;
+};
 /**
  * Wraps a function with haptic feedback
  * @param fn The function to wrap (can be undefined)
@@ -20,9 +25,4 @@ declare global {
  * @returns A new function that triggers haptic feedback and calls the original function if provided
  */
 export declare function withHaptics<T extends (...args: any[]) => any>(fn: T | undefined, hapticFn?: () => void): T;
-declare const haptics: {
-    notification: (type: NotificationType) => void;
-    selection: () => void;
-    impact: (style: ImpactStyle) => void;
-};
 export default haptics;

package/dist/lib/haptics.js

@@ -6,20 +6,6 @@ const sendHapticFeedback = (params) => {
     console.warn("Haptic feedback not supported:", error);
   }
 };
-function withHaptics(fn, hapticFn = haptics.selection) {
-  return (...args) => {
-    if (!fn) {
-      hapticFn();
-      return void 0;
-    }
-    const result = fn(...args);
-    if (result instanceof Promise) {
-      return result.finally(() => hapticFn());
-    }
-    hapticFn();
-    return result;
-  };
-}
 const haptics = {
   notification: (type) => {
     sendHapticFeedback({
@@ -39,6 +25,20 @@ const haptics = {
     });
   }
 };
+function withHaptics(fn, hapticFn = haptics.selection) {
+  return (...args) => {
+    if (!fn) {
+      hapticFn();
+      return void 0;
+    }
+    const result = fn(...args);
+    if (result instanceof Promise) {
+      return result.finally(() => hapticFn());
+    }
+    hapticFn();
+    return result;
+  };
+}
 export {
   haptics as default,
   withHaptics

package/dist/node_modules/.pnpm/@radix-ui_react-compose-refs@1.1.2_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.js

@@ -0,0 +1,35 @@
+import "react";
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+export {
+  composeRefs
+};

package/dist/node_modules/.pnpm/@radix-ui_react-primitive@2.0.3_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_ecf5vqfgocrxupsewlhf3pl374/node_modules/@radix-ui/react-primitive/dist/index.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import "react-dom";
+import { createSlot } from "../../../../../@radix-ui_react-slot@1.2.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+var NODES = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive = NODES.reduce((primitive, node) => {
+  const Slot = createSlot(`Primitive.${node}`);
+  const Node = React.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+export {
+  Primitive
+};