@brycks/core-front 0.11.0 → 0.12.1

package/dist/components/utility.d.ts

@@ -1,2 +1,278 @@
-export * from './utility/index'
-export {}
+import { ButtonHTMLAttributes } from 'react';
+import { CSSProperties } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+
+export declare interface AvatarProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    /** Size of the avatar */
+    size?: AvatarSize;
+    /** Name to display initials from */
+    name?: string;
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image */
+    alt?: string;
+    /** Custom content to render inside */
+    children?: ReactNode;
+    /** Whether the avatar is interactive (button) or static (div) */
+    interactive?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
+
+export declare type BadgeIntent = 'neutral' | 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
+
+export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Visual variant */
+    variant?: BadgeVariant;
+    /** Color intent */
+    intent?: BadgeIntent;
+    /** Size */
+    size?: BadgeSize;
+    /** Show a leading status dot in the intent color (a non-color status cue) */
+    dot?: boolean;
+    /** Leading icon (e.g. a HugeIcon). Prefer this over emoji as a label icon */
+    leftIcon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Badge content */
+    children?: ReactNode;
+}
+
+export declare type BadgeSize = 'sm' | 'md' | 'lg';
+
+export declare type BadgeVariant = 'solid' | 'subtle' | 'outline';
+
+export declare const Divider: ForwardRefExoticComponent<DividerProps & RefAttributes<HTMLDivElement>>;
+
+export declare type DividerOrientation = 'horizontal' | 'vertical';
+
+export declare interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Divider orientation */
+    orientation?: DividerOrientation;
+    /** Visual variant */
+    variant?: DividerVariant;
+    /** Label text in the middle */
+    label?: ReactNode;
+    /** Label position */
+    labelPosition?: 'start' | 'center' | 'end';
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type DividerVariant = 'solid' | 'dashed' | 'dotted';
+
+export declare const EmptyState: ForwardRefExoticComponent<EmptyStateProps & RefAttributes<HTMLDivElement>>;
+
+/** Default empty state icon */
+export declare function EmptyStateIcon({ size }: {
+    size?: number;
+}): JSX.Element;
+
+export declare namespace EmptyStateIcon {
+    var displayName: string;
+}
+
+export declare interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Icon or illustration */
+    icon?: ReactNode;
+    /** Title text */
+    title?: ReactNode;
+    /** Description text */
+    description?: ReactNode;
+    /** Action element (button, link) */
+    action?: ReactNode;
+    /** Secondary action */
+    secondaryAction?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const FocusTrap: ForwardRefExoticComponent<FocusTrapProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface FocusTrapProps {
+    /** Content to trap focus within */
+    children: ReactNode;
+    /** Whether the focus trap is active */
+    enabled?: boolean;
+    /** Whether to auto-focus the first element */
+    autoFocus?: boolean;
+    /** Whether to restore focus on unmount */
+    restoreFocus?: boolean;
+    /** Initial element to focus (selector) */
+    initialFocus?: string;
+    /** Custom class name */
+    className?: string;
+    /** Custom inline styles */
+    style?: CSSProperties;
+}
+
+export declare const Kbd: ForwardRefExoticComponent<KbdProps & RefAttributes<HTMLElement>>;
+
+export declare interface KbdProps extends HTMLAttributes<HTMLElement> {
+    /** Size */
+    size?: KbdSize;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Key content */
+    children?: ReactNode;
+}
+
+export declare type KbdSize = 'sm' | 'md';
+
+export declare const Loader: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
+    /** Loader size */
+    size?: LoaderSize;
+    /** Loader variant */
+    variant?: LoaderVariant;
+    /** Color (CSS value) */
+    color?: string;
+    /** Accessible label */
+    label?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export declare type LoaderVariant = 'spinner' | 'dots' | 'pulse';
+
+export declare const Logo: ForwardRefExoticComponent<LogoProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface LogoProps extends HTMLAttributes<HTMLDivElement> {
+    /** Size of the logo */
+    size?: LogoSize;
+    /** Content to display (usually a letter or icon) */
+    children?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type LogoSize = 'sm' | 'md' | 'lg' | 'xl';
+
+export declare const Overlay: ForwardRefExoticComponent<OverlayProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
+    /** Whether the overlay is visible */
+    isOpen: boolean;
+    /** Callback when overlay is clicked */
+    onClose?: () => void;
+    /** Whether clicking the overlay closes it */
+    closeOnClick?: boolean;
+    /** Whether to apply backdrop blur */
+    blur?: boolean;
+    /** Blur intensity (in pixels) */
+    blurAmount?: number;
+    /** Background opacity (0-1) */
+    opacity?: number;
+    /** Whether to use a portal */
+    usePortal?: boolean;
+    /** Z-index for the overlay */
+    zIndex?: number;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare function Portal({ children, container, disabled }: PortalProps): JSX.Element | null;
+
+export declare namespace Portal {
+    var displayName: string;
+}
+
+export declare interface PortalProps {
+    /** Content to render in the portal */
+    children: ReactNode;
+    /** Container element or selector to render into */
+    container?: HTMLElement | string;
+    /** Whether the portal is disabled (renders inline) */
+    disabled?: boolean;
+}
+
+export declare const ScreenReaderOnly: ForwardRefExoticComponent<ScreenReaderOnlyProps & RefAttributes<HTMLSpanElement>>;
+
+export declare interface ScreenReaderOnlyProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Content to be read by screen readers */
+    children: ReactNode;
+    /** Whether to make content focusable (shows on focus) */
+    focusable?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const Skeleton: ForwardRefExoticComponent<SkeletonProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /** Skeleton variant */
+    variant?: SkeletonVariant;
+    /** Width */
+    width?: string | number;
+    /** Height */
+    height?: string | number;
+    /** Border radius (for rectangular variant) */
+    radius?: string | number;
+    /** Whether to animate */
+    animate?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare function SkeletonText({ lines, gap, lastLineWidth, className, }: SkeletonTextProps): JSX.Element;
+
+export declare namespace SkeletonText {
+    var displayName: string;
+}
+
+/** Text skeleton with multiple lines */
+export declare interface SkeletonTextProps {
+    /** Number of lines */
+    lines?: number;
+    /** Gap between lines */
+    gap?: number;
+    /** Last line width percentage */
+    lastLineWidth?: string;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare type SkeletonVariant = 'text' | 'circular' | 'rectangular';
+
+/** Alias for Loader */
+export declare const Spinner: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Alias for ScreenReaderOnly with a shorter name
+ */
+export declare const SrOnly: ForwardRefExoticComponent<ScreenReaderOnlyProps & RefAttributes<HTMLSpanElement>>;
+
+export { }

package/dist/components/utility.js

@@ -1,31 +1,31 @@
-import { Badge as e } from "./utility/Badge/Badge.js";
-import { Loader as p, Spinner as m } from "./utility/Loader/Loader.js";
-import { Skeleton as f, SkeletonText as a } from "./utility/Skeleton/Skeleton.js";
-import { Divider as S } from "./utility/Divider/Divider.js";
-import { EmptyState as d, EmptyStateIcon as y } from "./utility/EmptyState/EmptyState.js";
-import { Portal as i } from "./utility/Portal/Portal.js";
-import { FocusTrap as O } from "./utility/FocusTrap/FocusTrap.js";
-import { Overlay as k } from "./utility/Overlay/Overlay.js";
-import { ScreenReaderOnly as L, SrOnly as T } from "./utility/ScreenReaderOnly/ScreenReaderOnly.js";
-import { Avatar as s } from "./utility/Avatar/Avatar.js";
-import { Logo as A } from "./utility/Logo/Logo.js";
-import { Kbd as D } from "./utility/Kbd/Kbd.js";
+import { Avatar as e } from "./utility/Avatar/Avatar.js";
+import { Badge as p } from "./utility/Badge/Badge.js";
+import { Divider as x } from "./utility/Divider/Divider.js";
+import { EmptyState as a, EmptyStateIcon as n } from "./utility/EmptyState/EmptyState.js";
+import { FocusTrap as l } from "./utility/FocusTrap/FocusTrap.js";
+import { Kbd as y } from "./utility/Kbd/Kbd.js";
+import { Loader as i, Spinner as v } from "./utility/Loader/Loader.js";
+import { Logo as g } from "./utility/Logo/Logo.js";
+import { Overlay as E } from "./utility/Overlay/Overlay.js";
+import { Portal as T } from "./utility/Portal/Portal.js";
+import { ScreenReaderOnly as s, SrOnly as u } from "./utility/ScreenReaderOnly/ScreenReaderOnly.js";
+import { Skeleton as B, SkeletonText as D } from "./utility/Skeleton/Skeleton.js";
 export {
-  s as Avatar,
-  e as Badge,
-  S as Divider,
-  d as EmptyState,
-  y as EmptyStateIcon,
-  O as FocusTrap,
-  D as Kbd,
-  p as Loader,
-  A as Logo,
-  k as Overlay,
-  i as Portal,
-  L as ScreenReaderOnly,
-  f as Skeleton,
-  a as SkeletonText,
-  m as Spinner,
-  T as SrOnly
+  e as Avatar,
+  p as Badge,
+  x as Divider,
+  a as EmptyState,
+  n as EmptyStateIcon,
+  l as FocusTrap,
+  y as Kbd,
+  i as Loader,
+  g as Logo,
+  E as Overlay,
+  T as Portal,
+  s as ScreenReaderOnly,
+  B as Skeleton,
+  D as SkeletonText,
+  v as Spinner,
+  u as SrOnly
 };
 //# sourceMappingURL=utility.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */const i=require("./hooks/useMediaQuery.cjs"),E=require("./hooks/useDisclosure.cjs"),V=require("./hooks/useClickOutside.cjs"),W=require("./hooks/useKeyboardNavigation.cjs"),K=require("./hooks/useFocusTrap.cjs"),D=require("./hooks/useId.cjs"),N=require("./hooks/useControllable.cjs"),n=require("./utils/styles.cjs"),T=require("./utils/lazyComponent.cjs"),t=require("./design-system/tokens/colors.cjs"),f=require("./design-system/tokens/spacing.cjs"),s=require("./design-system/tokens/typography.cjs"),b=require("./design-system/tokens/shadows.cjs"),I=require("./design-system/tokens/borders.cjs"),h=require("./design-system/tokens/breakpoints.cjs"),Q=require("./design-system/tokens/zIndex.cjs"),d=require("./design-system/tokens/motion.cjs"),r=require("./design-system/primitives/sizing.cjs"),o=require("./design-system/primitives/layout.cjs"),y=require("./design-system/primitives/focus.cjs"),c=require("./design-system/primitives/transitions.cjs"),l=require("./design-system/primitives/typography.cjs"),C=require("./design-system/primitives/opacity.cjs"),F=require("./design-system/themes/ThemeProvider.cjs"),Z=require("./design-system/themes/lightTheme.cjs"),X=require("./design-system/themes/darkTheme.cjs"),Y=require("./design-system/themes/cssVariables.cjs"),j=require("./components/layout/Box/Box.cjs"),P=require("./components/layout/Stack/Stack.cjs"),z=require("./components/layout/Grid/Grid.cjs"),$=require("./components/layout/Container/Container.cjs"),p=require("./components/layout/Card/Card.cjs"),J=require("./components/layout/Section/Section.cjs"),U=require("./components/layout/Spacer/Spacer.cjs"),k=require("./components/layout/Flex/Flex.cjs"),_=require("./components/layout/AspectRatio/AspectRatio.cjs"),ee=require("./components/media/Image/Image.cjs"),re=require("./components/media/Video/Video.cjs"),oe=require("./components/media/ImageThumbnail/ImageThumbnail.cjs"),v=require("./components/typography/Text/Text.cjs"),x=require("./components/typography/Heading/Heading.cjs"),L=require("./components/primitives/Button/Button.cjs"),te=require("./components/primitives/Icon/Icon.cjs"),ie=require("./components/primitives/Icon/iconPaths.cjs"),ne=require("./components/form/Input/Input.cjs"),se=require("./components/form/SearchInput/SearchInput.cjs"),ae=require("./components/form/TextField/TextField.cjs"),ce=require("./components/form/Select/Select.cjs"),ue=require("./components/form/Checkbox/Checkbox.cjs"),de=require("./components/form/Switch/Switch.cjs"),le=require("./components/form/Textarea/Textarea.cjs"),w=require("./components/form/Radio/Radio.cjs"),pe=require("./components/form/Slider/Slider.cjs"),me=require("./components/form/DateInput/DateInput.cjs"),ge=require("./components/form/FileInput/FileInput.cjs"),qe=require("./components/form/FormField/FormField.cjs"),Se=require("./components/form/FieldError/FieldError.cjs"),Te=require("./components/form/Form/Form.cjs"),be=require("./components/form/FormLabel/FormLabel.cjs"),Ie=require("./components/form/FormGroup/FormGroup.cjs"),he=require("./components/form/DropZone/DropZone.cjs"),ye=require("./components/form/FormCard/FormCard.cjs"),Ce=require("./components/feedback/Modal/Modal.cjs"),Fe=require("./components/feedback/Alert/Alert.cjs"),Pe=require("./components/feedback/Banner/Banner.cjs"),De=require("./components/feedback/ConfirmDialog/ConfirmDialog.cjs"),fe=require("./components/feedback/Tooltip/Tooltip.cjs"),B=require("./components/feedback/Toast/Toast.cjs"),ze=require("./components/feedback/Toast/ToastContext.cjs"),ke=require("./components/feedback/Drawer/Drawer.cjs"),ve=require("./components/feedback/Popover/Popover.cjs"),xe=require("./components/feedback/Progress/Progress.cjs"),u=require("./components/navigation/Tabs/Tabs.cjs"),m=require("./components/navigation/Accordion/Accordion.cjs"),g=require("./components/navigation/Dropdown/Dropdown.cjs"),q=require("./components/navigation/Menu/Menu.cjs"),Le=require("./components/navigation/Pagination/Pagination.cjs"),A=require("./components/navigation/Breadcrumb/Breadcrumb.cjs"),we=require("./components/navigation/SegmentedControl/SegmentedControl.cjs"),e=require("./components/data/Table/Table.cjs"),S=require("./components/data/List/List.cjs"),M=require("./components/data/InfoItem/InfoItem.cjs"),Be=require("./components/data/PieChart/PieChart.cjs"),Ae=require("./components/utility/Badge/Badge.cjs"),H=require("./components/utility/Loader/Loader.cjs"),R=require("./components/utility/Skeleton/Skeleton.cjs"),Me=require("./components/utility/Divider/Divider.cjs"),O=require("./components/utility/EmptyState/EmptyState.cjs"),He=require("./components/utility/Portal/Portal.cjs"),Re=require("./components/utility/FocusTrap/FocusTrap.cjs"),Oe=require("./components/utility/Overlay/Overlay.cjs"),G=require("./components/utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),Ge=require("./components/utility/Avatar/Avatar.cjs"),Ee=require("./components/utility/Logo/Logo.cjs"),Ve=require("./components/utility/Kbd/Kbd.cjs"),a=require("./components/layout/Semantic/Semantic.cjs");exports.useIsDesktop=i.useIsDesktop;exports.useIsMobile=i.useIsMobile;exports.useIsTablet=i.useIsTablet;exports.useMediaQuery=i.useMediaQuery;exports.usePrefersDarkMode=i.usePrefersDarkMode;exports.usePrefersReducedMotion=i.usePrefersReducedMotion;exports.useDisclosure=E.useDisclosure;exports.useClickOutside=V.useClickOutside;exports.useKeyboardNavigation=W.useKeyboardNavigation;exports.useFocusTrap=K.useFocusTrap;exports.useId=D.useId;exports.useIds=D.useIds;exports.useControllable=N.useControllable;exports.buildSpacingStyles=n.buildSpacingStyles;exports.cx=n.cx;exports.generateId=n.generateId;exports.getSpacingValue=n.getSpacingValue;exports.hexToRgba=n.hexToRgba;exports.spacingToCss=n.spacingToCss;exports.createInteractionLazyComponent=T.createInteractionLazyComponent;exports.createLazyComponent=T.createLazyComponent;exports.preloadComponents=T.preloadComponents;exports.accent=t.accent;exports.colors=t.colors;exports.error=t.error;exports.info=t.info;exports.neutrals=t.neutrals;exports.primary=t.primary;exports.success=t.success;exports.warning=t.warning;exports.semanticSpacing=f.semanticSpacing;exports.spacing=f.spacing;exports.fontFamilies=s.fontFamilies;exports.fontSizes=s.fontSizes;exports.fontWeights=s.fontWeights;exports.letterSpacings=s.letterSpacings;exports.lineHeights=s.lineHeights;exports.textStyles=s.textStyles;exports.focusRings=b.focusRings;exports.glows=b.glows;exports.shadows=b.shadows;exports.borderStyles=I.borderStyles;exports.borderWidths=I.borderWidths;exports.radii=I.radii;exports.breakpoints=h.breakpoints;exports.containers=h.containers;exports.mediaQueries=h.mediaQueries;exports.zIndex=Q.zIndex;exports.animations=d.animations;exports.durations=d.durations;exports.easings=d.easings;exports.transitions=d.transitions;exports.componentGap=r.componentGap;exports.componentHeights=r.componentHeights;exports.componentPaddingX=r.componentPaddingX;exports.componentPaddingY=r.componentPaddingY;exports.controlSizes=r.controlSizes;exports.iconSizes=r.iconSizes;exports.modalWidths=r.modalWidths;exports.popoverSizing=r.popoverSizing;exports.switchSizes=r.switchSizes;exports.avatarSizes=o.avatarSizes;exports.contentPadding=o.contentPadding;exports.headerSizes=o.headerSizes;exports.iconButtonSizes=o.iconButtonSizes;exports.pageHeaderSpacing=o.pageHeaderSpacing;exports.quickActionSizes=o.quickActionSizes;exports.searchInputSizes=o.searchInputSizes;exports.sidebarSizes=o.sidebarSizes;exports.statCardSizes=o.statCardSizes;exports.focusRing=y.focusRing;exports.focusRingOffset=y.focusRingOffset;exports.focusStyles=y.focusStyles;exports.duration=c.duration;exports.easing=c.easing;exports.keyframes=c.keyframes;exports.transition=c.transition;exports.transitionProperties=c.transitionProperties;exports.componentFontSize=l.componentFontSize;exports.componentFontWeight=l.componentFontWeight;exports.componentLineHeight=l.componentLineHeight;exports.componentTypography=l.componentTypography;exports.opacity=C.opacity;exports.scale=C.scale;exports.stateOpacity=C.stateOpacity;exports.ThemeProvider=F.ThemeProvider;exports.useTheme=F.useTheme;exports.useThemeColors=F.useThemeColors;exports.lightTheme=Z.lightTheme;exports.darkTheme=X.darkTheme;exports.cssVar=Y.cssVar;exports.Box=j.Box;exports.HStack=P.HStack;exports.Stack=P.Stack;exports.VStack=P.VStack;exports.Grid=z.Grid;exports.GridItem=z.GridItem;exports.Container=$.Container;exports.Card=p.Card;exports.CardBody=p.CardBody;exports.CardFooter=p.CardFooter;exports.CardHeader=p.CardHeader;exports.Section=J.Section;exports.Spacer=U.Spacer;exports.Flex=k.Flex;exports.FlexItem=k.FlexItem;exports.AspectRatio=_.AspectRatio;exports.Image=ee.Image;exports.Video=re.Video;exports.ImageThumbnail=oe.ImageThumbnail;exports.Code=v.Code;exports.Text=v.Text;exports.Display=x.Display;exports.Heading=x.Heading;exports.Button=L.Button;exports.IconButton=L.IconButton;exports.Icon=te.Icon;exports.iconPaths=ie.iconPaths;exports.Input=ne.Input;exports.SearchInput=se.SearchInput;exports.TextField=ae.TextField;exports.Select=ce.Select;exports.Checkbox=ue.Checkbox;exports.Switch=de.Switch;exports.Textarea=le.Textarea;exports.Radio=w.Radio;exports.RadioGroup=w.RadioGroup;exports.Slider=pe.Slider;exports.DateInput=me.DateInput;exports.FileInput=ge.FileInput;exports.FormField=qe.FormField;exports.FieldError=Se.FieldError;exports.Form=Te.Form;exports.FormLabel=be.FormLabel;exports.FormGroup=Ie.FormGroup;exports.DropZone=he.DropZone;exports.FormCard=ye.FormCard;exports.Modal=Ce.Modal;exports.Alert=Fe.Alert;exports.Banner=Pe.Banner;exports.ConfirmDialog=De.ConfirmDialog;exports.Tooltip=fe.Tooltip;exports.Toast=B.Toast;exports.ToastProvider=B.ToastProvider;exports.useToast=ze.useToast;exports.Drawer=ke.Drawer;exports.Popover=ve.Popover;exports.Progress=xe.Progress;exports.Tab=u.Tab;exports.TabList=u.TabList;exports.TabPanel=u.TabPanel;exports.TabPanels=u.TabPanels;exports.Tabs=u.Tabs;exports.Accordion=m.Accordion;exports.AccordionContent=m.AccordionContent;exports.AccordionItem=m.AccordionItem;exports.AccordionTrigger=m.AccordionTrigger;exports.Dropdown=g.Dropdown;exports.DropdownDivider=g.DropdownDivider;exports.DropdownItem=g.DropdownItem;exports.DropdownLabel=g.DropdownLabel;exports.Menu=q.Menu;exports.MenuDivider=q.MenuDivider;exports.MenuGroup=q.MenuGroup;exports.MenuItem=q.MenuItem;exports.Pagination=Le.Pagination;exports.Breadcrumb=A.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.SegmentedControl=we.SegmentedControl;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableEmpty=e.TableEmpty;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableSkeleton=e.TableSkeleton;exports.List=S.List;exports.ListDivider=S.ListDivider;exports.ListHeader=S.ListHeader;exports.ListItem=S.ListItem;exports.InfoItem=M.InfoItem;exports.InfoList=M.InfoList;exports.PieChart=Be.PieChart;exports.Badge=Ae.Badge;exports.Loader=H.Loader;exports.Spinner=H.Spinner;exports.Skeleton=R.Skeleton;exports.SkeletonText=R.SkeletonText;exports.Divider=Me.Divider;exports.EmptyState=O.EmptyState;exports.EmptyStateIcon=O.EmptyStateIcon;exports.Portal=He.Portal;exports.FocusTrap=Re.FocusTrap;exports.Overlay=Oe.Overlay;exports.ScreenReaderOnly=G.ScreenReaderOnly;exports.SrOnly=G.SrOnly;exports.Avatar=Ge.Avatar;exports.Logo=Ee.Logo;exports.Kbd=Ve.Kbd;exports.Article=a.Article;exports.Aside=a.Aside;exports.Footer=a.Footer;exports.Header=a.Header;exports.Main=a.Main;exports.Nav=a.Nav;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */const i=require("./hooks/useMediaQuery.cjs"),E=require("./hooks/useDisclosure.cjs"),V=require("./hooks/useClickOutside.cjs"),W=require("./hooks/useKeyboardNavigation.cjs"),K=require("./hooks/useFocusTrap.cjs"),f=require("./hooks/useId.cjs"),N=require("./hooks/useControllable.cjs"),n=require("./utils/styles.cjs"),T=require("./utils/lazyComponent.cjs"),d=require("./components/navigation/Accordion/Accordion.cjs"),Q=require("./components/feedback/Alert/Alert.cjs"),s=require("./components/layout/Semantic/Semantic.cjs"),U=require("./components/layout/AspectRatio/AspectRatio.cjs"),Z=require("./components/utility/Avatar/Avatar.cjs"),X=require("./components/utility/Badge/Badge.cjs"),Y=require("./components/feedback/Banner/Banner.cjs"),j=require("./components/layout/Box/Box.cjs"),D=require("./components/navigation/Breadcrumb/Breadcrumb.cjs"),z=require("./components/primitives/Button/Button.cjs"),l=require("./components/layout/Card/Card.cjs"),_=require("./components/form/Checkbox/Checkbox.cjs"),k=require("./components/typography/Text/Text.cjs"),$=require("./components/feedback/ConfirmDialog/ConfirmDialog.cjs"),J=require("./components/layout/Container/Container.cjs"),ee=require("./components/form/DateInput/DateInput.cjs"),v=require("./components/typography/Heading/Heading.cjs"),re=require("./components/utility/Divider/Divider.cjs"),oe=require("./components/feedback/Drawer/Drawer.cjs"),te=require("./components/form/DropZone/DropZone.cjs"),p=require("./components/navigation/Dropdown/Dropdown.cjs"),x=require("./components/utility/EmptyState/EmptyState.cjs"),ie=require("./components/form/FieldError/FieldError.cjs"),ne=require("./components/form/FileInput/FileInput.cjs"),se=require("./components/form/FileUpload/FileUpload.cjs"),L=require("./components/layout/Flex/Flex.cjs"),ae=require("./components/utility/FocusTrap/FocusTrap.cjs"),ce=require("./components/form/Form/Form.cjs"),ue=require("./components/form/FormCard/FormCard.cjs"),de=require("./components/form/FormField/FormField.cjs"),le=require("./components/form/FormGroup/FormGroup.cjs"),pe=require("./components/form/FormLabel/FormLabel.cjs"),B=require("./components/layout/Grid/Grid.cjs"),b=require("./components/layout/Stack/Stack.cjs"),me=require("./components/primitives/Icon/Icon.cjs"),qe=require("./components/media/Image/Image.cjs"),ge=require("./components/media/ImageThumbnail/ImageThumbnail.cjs"),w=require("./components/data/InfoItem/InfoItem.cjs"),Se=require("./components/form/Input/Input.cjs"),Te=require("./components/utility/Kbd/Kbd.cjs"),m=require("./components/data/List/List.cjs"),A=require("./components/utility/Loader/Loader.cjs"),be=require("./components/utility/Logo/Logo.cjs"),q=require("./components/navigation/Menu/Menu.cjs"),Ie=require("./components/feedback/Modal/Modal.cjs"),he=require("./components/utility/Overlay/Overlay.cjs"),ye=require("./components/navigation/Pagination/Pagination.cjs"),Ce=require("./components/data/PieChart/PieChart.cjs"),Fe=require("./components/feedback/Popover/Popover.cjs"),Pe=require("./components/utility/Portal/Portal.cjs"),fe=require("./components/feedback/Progress/Progress.cjs"),M=require("./components/form/Radio/Radio.cjs"),H=require("./components/utility/ScreenReaderOnly/ScreenReaderOnly.cjs"),De=require("./components/form/SearchInput/SearchInput.cjs"),ze=require("./components/layout/Section/Section.cjs"),ke=require("./components/navigation/SegmentedControl/SegmentedControl.cjs"),ve=require("./components/form/Select/Select.cjs"),R=require("./components/utility/Skeleton/Skeleton.cjs"),xe=require("./components/form/Slider/Slider.cjs"),Le=require("./components/layout/Spacer/Spacer.cjs"),Be=require("./components/form/Switch/Switch.cjs"),c=require("./components/navigation/Tabs/Tabs.cjs"),e=require("./components/data/Table/Table.cjs"),we=require("./components/form/TextField/TextField.cjs"),Ae=require("./components/form/Textarea/Textarea.cjs"),I=require("./design-system/themes/ThemeProvider.cjs"),O=require("./components/feedback/Toast/Toast.cjs"),Me=require("./components/feedback/Tooltip/Tooltip.cjs"),He=require("./components/media/Video/Video.cjs"),t=require("./design-system/tokens/colors.cjs"),g=require("./design-system/tokens/motion.cjs"),r=require("./design-system/primitives/layout.cjs"),h=require("./design-system/tokens/borders.cjs"),y=require("./design-system/tokens/breakpoints.cjs"),S=require("./design-system/primitives/typography.cjs"),o=require("./design-system/primitives/sizing.cjs"),Re=require("./design-system/themes/cssVariables.cjs"),Oe=require("./design-system/themes/darkTheme.cjs"),u=require("./design-system/primitives/transitions.cjs"),C=require("./design-system/primitives/focus.cjs"),F=require("./design-system/tokens/shadows.cjs"),a=require("./design-system/tokens/typography.cjs"),Ge=require("./components/form/FileUpload/fileUpload.utils.cjs"),Ee=require("./components/primitives/Icon/iconPaths.cjs"),Ve=require("./design-system/themes/lightTheme.cjs"),P=require("./design-system/primitives/opacity.cjs"),G=require("./design-system/tokens/spacing.cjs"),We=require("./components/feedback/Toast/ToastContext.cjs"),Ke=require("./design-system/tokens/zIndex.cjs");exports.useIsDesktop=i.useIsDesktop;exports.useIsMobile=i.useIsMobile;exports.useIsTablet=i.useIsTablet;exports.useMediaQuery=i.useMediaQuery;exports.usePrefersDarkMode=i.usePrefersDarkMode;exports.usePrefersReducedMotion=i.usePrefersReducedMotion;exports.useDisclosure=E.useDisclosure;exports.useClickOutside=V.useClickOutside;exports.useKeyboardNavigation=W.useKeyboardNavigation;exports.useFocusTrap=K.useFocusTrap;exports.useId=f.useId;exports.useIds=f.useIds;exports.useControllable=N.useControllable;exports.buildSpacingStyles=n.buildSpacingStyles;exports.cx=n.cx;exports.generateId=n.generateId;exports.getSpacingValue=n.getSpacingValue;exports.hexToRgba=n.hexToRgba;exports.spacingToCss=n.spacingToCss;exports.createInteractionLazyComponent=T.createInteractionLazyComponent;exports.createLazyComponent=T.createLazyComponent;exports.preloadComponents=T.preloadComponents;exports.Accordion=d.Accordion;exports.AccordionContent=d.AccordionContent;exports.AccordionItem=d.AccordionItem;exports.AccordionTrigger=d.AccordionTrigger;exports.Alert=Q.Alert;exports.Article=s.Article;exports.Aside=s.Aside;exports.Footer=s.Footer;exports.Header=s.Header;exports.Main=s.Main;exports.Nav=s.Nav;exports.AspectRatio=U.AspectRatio;exports.Avatar=Z.Avatar;exports.Badge=X.Badge;exports.Banner=Y.Banner;exports.Box=j.Box;exports.Breadcrumb=D.Breadcrumb;exports.BreadcrumbItem=D.BreadcrumbItem;exports.Button=z.Button;exports.IconButton=z.IconButton;exports.Card=l.Card;exports.CardBody=l.CardBody;exports.CardFooter=l.CardFooter;exports.CardHeader=l.CardHeader;exports.Checkbox=_.Checkbox;exports.Code=k.Code;exports.Text=k.Text;exports.ConfirmDialog=$.ConfirmDialog;exports.Container=J.Container;exports.DateInput=ee.DateInput;exports.Display=v.Display;exports.Heading=v.Heading;exports.Divider=re.Divider;exports.Drawer=oe.Drawer;exports.DropZone=te.DropZone;exports.Dropdown=p.Dropdown;exports.DropdownDivider=p.DropdownDivider;exports.DropdownItem=p.DropdownItem;exports.DropdownLabel=p.DropdownLabel;exports.EmptyState=x.EmptyState;exports.EmptyStateIcon=x.EmptyStateIcon;exports.FieldError=ie.FieldError;exports.FileInput=ne.FileInput;exports.FileUpload=se.FileUpload;exports.Flex=L.Flex;exports.FlexItem=L.FlexItem;exports.FocusTrap=ae.FocusTrap;exports.Form=ce.Form;exports.FormCard=ue.FormCard;exports.FormField=de.FormField;exports.FormGroup=le.FormGroup;exports.FormLabel=pe.FormLabel;exports.Grid=B.Grid;exports.GridItem=B.GridItem;exports.HStack=b.HStack;exports.Stack=b.Stack;exports.VStack=b.VStack;exports.Icon=me.Icon;exports.Image=qe.Image;exports.ImageThumbnail=ge.ImageThumbnail;exports.InfoItem=w.InfoItem;exports.InfoList=w.InfoList;exports.Input=Se.Input;exports.Kbd=Te.Kbd;exports.List=m.List;exports.ListDivider=m.ListDivider;exports.ListHeader=m.ListHeader;exports.ListItem=m.ListItem;exports.Loader=A.Loader;exports.Spinner=A.Spinner;exports.Logo=be.Logo;exports.Menu=q.Menu;exports.MenuDivider=q.MenuDivider;exports.MenuGroup=q.MenuGroup;exports.MenuItem=q.MenuItem;exports.Modal=Ie.Modal;exports.Overlay=he.Overlay;exports.Pagination=ye.Pagination;exports.PieChart=Ce.PieChart;exports.Popover=Fe.Popover;exports.Portal=Pe.Portal;exports.Progress=fe.Progress;exports.Radio=M.Radio;exports.RadioGroup=M.RadioGroup;exports.ScreenReaderOnly=H.ScreenReaderOnly;exports.SrOnly=H.SrOnly;exports.SearchInput=De.SearchInput;exports.Section=ze.Section;exports.SegmentedControl=ke.SegmentedControl;exports.Select=ve.Select;exports.Skeleton=R.Skeleton;exports.SkeletonText=R.SkeletonText;exports.Slider=xe.Slider;exports.Spacer=Le.Spacer;exports.Switch=Be.Switch;exports.Tab=c.Tab;exports.TabList=c.TabList;exports.TabPanel=c.TabPanel;exports.TabPanels=c.TabPanels;exports.Tabs=c.Tabs;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableEmpty=e.TableEmpty;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableSkeleton=e.TableSkeleton;exports.TextField=we.TextField;exports.Textarea=Ae.Textarea;exports.ThemeProvider=I.ThemeProvider;exports.useTheme=I.useTheme;exports.useThemeColors=I.useThemeColors;exports.Toast=O.Toast;exports.ToastProvider=O.ToastProvider;exports.Tooltip=Me.Tooltip;exports.Video=He.Video;exports.accent=t.accent;exports.colors=t.colors;exports.error=t.error;exports.info=t.info;exports.neutrals=t.neutrals;exports.primary=t.primary;exports.success=t.success;exports.warning=t.warning;exports.animations=g.animations;exports.durations=g.durations;exports.easings=g.easings;exports.transitions=g.transitions;exports.avatarSizes=r.avatarSizes;exports.contentPadding=r.contentPadding;exports.headerSizes=r.headerSizes;exports.iconButtonSizes=r.iconButtonSizes;exports.pageHeaderSpacing=r.pageHeaderSpacing;exports.quickActionSizes=r.quickActionSizes;exports.searchInputSizes=r.searchInputSizes;exports.sidebarSizes=r.sidebarSizes;exports.statCardSizes=r.statCardSizes;exports.borderStyles=h.borderStyles;exports.borderWidths=h.borderWidths;exports.radii=h.radii;exports.breakpoints=y.breakpoints;exports.containers=y.containers;exports.mediaQueries=y.mediaQueries;exports.componentFontSize=S.componentFontSize;exports.componentFontWeight=S.componentFontWeight;exports.componentLineHeight=S.componentLineHeight;exports.componentTypography=S.componentTypography;exports.componentGap=o.componentGap;exports.componentHeights=o.componentHeights;exports.componentPaddingX=o.componentPaddingX;exports.componentPaddingY=o.componentPaddingY;exports.controlSizes=o.controlSizes;exports.iconSizes=o.iconSizes;exports.modalWidths=o.modalWidths;exports.popoverSizing=o.popoverSizing;exports.switchSizes=o.switchSizes;exports.cssVar=Re.cssVar;exports.darkTheme=Oe.darkTheme;exports.duration=u.duration;exports.easing=u.easing;exports.keyframes=u.keyframes;exports.transition=u.transition;exports.transitionProperties=u.transitionProperties;exports.focusRing=C.focusRing;exports.focusRingOffset=C.focusRingOffset;exports.focusStyles=C.focusStyles;exports.focusRings=F.focusRings;exports.glows=F.glows;exports.shadows=F.shadows;exports.fontFamilies=a.fontFamilies;exports.fontSizes=a.fontSizes;exports.fontWeights=a.fontWeights;exports.letterSpacings=a.letterSpacings;exports.lineHeights=a.lineHeights;exports.textStyles=a.textStyles;exports.formatBytes=Ge.formatBytes;exports.iconPaths=Ee.iconPaths;exports.lightTheme=Ve.lightTheme;exports.opacity=P.opacity;exports.scale=P.scale;exports.stateOpacity=P.stateOpacity;exports.semanticSpacing=G.semanticSpacing;exports.spacing=G.spacing;exports.useToast=We.useToast;exports.zIndex=Ke.zIndex;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -1547,6 +1547,84 @@ export declare type FileInputSize = 'sm' | 'md' | 'lg';
 
 export declare type FileInputVariant = 'default' | 'dropzone';
 
+export declare interface FileRejection {
+    file: File;
+    reason: FileRejectionReason;
+}
+
+/** Why a file was refused. */
+export declare type FileRejectionReason = 'type' | 'size';
+
+export declare const FileUpload: ForwardRefExoticComponent<FileUploadProps & RefAttributes<HTMLInputElement>>;
+
+/**
+ * Every user-facing string, so the host app supplies its own translations.
+ * The library ships English defaults and stays i18n-free.
+ */
+export declare interface FileUploadLabels {
+    /** Text of the button in the `compact` variant. */
+    trigger?: string;
+    /** Shown next to the trigger while nothing is selected (`compact`). */
+    placeholder?: string;
+    /** Main call to action inside the dropzone. */
+    prompt?: ReactNode;
+    /** Shown while a drag is hovering the dropzone. */
+    dropPrompt?: string;
+    /** Accessible label of the per-file remove button. */
+    remove?: string;
+    /** Error for a file whose type is not accepted. */
+    invalidType?: (fileName: string) => string;
+    /** Error for a file above `maxSize`. */
+    tooLarge?: (fileName: string, maxSizeLabel: string) => string;
+}
+
+export declare interface FileUploadProps {
+    /** Selected files (controlled). */
+    files: File[];
+    /** Called with the next selection whenever files are added or removed. */
+    onFilesChange: (files: File[]) => void;
+    /** Layout. */
+    variant?: FileUploadVariant;
+    /** Size. */
+    size?: FileUploadSize;
+    /** Accepted types, e.g. `".pfx,.p12"` or `"application/pdf"`. */
+    accept?: string;
+    /** Allow selecting more than one file. */
+    multiple?: boolean;
+    /** Cap on the number of files when `multiple`. */
+    maxFiles?: number;
+    /** Maximum size per file, in bytes. Rejections are reported, never silent. */
+    maxSize?: number;
+    /** Helper text under the prompt (e.g. accepted formats). */
+    hint?: ReactNode;
+    /** Error message from the host app (e.g. a failed upload). */
+    error?: ReactNode;
+    /** Render the field as invalid without a message. */
+    isInvalid?: boolean;
+    /** Disable selection and removal. */
+    disabled?: boolean;
+    /** Icon shown in the dropzone. */
+    icon?: ReactNode;
+    /** Notified when files are refused by `accept`/`maxSize`. */
+    onReject?: (rejections: FileRejection[]) => void;
+    /** Overridable user-facing strings. */
+    labels?: FileUploadLabels;
+    /** Id of the underlying input, to pair with an external label. */
+    id?: string;
+    /** Custom class name. */
+    className?: string;
+    /** Test ID. */
+    testId?: string;
+}
+
+export declare type FileUploadSize = 'sm' | 'md' | 'lg';
+
+/**
+ * `dropzone` — generous dashed target, best for documents and images.
+ * `compact` — a single row (button + selected file), fits inline in a form.
+ */
+export declare type FileUploadVariant = 'dropzone' | 'compact';
+
 export declare const Flex: ForwardRefExoticComponent<FlexProps & RefAttributes<HTMLDivElement>>;
 
 declare type FlexAlign = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
@@ -1777,6 +1855,15 @@ export declare interface FooterProps extends SemanticProps {
 
 export declare const Form: ForwardRefExoticComponent<FormProps & RefAttributes<HTMLFormElement>>;
 
+/**
+ * FileUpload — pure helpers
+ *
+ * Framework-free selection logic so it can be reasoned about and tested
+ * without rendering anything.
+ */
+/** Human-readable file size, e.g. `1.4 MB`. */
+export declare function formatBytes(bytes: number): string;
+
 export declare const FormCard: ForwardRefExoticComponent<FormCardProps & RefAttributes<HTMLDivElement>>;
 
 export declare type FormCardIntent = 'neutral' | 'primary' | 'success' | 'warning' | 'error' | 'info';