@cjlapao/ui-kit-vue 0.2.0 → 0.2.3

package/dist/types/vue/src/components/index.d.ts

@@ -1,62 +1,80 @@
-export { default as Alert, type AlertProps, type AlertVariant } from "./Alert.vue";
-export { default as AppDivider, type AppDividerProps } from "./AppDivider.vue";
-export { default as Badge, type BadgeProps } from "./Badge.vue";
+export { default as Alert, type AlertProps, type AlertIconAlign, type AlertIntent, type AlertSize, type AlertVariant, } from "./Alert.vue";
+export { default as AppDivider, APP_DIVIDER_VARIANTS, type AppDividerProps, type AppDividerOrientation, type AppDividerVariant, type AppDividerLabelPosition, } from "./AppDivider.vue";
+export { default as Badge, BADGE_VARIANTS, type BadgeProps, type BadgeVariant, type BadgeSize, } from "./Badge.vue";
 export { default as BadgeIcon, type BadgeIconProps } from "./BadgeIcon.vue";
-export { default as Pill, type PillProps, type PillTone, type PillVariant, type PillSize, } from "./Pill.vue";
-export { default as Progress, type ProgressProps, type ProgressMotion, type ProgressMotionSpeed, type ProgressMotionDirection, } from "./Progress.vue";
+export { default as Pill, PILL_VARIANTS, PILL_CORNERS, type PillProps, type PillCorner, type PillTone, type PillVariant, type PillSize, } from "./Pill.vue";
+export { default as Progress, PROGRESS_CORNERS, PROGRESS_MOTIONS, PROGRESS_MOTION_DIRECTIONS, PROGRESS_MOTION_SPEEDS, type ProgressProps, type ProgressCorner, type ProgressMotion, type ProgressMotionSpeed, type ProgressMotionDirection, type ProgressSize, } from "./Progress.vue";
 export { default as MultiProgressBar, type MultiProgressBarProps, type MultiProgressBarSeries, } from "./MultiProgressBar.vue";
-export { default as Spinner, type SpinnerProps, type SpinnerSize, type SpinnerColor, type SpinnerVariant, } from "./Spinner.vue";
-export { default as StatusSpinner, type StatusSpinnerProps, type StatusSpinnerIntent, } from "./StatusSpinner.vue";
-export { default as Loader, type LoaderProps } from "./Loader.vue";
-export { default as EmptyState, type EmptyStateProps, type EmptyStateTone, } from "./EmptyState.vue";
-export { default as Hero, type HeroProps, type HeroTitleSize, type HeroSubtitleSize, type HeroPadding, } from "./Hero.vue";
-export { default as DynamicImg, type DynamicImgProps } from "./DynamicImg.vue";
-export { default as Button, type ButtonProps, type ButtonVariant, type ButtonColor, type ButtonSize, } from "./Button.vue";
+export { default as Spinner, SPINNER_THICKNESSES, SPINNER_VARIANTS, type SpinnerProps, type SpinnerSize, type SpinnerColor, type SpinnerThickness, type SpinnerVariant, } from "./Spinner.vue";
+export { default as ProgressSpinner, type ProgressSpinnerProps, type ProgressSpinnerSize, type ProgressSpinnerColor, } from "./ProgressSpinner.vue";
+export { default as StatusSpinner, type StatusSpinnerProps, type StatusSpinnerSize, type StatusSpinnerTone, } from "./StatusSpinner.vue";
+export { default as Loader, LOADER_GLASS_BLURS, LOADER_VARIANTS, type GlassBlurIntensity, type LoaderColor, type LoaderProps, type LoaderSize, type LoaderVariant, } from "./Loader.vue";
+export { default as EmptyState, EMPTY_STATE_VARIANTS, type EmptyStateProps, type EmptyStateSize, type EmptyStateTone, type EmptyStateVariant, } from "./EmptyState.vue";
+export { default as Hero, HERO_VARIANTS, HERO_TITLE_ELEMENTS, type HeroProps, type HeroTitleSize, type HeroSubtitleSize, type HeroVariant, type HeroTitleElement, type HeroPadding, } from "./Hero.vue";
+export { default as DynamicImg, type DynamicImgProps, type DynamicImgSize, } from "./DynamicImg.vue";
+export { default as Button, BUTTON_SIZES, BUTTON_VARIANTS, BUTTON_WEIGHTS, type ButtonProps, type ButtonVariant, type ButtonColor, type ButtonSize, type ButtonWeight, } from "./Button.vue";
 export type { GlassVibrancy, GlassOpacity, SpecularMode } from "../theme/glass";
 export { default as IconButton, type IconButtonProps } from "./IconButton.vue";
 export { default as DropdownButton, type DropdownButtonProps, type DropdownButtonOption, } from "./DropdownButton.vue";
-export { default as Tooltip, type TooltipProps, type TooltipPosition, } from "./Tooltip.vue";
+export { default as Tooltip, type TooltipProps, type TooltipPosition, type TooltipVariant, } from "./Tooltip.vue";
+export { TOOLTIP_POSITIONS, type TooltipPlacement, } from "../../../common/tooltip/placement";
+export { TOOLTIP_VARIANTS, getTooltipVariantTokens, } from "../../../common/tooltip/tokens";
 export { default as TooltipWrapper, type TooltipWrapperProps, } from "./TooltipWrapper.vue";
-export { default as Input, type InputProps, type InputVariant } from "./Input.vue";
+export { default as Input, INPUT_VALIDATION_STATUSES, type InputProps, type InputSize, type InputValidationStatus, type InputVariant, } from "./Input.vue";
 export { default as PasswordInput, type PasswordInputProps, } from "./PasswordInput.vue";
 export { default as Textarea, type TextareaProps } from "./Textarea.vue";
-export { default as Select, type SelectProps } from "./Select.vue";
-export { default as Combobox, type ComboboxProps } from "./Combobox.vue";
+export { default as Select, SELECT_VALIDATION_STATUSES, type SelectProps, type SelectSize, type SelectValidationStatus, type SelectVariant, } from "./Select.vue";
+export { default as Combobox, COMBOBOX_VALIDATION_STATUSES, type ComboboxProps, type ComboboxOption, type ComboboxOptionInput, type ComboboxSize, type ComboboxValidationStatus, type ComboboxVariant, } from "./Combobox.vue";
 export { default as Picker, type PickerProps, type PickerItem, type PickerTag, type PickerFilter, } from "./Picker.vue";
 export { default as TagPicker, type TagPickerProps, type TagPickerItem, } from "./TagPicker.vue";
 export { default as TagPanel, type TagPanelProps, type TagPanelTag, } from "./TagPanel.vue";
-export { default as Checkbox, type CheckboxProps } from "./Checkbox.vue";
+export { default as Checkbox, CHECKBOX_ALIGNS, CHECKBOX_DESCRIPTION_PLACEMENTS, CHECKBOX_VALIDATION_STATUSES, type CheckboxAlign, type CheckboxDescriptionPlacement, type CheckboxProps, type CheckboxSize, type CheckboxValidationStatus, type CheckboxVariant, } from "./Checkbox.vue";
 export { default as Toggle, type ToggleProps, type ToggleSize, type ToggleAlign, type ToggleDescriptionPlacement, type TogglePadding } from "./Toggle.vue";
-export { default as MultiToggle, type MultiToggleProps, type MultiToggleOption, type MultiToggleVariant, } from "./MultiToggle.vue";
+export { default as MultiToggle, MULTI_TOGGLE_VARIANTS, MULTI_TOGGLE_INDICATORS, type MultiToggleProps, type MultiToggleOption, type MultiToggleVariant, type MultiToggleIndicator, } from "./MultiToggle.vue";
 export { default as ButtonSelector, type ButtonSelectorProps, type ButtonSelectorOption, type ButtonSelectorMode, } from "./ButtonSelector.vue";
 export { default as FormField, type FormFieldProps } from "./FormField.vue";
 export { default as FormLayout, type FormLayoutProps } from "./FormLayout.vue";
 export { default as FormSection, type FormSectionProps } from "./FormSection.vue";
-export { default as InputGroup, type InputGroupProps } from "./InputGroup.vue";
-export { default as MultiSelectPills, type MultiSelectPillsProps, } from "./MultiSelectPills.vue";
+export { default as InputGroup, INPUT_GROUP_VALIDATION_STATUSES, type InputGroupProps, type InputGroupSize, type InputGroupValidationStatus, type InputGroupVariant, } from "./InputGroup.vue";
+export { default as MultiSelectPills, type MultiSelectPillsProps, type MultiSelectPillOption, } from "./MultiSelectPills.vue";
 export { default as SearchBar, type SearchBarProps } from "./SearchBar.vue";
 export { default as GlassBackground, type GlassBackgroundProps, type GlassBackgroundPosition, type GradientDirection, } from "./GlassBackground.vue";
+export { default as Toolbar } from "./Toolbar.vue";
+export { default as PageHeader } from "./PageHeader.vue";
+export { default as ScrollArea } from "./ScrollArea.vue";
+export { default as ColorSwatches } from "./ColorSwatches.vue";
+export { default as Chat } from "./Chat.vue";
+export type { ChatProps } from "./Chat.vue";
+export { createLocalChatStorage, createRestChatStorage, usageTotals, } from "../chat";
+export type { ChatEvent, ChatFolder, ChatMessage, ChatMeta, ChatModel, ChatPage, ChatRecord, ChatStorage, ChatUsage, } from "../chat";
+export { default as ActivityFeed } from "./ActivityFeed.vue";
+export type { ActivityFeedItem, ActivityFeedFilter } from "./ActivityFeed.vue";
+export { default as BreakdownCard } from "./BreakdownCard.vue";
+export type { BreakdownItem, BreakdownStat } from "./BreakdownCard.vue";
 export { default as TruncatedText, type TruncatedTextProps, } from "./TruncatedText.vue";
-export { default as InfoRow, type InfoRowProps, type InfoRowSize, type InfoRowPadding, } from "./InfoRow.vue";
+export { default as MetricBar, type MetricBarProps, } from "./MetricBar.vue";
+export { default as InfoRow, INFO_ROW_VARIANTS, INFO_ROW_LOADERS, type InfoRowProps, type InfoRowSize, type InfoRowPadding, type InfoRowVariant, type InfoRowLoader, } from "./InfoRow.vue";
 export { default as SectionCard, type SectionCardProps, type SectionCardVariant, type SectionCardSize, } from "./SectionCard.vue";
 export { default as Section, type SectionProps, type SectionSize, type SectionVariant, } from "./Section.vue";
-export { default as PagedPanel, type PagedPanelProps } from "./PagedPanel.vue";
+export { default as PagedPanel, PAGED_PANEL_LOADERS, type PagedPanelProps, type PagedPanelLoader, } from "./PagedPanel.vue";
 export { default as Panel, type PanelProps, type PanelTone, type PanelDecoration, type PanelSpecularMode, } from "./Panel.vue";
 export { default as CollapsiblePanel, type CollapsiblePanelProps, } from "./CollapsiblePanel.vue";
 export { default as HeaderGroup, type HeaderGroupProps } from "./HeaderGroup.vue";
-export { default as DetailItemCard, type DetailItemCardProps, } from "./DetailItemCard.vue";
+export { default as DetailItemCard, type DetailItemCardProps, type DetailItemCardVariant, type DetailItemCardBadgesAlignment, } from "./DetailItemCard.vue";
 export { default as InfiniteScrollPanel, type InfiniteScrollPanelProps, } from "./InfiniteScrollPanel.vue";
 export { default as CollapsibleHelpText, type CollapsibleHelpTextProps, } from "./CollapsibleHelpText.vue";
+export { default as HelpButton, type HelpButtonProps, type HelpButtonPlacement, } from "./HelpButton.vue";
 export { default as DropdownMenu, type DropdownMenuProps, type DropdownMenuOption, } from "./DropdownMenu.vue";
-export { default as UserAvatar, type UserAvatarProps, type UserAvatarUser, } from "./UserAvatar.vue";
-export { default as Accordion, type AccordionProps, type AccordionItem, } from "./Accordion.vue";
-export { default as Tabs, type TabsProps, type TabItem, type TabItemAction, } from "./Tabs.vue";
+export { default as UserAvatar, USER_AVATAR_SHAPES, USER_AVATAR_PRESET_SIZES, type UserAvatarProps, type UserAvatarUser, type UserAvatarShape, type UserAvatarPresetSize, type UserAvatarSize, } from "./UserAvatar.vue";
+export { default as Accordion, type AccordionProps, type AccordionItem, type AccordionIndicator, type AccordionIndicatorPlacement, } from "./Accordion.vue";
+export { default as Tabs, type TabsProps, type TabsVariant, type TabsSize, type TabsOrientation, type TabsJustify, type TabsRadius, type TabItem, type TabItemAction, } from "./Tabs.vue";
 export { default as Modal, type ModalProps, ModalActions, ConfirmModal, DeleteConfirmModal, type DeleteConfirmModalProps, ApplyConfirmModal, type ApplyConfirmModalProps, } from "./Modal.vue";
 export { default as InlinePanel, ConfirmInlinePanel, DeleteConfirmInlinePanel, type InlinePanelProps, type InlinePanelAnchor, type ConfirmInlinePanelProps, type DeleteConfirmInlinePanelProps, } from "./InlinePanel.vue";
 export { default as SideMenu, type SideMenuProps, type SideMenuSettings, type SideMenuItem, type SideMenuItemGuard, type SideMenuGuardClaim, type SideMenuGuardAnyClaim, type SideMenuGuardAllClaims, type SideMenuGuardRole, type SideMenuGuardAnyRole, type SideMenuGuardModule, type SideMenuGuardAnyModule, type SideMenuGuardCustom, } from "./SideMenu.vue";
 export { default as SideMenuLayout, type SideMenuLayoutProps, } from "./SideMenuLayout.vue";
 export { default as SplitView, type SplitViewProps, type SplitViewItem, type SplitViewItemBadge, type SplitViewSize, type SplitViewHeaderSlot, type SplitViewHeaderDetails, type SplitViewPanelHeaderProps, } from "./SplitView.vue";
-export { default as SmartInput, type SmartInputProps } from "./SmartInput.vue";
+export { default as SmartInput, type SmartInputProps, type SmartInputSize, } from "./SmartInput.vue";
+export { default as SmartVariableBadge, type SmartVariableBadgeProps, type SmartViewMode, } from "./SmartVariableBadge.vue";
 export { default as SmartValue, type SmartValueProps } from "./SmartValue.vue";
 export { default as StartupStageStepper, type StartupStageStepperProps, } from "./StartupStageStepper.vue";
 export { default as StatChartTile, type StatChartTileProps, type StatChartDataset, type StatChartItem, } from "./StatChartTile.vue";
@@ -65,15 +83,16 @@ export { default as StatGoalTile, type StatGoalTileProps, type StatGoalItem, } f
 export { default as StatGraphTile, type StatGraphTileProps, type StatGraphSeries, } from "./StatGraphTile.vue";
 export { default as StatTile, type StatTileProps } from "./StatTile.vue";
 export { default as Stepper, type StepperProps, type Step } from "./Stepper.vue";
-export { default as Table, type TableProps, type TableColumn, type TableSortState, type TablePaginationState, type TableSettings, type Column, type TableVariant, } from "./Table.vue";
+export { default as Table, type TableProps, type TableColumn, type TableSortState, type TablePaginationState, type Column, type TableVariant, } from "./Table.vue";
 export { default as AccessMatrix, type AccessMatrixProps, type AccessMatrixPermission, } from "./AccessMatrix.vue";
-export { default as VariablePicker } from "./VariablePicker.vue";
+export { default as VariablePicker, type VariablePickerProps, } from "./VariablePicker.vue";
 export { default as KeyValueArrayField, type KeyValueArrayFieldProps, } from "./KeyValueArrayField.vue";
-export { default as ApiErrorState, type ApiErrorStateProps, } from "./ApiErrorState.vue";
+export { default as ApiErrorState, type ApiErrorStateProps, type ApiErrorKind, } from "./ApiErrorState.vue";
 export { default as CustomIcon, type CustomIconProps } from "./CustomIcon.vue";
-export { default as DynamicFormField, type DynamicFormFieldProps, } from "./DynamicFormField.vue";
+export { default as DynamicFormField, DYNAMIC_FORM_FIELD_VARIANTS, normalizeOptions as normalizeDynamicFormFieldOptions, type DynamicFormFieldProps, type DynamicFormFieldOption, type DynamicFormFieldValue, type DynamicFormFieldVariant, } from "./DynamicFormField.vue";
 export { default as NotificationModal, type NotificationModalProps, type NotificationType, } from "./NotificationModal.vue";
 export { default as SidePanel, type SidePanelProps } from "./SidePanel.vue";
 export { TimelinePanel, type TimelinePanelProps, type TimelinePanelItem, type TimelinePanelAction, type TimelinePanelOverflowItem, type TimelinePanelHeaderAction, type TimelinePanelVariant, type TimelinePanelPadding, type TimelinePanelCorner, } from "./TimelinePanel";
 export * from "./ConnectionFlow";
+export * from "./Gantt";
 export { TreeView, TreeItemCard, TreeFlowSvg, TREE_INDENT_PX, TREE_NEUTRAL_TOKENS, getTreeColorTokens, type TreeReorderEvent, type TreeTone, type TreeItemData, type TreeViewProps, type TreeItemCardProps, type TreeFlowSvgProps, } from "./TreeView";

package/dist/types/vue/src/components/internal/InfoRowContent.vue.d.ts

@@ -0,0 +1,52 @@
+import type { ControlSize, TrueColor } from "../../theme/Theme";
+export type InfoRowCopyState = "idle" | "copied" | "failed";
+/**
+ * Everything the row markup needs, already resolved.
+ *
+ * `InfoRow` renders this either as its own root (the `plain` variant) or inside
+ * the `Panel` it drew — passing one settled view object keeps the markup in a
+ * single place instead of once per branch, which is how the two copies would
+ * have drifted.
+ */
+export interface InfoRowView {
+    rowClass: string;
+    labelClass: string;
+    valueClass: string;
+    spinnerClass: string;
+    skeletonClass: string;
+    copyButtonClass: string;
+    label?: string;
+    displayText: string | number | null;
+    copyText: string | null;
+    loading: boolean;
+    loaderType: "skeleton" | "spinner";
+    canTooltip: boolean;
+    showCopy: boolean;
+    copyState: InfoRowCopyState;
+    copyLabel: string;
+    error?: string;
+    hasError: boolean;
+    tone: TrueColor;
+    iconSize: ControlSize;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    view: InfoRowView;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    view: InfoRowView;
+}> & Readonly<{
+    onCopy?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    label?: (props: {}) => any;
+} & {
+    value?: (props: {}) => any;
+} & {
+    value?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/components/internal/PagedPanelContent.vue.d.ts

@@ -0,0 +1,47 @@
+import type { VNodeChild } from "vue";
+import type { ControlSize, TrueColor } from "../../theme/Theme";
+/** Everything the header + page body need, already resolved. */
+export interface PagedPanelView {
+    resolvedTitle?: VNodeChild;
+    subtitle?: VNodeChild;
+    page?: VNodeChild;
+    error?: string | null;
+    emptyMessage: string;
+    tone: TrueColor;
+    size: ControlSize;
+    current: number;
+    total: number;
+    loading: boolean;
+    loaderType: "skeleton" | "spinner" | "progress";
+    progress?: number;
+    loadingLabel?: string;
+    hasEmptySlot: boolean;
+}
+export declare const PAGED_PANEL_SIZE_TOKENS: Record<ControlSize, {
+    title: string;
+    subtitle: string;
+    counter: string;
+    pad: string;
+    icon: ControlSize;
+}>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    view: PagedPanelView;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    next: () => any;
+    prev: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    view: PagedPanelView;
+}> & Readonly<{
+    onNext?: (() => any) | undefined;
+    onPrev?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    loading?: (props: {}) => any;
+} & {
+    empty?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/connectionFlow/index.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/connectionFlow";

package/dist/types/vue/src/contexts/IconContext.d.ts

@@ -1,5 +1,5 @@
 import { type InjectionKey, type PropType } from "vue";
-import { type IconRenderer } from "../types/Icon";
+import type { IconRenderer } from "../types/Icon";
 export declare const IconRendererKey: InjectionKey<IconRenderer>;
 /**
  * Provide a custom icon renderer to descendant ui-kit components.
@@ -7,8 +7,13 @@ export declare const IconRendererKey: InjectionKey<IconRenderer>;
  */
 export declare function provideIconRenderer(renderIcon: IconRenderer): void;
 /**
- * Access the icon renderer from the nearest provider. Falls back to the
- * default no-op renderer (mirrors the React kit's context default).
+ * Access the icon renderer from the nearest provider.
+ *
+ * Falls back to the kit's registry-backed renderer, so `icon="Search"` resolves
+ * against `src/icons` without an `IconProvider`. This used to fall back to
+ * `defaultIconRenderer`, which drops string icons — every component taking an
+ * icon *name* rendered nothing unless the app wired a provider itself.
+ * Mirrors the React kit.
  */
 export declare function useIconRenderer(): IconRenderer;
 export interface IconProviderProps {

package/dist/types/vue/src/i18n/I18nContext.d.ts

@@ -0,0 +1,14 @@
+import { type InjectionKey } from "vue";
+import { type I18nEngine } from "../../../common/i18n";
+export declare const I18nKey: InjectionKey<I18nEngine>;
+/**
+ * No-provider fallback: built-in kit catalogs only, detection on, default
+ * persistence. Built lazily once per app (module-level) so every
+ * no-provider component shares one engine — and therefore one locale.
+ * Mirrors the React kit's default engine.
+ */
+export declare function getDefaultEngine(): I18nEngine;
+/** The provider's engine, or `null` when no provider is present. */
+export declare function injectEngine(): I18nEngine | null;
+/** Resolve the active engine: provider's engine or the built-in default. */
+export declare function resolveEngine(): I18nEngine;

package/dist/types/vue/src/i18n/I18nProvider.test.d.ts

@@ -0,0 +1,2 @@
+import { type UseI18n } from "./index";
+export type { UseI18n };

package/dist/types/vue/src/i18n/I18nProvider.vue.d.ts

@@ -0,0 +1,35 @@
+import { type MessageCatalog } from "../../../common/i18n";
+type __VLS_Props = {
+    /** User catalogs, keyed by locale tag. `{}` is fine — the kit catalogs apply. */
+    locales: Record<string, MessageCatalog>;
+    /** Key-resolution fallback locale. @default "en" */
+    fallbackLocale?: string;
+    /** Explicit active locale — skips detection and persistence reads. */
+    locale?: string;
+    /** Detect from `navigator.languages`. @default true */
+    detect?: boolean;
+    /** localStorage key; `null` = never persist. @default "ui-kit:locale" */
+    storageKey?: string | null;
+    /** Update `<html lang/dir>`. @default true */
+    updateDocument?: boolean;
+    onFallbackKey?: (key: string, locale: string) => void;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    storageKey: string | null;
+    fallbackLocale: string;
+    locale: string;
+    detect: boolean;
+    updateDocument: boolean;
+    onFallbackKey: (key: string, locale: string) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/i18n/index.d.ts

@@ -0,0 +1,8 @@
+export { default as I18nProvider } from "./I18nProvider.vue";
+export { I18nKey, getDefaultEngine, injectEngine, resolveEngine } from "./I18nContext";
+export { useI18n, useKitT, useKitLocale, type UseI18n } from "./useI18n";
+export { createI18n } from "../../../common/i18n/createI18n";
+export { flattenCatalog } from "../../../common/i18n/catalog";
+export { parseMessage, IcuParseError, IcuValueError, type IcuNode, type IcuStyle, } from "../../../common/i18n/icu";
+export { BUILT_IN_CATALOGS, CURATED_LOCALES, EN_KIT_CATALOG, FR_KIT_CATALOG, ES_KIT_CATALOG, DE_KIT_CATALOG, PT_KIT_CATALOG, } from "../../../common/i18n/builtIn";
+export type { LocaleTag, MessageCatalog, I18nConfig, I18nEngine, I18nMessage, } from "../../../common/i18n/types";

package/dist/types/vue/src/i18n/kit-components-spot.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/vue/src/i18n/useI18n.d.ts

@@ -0,0 +1,44 @@
+import { type ComputedRef, type Ref } from "vue";
+import type { I18nEngine } from "../../../common/i18n";
+import type { DateParseNames } from "../../../common/utils/dates";
+export interface UseI18n {
+    /** Translate `key` with ICU values. Missing → en fallback → the key. */
+    t: (key: string, values?: Record<string, unknown>) => string;
+    /** Active locale tag (reactive). */
+    locale: Ref<string>;
+    /** All available tags (user ∪ built-in), sorted. */
+    locales: ComputedRef<string[]>;
+    /** Exact or base-language match; otherwise dev-warn + no-op. */
+    setLocale: (tag: string) => void;
+    has: (key: string, locale?: string) => boolean;
+    formatNumber: (value: number, options?: Intl.NumberFormatOptions) => string;
+    formatDate: (value: Date, options?: Intl.DateTimeFormatOptions) => string;
+    /** CLDR month names for `tag` (default: active locale). */
+    monthNames: (tag?: string, short?: boolean) => string[];
+    /** CLDR weekday names for `tag` (default: active locale). */
+    weekdayNames: (tag?: string, short?: boolean) => string[];
+    /** Month/weekday spellings the input parser must accept (active locale). */
+    parseNames: () => DateParseNames;
+    isRTL: ComputedRef<boolean>;
+    /** The engine itself (escape hatch). */
+    engine: I18nEngine;
+}
+/**
+ * Public composable (spec §8.3). Inside `<I18nProvider>`: the provider's
+ * engine. Outside: the built-in default engine plus a one-time dev warning —
+ * never a throw.
+ */
+export declare function useI18n(): UseI18n;
+/**
+ * Internal kit lookup: provider engine or the built-in default — **never
+ * warns**. Kit components use this so they keep working (in English) in
+ * apps without a provider. Returns just the translate function, mirroring
+ * the React `useKitT`.
+ */
+export declare function useKitT(): (key: string, values?: Record<string, unknown>) => string;
+/**
+ * The internal kit LOCALE — provider engine or the built-in default —
+ * reactive, **never warns**. Kit components thread this into their `Intl`
+ * formatters; mirroring the React `useKitEngine().locale`.
+ */
+export declare function useKitLocale(): Ref<string>;

package/dist/types/vue/src/index.d.ts

@@ -2,12 +2,12 @@ export * from "./components";
 export * from "./contexts";
 export * from "./contexts/BottomSheetContext";
 export * from "./composables";
+export * from "./i18n";
 export * from "./theme";
 export * from "./utils";
 export * from "./types";
-export * from "./components/MetricBar.vue";
 export type { KeyValuePair } from "./components/KeyValueArrayField.vue";
-export type { StepStatus, StepperVariant, StepperOrientation, StepperSize, StepperConnector, StepperConnectorAlign, StepperProgressBarPosition, } from "./components/Stepper.vue";
+export type { StepStatus, StepperOrientation, StepperConnector, StepperConnectorAlign, StepperProgressBarPosition, StepperNodeCorner, StepperLoaderType, } from "./components/Stepper.vue";
 export type { IconName } from "./icons/registry";
 export { iconRegistry } from "./icons/registry";
 export { default as MultiToggle } from "./components/MultiToggle.vue";

package/dist/types/vue/src/test-setup.d.ts

@@ -0,0 +1,5 @@
+declare class ResizeObserverStub {
+    observe(): void;
+    unobserve(): void;
+    disconnect(): void;
+}

package/dist/types/vue/src/types/Icon.d.ts

@@ -1,5 +1,10 @@
 import type { VNode, VNodeChild } from "vue";
-export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+import type { ControlSize } from "../theme/Theme";
+/**
+ * Aliased from the shared control scale rather than redeclared — the two lists
+ * were identical and free to drift.
+ */
+export type IconSize = ControlSize;
 /**
  * Base icon name type - apps can extend this with their own icon names
  */
@@ -10,6 +15,10 @@ export type BaseIconName = string;
  */
 export type IconRenderer = (icon: BaseIconName | VNode | undefined, size: IconSize | undefined, className?: string) => VNodeChild;
 /**
- * Default no-op icon renderer - returns null for string icons
+ * No-op icon renderer: renders elements as-is and drops icon *names*.
+ *
+ * No longer the `useIconRenderer` fallback — that is the registry-backed
+ * `renderIcon` from `utils/renderIcon`. Kept for apps that deliberately want
+ * names ignored.
  */
 export declare const defaultIconRenderer: IconRenderer;

package/dist/types/vue/src/types/TableSettings.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/types/TableSettings";

package/dist/types/vue/src/types/index.d.ts

@@ -4,3 +4,4 @@ export * from "./Variables";
 export * from "./CapsuleBlueprint";
 export * from "./Toast";
 export * from "../icons/registry";
+export * from "./TableSettings";

package/dist/types/vue/src/utils/index.d.ts

@@ -8,3 +8,4 @@ export * from "./dependencyUtils";
 export * from "./gravatar";
 export * from "./toastUtils";
 export * from "./smartVariables";
+export * from "./tableStorage";

package/dist/types/vue/src/utils/sanitizeSvg.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/sanitizeSvg";

package/dist/types/vue/src/utils/tableStorage.d.ts

@@ -0,0 +1 @@
+export * from "../../../common/utils/tableStorage";

package/dist/ui-kit-vue.css

@@ -1 +1 @@
-@keyframes progress-shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:34px 0}}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes startup-stage-connector-slide{0%{background-position:0% 0}to{background-position:200% 0}}.startup-stage-connector--animated{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#38bdf826,#3b82f6b3,#38bdf826);background-size:200% 100%;animation:startup-stage-connector-slide 1.25s linear infinite}
+@keyframes startup-stage-connector-slide{0%{background-position:0% 0}to{background-position:200% 0}}.startup-stage-connector--animated{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#38bdf826,#3b82f6b3,#38bdf826);background-size:200% 100%;animation:startup-stage-connector-slide 1.25s linear infinite}

package/package.json

@@ -1,6 +1,11 @@
 {
   "name": "@cjlapao/ui-kit-vue",
-  "version": "0.2.0",
+  "version": "0.2.3",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cjlapao/ui-kit.git",
+    "directory": "vue"
+  },
   "private": false,
   "type": "module",
   "scripts": {
@@ -37,8 +42,7 @@
     }
   },
   "publishConfig": {
-    "access": "public",
-    "registry": "https://npm.pkg.github.com"
+    "access": "public"
   },
   "dependencies": {
     "classnames": "^2.5.1",
@@ -53,6 +57,7 @@
     "@vitejs/plugin-vue": "^5.2.0",
     "@vitest/coverage-v8": "^4.1.9",
     "@vue/test-utils": "^2.4.6",
+    "date-fns": "^4.4.0",
     "jsdom": "^29.1.1",
     "tailwindcss": "^4.3.1",
     "tsx": "^4.22.4",