@luxfi/ui 7.4.15 → 8.1.0

package/dist/select.cjs

@@ -2,10 +2,9 @@
 'use strict';
 
 var gui = require('@hanzo/gui');
+var ui = require('@hanzo/ui');
 var usehooks = require('@uidotdev/usehooks');
 var React2 = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -28,158 +27,26 @@ function _interopNamespace(e) {
 
 var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var SHIM_PROPS = [
-  "w",
-  "h",
-  "minW",
-  "maxW",
-  "display",
-  "flexGrow",
-  "flexShrink",
-  "flexBasis",
-  "fontWeight",
-  "textStyle",
-  "borderRadius",
-  "alignSelf",
-  "alignItems",
-  "justifyContent",
-  "color",
-  "mt",
-  "mb",
-  "ml",
-  "mr",
-  "height",
-  "overflow",
-  "whiteSpace",
-  "textOverflow",
-  "textTransform",
-  "gap",
-  "gridTemplateColumns",
-  "minWidth",
-  "boxSize",
-  "py",
-  "px",
-  "p",
-  "hideBelow",
-  "fontSize",
-  "flexWrap",
-  "wordBreak",
-  "lineHeight",
-  "marginRight",
-  "position",
-  "background"
-];
-var S = 4;
-function dim(v) {
-  if (v == null) return void 0;
-  if (typeof v === "number") return `${v * S}px`;
-  if (typeof v === "string") return v;
-  if (typeof v === "object") {
-    const o = v;
-    return o.base ?? o.lg ?? o.xl ?? Object.values(o)[0];
-  }
-  return void 0;
-}
-function sp(v) {
-  if (v === void 0) return void 0;
-  return typeof v === "number" ? `${v * S}px` : v;
-}
-function shimToStyle(props) {
-  const s = {};
-  if (props.w !== void 0) s.width = dim(props.w);
-  if (props.h !== void 0) s.height = dim(props.h);
-  if (props.minW !== void 0) s.minWidth = dim(props.minW);
-  if (props.maxW !== void 0) s.maxWidth = dim(props.maxW);
-  if (props.display !== void 0) s.display = props.display;
-  if (props.flexGrow !== void 0) s.flexGrow = props.flexGrow;
-  if (props.flexShrink !== void 0) s.flexShrink = props.flexShrink;
-  if (props.flexBasis !== void 0) s.flexBasis = props.flexBasis;
-  if (props.fontWeight !== void 0) s.fontWeight = props.fontWeight;
-  if (props.borderRadius !== void 0) s.borderRadius = props.borderRadius;
-  if (props.alignSelf !== void 0) s.alignSelf = props.alignSelf;
-  if (props.alignItems !== void 0) s.alignItems = props.alignItems;
-  if (props.justifyContent !== void 0) s.justifyContent = props.justifyContent;
-  if (props.color !== void 0) s.color = props.color;
-  if (props.mt !== void 0) s.marginTop = sp(props.mt);
-  if (props.mb !== void 0) s.marginBottom = sp(props.mb);
-  if (props.ml !== void 0) s.marginLeft = sp(props.ml);
-  if (props.mr !== void 0) s.marginRight = sp(props.mr);
-  if (props.height !== void 0) s.height = props.height;
-  if (props.overflow !== void 0) s.overflow = props.overflow;
-  if (props.whiteSpace !== void 0) s.whiteSpace = props.whiteSpace;
-  if (props.textOverflow !== void 0) s.textOverflow = props.textOverflow;
-  if (props.textTransform !== void 0) s.textTransform = props.textTransform;
-  if (props.gap !== void 0) s.gap = sp(props.gap);
-  if (props.gridTemplateColumns !== void 0) s.gridTemplateColumns = props.gridTemplateColumns;
-  if (props.minWidth !== void 0) s.minWidth = props.minWidth;
-  if (props.boxSize !== void 0) {
-    const v = typeof props.boxSize === "number" ? `${props.boxSize * S}px` : props.boxSize;
-    s.width = v;
-    s.height = v;
-  }
-  if (props.py !== void 0) {
-    const v = sp(props.py);
-    s.paddingTop = v;
-    s.paddingBottom = v;
-  }
-  if (props.px !== void 0) {
-    const v = sp(props.px);
-    s.paddingLeft = v;
-    s.paddingRight = v;
-  }
-  if (props.p !== void 0) s.padding = sp(props.p);
-  if (props.fontSize !== void 0) s.fontSize = props.fontSize;
-  if (props.flexWrap !== void 0) s.flexWrap = props.flexWrap;
-  if (props.wordBreak !== void 0) s.wordBreak = props.wordBreak;
-  if (props.lineHeight !== void 0) s.lineHeight = props.lineHeight;
-  if (props.marginRight !== void 0) s.marginRight = props.marginRight;
-  if (props.position !== void 0) s.position = props.position;
-  if (props.background !== void 0) s.background = props.background;
-  return s;
-}
-function stripShims(props) {
-  const out = { ...props };
-  for (const k of SHIM_PROPS) delete out[k];
-  return out;
-}
 var SKELETON_CLASSES = "lux-skeleton rounded-sm";
-var HIDE_BELOW_MAP = { lg: "lg:hidden", md: "md:hidden", sm: "sm:hidden" };
 var Skeleton = React2__namespace.forwardRef(
   function Skeleton2(props, ref) {
-    const { loading = false, asChild, className, children, style: styleProp, as: Component = "div", ...allRest } = props;
-    const shimStyle = shimToStyle(props);
-    const mergedStyle = Object.keys(shimStyle).length > 0 || styleProp ? { ...shimStyle, ...styleProp } : void 0;
-    const hideBelowClass = props.hideBelow ? HIDE_BELOW_MAP[props.hideBelow] : void 0;
-    const cls = hideBelowClass ? cn(className, hideBelowClass) : className;
-    const htmlRest = stripShims(allRest);
+    const { loading = true, asChild, className, children, style, ...rest } = props;
     if (!loading) {
       if (asChild && React2__namespace.isValidElement(children)) return children;
-      return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cls, style: mergedStyle, ...htmlRest, children });
-    }
-    if (asChild && React2__namespace.isValidElement(children)) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Component,
-        {
-          ref,
-          "data-loading": true,
-          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
-          style: mergedStyle,
-          ...htmlRest,
-          children
-        }
-      );
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className, style, ...rest, children });
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
+      "div",
       {
         ref,
         "data-loading": true,
-        className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
-        style: mergedStyle,
-        ...htmlRest,
+        ...ui.sx(
+          SKELETON_CLASSES,
+          asChild || children ? "[&_*]:invisible" : "min-h-5",
+          className
+        ),
+        style,
+        ...rest,
         children
       }
     );
@@ -194,7 +61,7 @@ React2__namespace.forwardRef(
       {
         ref,
         loading,
-        className: cn("rounded-full shrink-0", className),
+        ...ui.sx("rounded-full shrink-0", className),
         style: { width: dimension, height: dimension, ...rest.style },
         ...rest
       }
@@ -204,11 +71,11 @@ React2__namespace.forwardRef(
 React2__namespace.forwardRef(
   function SkeletonText2(props, ref) {
     const { noOfLines = 3, loading = true, className, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    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,
-        className: cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
+        ...ui.sx(ui.cn("h-4", index === noOfLines - 1 && "max-w-[80%]"))
       },
       index
     )) });
@@ -217,8 +84,8 @@ React2__namespace.forwardRef(
 function createListCollection(config) {
   return { items: config.items };
 }
-var ArrowIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, 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 = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, 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" }) });
+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) => {
@@ -226,13 +93,14 @@ function FilterInput({ placeholder, initialValue = "", onChange }) {
     onChange?.(e.target.value);
   }, [onChange]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
+    ui.Box,
     {
+      tag: "input",
       type: "text",
       placeholder,
       value,
       onChange: handleChange,
-      className: cn(
+      className: ui.cn(
         "w-full px-3 py-2 text-sm outline-none",
         "bg-transparent border-b border-[var(--color-border-divider)]",
         "placeholder:text-[var(--color-input-placeholder)]"
@@ -342,10 +210,10 @@ var SelectRoot = React2__namespace.forwardRef(
         disablePreventBodyScroll: true,
         name,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
+          ui.Box,
           {
             ref,
-            className: cn("relative inline-flex", className),
+            className: ui.cn("relative inline-flex", className),
             style: inlineStyle,
             "data-invalid": invalid || void 0,
             "data-disabled": disabled || void 0,
@@ -370,7 +238,7 @@ var SelectControl = React2__namespace.forwardRef(
         ref,
         asChild,
         unstyled: true,
-        className: cn(
+        ...ui.sx(
           "group peer inline-flex items-center gap-2 cursor-pointer",
           "rounded-lg text-sm transition-colors outline-none",
           "border border-[var(--color-input-border)] bg-[var(--color-input-bg)] text-[var(--color-input-fg)]",
@@ -386,7 +254,7 @@ var SelectControl = React2__namespace.forwardRef(
         ...radixTriggerProps,
         children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           children,
-          !noIndicator && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 transition-transform data-[state=open]:rotate-180 text-[var(--color-icon-secondary)]", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { className: "h-5 w-5 -rotate-90" }) })
+          !noIndicator && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "ml-auto shrink-0 transition-transform data-[state=open]:rotate-180 text-[var(--color-icon-secondary)]", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { style: ui.css("h-5 w-5 -rotate-90") }) })
         ] })
       }
     );
@@ -404,15 +272,16 @@ var SelectClearTrigger = React2__namespace.forwardRef(
       ctx.onValueChange({ value: [], items: [] });
     }, [ctx]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
+      ui.Box,
       {
+        tag: "button",
         ref,
         type: "button",
         onClick: handleClick,
-        className: cn("pointer-events-auto", className),
+        className: ui.cn("pointer-events-auto", className),
         "aria-label": "Clear selection",
         ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
+        children: /* @__PURE__ */ jsxRuntime.jsx("svg", { style: ui.css("h-5 w-5"), viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
       }
     );
   }
@@ -428,7 +297,7 @@ var SelectContent = React2__namespace.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx(gui.Select.Content, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(
         gui.Select.Viewport,
         {
-          className: cn(
+          ...ui.sx(
             "min-w-[8rem] overflow-hidden rounded-lg p-1",
             "bg-[var(--color-popover-bg)] shadow-[var(--shadow-popover)]",
             "border border-[var(--color-border-divider)]",
@@ -455,7 +324,7 @@ var SelectItem = React2__namespace.forwardRef(
         ref,
         index: index ?? 0,
         value: item.value,
-        className: cn(
+        ...ui.sx(
           "relative flex cursor-pointer select-none items-center gap-2",
           "rounded-md px-3 py-2 text-sm outline-none",
           "text-[var(--color-text-primary)]",
@@ -468,7 +337,7 @@ var SelectItem = React2__namespace.forwardRef(
         children: [
           item.icon,
           /* @__PURE__ */ jsxRuntime.jsx(gui.Select.ItemText, { children: children ?? item.label }),
-          /* @__PURE__ */ jsxRuntime.jsx(gui.Select.ItemIndicator, { className: "ml-auto shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "h-5 w-5" }) })
+          /* @__PURE__ */ jsxRuntime.jsx(gui.Select.ItemIndicator, { ...ui.sx("ml-auto shrink-0"), children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { style: ui.css("h-5 w-5") }) })
         ]
       }
     );
@@ -487,9 +356,10 @@ var SelectValueText = React2__namespace.forwardRef(
         const item = items[0];
         if (!item) return null;
         const label = size === "lg" ? /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
+          ui.Box,
           {
-            className: cn(
+            tag: "span",
+            className: ui.cn(
               "text-xs block",
               invalid ? "text-[var(--color-text-error)]" : "text-[var(--color-input-placeholder)]"
             ),
@@ -499,7 +369,7 @@ var SelectValueText = React2__namespace.forwardRef(
         ) : null;
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           label,
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center flex-nowrap gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "span", className: "inline-flex items-center flex-nowrap gap-1", children: [
             item.icon,
             mode !== "compact" && /* @__PURE__ */ jsxRuntime.jsx(
               "span",
@@ -523,7 +393,7 @@ var SelectValueText = React2__namespace.forwardRef(
       {
         ref,
         placeholder: placeholderText,
-        className: cn("flex flex-col justify-center min-w-0 truncate", className),
+        ...ui.sx("flex flex-col justify-center min-w-0 truncate", className),
         ...rest,
         children: content
       }
@@ -533,8 +403,8 @@ var SelectValueText = React2__namespace.forwardRef(
 var SelectItemGroup = React2__namespace.forwardRef(
   function SelectItemGroup2(props, ref) {
     const { children, label, className, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsxs(gui.Select.Group, { ref, className: cn("py-1", className), ...rest, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(gui.Select.Label, { className: "px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)]", children: label }),
+    return /* @__PURE__ */ jsxRuntime.jsxs(gui.Select.Group, { ref, ...ui.sx("py-1", className), ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(gui.Select.Label, { ...ui.sx("px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)]"), children: label }),
       children
     ] });
   }
@@ -608,7 +478,7 @@ var SelectAsync = React2__namespace.forwardRef((props, ref) => {
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { portalled, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "px-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               FilterInput,
               {

package/dist/select.d.ts

@@ -1,23 +1,20 @@
-import * as _hanzo_gui from '@hanzo/gui';
-import { Select as Select$1 } from '@hanzo/gui';
-import * as _hanzogui_web from '@hanzogui/web';
+import { Select as GuiSelect } from '@hanzo/gui';
 import * as React from 'react';
-
-interface ListCollection<T> {
+export interface ListCollection<T> {
     items: Array<T>;
 }
-declare function createListCollection<T>(config: {
+export declare function createListCollection<T>(config: {
     items: Array<T>;
 }): ListCollection<T>;
-type ViewMode = 'default' | 'compact';
-interface SelectOption<Value extends string = string> {
+export type ViewMode = 'default' | 'compact';
+export interface SelectOption<Value extends string = string> {
     label: string;
     renderLabel?: (place: 'item' | 'value-text') => React.ReactNode;
     value: Value;
     icon?: React.ReactNode;
     afterElement?: React.ReactNode;
 }
-interface SelectRootProps {
+export interface SelectRootProps {
     children?: React.ReactNode;
     collection?: ListCollection<SelectOption>;
     defaultValue?: Array<string>;
@@ -54,11 +51,11 @@ interface SelectRootProps {
     minW?: string | Record<string, string>;
     hideFrom?: string;
 }
-declare const SelectRoot: React.ForwardRefExoticComponent<SelectRootProps & React.RefAttributes<HTMLDivElement>>;
-interface SelectControlProps {
+export declare const SelectRoot: React.ForwardRefExoticComponent<SelectRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectControlProps {
     children?: React.ReactNode;
     noIndicator?: boolean;
-    triggerProps?: React.ComponentProps<typeof Select$1.Trigger> & {
+    triggerProps?: React.ComponentProps<typeof GuiSelect.Trigger> & {
         asChild?: boolean;
         px?: string | number;
         className?: string;
@@ -68,20 +65,20 @@ interface SelectControlProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const SelectControl: React.ForwardRefExoticComponent<SelectControlProps & React.RefAttributes<HTMLButtonElement>>;
-interface SelectClearTriggerProps {
+export declare const SelectControl: React.ForwardRefExoticComponent<SelectControlProps & React.RefAttributes<HTMLButtonElement>>;
+export interface SelectClearTriggerProps {
     className?: string;
 }
-declare const SelectClearTrigger: React.ForwardRefExoticComponent<SelectClearTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface SelectContentProps {
+export declare const SelectClearTrigger: React.ForwardRefExoticComponent<SelectClearTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface SelectContentProps {
     children?: React.ReactNode;
     portalled?: boolean;
     portalRef?: React.RefObject<HTMLElement>;
     className?: string;
     style?: React.CSSProperties;
 }
-declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
-interface SelectItemProps {
+export declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectItemProps {
     item: SelectOption;
     children?: React.ReactNode;
     className?: string;
@@ -95,7 +92,7 @@ interface SelectItemProps {
      */
     index?: number;
 }
-declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
 interface SelectValueTextProps {
     children?: (items: Array<SelectOption>) => React.ReactNode;
     placeholder?: string;
@@ -107,36 +104,36 @@ interface SelectValueTextProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const SelectValueText: React.ForwardRefExoticComponent<SelectValueTextProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const SelectValueText: React.ForwardRefExoticComponent<SelectValueTextProps & React.RefAttributes<HTMLSpanElement>>;
 interface SelectItemGroupProps {
     children?: React.ReactNode;
     label: React.ReactNode;
     className?: string;
 }
-declare const SelectItemGroup: React.ForwardRefExoticComponent<SelectItemGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
-    size?: _hanzogui_web.SizeTokens | _hanzogui_web.FontSizeTokens | undefined;
+export declare const SelectItemGroup: React.ForwardRefExoticComponent<SelectItemGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    size?: import("@hanzogui/web").SizeTokens | import("@hanzogui/web").FontSizeTokens | undefined;
     unstyled?: boolean | undefined;
 }>, "scope"> & {
     scope?: any;
-}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
+}, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps & {
     scope?: any;
-}, _hanzogui_web.TextStylePropsBase, {
-    size?: _hanzogui_web.SizeTokens | _hanzogui_web.FontSizeTokens | undefined;
+}, import("@hanzogui/web").TextStylePropsBase, {
+    size?: import("@hanzogui/web").SizeTokens | import("@hanzogui/web").FontSizeTokens | undefined;
     unstyled?: boolean | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-declare const SelectItemText: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
-    size?: _hanzogui_web.FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export declare const SelectItemText: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
     unstyled?: boolean | undefined;
 }>, "scope"> & {
-    scope?: _hanzo_gui.SelectScopes;
-}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
-    scope?: _hanzo_gui.SelectScopes;
-}, _hanzogui_web.TextStylePropsBase, {
-    size?: _hanzogui_web.FontSizeTokens | undefined;
+    scope?: import("@hanzo/gui").SelectScopes;
+}, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps & {
+    scope?: import("@hanzo/gui").SelectScopes;
+}, import("@hanzogui/web").TextStylePropsBase, {
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
     unstyled?: boolean | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-interface SelectProps extends SelectRootProps {
+}, import("@hanzogui/web").StaticConfigPublic>;
+export interface SelectProps extends SelectRootProps {
     collection: ListCollection<SelectOption>;
     placeholder: string;
     portalled?: boolean;
@@ -147,8 +144,8 @@ interface SelectProps extends SelectRootProps {
     itemFilter?: (item: SelectOption) => boolean;
     mode?: ViewMode;
 }
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
-interface SelectAsyncProps extends Omit<SelectProps, 'collection'> {
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export interface SelectAsyncProps extends Omit<SelectProps, 'collection'> {
     placeholder: string;
     portalled?: boolean;
     loading?: boolean;
@@ -156,6 +153,6 @@ interface SelectAsyncProps extends Omit<SelectProps, 'collection'> {
     extraControls?: React.ReactNode;
     mode?: ViewMode;
 }
-declare const SelectAsync: React.ForwardRefExoticComponent<SelectAsyncProps & React.RefAttributes<HTMLDivElement>>;
-
-export { type ListCollection, Select, SelectAsync, type SelectAsyncProps, SelectClearTrigger, type SelectClearTriggerProps, SelectContent, type SelectContentProps, SelectControl, type SelectControlProps, SelectItem, SelectItemGroup, type SelectItemProps, SelectItemText, SelectLabel, type SelectOption, type SelectProps, SelectRoot, type SelectRootProps, SelectValueText, type ViewMode, createListCollection };
+export declare const SelectAsync: React.ForwardRefExoticComponent<SelectAsyncProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/select.tsx"],"names":[],"mappings":"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"}