@plexui/vue 0.0.0-stage → 0.1.1

package/dist/types/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,474 @@
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type DefineComponent, type HTMLAttributes, type LiHTMLAttributes, type PropType, type VNode } from "vue";
+import { Input, type InputProps } from "../Input/index.js";
+import { SidebarProvider, useSidebar, type SidebarCollapsible, type SidebarSide, type SidebarVariant } from "./useSidebarContext.js";
+export { SidebarProvider, useSidebar };
+export type { SidebarCollapsible, SidebarSide, SidebarVariant };
+type Part<A> = DefineComponent & {
+    new (): {
+        $props: A;
+    };
+};
+/** A part that renders one element with its class and the caller's attributes. */
+declare const part: <A>(name: string, tag: string, className: string | undefined) => Part<A>;
+declare const SidebarComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** The side the sidebar is on. @default "left" */
+    side: {
+        type: PropType<SidebarSide>;
+        default: string;
+    };
+    /** The visual variant of the sidebar. @default "sidebar" */
+    variant: {
+        type: PropType<SidebarVariant>;
+        default: string;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The side the sidebar is on. @default "left" */
+    side: {
+        type: PropType<SidebarSide>;
+        default: string;
+    };
+    /** The visual variant of the sidebar. @default "sidebar" */
+    variant: {
+        type: PropType<SidebarVariant>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    variant: SidebarVariant;
+    side: SidebarSide;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarProps = InstanceType<typeof SidebarComponent>["$props"] & HTMLAttributes;
+/** The sidebar container, an `<aside>`. Renders nothing on mobile in offcanvas mode. */
+export declare const Sidebar: typeof SidebarComponent & {
+    new (): {
+        $props: SidebarProps;
+    };
+};
+export type SidebarHeaderProps = HTMLAttributes;
+/** Sticky top area of the sidebar. */
+export declare const SidebarHeader: Part<HTMLAttributes>;
+export type SidebarContentProps = HTMLAttributes;
+/**
+ * Scrollable content area. Sets `data-content-scrollable` on the sidebar
+ * while its content overflows.
+ */
+export declare const SidebarContent: ReturnType<typeof part<SidebarContentProps>>;
+export type SidebarFooterProps = HTMLAttributes;
+/** Sticky bottom area of the sidebar, with a separator line on top. */
+export declare const SidebarFooter: ReturnType<typeof part<SidebarFooterProps>>;
+export type SidebarRailProps = HTMLAttributes;
+export declare const SidebarRail: Part<HTMLAttributes>;
+declare const SidebarGroupComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** Whether the group is open initially. A closed group hides its `SidebarGroupContent`. @default true */
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Controlled open state. The group has no toggle of its own: change `open` from your own control. */
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Whether the group is open initially. A closed group hides its `SidebarGroupContent`. @default true */
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Controlled open state. The group has no toggle of its own: change `open` from your own control. */
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarGroupProps = InstanceType<typeof SidebarGroupComponent>["$props"] & HTMLAttributes;
+/** Section within the content. `data-state` follows `open` / `defaultOpen`. */
+export declare const SidebarGroup: typeof SidebarGroupComponent & {
+    new (): {
+        $props: SidebarGroupProps;
+    };
+};
+declare const SidebarGroupLabelComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** Merges into the slot's first element instead of rendering a `<span>`. @default false */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Size variant for the label.
+     * - "sm": Compact style for dashboard/settings sidebars
+     * - "lg": Documentation style with larger text and more spacing
+     * @default "lg"
+     */
+    size: {
+        type: PropType<"sm" | "lg">;
+        default: string;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Merges into the slot's first element instead of rendering a `<span>`. @default false */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Size variant for the label.
+     * - "sm": Compact style for dashboard/settings sidebars
+     * - "lg": Documentation style with larger text and more spacing
+     * @default "lg"
+     */
+    size: {
+        type: PropType<"sm" | "lg">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    size: "sm" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarGroupLabelProps = InstanceType<typeof SidebarGroupLabelComponent>["$props"] & HTMLAttributes;
+/** Section label within a SidebarGroup. */
+export declare const SidebarGroupLabel: typeof SidebarGroupLabelComponent & {
+    new (): {
+        $props: SidebarGroupLabelProps;
+    };
+};
+export type SidebarGroupActionProps = HTMLAttributes;
+export declare const SidebarGroupAction: Part<HTMLAttributes>;
+export type SidebarGroupContentProps = HTMLAttributes;
+export declare const SidebarGroupContent: Part<HTMLAttributes>;
+export type SidebarMenuProps = HTMLAttributes;
+/** Navigation menu, a `<ul>`. */
+export declare const SidebarMenu: Part<HTMLAttributes>;
+declare const SidebarMenuItemComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** Marks the item as expanded (`data-expanded`), for chevrons and sub menus. */
+    expanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Marks the item as expanded (`data-expanded`), for chevrons and sub menus. */
+    expanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    expanded: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarMenuItemProps = InstanceType<typeof SidebarMenuItemComponent>["$props"] & LiHTMLAttributes;
+/** Menu item, an `<li>`. */
+export declare const SidebarMenuItem: typeof SidebarMenuItemComponent & {
+    new (): {
+        $props: SidebarMenuItemProps;
+    };
+};
+declare const SidebarMenuButtonComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** Whether the button is in an active/highlighted state. @default false */
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Optional tooltip to show when the sidebar is collapsed (or the
+     * `#tooltip` slot). Hidden on mobile.
+     */
+    tooltip: StringConstructor;
+    /** Whether to render the button as a custom element via Slot. @default false */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Whether the button is in an active/highlighted state. @default false */
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Optional tooltip to show when the sidebar is collapsed (or the
+     * `#tooltip` slot). Hidden on mobile.
+     */
+    tooltip: StringConstructor;
+    /** Whether to render the button as a custom element via Slot. @default false */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    isActive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarMenuButtonProps = InstanceType<typeof SidebarMenuButtonComponent>["$props"] & ButtonHTMLAttributes;
+/** Menu item button. Shows its `tooltip` when the sidebar is collapsed to icons. */
+export declare const SidebarMenuButton: typeof SidebarMenuButtonComponent & {
+    new (): {
+        $props: SidebarMenuButtonProps;
+    };
+};
+export type SidebarMenuButtonIconProps = HTMLAttributes;
+export declare const SidebarMenuButtonIcon: Part<HTMLAttributes>;
+declare const SidebarMenuButtonLabelComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** Shorter label rendered next to the full one (`data-short-label`). */
+    shortLabel: StringConstructor;
+}>, () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Shorter label rendered next to the full one (`data-short-label`). */
+    shortLabel: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarMenuButtonLabelProps = InstanceType<typeof SidebarMenuButtonLabelComponent>["$props"] & HTMLAttributes;
+export declare const SidebarMenuButtonLabel: typeof SidebarMenuButtonLabelComponent & {
+    new (): {
+        $props: SidebarMenuButtonLabelProps;
+    };
+};
+export type SidebarMenuChevronProps = HTMLAttributes;
+export declare const SidebarMenuChevron: ReturnType<typeof part<SidebarMenuChevronProps>>;
+export type SidebarMenuBadgeProps = HTMLAttributes;
+export declare const SidebarMenuBadge: Part<HTMLAttributes>;
+export type SidebarMenuActionProps = HTMLAttributes;
+export declare const SidebarMenuAction: Part<HTMLAttributes>;
+declare const SidebarMenuSkeletonComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** Renders the icon placeholder. @default true */
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Width of the label skeleton (e.g., "60%", "80%", "100px"). @default "60%" */
+    labelWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Renders the icon placeholder. @default true */
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Width of the label skeleton (e.g., "60%", "80%", "100px"). @default "60%" */
+    labelWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    showIcon: boolean;
+    labelWidth: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarMenuSkeletonProps = InstanceType<typeof SidebarMenuSkeletonComponent>["$props"] & HTMLAttributes;
+export declare const SidebarMenuSkeleton: typeof SidebarMenuSkeletonComponent & {
+    new (): {
+        $props: SidebarMenuSkeletonProps;
+    };
+};
+declare const SidebarMenuSubComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** Whether the submenu is expanded. @default true */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * When true, child items align with parent text that has icons.
+     * This adjusts the padding so level 2 text aligns with level 1 text.
+     * @default false
+     */
+    hasIcons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Whether the submenu is expanded. @default true */
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * When true, child items align with parent text that has icons.
+     * This adjusts the padding so level 2 text aligns with level 1 text.
+     * @default false
+     */
+    hasIcons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    open: boolean;
+    hasIcons: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarMenuSubProps = InstanceType<typeof SidebarMenuSubComponent>["$props"] & HTMLAttributes;
+export declare const SidebarMenuSub: typeof SidebarMenuSubComponent & {
+    new (): {
+        $props: SidebarMenuSubProps;
+    };
+};
+export type SidebarMenuSubItemProps = LiHTMLAttributes;
+export declare const SidebarMenuSubItem: Part<LiHTMLAttributes>;
+declare const SidebarMenuSubButtonComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** Whether the button is in an active/highlighted state. @default false */
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Merges into the slot's first element instead of rendering a `<button>`. @default false */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indent level for nested items (0-3).
+     * Each level adds 12px of left margin.
+     * @default 0
+     */
+    indent: {
+        type: PropType<0 | 1 | 2 | 3>;
+        default: number;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Whether the button is in an active/highlighted state. @default false */
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Merges into the slot's first element instead of rendering a `<button>`. @default false */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indent level for nested items (0-3).
+     * Each level adds 12px of left margin.
+     * @default 0
+     */
+    indent: {
+        type: PropType<0 | 1 | 2 | 3>;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    isActive: boolean;
+    indent: 0 | 1 | 2 | 3;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarMenuSubButtonProps = InstanceType<typeof SidebarMenuSubButtonComponent>["$props"] & ButtonHTMLAttributes;
+export declare const SidebarMenuSubButton: typeof SidebarMenuSubButtonComponent & {
+    new (): {
+        $props: SidebarMenuSubButtonProps;
+    };
+};
+export type SidebarSeparatorProps = HTMLAttributes;
+export declare const SidebarSeparator: ReturnType<typeof part<SidebarSeparatorProps>>;
+declare const SidebarCardComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** Visual variant. @default "default" */
+    variant: {
+        type: PropType<"default" | "elevated">;
+        default: string;
+    };
+    /** Shows a dismiss button. @default false */
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /** The dismiss button was clicked */
+    dismiss: (_event: MouseEvent) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Visual variant. @default "default" */
+    variant: {
+        type: PropType<"default" | "elevated">;
+        default: string;
+    };
+    /** Shows a dismiss button. @default false */
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onDismiss?: ((_event: MouseEvent) => any) | undefined;
+}>, {
+    variant: "default" | "elevated";
+    dismissible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarCardProps = InstanceType<typeof SidebarCardComponent>["$props"] & HTMLAttributes;
+/** Promotional card for CTAs, upgrades or announcements. */
+export declare const SidebarCard: typeof SidebarCardComponent & {
+    new (): {
+        $props: SidebarCardProps;
+    };
+};
+export type SidebarCardHeaderProps = HTMLAttributes;
+export declare const SidebarCardHeader: Part<HTMLAttributes>;
+export type SidebarCardTitleProps = HTMLAttributes;
+export declare const SidebarCardTitle: Part<HTMLAttributes>;
+export type SidebarCardTitleLinkProps = AnchorHTMLAttributes;
+export declare const SidebarCardTitleLink: ReturnType<typeof part<SidebarCardTitleLinkProps>>;
+export type SidebarCardContentProps = HTMLAttributes;
+export declare const SidebarCardContent: Part<HTMLAttributes>;
+export type SidebarCardFooterProps = HTMLAttributes;
+export declare const SidebarCardFooter: Part<HTMLAttributes>;
+export type SidebarInsetProps = HTMLAttributes;
+/** Main content area next to the sidebar, a `<main>`. */
+export declare const SidebarInset: Part<HTMLAttributes>;
+export type SidebarLayoutProps = HTMLAttributes;
+/** Wrapper for the sidebar and the main content. */
+export declare const SidebarLayout: Part<HTMLAttributes>;
+export type SidebarTriggerProps = ButtonHTMLAttributes;
+/**
+ * Collapse button. The default slot replaces the icon. Renders nothing when
+ * `collapsible="none"`.
+ */
+export declare const SidebarTrigger: ReturnType<typeof part<SidebarTriggerProps>>;
+export type SidebarMobileMenuButtonProps = ButtonHTMLAttributes;
+export declare const SidebarMobileMenuButton: ReturnType<typeof part<SidebarMobileMenuButtonProps>>;
+declare const SidebarMobileComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /** When true, drawer is positioned absolute instead of fixed (for contained demos) */
+    contained: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** When true, drawer is positioned absolute instead of fixed (for contained demos) */
+    contained: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    contained: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SidebarMobileProps = InstanceType<typeof SidebarMobileComponent>["$props"] & HTMLAttributes;
+export declare const SidebarMobile: typeof SidebarMobileComponent & {
+    new (): {
+        $props: SidebarMobileProps;
+    };
+};
+export type SidebarMobileHeaderProps = HTMLAttributes;
+export declare const SidebarMobileHeader: Part<HTMLAttributes>;
+export type SidebarMobileFooterProps = HTMLAttributes;
+export declare const SidebarMobileFooter: Part<HTMLAttributes>;
+export type SidebarInputProps = InputProps;
+/**
+ * Search input: an Input with a Search icon in its `startAdornment` slot.
+ * Every attribute, listener and slot goes to the Input (`v-model:value`,
+ * `@clear`, ...). A template ref gets the Input's `focus()` and `input`
+ * (React forwards its ref to the <input>).
+ */
+export declare const SidebarInput: typeof Input;
+export type SidebarFooterLinksProps = HTMLAttributes;
+export declare const SidebarFooterLinks: Part<HTMLAttributes>;

package/dist/types/components/Sidebar/index.d.ts

@@ -0,0 +1,4 @@
+export { Sidebar, SidebarCard, SidebarCardContent, SidebarCardFooter, SidebarCardHeader, SidebarCardTitle, SidebarCardTitleLink, SidebarContent, SidebarFooter, SidebarFooterLinks, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuButtonIcon, SidebarMenuButtonLabel, SidebarMenuChevron, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarMobile, SidebarMobileFooter, SidebarMobileHeader, SidebarMobileMenuButton, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from "./Sidebar.js";
+export type { SidebarCardContentProps, SidebarCardFooterProps, SidebarCardHeaderProps, SidebarCardProps, SidebarCardTitleLinkProps, SidebarCardTitleProps, SidebarCollapsible, SidebarContentProps, SidebarFooterLinksProps, SidebarFooterProps, SidebarGroupActionProps, SidebarGroupContentProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarInputProps, SidebarInsetProps, SidebarLayoutProps, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonIconProps, SidebarMenuButtonLabelProps, SidebarMenuButtonProps, SidebarMenuChevronProps, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarMobileFooterProps, SidebarMobileHeaderProps, SidebarMobileMenuButtonProps, SidebarMobileProps, SidebarProps, SidebarRailProps, SidebarSeparatorProps, SidebarSide, SidebarTriggerProps, SidebarVariant, } from "./Sidebar.js";
+export type { SidebarContextValue, SidebarProviderProps, SidebarState } from "./useSidebarContext.js";
+export { SIDEBAR_CONSTANTS } from "./useSidebarContext.js";

package/dist/types/components/Sidebar/useSidebarContext.d.ts

@@ -0,0 +1,90 @@
+import { type PropType, type SlotsType, type StyleValue } from "vue";
+export type SidebarState = "expanded" | "collapsed";
+export type SidebarCollapsible = "offcanvas" | "icon" | "none";
+export type SidebarSide = "left" | "right";
+export type SidebarVariant = "sidebar" | "docs";
+export type SidebarContextValue = {
+    state: SidebarState;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    collapsible: SidebarCollapsible;
+    toggleSidebar: () => void;
+};
+/** Sidebar state and controls; call it in `setup()` of a component inside SidebarProvider. */
+export declare const useSidebar: () => SidebarContextValue;
+/** Native attributes of the provider's `<div>` that React accepts: `class` and `style`. */
+export type SidebarProviderAttrs = {
+    class?: unknown;
+    style?: StyleValue;
+};
+declare const SidebarProviderComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Default open state (uncontrolled). @default true */
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Controlled open state (`v-model:open`) */
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Collapsible mode. @default "offcanvas" */
+    collapsible: {
+        type: PropType<SidebarCollapsible>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /** The open state changes (`v-model:open`) */
+    "update:open": (_open: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Default open state (uncontrolled). @default true */
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Controlled open state (`v-model:open`) */
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Collapsible mode. @default "offcanvas" */
+    collapsible: {
+        type: PropType<SidebarCollapsible>;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+}>, {
+    collapsible: SidebarCollapsible;
+    open: boolean;
+    defaultOpen: boolean;
+}, SlotsType<{
+    default?: (context: SidebarContextValue) => unknown;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type SidebarProviderOwnProps = InstanceType<typeof SidebarProviderComponent>["$props"];
+export type SidebarProviderProps = SidebarProviderOwnProps & SidebarProviderAttrs;
+/**
+ * Handles the sidebar state and provides it to every part. Like React, it
+ * renders a `<div>` that takes only `class` and `style`. The default slot
+ * receives the context (`v-slot="{ state, toggleSidebar }"`).
+ */
+export declare const SidebarProvider: typeof SidebarProviderComponent & {
+    new (): {
+        $props: SidebarProviderProps;
+    };
+};
+export declare const SIDEBAR_CONSTANTS: {
+    readonly WIDTH: "240px";
+    readonly WIDTH_MOBILE: "288px";
+    readonly WIDTH_ICON: "64px";
+    readonly KEYBOARD_SHORTCUT: "b";
+    readonly MOBILE_BREAKPOINT: 768;
+    readonly COOKIE_NAME: "sidebar:state";
+    readonly COOKIE_MAX_AGE: number;
+};
+export {};

package/dist/types/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,25 @@
+import { type HTMLAttributes } from "vue";
+declare const SkeletonComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Makes the skeleton circular (border-radius: 50%). @default false */
+    circle: BooleanConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Makes the skeleton circular (border-radius: 50%). @default false */
+    circle: BooleanConstructor;
+}>> & Readonly<{}>, {
+    circle: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type SkeletonOwnProps = InstanceType<typeof SkeletonComponent>["$props"];
+/** Skeleton props plus the native <div> attributes that fall through to it, as in React. */
+export type SkeletonProps = SkeletonOwnProps & Omit<HTMLAttributes, keyof SkeletonOwnProps>;
+/**
+ * Skeleton component for displaying loading placeholders.
+ * Use to show a placeholder while content is loading.
+ */
+export declare const Skeleton: typeof SkeletonComponent & {
+    new (): {
+        $props: SkeletonProps;
+    };
+};
+export {};

package/dist/types/components/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { Skeleton, type SkeletonProps } from "./Skeleton.js";