@rovula/ui 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -60,6 +60,7 @@ type InputProps = {
     required?: boolean;
     isFloatingLabel?: boolean;
     keepCloseIconOnValue?: boolean;
+    keepFooterSpace?: boolean;
     hasClearIcon?: boolean;
     hasSearchIcon?: boolean;
     startIcon?: ReactNode;
@@ -94,6 +95,7 @@ declare const TextInput: React__default.ForwardRefExoticComponent<{
     required?: boolean;
     isFloatingLabel?: boolean;
     keepCloseIconOnValue?: boolean;
+    keepFooterSpace?: boolean;
     hasClearIcon?: boolean;
     hasSearchIcon?: boolean;
     startIcon?: ReactNode;
@@ -144,6 +146,7 @@ declare const MaskedTextInput: React__default.ForwardRefExoticComponent<{
     required?: boolean;
     isFloatingLabel?: boolean;
     keepCloseIconOnValue?: boolean;
+    keepFooterSpace?: boolean;
     hasClearIcon?: boolean;
     hasSearchIcon?: boolean;
     startIcon?: React__default.ReactNode;
@@ -171,6 +174,23 @@ declare const MaskedTextInput: React__default.ForwardRefExoticComponent<{
     onMaskedChange?: (value: string, rawValue: string) => void;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
+type PasswordInputProps = Omit<InputProps, "type"> & {
+    /** Show toggle visibility button. Default: true */
+    showToggle?: boolean;
+    /** Icon when password is hidden (click to reveal). Default: Icon eye (lucide) */
+    hideIcon?: React__default.ReactNode;
+    /** Icon when password is visible (click to hide). Default: Icon eye-off (lucide) */
+    showIcon?: React__default.ReactNode;
+};
+declare const PasswordInput: React__default.ForwardRefExoticComponent<Omit<InputProps, "type"> & {
+    /** Show toggle visibility button. Default: true */
+    showToggle?: boolean;
+    /** Icon when password is hidden (click to reveal). Default: Icon eye (lucide) */
+    hideIcon?: React__default.ReactNode;
+    /** Icon when password is visible (click to hide). Default: Icon eye-off (lucide) */
+    showIcon?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLInputElement>>;
+
 type NumberInputProps = Omit<InputProps, "type" | "value" | "defaultValue" | "onChange"> & {
     value?: number | string;
     defaultValue?: number | string;
@@ -456,7 +476,12 @@ declare const Input: React__default.ForwardRefExoticComponent<{
     className?: string;
 } & Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & React__default.RefAttributes<HTMLInputElement>>;
 
+type NavbarVariant = "default" | "transparent";
 type NavbarProps = {
+    /** Appearance: default (solid bg) | transparent */
+    variant?: NavbarVariant;
+    /** Show shadow when page is scrolled (works with position="sticky") */
+    scrollShadow?: boolean;
     position?: "static" | "sticky";
     children?: ReactNode;
     leftNav?: ReactNode;
@@ -471,6 +496,26 @@ type NavbarProps = {
 };
 declare const Navbar: FC<NavbarProps>;
 
+type FooterVariant = "default" | "simple" | "transparent";
+type FooterProps = {
+    /** Layout variant: default (3-column) | simple (centered) | transparent (no bg) */
+    variant?: FooterVariant;
+    /** Copyright text - renders in left (default) or center (simple) */
+    copyright?: ReactNode;
+    position?: "static" | "sticky";
+    children?: ReactNode;
+    leftNav?: ReactNode;
+    rightNav?: ReactNode;
+    center?: ReactNode;
+    container?: boolean;
+    className?: string;
+    containerClassName?: string;
+    leftNavClassName?: string;
+    centerClassName?: string;
+    rightNavClassName?: string;
+};
+declare const Footer: FC<FooterProps>;
+
 declare const ActionButton: React__default.ForwardRefExoticComponent<{
     title?: string;
     size?: "xs" | "sm" | "md" | "lg";
@@ -587,7 +632,7 @@ declare const ProgressBar: React__default.FC<ProgressBarProps>;
 
 type IconProps = {
     name: string;
-    type?: "heroicons" | "material" | "custom";
+    type?: "heroicons" | "material" | "lucide" | "custom";
     color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error" | "inherit";
     variant?: "solid" | "outline";
     size?: "sm" | "md" | "lg" | "inherit";
@@ -1026,4 +1071,346 @@ declare function usePrevious<T>(value: T): T | undefined;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ActionButton, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, Calendar, Checkbox, Collapsible, type CustomSliderProps, DataTable, type DataTableProps, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownProps, FocusedScrollView, Icon, Input, InputFilter, type InputFilterProps, type InputProps, Label, Loading, type MaskRule, MaskedTextInput, type MaskedTextInputProps, Menu, MenuItem, type MenuItemType, MenuLabel, type MenuOption, type MenuProps, MenuSeparator, Navbar, type NavbarProps, NumberInput, type NumberInputProps, type Options$1 as Options, Popover, PopoverContent, PopoverTrigger, ProgressBar, RadioGroup, RadioGroupItem, Search, type SearchProps, Slider, type SliderProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Text, TextArea, type TextAreaProps, TextInput, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipSimple, TooltipTrigger, Tree, type TreeData, TreeItem, type TreeItemProps, type TreeProps, cn, getEndDateOfDay, getStartDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, reducer, resloveTimestamp, toast, usePrevious, useToast };
+/** CSS variable names for theme colors (resolved by data-theme) */
+declare const THEME_COLOR_KEYS: {
+    readonly "primary-5": "--primary-ramps-primary-5";
+    readonly "primary-10": "--primary-ramps-primary-10";
+    readonly "primary-20": "--primary-ramps-primary-20";
+    readonly "primary-30": "--primary-ramps-primary-30";
+    readonly "primary-40": "--primary-ramps-primary-40";
+    readonly "primary-50": "--primary-ramps-primary-50";
+    readonly "primary-60": "--primary-ramps-primary-60";
+    readonly "primary-70": "--primary-ramps-primary-70";
+    readonly "primary-80": "--primary-ramps-primary-80";
+    readonly "primary-90": "--primary-ramps-primary-90";
+    readonly "primary-100": "--primary-ramps-primary-100";
+    readonly "primary-110": "--primary-ramps-primary-110";
+    readonly "primary-120": "--primary-ramps-primary-120";
+    readonly "primary-130": "--primary-ramps-primary-130";
+    readonly "primary-140": "--primary-ramps-primary-140";
+    readonly "primary-150": "--primary-ramps-primary-150";
+    readonly "secondary-5": "--secondary-ramps-secondary-5";
+    readonly "secondary-10": "--secondary-ramps-secondary-10";
+    readonly "secondary-20": "--secondary-ramps-secondary-20";
+    readonly "secondary-30": "--secondary-ramps-secondary-30";
+    readonly "secondary-40": "--secondary-ramps-secondary-40";
+    readonly "secondary-50": "--secondary-ramps-secondary-50";
+    readonly "secondary-60": "--secondary-ramps-secondary-60";
+    readonly "secondary-70": "--secondary-ramps-secondary-70";
+    readonly "secondary-80": "--secondary-ramps-secondary-80";
+    readonly "secondary-90": "--secondary-ramps-secondary-90";
+    readonly "secondary-100": "--secondary-ramps-secondary-100";
+    readonly "secondary-110": "--secondary-ramps-secondary-110";
+    readonly "secondary-120": "--secondary-ramps-secondary-120";
+    readonly "secondary-130": "--secondary-ramps-secondary-130";
+    readonly "secondary-140": "--secondary-ramps-secondary-140";
+    readonly "secondary-150": "--secondary-ramps-secondary-150";
+    readonly "tertiary-5": "--tertiary-ramps-tertiary-5";
+    readonly "tertiary-10": "--tertiary-ramps-tertiary-10";
+    readonly "tertiary-20": "--tertiary-ramps-tertiary-20";
+    readonly "tertiary-30": "--tertiary-ramps-tertiary-30";
+    readonly "tertiary-40": "--tertiary-ramps-tertiary-40";
+    readonly "tertiary-50": "--tertiary-ramps-tertiary-50";
+    readonly "tertiary-60": "--tertiary-ramps-tertiary-60";
+    readonly "tertiary-70": "--tertiary-ramps-tertiary-70";
+    readonly "tertiary-80": "--tertiary-ramps-tertiary-80";
+    readonly "tertiary-90": "--tertiary-ramps-tertiary-90";
+    readonly "tertiary-100": "--tertiary-ramps-tertiary-100";
+    readonly "tertiary-110": "--tertiary-ramps-tertiary-110";
+    readonly "tertiary-120": "--tertiary-ramps-tertiary-120";
+    readonly "tertiary-130": "--tertiary-ramps-tertiary-130";
+    readonly "tertiary-140": "--tertiary-ramps-tertiary-140";
+    readonly "tertiary-150": "--tertiary-ramps-tertiary-150";
+    readonly "grey-5": "--grey-grey-5";
+    readonly "grey-10": "--grey-grey-10";
+    readonly "grey-20": "--grey-grey-20";
+    readonly "grey-30": "--grey-grey-30";
+    readonly "grey-40": "--grey-grey-40";
+    readonly "grey-50": "--grey-grey-50";
+    readonly "grey-60": "--grey-grey-60";
+    readonly "grey-70": "--grey-grey-70";
+    readonly "grey-80": "--grey-grey-80";
+    readonly "grey-90": "--grey-grey-90";
+    readonly "grey-100": "--grey-grey-100";
+    readonly "grey-110": "--grey-grey-110";
+    readonly "grey-120": "--grey-grey-120";
+    readonly "grey-130": "--grey-grey-130";
+    readonly "grey-140": "--grey-grey-140";
+    readonly "grey-150": "--grey-grey-150";
+    readonly "grey2-50": "--grey2-grey2-50";
+    readonly "grey2-100": "--grey2-grey2-100";
+    readonly "grey2-200": "--grey2-grey2-200";
+    readonly "grey2-300": "--grey2-grey2-300";
+    readonly "grey2-400": "--grey2-grey2-400";
+    readonly "grey2-500": "--grey2-grey2-500";
+    readonly "grey2-600": "--grey2-grey2-600";
+    readonly "grey2-700": "--grey2-grey2-700";
+    readonly "grey2-800": "--grey2-grey2-800";
+    readonly "grey2-900": "--grey2-grey2-900";
+    readonly "grey2-950": "--grey2-grey2-950";
+    readonly "info-50": "--info-info-50";
+    readonly "info-100": "--info-info-100";
+    readonly "info-200": "--info-info-200";
+    readonly "info-300": "--info-info-300";
+    readonly "info-400": "--info-info-400";
+    readonly "info-500": "--info-info-500";
+    readonly "info-600": "--info-info-600";
+    readonly "info-700": "--info-info-700";
+    readonly "info-800": "--info-info-800";
+    readonly "info-900": "--info-info-900";
+    readonly "info-950": "--info-info-950";
+    readonly "success-50": "--success-success-50";
+    readonly "success-100": "--success-success-100";
+    readonly "success-200": "--success-success-200";
+    readonly "success-300": "--success-success-300";
+    readonly "success-400": "--success-success-400";
+    readonly "success-500": "--success-success-500";
+    readonly "success-600": "--success-success-600";
+    readonly "success-700": "--success-success-700";
+    readonly "success-800": "--success-success-800";
+    readonly "success-900": "--success-success-900";
+    readonly "success-950": "--success-success-950";
+    readonly "warning-50": "--warning-warning-50";
+    readonly "warning-100": "--warning-warning-100";
+    readonly "warning-200": "--warning-warning-200";
+    readonly "warning-300": "--warning-warning-300";
+    readonly "warning-400": "--warning-warning-400";
+    readonly "warning-500": "--warning-warning-500";
+    readonly "warning-600": "--warning-warning-600";
+    readonly "warning-700": "--warning-warning-700";
+    readonly "warning-800": "--warning-warning-800";
+    readonly "warning-900": "--warning-warning-900";
+    readonly "warning-950": "--warning-warning-950";
+    readonly "error-50": "--error-error-50";
+    readonly "error-100": "--error-error-100";
+    readonly "error-200": "--error-error-200";
+    readonly "error-300": "--error-error-300";
+    readonly "error-400": "--error-error-400";
+    readonly "error-500": "--error-error-500";
+    readonly "error-600": "--error-error-600";
+    readonly "error-700": "--error-error-700";
+    readonly "error-800": "--error-error-800";
+    readonly "error-900": "--error-error-900";
+    readonly "error-950": "--error-error-950";
+    readonly primary: "--state-color-primary-default";
+    readonly "primary-hover": "--state-color-primary-hover";
+    readonly "primary-stroke": "--state-color-primary-stroke";
+    readonly "primary-hover-bg": "--state-color-primary-hover-bg";
+    readonly "primary-pressed": "--state-color-primary-pressed";
+    readonly "primary-active": "--state-color-primary-active";
+    readonly "primary-text-solid": "--state-color-primary-text-solid";
+    readonly "primary-text-outline": "--state-color-primary-text-outline";
+    readonly "primary-text-hover": "--state-color-primary-text-hover";
+    readonly "primary-text-pressed": "--state-color-primary-text-pressed";
+    readonly secondary: "--state-color-secondary-default";
+    readonly "secondary-hover": "--state-color-secondary-hover";
+    readonly "secondary-stroke": "--state-color-secondary-stroke";
+    readonly "secondary-hover-bg": "--state-color-secondary-hover-bg";
+    readonly "secondary-pressed": "--state-color-secondary-pressed";
+    readonly "secondary-active": "--state-color-secondary-active";
+    readonly "secondary-text-solid": "--state-color-secondary-text-solid";
+    readonly "secondary-text-outline": "--state-color-secondary-text-outline";
+    readonly "secondary-text-hover": "--state-color-secondary-text-hover";
+    readonly "secondary-text-pressed": "--state-color-secondary-text-pressed";
+    readonly tertiary: "--state-color-tertiary-default";
+    readonly "tertiary-hover": "--state-color-tertiary-hover";
+    readonly "tertiary-stroke": "--state-color-tertiary-stroke";
+    readonly "tertiary-hover-bg": "--state-color-tertiary-hover-bg";
+    readonly "tertiary-pressed": "--state-color-tertiary-pressed";
+    readonly "tertiary-active": "--state-color-tertiary-active";
+    readonly "tertiary-text-solid": "--state-color-tertiary-text-solid";
+    readonly "tertiary-text-outline": "--state-color-tertiary-text-outline";
+    readonly "tertiary-text-hover": "--state-color-tertiary-text-hover";
+    readonly "tertiary-text-pressed": "--state-color-tertiary-text-pressed";
+    readonly info: "--state-color-info-default";
+    readonly "info-hover": "--state-color-info-hover";
+    readonly "info-stroke": "--state-color-info-stroke";
+    readonly "info-hover-bg": "--state-color-info-hover-bg";
+    readonly "info-pressed": "--state-color-info-pressed";
+    readonly "info-active": "--state-color-info-active";
+    readonly "info-text-solid": "--state-color-info-text-solid";
+    readonly "info-text-outline": "--state-color-info-text-outline";
+    readonly "info-text-hover": "--state-color-info-text-hover";
+    readonly "info-text-pressed": "--state-color-info-text-pressed";
+    readonly success: "--state-color-success-default";
+    readonly "success-hover": "--state-color-success-hover";
+    readonly "success-stroke": "--state-color-success-stroke";
+    readonly "success-hover-bg": "--state-color-success-hover-bg";
+    readonly "success-pressed": "--state-color-success-pressed";
+    readonly "success-active": "--state-color-success-active";
+    readonly "success-text-solid": "--state-color-success-text-solid";
+    readonly "success-text-outline": "--state-color-success-text-outline";
+    readonly "success-text-hover": "--state-color-success-text-hover";
+    readonly "success-text-pressed": "--state-color-success-text-pressed";
+    readonly warning: "--state-color-warning-default";
+    readonly "warning-hover": "--state-color-warning-hover";
+    readonly "warning-stroke": "--state-color-warning-stroke";
+    readonly "warning-hover-bg": "--state-color-warning-hover-bg";
+    readonly "warning-pressed": "--state-color-warning-pressed";
+    readonly "warning-active": "--state-color-warning-active";
+    readonly "warning-text-solid": "--state-color-warning-text-solid";
+    readonly "warning-text-outline": "--state-color-warning-text-outline";
+    readonly "warning-text-hover": "--state-color-warning-text-hover";
+    readonly "warning-text-pressed": "--state-color-warning-text-pressed";
+    readonly error: "--state-color-error-default";
+    readonly "error-hover": "--state-color-error-hover";
+    readonly "error-stroke": "--state-color-error-stroke";
+    readonly "error-hover-bg": "--state-color-error-hover-bg";
+    readonly "error-pressed": "--state-color-error-pressed";
+    readonly "error-active": "--state-color-error-active";
+    readonly "error-text-solid": "--state-color-error-text-solid";
+    readonly "error-text-outline": "--state-color-error-text-outline";
+    readonly "error-text-hover": "--state-color-error-text-hover";
+    readonly "error-text-pressed": "--state-color-error-text-pressed";
+    readonly "disable-solid": "--state-color-disable-solid";
+    readonly "disable-outline": "--state-color-disable-outline";
+    readonly "text-black": "--text-black";
+    readonly "text-dark": "--text-dark";
+    readonly "text-medium": "--text-medium";
+    readonly "text-light": "--text-light";
+    readonly "text-grey-dark": "--text-grey-dark";
+    readonly "text-grey-medium": "--text-grey-medium";
+    readonly "text-grey-light": "--text-grey-light";
+    readonly "text-white": "--text-white";
+    readonly "input-default-text": "--input-color-default-text";
+    readonly "input-default-stroke": "--input-color-default-stroke";
+    readonly "input-filled-text": "--input-color-filled-text";
+    readonly "input-active-stroke": "--input-color-active-stroke";
+    readonly "input-disable-text": "--input-color-disable-text";
+    readonly "input-disable-stroke": "--input-color-disable-stroke";
+    readonly "input-disable-bg": "--input-color-disable-bg";
+    readonly "input-label-bg": "--input-color-label-bg";
+    readonly "input-error": "--input-color-error";
+    readonly "function-default-solid": "--function-default-solid";
+    readonly "function-default-hover": "--function-default-hover";
+    readonly "function-default-hover-bg": "--function-default-hover-bg";
+    readonly "function-default-stroke": "--function-default-stroke";
+    readonly "function-default-icon": "--function-default-icon";
+    readonly "function-default-outline-icon": "--function-default-outline-icon";
+    readonly "function-active-solid": "--function-active-solid";
+    readonly "function-active-hover": "--function-active-hover";
+    readonly "function-active-hover-bg": "--function-active-hover-bg";
+    readonly "function-active-stroke": "--function-active-stroke";
+    readonly "function-active-icon": "--function-active-icon";
+    readonly "base-bg": "--base-color-bg";
+    readonly "base-bg2": "--base-color-bg2";
+    readonly "base-bg3": "--base-color-bg3";
+    readonly "base-workspace-stroke": "--base-color-workspace-stroke";
+    readonly "base-guideline-stroke": "--base-color-guideline-stroke";
+    readonly "base-popup": "--base-color-popup";
+    readonly "base-popup-highlight": "--base-color-popup-hightlight";
+    readonly "base-popup-curtain": "--base-color-popup-curtain";
+    readonly "base-popup-foreground": "--base-color-popup-foreground";
+    readonly "common-white": "--common-white";
+    readonly "common-black": "--common-black";
+    readonly background: "--background";
+    readonly foreground: "--foreground";
+    readonly surface: "--surface";
+    readonly "surface-foreground": "--surface-foreground";
+    readonly "primary-foreground": "--primary-foreground";
+    readonly "secondary-foreground": "--secondary-foreground";
+    readonly "tertiary-foreground": "--tertiary-foreground";
+    readonly "info-foreground": "--info-foreground";
+    readonly "success-foreground": "--success-foreground";
+    readonly "warning-foreground": "--warning-foreground";
+    readonly "error-foreground": "--error-foreground";
+    readonly "grey-foreground": "--grey-foreground";
+    readonly "grey2-foreground": "--grey2-foreground";
+    readonly "primary-transparent-8": "--main-transparency-primary-8";
+    readonly "primary-transparent-12": "--main-transparency-primary-12";
+    readonly "primary-transparent-16": "--main-transparency-primary-16";
+    readonly "primary-transparent-24": "--main-transparency-primary-24";
+    readonly "primary-transparent-32": "--main-transparency-primary-32";
+    readonly "primary-transparent-48": "--main-transparency-primary-48";
+    readonly "secondary-transparent-8": "--main-transparency-secondary-8";
+    readonly "secondary-transparent-12": "--main-transparency-secondary-12";
+    readonly "secondary-transparent-16": "--main-transparency-secondary-16";
+    readonly "secondary-transparent-24": "--main-transparency-secondary-24";
+    readonly "secondary-transparent-32": "--main-transparency-secondary-32";
+    readonly "secondary-transparent-48": "--main-transparency-secondary-48";
+    readonly "tertiary-transparent-8": "--main-transparency-tertiary-8";
+    readonly "tertiary-transparent-12": "--main-transparency-tertiary-12";
+    readonly "tertiary-transparent-16": "--main-transparency-tertiary-16";
+    readonly "tertiary-transparent-24": "--main-transparency-tertiary-24";
+    readonly "tertiary-transparent-32": "--main-transparency-tertiary-32";
+    readonly "tertiary-transparent-48": "--main-transparency-tertiary-48";
+    readonly "info-transparent-8": "--other-transparency-info-8";
+    readonly "info-transparent-12": "--other-transparency-info-12";
+    readonly "info-transparent-16": "--other-transparency-info-16";
+    readonly "info-transparent-24": "--other-transparency-info-24";
+    readonly "info-transparent-32": "--other-transparency-info-32";
+    readonly "info-transparent-48": "--other-transparency-info-48";
+    readonly "success-transparent-8": "--other-transparency-success-8";
+    readonly "success-transparent-12": "--other-transparency-success-12";
+    readonly "success-transparent-16": "--other-transparency-success-16";
+    readonly "success-transparent-24": "--other-transparency-success-24";
+    readonly "success-transparent-32": "--other-transparency-success-32";
+    readonly "success-transparent-48": "--other-transparency-success-48";
+    readonly "warning-transparent-8": "--other-transparency-warning-8";
+    readonly "warning-transparent-12": "--other-transparency-warning-12";
+    readonly "warning-transparent-16": "--other-transparency-warning-16";
+    readonly "warning-transparent-24": "--other-transparency-warning-24";
+    readonly "warning-transparent-32": "--other-transparency-warning-32";
+    readonly "warning-transparent-48": "--other-transparency-warning-48";
+    readonly "error-transparent-8": "--other-transparency-error-8";
+    readonly "error-transparent-12": "--other-transparency-error-12";
+    readonly "error-transparent-16": "--other-transparency-error-16";
+    readonly "error-transparent-24": "--other-transparency-error-24";
+    readonly "error-transparent-32": "--other-transparency-error-32";
+    readonly "error-transparent-48": "--other-transparency-error-48";
+    readonly "grey-transparent-8": "--other-transparency-grey-8";
+    readonly "grey-transparent-12": "--other-transparency-grey-12";
+    readonly "grey-transparent-16": "--other-transparency-grey-16";
+    readonly "grey-transparent-24": "--other-transparency-grey-24";
+    readonly "grey-transparent-32": "--other-transparency-grey-32";
+    readonly "grey-transparent-48": "--other-transparency-grey-48";
+    readonly "grey2-transparent-8": "--other-transparency-grey2-8";
+    readonly "grey2-transparent-12": "--other-transparency-grey2-12";
+    readonly "grey2-transparent-16": "--other-transparency-grey2-16";
+    readonly "grey2-transparent-24": "--other-transparency-grey2-24";
+    readonly "grey2-transparent-32": "--other-transparency-grey2-32";
+    readonly "grey2-transparent-48": "--other-transparency-grey2-48";
+    readonly "white-transparent-8": "--other-transparency-white-08";
+    readonly "white-transparent-12": "--other-transparency-white-12";
+    readonly "white-transparent-16": "--other-transparency-white-16";
+    readonly "white-transparent-24": "--other-transparency-white-24";
+    readonly "white-transparent-32": "--other-transparency-white-32";
+    readonly "white-transparent-48": "--other-transparency-white-48";
+    readonly "black-transparent-8": "--other-transparency-black-08";
+    readonly "black-transparent-12": "--other-transparency-black-12";
+    readonly "black-transparent-16": "--other-transparency-black-16";
+    readonly "black-transparent-24": "--other-transparency-black-24";
+    readonly "black-transparent-32": "--other-transparency-black-32";
+    readonly "black-transparent-48": "--other-transparency-black-48";
+};
+type ThemeColorKey = keyof typeof THEME_COLOR_KEYS;
+/**
+ * Get computed color value from a CSS variable (respects current theme).
+ * Use in browser only; returns empty string during SSR.
+ *
+ * @example
+ * const primary = getThemeColor('primary');
+ * const hex = getThemeColor('--primary-ramps-primary-100');
+ */
+declare function getThemeColor(keyOrVar: ThemeColorKey | string, element?: HTMLElement | Document): string;
+/**
+ * Get multiple theme colors as a JS object.
+ *
+ * @example
+ * const colors = getThemeColors();
+ * // { primary: '#2563eb', secondary: '#60a5fa', ... }
+ */
+declare function getThemeColors(keys?: ThemeColorKey[], element?: HTMLElement | Document): Record<string, string>;
+declare const srgbToHex: (color: string) => string;
+
+/**
+ * Get all available Lucide icon names (kebab-case).
+ * Use for autocomplete, validation, or browsing.
+ *
+ * @example
+ * const names = await getLucideIconNames();
+ * names.includes("eye-closed"); // true
+ */
+declare function getLucideIconNames(): Promise<string[]>;
+
+export { ActionButton, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, Calendar, Checkbox, Collapsible, type CustomSliderProps, DataTable, type DataTableProps, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownProps, FocusedScrollView, Footer, type FooterProps, type FooterVariant, Icon, Input, InputFilter, type InputFilterProps, type InputProps, Label, Loading, type MaskRule, MaskedTextInput, type MaskedTextInputProps, Menu, MenuItem, type MenuItemType, MenuLabel, type MenuOption, type MenuProps, MenuSeparator, Navbar, type NavbarProps, type NavbarVariant, NumberInput, type NumberInputProps, type Options$1 as Options, PasswordInput, type PasswordInputProps, Popover, PopoverContent, PopoverTrigger, ProgressBar, RadioGroup, RadioGroupItem, Search, type SearchProps, Slider, type SliderProps, Switch, THEME_COLOR_KEYS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Text, TextArea, type TextAreaProps, TextInput, type ThemeColorKey, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipSimple, TooltipTrigger, Tree, type TreeData, TreeItem, type TreeItemProps, type TreeProps, cn, getEndDateOfDay, getLucideIconNames, getStartDateOfDay, getStartEndTimestampOfDay, getThemeColor, getThemeColors, getTimestampUTC, reducer, resloveTimestamp, srgbToHex, toast, usePrevious, useToast };

package/dist/index.js

@@ -5,6 +5,7 @@ import "./icons/iconConfig";
 export { default as Button } from "./components/Button/Button";
 export { default as TextInput } from "./components/TextInput/TextInput";
 export { default as MaskedTextInput } from "./components/MaskedTextInput";
+export { default as PasswordInput } from "./components/PasswordInput";
 export { NumberInput } from "./components/NumberInput/NumberInput";
 export { default as TextArea } from "./components/TextArea/TextArea";
 export { default as Text } from "./components/Text/Text";
@@ -14,6 +15,7 @@ export { Checkbox } from "./components/Checkbox/Checkbox";
 export { Label } from "./components/Label/Label";
 export { Input } from "./components/Input/Input";
 export { Navbar } from "./components/Navbar";
+export { Footer } from "./components/Footer";
 export { default as ActionButton } from "./components/ActionButton/ActionButton";
 export { Avatar, AvatarGroup } from "./components/Avatar";
 export { Collapsible } from "./components/Collapsible";
@@ -46,5 +48,7 @@ export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimest
 // Hooks
 export * from "./hooks";
 export { cn } from "./utils/cn";
+export { srgbToHex, getThemeColor, getThemeColors, THEME_COLOR_KEYS, } from "./utils/colors";
+export { getLucideIconNames } from "./icons/lucideIconNames";
 // const mainPreset = require("./theme/main-preset");
 // export { mainPreset };