@egcs/newui 0.0.0-stage → 0.1.0-alpha.0

package/dist/types/navigation/tabs/tabs.context.d.ts

@@ -0,0 +1,134 @@
+export declare const TabsStyles: import("solid-js").Context<() => {
+    root: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    list: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    trigger: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    content: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+} & {
+    root: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    list: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    trigger: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    content: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+} & {
+    base: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+}>;
+export declare const useTabsStyles: () => () => {
+    root: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    list: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    trigger: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    content: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+} & {
+    root: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    list: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    trigger: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    content: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+} & {
+    base: (slotProps?: ({
+        variant?: "rounded" | "toggle" | "underline" | "boxed" | "segmented" | undefined;
+        tone?: "primary" | "neutral" | "info" | "success" | "warning" | "danger" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | undefined;
+        fullWidth?: boolean | undefined;
+        align?: "start" | "center" | "end" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+};

package/dist/types/navigation/tabs/tabs.d.ts

@@ -0,0 +1,13 @@
+import { Tabs as ArkTabs } from "@ark-ui/solid/tabs";
+import type { VariantProps } from "tailwind-variants/lite";
+import { TabsContent, TabsList, TabsTrigger } from "./tabs.parts";
+import { tabsRecipe } from "./tabs.recipe";
+export type TabsRootProps = Omit<ArkTabs.RootProps, "orientation"> & VariantProps<typeof tabsRecipe>;
+export declare function TabsRoot(props: TabsRootProps): import("solid-js").JSX.Element;
+export declare const Tabs: {
+    Root: typeof TabsRoot;
+    List: typeof TabsList;
+    Trigger: typeof TabsTrigger;
+    Content: typeof TabsContent;
+    Context: (props: ArkTabs.ContextProps) => import("solid-js").JSX.Element;
+};

package/dist/types/navigation/tabs/tabs.parts.d.ts

@@ -0,0 +1,7 @@
+import { Tabs as ArkTabs } from "@ark-ui/solid/tabs";
+export type TabsListProps = ArkTabs.ListProps;
+export type TabsTriggerProps = ArkTabs.TriggerProps;
+export type TabsContentProps = ArkTabs.ContentProps;
+export declare function TabsList(props: TabsListProps): import("solid-js").JSX.Element;
+export declare function TabsTrigger(props: TabsTriggerProps): import("solid-js").JSX.Element;
+export declare function TabsContent(props: TabsContentProps): import("solid-js").JSX.Element;

package/dist/types/navigation/tabs/tabs.recipe.d.ts

@@ -0,0 +1,220 @@
+export declare const tabsRecipe: import("tailwind-variants/lite").TVReturnType<{
+    variant: {
+        underline: {
+            list: string;
+        };
+        boxed: {
+            list: string;
+        };
+        toggle: {
+            list: string;
+        };
+        rounded: {
+            list: string;
+        };
+        segmented: {
+            list: string;
+        };
+    };
+    tone: {
+        neutral: {
+            root: string;
+        };
+        primary: {
+            root: string;
+        };
+        info: {
+            root: string;
+        };
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+        danger: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            list: string;
+        };
+        md: {
+            list: string;
+        };
+        lg: {
+            list: string;
+        };
+        xl: {
+            list: string;
+        };
+    };
+    align: {
+        start: {
+            list: string;
+        };
+        center: {
+            list: string;
+        };
+        end: {
+            list: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            list: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    trigger: string;
+    content: string;
+}, undefined, {
+    variant: {
+        underline: {
+            list: string;
+        };
+        boxed: {
+            list: string;
+        };
+        toggle: {
+            list: string;
+        };
+        rounded: {
+            list: string;
+        };
+        segmented: {
+            list: string;
+        };
+    };
+    tone: {
+        neutral: {
+            root: string;
+        };
+        primary: {
+            root: string;
+        };
+        info: {
+            root: string;
+        };
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+        danger: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            list: string;
+        };
+        md: {
+            list: string;
+        };
+        lg: {
+            list: string;
+        };
+        xl: {
+            list: string;
+        };
+    };
+    align: {
+        start: {
+            list: string;
+        };
+        center: {
+            list: string;
+        };
+        end: {
+            list: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            list: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    trigger: string;
+    content: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+    variant: {
+        underline: {
+            list: string;
+        };
+        boxed: {
+            list: string;
+        };
+        toggle: {
+            list: string;
+        };
+        rounded: {
+            list: string;
+        };
+        segmented: {
+            list: string;
+        };
+    };
+    tone: {
+        neutral: {
+            root: string;
+        };
+        primary: {
+            root: string;
+        };
+        info: {
+            root: string;
+        };
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+        danger: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            list: string;
+        };
+        md: {
+            list: string;
+        };
+        lg: {
+            list: string;
+        };
+        xl: {
+            list: string;
+        };
+    };
+    align: {
+        start: {
+            list: string;
+        };
+        center: {
+            list: string;
+        };
+        end: {
+            list: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            list: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    trigger: string;
+    content: string;
+}>>;

package/dist/types/navigation/vertical-menu/vertical-menu.branch.d.ts

@@ -0,0 +1,8 @@
+import { Collapsible } from "@ark-ui/solid/collapsible";
+import type { JSX } from "solid-js";
+export type VerticalMenuBranchProps = Omit<Collapsible.RootProps, "asChild" | "ref"> & {
+    ref?: JSX.HTMLAttributes<HTMLLIElement>["ref"];
+};
+export declare function VerticalMenuBranch(props: VerticalMenuBranchProps): JSX.Element;
+export declare function VerticalMenuBranchTrigger(props: Collapsible.TriggerProps): JSX.Element;
+export declare function VerticalMenuBranchContent(props: Collapsible.ContentProps): JSX.Element;

package/dist/types/navigation/vertical-menu/vertical-menu.context.d.ts

@@ -0,0 +1,208 @@
+export declare const VerticalMenuStyles: import("solid-js").Context<() => {
+    root: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    group: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    label: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    list: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    item: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    link: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    subList: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branch: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchTrigger: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchIndicator: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchContent: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    icon: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+} & {
+    root: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    group: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    label: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    list: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    item: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    link: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    subList: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branch: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchTrigger: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchIndicator: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchContent: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    icon: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+} & {
+    base: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+}>;
+export declare const useVerticalMenuStyles: () => () => {
+    root: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    group: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    label: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    list: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    item: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    link: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    subList: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branch: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchTrigger: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchIndicator: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchContent: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    icon: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+} & {
+    root: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    group: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    label: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    list: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    item: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    link: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    subList: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branch: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchTrigger: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchIndicator: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    branchContent: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+    icon: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+} & {
+    base: (slotProps?: ({
+        variant?: "surface" | "plain" | undefined;
+        density?: "compact" | "comfortable" | undefined;
+    } & import("tailwind-variants/lite").ClassProp<import("tailwind-variants/lite").ClassValue>) | undefined) => string;
+};

package/dist/types/navigation/vertical-menu/vertical-menu.d.ts

@@ -0,0 +1,20 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { VerticalMenuBranch, VerticalMenuBranchContent, VerticalMenuBranchTrigger } from "./vertical-menu.branch";
+import { VerticalMenuGroup, VerticalMenuIcon, VerticalMenuItem, VerticalMenuLabel, VerticalMenuLink, VerticalMenuList, VerticalMenuSubList } from "./vertical-menu.parts";
+import { verticalMenuRecipe } from "./vertical-menu.recipe";
+export type VerticalMenuRootProps = JSX.HTMLAttributes<HTMLElement> & VariantProps<typeof verticalMenuRecipe>;
+export declare function VerticalMenuRoot(props: VerticalMenuRootProps): JSX.Element;
+export declare const VerticalMenu: {
+    Root: typeof VerticalMenuRoot;
+    Group: typeof VerticalMenuGroup;
+    Label: typeof VerticalMenuLabel;
+    List: typeof VerticalMenuList;
+    Item: typeof VerticalMenuItem;
+    Link: typeof VerticalMenuLink;
+    SubList: typeof VerticalMenuSubList;
+    Icon: typeof VerticalMenuIcon;
+    Branch: typeof VerticalMenuBranch;
+    BranchTrigger: typeof VerticalMenuBranchTrigger;
+    BranchContent: typeof VerticalMenuBranchContent;
+};

package/dist/types/navigation/vertical-menu/vertical-menu.parts.d.ts

@@ -0,0 +1,12 @@
+import type { JSX } from "solid-js";
+import type { HeadingProps } from "../../content/heading/heading";
+export type VerticalMenuLinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    current?: boolean | undefined;
+};
+export declare function VerticalMenuGroup(props: JSX.HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare function VerticalMenuLabel(props: HeadingProps): JSX.Element;
+export declare function VerticalMenuList(props: JSX.HTMLAttributes<HTMLUListElement>): JSX.Element;
+export declare function VerticalMenuItem(props: JSX.LiHTMLAttributes<HTMLLIElement>): JSX.Element;
+export declare function VerticalMenuLink(props: VerticalMenuLinkProps): JSX.Element;
+export declare function VerticalMenuSubList(props: JSX.HTMLAttributes<HTMLUListElement>): JSX.Element;
+export declare function VerticalMenuIcon(props: JSX.HTMLAttributes<HTMLSpanElement>): JSX.Element;