@luxfi/ui 8.2.7 → 8.2.9

package/dist/provider.cjs

@@ -4,184 +4,15 @@
 var gui = require('@hanzo/gui');
 var reactQuery = require('@tanstack/react-query');
 var React = require('react');
-var guiConfig = require('@hanzo/ui/gui-config');
-var v5 = require('@hanzogui/config/v5');
-var v5Css = require('@hanzogui/config/v5-css');
+var config = require('./lux.config.cjs');
+var whiteLabel_cjs = require('./white-label.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var config__default = /*#__PURE__*/_interopDefault(config);
 
-// src/white-label.ts
-var LUX_BRAND = {
-  lux: "#7000FF",
-  zoo: "#6C5EFB",
-  hanzo: "#EA580C",
-  pars: "#1C3879",
-  // bootno.de is its own white label with its own IdP (id.bootno.de) — accent
-  // taken from the bootnode console's own brand default, not invented here.
-  bootnode: "#3B82F6"
-};
-var PARS_GOLD = "#C8A45C";
-var ORGS = {
-  lux: {
-    org: "lux",
-    name: "Lux",
-    domain: "lux.network",
-    iamDomain: "lux.id",
-    accent: LUX_BRAND.lux,
-    accentForeground: "#FFFFFF"
-  },
-  zoo: {
-    org: "zoo",
-    name: "Zoo",
-    domain: "zoo.ngo",
-    // Zoo's issuer is `zoolabs.id` — the one row where it is not `<org>.id`,
-    // and the one every hand-rolled branding map gets wrong. `id.zoo.network`
-    // ANSWERS, which is why it keeps being copied around, but it is an alias:
-    // its own discovery document advertises
-    //   issuer                  https://zoolabs.id
-    //   authorization_endpoint  https://zoolabs.id/v1/iam/oauth/authorize
-    //   jwks_uri                https://zoolabs.id/v1/iam/.well-known/jwks
-    // so a client configured on the alias validates `iss` against a string the
-    // IdP never emits and rejects every token it is given — the exact shape of
-    // the lux.id outage. `zoo.id` is not an IdP at all (no discovery document).
-    iamDomain: "zoolabs.id",
-    accent: LUX_BRAND.zoo,
-    accentForeground: "#FFFFFF"
-  },
-  bootnode: {
-    org: "bootnode",
-    name: "Bootnode",
-    domain: "bootno.de",
-    iamDomain: "id.bootno.de",
-    accent: LUX_BRAND.lux,
-    accentForeground: "#FFFFFF"
-  },
-  hanzo: {
-    org: "hanzo",
-    name: "Hanzo",
-    domain: "hanzo.ai",
-    iamDomain: "hanzo.id",
-    accent: LUX_BRAND.hanzo,
-    accentForeground: "#FFFFFF"
-  },
-  pars: {
-    org: "pars",
-    name: "Pars",
-    domain: "pars.id",
-    iamDomain: "pars.id",
-    accent: LUX_BRAND.pars,
-    accentForeground: PARS_GOLD
-  }
-};
-var DOMAIN_ORG = [
-  ["lux.network", "lux"],
-  ["lux.cloud", "lux"],
-  ["lux.id", "lux"],
-  ["lux.finance", "lux"],
-  ["lux.market", "lux"],
-  ["lux.exchange", "lux"],
-  ["zoo.ngo", "zoo"],
-  ["zoo.network", "zoo"],
-  ["zoo.cloud", "zoo"],
-  ["zoolabs.id", "zoo"],
-  ["hanzo.ai", "hanzo"],
-  ["hanzo.cloud", "hanzo"],
-  ["hanzo.id", "hanzo"],
-  ["pars.id", "pars", "app"],
-  ["pars.network", "pars", "app"],
-  ["parsdao.org", "pars", "app"],
-  ["bootno.de", "bootnode", "platform"]
-];
-var DEFAULT_ORG = "lux";
-function normalizeHost(host) {
-  const noPort = host.trim().toLowerCase().split(":")[0] ?? "";
-  return noPort.replace(/\.$/, "");
-}
-function isUnder(host, domain) {
-  return host === domain || host.endsWith(`.${domain}`);
-}
-function matchDomain(host) {
-  let best;
-  for (const entry of DOMAIN_ORG) {
-    if (isUnder(host, entry[0]) && (!best || entry[0].length > best[0].length)) {
-      best = entry;
-    }
-  }
-  return best;
-}
-function appSlug(host, domain, pinned) {
-  if (pinned) return pinned;
-  const sub = host === domain ? "" : host.slice(0, -(domain.length + 1));
-  const leftmost = sub.split(".")[0] ?? "";
-  if (leftmost && leftmost !== "www") return leftmost;
-  const label = domain.split(".")[0] ?? "";
-  const tld = domain.split(".").slice(1).join(".");
-  return tld.split(".")[0] || label;
-}
-function isLocal(host) {
-  return host === "localhost" || host.endsWith(".localhost") || host === "127.0.0.1" || host === "0.0.0.0" || host === "[::1]" || host.endsWith(".local");
-}
-function resolveWhiteLabel(host) {
-  const h = normalizeHost(host ?? "");
-  const match = h ? matchDomain(h) : void 0;
-  const org = match ? match[1] : DEFAULT_ORG;
-  const identity = ORGS[org];
-  const app = match ? appSlug(h, match[0], match[2]) : h && isLocal(h) ? "local" : "app";
-  return {
-    ...identity,
-    host: h,
-    app,
-    theme: `dark_${org}`,
-    issuer: `https://${identity.iamDomain}`,
-    clientId: `${org}-${app}`
-  };
-}
-function currentHost() {
-  return typeof window === "undefined" ? "" : window.location.host;
-}
-
-// src/lux.config.ts
-var TRUE_BLACK = "#000000";
-var darkBase = {
-  ...v5.defaultConfig.themes.dark,
-  background: TRUE_BLACK,
-  backgroundHover: "#0A0A0A",
-  backgroundPress: "#141414",
-  backgroundFocus: "#0A0A0A"
-};
-var brandTheme = (accent, extra = {}) => ({
-  ...darkBase,
-  accentBackground: accent,
-  accentColor: "#FFFFFF",
-  borderColorHover: accent,
-  colorHover: accent,
-  ...extra
-});
-var luxThemes = {
-  dark: darkBase,
-  dark_lux: brandTheme(LUX_BRAND.lux),
-  dark_zoo: brandTheme(LUX_BRAND.zoo),
-  dark_hanzo: brandTheme(LUX_BRAND.hanzo),
-  dark_pars: brandTheme(LUX_BRAND.pars, { accentColor: PARS_GOLD }),
-  dark_bootnode: brandTheme(LUX_BRAND.bootnode)
-};
-var config = gui.createGui({
-  ...v5.defaultConfig,
-  ...guiConfig.config,
-  animations: v5Css.animations,
-  settings: {
-    ...v5.defaultConfig.settings,
-    onlyAllowShorthands: false
-  },
-  themes: {
-    ...v5.defaultConfig.themes,
-    ...luxThemes
-  }
-});
-var lux_config_default = config;
 var defaultQueryClient = new reactQuery.QueryClient({
   defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
 });
@@ -197,16 +28,16 @@ var useFontBodyReset = () => {
     document.head.appendChild(style);
   }, []);
 };
-var WhiteLabelContext = React__default.default.createContext(resolveWhiteLabel(""));
+var WhiteLabelContext = React__default.default.createContext(whiteLabel_cjs.resolveWhiteLabel(""));
 var useWhiteLabel = () => React__default.default.useContext(WhiteLabelContext);
 var useHostWhiteLabel = (host) => {
   const [resolvedHost, setResolvedHost] = React__default.default.useState(host ?? "");
   React__default.default.useEffect(() => {
     if (host !== void 0) return;
-    const browserHost = currentHost();
+    const browserHost = whiteLabel_cjs.currentHost();
     if (browserHost) setResolvedHost(browserHost);
   }, [host]);
-  return React__default.default.useMemo(() => resolveWhiteLabel(resolvedHost), [resolvedHost]);
+  return React__default.default.useMemo(() => whiteLabel_cjs.resolveWhiteLabel(resolvedHost), [resolvedHost]);
 };
 var AppProvider = ({
   children,
@@ -217,7 +48,7 @@ var AppProvider = ({
   useFontBodyReset();
   const whiteLabel = useHostWhiteLabel(host);
   const theme = defaultTheme ?? whiteLabel.theme;
-  return /* @__PURE__ */ jsxRuntime.jsx(WhiteLabelContext.Provider, { value: whiteLabel, children: /* @__PURE__ */ jsxRuntime.jsx(gui.GuiProvider, { config: lux_config_default, defaultTheme: theme, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient ?? defaultQueryClient, children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(WhiteLabelContext.Provider, { value: whiteLabel, children: /* @__PURE__ */ jsxRuntime.jsx(gui.GuiProvider, { config: config__default.default, defaultTheme: theme, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient ?? defaultQueryClient, children }) }) });
 };
 
 Object.defineProperty(exports, "QueryClient", {

package/dist/provider.js

@@ -1,182 +1,12 @@
 'use client';
-import { createGui, GuiProvider } from '@hanzo/gui';
+import { GuiProvider } from '@hanzo/gui';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import React from 'react';
-import { config as config$1 } from '@hanzo/ui/gui-config';
-import { defaultConfig } from '@hanzogui/config/v5';
-import { animations } from '@hanzogui/config/v5-css';
+import config from './lux.config.js';
+import { resolveWhiteLabel, currentHost } from './white-label.js';
 import { jsx } from 'react/jsx-runtime';
 
-// src/white-label.ts
-var LUX_BRAND = {
-  lux: "#7000FF",
-  zoo: "#6C5EFB",
-  hanzo: "#EA580C",
-  pars: "#1C3879",
-  // bootno.de is its own white label with its own IdP (id.bootno.de) — accent
-  // taken from the bootnode console's own brand default, not invented here.
-  bootnode: "#3B82F6"
-};
-var PARS_GOLD = "#C8A45C";
-var ORGS = {
-  lux: {
-    org: "lux",
-    name: "Lux",
-    domain: "lux.network",
-    iamDomain: "lux.id",
-    accent: LUX_BRAND.lux,
-    accentForeground: "#FFFFFF"
-  },
-  zoo: {
-    org: "zoo",
-    name: "Zoo",
-    domain: "zoo.ngo",
-    // Zoo's issuer is `zoolabs.id` — the one row where it is not `<org>.id`,
-    // and the one every hand-rolled branding map gets wrong. `id.zoo.network`
-    // ANSWERS, which is why it keeps being copied around, but it is an alias:
-    // its own discovery document advertises
-    //   issuer                  https://zoolabs.id
-    //   authorization_endpoint  https://zoolabs.id/v1/iam/oauth/authorize
-    //   jwks_uri                https://zoolabs.id/v1/iam/.well-known/jwks
-    // so a client configured on the alias validates `iss` against a string the
-    // IdP never emits and rejects every token it is given — the exact shape of
-    // the lux.id outage. `zoo.id` is not an IdP at all (no discovery document).
-    iamDomain: "zoolabs.id",
-    accent: LUX_BRAND.zoo,
-    accentForeground: "#FFFFFF"
-  },
-  bootnode: {
-    org: "bootnode",
-    name: "Bootnode",
-    domain: "bootno.de",
-    iamDomain: "id.bootno.de",
-    accent: LUX_BRAND.lux,
-    accentForeground: "#FFFFFF"
-  },
-  hanzo: {
-    org: "hanzo",
-    name: "Hanzo",
-    domain: "hanzo.ai",
-    iamDomain: "hanzo.id",
-    accent: LUX_BRAND.hanzo,
-    accentForeground: "#FFFFFF"
-  },
-  pars: {
-    org: "pars",
-    name: "Pars",
-    domain: "pars.id",
-    iamDomain: "pars.id",
-    accent: LUX_BRAND.pars,
-    accentForeground: PARS_GOLD
-  }
-};
-var DOMAIN_ORG = [
-  ["lux.network", "lux"],
-  ["lux.cloud", "lux"],
-  ["lux.id", "lux"],
-  ["lux.finance", "lux"],
-  ["lux.market", "lux"],
-  ["lux.exchange", "lux"],
-  ["zoo.ngo", "zoo"],
-  ["zoo.network", "zoo"],
-  ["zoo.cloud", "zoo"],
-  ["zoolabs.id", "zoo"],
-  ["hanzo.ai", "hanzo"],
-  ["hanzo.cloud", "hanzo"],
-  ["hanzo.id", "hanzo"],
-  ["pars.id", "pars", "app"],
-  ["pars.network", "pars", "app"],
-  ["parsdao.org", "pars", "app"],
-  ["bootno.de", "bootnode", "platform"]
-];
-var DEFAULT_ORG = "lux";
-function normalizeHost(host) {
-  const noPort = host.trim().toLowerCase().split(":")[0] ?? "";
-  return noPort.replace(/\.$/, "");
-}
-function isUnder(host, domain) {
-  return host === domain || host.endsWith(`.${domain}`);
-}
-function matchDomain(host) {
-  let best;
-  for (const entry of DOMAIN_ORG) {
-    if (isUnder(host, entry[0]) && (!best || entry[0].length > best[0].length)) {
-      best = entry;
-    }
-  }
-  return best;
-}
-function appSlug(host, domain, pinned) {
-  if (pinned) return pinned;
-  const sub = host === domain ? "" : host.slice(0, -(domain.length + 1));
-  const leftmost = sub.split(".")[0] ?? "";
-  if (leftmost && leftmost !== "www") return leftmost;
-  const label = domain.split(".")[0] ?? "";
-  const tld = domain.split(".").slice(1).join(".");
-  return tld.split(".")[0] || label;
-}
-function isLocal(host) {
-  return host === "localhost" || host.endsWith(".localhost") || host === "127.0.0.1" || host === "0.0.0.0" || host === "[::1]" || host.endsWith(".local");
-}
-function resolveWhiteLabel(host) {
-  const h = normalizeHost(host ?? "");
-  const match = h ? matchDomain(h) : void 0;
-  const org = match ? match[1] : DEFAULT_ORG;
-  const identity = ORGS[org];
-  const app = match ? appSlug(h, match[0], match[2]) : h && isLocal(h) ? "local" : "app";
-  return {
-    ...identity,
-    host: h,
-    app,
-    theme: `dark_${org}`,
-    issuer: `https://${identity.iamDomain}`,
-    clientId: `${org}-${app}`
-  };
-}
-function currentHost() {
-  return typeof window === "undefined" ? "" : window.location.host;
-}
-
-// src/lux.config.ts
-var TRUE_BLACK = "#000000";
-var darkBase = {
-  ...defaultConfig.themes.dark,
-  background: TRUE_BLACK,
-  backgroundHover: "#0A0A0A",
-  backgroundPress: "#141414",
-  backgroundFocus: "#0A0A0A"
-};
-var brandTheme = (accent, extra = {}) => ({
-  ...darkBase,
-  accentBackground: accent,
-  accentColor: "#FFFFFF",
-  borderColorHover: accent,
-  colorHover: accent,
-  ...extra
-});
-var luxThemes = {
-  dark: darkBase,
-  dark_lux: brandTheme(LUX_BRAND.lux),
-  dark_zoo: brandTheme(LUX_BRAND.zoo),
-  dark_hanzo: brandTheme(LUX_BRAND.hanzo),
-  dark_pars: brandTheme(LUX_BRAND.pars, { accentColor: PARS_GOLD }),
-  dark_bootnode: brandTheme(LUX_BRAND.bootnode)
-};
-var config = createGui({
-  ...defaultConfig,
-  ...config$1,
-  animations,
-  settings: {
-    ...defaultConfig.settings,
-    onlyAllowShorthands: false
-  },
-  themes: {
-    ...defaultConfig.themes,
-    ...luxThemes
-  }
-});
-var lux_config_default = config;
 var defaultQueryClient = new QueryClient({
   defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
 });
@@ -212,7 +42,7 @@ var AppProvider = ({
   useFontBodyReset();
   const whiteLabel = useHostWhiteLabel(host);
   const theme = defaultTheme ?? whiteLabel.theme;
-  return /* @__PURE__ */ jsx(WhiteLabelContext.Provider, { value: whiteLabel, children: /* @__PURE__ */ jsx(GuiProvider, { config: lux_config_default, defaultTheme: theme, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient ?? defaultQueryClient, children }) }) });
+  return /* @__PURE__ */ jsx(WhiteLabelContext.Provider, { value: whiteLabel, children: /* @__PURE__ */ jsx(GuiProvider, { config, defaultTheme: theme, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient ?? defaultQueryClient, children }) }) });
 };
 
 export { AppProvider, useWhiteLabel };

package/dist/select.cjs

@@ -4,7 +4,8 @@
 var gui = require('@hanzo/gui');
 var ui = require('@hanzo/ui');
 var usehooks = require('@uidotdev/usehooks');
-var React2 = require('react');
+var React = require('react');
+var skeleton_cjs = require('./skeleton.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -25,70 +26,16 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var SKELETON_CLASSES = "lux-skeleton rounded-sm";
-var Skeleton = React2__namespace.forwardRef(
-  function Skeleton2(props, ref) {
-    const { loading = true, asChild, className, children, style, ...rest } = props;
-    if (!loading) {
-      if (asChild && React2__namespace.isValidElement(children)) return children;
-      return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className, style, ...rest, children });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        "data-loading": true,
-        ...ui.sx(
-          SKELETON_CLASSES,
-          asChild || children ? "[&_*]:invisible" : "min-h-5",
-          className
-        ),
-        style,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-React2__namespace.forwardRef(
-  function SkeletonCircle2(props, ref) {
-    const { size = 40, loading = true, className, ...rest } = props;
-    const dimension = typeof size === "number" ? `${size}px` : size;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton,
-      {
-        ref,
-        loading,
-        ...ui.sx("rounded-full shrink-0", className),
-        style: { width: dimension, height: dimension, ...rest.style },
-        ...rest
-      }
-    );
-  }
-);
-React2__namespace.forwardRef(
-  function SkeletonText2(props, ref) {
-    const { noOfLines = 3, loading = true, className, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className: ui.cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton,
-      {
-        loading,
-        ...ui.sx(ui.cn("h-4", index === noOfLines - 1 && "max-w-[80%]"))
-      },
-      index
-    )) });
-  }
-);
 function createListCollection(config) {
   return { items: config.items };
 }
 var ArrowIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { ...props, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.5 15L12.5 10L7.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 var CheckIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { ...props, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.667 5L7.5 14.167 3.333 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 function FilterInput({ placeholder, initialValue = "", onChange }) {
-  const [value, setValue] = React2__namespace.useState(initialValue);
-  const handleChange = React2__namespace.useCallback((e) => {
+  const [value, setValue] = React__namespace.useState(initialValue);
+  const handleChange = React__namespace.useCallback((e) => {
     setValue(e.target.value);
     onChange?.(e.target.value);
   }, [onChange]);
@@ -108,15 +55,15 @@ function FilterInput({ placeholder, initialValue = "", onChange }) {
     }
   );
 }
-var SelectInternalContext = React2__namespace.createContext(null);
+var SelectInternalContext = React__namespace.createContext(null);
 function useSelectInternalContext() {
-  const ctx = React2__namespace.useContext(SelectInternalContext);
+  const ctx = React__namespace.useContext(SelectInternalContext);
   if (!ctx) {
     throw new Error("Select compound components must be rendered inside <SelectRoot>");
   }
   return ctx;
 }
-var SelectRoot = React2__namespace.forwardRef(
+var SelectRoot = React__namespace.forwardRef(
   function SelectRoot2(props, ref) {
     const {
       children,
@@ -147,21 +94,21 @@ var SelectRoot = React2__namespace.forwardRef(
       hideFrom: _hideFrom
     } = props;
     const collection = collectionProp ?? createListCollection({ items: [] });
-    const [internalValue, setInternalValue] = React2__namespace.useState(defaultValueArr ?? []);
+    const [internalValue, setInternalValue] = React__namespace.useState(defaultValueArr ?? []);
     const currentValue = valueProp ?? internalValue;
-    const selectedItems = React2__namespace.useMemo(() => {
+    const selectedItems = React__namespace.useMemo(() => {
       return currentValue.map((v) => collection.items.find((item) => item.value === v)).filter(Boolean);
     }, [currentValue, collection.items]);
-    const [open, setOpen] = React2__namespace.useState(defaultOpen ?? false);
+    const [open, setOpen] = React__namespace.useState(defaultOpen ?? false);
     const isOpen = openProp ?? open;
-    const handleOpenChange = React2__namespace.useCallback((nextOpen) => {
+    const handleOpenChange = React__namespace.useCallback((nextOpen) => {
       setOpen(nextOpen);
       onOpenChange?.(nextOpen);
       if (!nextOpen) {
         onInteractOutside?.();
       }
     }, [onOpenChange, onInteractOutside]);
-    const handleRadixValueChange = React2__namespace.useCallback((radixValue) => {
+    const handleRadixValueChange = React__namespace.useCallback((radixValue) => {
       const nextArr = [radixValue];
       if (!valueProp) {
         setInternalValue(nextArr);
@@ -169,7 +116,7 @@ var SelectRoot = React2__namespace.forwardRef(
       const items = collection.items.filter((item) => nextArr.includes(item.value));
       onValueChangeProp?.({ value: nextArr, items });
     }, [valueProp, collection.items, onValueChangeProp]);
-    const ctxValue = React2__namespace.useMemo(() => ({
+    const ctxValue = React__namespace.useMemo(() => ({
       value: currentValue,
       selectedItems,
       collection,
@@ -189,7 +136,7 @@ var SelectRoot = React2__namespace.forwardRef(
       if (typeof v === "string") return v;
       return v.base ?? v.lg ?? Object.values(v)[0];
     };
-    const inlineStyle = React2__namespace.useMemo(() => {
+    const inlineStyle = React__namespace.useMemo(() => {
       const s = { ...style };
       const rw = resolveVal(w);
       if (rw) s.width = rw;
@@ -226,7 +173,7 @@ var SelectRoot = React2__namespace.forwardRef(
     ) });
   }
 );
-var SelectControl = React2__namespace.forwardRef(
+var SelectControl = React__namespace.forwardRef(
   function SelectControl2(props, ref) {
     const { children, noIndicator, triggerProps, loading, defaultValue } = props;
     const ctx = useSelectInternalContext();
@@ -259,16 +206,16 @@ var SelectControl = React2__namespace.forwardRef(
       }
     );
     if (loading) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { loading, asChild: true, children: trigger });
+      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading, asChild: true, children: trigger });
     }
     return trigger;
   }
 );
-var SelectClearTrigger = React2__namespace.forwardRef(
+var SelectClearTrigger = React__namespace.forwardRef(
   function SelectClearTrigger2(props, ref) {
     const { className, ...rest } = props;
     const ctx = useSelectInternalContext();
-    const handleClick = React2__namespace.useCallback(() => {
+    const handleClick = React__namespace.useCallback(() => {
       ctx.onValueChange({ value: [], items: [] });
     }, [ctx]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -286,7 +233,7 @@ var SelectClearTrigger = React2__namespace.forwardRef(
     );
   }
 );
-var SelectContent = React2__namespace.forwardRef(
+var SelectContent = React__namespace.forwardRef(
   function SelectContent2(props, _ref) {
     const { portalled: _portalled, portalRef: _portalRef, children, className, ...rest } = props;
     let n = 0;
@@ -309,13 +256,13 @@ var SelectContent = React2__namespace.forwardRef(
     );
   }
 );
-var stampIndices = (children, next) => React2__namespace.Children.map(children, (child) => {
-  if (!React2__namespace.isValidElement(child)) return child;
-  if (child.type === SelectItem) return React2__namespace.cloneElement(child, { index: next() });
+var stampIndices = (children, next) => React__namespace.Children.map(children, (child) => {
+  if (!React__namespace.isValidElement(child)) return child;
+  if (child.type === SelectItem) return React__namespace.cloneElement(child, { index: next() });
   const kids = child.props.children;
-  return kids === void 0 ? child : React2__namespace.cloneElement(child, void 0, stampIndices(kids, next));
+  return kids === void 0 ? child : React__namespace.cloneElement(child, void 0, stampIndices(kids, next));
 });
-var SelectItem = React2__namespace.forwardRef(
+var SelectItem = React__namespace.forwardRef(
   function SelectItem2(props, ref) {
     const { item, children, className, index, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -343,7 +290,7 @@ var SelectItem = React2__namespace.forwardRef(
     );
   }
 );
-var SelectValueText = React2__namespace.forwardRef(
+var SelectValueText = React__namespace.forwardRef(
   function SelectValueText2(props, ref) {
     const { children, size, required, invalid, errorText, mode, className, style, placeholder: placeholderProp, ...rest } = props;
     const ctx = useSelectInternalContext();
@@ -400,7 +347,7 @@ var SelectValueText = React2__namespace.forwardRef(
     );
   }
 );
-var SelectItemGroup = React2__namespace.forwardRef(
+var SelectItemGroup = React__namespace.forwardRef(
   function SelectItemGroup2(props, ref) {
     const { children, label, className, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(gui.Select.Group, { ref, ...ui.sx("py-1", className), ...rest, children: [
@@ -411,7 +358,7 @@ var SelectItemGroup = React2__namespace.forwardRef(
 );
 var SelectLabel = gui.Select.Label;
 var SelectItemText = gui.Select.ItemText;
-var Select = React2__namespace.forwardRef((props, ref) => {
+var Select = React__namespace.forwardRef((props, ref) => {
   const { collection, placeholder, portalled = true, loading, errorText, contentProps, contentHeader, itemFilter, mode, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     SelectRoot,
@@ -433,7 +380,7 @@ var Select = React2__namespace.forwardRef((props, ref) => {
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { portalled, ...contentProps, children: [
           contentHeader,
-          collection.items.filter(itemFilter ?? (() => true)).map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React2__namespace.Fragment, { children: [
+          collection.items.filter(itemFilter ?? (() => true)).map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { item, children: item.renderLabel ? item.renderLabel("item") : item.label }),
             item.afterElement
           ] }, item.value))
@@ -442,19 +389,19 @@ var Select = React2__namespace.forwardRef((props, ref) => {
     }
   );
 });
-var SelectAsync = React2__namespace.forwardRef((props, ref) => {
+var SelectAsync = React__namespace.forwardRef((props, ref) => {
   const { placeholder, portalled = true, loading, loadOptions, extraControls, onValueChange, errorText, mode, contentHeader, ...rest } = props;
-  const [collection, setCollection] = React2__namespace.useState(createListCollection({ items: [] }));
-  const [inputValue, setInputValue] = React2__namespace.useState("");
-  const [value, setValue] = React2__namespace.useState([]);
+  const [collection, setCollection] = React__namespace.useState(createListCollection({ items: [] }));
+  const [inputValue, setInputValue] = React__namespace.useState("");
+  const [value, setValue] = React__namespace.useState([]);
   const debouncedInputValue = usehooks.useDebounce(inputValue, 300);
-  React2__namespace.useEffect(() => {
+  React__namespace.useEffect(() => {
     loadOptions(debouncedInputValue, value).then(setCollection);
   }, [debouncedInputValue, loadOptions, value]);
-  const handleFilterChange = React2__namespace.useCallback((val) => {
+  const handleFilterChange = React__namespace.useCallback((val) => {
     setInputValue(val);
   }, []);
-  const handleValueChange = React2__namespace.useCallback(({ value: v, items }) => {
+  const handleValueChange = React__namespace.useCallback(({ value: v, items }) => {
     setValue(v);
     onValueChange?.({ value: v, items });
   }, [onValueChange]);