@luxfi/ui 7.4.14 → 8.0.0

package/dist/index.d.ts

@@ -1,60 +1,86 @@
-export { AppProvider, useWhiteLabel } from './provider.js';
-export { cn } from './utils.js';
-export { NARROW_PX, TOUCH_PX, useBelow, useIsNarrow, useIsTouch } from './use-narrow.js';
-export { IAM_PAGE_SIZE, IamAccount, IamCall, IamError, IamOrg, IamProject, iam, iamBase } from './iam.js';
-export { Identity, IdentityAuth, IdentityProvider, IdentityProviderProps, IdentityStatus, useIdentity } from './identity.js';
-export { AppNav, AppNavProps, ChromeItem, NavLink, OrgSwitcher, ProjectSwitcher, SettingsMenu, SettingsMenuProps, Switcher, SwitcherProps, UserMenu, UserMenuProps, initials } from './chrome.js';
-export { DEFAULT_ORG, LUX_BRAND, LuxBrand, Org, OrgIdentity, PARS_GOLD, WhiteLabel, currentHost, orgIdentity, orgs, resolveWhiteLabel } from './white-label.js';
-export { Conf, default as config, default as guiConfig, luxThemes } from './lux.config.js';
-export { AccordionItem, AccordionItemContent, AccordionItemTrigger, AccordionRoot, useAccordion } from './accordion.js';
-export { Alert, AlertProps } from './alert.js';
-export { Avatar, AvatarGroup, AvatarProps } from './avatar.js';
-export { Badge, BadgeProps } from './badge.js';
-export { Button, ButtonGroup, ButtonGroupProps, ButtonGroupRadio, ButtonGroupRadioProps, ButtonProps, buttonVariants } from './button.js';
-export { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps } from './checkbox.js';
-export { CloseButton, CloseButtonProps } from './close-button.js';
-export { CollapsibleDetails, CollapsibleList } from './collapsible.js';
-export { ColorMode, ColorModeProvider, useColorMode, useColorModeValue } from './color-mode.js';
-export { DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from './dialog.js';
-export { DrawerActionTrigger, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerRoot, DrawerTitle, DrawerTrigger } from './drawer.js';
-export { EmptyState, EmptyStateProps } from './empty-state.js';
-export { Field, FieldProps } from './field.js';
-export { Heading, HeadingProps } from './heading.js';
-export { IconButton, IconButtonProps } from './icon-button.js';
-export { Image, ImageProps } from './image.js';
-export { Input, InputProps } from './input.js';
-export { InputGroup, InputGroupProps } from './input-group.js';
-export { Link, LinkBox, LinkExternalIcon, LinkOverlay, LinkProps } from './link.js';
-export { MenuArrow, MenuCheckboxItem, MenuContent, MenuItem, MenuItemGroup, MenuItemText, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem } from './menu.js';
-export { PinInput } from './pin-input.js';
-export { PopoverArrow, PopoverBody, PopoverCloseTrigger, PopoverCloseTriggerWrapper, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverRoot, PopoverTitle, PopoverTrigger } from './popover.js';
-export { Progress } from './progress.js';
-export { ProgressCircleRing, ProgressCircleRoot, ProgressCircleValueText } from './progress-circle.js';
-export { Radio, RadioGroup } from './radio.js';
-export { Rating } from './rating.js';
-export { ListCollection, Select, SelectAsync, SelectAsyncProps, SelectClearTrigger, SelectContent, SelectControl, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, SelectOption, SelectProps, SelectRoot, SelectRootProps, SelectValueText, createListCollection } from './select.js';
-export { Separator, SeparatorProps } from './separator.js';
-export { LoadingBar, Skeleton, SkeletonCircle, SkeletonCircleProps, SkeletonProps, SkeletonText, SkeletonTextProps } from './skeleton.js';
-export { Slider } from './slider.js';
-export { Switch } from './switch.js';
-export { TableBody, TableCaption, TableCell, TableColumnHeader, TableColumnHeaderSortable, TableFooter, TableHeader, TableHeaderSticky, TableRoot, TableRow, TableScrollWrapper } from './table.js';
-export { TabsContent, TabsCounter, TabsList, TabsRoot, TabsTrigger } from './tabs.js';
-export { Tag, TagProps } from './tag.js';
-export { Textarea, TextareaProps } from './textarea.js';
-export { Toaster, toaster } from './toaster.js';
-export { Tooltip, TooltipProps } from './tooltip.js';
-export { OptionChain, OptionChainProps, OptionContract, OptionQuote, Strike } from './option-chain.js';
-export { GreeksDisplay, GreeksDisplayProps } from './greeks-display.js';
-export { StrategyBuilder, StrategyBuilderProps, StrategyLeg, StrategySubmission, StrategyType } from './strategy-builder.js';
-export { PnlDiagram, PnlDiagramProps } from './pnl-diagram.js';
-export { OptionPosition, OptionPositionCard, OptionPositionCardProps } from './option-position.js';
-export { ExpirationOption, ExpirationSelector, ExpirationSelectorProps } from './expiration-selector.js';
-export { BankAlert, BankAlertProps, BankAlertText, BankButton, BankButtonProps, BankButtonText, BankCard, BankCardProps, BankDivider, BankField, BankHeading, BankHeadingProps, BankInput, BankInputProps, BankPage, BankPageProps, BankPinBox, BankPinBoxProps, BankText, BankTextProps, bankColors } from './bank.js';
-import '@tanstack/react-query';
-import 'react';
-import 'clsx';
-import '@hanzogui/web';
-import '@hanzogui/themes/v5';
-import '@hanzo/gui';
-import 'react/jsx-runtime';
-import '@hanzogui/core';
+export { AppProvider, useWhiteLabel } from './provider';
+export { cn } from './utils';
+export { useBelow, useIsNarrow, useIsTouch, NARROW_PX, TOUCH_PX } from './use-narrow';
+export { iam, iamBase, IamError, IAM_PAGE_SIZE } from './iam';
+export type { IamAccount, IamOrg, IamProject, IamCall } from './iam';
+export { IdentityProvider, useIdentity } from './identity';
+export type { Identity, IdentityAuth, IdentityStatus, IdentityProviderProps } from './identity';
+export { Switcher, OrgSwitcher, ProjectSwitcher, UserMenu, SettingsMenu, AppNav, initials, } from './chrome';
+export type { ChromeItem, SwitcherProps, UserMenuProps, SettingsMenuProps, NavLink, AppNavProps, } from './chrome';
+export { resolveWhiteLabel, currentHost, orgIdentity, orgs, DEFAULT_ORG, } from './white-label';
+export type { Org, OrgIdentity, WhiteLabel } from './white-label';
+export { default as guiConfig, config, luxThemes, LUX_BRAND, PARS_GOLD } from './lux.config';
+export type { Conf, LuxBrand } from './lux.config';
+export { AccordionRoot, AccordionItem, AccordionItemTrigger, AccordionItemContent, useAccordion, } from './accordion';
+export { Alert } from './alert';
+export type { AlertProps } from './alert';
+export { Avatar, AvatarGroup } from './avatar';
+export type { AvatarProps } from './avatar';
+export { Badge } from './badge';
+export type { BadgeProps } from './badge';
+export { Button, ButtonGroup, ButtonGroupRadio, } from './button';
+export type { ButtonProps, ButtonGroupProps, ButtonGroupRadioProps } from './button';
+export { Checkbox, CheckboxGroup } from './checkbox';
+export type { CheckboxProps, CheckboxGroupProps } from './checkbox';
+export { CloseButton } from './close-button';
+export type { CloseButtonProps } from './close-button';
+export { CollapsibleDetails, CollapsibleList } from './collapsible';
+export { ColorModeProvider, useColorMode, useColorModeValue } from './color-mode';
+export type { ColorMode } from './color-mode';
+export { DialogRoot, DialogContent, DialogCloseTrigger, DialogHeader, DialogBody, DialogFooter, DialogBackdrop, DialogTitle, DialogDescription, DialogTrigger, DialogActionTrigger, } from './dialog';
+export { DrawerRoot, DrawerContent, DrawerCloseTrigger, DrawerTrigger, DrawerHeader, DrawerBody, DrawerFooter, DrawerTitle, DrawerDescription, DrawerActionTrigger, } from './drawer';
+export { EmptyState } from './empty-state';
+export type { EmptyStateProps } from './empty-state';
+export { Field } from './field';
+export type { FieldProps } from './field';
+export { Heading } from './heading';
+export type { HeadingProps } from './heading';
+export { IconButton } from './icon-button';
+export type { IconButtonProps } from './icon-button';
+export { Image } from './image';
+export type { ImageProps } from './image';
+export { Input } from './input';
+export type { InputProps } from './input';
+export { InputGroup } from './input-group';
+export type { InputGroupProps } from './input-group';
+export { Link, LinkBox, LinkOverlay, LinkExternalIcon } from './link';
+export type { LinkProps } from './link';
+export { MenuRoot, MenuTrigger, MenuContent, MenuItem, MenuItemText, MenuSeparator, MenuItemGroup, MenuCheckboxItem, MenuRadioItemGroup, MenuRadioItem, MenuTriggerItem, MenuArrow, } from './menu';
+export { PinInput } from './pin-input';
+export { PopoverRoot, PopoverTrigger, PopoverContent, PopoverArrow, PopoverCloseTrigger, PopoverCloseTriggerWrapper, PopoverBody, PopoverHeader, PopoverFooter, PopoverTitle, PopoverDescription, } from './popover';
+export { Progress } from './progress';
+export { ProgressCircleRoot, ProgressCircleRing, ProgressCircleValueText, } from './progress-circle';
+export { Radio, RadioGroup } from './radio';
+export { Rating } from './rating';
+export { SelectRoot, SelectControl, SelectContent, SelectItem, SelectValueText, SelectItemGroup, SelectLabel, SelectItemText, Select, SelectAsync, SelectClearTrigger, createListCollection, } from './select';
+export type { SelectOption, ListCollection, SelectRootProps, SelectProps, SelectAsyncProps } from './select';
+export { Separator } from './separator';
+export type { SeparatorProps } from './separator';
+export { Skeleton, SkeletonCircle, SkeletonText, LoadingBar } from './skeleton';
+export type { SkeletonProps, SkeletonCircleProps, SkeletonTextProps } from './skeleton';
+export { Slider } from './slider';
+export { Switch } from './switch';
+export { TableRoot, TableHeader, TableBody, TableRow, TableCell, TableColumnHeader, TableColumnHeaderSortable, TableCaption, TableFooter, TableScrollWrapper, TableHeaderSticky, } from './table';
+export { TabsRoot, TabsList, TabsTrigger, TabsContent, TabsCounter, } from './tabs';
+export { Tag } from './tag';
+export type { TagProps } from './tag';
+export { Textarea } from './textarea';
+export type { TextareaProps } from './textarea';
+export { Toaster, toaster } from './toaster';
+export { Tooltip } from './tooltip';
+export type { TooltipProps } from './tooltip';
+export { OptionChain, } from './option-chain';
+export type { OptionChainProps, OptionQuote, OptionContract, Strike, } from './option-chain';
+export { GreeksDisplay, } from './greeks-display';
+export type { GreeksDisplayProps, } from './greeks-display';
+export { StrategyBuilder, } from './strategy-builder';
+export type { StrategyBuilderProps, StrategyLeg, StrategyType, StrategySubmission, } from './strategy-builder';
+export { PnlDiagram, } from './pnl-diagram';
+export type { PnlDiagramProps, } from './pnl-diagram';
+export { OptionPositionCard, } from './option-position';
+export type { OptionPositionCardProps, OptionPosition, } from './option-position';
+export { ExpirationSelector, } from './expiration-selector';
+export type { ExpirationSelectorProps, ExpirationOption, } from './expiration-selector';
+export { bankColors, BankCard, BankInput, BankButton, BankButtonText, BankHeading, BankText, BankField, BankAlert, BankAlertText, BankPinBox, BankDivider, BankPage, } from './bank';
+export type { BankCardProps, BankInputProps, BankButtonProps, BankHeadingProps, BankTextProps, BankAlertProps, BankPinBoxProps, BankPageProps, } from './bank';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -3,11 +3,12 @@ import { createGui, styled, View, Sheet, Dialog, XStack, YStack, Text, Avatar as
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import * as React32 from 'react';
 import React32__default, { Children, createElement } 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 { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { cn } from '@hanzo/ui';
+export { cn } from '@hanzo/ui';
 import { ChevronRight, ChevronsUpDown, Folder, LogOut, User, Settings, Menu as Menu$1, Building2, Check } from 'lucide-react';
 import { useClickAway, useDebounce } from '@uidotdev/usehooks';
 import { debounce, throttle } from 'es-toolkit';
@@ -174,6 +175,7 @@ var luxThemes = {
 };
 var config = createGui({
   ...defaultConfig,
+  ...config$1,
   animations,
   settings: {
     ...defaultConfig.settings,
@@ -222,9 +224,6 @@ var AppProvider = ({
   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 }) }) });
 };
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var NARROW_PX = 640;
 var TOUCH_PX = 1024;
 function useBelow(px) {
@@ -2222,17 +2221,6 @@ var Button = React32.forwardRef(
     return button;
   }
 );
-var SIZE_CLASSES = {
-  "2xs": "px-2 h-5 min-w-5 text-xs rounded-sm gap-1",
-  xs: "px-2 h-6 min-w-6 text-sm rounded-sm gap-1",
-  sm: "px-3 h-8 min-w-8 text-sm rounded-md gap-1",
-  md: "px-3 h-10 min-w-10 text-base rounded-md gap-2"
-};
-function buttonVariants(opts) {
-  const v = opts?.variant ?? "solid";
-  const s = opts?.size ?? "md";
-  return [BASE_CLASSES, VARIANT_CLASSES[v] ?? "", SIZE_CLASSES[s] ?? ""].filter(Boolean).join(" ");
-}
 var ButtonGroup = React32.forwardRef(
   function ButtonGroup2(props, ref) {
     const { className, ...rest } = props;
@@ -3258,9 +3246,18 @@ var Field = React32.forwardRef(
 );
 var TAG = { "1": H1, "2": H2, "3": H3 };
 var RAMP = {
-  "1": { fontSize: 18, lineHeight: 24, fontWeight: "500", $lg: { fontSize: 32, lineHeight: 40, letterSpacing: -0.5 } },
-  "2": { fontSize: 16, lineHeight: 24, fontWeight: "500", $lg: { fontSize: 24, lineHeight: 32 } },
-  "3": { fontSize: 14, lineHeight: 20, fontWeight: "600", $lg: { fontSize: 18, lineHeight: 24, fontWeight: "500" } }
+  // Tokens, not numbers. `$n` publishes as `var(--text-*, <px>)` through the
+  // shared config, and @hanzo/design multiplies `--text-*` by `--type-scale` —
+  // so these three lines are what lets a person's type-size setting reach a
+  // heading at all. Written as `18` they would render identically today and
+  // never move again.
+  //
+  // lineHeight is deliberately absent: gui derives it from the resolved size,
+  // so it scales WITH the text. A fixed 24 next to an adjustable size is how
+  // you get 32px text in a 24px box.
+  "1": { fontSize: "$6", $lg: { fontSize: "$10", letterSpacing: -0.5 } },
+  "2": { fontSize: "$5", $lg: { fontSize: "$8" } },
+  "3": { fontSize: "$3", fontWeight: "600", $lg: { fontSize: "$6", fontWeight: "500" } }
 };
 var Heading = React32__default.forwardRef(
   function Heading2({ level, ...rest }, ref) {
@@ -3628,11 +3625,11 @@ var Image = React32__default.forwardRef(
   }
 );
 var SIZE5 = {
-  xs: { height: 24, paddingHorizontal: 8, fontSize: 12, borderRadius: 4 },
-  sm: { height: 32, paddingHorizontal: 12, fontSize: 14, borderRadius: 6 },
-  md: { height: 40, paddingHorizontal: 16, fontSize: 16, borderRadius: 6 },
-  lg: { height: 48, paddingHorizontal: 16, fontSize: 18, borderRadius: 8 },
-  "2xl": { height: 56, paddingHorizontal: 16, fontSize: 20, borderRadius: 8 }
+  xs: { height: 24, paddingHorizontal: 8, fontSize: "$1", borderRadius: 4 },
+  sm: { height: 32, paddingHorizontal: 12, fontSize: "$3", borderRadius: 6 },
+  md: { height: 40, paddingHorizontal: 16, fontSize: "$5", borderRadius: 6 },
+  lg: { height: 48, paddingHorizontal: 16, fontSize: "$6", borderRadius: 8 },
+  "2xl": { height: 56, paddingHorizontal: 16, fontSize: "$7", borderRadius: 8 }
 };
 var VARIANT3 = {
   outline: { borderWidth: 1, borderStyle: "solid" },
@@ -3822,7 +3819,7 @@ var BOX = {
   hoverStyle: { borderColor: "var(--color-input-border-hover)" },
   focusStyle: {
     borderColor: "var(--color-input-border-focus)",
-    boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+    boxShadow: "var(--shadow-md)"
   },
   disabledStyle: { opacity: 0.4 }
 };
@@ -5070,7 +5067,7 @@ var Slider = React32.forwardRef(
                 borderWidth: 2,
                 borderColor: ACTIVE,
                 backgroundColor: WHITE,
-                boxShadow: "0 1px 2px 0 rgba(0,0,0,0.05)",
+                boxShadow: "var(--shadow-sm)",
                 transition: "quick",
                 hoverStyle: { borderColor: ACTIVE_HOVER },
                 focusStyle: { outlineWidth: 2, outlineStyle: "solid", outlineColor: ACTIVE, outlineOffset: 2 },
@@ -5195,7 +5192,7 @@ var SwitchBase = React32.forwardRef(
                     height: s.thumb,
                     borderRadius: 9999,
                     backgroundColor: WHITE2,
-                    boxShadow: "0 1px 2px 0 rgba(0,0,0,0.05)",
+                    boxShadow: "var(--shadow-sm)",
                     children: thumbLabel && /* @__PURE__ */ jsx(Text, { width: "100%", height: "100%", textAlign: "center", fontSize: 8, children: checkedState ? thumbLabel.on : thumbLabel.off })
                   }
                 )
@@ -5859,11 +5856,11 @@ var Tag = React32.forwardRef(
   }
 );
 var SIZE10 = {
-  xs: { paddingHorizontal: 8, paddingVertical: 4, fontSize: 12, borderRadius: 4 },
-  sm: { paddingHorizontal: 12, paddingVertical: 8, fontSize: 14, borderRadius: 6 },
-  md: { paddingHorizontal: 16, paddingVertical: 8, fontSize: 16, borderRadius: 6 },
-  lg: { paddingHorizontal: 16, paddingVertical: 12, fontSize: 18, borderRadius: 8 },
-  "2xl": { paddingHorizontal: 16, paddingVertical: 12, fontSize: 20, borderRadius: 8 }
+  xs: { paddingHorizontal: 8, paddingVertical: 4, fontSize: "$1", borderRadius: 4 },
+  sm: { paddingHorizontal: 12, paddingVertical: 8, fontSize: "$3", borderRadius: 6 },
+  md: { paddingHorizontal: 16, paddingVertical: 8, fontSize: "$5", borderRadius: 6 },
+  lg: { paddingHorizontal: 16, paddingVertical: 12, fontSize: "$6", borderRadius: 8 },
+  "2xl": { paddingHorizontal: 16, paddingVertical: 12, fontSize: "$7", borderRadius: 8 }
 };
 var Textarea = React32__default.forwardRef(
   ({ size = "md", variant = "outline", className, onChange, onChangeText, ...rest }, ref) => {
@@ -7639,4 +7636,4 @@ var BankPage = styled(View, {
   padding: 16
 });
 
-export { AccordionItem, AccordionItemContent, AccordionItemTrigger, AccordionRoot, Alert, AppNav, AppProvider, Avatar, AvatarGroup, Badge, BankAlert, BankAlertText, BankButton, BankButtonText, BankCard, BankDivider, BankField, BankHeading, BankInput, BankPage, BankPinBox, BankText, Button, ButtonGroup, ButtonGroupRadio, Checkbox2 as Checkbox, CheckboxGroup2 as CheckboxGroup, CloseButton, CollapsibleDetails, CollapsibleList, ColorModeProvider, DEFAULT_ORG, DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, DrawerActionTrigger, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerRoot, DrawerTitle, DrawerTrigger, EmptyState, ExpirationSelector, Field, GreeksDisplay, Heading, IAM_PAGE_SIZE, IamError, IconButton, IdentityProvider, Image, Input, InputGroup, LUX_BRAND, Link, LinkBox, LinkExternalIcon, LinkOverlay, LoadingBar, MenuArrow, MenuCheckboxItem, MenuContent, MenuItem, MenuItemGroup, MenuItemText, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, NARROW_PX, OptionChain, OptionPositionCard, OrgSwitcher, PARS_GOLD, PinInput, PnlDiagram, PopoverArrow, PopoverBody, PopoverCloseTrigger, PopoverCloseTriggerWrapper, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverRoot, PopoverTitle, PopoverTrigger, Progress, ProgressCircleRing, ProgressCircleRoot, ProgressCircleValueText, ProjectSwitcher, Radio2 as Radio, RadioGroup2 as RadioGroup, Rating, Select, SelectAsync, SelectClearTrigger, SelectContent, SelectControl, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, SelectRoot, SelectValueText, Separator, SettingsMenu, Skeleton, SkeletonCircle, SkeletonText, Slider, StrategyBuilder, Switch2 as Switch, Switcher, TOUCH_PX, TableBody, TableCaption, TableCell, TableColumnHeader, TableColumnHeaderSortable, TableFooter, TableHeader, TableHeaderSticky, TableRoot, TableRow, TableScrollWrapper, TabsContent, TabsCounter, TabsList, TabsRoot, TabsTrigger, Tag, Textarea, Toaster, Tooltip, UserMenu, bankColors, buttonVariants, cn, config, createListCollection, currentHost, lux_config_default as guiConfig, iam, iamBase, initials, luxThemes, orgIdentity, ORGS as orgs, resolveWhiteLabel, toaster, useAccordion, useBelow, useColorMode, useColorModeValue, useIdentity, useIsNarrow, useIsTouch, useWhiteLabel };
+export { AccordionItem, AccordionItemContent, AccordionItemTrigger, AccordionRoot, Alert, AppNav, AppProvider, Avatar, AvatarGroup, Badge, BankAlert, BankAlertText, BankButton, BankButtonText, BankCard, BankDivider, BankField, BankHeading, BankInput, BankPage, BankPinBox, BankText, Button, ButtonGroup, ButtonGroupRadio, Checkbox2 as Checkbox, CheckboxGroup2 as CheckboxGroup, CloseButton, CollapsibleDetails, CollapsibleList, ColorModeProvider, DEFAULT_ORG, DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, DrawerActionTrigger, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerRoot, DrawerTitle, DrawerTrigger, EmptyState, ExpirationSelector, Field, GreeksDisplay, Heading, IAM_PAGE_SIZE, IamError, IconButton, IdentityProvider, Image, Input, InputGroup, LUX_BRAND, Link, LinkBox, LinkExternalIcon, LinkOverlay, LoadingBar, MenuArrow, MenuCheckboxItem, MenuContent, MenuItem, MenuItemGroup, MenuItemText, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, NARROW_PX, OptionChain, OptionPositionCard, OrgSwitcher, PARS_GOLD, PinInput, PnlDiagram, PopoverArrow, PopoverBody, PopoverCloseTrigger, PopoverCloseTriggerWrapper, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverRoot, PopoverTitle, PopoverTrigger, Progress, ProgressCircleRing, ProgressCircleRoot, ProgressCircleValueText, ProjectSwitcher, Radio2 as Radio, RadioGroup2 as RadioGroup, Rating, Select, SelectAsync, SelectClearTrigger, SelectContent, SelectControl, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, SelectRoot, SelectValueText, Separator, SettingsMenu, Skeleton, SkeletonCircle, SkeletonText, Slider, StrategyBuilder, Switch2 as Switch, Switcher, TOUCH_PX, TableBody, TableCaption, TableCell, TableColumnHeader, TableColumnHeaderSortable, TableFooter, TableHeader, TableHeaderSticky, TableRoot, TableRow, TableScrollWrapper, TabsContent, TabsCounter, TabsList, TabsRoot, TabsTrigger, Tag, Textarea, Toaster, Tooltip, UserMenu, bankColors, config, createListCollection, currentHost, lux_config_default as guiConfig, iam, iamBase, initials, luxThemes, orgIdentity, ORGS as orgs, resolveWhiteLabel, toaster, useAccordion, useBelow, useColorMode, useColorModeValue, useIdentity, useIsNarrow, useIsTouch, useWhiteLabel };

package/dist/ink.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentType, type ReactNode } from 'react';
+/**
+ * Give bare text a Text host; pass elements through untouched.
+ *
+ * gui's primitives are react-native primitives, and a react-native View cannot
+ * lay out a raw string. On native it throws; on web it is worse than that,
+ * because it renders — as a zero-height box with no error and no type failure.
+ * That is the whole failure mode: a build stays green and a label is invisible.
+ *
+ * So every component here that takes free-form children runs them through this,
+ * and a string child then behaves the same on web and on native.
+ */
+export declare const ink: (children: ReactNode, Wrap?: ComponentType<Record<string, unknown>>, props?: Record<string, unknown>) => ReactNode;
+//# sourceMappingURL=ink.d.ts.map

package/dist/ink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ink.d.ts","sourceRoot":"","sources":["../src/ink.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,GACd,UAAU,SAAS,EACnB,OAAM,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAiB,EAC5D,QAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,KAClC,SAkBF,CAAC"}

package/dist/input-group.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-
-interface InputElementProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface InputElementProps extends React.HTMLAttributes<HTMLDivElement> {
     readonly placement?: 'start' | 'end';
 }
-interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     readonly startElementProps?: InputElementProps;
     readonly endElementProps?: InputElementProps;
     readonly startElement?: React.ReactNode;
@@ -12,6 +11,5 @@ interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     readonly startOffset?: string | number;
     readonly endOffset?: string | number;
 }
-declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-export { type InputElementProps, InputGroup, type InputGroupProps };
+export declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=input-group.d.ts.map

package/dist/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../src/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACtC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAC/C,QAAQ,CAAC,eAAe,CAAC,EAAE,iBAAiB,CAAC;IAC7C,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACzD,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtC;AAED,eAAO,MAAM,UAAU,wFAuJtB,CAAC"}

package/dist/input.cjs

@@ -11,11 +11,11 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 // src/input.tsx
 var SIZE = {
-  xs: { height: 24, paddingHorizontal: 8, fontSize: 12, borderRadius: 4 },
-  sm: { height: 32, paddingHorizontal: 12, fontSize: 14, borderRadius: 6 },
-  md: { height: 40, paddingHorizontal: 16, fontSize: 16, borderRadius: 6 },
-  lg: { height: 48, paddingHorizontal: 16, fontSize: 18, borderRadius: 8 },
-  "2xl": { height: 56, paddingHorizontal: 16, fontSize: 20, borderRadius: 8 }
+  xs: { height: 24, paddingHorizontal: 8, fontSize: "$1", borderRadius: 4 },
+  sm: { height: 32, paddingHorizontal: 12, fontSize: "$3", borderRadius: 6 },
+  md: { height: 40, paddingHorizontal: 16, fontSize: "$5", borderRadius: 6 },
+  lg: { height: 48, paddingHorizontal: 16, fontSize: "$6", borderRadius: 8 },
+  "2xl": { height: 56, paddingHorizontal: 16, fontSize: "$7", borderRadius: 8 }
 };
 var VARIANT = {
   outline: { borderWidth: 1, borderStyle: "solid" },

package/dist/input.d.ts

@@ -1,8 +1,7 @@
-import React__default from 'react';
-
+import React from 'react';
 type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '2xl';
 type InputVariant = 'outline' | 'filled' | 'unstyled';
-interface InputProps extends Omit<React__default.ComponentPropsWithRef<'input'>, 'size'> {
+export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, 'size'> {
     readonly size?: InputSize;
     readonly variant?: InputVariant;
     /**
@@ -12,10 +11,10 @@ interface InputProps extends Omit<React__default.ComponentPropsWithRef<'input'>,
      */
     readonly onChangeText?: (text: string) => void;
 }
-declare const SIZE: Record<InputSize, Record<string, number>>;
-declare const VARIANT: Record<InputVariant, Record<string, unknown>>;
+export declare const SIZE: Record<InputSize, Record<string, unknown>>;
+export declare const VARIANT: Record<InputVariant, Record<string, unknown>>;
 /** The frame every text control shares. */
-declare const CONTROL: {
+export declare const CONTROL: {
     readonly width: "100%";
     readonly outlineWidth: 0;
     readonly backgroundColor: "var(--color-input-bg)";
@@ -32,6 +31,6 @@ declare const CONTROL: {
         readonly cursor: "not-allowed";
     };
 };
-declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-
-export { CONTROL, Input, type InputProps, SIZE, VARIANT };
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/dist/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACnD,KAAK,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IACpF,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEhC;;;;OAIG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAM3D,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAIjE,CAAC;AAEF,2CAA2C;AAC3C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CASV,CAAC;AAEX,eAAO,MAAM,KAAK,kGAuBjB,CAAC"}

package/dist/input.js

@@ -5,11 +5,11 @@ import { jsx } from 'react/jsx-runtime';
 
 // src/input.tsx
 var SIZE = {
-  xs: { height: 24, paddingHorizontal: 8, fontSize: 12, borderRadius: 4 },
-  sm: { height: 32, paddingHorizontal: 12, fontSize: 14, borderRadius: 6 },
-  md: { height: 40, paddingHorizontal: 16, fontSize: 16, borderRadius: 6 },
-  lg: { height: 48, paddingHorizontal: 16, fontSize: 18, borderRadius: 8 },
-  "2xl": { height: 56, paddingHorizontal: 16, fontSize: 20, borderRadius: 8 }
+  xs: { height: 24, paddingHorizontal: 8, fontSize: "$1", borderRadius: 4 },
+  sm: { height: 32, paddingHorizontal: 12, fontSize: "$3", borderRadius: 6 },
+  md: { height: 40, paddingHorizontal: 16, fontSize: "$5", borderRadius: 6 },
+  lg: { height: 48, paddingHorizontal: 16, fontSize: "$6", borderRadius: 8 },
+  "2xl": { height: 56, paddingHorizontal: 16, fontSize: "$7", borderRadius: 8 }
 };
 var VARIANT = {
   outline: { borderWidth: 1, borderStyle: "solid" },

package/dist/link.cjs

@@ -2,8 +2,7 @@
 'use strict';
 
 var React = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
+var ui = require('@hanzo/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -27,9 +26,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/link.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",
@@ -152,7 +148,7 @@ var Skeleton = React__namespace.forwardRef(
     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 cls = hideBelowClass ? ui.cn(className, hideBelowClass) : className;
     const htmlRest = stripShims(allRest);
     if (!loading) {
       if (asChild && React__namespace.isValidElement(children)) return children;
@@ -164,7 +160,7 @@ var Skeleton = React__namespace.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
+          className: ui.cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -176,7 +172,7 @@ var Skeleton = React__namespace.forwardRef(
       {
         ref,
         "data-loading": true,
-        className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
+        className: ui.cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
         style: mergedStyle,
         ...htmlRest,
         children
@@ -193,7 +189,7 @@ React__namespace.forwardRef(
       {
         ref,
         loading,
-        className: cn("rounded-full shrink-0", className),
+        className: ui.cn("rounded-full shrink-0", className),
         style: { width: dimension, height: dimension, ...rest.style },
         ...rest
       }
@@ -203,11 +199,11 @@ React__namespace.forwardRef(
 React__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("div", { 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%]")
+        className: ui.cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
       },
       index
     )) });
@@ -226,40 +222,40 @@ function stripUtmParams(url) {
   }
 }
 var VARIANT_CLASSES = {
-  primary: cn(
+  primary: ui.cn(
     "text-[var(--color-link-primary)]",
     "hover:no-underline hover:text-[var(--color-link-primary-hover)]",
     "data-[hover]:no-underline data-[hover]:text-[var(--color-link-primary-hover)]"
   ),
-  secondary: cn(
+  secondary: ui.cn(
     "text-[var(--color-link-secondary)]",
     "hover:no-underline hover:text-[var(--color-hover)]",
     "data-[hover]:no-underline data-[hover]:text-[var(--color-hover)]"
   ),
-  subtle: cn(
+  subtle: ui.cn(
     "text-[var(--color-link-subtle)]",
     "hover:text-[var(--color-link-subtle-hover)] hover:underline hover:decoration-[var(--color-link-subtle-hover)]",
     "data-[hover]:text-[var(--color-link-subtle-hover)] data-[hover]:underline data-[hover]:decoration-[var(--color-link-subtle-hover)]"
   ),
-  underlaid: cn(
+  underlaid: ui.cn(
     "text-[var(--color-link-primary)] bg-[var(--color-link-underlaid-bg)]",
     "px-2 py-1.5 rounded-md text-sm",
     "hover:text-[var(--color-link-primary-hover)] hover:no-underline",
     "data-[hover]:text-[var(--color-link-primary-hover)] data-[hover]:no-underline"
   ),
-  menu: cn(
+  menu: ui.cn(
     "text-[var(--color-link-menu)]",
     "hover:text-[var(--color-hover)] hover:no-underline",
     "data-[hover]:text-[var(--color-hover)] data-[hover]:no-underline"
   ),
-  navigation: cn(
+  navigation: ui.cn(
     "text-[var(--color-link-nav-fg)] bg-transparent",
     "hover:text-[var(--color-link-nav-fg-hover)] hover:no-underline",
     "data-[hover]:text-[var(--color-link-nav-fg-hover)] data-[hover]:no-underline",
     "data-[selected]:text-[var(--color-link-nav-fg-selected)] data-[selected]:bg-[var(--color-link-nav-bg-selected)]",
     "data-[active]:text-[var(--color-link-nav-fg-active)]"
   ),
-  plain: cn(
+  plain: ui.cn(
     "text-inherit",
     "hover:no-underline",
     "data-[hover]:no-underline"
@@ -269,7 +265,7 @@ var BASE_CLASSES = "inline-flex items-center gap-0 cursor-pointer data-[disabled
 var LinkExternalIcon = ({ color }) => /* @__PURE__ */ jsxRuntime.jsx(
   ArrowIcon,
   {
-    className: cn(
+    className: ui.cn(
       "size-3 align-middle shrink-0",
       "group-hover:text-inherit"
     ),
@@ -334,7 +330,7 @@ var Link = React__namespace.default.forwardRef(
     if (_minW !== void 0) shimStyle.minWidth = typeof _minW === "number" ? `${_minW * SPACING}px` : _minW;
     if (_justifyContent) shimStyle.justifyContent = _justifyContent;
     if (_position) shimStyle.position = _position;
-    const linkClasses = cn(BASE_CLASSES, VARIANT_CLASSES[variant], className);
+    const linkClasses = ui.cn(BASE_CLASSES, VARIANT_CLASSES[variant], className);
     const linkStyle = Object.keys(shimStyle).length > 0 ? shimStyle : void 0;
     if (external) {
       const processedHref = typeof href === "string" ? stripUtmParams(href) : href;
@@ -342,7 +338,7 @@ var Link = React__namespace.default.forwardRef(
         "a",
         {
           href: processedHref,
-          className: cn("group", linkClasses),
+          className: ui.cn("group", linkClasses),
           style: linkStyle,
           target: "_blank",
           rel: "noopener noreferrer",
@@ -386,7 +382,7 @@ var LinkBox = React__namespace.default.forwardRef(
       "div",
       {
         ref,
-        className: cn("relative", className),
+        className: ui.cn("relative", className),
         ...rest
       }
     );
@@ -422,7 +418,7 @@ var LinkOverlay = React__namespace.default.forwardRef(
       position: _p2,
       ...rest
     } = props;
-    const overlayClasses = cn(
+    const overlayClasses = ui.cn(
       BASE_CLASSES,
       VARIANT_CLASSES[variant],
       // Static positioning with a ::before pseudo-element that covers the LinkBox