@luxfi/ui 7.4.5 → 7.4.7

package/dist/iam.d.cts

@@ -0,0 +1,65 @@
+import { WhiteLabel } from './white-label.cjs';
+
+/** A signed-in principal, as IAM describes it. */
+interface IamAccount {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly email?: string;
+    readonly avatar?: string;
+    readonly isAdmin?: boolean;
+}
+/** An organization the principal can see. */
+interface IamOrg {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly logo?: string;
+}
+/** A project inside an organization (IAM's Org → Workspace → Project tier). */
+interface IamProject {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly organization?: string;
+    readonly workspace?: string;
+    readonly isDefault?: boolean;
+}
+/**
+ * A refusal from IAM, carrying enough to tell "not signed in" apart from
+ * "signed in, and the answer is genuinely empty" — the distinction a switcher
+ * has to render honestly.
+ */
+declare class IamError extends Error {
+    readonly status: number;
+    readonly unauthenticated: boolean;
+    constructor(message: string, status: number, unauthenticated: boolean);
+}
+/** The IAM API root for a host — `lux.cloud` → `https://lux.id/v1/iam`. */
+declare function iamBase(host?: string | null | WhiteLabel): string;
+/** How a read reaches IAM: where, and with whose bearer. */
+interface IamCall {
+    readonly base: string;
+    readonly token?: string | null;
+    readonly signal?: AbortSignal;
+}
+/** Rows per page for the org list — small first paint, more on demand. */
+declare const IAM_PAGE_SIZE = 20;
+declare const iam: {
+    /** The signed-in principal, or null when there is no session. */
+    account(call: IamCall): Promise<IamAccount | null>;
+    /**
+     * One page of the orgs the principal can see. IAM scopes the read to the
+     * caller's authority, so a normal member gets their own org and a super
+     * admin gets the tenant list — the page never has to decide.
+     */
+    organizations(call: IamCall, page?: number, query?: string, pageSize?: number): Promise<Array<IamOrg>>;
+    /** One organization by name. */
+    organization(call: IamCall, name: string): Promise<IamOrg | null>;
+    /** Members of an organization. */
+    users(call: IamCall, org: string): Promise<Array<IamAccount>>;
+    /** The organization's projects — IAM keys this read by `organization`. */
+    projects(call: IamCall, org: string): Promise<Array<IamProject>>;
+};
+
+export { IAM_PAGE_SIZE, type IamAccount, type IamCall, IamError, type IamOrg, type IamProject, iam, iamBase };

package/dist/iam.d.ts

@@ -0,0 +1,65 @@
+import { WhiteLabel } from './white-label.js';
+
+/** A signed-in principal, as IAM describes it. */
+interface IamAccount {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly email?: string;
+    readonly avatar?: string;
+    readonly isAdmin?: boolean;
+}
+/** An organization the principal can see. */
+interface IamOrg {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly logo?: string;
+}
+/** A project inside an organization (IAM's Org → Workspace → Project tier). */
+interface IamProject {
+    readonly owner: string;
+    readonly name: string;
+    readonly displayName?: string;
+    readonly organization?: string;
+    readonly workspace?: string;
+    readonly isDefault?: boolean;
+}
+/**
+ * A refusal from IAM, carrying enough to tell "not signed in" apart from
+ * "signed in, and the answer is genuinely empty" — the distinction a switcher
+ * has to render honestly.
+ */
+declare class IamError extends Error {
+    readonly status: number;
+    readonly unauthenticated: boolean;
+    constructor(message: string, status: number, unauthenticated: boolean);
+}
+/** The IAM API root for a host — `lux.cloud` → `https://lux.id/v1/iam`. */
+declare function iamBase(host?: string | null | WhiteLabel): string;
+/** How a read reaches IAM: where, and with whose bearer. */
+interface IamCall {
+    readonly base: string;
+    readonly token?: string | null;
+    readonly signal?: AbortSignal;
+}
+/** Rows per page for the org list — small first paint, more on demand. */
+declare const IAM_PAGE_SIZE = 20;
+declare const iam: {
+    /** The signed-in principal, or null when there is no session. */
+    account(call: IamCall): Promise<IamAccount | null>;
+    /**
+     * One page of the orgs the principal can see. IAM scopes the read to the
+     * caller's authority, so a normal member gets their own org and a super
+     * admin gets the tenant list — the page never has to decide.
+     */
+    organizations(call: IamCall, page?: number, query?: string, pageSize?: number): Promise<Array<IamOrg>>;
+    /** One organization by name. */
+    organization(call: IamCall, name: string): Promise<IamOrg | null>;
+    /** Members of an organization. */
+    users(call: IamCall, org: string): Promise<Array<IamAccount>>;
+    /** The organization's projects — IAM keys this read by `organization`. */
+    projects(call: IamCall, org: string): Promise<Array<IamProject>>;
+};
+
+export { IAM_PAGE_SIZE, type IamAccount, type IamCall, IamError, type IamOrg, type IamProject, iam, iamBase };

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+type Variant = 'plain' | 'icon_secondary' | 'icon_background' | 'link' | 'dropdown' | 'pagination';
+type Size = '2xs' | '2xs_alt' | 'md';
+interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    /** Visual variant */
+    variant?: Variant;
+    /** Icon-button size */
+    size?: Size;
+    /** Show a loading spinner (disables button) */
+    loading?: boolean;
+    /** Render a skeleton placeholder instead of the button */
+    loadingSkeleton?: boolean;
+    /** Maps to data-expanded for popover trigger styling */
+    expanded?: boolean;
+    /** Maps to data-selected for toggle styling */
+    selected?: boolean;
+    /** Maps to data-highlighted */
+    highlighted?: boolean;
+    /** Polymorphic element type (e.g. "div") */
+    as?: React.ElementType;
+    boxSize?: number | string;
+    color?: string;
+    px?: string | number;
+    borderRadius?: string;
+    ml?: number | string;
+    mr?: number | string;
+    _hover?: Record<string, string>;
+    _expanded?: Record<string, string>;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/icon-button.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+type Variant = 'plain' | 'icon_secondary' | 'icon_background' | 'link' | 'dropdown' | 'pagination';
+type Size = '2xs' | '2xs_alt' | 'md';
+interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    /** Visual variant */
+    variant?: Variant;
+    /** Icon-button size */
+    size?: Size;
+    /** Show a loading spinner (disables button) */
+    loading?: boolean;
+    /** Render a skeleton placeholder instead of the button */
+    loadingSkeleton?: boolean;
+    /** Maps to data-expanded for popover trigger styling */
+    expanded?: boolean;
+    /** Maps to data-selected for toggle styling */
+    selected?: boolean;
+    /** Maps to data-highlighted */
+    highlighted?: boolean;
+    /** Polymorphic element type (e.g. "div") */
+    as?: React.ElementType;
+    boxSize?: number | string;
+    color?: string;
+    px?: string | number;
+    borderRadius?: string;
+    ml?: number | string;
+    mr?: number | string;
+    _hover?: Record<string, string>;
+    _expanded?: Record<string, string>;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/icon-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 = 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

package/dist/icons.cjs

@@ -1,4 +1,3 @@
-"use client";
 'use strict';
 
 var lucideReact = require('lucide-react');

package/dist/icons.d.cts

@@ -0,0 +1 @@
+export * from 'lucide-react';

package/dist/icons.d.ts

@@ -0,0 +1 @@
+export * from 'lucide-react';

package/dist/icons.js

@@ -1,2 +1 @@
-"use client";
 export * from 'lucide-react';

package/dist/identity.d.cts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { IamAccount, IamOrg, IamProject } from './iam.cjs';
+import { WhiteLabel } from './white-label.cjs';
+
+type IdentityStatus = 'loading' | 'anonymous' | 'ready' | 'error';
+/**
+ * How the chrome gets a bearer and moves the user in and out of a session.
+ *
+ * Credentials are `@hanzo/iam`'s job, not the design system's — so this is the
+ * seam, and a surface using the SDK supplies only the two verbs:
+ *
+ *   auth={{ signIn: () => void startLogin(), signOut: () => void logout() }}
+ *
+ * The bearer itself needs no wiring: the default reads the SDK's own token
+ * store, so there is exactly one token and one refresh timer per surface.
+ */
+interface IdentityAuth {
+    /** The IAM access token. Defaults to the `@hanzo/iam` SDK's token store. */
+    readonly token?: () => string | null | Promise<string | null>;
+    /** Start a sign-in. */
+    readonly signIn?: () => void;
+    /** End the session. */
+    readonly signOut?: () => void;
+}
+interface Identity {
+    readonly status: IdentityStatus;
+    /** The signed-in principal, or null. */
+    readonly account: IamAccount | null;
+    /** Organizations the principal can act in. */
+    readonly orgs: ReadonlyArray<IamOrg>;
+    /** The organization the surface is currently scoped to, or null. */
+    readonly org: IamOrg | null;
+    /** Projects in the current organization. */
+    readonly projects: ReadonlyArray<IamProject>;
+    /** The project the surface is currently scoped to, or null. */
+    readonly project: IamProject | null;
+    /** Why the reads failed, when status is 'error'. */
+    readonly error: string | null;
+    /** Host-resolved brand, theme, issuer and IAM client. */
+    readonly whiteLabel: WhiteLabel;
+    readonly setOrg: (name: string) => void;
+    readonly setProject: (name: string) => void;
+    readonly signIn: () => void;
+    readonly signOut: () => void;
+    readonly reload: () => void;
+}
+interface IdentityProviderProps {
+    readonly children: React.ReactNode;
+    /** Bearer + sign-in/out. Defaults to the `@hanzo/iam` token store. */
+    readonly auth?: IdentityAuth;
+    /** Where sign-in goes when `auth.signIn` is not supplied. */
+    readonly loginPath?: string;
+}
+declare const IdentityProvider: ({ children, auth, loginPath, }: IdentityProviderProps) => React.ReactElement;
+/**
+ * The current identity.
+ *
+ * Outside an `<IdentityProvider>` this reports `anonymous` rather than
+ * throwing: chrome that renders before a surface has wired identity should
+ * offer sign-in, not crash the page.
+ */
+declare function useIdentity(): Identity;
+
+export { type Identity, type IdentityAuth, IdentityProvider, type IdentityProviderProps, type IdentityStatus, useIdentity };

package/dist/identity.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { IamAccount, IamOrg, IamProject } from './iam.js';
+import { WhiteLabel } from './white-label.js';
+
+type IdentityStatus = 'loading' | 'anonymous' | 'ready' | 'error';
+/**
+ * How the chrome gets a bearer and moves the user in and out of a session.
+ *
+ * Credentials are `@hanzo/iam`'s job, not the design system's — so this is the
+ * seam, and a surface using the SDK supplies only the two verbs:
+ *
+ *   auth={{ signIn: () => void startLogin(), signOut: () => void logout() }}
+ *
+ * The bearer itself needs no wiring: the default reads the SDK's own token
+ * store, so there is exactly one token and one refresh timer per surface.
+ */
+interface IdentityAuth {
+    /** The IAM access token. Defaults to the `@hanzo/iam` SDK's token store. */
+    readonly token?: () => string | null | Promise<string | null>;
+    /** Start a sign-in. */
+    readonly signIn?: () => void;
+    /** End the session. */
+    readonly signOut?: () => void;
+}
+interface Identity {
+    readonly status: IdentityStatus;
+    /** The signed-in principal, or null. */
+    readonly account: IamAccount | null;
+    /** Organizations the principal can act in. */
+    readonly orgs: ReadonlyArray<IamOrg>;
+    /** The organization the surface is currently scoped to, or null. */
+    readonly org: IamOrg | null;
+    /** Projects in the current organization. */
+    readonly projects: ReadonlyArray<IamProject>;
+    /** The project the surface is currently scoped to, or null. */
+    readonly project: IamProject | null;
+    /** Why the reads failed, when status is 'error'. */
+    readonly error: string | null;
+    /** Host-resolved brand, theme, issuer and IAM client. */
+    readonly whiteLabel: WhiteLabel;
+    readonly setOrg: (name: string) => void;
+    readonly setProject: (name: string) => void;
+    readonly signIn: () => void;
+    readonly signOut: () => void;
+    readonly reload: () => void;
+}
+interface IdentityProviderProps {
+    readonly children: React.ReactNode;
+    /** Bearer + sign-in/out. Defaults to the `@hanzo/iam` token store. */
+    readonly auth?: IdentityAuth;
+    /** Where sign-in goes when `auth.signIn` is not supplied. */
+    readonly loginPath?: string;
+}
+declare const IdentityProvider: ({ children, auth, loginPath, }: IdentityProviderProps) => React.ReactElement;
+/**
+ * The current identity.
+ *
+ * Outside an `<IdentityProvider>` this reports `anonymous` rather than
+ * throwing: chrome that renders before a surface has wired identity should
+ * offer sign-in, not crash the page.
+ */
+declare function useIdentity(): Identity;
+
+export { type Identity, type IdentityAuth, IdentityProvider, type IdentityProviderProps, type IdentityStatus, useIdentity };

package/dist/image.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 = React2__namespace.forwardRef(
   function Skeleton2(props, ref) {
@@ -168,7 +164,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
@@ -180,7 +176,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/image.d.cts

@@ -0,0 +1,57 @@
+import React__default from 'react';
+
+type CSSValue = string | number | undefined;
+type ResponsiveValue<T> = T | {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    _light?: T;
+    _dark?: T;
+};
+interface StyleProps {
+    boxSize?: CSSValue;
+    borderRadius?: CSSValue;
+    width?: CSSValue;
+    w?: ResponsiveValue<CSSValue>;
+    height?: CSSValue;
+    h?: ResponsiveValue<CSSValue>;
+    maxW?: CSSValue;
+    maxH?: CSSValue;
+    minW?: CSSValue;
+    mr?: CSSValue;
+    mb?: CSSValue;
+    ml?: CSSValue;
+    mt?: CSSValue;
+    mx?: CSSValue;
+    my?: CSSValue;
+    marginRight?: CSSValue;
+    display?: CSSValue;
+    position?: CSSValue;
+    top?: CSSValue;
+    left?: ResponsiveValue<CSSValue>;
+    right?: CSSValue;
+    bottom?: CSSValue;
+    zIndex?: CSSValue;
+    objectFit?: CSSValue;
+    objectPosition?: CSSValue;
+    flexShrink?: CSSValue;
+    overflow?: CSSValue;
+    cursor?: CSSValue;
+}
+interface ImageProps extends StyleProps {
+    readonly className?: string;
+    readonly src?: string;
+    readonly alt?: string;
+    readonly style?: React__default.CSSProperties;
+    readonly fallback?: React__default.ReactNode;
+    readonly onClick?: React__default.MouseEventHandler<HTMLImageElement>;
+    readonly onLoad?: React__default.ReactEventHandler<HTMLImageElement>;
+    readonly onError?: React__default.ReactEventHandler<HTMLImageElement>;
+    readonly skeletonWidth?: CSSValue;
+    readonly skeletonHeight?: CSSValue;
+}
+declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };

package/dist/image.d.ts

@@ -0,0 +1,57 @@
+import React__default from 'react';
+
+type CSSValue = string | number | undefined;
+type ResponsiveValue<T> = T | {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    _light?: T;
+    _dark?: T;
+};
+interface StyleProps {
+    boxSize?: CSSValue;
+    borderRadius?: CSSValue;
+    width?: CSSValue;
+    w?: ResponsiveValue<CSSValue>;
+    height?: CSSValue;
+    h?: ResponsiveValue<CSSValue>;
+    maxW?: CSSValue;
+    maxH?: CSSValue;
+    minW?: CSSValue;
+    mr?: CSSValue;
+    mb?: CSSValue;
+    ml?: CSSValue;
+    mt?: CSSValue;
+    mx?: CSSValue;
+    my?: CSSValue;
+    marginRight?: CSSValue;
+    display?: CSSValue;
+    position?: CSSValue;
+    top?: CSSValue;
+    left?: ResponsiveValue<CSSValue>;
+    right?: CSSValue;
+    bottom?: CSSValue;
+    zIndex?: CSSValue;
+    objectFit?: CSSValue;
+    objectPosition?: CSSValue;
+    flexShrink?: CSSValue;
+    overflow?: CSSValue;
+    cursor?: CSSValue;
+}
+interface ImageProps extends StyleProps {
+    readonly className?: string;
+    readonly src?: string;
+    readonly alt?: string;
+    readonly style?: React__default.CSSProperties;
+    readonly fallback?: React__default.ReactNode;
+    readonly onClick?: React__default.MouseEventHandler<HTMLImageElement>;
+    readonly onLoad?: React__default.ReactEventHandler<HTMLImageElement>;
+    readonly onError?: React__default.ReactEventHandler<HTMLImageElement>;
+    readonly skeletonWidth?: CSSValue;
+    readonly skeletonHeight?: CSSValue;
+}
+declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };

package/dist/image.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/index.cjs

@@ -1591,11 +1591,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__namespace.forwardRef(
   function Skeleton2(props, ref) {
@@ -1615,7 +1611,7 @@ var Skeleton = React33__namespace.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "text-transparent [&_*]:invisible", cls),
+          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -1627,7 +1623,7 @@ var Skeleton = React33__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
@@ -1664,6 +1660,10 @@ var SkeletonText = React33__namespace.forwardRef(
     )) });
   }
 );
+function LoadingBar({ loading = true }) {
+  if (!loading) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lux-loading", role: "progressbar", "aria-busy": "true", "aria-label": "Loading" });
+}
 var IndicatorIcon2 = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.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 = {
@@ -1978,7 +1978,7 @@ var Tooltip = React33__namespace.forwardRef(
             {
               ref: triggerRef,
               asChild: true,
-              ...isMobile ? { onPress: handleTriggerClick } : {},
+              ...isMobile ? { onClick: handleTriggerClick } : {},
               ...triggerProps,
               children
             }
@@ -7904,6 +7904,7 @@ exports.Link = Link;
 exports.LinkBox = LinkBox;
 exports.LinkExternalIcon = LinkExternalIcon;
 exports.LinkOverlay = LinkOverlay;
+exports.LoadingBar = LoadingBar;
 exports.MenuArrow = MenuArrow;
 exports.MenuCheckboxItem = MenuCheckboxItem;
 exports.MenuContent = MenuContent;