@luxfi/ui 7.4.5 → 7.4.7

package/dist/skeleton.d.ts

@@ -0,0 +1,76 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
+    readonly loading: boolean | undefined;
+    /** When true, the Skeleton wraps its single child element instead of adding a wrapper div. */
+    readonly asChild?: boolean;
+    readonly w?: any;
+    readonly h?: any;
+    readonly minW?: any;
+    readonly maxW?: any;
+    readonly display?: string;
+    readonly flexGrow?: number;
+    readonly flexShrink?: number;
+    readonly flexBasis?: string;
+    readonly fontWeight?: number | string;
+    readonly textStyle?: string;
+    readonly borderRadius?: string;
+    readonly alignSelf?: string;
+    readonly alignItems?: string;
+    readonly justifyContent?: string;
+    readonly color?: string;
+    readonly mt?: number | string;
+    readonly mb?: number | string;
+    readonly ml?: number | string;
+    readonly mr?: number | string;
+    readonly height?: string;
+    readonly overflow?: string;
+    readonly whiteSpace?: string;
+    readonly textOverflow?: string;
+    readonly textTransform?: string;
+    readonly gap?: number | string;
+    readonly gridTemplateColumns?: string;
+    readonly minWidth?: string;
+    readonly boxSize?: number | string;
+    readonly py?: number | string;
+    readonly px?: number | string;
+    readonly p?: number | string;
+    readonly hideBelow?: string;
+    readonly as?: React.ElementType;
+    readonly fontSize?: string;
+    readonly flexWrap?: React.CSSProperties['flexWrap'];
+    readonly wordBreak?: React.CSSProperties['wordBreak'];
+    readonly lineHeight?: string;
+    readonly marginRight?: string;
+    readonly position?: React.CSSProperties['position'];
+    readonly background?: string;
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+interface SkeletonCircleProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly size?: string | number;
+    readonly loading?: boolean;
+}
+declare const SkeletonCircle: React.ForwardRefExoticComponent<SkeletonCircleProps & React.RefAttributes<HTMLDivElement>>;
+interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly noOfLines?: number;
+    readonly loading?: boolean;
+}
+declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The page-level "work is in flight" signal — one animated element, however
+ * many skeletons are on screen. Mount it while any request is outstanding.
+ *
+ * It is `position: fixed` and 2px tall, so it is out of flow: it cannot shift
+ * layout (CLS 0) and it cannot tint content. Under prefers-reduced-motion the
+ * sweep stops and the track stays lit, so the state is still legible.
+ *
+ * This is what replaces a bare spinner. A spinner says "something is
+ * happening somewhere"; a skeleton plus this bar says "here is the shape of
+ * what is coming, and it is still coming".
+ */
+declare function LoadingBar({ loading }: {
+    readonly loading?: boolean;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { LoadingBar, Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps };

package/dist/skeleton.js

@@ -122,11 +122,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) {
@@ -146,7 +142,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
@@ -158,7 +154,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
@@ -195,5 +191,9 @@ var SkeletonText = React.forwardRef(
     )) });
   }
 );
+function LoadingBar({ loading = true }) {
+  if (!loading) return null;
+  return /* @__PURE__ */ jsx("div", { className: "lux-loading", role: "progressbar", "aria-busy": "true", "aria-label": "Loading" });
+}
 
-export { Skeleton, SkeletonCircle, SkeletonText };
+export { LoadingBar, Skeleton, SkeletonCircle, SkeletonText };

package/dist/slider.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+interface SliderProps {
+    readonly marks?: Array<number | {
+        readonly value: number;
+        readonly label: React.ReactNode;
+    }>;
+    readonly label?: React.ReactNode;
+    readonly showValue?: boolean;
+    readonly value?: Array<number>;
+    readonly defaultValue?: Array<number>;
+    readonly min?: number;
+    readonly max?: number;
+    readonly step?: number;
+    readonly disabled?: boolean;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly name?: string;
+    readonly onValueChange?: (value: Array<number>) => void;
+    readonly onValueCommit?: (value: Array<number>) => void;
+    readonly className?: string;
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Slider, type SliderProps };

package/dist/slider.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+interface SliderProps {
+    readonly marks?: Array<number | {
+        readonly value: number;
+        readonly label: React.ReactNode;
+    }>;
+    readonly label?: React.ReactNode;
+    readonly showValue?: boolean;
+    readonly value?: Array<number>;
+    readonly defaultValue?: Array<number>;
+    readonly min?: number;
+    readonly max?: number;
+    readonly step?: number;
+    readonly disabled?: boolean;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly name?: string;
+    readonly onValueChange?: (value: Array<number>) => void;
+    readonly onValueCommit?: (value: Array<number>) => void;
+    readonly className?: string;
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Slider, type SliderProps };

package/dist/strategy-builder.d.cts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+interface StrategyLeg {
+    action: 'buy' | 'sell';
+    type: 'call' | 'put';
+    strike: number;
+    expiration: string;
+    quantity: number;
+    premium?: number;
+}
+type StrategyType = 'bull_call_spread' | 'bear_put_spread' | 'iron_condor' | 'butterfly' | 'straddle' | 'strangle' | 'collar' | 'custom';
+interface StrategySubmission {
+    type: string;
+    legs: StrategyLeg[];
+    netPremium: number;
+}
+interface StrategyBuilderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
+    readonly underlying: string;
+    readonly expirations: string[];
+    readonly strikes: number[];
+    readonly spotPrice: number;
+    readonly onSubmit?: (strategy: StrategySubmission) => void;
+}
+declare const StrategyBuilder: React.ForwardRefExoticComponent<StrategyBuilderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { StrategyBuilder, type StrategyBuilderProps, type StrategyLeg, type StrategySubmission, type StrategyType };

package/dist/strategy-builder.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+interface StrategyLeg {
+    action: 'buy' | 'sell';
+    type: 'call' | 'put';
+    strike: number;
+    expiration: string;
+    quantity: number;
+    premium?: number;
+}
+type StrategyType = 'bull_call_spread' | 'bear_put_spread' | 'iron_condor' | 'butterfly' | 'straddle' | 'strangle' | 'collar' | 'custom';
+interface StrategySubmission {
+    type: string;
+    legs: StrategyLeg[];
+    netPremium: number;
+}
+interface StrategyBuilderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
+    readonly underlying: string;
+    readonly expirations: string[];
+    readonly strikes: number[];
+    readonly spotPrice: number;
+    readonly onSubmit?: (strategy: StrategySubmission) => void;
+}
+declare const StrategyBuilder: React.ForwardRefExoticComponent<StrategyBuilderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { StrategyBuilder, type StrategyBuilderProps, type StrategyLeg, type StrategySubmission, type StrategyType };

package/dist/switch.d.cts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange' | 'dir'> {
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    labelProps?: React.ComponentPropsWithoutRef<'span'>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    trackLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    thumbLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (details: {
+        checked: boolean;
+    }) => void;
+    onChange?: React.FormEventHandler<HTMLLabelElement>;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    direction?: 'ltr' | 'rtl';
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Switch, type SwitchProps };

package/dist/switch.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange' | 'dir'> {
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    labelProps?: React.ComponentPropsWithoutRef<'span'>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    trackLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    thumbLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (details: {
+        checked: boolean;
+    }) => void;
+    onChange?: React.FormEventHandler<HTMLLabelElement>;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    direction?: 'ltr' | 'rtl';
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Switch, type SwitchProps };

package/dist/table.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 = React3__namespace.forwardRef(
   function Skeleton2(props, ref) {
@@ -169,7 +165,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
@@ -181,7 +177,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

package/dist/table.d.cts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ChakraStyleProps {
+    width?: React.CSSProperties['width'];
+    w?: React.CSSProperties['width'];
+    minWidth?: React.CSSProperties['minWidth'];
+    minW?: React.CSSProperties['minWidth'];
+    maxWidth?: React.CSSProperties['maxWidth'];
+    maxW?: React.CSSProperties['maxWidth'];
+    height?: React.CSSProperties['height'];
+    h?: React.CSSProperties['height'];
+    textAlign?: React.CSSProperties['textAlign'];
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    whiteSpace?: React.CSSProperties['whiteSpace'];
+    wordBreak?: React.CSSProperties['wordBreak'];
+    textTransform?: React.CSSProperties['textTransform'];
+    fontSize?: React.CSSProperties['fontSize'];
+    lineHeight?: React.CSSProperties['lineHeight'];
+    animation?: React.CSSProperties['animation'];
+    tableLayout?: React.CSSProperties['tableLayout'];
+    p?: number | string;
+    px?: number | string;
+    py?: number | string;
+    pr?: number | string;
+    pl?: number | string;
+    pt?: number | string;
+    pb?: number | string;
+    m?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    mr?: number | string;
+    ml?: number | string;
+    mt?: number | string;
+    mb?: number | string;
+    position?: React.CSSProperties['position'];
+    top?: number | string;
+    left?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    zIndex?: React.CSSProperties['zIndex'];
+    backgroundColor?: React.CSSProperties['backgroundColor'] | Record<string, string>;
+    boxShadow?: React.CSSProperties['boxShadow'];
+    alignItems?: React.CSSProperties['alignItems'];
+    fontWeight?: React.CSSProperties['fontWeight'];
+    color?: React.CSSProperties['color'] | string;
+    overflow?: React.CSSProperties['overflow'];
+    borderBottomStyle?: React.CSSProperties['borderBottomStyle'];
+    borderRadius?: React.CSSProperties['borderRadius'];
+    display?: React.CSSProperties['display'];
+    _first?: Record<string, unknown>;
+    _last?: Record<string, unknown>;
+}
+interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
+    children?: React.ReactNode;
+    minWidth?: React.CSSProperties['minWidth'] | Record<string, string>;
+    minW?: React.CSSProperties['minWidth'] | Record<string, string>;
+}
+declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
+interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
+    isNumeric?: boolean;
+    children?: React.ReactNode;
+    display?: string;
+    justifyContent?: string;
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
+    isNumeric?: boolean;
+    children?: React.ReactNode;
+}
+declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
+    sortField: F;
+    sortValue: string;
+    onSortToggle: (sortField: F) => void;
+    disabled?: boolean;
+    indicatorPosition?: 'left' | 'right';
+    contentAfter?: React.ReactNode;
+}
+declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderSticky: (props: TableHeaderProps) => react_jsx_runtime.JSX.Element;
+interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
+
+export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, TableColumnHeaderSortable, type TableColumnHeaderSortableProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableHeaderSticky, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableScrollWrapper, type TableScrollWrapperProps };

package/dist/table.d.ts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ChakraStyleProps {
+    width?: React.CSSProperties['width'];
+    w?: React.CSSProperties['width'];
+    minWidth?: React.CSSProperties['minWidth'];
+    minW?: React.CSSProperties['minWidth'];
+    maxWidth?: React.CSSProperties['maxWidth'];
+    maxW?: React.CSSProperties['maxWidth'];
+    height?: React.CSSProperties['height'];
+    h?: React.CSSProperties['height'];
+    textAlign?: React.CSSProperties['textAlign'];
+    verticalAlign?: React.CSSProperties['verticalAlign'];
+    whiteSpace?: React.CSSProperties['whiteSpace'];
+    wordBreak?: React.CSSProperties['wordBreak'];
+    textTransform?: React.CSSProperties['textTransform'];
+    fontSize?: React.CSSProperties['fontSize'];
+    lineHeight?: React.CSSProperties['lineHeight'];
+    animation?: React.CSSProperties['animation'];
+    tableLayout?: React.CSSProperties['tableLayout'];
+    p?: number | string;
+    px?: number | string;
+    py?: number | string;
+    pr?: number | string;
+    pl?: number | string;
+    pt?: number | string;
+    pb?: number | string;
+    m?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    mr?: number | string;
+    ml?: number | string;
+    mt?: number | string;
+    mb?: number | string;
+    position?: React.CSSProperties['position'];
+    top?: number | string;
+    left?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    zIndex?: React.CSSProperties['zIndex'];
+    backgroundColor?: React.CSSProperties['backgroundColor'] | Record<string, string>;
+    boxShadow?: React.CSSProperties['boxShadow'];
+    alignItems?: React.CSSProperties['alignItems'];
+    fontWeight?: React.CSSProperties['fontWeight'];
+    color?: React.CSSProperties['color'] | string;
+    overflow?: React.CSSProperties['overflow'];
+    borderBottomStyle?: React.CSSProperties['borderBottomStyle'];
+    borderRadius?: React.CSSProperties['borderRadius'];
+    display?: React.CSSProperties['display'];
+    _first?: Record<string, unknown>;
+    _last?: Record<string, unknown>;
+}
+interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
+    children?: React.ReactNode;
+    minWidth?: React.CSSProperties['minWidth'] | Record<string, string>;
+    minW?: React.CSSProperties['minWidth'] | Record<string, string>;
+}
+declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
+interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
+    isNumeric?: boolean;
+    children?: React.ReactNode;
+    display?: string;
+    justifyContent?: string;
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
+    isNumeric?: boolean;
+    children?: React.ReactNode;
+}
+declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
+    sortField: F;
+    sortValue: string;
+    onSortToggle: (sortField: F) => void;
+    disabled?: boolean;
+    indicatorPosition?: 'left' | 'right';
+    contentAfter?: React.ReactNode;
+}
+declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderSticky: (props: TableHeaderProps) => react_jsx_runtime.JSX.Element;
+interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+    children?: React.ReactNode;
+}
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
+
+export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, TableColumnHeaderSortable, type TableColumnHeaderSortableProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableHeaderSticky, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableScrollWrapper, type TableScrollWrapperProps };

package/dist/table.js

@@ -124,11 +124,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.forwardRef(
   function Skeleton2(props, ref) {
@@ -148,7 +144,7 @@ var Skeleton = React3.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "text-transparent [&_*]:invisible", cls),
+          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -160,7 +156,7 @@ var Skeleton = React3.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/tabs.d.cts

@@ -0,0 +1,78 @@
+import * as RadixTabs from '@radix-ui/react-tabs';
+import * as React from 'react';
+
+type TabsVariant = 'solid' | 'secondary' | 'segmented' | 'unstyled';
+type TabsSize = 'sm' | 'md' | 'free';
+interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixTabs.Root>, 'onValueChange'> {
+    /** Visual variant. Default: "solid". */
+    variant?: TabsVariant;
+    /** Size preset. Default: "md". */
+    size?: TabsSize;
+    /** Stretch triggers to fill the list width. */
+    fitted?: boolean;
+    /**
+     * @deprecated Chakra-compat. Radix mounts lazily by default (content only
+     * renders when active). Kept so call-sites don't break at compile time.
+     */
+    lazyMount?: boolean;
+    /**
+     * @deprecated Chakra-compat. Radix unmounts inactive content by default.
+     * Kept so call-sites don't break at compile time.
+     */
+    unmountOnExit?: boolean;
+    /**
+     * Chakra-compatible value-change handler.
+     * Accepts both `(details: { value: string }) => void` (Chakra convention)
+     * and `(value: string) => void` (Radix convention).
+     */
+    onValueChange?: ((details: {
+        value: string;
+    }) => void) | ((value: string) => void);
+}
+declare const TabsRoot: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+    loop?: boolean;
+    flexWrap?: string;
+    alignItems?: string;
+    whiteSpace?: string;
+    bgColor?: string;
+    marginBottom?: number | string;
+    mx?: string | Record<string, string>;
+    px?: string | Record<string, string>;
+    w?: string | Record<string, string>;
+    overflowX?: string | Record<string, string>;
+    overscrollBehaviorX?: string;
+    css?: Record<string, unknown>;
+    position?: string;
+    boxShadow?: string | Record<string, string>;
+    top?: number | string;
+    zIndex?: string | Record<string, string>;
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>, 'dir'> {
+    scrollSnapAlign?: string;
+    flexShrink?: number;
+    bgColor?: string | Record<string, string>;
+    w?: string;
+    py?: string;
+    borderRadius?: string;
+    fontWeight?: string;
+    color?: string;
+    _hover?: Record<string, string>;
+    position?: string;
+    top?: string;
+    left?: string;
+    visibility?: string;
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React.ComponentPropsWithoutRef<typeof RadixTabs.Content> {
+    padding?: number | string;
+}
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsCounterProps {
+    count?: number | null;
+}
+declare const TabsCounter: ({ count }: TabsCounterProps) => React.ReactElement | null;
+
+export { TabsContent, type TabsContentProps, TabsCounter, type TabsCounterProps, TabsList, type TabsListProps, type TabsProps, TabsRoot, TabsTrigger, type TabsTriggerProps };