@juxtui/ui 0.2.0 → 0.4.0

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/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/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/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,11 +1,17 @@
 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 JBurger } from './components/burger/JBurger.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';
@@ -13,19 +19,37 @@ 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 JFooter } from './components/footer/JFooter.vue';
+export { default as JFooterColumn } from './components/footer/JFooterColumn.vue';
 export { default as JInput } from './components/input/JInput.vue';
 export { default as JKbd } from './components/kbd/JKbd.vue';
+export { default as JNavbar } from './components/navbar/JNavbar.vue';
+export { default as JNavbarLink } from './components/navbar/JNavbarLink.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 JSidebar } from './components/sidebar/JSidebar.vue';
+export { default as JSidebarGroup } from './components/sidebar/JSidebarGroup.vue';
+export { default as JSidebarItem } from './components/sidebar/JSidebarItem.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

@@ -7,7 +7,7 @@ export interface ModalOptions {
     focusSelector?: string;
 }
 /**
- * Internal: everything a modal surface (Dialog, Sheet) shares — layering,
+ * Internal: everything a modal surface (Dialog, Sheet) shares | layering,
  * focus trap and restoration, scroll lock, backdrop clicks and the "nudge"
  * when dismissal is refused.
  */

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,37 +1,61 @@
 import './styles/index.css';
 export * from './components';
+export type { BurgerProps } from './components/burger/JBurger.vue';
+export type { FooterProps } from './components/footer/JFooter.vue';
+export type { FooterColumnProps } from './components/footer/JFooterColumn.vue';
+export type { NavbarProps } from './components/navbar/JNavbar.vue';
+export type { NavbarLinkProps } from './components/navbar/JNavbarLink.vue';
+export type { SidebarProps } from './components/sidebar/JSidebar.vue';
+export type { SidebarGroupProps } from './components/sidebar/JSidebarGroup.vue';
+export type { SidebarItemProps } from './components/sidebar/JSidebarItem.vue';
 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';