@cjlapao/ui-kit 0.2.3 → 0.2.5

package/dist/CapsuleBlueprint-DvinXyHp.d.cts

@@ -1,342 +0,0 @@
-import React__default from 'react';
-
-declare const BUTTON_VARIANTS: readonly ["solid", "soft", "outline", "ghost", "link", "clear", "icon", "glass"];
-type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
-/** Label weight. Derived from the runtime list for the same reason. */
-declare const BUTTON_WEIGHTS: readonly ["normal", "medium", "semibold", "bold"];
-type ButtonWeight = (typeof BUTTON_WEIGHTS)[number];
-/**
- * The 21 Tailwind palette colours the kit supports.
- *
- * `TrueColor` is derived from this array rather than declared alongside it, so
- * the runtime list and the type can never drift — adding a colour here adds it
- * to the type, the generated theme, and every consumer that enumerates colours.
- */
-declare const TRUE_COLORS: readonly ["red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "rose", "slate", "gray", "zinc", "neutral", "stone"];
-/**
- * TrueColor is the only valid color type in the ui-kit theme system.
- * All components, tokens, and utilities must use TrueColor exclusively.
- */
-type TrueColor = (typeof TRUE_COLORS)[number];
-/**
- * Shared size type used across all frameworks and components.
- * Replaces both the old ThemeSize (dead code) and ModalSize.
- */
-type Size = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "2xl" | "3xl" | "full";
-/**
- * The size scale every interactive control shares. Derived from the runtime
- * list so the two cannot drift, and so demos/docs can enumerate it.
- */
-declare const CONTROL_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
-type ControlSize = (typeof CONTROL_SIZES)[number];
-/**
- * Strength of a decorative glow behind a control (currently `SearchBar`'s
- * gradient variant).
- */
-declare const GLOW_INTENSITIES: readonly ["subtle", "soft", "medium", "strong"];
-type GlowIntensity = (typeof GLOW_INTENSITIES)[number];
-/**
- * Surface treatments shared by every text-entry control — `Input`, `Textarea`,
- * `SearchBar`. Defined once here so the three are the same box when they sit
- * next to each other in a form.
- */
-declare const INPUT_VARIANTS: readonly ["flat", "elevated", "ghost", "underline", "glass", "gradient"];
-type InputVariant = (typeof INPUT_VARIANTS)[number];
-type InputVariantTokens = {
-    /** Border, fill, radius, shadow, backdrop. */
-    surface: string;
-    /** Text and placeholder colours. */
-    text: string;
-    /** Resting colour for a leading icon or other adornment. */
-    icon: string;
-    /** True when the surface is see-through and sits over unknown content. */
-    translucent: boolean;
-};
-declare const getInputVariantTokens: (variant: InputVariant) => InputVariantTokens;
-/**
- * Surface treatments for containers — `Panel` and anything built on it
- * (`FormSection`). Kept here so the type and the text that sits on those
- * surfaces are defined once, not per component.
- */
-declare const SURFACE_VARIANTS: readonly ["elevated", "outlined", "subtle", "tonal", "default", "glass", "simple", "liquid-glass"];
-type SurfaceVariant = (typeof SURFACE_VARIANTS)[number];
-type SurfaceTextTokens = {
-    /** Section and card headings. */
-    heading: string;
-    /** Body copy. */
-    body: string;
-    /** Secondary copy — descriptions under a label. */
-    description: string;
-    /** Tertiary copy — hints, counters, "optional" markers. */
-    muted: string;
-    /** Hairline between regions of the surface. */
-    divider: string;
-    translucent: boolean;
-};
-declare const getSurfaceTextTokens: (variant: SurfaceVariant) => SurfaceTextTokens;
-/**
- * Corner radius scale for container surfaces.
- *
- * The token names are historical and do NOT map 1:1 onto Tailwind's radius
- * utilities — `rounded-sm` here is Tailwind's `rounded-lg`. They are kept as
- * they are because the whole kit already calls them by these names and the
- * scale itself is monotonic and correct; renaming would silently reshape every
- * existing card. `getSurfaceCornerRem` exposes the real radius so a demo can
- * label them honestly.
- *
- * `pill` used to be a duplicate of `rounded-lg` (both `rounded-3xl`), which is
- * not what a pill is; it is now a true capsule.
- */
-declare const SURFACE_CORNERS: readonly ["none", "rounded", "rounded-sm", "rounded-md", "rounded-lg", "rounded-xl", "rounded-full", "pill"];
-type SurfaceCorner = (typeof SURFACE_CORNERS)[number];
-/** The radius a container uses when the caller does not pick one. */
-declare const DEFAULT_SURFACE_CORNER: SurfaceCorner;
-declare const getSurfaceCornerClass: (corner: SurfaceCorner) => string;
-declare const getSurfaceCornerRem: (corner: SurfaceCorner) => string;
-/**
- * Container padding, on the same scale every control uses plus a `none` step,
- * so a Panel's padding and the Button inside it are described in one language.
- */
-declare const SURFACE_PADDINGS: readonly ["none", "xs", "sm", "md", "lg", "xl"];
-type SurfacePadding = "none" | ControlSize;
-declare const getSurfacePaddingClass: (padding: SurfacePadding) => string;
-/** Every padding token but `none`, for the callers that require a real inset. */
-declare const getSurfacePaddingClasses: () => Record<SurfacePadding, string>;
-/**
- * Geometry and opacity of the `gradient` variant's glow.
- *
- * `pad` is reserved on the control's own wrapper and `inset` positions the glow
- * inside it, so the halo is drawn **within the control's layout box**. Painting
- * it outside — the obvious way — means any ancestor with `overflow: auto`
- * clips it, and `Panel`'s body is `overflow-auto` by default. Same rule as the
- * inset focus ring.
- */
-type GlowTokens = {
-    /** Padding reserved on the wrapper to hold the halo. */
-    pad: string;
-    /** Glow position inside that padding. The gap left over absorbs the blur. */
-    inset: string;
-    blur: string;
-    idleOpacity: number;
-    focusOpacity: number;
-};
-declare const getGlowTokens: (intensity: GlowIntensity) => GlowTokens;
-/**
- * Glow gradient stops: the tone's 600 and 400 shades, read from Tailwind's own
- * custom properties rather than a hard-coded hex table.
- */
-declare const resolveGlowGradient: (tone: TrueColor, from?: string, to?: string) => [string, string];
-type ButtonTheme = Record<ButtonVariant, Record<TrueColor, string>>;
-type ButtonHoverTheme = Record<ButtonVariant, Record<TrueColor, string>>;
-type ButtonActiveTheme = Record<ButtonVariant, Record<TrueColor, string>>;
-type ButtonActiveHoverTheme = Record<ButtonVariant, Record<TrueColor, string>>;
-type ToggleTheme = Record<TrueColor, string>;
-type CheckboxTheme = Record<TrueColor, string>;
-type SpinnerTheme = Record<TrueColor, [string, string, string, string]>;
-type LoaderTheme = Record<TrueColor, {
-    track: string;
-    bar: string;
-}>;
-type MultiToggleTheme = Record<TrueColor, {
-    active: string;
-    activeText: string;
-    indicator: string;
-    hover: string;
-}>;
-type MultiToggleVariantTokens = {
-    softIndicator: string;
-    activeText: string;
-    hover: string;
-};
-type MultiToggleVariantTheme = Record<TrueColor, MultiToggleVariantTokens>;
-type TabsColorTokens = {
-    hoverText: string;
-    activeText: string;
-    onAccentText: string;
-    focusRing: string;
-    accentBg: string;
-    subtleBg: string;
-    subtleHoverBg: string;
-    segmentedContainer: string;
-    badgeSubtle: string;
-    badgeStrong: string;
-    badgeOnAccent: string;
-    underlineActive: string;
-};
-type TabsTheme = Record<TrueColor, TabsColorTokens>;
-type PanelToneConfig = {
-    border: string;
-    /**
-     * Hairline for the `outlined` variant. Deliberately lighter than `border`
-     * and paired with a low-alpha dark value, so the outline reads as a hairline
-     * in both modes instead of a hard rule in light mode.
-     */
-    outlineBorder: string;
-    heading: string;
-    muted: string;
-    badge: string;
-    subtleBg: string;
-    tonalBg: string;
-    glassBg: string;
-    glassBorder: string;
-    liquidBg: string;
-    liquidBorder: string;
-    liquidShadow: string;
-    liquidHeading: string;
-    overlayGradient: string;
-    decorationShape: string;
-    decorationGradient: string;
-};
-type PanelTheme = Record<TrueColor, PanelToneConfig>;
-type StepperToneConfig = {
-    activeBg: string;
-    activeText: string;
-    completedBg: string;
-    completedText: string;
-    pendingBorder: string;
-    pendingText: string;
-    underlineBase: string;
-};
-type StepperTheme = Record<TrueColor, StepperToneConfig>;
-type BadgeTheme = Record<TrueColor, string>;
-type PillTheme = Record<TrueColor, Record<"solid" | "soft" | "outline", {
-    base: string;
-    border?: string;
-}>>;
-type AlertTheme = Record<TrueColor, {
-    subtle: string;
-    solid: string;
-    outline: string;
-    icon: string;
-    text: string;
-    border: string;
-    dismiss: string;
-}>;
-type StatTileTheme = Record<TrueColor, {
-    decorationBg: string;
-    iconColor: string;
-    divider: string;
-}>;
-type ButtonSelectorColorTokens = {
-    selectedBorder: string;
-    selectedBg: string;
-    selectedIcon: string;
-    selectedLabel: string;
-    selectedIndicatorBg: string;
-    selectedIndicatorBorder: string;
-    selectedIndicatorDot: string;
-};
-type ButtonSelectorTheme = Record<TrueColor, ButtonSelectorColorTokens>;
-interface ThemeDefinition {
-    button: ButtonTheme;
-    buttonHover: ButtonHoverTheme;
-    buttonActive: ButtonActiveTheme;
-    buttonActiveHover: ButtonActiveHoverTheme;
-    toggle: ToggleTheme;
-    checkbox: CheckboxTheme;
-    spinner: SpinnerTheme;
-    loader: LoaderTheme;
-    multiToggle: MultiToggleTheme;
-    multiToggleVariant: MultiToggleVariantTheme;
-    tabs: TabsTheme;
-    panel: PanelTheme;
-    stepper: StepperTheme;
-    badge: BadgeTheme;
-    pill: PillTheme;
-    alert: AlertTheme;
-    statTile: StatTileTheme;
-    buttonSelector: ButtonSelectorTheme;
-}
-type DeepPartial<T> = {
-    [K in keyof T]?: T[K] extends Record<string, unknown> ? DeepPartial<T[K]> : T[K];
-};
-declare const configureTheme: (overrides: DeepPartial<ThemeDefinition>) => void;
-declare const resetTheme: () => void;
-declare const getButtonColorClasses: (variant: ButtonVariant, color: TrueColor) => string;
-declare const getButtonHoverClasses: (variant: ButtonVariant, color: TrueColor) => string;
-declare const getButtonActiveClasses: (variant: ButtonVariant, color: TrueColor) => string;
-declare const getButtonActiveHoverClasses: (variant: ButtonVariant, color: TrueColor) => string;
-declare const getButtonBaseClasses: (variant: ButtonVariant, color: TrueColor) => string;
-declare const getToggleColorClasses: (color: TrueColor) => string;
-declare const getCheckboxColorClasses: (color: TrueColor) => string;
-declare const getSpinnerColorTokens: (color: TrueColor) => [string, string, string, string];
-declare const getLoaderProgressColors: (color: TrueColor) => {
-    track: string;
-    bar: string;
-};
-declare const getMultiToggleColorTokens: (color: TrueColor) => {
-    active: string;
-    activeText: string;
-    indicator: string;
-    hover: string;
-};
-declare const getMultiToggleVariantTokens: (color: TrueColor) => MultiToggleVariantTokens;
-declare const getTabsColorTokens: (color: TrueColor) => TabsColorTokens;
-declare const getPanelToneStyles: (tone: TrueColor) => PanelToneConfig;
-declare const getStepperTonePalette: (tone: TrueColor) => StepperToneConfig;
-declare const getBadgeColorClasses: (color: TrueColor) => string;
-declare const getPillColorClasses: (color: TrueColor, variant: "solid" | "soft" | "outline") => {
-    base: string;
-    border?: string;
-};
-declare const getAlertColorClasses: (color: TrueColor) => AlertTheme[TrueColor];
-declare const getStatTileColorClasses: (color: TrueColor) => StatTileTheme[TrueColor];
-
-type IconName = "Add" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "Attached" | "Attachment" | "Back" | "Blueprint" | "Bug" | "Chat" | "CheckCircle" | "ChevronLeft" | "ChevronRight" | "Clean" | "Close" | "Close1" | "CloudOff" | "Cog" | "Complete" | "Container" | "CopyClipboard" | "Dashboard" | "Details" | "Docker copy" | "Docker" | "Dots" | "Download" | "Edit" | "Equal" | "Error" | "Export" | "EyeClosed" | "EyeOpen" | "Globe" | "Help" | "Idea" | "Image" | "Info" | "Key" | "LXC-Old" | "LXC" | "Log" | "Moon" | "Notification" | "Official" | "Offline" | "OpenApp" | "Parameter" | "Pause" | "Praise" | "ReportFeedback" | "Reset" | "Restart" | "Rocket" | "Run" | "Save" | "Scale" | "Script" | "Search" | "Send" | "Settings" | "Shop" | "Star" | "Stop" | "Sun" | "Suspend" | "ThemeAuto" | "ThemeDark" | "ThemeLight" | "Trash" | "UX" | "User" | "Users" | "Verified" | "ViewGrid" | "ViewRows" | "Library" | "Host" | "VirtualMachine" | "Role" | "Roles" | "Cache" | "Claim" | "Claims" | "KeyManagement" | "Windows" | "Ubuntu" | "Debian" | "Apple" | "KaliLinux" | "RedHat" | "Fedora" | "CentOS" | "Clone" | "Copy" | "Live" | "HealthCheck" | "ReverseProxy" | "ReverseProxyCORS" | "ReverseProxyRoutes" | "ReverseProxyFrom" | "ReverseProxyHeadersRequest" | "ReverseProxyHeadersResponse" | "ReverseProxyHTTP" | "ReverseProxyTo" | "ReverseProxyTLS" | "ReverseProxyTCP" | "Refresh" | "Calendar" | "Folder" | "Jobs" | "Warning" | "Artifactory" | "Azure" | "Minio" | "Aws" | "Orchestrator" | "Podman" | "PodmanDesktop" | "Group" | "Pin" | "Database" | "RemoteHost" | "Login" | "Logout" | "Snapshot" | "Revert" | "CleanBrush" | "Pull" | "Push" | "CatalogVersion" | "File" | "Revoke" | "Taint" | "Unlock" | "Check" | "ArrowChevronLeft" | "ArrowChevronRight" | "Drag";
-declare const iconRegistry: Record<IconName, React__default.ForwardRefExoticComponent<React__default.SVGProps<SVGSVGElement>>>;
-
-type HelpButtonPlacement = "top" | "bottom" | "left" | "right" | "auto";
-interface HelpButtonProps {
-    /**
-     * Help content to display in the panel.
-     * Pass a `string` to render as Markdown (tables and URLs supported).
-     * Pass a `ReactNode` to render arbitrary JSX directly.
-     */
-    content: string | React__default.ReactNode;
-    /** Optional title shown in the panel header. Defaults to "Help". */
-    title?: React__default.ReactNode;
-    /**
-     * Preferred placement of the floating panel relative to the trigger button.
-     * "auto" (default) picks the side with the most available space.
-     */
-    placement?: HelpButtonPlacement;
-    /** Accent color for the trigger button and the panel header stripe. */
-    color?: TrueColor;
-    /** Size of the trigger icon button. */
-    size?: "xs" | "sm" | "md" | "lg";
-    /** Icon for the trigger button. Defaults to "Help". */
-    icon?: IconName;
-    /** Maximum width of the floating panel in px. Defaults to 360. */
-    maxWidth?: number;
-    /** Extra class applied to the root wrapper. */
-    className?: string;
-}
-declare const HelpButton: React__default.FC<HelpButtonProps>;
-
-declare enum CapsuleBlueprintValueType {
-    String = "string",
-    Int = "int",
-    Boolean = "boolean",
-    Select = "select",
-    List = "list",
-    Map = "map"
-}
-interface CapsuleBlueprintParameter {
-    name: string;
-    key: string;
-    description?: string;
-    type?: string;
-    value_type?: CapsuleBlueprintValueType;
-    default?: any;
-    required?: boolean;
-    is_required?: boolean;
-    is_secret?: boolean;
-    options?: any;
-    hint?: string;
-    help?: string;
-    service_name?: string;
-    depends_on?: string[];
-    [key: string]: any;
-}
-
-export { iconRegistry as $, getButtonHoverClasses as A, type ButtonVariant as B, type ControlSize as C, DEFAULT_SURFACE_CORNER as D, getCheckboxColorClasses as E, getGlowTokens as F, type GlowIntensity as G, type HelpButtonProps as H, type IconName as I, getInputVariantTokens as J, getLoaderProgressColors as K, getMultiToggleColorTokens as L, getMultiToggleVariantTokens as M, getPanelToneStyles as N, getPillColorClasses as O, getSpinnerColorTokens as P, getStatTileColorClasses as Q, getStepperTonePalette as R, type Size as S, type TrueColor as T, getSurfaceCornerClass as U, getSurfaceCornerRem as V, getSurfacePaddingClass as W, getSurfacePaddingClasses as X, getSurfaceTextTokens as Y, getTabsColorTokens as Z, getToggleColorClasses as _, type ButtonWeight as a, resetTheme as a0, resolveGlowGradient as a1, HelpButton as a2, type SurfaceVariant as b, type SurfacePadding as c, type SurfaceCorner as d, type InputVariant as e, type CapsuleBlueprintParameter as f, type SurfaceTextTokens as g, BUTTON_VARIANTS as h, BUTTON_WEIGHTS as i, CONTROL_SIZES as j, CapsuleBlueprintValueType as k, GLOW_INTENSITIES as l, type GlowTokens as m, INPUT_VARIANTS as n, type InputVariantTokens as o, SURFACE_CORNERS as p, SURFACE_PADDINGS as q, SURFACE_VARIANTS as r, TRUE_COLORS as s, configureTheme as t, getAlertColorClasses as u, getBadgeColorClasses as v, getButtonActiveClasses as w, getButtonActiveHoverClasses as x, getButtonBaseClasses as y, getButtonColorClasses as z };