@rovula/ui 0.1.0 → 0.1.2

package/dist/esm/types/components/TextInput/TextInput.stories.d.ts

@@ -17,6 +17,7 @@ declare const meta: {
         required?: boolean;
         isFloatingLabel?: boolean;
         keepCloseIconOnValue?: boolean;
+        keepFooterSpace?: boolean;
         hasClearIcon?: boolean;
         hasSearchIcon?: boolean;
         startIcon?: React.ReactNode;
@@ -55,6 +56,7 @@ declare const meta: {
         required?: boolean | undefined;
         isFloatingLabel?: boolean | undefined;
         keepCloseIconOnValue?: boolean | undefined;
+        keepFooterSpace?: boolean | undefined;
         hasClearIcon?: boolean | undefined;
         hasSearchIcon?: boolean | undefined;
         startIcon?: React.ReactNode;
@@ -396,3 +398,11 @@ export declare const CustomIcon: {
     };
     render: (args: {}) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const KeepFooterSpace: {
+    args: {
+        label: string;
+        fullwidth: boolean;
+        keepFooterSpace: boolean;
+    };
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/types/components/TextInput/TextInput.styles.d.ts

@@ -23,6 +23,21 @@ export declare const helperTextVariant: (props?: ({
     disabled?: boolean | null | undefined;
     error?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const inlineEndIconWrapperVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const inlineStartIconWrapperVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const iconActionVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const segmentedIconWrapperVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "none" | "normal" | "full" | null | undefined;
+    error?: boolean | null | undefined;
+    position?: "end" | "start" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const iconWrapperVariant: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/esm/types/icons/index.d.ts

@@ -1 +1,2 @@
 export * from "./iconRegistry";
+export { getLucideIconNames } from "./lucideIconNames";

package/dist/esm/types/icons/lucideIconNames.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Get all available Lucide icon names (kebab-case).
+ * Use for autocomplete, validation, or browsing.
+ *
+ * @example
+ * const names = await getLucideIconNames();
+ * names.includes("eye-closed"); // true
+ */
+export declare function getLucideIconNames(): Promise<string[]>;

package/dist/esm/types/index.d.ts

@@ -3,6 +3,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";
@@ -12,6 +13,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";
@@ -41,13 +43,17 @@ export * from "./components/FocusedScrollView/FocusedScrollView";
 export * from "./components/RadioGroup/RadioGroup";
 export type { ButtonProps } from "./components/Button/Button";
 export type { InputProps } from "./components/TextInput/TextInput";
+export type { PasswordInputProps } from "./components/PasswordInput/PasswordInput";
 export type { MaskedTextInputProps, MaskRule, } from "./components/MaskedTextInput";
 export type { NumberInputProps } from "./components/NumberInput/NumberInput";
 export type { TextAreaProps } from "./components/TextArea/TextArea";
 export type { DropdownProps, Options } from "./components/Dropdown/Dropdown";
-export type { NavbarProps } from "./components/Navbar/Navbar";
+export type { NavbarProps, NavbarVariant } from "./components/Navbar/Navbar";
+export type { FooterProps, FooterVariant } from "./components/Footer/Footer";
 export type { AvatarProps } from "./components/Avatar/Avatar";
 export type { AvatarGroupProps } from "./components/Avatar/AvatarGroup";
 export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, } from "./utils/datetime";
 export * from "./hooks";
 export { cn } from "./utils/cn";
+export { srgbToHex, getThemeColor, getThemeColors, THEME_COLOR_KEYS, type ThemeColorKey, } from "./utils/colors";
+export { getLucideIconNames } from "./icons/lucideIconNames";

package/dist/esm/types/utils/colors.d.ts

@@ -1 +1,331 @@
+/** CSS variable names for theme colors (resolved by data-theme) */
+export 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";
+};
+export 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');
+ */
+export 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', ... }
+ */
+export declare function getThemeColors(keys?: ThemeColorKey[], element?: HTMLElement | Document): Record<string, string>;
 export declare const srgbToHex: (color: string) => string;

package/dist/icons/index.js

@@ -1 +1,2 @@
 export * from "./iconRegistry";
+export { getLucideIconNames } from "./lucideIconNames";

package/dist/icons/lucideIconNames.js

@@ -0,0 +1,12 @@
+/**
+ * Get all available Lucide icon names (kebab-case).
+ * Use for autocomplete, validation, or browsing.
+ *
+ * @example
+ * const names = await getLucideIconNames();
+ * names.includes("eye-closed"); // true
+ */
+export async function getLucideIconNames() {
+    const { default: dynamicIconImports } = await import("lucide-react/dynamicIconImports");
+    return Object.keys(dynamicIconImports);
+}