@luxfi/ui 7.4.5 → 7.4.7

package/dist/accordion.d.cts

@@ -0,0 +1,74 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+
+interface AccordionRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> {
+    /** Open multiple items simultaneously. Defaults to true. */
+    readonly multiple?: boolean;
+    /** Controlled open items (array of `value` strings). */
+    readonly value?: Array<string>;
+    /** Uncontrolled initial open items. */
+    readonly defaultValue?: Array<string>;
+    /**
+     * Called when open items change.
+     * Wraps the value in `{ value }` to stay compatible with the Chakra callback shape
+     * that consumers already rely on.
+     */
+    readonly onValueChange?: (details: {
+        value: Array<string>;
+    }) => void;
+    readonly variant?: 'outline' | 'faq';
+    readonly size?: 'sm' | 'md';
+    /** Accepted for compatibility; not applied visually. */
+    readonly noAnimation?: boolean;
+    /** Accepted for compatibility; Radix defers rendering internally. */
+    readonly lazyMount?: boolean;
+    readonly children?: React.ReactNode;
+    readonly position?: string;
+    readonly w?: string;
+    readonly bgColor?: string | Record<string, string>;
+    readonly borderRadius?: string;
+}
+declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+    as?: string;
+    _first?: Record<string, unknown>;
+    _last?: Record<string, unknown>;
+    display?: string;
+}
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, 'dir'> {
+    readonly indicatorPlacement?: 'start' | 'end';
+    readonly noIndicator?: boolean;
+    readonly variant?: 'outline' | 'faq';
+    px?: number | string;
+    py?: number | string;
+    _hover?: Record<string, string>;
+    wordBreak?: string;
+    textAlign?: string;
+    cursor?: string;
+    display?: string;
+    alignItems?: string;
+    columnGap?: number | string;
+}
+declare const AccordionItemTrigger: React.ForwardRefExoticComponent<AccordionItemTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionItemContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+    pb?: number | string;
+    pr?: number | string;
+    pl?: string;
+    w?: string;
+    display?: string;
+    flexDir?: string;
+    rowGap?: number | string;
+}
+declare const AccordionItemContent: React.ForwardRefExoticComponent<AccordionItemContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function useAccordion(items: Array<{
+    id: string;
+}>): {
+    value: string[];
+    onValueChange: ({ value }: {
+        value: Array<string>;
+    }) => void;
+    scrollToItemFromUrl: () => void;
+};
+
+export { AccordionItem, AccordionItemContent, type AccordionItemContentProps, AccordionItemTrigger, AccordionRoot, useAccordion };

package/dist/accordion.d.ts

@@ -0,0 +1,74 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+
+interface AccordionRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> {
+    /** Open multiple items simultaneously. Defaults to true. */
+    readonly multiple?: boolean;
+    /** Controlled open items (array of `value` strings). */
+    readonly value?: Array<string>;
+    /** Uncontrolled initial open items. */
+    readonly defaultValue?: Array<string>;
+    /**
+     * Called when open items change.
+     * Wraps the value in `{ value }` to stay compatible with the Chakra callback shape
+     * that consumers already rely on.
+     */
+    readonly onValueChange?: (details: {
+        value: Array<string>;
+    }) => void;
+    readonly variant?: 'outline' | 'faq';
+    readonly size?: 'sm' | 'md';
+    /** Accepted for compatibility; not applied visually. */
+    readonly noAnimation?: boolean;
+    /** Accepted for compatibility; Radix defers rendering internally. */
+    readonly lazyMount?: boolean;
+    readonly children?: React.ReactNode;
+    readonly position?: string;
+    readonly w?: string;
+    readonly bgColor?: string | Record<string, string>;
+    readonly borderRadius?: string;
+}
+declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+    as?: string;
+    _first?: Record<string, unknown>;
+    _last?: Record<string, unknown>;
+    display?: string;
+}
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, 'dir'> {
+    readonly indicatorPlacement?: 'start' | 'end';
+    readonly noIndicator?: boolean;
+    readonly variant?: 'outline' | 'faq';
+    px?: number | string;
+    py?: number | string;
+    _hover?: Record<string, string>;
+    wordBreak?: string;
+    textAlign?: string;
+    cursor?: string;
+    display?: string;
+    alignItems?: string;
+    columnGap?: number | string;
+}
+declare const AccordionItemTrigger: React.ForwardRefExoticComponent<AccordionItemTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionItemContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+    pb?: number | string;
+    pr?: number | string;
+    pl?: string;
+    w?: string;
+    display?: string;
+    flexDir?: string;
+    rowGap?: number | string;
+}
+declare const AccordionItemContent: React.ForwardRefExoticComponent<AccordionItemContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function useAccordion(items: Array<{
+    id: string;
+}>): {
+    value: string[];
+    onValueChange: ({ value }: {
+        value: Array<string>;
+    }) => void;
+    scrollToItemFromUrl: () => void;
+};
+
+export { AccordionItem, AccordionItemContent, type AccordionItemContentProps, AccordionItemTrigger, AccordionRoot, useAccordion };

package/dist/alert.cjs

@@ -207,11 +207,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) {
@@ -231,7 +227,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
@@ -243,7 +239,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/alert.d.cts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+type AlertStatus = 'info' | 'warning' | 'warning_table' | 'success' | 'error';
+interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
+    readonly status?: AlertStatus;
+    readonly size?: 'sm' | 'md';
+    readonly inline?: boolean;
+    readonly startElement?: React.ReactNode;
+    readonly endElement?: React.ReactNode;
+    readonly descriptionProps?: Omit<React.ComponentPropsWithoutRef<'div'>, 'ref'> & {
+        whiteSpace?: string;
+        alignItems?: string;
+        flexDir?: string;
+        flexWrap?: string;
+        rowGap?: number | string;
+        columnGap?: number | string;
+    };
+    readonly title?: React.ReactNode;
+    readonly icon?: React.ReactElement;
+    readonly closable?: boolean;
+    readonly onClose?: () => void;
+    readonly loading?: boolean;
+    readonly showIcon?: boolean;
+    readonly whiteSpace?: string;
+    readonly mb?: number | string;
+    readonly mt?: number | string;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps };

package/dist/alert.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+type AlertStatus = 'info' | 'warning' | 'warning_table' | 'success' | 'error';
+interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
+    readonly status?: AlertStatus;
+    readonly size?: 'sm' | 'md';
+    readonly inline?: boolean;
+    readonly startElement?: React.ReactNode;
+    readonly endElement?: React.ReactNode;
+    readonly descriptionProps?: Omit<React.ComponentPropsWithoutRef<'div'>, 'ref'> & {
+        whiteSpace?: string;
+        alignItems?: string;
+        flexDir?: string;
+        flexWrap?: string;
+        rowGap?: number | string;
+        columnGap?: number | string;
+    };
+    readonly title?: React.ReactNode;
+    readonly icon?: React.ReactElement;
+    readonly closable?: boolean;
+    readonly onClose?: () => void;
+    readonly loading?: boolean;
+    readonly showIcon?: boolean;
+    readonly whiteSpace?: string;
+    readonly mb?: number | string;
+    readonly mt?: number | string;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps };

package/dist/alert.js

@@ -185,11 +185,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) {
@@ -209,7 +205,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
@@ -221,7 +217,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