@luxfi/ui 7.4.5 → 7.4.7

package/dist/index.d.cts

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

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+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 '@radix-ui/react-accordion';
+import 'react/jsx-runtime';
+import '@hanzo/gui';
+import '@hanzogui/core';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-select';
+import '@radix-ui/react-tabs';

package/dist/index.js

@@ -1563,11 +1563,7 @@ function stripShims(props) {
   for (const k of SHIM_PROPS) delete out[k];
   return out;
 }
-var SKELETON_CLASSES = [
-  "animate-skeleton-shimmer rounded-sm",
-  "bg-[linear-gradient(90deg,var(--color-skeleton-start)_0%,var(--color-skeleton-end)_50%,var(--color-skeleton-start)_100%)]",
-  "bg-[length:200%_100%]"
-].join(" ");
+var SKELETON_CLASSES = "lux-skeleton rounded-sm";
 var HIDE_BELOW_MAP = { lg: "lg:hidden", md: "md:hidden", sm: "sm:hidden" };
 var Skeleton = React33.forwardRef(
   function Skeleton2(props, ref) {
@@ -1587,7 +1583,7 @@ var Skeleton = React33.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "text-transparent [&_*]:invisible", cls),
+          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -1599,7 +1595,7 @@ var Skeleton = React33.forwardRef(
       {
         ref,
         "data-loading": true,
-        className: cn(SKELETON_CLASSES, children ? "text-transparent [&_*]:invisible" : "min-h-5", cls),
+        className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
         style: mergedStyle,
         ...htmlRest,
         children
@@ -1636,6 +1632,10 @@ var SkeletonText = React33.forwardRef(
     )) });
   }
 );
+function LoadingBar({ loading = true }) {
+  if (!loading) return null;
+  return /* @__PURE__ */ jsx("div", { className: "lux-loading", role: "progressbar", "aria-busy": "true", "aria-label": "Loading" });
+}
 var IndicatorIcon2 = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm.75-11.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM9.25 10a.75.75 0 011.5 0v3a.75.75 0 01-1.5 0v-3z" }) });
 var ALERT_BASE = "w-full flex items-start relative rounded text-[var(--color-alert-fg)]";
 var STATUS_CLASSES = {
@@ -1950,7 +1950,7 @@ var Tooltip = React33.forwardRef(
             {
               ref: triggerRef,
               asChild: true,
-              ...isMobile ? { onPress: handleTriggerClick } : {},
+              ...isMobile ? { onClick: handleTriggerClick } : {},
               ...triggerProps,
               children
             }
@@ -7806,4 +7806,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, 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, RadioGroup3 as RadioGroup, Rating, Select, SelectAsync, SelectClearTrigger, SelectContent, SelectControl, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, SelectRoot, SelectValueText, Separator2 as 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, RadioGroup3 as RadioGroup, Rating, Select, SelectAsync, SelectClearTrigger, SelectContent, SelectControl, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, SelectRoot, SelectValueText, Separator2 as 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 };

package/dist/input-group.d.cts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface InputElementProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly placement?: 'start' | 'end';
+}
+interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly startElementProps?: InputElementProps;
+    readonly endElementProps?: InputElementProps;
+    readonly startElement?: React.ReactNode;
+    readonly endElement?: React.ReactNode;
+    readonly children: React.ReactElement<InputElementProps>;
+    readonly startOffset?: string | number;
+    readonly endOffset?: string | number;
+}
+declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type InputElementProps, InputGroup, type InputGroupProps };

package/dist/input-group.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface InputElementProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly placement?: 'start' | 'end';
+}
+interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly startElementProps?: InputElementProps;
+    readonly endElementProps?: InputElementProps;
+    readonly startElement?: React.ReactNode;
+    readonly endElement?: React.ReactNode;
+    readonly children: React.ReactElement<InputElementProps>;
+    readonly startOffset?: string | number;
+    readonly endOffset?: string | number;
+}
+declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type InputElementProps, InputGroup, type InputGroupProps };

package/dist/input.d.cts

@@ -0,0 +1,17 @@
+import React__default from 'react';
+
+type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '2xl';
+type InputVariant = 'outline' | 'filled' | 'unstyled';
+interface InputProps extends Omit<React__default.ComponentPropsWithRef<'input'>, 'size'> {
+    readonly size?: InputSize;
+    readonly variant?: InputVariant;
+    /**
+     * React-Native convention: called with the text value on every change. The gui
+     * Input raises it natively; on web we bridge it off `onChange`, so callers
+     * using EITHER API get updates on either platform.
+     */
+    readonly onChangeText?: (text: string) => void;
+}
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

package/dist/input.d.ts

@@ -0,0 +1,17 @@
+import React__default from 'react';
+
+type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '2xl';
+type InputVariant = 'outline' | 'filled' | 'unstyled';
+interface InputProps extends Omit<React__default.ComponentPropsWithRef<'input'>, 'size'> {
+    readonly size?: InputSize;
+    readonly variant?: InputVariant;
+    /**
+     * React-Native convention: called with the text value on every change. The gui
+     * Input raises it natively; on web we bridge it off `onChange`, so callers
+     * using EITHER API get updates on either platform.
+     */
+    readonly onChangeText?: (text: string) => void;
+}
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

package/dist/link.cjs

@@ -144,11 +144,7 @@ function stripShims(props) {
   for (const k of SHIM_PROPS) delete out[k];
   return out;
 }
-var SKELETON_CLASSES = [
-  "animate-skeleton-shimmer rounded-sm",
-  "bg-[linear-gradient(90deg,var(--color-skeleton-start)_0%,var(--color-skeleton-end)_50%,var(--color-skeleton-start)_100%)]",
-  "bg-[length:200%_100%]"
-].join(" ");
+var SKELETON_CLASSES = "lux-skeleton rounded-sm";
 var HIDE_BELOW_MAP = { lg: "lg:hidden", md: "md:hidden", sm: "sm:hidden" };
 var Skeleton = React__namespace.forwardRef(
   function Skeleton2(props, ref) {
@@ -168,7 +164,7 @@ var Skeleton = React__namespace.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "text-transparent [&_*]:invisible", cls),
+          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -180,7 +176,7 @@ var Skeleton = React__namespace.forwardRef(
       {
         ref,
         "data-loading": true,
-        className: cn(SKELETON_CLASSES, children ? "text-transparent [&_*]:invisible" : "min-h-5", cls),
+        className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
         style: mergedStyle,
         ...htmlRest,
         children

package/dist/link.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type LinkVariant = 'primary' | 'secondary' | 'subtle' | 'underlaid' | 'menu' | 'navigation' | 'plain';
+interface LinkProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    readonly href?: string;
+    readonly loading?: boolean;
+    readonly external?: boolean;
+    readonly iconColor?: string;
+    readonly noIcon?: boolean;
+    readonly disabled?: boolean;
+    readonly variant?: LinkVariant;
+    readonly asChild?: boolean;
+    readonly shallow?: boolean;
+    readonly prefetch?: boolean;
+    readonly scroll?: boolean;
+    readonly fontWeight?: string | number;
+    readonly whiteSpace?: string;
+    readonly wordBreak?: string;
+    readonly textStyle?: string;
+    readonly ml?: number | string | Record<string, string | number>;
+    readonly mr?: number | string;
+    readonly display?: string;
+    readonly alignItems?: string;
+    readonly flexShrink?: number;
+    readonly minW?: number | string;
+    readonly justifyContent?: string;
+    readonly position?: string;
+}
+declare const LinkExternalIcon: ({ color }: {
+    color?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+declare const LinkBox: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const LinkOverlay: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+export { Link, LinkBox, LinkExternalIcon, LinkOverlay, type LinkProps };

package/dist/link.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type LinkVariant = 'primary' | 'secondary' | 'subtle' | 'underlaid' | 'menu' | 'navigation' | 'plain';
+interface LinkProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    readonly href?: string;
+    readonly loading?: boolean;
+    readonly external?: boolean;
+    readonly iconColor?: string;
+    readonly noIcon?: boolean;
+    readonly disabled?: boolean;
+    readonly variant?: LinkVariant;
+    readonly asChild?: boolean;
+    readonly shallow?: boolean;
+    readonly prefetch?: boolean;
+    readonly scroll?: boolean;
+    readonly fontWeight?: string | number;
+    readonly whiteSpace?: string;
+    readonly wordBreak?: string;
+    readonly textStyle?: string;
+    readonly ml?: number | string | Record<string, string | number>;
+    readonly mr?: number | string;
+    readonly display?: string;
+    readonly alignItems?: string;
+    readonly flexShrink?: number;
+    readonly minW?: number | string;
+    readonly justifyContent?: string;
+    readonly position?: string;
+}
+declare const LinkExternalIcon: ({ color }: {
+    color?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+declare const LinkBox: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const LinkOverlay: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+export { Link, LinkBox, LinkExternalIcon, LinkOverlay, type LinkProps };

package/dist/link.js

@@ -123,11 +123,7 @@ function stripShims(props) {
   for (const k of SHIM_PROPS) delete out[k];
   return out;
 }
-var SKELETON_CLASSES = [
-  "animate-skeleton-shimmer rounded-sm",
-  "bg-[linear-gradient(90deg,var(--color-skeleton-start)_0%,var(--color-skeleton-end)_50%,var(--color-skeleton-start)_100%)]",
-  "bg-[length:200%_100%]"
-].join(" ");
+var SKELETON_CLASSES = "lux-skeleton rounded-sm";
 var HIDE_BELOW_MAP = { lg: "lg:hidden", md: "md:hidden", sm: "sm:hidden" };
 var Skeleton = React.forwardRef(
   function Skeleton2(props, ref) {
@@ -147,7 +143,7 @@ var Skeleton = React.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "text-transparent [&_*]:invisible", cls),
+          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -159,7 +155,7 @@ var Skeleton = React.forwardRef(
       {
         ref,
         "data-loading": true,
-        className: cn(SKELETON_CLASSES, children ? "text-transparent [&_*]:invisible" : "min-h-5", cls),
+        className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
         style: mergedStyle,
         ...htmlRest,
         children