@luxfi/ui 7.4.5 → 7.4.7

package/dist/bank.d.cts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _hanzogui_core from '@hanzogui/core';
+import * as _hanzogui_web from '@hanzogui/web';
+import React__default from 'react';
+import { GetProps } from '@hanzo/gui';
+
+declare const bankColors: {
+    readonly bg: "#000000";
+    readonly card: "#111111";
+    readonly cardBorder: "#222222";
+    readonly input: "#1A1A1A";
+    readonly inputBorder: "#333333";
+    readonly inputFocus: "#555555";
+    readonly inputPlaceholder: "#666666";
+    readonly text: "#FFFFFF";
+    readonly textMuted: "#888888";
+    readonly textLabel: "#CCCCCC";
+    readonly accent: "#FFFFFF";
+    readonly accentPress: "#E0E0E0";
+    readonly accentHover: "#F0F0F0";
+    readonly error: "#FF4444";
+    readonly errorBg: "#1C0A0A";
+    readonly errorBorder: "#441111";
+    readonly success: "#44FF44";
+    readonly successBg: "#0A1C0A";
+    readonly successBorder: "#114411";
+    readonly divider: "#222222";
+    readonly disabled: "#444444";
+};
+declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+    size?: "sm" | "md" | "lg" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankCardProps = GetProps<typeof BankCard>;
+declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    size?: "sm" | "md" | "lg" | undefined;
+    unstyled?: boolean | undefined;
+    invalid?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankInputProps = GetProps<typeof BankInput> & {
+    placeholderTextColor?: string;
+};
+declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+    disabled?: boolean | undefined;
+    variant?: "primary" | "secondary" | "ghost" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    variant?: "primary" | "secondary" | "ghost" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankButtonProps = GetProps<typeof BankButton>;
+declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankHeadingProps = GetProps<typeof BankHeading>;
+declare const BankText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    variant?: "default" | "label" | "link" | "error" | "success" | "muted" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankTextProps = GetProps<typeof BankText>;
+declare function BankField({ label, error, children, }: {
+    label?: string;
+    error?: string;
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+    status?: "error" | "success" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    status?: "error" | "success" | undefined;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankAlertProps = GetProps<typeof BankAlert>;
+declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    invalid?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankPinBoxProps = GetProps<typeof BankPinBox>;
+declare const BankDivider: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+declare const BankPage: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+type BankPageProps = GetProps<typeof BankPage>;
+
+export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };

package/dist/bank.d.ts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _hanzogui_core from '@hanzogui/core';
+import * as _hanzogui_web from '@hanzogui/web';
+import React__default from 'react';
+import { GetProps } from '@hanzo/gui';
+
+declare const bankColors: {
+    readonly bg: "#000000";
+    readonly card: "#111111";
+    readonly cardBorder: "#222222";
+    readonly input: "#1A1A1A";
+    readonly inputBorder: "#333333";
+    readonly inputFocus: "#555555";
+    readonly inputPlaceholder: "#666666";
+    readonly text: "#FFFFFF";
+    readonly textMuted: "#888888";
+    readonly textLabel: "#CCCCCC";
+    readonly accent: "#FFFFFF";
+    readonly accentPress: "#E0E0E0";
+    readonly accentHover: "#F0F0F0";
+    readonly error: "#FF4444";
+    readonly errorBg: "#1C0A0A";
+    readonly errorBorder: "#441111";
+    readonly success: "#44FF44";
+    readonly successBg: "#0A1C0A";
+    readonly successBorder: "#114411";
+    readonly divider: "#222222";
+    readonly disabled: "#444444";
+};
+declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+    size?: "sm" | "md" | "lg" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankCardProps = GetProps<typeof BankCard>;
+declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    size?: "sm" | "md" | "lg" | undefined;
+    unstyled?: boolean | undefined;
+    invalid?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankInputProps = GetProps<typeof BankInput> & {
+    placeholderTextColor?: string;
+};
+declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+    disabled?: boolean | undefined;
+    variant?: "primary" | "secondary" | "ghost" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    variant?: "primary" | "secondary" | "ghost" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankButtonProps = GetProps<typeof BankButton>;
+declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankHeadingProps = GetProps<typeof BankHeading>;
+declare const BankText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    variant?: "default" | "label" | "link" | "error" | "success" | "muted" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankTextProps = GetProps<typeof BankText>;
+declare function BankField({ label, error, children, }: {
+    label?: string;
+    error?: string;
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+    status?: "error" | "success" | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    status?: "error" | "success" | undefined;
+    unstyled?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankAlertProps = GetProps<typeof BankAlert>;
+declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    invalid?: boolean | undefined;
+}, _hanzogui_web.StaticConfigPublic>;
+type BankPinBoxProps = GetProps<typeof BankPinBox>;
+declare const BankDivider: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+declare const BankPage: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+type BankPageProps = GetProps<typeof BankPage>;
+
+export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };

package/dist/button.cjs

@@ -145,11 +145,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 = React2__namespace.forwardRef(
   function Skeleton2(props, ref) {
@@ -169,7 +165,7 @@ var Skeleton = React2__namespace.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "text-transparent [&_*]:invisible", cls),
+          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -181,7 +177,7 @@ var Skeleton = React2__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/button.d.cts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+
+declare const VARIANT_CLASSES: Record<string, string>;
+type ButtonVariant = keyof typeof VARIANT_CLASSES;
+type ButtonSize = '2xs' | 'xs' | 'sm' | 'md';
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    readonly variant?: ButtonVariant;
+    readonly size?: ButtonSize;
+    readonly asChild?: boolean;
+    readonly loading?: boolean;
+    readonly loadingText?: React.ReactNode;
+    readonly loadingSkeleton?: boolean;
+    readonly expanded?: boolean;
+    readonly selected?: boolean;
+    readonly highlighted?: boolean;
+    readonly mt?: number | string;
+    readonly ml?: number | string;
+    readonly mr?: number | string;
+    readonly px?: number | string;
+    readonly py?: number | string;
+    readonly fontWeight?: number | string;
+    readonly gap?: number | string;
+    readonly flexShrink?: number;
+    readonly columnGap?: number | string;
+    readonly gridColumn?: number | string;
+    readonly gridRow?: string;
+    readonly justifySelf?: string;
+    readonly alignSelf?: string;
+    readonly textStyle?: string;
+    readonly h?: string;
+    readonly w?: string;
+    readonly display?: string;
+    readonly borderBottomRightRadius?: number | string;
+    readonly borderTopRightRadius?: number | string;
+    readonly 'data-call-strategy'?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare function buttonVariants(opts?: {
+    variant?: string;
+    size?: string;
+}): string;
+interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface ButtonGroupRadioProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
+    children: Array<React.ReactElement<ButtonProps>>;
+    onChange?: (value: string) => void;
+    defaultValue?: string;
+    loading?: boolean;
+    equalWidth?: boolean;
+    variant?: ButtonProps['variant'];
+}
+declare const ButtonGroupRadio: React.ForwardRefExoticComponent<ButtonGroupRadioProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps, buttonVariants };

package/dist/button.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+
+declare const VARIANT_CLASSES: Record<string, string>;
+type ButtonVariant = keyof typeof VARIANT_CLASSES;
+type ButtonSize = '2xs' | 'xs' | 'sm' | 'md';
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    readonly variant?: ButtonVariant;
+    readonly size?: ButtonSize;
+    readonly asChild?: boolean;
+    readonly loading?: boolean;
+    readonly loadingText?: React.ReactNode;
+    readonly loadingSkeleton?: boolean;
+    readonly expanded?: boolean;
+    readonly selected?: boolean;
+    readonly highlighted?: boolean;
+    readonly mt?: number | string;
+    readonly ml?: number | string;
+    readonly mr?: number | string;
+    readonly px?: number | string;
+    readonly py?: number | string;
+    readonly fontWeight?: number | string;
+    readonly gap?: number | string;
+    readonly flexShrink?: number;
+    readonly columnGap?: number | string;
+    readonly gridColumn?: number | string;
+    readonly gridRow?: string;
+    readonly justifySelf?: string;
+    readonly alignSelf?: string;
+    readonly textStyle?: string;
+    readonly h?: string;
+    readonly w?: string;
+    readonly display?: string;
+    readonly borderBottomRightRadius?: number | string;
+    readonly borderTopRightRadius?: number | string;
+    readonly 'data-call-strategy'?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare function buttonVariants(opts?: {
+    variant?: string;
+    size?: string;
+}): string;
+interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface ButtonGroupRadioProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
+    children: Array<React.ReactElement<ButtonProps>>;
+    onChange?: (value: string) => void;
+    defaultValue?: string;
+    loading?: boolean;
+    equalWidth?: boolean;
+    variant?: ButtonProps['variant'];
+}
+declare const ButtonGroupRadio: React.ForwardRefExoticComponent<ButtonGroupRadioProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps, buttonVariants };

package/dist/button.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 = React2.forwardRef(
   function Skeleton2(props, ref) {
@@ -147,7 +143,7 @@ var Skeleton = React2.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 = React2.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/checkbox.d.cts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+
+/** Tri-state, as the Chakra/Radix contract consumers already code against. */
+type CheckedState = boolean | 'indeterminate';
+interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
+    value?: Array<string>;
+    defaultValue?: Array<string>;
+    onValueChange?: (value: Array<string>) => void;
+    orientation?: 'vertical' | 'horizontal';
+    name?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange'> {
+    icon?: React.ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    checked?: boolean | 'indeterminate';
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: CheckedState) => void;
+    onChange?: React.FormEventHandler<HTMLLabelElement>;
+    disabled?: boolean;
+    readOnly?: boolean;
+    value?: string;
+    size?: 'sm' | 'md';
+    name?: string;
+    required?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps };

package/dist/checkbox.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+
+/** Tri-state, as the Chakra/Radix contract consumers already code against. */
+type CheckedState = boolean | 'indeterminate';
+interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
+    value?: Array<string>;
+    defaultValue?: Array<string>;
+    onValueChange?: (value: Array<string>) => void;
+    orientation?: 'vertical' | 'horizontal';
+    name?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange'> {
+    icon?: React.ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    checked?: boolean | 'indeterminate';
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: CheckedState) => void;
+    onChange?: React.FormEventHandler<HTMLLabelElement>;
+    disabled?: boolean;
+    readOnly?: boolean;
+    value?: string;
+    size?: 'sm' | 'md';
+    name?: string;
+    required?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps };

package/dist/chrome.d.cts

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { IdentityStatus } from './identity.cjs';
+import './iam.cjs';
+import './white-label.cjs';
+
+/** One row in a switcher. */
+interface ChromeItem {
+    readonly id: string;
+    readonly label: string;
+    /** Secondary text, right-aligned — a plan, a count, a shortcut. */
+    readonly hint?: string;
+    readonly icon?: React.ReactNode;
+    readonly selected?: boolean;
+    readonly danger?: boolean;
+    readonly href?: string;
+    readonly onSelect?: () => void;
+}
+/** 1–2 letter monogram — the honest fallback when there is no logo. */
+declare function initials(label: string): string;
+interface SwitcherProps {
+    /** Panel heading, drawer title and the trigger's accessible name. */
+    readonly title: string;
+    /** Trigger label. */
+    readonly label: string;
+    /** Trigger icon — usually a logo or monogram. */
+    readonly icon?: React.ReactNode;
+    readonly items: ReadonlyArray<ChromeItem>;
+    /** Rows below a separator — create, settings, sign out. */
+    readonly footer?: ReadonlyArray<ChromeItem>;
+    /** Drives the honest empty states. Defaults to 'ready'. */
+    readonly status?: IdentityStatus;
+    /** Shown when signed in and the list really is empty. */
+    readonly empty?: string;
+    /** Shown, as a sign-in action, when nobody is signed in. */
+    readonly onSignIn?: () => void;
+    readonly signInLabel?: string;
+    readonly error?: string | null;
+    readonly align?: 'start' | 'end';
+    readonly testId?: string;
+}
+/**
+ * The ONE switcher. A trigger plus rows, presented as a phone sheet or an
+ * anchored menu depending on the viewport — never both, never hand-rolled.
+ */
+declare const Switcher: ({ title, label, icon, items, footer, status, empty, onSignIn, signInLabel, error, align, testId, }: SwitcherProps) => React.ReactElement;
+/** Which organization is this surface acting as. */
+declare const OrgSwitcher: () => React.ReactElement;
+/** Which project inside that organization. */
+declare const ProjectSwitcher: () => React.ReactElement | null;
+interface UserMenuProps {
+    /** Extra rows above Sign out — Profile, API keys, whatever the surface has. */
+    readonly items?: ReadonlyArray<ChromeItem>;
+}
+/** Who is signed in, and how to stop being signed in. */
+declare const UserMenu: ({ items }: UserMenuProps) => React.ReactElement;
+interface SettingsMenuProps {
+    /** The surface's own settings rows. */
+    readonly items?: ReadonlyArray<ChromeItem>;
+    /** Where "All settings" goes. */
+    readonly href?: string;
+}
+/** The surface's settings, in the one place a user looks for them. */
+declare const SettingsMenu: ({ items, href }: SettingsMenuProps) => React.ReactElement;
+interface NavLink {
+    readonly href: string;
+    readonly label: string;
+    readonly active?: boolean;
+}
+interface AppNavProps {
+    /** Brand slot — defaults to the host-resolved org name. */
+    readonly brand?: React.ReactNode;
+    /** Where the brand links to. */
+    readonly home?: string;
+    readonly links?: ReadonlyArray<NavLink>;
+    /** Show the org switcher. Default true. */
+    readonly org?: boolean;
+    /** Show the project switcher. Default false — most surfaces have no projects. */
+    readonly project?: boolean;
+    /** Rows for the settings menu; omit the prop to hide the menu. */
+    readonly settings?: ReadonlyArray<ChromeItem>;
+    /** Extra rows in the user menu. */
+    readonly userItems?: ReadonlyArray<ChromeItem>;
+    /** Free slot between the links and the right-hand cluster. */
+    readonly children?: React.ReactNode;
+}
+/**
+ * The ONE nav. Brand, org, project, links, settings, user — in that order, at
+ * every surface. On a phone the links collapse into the same sheet the
+ * switchers use, so there is no second mobile menu to maintain.
+ */
+declare const AppNav: ({ brand, home, links, org, project, settings, userItems, children, }: AppNavProps) => React.ReactElement;
+
+export { AppNav, type AppNavProps, type ChromeItem, type NavLink, OrgSwitcher, ProjectSwitcher, SettingsMenu, type SettingsMenuProps, Switcher, type SwitcherProps, UserMenu, type UserMenuProps, initials };

package/dist/chrome.d.ts

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { IdentityStatus } from './identity.js';
+import './iam.js';
+import './white-label.js';
+
+/** One row in a switcher. */
+interface ChromeItem {
+    readonly id: string;
+    readonly label: string;
+    /** Secondary text, right-aligned — a plan, a count, a shortcut. */
+    readonly hint?: string;
+    readonly icon?: React.ReactNode;
+    readonly selected?: boolean;
+    readonly danger?: boolean;
+    readonly href?: string;
+    readonly onSelect?: () => void;
+}
+/** 1–2 letter monogram — the honest fallback when there is no logo. */
+declare function initials(label: string): string;
+interface SwitcherProps {
+    /** Panel heading, drawer title and the trigger's accessible name. */
+    readonly title: string;
+    /** Trigger label. */
+    readonly label: string;
+    /** Trigger icon — usually a logo or monogram. */
+    readonly icon?: React.ReactNode;
+    readonly items: ReadonlyArray<ChromeItem>;
+    /** Rows below a separator — create, settings, sign out. */
+    readonly footer?: ReadonlyArray<ChromeItem>;
+    /** Drives the honest empty states. Defaults to 'ready'. */
+    readonly status?: IdentityStatus;
+    /** Shown when signed in and the list really is empty. */
+    readonly empty?: string;
+    /** Shown, as a sign-in action, when nobody is signed in. */
+    readonly onSignIn?: () => void;
+    readonly signInLabel?: string;
+    readonly error?: string | null;
+    readonly align?: 'start' | 'end';
+    readonly testId?: string;
+}
+/**
+ * The ONE switcher. A trigger plus rows, presented as a phone sheet or an
+ * anchored menu depending on the viewport — never both, never hand-rolled.
+ */
+declare const Switcher: ({ title, label, icon, items, footer, status, empty, onSignIn, signInLabel, error, align, testId, }: SwitcherProps) => React.ReactElement;
+/** Which organization is this surface acting as. */
+declare const OrgSwitcher: () => React.ReactElement;
+/** Which project inside that organization. */
+declare const ProjectSwitcher: () => React.ReactElement | null;
+interface UserMenuProps {
+    /** Extra rows above Sign out — Profile, API keys, whatever the surface has. */
+    readonly items?: ReadonlyArray<ChromeItem>;
+}
+/** Who is signed in, and how to stop being signed in. */
+declare const UserMenu: ({ items }: UserMenuProps) => React.ReactElement;
+interface SettingsMenuProps {
+    /** The surface's own settings rows. */
+    readonly items?: ReadonlyArray<ChromeItem>;
+    /** Where "All settings" goes. */
+    readonly href?: string;
+}
+/** The surface's settings, in the one place a user looks for them. */
+declare const SettingsMenu: ({ items, href }: SettingsMenuProps) => React.ReactElement;
+interface NavLink {
+    readonly href: string;
+    readonly label: string;
+    readonly active?: boolean;
+}
+interface AppNavProps {
+    /** Brand slot — defaults to the host-resolved org name. */
+    readonly brand?: React.ReactNode;
+    /** Where the brand links to. */
+    readonly home?: string;
+    readonly links?: ReadonlyArray<NavLink>;
+    /** Show the org switcher. Default true. */
+    readonly org?: boolean;
+    /** Show the project switcher. Default false — most surfaces have no projects. */
+    readonly project?: boolean;
+    /** Rows for the settings menu; omit the prop to hide the menu. */
+    readonly settings?: ReadonlyArray<ChromeItem>;
+    /** Extra rows in the user menu. */
+    readonly userItems?: ReadonlyArray<ChromeItem>;
+    /** Free slot between the links and the right-hand cluster. */
+    readonly children?: React.ReactNode;
+}
+/**
+ * The ONE nav. Brand, org, project, links, settings, user — in that order, at
+ * every surface. On a phone the links collapse into the same sheet the
+ * switchers use, so there is no second mobile menu to maintain.
+ */
+declare const AppNav: ({ brand, home, links, org, project, settings, userItems, children, }: AppNavProps) => React.ReactElement;
+
+export { AppNav, type AppNavProps, type ChromeItem, type NavLink, OrgSwitcher, ProjectSwitcher, SettingsMenu, type SettingsMenuProps, Switcher, type SwitcherProps, UserMenu, type UserMenuProps, initials };

package/dist/close-button.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    readonly variant?: 'plain';
+    readonly size?: 'md';
+}
+declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CloseButton, type CloseButtonProps };

package/dist/close-button.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    readonly variant?: 'plain';
+    readonly size?: 'md';
+}
+declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CloseButton, type CloseButtonProps };

package/dist/collapsible.cjs

@@ -146,11 +146,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 = React3__namespace.forwardRef(
   function Skeleton2(props, ref) {
@@ -170,7 +166,7 @@ var Skeleton = React3__namespace.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "text-transparent [&_*]:invisible", cls),
+          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -182,7 +178,7 @@ var Skeleton = React3__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