@niagads/ui 1.0.1-alpha.0 → 1.1.0-alpha.0

package/dist/client/index.d.ts

@@ -1,50 +1,57 @@
-import React, { ReactNode } from 'react';
-import { VariantType, PlacesType } from 'react-tooltip';
+import React$1, { ReactNode } from 'react';
 
-interface DropdownOption<T> {
-    value: T;
-    name: string;
+interface Suggestion {
+    id: string;
+    display: string;
+    matched_term: string;
 }
-interface DropdownProps<T> {
-    options: DropdownOption<T>[];
-    closeOnSelect: boolean;
-    onSelect: (option: T[]) => void;
+interface AutocompleteProps {
+    suggestions: Suggestion[];
+    onSearch: (query: string) => void;
+    onClick: (suggestion: Suggestion) => void;
+    onValueChange: (value: string) => void;
+    error: string;
+    placeholder?: string;
+    showTypeHints?: boolean;
+    autoRoute?: boolean;
 }
-declare const Dropdown: <T>({ options, closeOnSelect, onSelect }: DropdownProps<T>) => React.JSX.Element;
+declare const Autocomplete: ({ suggestions, onSearch, onClick, onValueChange, error, placeholder, showTypeHints, autoRoute, }: AutocompleteProps) => React$1.JSX.Element;
 
-interface HelpIconProps {
-    anchorId: string;
-    message: ReactNode | string;
-    type: "question" | "info";
+interface StylingProps {
+    className?: string;
+    style?: React.CSSProperties;
+    id?: string;
 }
-declare const HelpIcon: ({ anchorId, message, type }: HelpIconProps) => React.JSX.Element;
-declare const renderHelpIcon: (anchorId: string, message: ReactNode | string, type?: "question" | "info") => React.JSX.Element;
-declare const getIconElement: (key: string) => any;
-declare const renderWithHelpIcon: (textElement: ReactNode | string, type: "question" | "info", message: string, anchorId: string) => React.JSX.Element;
 
-interface TooltipProps {
-    anchorId: string;
+type ButtonColorVariants = "default" | "primary" | "white";
+
+interface ActionMenuProps extends StylingProps {
+    label: string;
+    icon: React$1.ElementType;
+    children: ReactNode;
+    buttonColor?: ButtonColorVariants;
+}
+declare const ActionMenu: ({ label, icon, children, className, buttonColor, style, ...rest }: ActionMenuProps & React$1.HTMLAttributes<HTMLDivElement>) => React$1.JSX.Element;
+
+interface TooltipClientProps {
     content: string | ReactNode;
-    children: string | ReactNode;
-    variant?: VariantType;
-    place?: PlacesType;
+    children: ReactNode;
+    position?: "top" | "bottom" | "left" | "right";
     openOnClick?: boolean;
 }
-declare function Tooltip({ anchorId, content, children, place, variant, openOnClick, }: TooltipProps): React.JSX.Element;
-declare const renderTooltip: (anchorId: string, children: any, message: any) => React.JSX.Element;
+declare function TooltipClient({ content, children, position, openOnClick }: TooltipClientProps): React$1.JSX.Element;
 
 interface TabDef {
-    label: string;
+    label: ReactNode;
     id: string;
     info?: string;
     content: ReactNode;
 }
-interface TabsProps {
-    sectionId?: string;
+interface TabsProps extends StylingProps {
     tabs: TabDef[];
     width: string;
 }
-declare const Tabs: ({ sectionId, tabs, width }: TabsProps) => React.JSX.Element;
+declare const Tabs: ({ tabs, width }: TabsProps) => React$1.JSX.Element | null;
 
 interface SliderProps {
     name: string;
@@ -57,7 +64,7 @@ interface SliderProps {
     onChange: (v: number[]) => void;
 }
 type SliderVariants = "default" | "primary" | "secondary" | "accent";
-declare const Slider: ({ variant, name, label, value, min, max, step, onChange }: SliderProps) => React.JSX.Element;
+declare const Slider: ({ variant, name, label, value, min, max, step, onChange }: SliderProps) => React$1.JSX.Element;
 
-export { Dropdown, HelpIcon, Slider, Tabs, Tooltip, getIconElement, renderHelpIcon, renderTooltip, renderWithHelpIcon };
-export type { DropdownOption, TabDef };
+export { ActionMenu, Autocomplete, Slider, Tabs, TooltipClient };
+export type { TabDef };

package/dist/client/index.js

@@ -1,2 +1,2 @@
-export{Dropdown}from"./Dropdown.js";export{HelpIcon,getIconElement,renderHelpIcon,renderWithHelpIcon}from"./HelpIcon.js";export{Tooltip,renderTooltip}from"./Tooltip.js";export{Tabs}from"./Tabs.js";export{Slider}from"./Slider.js";
+import"../styles/global.css.js";export{Autocomplete}from"./Autocomplete.js";export{ActionMenu}from"./ActionMenu.js";export{TooltipClient}from"./TooltipClient.js";export{Tabs}from"./Tabs.js";export{Slider}from"./Slider.js";
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,48 +1,68 @@
-import React, { ReactNode } from 'react';
+import * as lucide_react from 'lucide-react';
+import React$1, { ReactNode } from 'react';
 
-type AlertVariants = "info" | "warning" | "danger" | "success" | "default";
-declare const renderInfoIcon: () => React.JSX.Element;
-interface Alert {
+interface StylingProps {
+    className?: string;
+    style?: React.CSSProperties;
+    id?: string;
+}
+type ThemeVariant = "secondary" | "light" | "dark" | "accent";
+
+declare const ICONS$1: {
+    info: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+    error: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+    warning: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+    success: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+    construction: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+};
+type AlertVariants = keyof typeof ICONS$1;
+interface Alert extends StylingProps {
     variant?: AlertVariants;
     message: string;
-    children?: ReactNode | string;
+    children?: ReactNode;
 }
-declare const Alert: ({ variant, message, children }: Alert) => React.JSX.Element;
+declare const Alert: ({ variant, message, children, className, style }: Alert) => React$1.JSX.Element;
 
-type ButtonVariants = "default" | "primary" | "secondary" | "white" | "accent";
-type ButtonSizes = "sm" | "md" | "lg";
-interface ButtonProps {
+type ButtonVariants = "default" | "icon";
+type ButtonColorVariants = "default" | "primary" | "white";
+interface ButtonProps extends StylingProps {
     variant?: ButtonVariants;
-    size?: ButtonSizes;
-    children: ReactNode | string;
+    color?: ButtonColorVariants;
+    children: ReactNode;
     disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void | null;
+    onClick?: (event: React$1.MouseEvent<HTMLButtonElement>) => void | null;
 }
-declare const Button: ({ variant, size, children, onClick, disabled }: ButtonProps) => React.JSX.Element;
-
-type ThemeVariant = "secondary" | "light" | "dark" | "accent";
-interface StylingProps {
-    colorVariant?: "primary" | "secondary" | "accent" | "default" | "transparent";
-    size?: "sm" | "md" | "lg";
-    className?: string;
+declare const Button: ({ children, onClick, variant, color, disabled, className, id, ...rest }: ButtonProps & React$1.HTMLAttributes<HTMLButtonElement>) => React$1.JSX.Element;
+interface ButtonWrapperProps {
+    children: ReactNode;
 }
+declare const ButtonGroup: ({ children, className }: ButtonWrapperProps & StylingProps) => React$1.JSX.Element;
+declare const ActionToolbar: ({ children, className }: ButtonWrapperProps & StylingProps) => React$1.JSX.Element;
 
 interface CardBodyProps {
-    children: ReactNode | string;
+    children: ReactNode;
 }
 interface CardHeaderProps {
-    children: ReactNode | string;
+    children: ReactNode;
 }
-interface CardProps {
-    shadow?: boolean;
+type CardVariant = "half" | "third" | "two-thirds" | "full";
+interface CardProps extends StylingProps {
     href?: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void | null;
-    radius?: "none" | "sm" | "md" | "lg" | "xl";
-    children: ReactNode | string;
+    onClick?: (event: React$1.MouseEvent<HTMLButtonElement>) => void | null;
+    children: ReactNode;
+    variant: CardVariant;
+    hover?: boolean;
+    outline?: boolean;
+}
+declare const CardBody: ({ children }: CardBodyProps) => React$1.JSX.Element;
+declare const CardHeader: ({ children }: CardHeaderProps) => React$1.JSX.Element;
+declare const Card: ({ href, onClick, children, className, variant, hover, outline, ...rest }: CardProps & React$1.HTMLAttributes<HTMLDivElement>) => React$1.JSX.Element;
+interface FeatureCardProps extends Omit<CardProps, "children">, StylingProps {
+    icon: React$1.ElementType;
+    title: string;
+    description: string;
 }
-declare const CardBody: ({ children }: CardBodyProps) => React.JSX.Element;
-declare const CardHeader: ({ children }: CardHeaderProps) => React.JSX.Element;
-declare const Card: ({ shadow, radius, href, onClick, children, className, }: CardProps & StylingProps) => React.JSX.Element;
+declare const FeatureCard: ({ icon, title, description, className, ...cardProps }: FeatureCardProps & React$1.HTMLAttributes<HTMLDivElement>) => React$1.JSX.Element;
 
 type CheckboxVariants = "default" | "primary" | "secondary" | "pink" | "accent";
 interface CheckboxProps {
@@ -52,15 +72,15 @@ interface CheckboxProps {
     checked?: boolean;
     value?: string;
     defaultChecked?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void | null;
+    onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void | null;
     disabled?: boolean;
     alignCenter?: boolean;
 }
-declare const Checkbox: ({ variant, name, value, label, onChange, disabled, checked, defaultChecked, alignCenter, }: CheckboxProps) => React.JSX.Element;
+declare const Checkbox: ({ variant, name, value, label, onChange, disabled, checked, defaultChecked, alignCenter, }: CheckboxProps) => React$1.JSX.Element;
 
 interface MenuItemConfig {
     label: string;
-    target?: React.HTMLAttributeAnchorTarget;
+    target?: React$1.HTMLAttributeAnchorTarget;
     href: string;
 }
 interface BrandItemConfig extends MenuItemConfig {
@@ -77,15 +97,15 @@ interface NavigationProps {
     children?: ReactNode;
     bannerMsg?: string;
 }
-declare const Navigation: ({ variant, children, config, bannerMsg }: NavigationProps) => React.JSX.Element;
+declare const Navigation: ({ variant, children, config, bannerMsg }: NavigationProps) => React$1.JSX.Element;
 
-declare const RadioButton: ({ variant, label, onChange, disabled, checked, alignCenter, }: CheckboxProps) => React.JSX.Element;
+declare const RadioButton: ({ variant, label, onChange, disabled, checked, alignCenter, }: CheckboxProps) => React$1.JSX.Element;
 
 type SkeletonTypes = "default" | "card" | "table";
 interface SkeletonProps {
     type: SkeletonTypes;
 }
-declare const Skeleton: ({ type }: SkeletonProps) => React.JSX.Element;
+declare const Skeleton: ({ type }: SkeletonProps) => React$1.JSX.Element;
 
 interface SelectProps {
     fields: string[] | {
@@ -96,18 +116,100 @@ interface SelectProps {
     label?: string;
     defaultValue?: string;
     inline?: boolean;
-    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+    onChange?: React$1.ChangeEventHandler<HTMLSelectElement>;
     variant?: "outline" | "underline" | "plain";
 }
-declare const Select: ({ fields, id, label, name, defaultValue, inline, onChange, variant, }: SelectProps) => React.JSX.Element;
+declare const Select: ({ fields, id, label, name, defaultValue, inline, onChange, variant, }: SelectProps) => React$1.JSX.Element;
 
-interface TextInputProps {
+interface TextInputProps extends StylingProps {
     value: string;
     onChange: (val: string) => void;
     placeholder?: string;
     label?: string;
 }
-declare const TextInput: ({ value, onChange, placeholder }: TextInputProps) => React.JSX.Element;
+declare const TextInput: ({ value, onChange, placeholder, className, style }: TextInputProps) => React$1.JSX.Element;
+
+interface LoadingSpinnerProps {
+    message?: string;
+    size?: "sm" | "md" | "lg";
+}
+declare const LoadingSpinner: ({ message, size }: LoadingSpinnerProps) => React$1.JSX.Element;
+
+interface InlineIconProps {
+    icon: ReactNode;
+    children: ReactNode;
+    iconPosition?: "start" | "end";
+}
+declare const InlineIcon: ({ icon, children, iconPosition, className, }: InlineIconProps & StylingProps) => React$1.JSX.Element;
+
+interface BadgeProps extends StylingProps {
+    children: ReactNode;
+    icon?: ReactNode;
+    iconPosition?: "start" | "end";
+    variant?: "badge" | "pill";
+}
+declare const Badge: ({ children, icon, iconPosition, variant, className, style, }: BadgeProps) => React$1.JSX.Element;
+
+type ToggleVariant = "default" | "primary";
+interface ToggleProps extends StylingProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    variant: ToggleVariant;
+    truncateLabel?: boolean;
+}
+declare const Toggle: ({ checked, onChange, disabled, label, variant, truncateLabel, className, style, }: ToggleProps) => React$1.JSX.Element;
+interface ToggleGroupProps extends StylingProps {
+    children: ReactNode;
+    asGrid: boolean;
+}
+declare const ToggleGroup: ({ children, asGrid, className, style }: ToggleGroupProps) => React$1.JSX.Element;
+
+interface FilterChipProps extends StylingProps {
+    label: string;
+    onRemove?: () => void;
+    selected?: boolean;
+    disabled?: boolean;
+}
+declare const FilterChip: ({ label, onRemove, selected, className, style, disabled, }: FilterChipProps) => React$1.JSX.Element;
+interface FilterChipBarProps extends StylingProps {
+    children: ReactNode;
+    label?: string;
+}
+declare const FilterChipBar: ({ label, children, className, style }: FilterChipBarProps) => React$1.JSX.Element;
+
+type TooltipPosition = "top" | "bottom" | "left" | "right";
+interface TooltipProps {
+    content: string | ReactNode;
+    children: ReactNode;
+    position?: TooltipPosition;
+}
+declare function Tooltip({ content, children, position }: TooltipProps): React$1.JSX.Element;
+declare const renderTooltip: (children: any, message: any, position?: TooltipPosition) => React$1.JSX.Element;
+
+declare const ICONS: {
+    alert: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+    question: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+    info: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+    shield: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+};
+type HelpIconVariant = keyof typeof ICONS;
+interface HelpIconProps {
+    message: ReactNode;
+    variant: HelpIconVariant;
+    className?: string;
+    tooltipPosition?: TooltipPosition;
+}
+declare const HelpIcon: ({ message, variant, tooltipPosition, className }: HelpIconProps & StylingProps) => React$1.JSX.Element;
+declare const renderHelpIcon: (message: ReactNode, variant: HelpIconVariant, className: string, tooltipPosition?: TooltipPosition) => React$1.JSX.Element;
+declare const getIconElement: (key: string) => React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+interface HelpIconWrapperProps extends HelpIconProps {
+    children: ReactNode;
+}
+declare const HelpIconWrapper: ({ children, variant, message, tooltipPosition, className, }: HelpIconWrapperProps) => React$1.JSX.Element;
+
+declare const Footer: () => React$1.JSX.Element;
 
-export { Alert, Button, Card, CardBody, CardHeader, Checkbox, Navigation, RadioButton, Select, Skeleton, TextInput, renderInfoIcon };
-export type { CheckboxProps, CheckboxVariants, MenuItemConfig, NavigationConfig };
+export { ActionToolbar, Alert, Badge, Button, ButtonGroup, Card, CardBody, CardHeader, Checkbox, FeatureCard, FilterChip, FilterChipBar, Footer, HelpIcon, HelpIconWrapper, InlineIcon, LoadingSpinner, Navigation, RadioButton, Select, Skeleton, TextInput, Toggle, ToggleGroup, Tooltip, getIconElement, renderHelpIcon, renderTooltip };
+export type { ButtonColorVariants, CheckboxProps, CheckboxVariants, FilterChipBarProps, FilterChipProps, InlineIconProps, MenuItemConfig, NavigationConfig, StylingProps, ThemeVariant, ToggleGroupProps, TooltipPosition };

package/dist/index.js

@@ -1,2 +1,2 @@
-export{Alert,renderInfoIcon}from"./Alert.js";export{Button}from"./Button.js";export{Card,CardBody,CardHeader}from"./Card.js";export{Checkbox}from"./Checkbox.js";export{Navigation}from"./Navigation.js";export{RadioButton}from"./RadioButton.js";export{Skeleton}from"./Skeleton.js";export{Select}from"./Select.js";export{TextInput}from"./TextInput.js";
+import"./styles/global.css.js";export{Alert}from"./Alert.js";export{ActionToolbar,Button,ButtonGroup}from"./Button.js";export{Card,CardBody,CardHeader,FeatureCard}from"./Card.js";export{Checkbox}from"./Checkbox.js";export{Navigation}from"./Navigation.js";export{RadioButton}from"./RadioButton.js";export{Skeleton}from"./Skeleton.js";export{Select}from"./Select.js";export{TextInput}from"./TextInput.js";export{LoadingSpinner}from"./LoadingSpinner.js";export{InlineIcon}from"./InlineIcon.js";export{Badge}from"./Badge.js";export{Toggle,ToggleGroup}from"./Toggle.js";export{FilterChip,FilterChipBar}from"./FilterChip.js";export{HelpIcon,HelpIconWrapper,getIconElement,renderHelpIcon}from"./HelpIcon.js";export{Tooltip,renderTooltip}from"./Tooltip.js";export{Footer}from"./Footer.js";
 //# sourceMappingURL=index.js.map

package/dist/layouts/RootLayout.js

@@ -1,2 +1,2 @@
-import e from"react";import{Navigation as t}from"../Navigation.js";import{isNavigationConfig as a}from"./utils.js";function n({theme:n="light",children:r,navigationContent:i,fullWidth:l=!1,bannerMsg:m}){return e.createElement("div",{className:"min-h-full"},e.createElement("header",{className:"bg-white shadow-accent shadow-md"},a(i)?e.createElement(t,{variant:n,config:i,bannerMsg:m}):e.createElement(t,{variant:n,bannerMsg:m},i)),e.createElement("main",null,e.createElement("div",{className:"ui-container "+(l?"full":"")},r)))}export{n as RootLayout};
+import{Navigation as e}from"../Navigation.js";import t from"react";import{isNavigationConfig as a}from"./utils.js";function n({theme:n="light",children:r,navigationContent:i,fullWidth:l=!1,bannerMsg:m}){return t.createElement("div",{className:"min-h-full"},t.createElement("header",{className:"bg-white shadow-accent shadow-md"},a(i)?t.createElement(e,{variant:n,config:i,bannerMsg:m}):t.createElement(e,{variant:n,bannerMsg:m},i)),t.createElement("main",null,t.createElement("div",{className:"ui-container "+(l?"full":"")},r)))}export{n as RootLayout};
 //# sourceMappingURL=RootLayout.js.map

package/dist/layouts/RootLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"RootLayout.js","sources":["../../src/layouts/RootLayout.tsx"],"sourcesContent":[null],"names":["RootLayout","theme","children","navigationContent","fullWidth","bannerMsg","React","createElement","className","isNavigationConfig","Navigation","variant","config"],"mappings":"4HAkBgBA,GAAWC,MACvBA,EAAQ,QAAOC,SACfA,EAAQC,kBACRA,EAAiBC,UACjBA,GAAY,EAAKC,UACjBA,IAEA,OACIC,EAAAC,cAAA,MAAA,CAAKC,UAAU,cACXF,EAAQC,cAAA,SAAA,CAAAC,UAAU,oCACbC,EAAmBN,GAChBG,EAAAC,cAACG,EAAW,CAAAC,QAASV,EAAOW,OAAQT,EAAmBE,UAAWA,IAElEC,gBAACI,EAAU,CAACC,QAASV,EAAOI,UAAWA,GAClCF,IAIbG,EAAAC,cAAA,OAAA,KACID,EAAAC,cAAA,MAAA,CAAKC,UAAW,iBAAgBJ,EAAY,OAAS,KAAOF,IAI5E"}
+{"version":3,"file":"RootLayout.js","sources":["../../src/layouts/RootLayout.tsx"],"sourcesContent":[null],"names":["RootLayout","theme","children","navigationContent","fullWidth","bannerMsg","React","createElement","className","isNavigationConfig","Navigation","variant","config"],"mappings":"4HAkBgBA,GAAWC,MACvBA,EAAQ,QAAOC,SACfA,EAAQC,kBACRA,EAAiBC,UACjBA,GAAY,EAAKC,UACjBA,IAEA,OACIC,EAAAC,cAAA,MAAA,CAAKC,UAAU,cACXF,EAAAC,cAAA,SAAA,CAAQC,UAAU,oCACbC,EAAmBN,GAChBG,EAAAC,cAACG,EAAU,CAACC,QAASV,EAAOW,OAAQT,EAAmBE,UAAWA,IAElEC,gBAACI,EAAU,CAACC,QAASV,EAAOI,UAAWA,GAClCF,IAIbG,EAAAC,cAAA,OAAA,KACID,EAAAC,cAAA,MAAA,CAAKC,UAAW,iBAAgBJ,EAAY,OAAS,KAAOF,IAI5E"}

package/dist/layouts/index.d.ts

@@ -29,4 +29,3 @@ interface RootLayoutProps extends LayoutProps {
 declare function RootLayout({ theme, children, navigationContent, fullWidth, bannerMsg, }: RootLayoutProps): React.JSX.Element;
 
 export { RootLayout };
-export type { ThemeVariant };

package/dist/layouts/index.js

@@ -1,2 +1,2 @@
-export{RootLayout}from"./RootLayout.js";
+import"../styles/global.css.js";export{RootLayout}from"./RootLayout.js";
 //# sourceMappingURL=index.js.map

package/dist/layouts/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/layouts/utils.tsx"],"sourcesContent":[null],"names":["isNavigationConfig","obj","React","isValidElement"],"mappings":"qBAIa,MAAAA,EAAsBC,GACvB,OAARA,GAA+B,iBAARA,IAAqBC,EAAMC,eAAeF"}
+{"version":3,"file":"utils.js","sources":["../../src/layouts/utils.tsx"],"sourcesContent":[null],"names":["isNavigationConfig","obj","React","isValidElement"],"mappings":"qBAIO,MAAMA,EAAsBC,GACvB,OAARA,GAA+B,iBAARA,IAAqBC,EAAMC,eAAeF"}

package/dist/loading-spinner.js

@@ -0,0 +1,2 @@
+import e from"react";const a=({message:a="Loading...",size:t="md"})=>e.createElement("div",{className:"loading-container"},e.createElement("div",{className:`spinner ${{sm:"w-4 h-4",md:"w-8 h-8",lg:"w-12 h-12"}[t]}`,"aria-hidden":"true"}),e.createElement("p",{className:"text-sm text-secondary",role:"status","aria-live":"polite"},a));export{a as LoadingSpinner};
+//# sourceMappingURL=loading-spinner.js.map

package/dist/loading-spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner.js","sources":["../src/loading-spinner.tsx"],"sourcesContent":[null],"names":["LoadingSpinner","message","size","React","createElement","className","sm","md","lg","role"],"mappings":"qBAOO,MAAMA,EAAiB,EAAGC,UAAU,aAAcC,OAAO,QAQxDC,EAAAC,cAAA,MAAA,CAAKC,UAAU,qBACXF,EAAAC,cAAA,MAAA,CAAKC,UAAW,WARJ,CAChBC,GAAI,UACJC,GAAI,UACJC,GAAI,aAKuCN,KAAO,cAAc,SAC5DC,EAAAC,cAAA,IAAA,CAAGC,UAAU,yBAAyBI,KAAK,SAAQ,YAAW,UACzDR"}