@juxtui/ui 0.1.0 → 0.3.0

package/dist/components/sheet/JSheet.vue.d.ts

@@ -0,0 +1,53 @@
+export interface SheetProps {
+    title?: string;
+    description?: string;
+    /** Edge the sheet slides in from. */
+    side?: 'right' | 'left' | 'bottom';
+    /** Width (or height for `bottom`): 320, 400 or 560px. */
+    size?: 'sm' | 'md' | 'lg';
+    closeOnOverlay?: boolean;
+    closeOnEscape?: boolean;
+    hideClose?: boolean;
+    /** Accessible label when there is no visible title. */
+    ariaLabel?: string;
+}
+type __VLS_Props = SheetProps;
+type __VLS_Slots = {
+    default?: (props: {
+        close: () => void;
+    }) => unknown;
+    header?: (props: {
+        titleId: string;
+        descriptionId: string;
+    }) => unknown;
+    footer?: (props: {
+        close: () => void;
+    }) => unknown;
+};
+declare function close(): void;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    close: typeof close;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    afterClose: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    closeOnOverlay: boolean;
+    closeOnEscape: boolean;
+    side: "right" | "left" | "bottom";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/skeleton/JSkeleton.vue.d.ts

@@ -0,0 +1,15 @@
+export interface SkeletonProps {
+    /** `text` renders one or more lines; `circle` suits avatars. */
+    shape?: 'rect' | 'text' | 'circle';
+    /** Number of lines for `text`. The last one is shorter, like a real paragraph. */
+    lines?: number;
+    /** Any CSS length, e.g. `12rem` or `100%`. */
+    width?: string;
+    height?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<SkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
+    shape: "rect" | "text" | "circle";
+    lines: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/slider/JSlider.vue.d.ts

@@ -0,0 +1,31 @@
+export interface SliderProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** Accessible name for the thumb(s) when no visible label is associated. */
+    label?: string;
+    size?: 'sm' | 'md';
+    /** Show the current value in a floating bubble above the active thumb. */
+    showValue?: boolean;
+    /** Format the displayed and announced value. */
+    format?: (value: number) => string;
+}
+type __VLS_Props = SliderProps;
+type __VLS_ModelProps = {
+    /** A single value, or a `[low, high]` tuple for a range slider. */
+    modelValue?: number | [number, number];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | [number, number]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    max: number;
+    step: number;
+    min: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/spinner/JSpinner.vue.d.ts

@@ -0,0 +1,11 @@
+export interface SpinnerProps {
+    size?: 'sm' | 'md' | 'lg';
+    /** Announced to screen readers. Set to an empty string when the context already says it. */
+    label?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<SpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
+    label: string;
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/stat/JStat.vue.d.ts

@@ -0,0 +1,22 @@
+export type StatTrend = 'up' | 'down' | 'neutral';
+export interface StatProps {
+    label: string;
+    value: string | number;
+    /** Delta shown next to the value, e.g. `"+12%"`. */
+    delta?: string;
+    trend?: StatTrend;
+    description?: string;
+}
+type __VLS_Slots = {
+    /** Icon shown next to the label. */
+    icon?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<StatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/switch/JSwitch.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: "sm" | "md";
     value: string;
+    size: "sm" | "md";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tabs/JTabs.vue.d.ts

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-    size: "sm" | "md";
     variant: "line" | "pill";
+    size: "sm" | "md";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tag/JTag.vue.d.ts

@@ -0,0 +1,28 @@
+export type TagVariant = 'neutral' | 'success' | 'warning' | 'destructive' | 'accent';
+export interface TagProps {
+    variant?: TagVariant;
+    size?: 'sm' | 'md';
+    disabled?: boolean;
+    /** Accessible label for the remove button, e.g. `"Remove Engineering"`. Defaults to "Remove". */
+    removeLabel?: string;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    leading?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<TagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<TagProps> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {
+    variant: TagVariant;
+    size: "sm" | "md";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/timeline/JTimeline.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/timeline/JTimelineItem.vue.d.ts

@@ -0,0 +1,24 @@
+export type TimelineItemStatus = 'complete' | 'current' | 'upcoming';
+export interface TimelineItemProps {
+    title?: string;
+    /** A timestamp or relative time, e.g. "2 hours ago". */
+    time?: string;
+    status?: TimelineItemStatus;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+    title?: () => unknown;
+    /** Replace the default dot marker. */
+    marker?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<TimelineItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
+    status: TimelineItemStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toast/JToaster.vue.d.ts

@@ -10,9 +10,9 @@ export interface ToasterProps {
 }
 declare const __VLS_export: import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
     label: string;
+    max: number;
     hotkey: string;
     position: ToasterPosition;
-    max: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/toggle-group/JToggleGroup.vue.d.ts

@@ -0,0 +1,33 @@
+export interface ToggleGroupProps {
+    /** `single` keeps at most one item pressed; `multiple` lets any number stay pressed. */
+    type?: 'single' | 'multiple';
+    size?: 'sm' | 'md';
+    disabled?: boolean;
+    /** Accessible name for the group. */
+    label?: string;
+}
+type __VLS_Props = ToggleGroupProps;
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+type __VLS_ModelProps = {
+    /** The pressed value in `single` mode, or an array of values in `multiple` mode. */
+    modelValue?: string | string[] | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | null) => any) | undefined;
+}>, {
+    type: "single" | "multiple";
+    size: "sm" | "md";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toggle-group/JToggleGroupItem.vue.d.ts

@@ -0,0 +1,19 @@
+export interface ToggleGroupItemProps {
+    /** Identifies the item in the group's `v-model`. */
+    value: string;
+    disabled?: boolean;
+    /** Accessible name, when the slot content isn't descriptive enough (e.g. an icon-only item). */
+    label?: string;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toggle-group/context.d.ts

@@ -0,0 +1,9 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export type ToggleGroupType = 'single' | 'multiple';
+export interface ToggleGroupContext {
+    type: ComputedRef<ToggleGroupType>;
+    disabled: ComputedRef<boolean>;
+    isSelected: (value: string) => boolean;
+    toggle: (value: string) => void;
+}
+export declare const TOGGLE_GROUP: InjectionKey<ToggleGroupContext>;

package/dist/components/tooltip/JTooltip.vue.d.ts

@@ -10,8 +10,8 @@ export interface TooltipProps {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
-    align: "start" | "center" | "end";
     side: "top" | "right" | "bottom" | "left";
+    align: "start" | "center" | "end";
     delay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: () => unknown;

package/dist/components/visually-hidden/JVisuallyHidden.vue.d.ts

@@ -0,0 +1,19 @@
+import type { Component } from 'vue';
+export interface VisuallyHiddenProps {
+    /** Render as another element or component, e.g. `label` or `h2`. */
+    as?: string | Component;
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {
+    as: string | Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components.d.ts

@@ -1,8 +1,16 @@
+export { default as JAccordion } from './components/accordion/JAccordion.vue';
+export { default as JAccordionItem } from './components/accordion/JAccordionItem.vue';
+export { default as JAlert } from './components/alert/JAlert.vue';
+export { default as JAspectRatio } from './components/aspect-ratio/JAspectRatio.vue';
 export { default as JAvatar } from './components/avatar/JAvatar.vue';
+export { default as JAvatarGroup } from './components/avatar-group/JAvatarGroup.vue';
 export { default as JBadge } from './components/badge/JBadge.vue';
+export { default as JBanner } from './components/banner/JBanner.vue';
+export { default as JBreadcrumb } from './components/breadcrumb/JBreadcrumb.vue';
 export { default as JButton } from './components/button/JButton.vue';
 export { default as JCard } from './components/card/JCard.vue';
 export { default as JCheckbox } from './components/checkbox/JCheckbox.vue';
+export { default as JCollapsible } from './components/collapsible/JCollapsible.vue';
 export { default as JCommandPalette } from './components/command-palette/JCommandPalette.vue';
 export { default as JDialog } from './components/dialog/JDialog.vue';
 export { default as JDropdownMenu } from './components/dropdown-menu/JDropdownMenu.vue';
@@ -10,10 +18,30 @@ export { default as JDropdownMenuItem } from './components/dropdown-menu/JDropdo
 export { default as JDropdownMenuLabel } from './components/dropdown-menu/JDropdownMenuLabel.vue';
 export { default as JDropdownMenuSeparator } from './components/dropdown-menu/JDropdownMenuSeparator.vue';
 export { default as JDropdownMenuSub } from './components/dropdown-menu/JDropdownMenuSub.vue';
+export { default as JEmptyState } from './components/empty-state/JEmptyState.vue';
 export { default as JInput } from './components/input/JInput.vue';
+export { default as JKbd } from './components/kbd/JKbd.vue';
+export { default as JPagination } from './components/pagination/JPagination.vue';
+export { default as JPopover } from './components/popover/JPopover.vue';
+export { default as JProgress } from './components/progress/JProgress.vue';
+export { default as JRadio } from './components/radio/JRadio.vue';
+export { default as JRadioGroup } from './components/radio/JRadioGroup.vue';
+export { default as JRating } from './components/rating/JRating.vue';
 export { default as JSelect } from './components/select/JSelect.vue';
+export { default as JSeparator } from './components/separator/JSeparator.vue';
+export { default as JSheet } from './components/sheet/JSheet.vue';
+export { default as JSkeleton } from './components/skeleton/JSkeleton.vue';
+export { default as JSlider } from './components/slider/JSlider.vue';
+export { default as JSpinner } from './components/spinner/JSpinner.vue';
+export { default as JStat } from './components/stat/JStat.vue';
 export { default as JSwitch } from './components/switch/JSwitch.vue';
 export { default as JTabs } from './components/tabs/JTabs.vue';
+export { default as JTag } from './components/tag/JTag.vue';
 export { default as JTextarea } from './components/textarea/JTextarea.vue';
+export { default as JTimeline } from './components/timeline/JTimeline.vue';
+export { default as JTimelineItem } from './components/timeline/JTimelineItem.vue';
 export { default as JToaster } from './components/toast/JToaster.vue';
+export { default as JToggleGroup } from './components/toggle-group/JToggleGroup.vue';
+export { default as JToggleGroupItem } from './components/toggle-group/JToggleGroupItem.vue';
 export { default as JTooltip } from './components/tooltip/JTooltip.vue';
+export { default as JVisuallyHidden } from './components/visually-hidden/JVisuallyHidden.vue';

package/dist/composables/useModal.d.ts

@@ -0,0 +1,20 @@
+import type { Ref } from 'vue';
+export interface ModalOptions {
+    closeOnEscape: () => boolean;
+    closeOnOverlay: () => boolean;
+    close: () => void;
+    /** Selector for the element to focus first, inside the panel. */
+    focusSelector?: string;
+}
+/**
+ * Internal: everything a modal surface (Dialog, Sheet) shares | layering,
+ * focus trap and restoration, scroll lock, backdrop clicks and the "nudge"
+ * when dismissal is refused.
+ */
+export declare function useModal(panel: Ref<HTMLElement | null>, open: Ref<boolean>, options: ModalOptions): {
+    nudging: Ref<boolean, boolean>;
+    onBackdropPointerDown: (event: PointerEvent) => void;
+    onBackdropClick: (event: MouseEvent) => void;
+};
+/** Form fields worth focusing first in a modal body. */
+export declare const FIELD_SELECTOR = ":is(input:not([type=hidden]), textarea, select, [role=combobox]):not(:disabled)";

package/dist/composables/useToast.d.ts

@@ -52,7 +52,7 @@ export interface ToastFn {
     update: typeof update;
     dismiss: typeof dismiss;
 }
-/** Show a toast. Works anywhere — inside or outside components. */
+/** Show a toast. Works anywhere | inside or outside components. */
 export declare const toast: ToastFn;
 export declare function useToast(): {
     toast: ToastFn;

package/dist/icons.d.ts

@@ -11,6 +11,10 @@ export declare const IconCircleX: Icon;
 export declare const IconAlert: Icon;
 export declare const IconInfo: Icon;
 export declare const IconCornerDownLeft: Icon;
+export declare const IconChevronLeft: Icon;
+export declare const IconMoreHorizontal: Icon;
+export declare const IconArrowUpRight: Icon;
+export declare const IconArrowDownRight: Icon;
 /** The loading spinner used across Juxt. A quarter arc over a faint track. */
 export declare const Spinner: FunctionalComponent<{
     size?: number;

package/dist/index.d.ts

@@ -1,24 +1,53 @@
 import './styles/index.css';
 export * from './components';
+export type { AccordionProps } from './components/accordion/JAccordion.vue';
+export type { AccordionItemProps } from './components/accordion/JAccordionItem.vue';
+export type { AlertProps, AlertVariant } from './components/alert/JAlert.vue';
+export type { AspectRatioProps } from './components/aspect-ratio/JAspectRatio.vue';
 export type { AvatarProps, AvatarStatus } from './components/avatar/JAvatar.vue';
+export type { AvatarGroupItem, AvatarGroupProps } from './components/avatar-group/JAvatarGroup.vue';
 export type { BadgeProps, BadgeVariant } from './components/badge/JBadge.vue';
+export type { BannerProps, BannerVariant } from './components/banner/JBanner.vue';
+export type { BreadcrumbItem, BreadcrumbProps } from './components/breadcrumb/JBreadcrumb.vue';
 export type { ButtonProps, ButtonSize, ButtonVariant } from './components/button/JButton.vue';
 export type { CardProps } from './components/card/JCard.vue';
 export type { CheckboxProps } from './components/checkbox/JCheckbox.vue';
+export type { CollapsibleProps } from './components/collapsible/JCollapsible.vue';
 export type { CommandGroup, CommandItem, CommandPaletteProps } from './components/command-palette/JCommandPalette.vue';
 export { matchText } from './components/command-palette/search';
 export type { DialogProps } from './components/dialog/JDialog.vue';
 export type { DropdownMenuProps } from './components/dropdown-menu/JDropdownMenu.vue';
 export type { DropdownMenuItemProps } from './components/dropdown-menu/JDropdownMenuItem.vue';
 export type { DropdownMenuSubProps } from './components/dropdown-menu/JDropdownMenuSub.vue';
+export type { EmptyStateProps } from './components/empty-state/JEmptyState.vue';
 export type { FieldProps } from './components/field/useField';
 export type { InputProps, InputSize } from './components/input/JInput.vue';
+export type { KbdProps } from './components/kbd/JKbd.vue';
+export type { PaginationProps } from './components/pagination/JPagination.vue';
+export type { PopoverProps } from './components/popover/JPopover.vue';
+export type { ProgressProps } from './components/progress/JProgress.vue';
+export type { RadioValue } from './components/radio/context';
+export type { RadioProps } from './components/radio/JRadio.vue';
+export type { RadioGroupProps } from './components/radio/JRadioGroup.vue';
+export type { RatingProps } from './components/rating/JRating.vue';
 export type { SelectOption, SelectProps } from './components/select/JSelect.vue';
+export type { SeparatorProps } from './components/separator/JSeparator.vue';
+export type { SheetProps } from './components/sheet/JSheet.vue';
+export type { SkeletonProps } from './components/skeleton/JSkeleton.vue';
+export type { SliderProps } from './components/slider/JSlider.vue';
+export type { SpinnerProps } from './components/spinner/JSpinner.vue';
+export type { StatProps, StatTrend } from './components/stat/JStat.vue';
 export type { SwitchProps } from './components/switch/JSwitch.vue';
 export type { TabItem, TabsProps } from './components/tabs/JTabs.vue';
+export type { TagProps, TagVariant } from './components/tag/JTag.vue';
 export type { TextareaProps } from './components/textarea/JTextarea.vue';
+export type { TimelineItemProps, TimelineItemStatus } from './components/timeline/JTimelineItem.vue';
 export type { ToasterPosition, ToasterProps } from './components/toast/JToaster.vue';
+export type { ToggleGroupType } from './components/toggle-group/context';
+export type { ToggleGroupProps } from './components/toggle-group/JToggleGroup.vue';
+export type { ToggleGroupItemProps } from './components/toggle-group/JToggleGroupItem.vue';
 export type { TooltipProps } from './components/tooltip/JTooltip.vue';
+export type { VisuallyHiddenProps } from './components/visually-hidden/JVisuallyHidden.vue';
 export { useFocusTrap } from './composables/useFocusTrap';
 export type { FocusTrapOptions } from './composables/useFocusTrap';
 export { formatHotkey, matchesHotkey, useHotkey } from './composables/useHotkey';