@kuzenbo/core 0.0.2 → 0.0.3

package/dist/ui/navigation-list.d.ts

@@ -0,0 +1,972 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import { Separator } from "./separator.js";
+import * as react from "react";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/navigation-list/navigation-list-context.d.ts
+type NavigationListTone = "surface" | "sidebar";
+type NavigationListVariant = "subtle" | "light" | "filled";
+interface NavigationListContextValue {
+  size?: UISize;
+  tone?: NavigationListTone;
+  variant?: NavigationListVariant;
+}
+//#endregion
+//#region src/ui/navigation-list/navigation-list-action.d.ts
+declare const navigationListActionVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, "absolute right-1 flex aspect-square cursor-pointer items-center justify-center rounded-md p-0 outline-hidden transition-transform group-data-[collapsible=true]/navigation-list-item:right-10 group-has-data-[slot=navigation-list-badge]/navigation-list-item:right-14 [&>svg]:shrink-0", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, "absolute right-1 flex aspect-square cursor-pointer items-center justify-center rounded-md p-0 outline-hidden transition-transform group-data-[collapsible=true]/navigation-list-item:right-10 group-has-data-[slot=navigation-list-badge]/navigation-list-item:right-14 [&>svg]:shrink-0", unknown, unknown, undefined>>;
+type NavigationListActionProps = useRender.ComponentProps<"button"> & ComponentProps<"button"> & {
+  showOnHover?: boolean;
+  size?: UISize;
+  tone?: NavigationListTone;
+} & VariantProps<typeof navigationListActionVariants>;
+declare const NavigationListAction: ({
+  className,
+  render,
+  showOnHover,
+  size,
+  tone,
+  ...props
+}: NavigationListActionProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-badge.d.ts
+declare const navigationListBadgeVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, "pointer-events-none absolute right-1 flex items-center justify-center rounded-md px-1 font-medium tabular-nums select-none group-data-[collapsible=true]/navigation-list-item:right-8", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, "pointer-events-none absolute right-1 flex items-center justify-center rounded-md px-1 font-medium tabular-nums select-none group-data-[collapsible=true]/navigation-list-item:right-8", unknown, unknown, undefined>>;
+type NavigationListBadgeProps = ComponentProps<"div"> & {
+  size?: UISize;
+  tone?: NavigationListTone;
+} & VariantProps<typeof navigationListBadgeVariants>;
+declare const NavigationListBadge: ({
+  className,
+  size,
+  tone,
+  ...props
+}: NavigationListBadgeProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-content.d.ts
+declare const navigationListContentVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "flex min-w-0 list-none flex-col rounded-lg border", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "flex min-w-0 list-none flex-col rounded-lg border", unknown, unknown, undefined>>;
+type NavigationListContentProps = ComponentProps<"ul"> & VariantProps<typeof navigationListContentVariants> & {
+  size?: UISize;
+  tone?: NavigationListTone;
+  variant?: NavigationListVariant;
+};
+declare const NavigationListContent: ({
+  className,
+  size,
+  tone,
+  variant,
+  ...props
+}: NavigationListContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-group.d.ts
+declare const navigationListGroupVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "list-none space-y-1", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "list-none space-y-1", unknown, unknown, undefined>>;
+type NavigationListGroupProps = ComponentProps<"li"> & VariantProps<typeof navigationListGroupVariants> & {
+  size?: UISize;
+  tone?: NavigationListTone;
+  variant?: NavigationListVariant;
+};
+declare const NavigationListGroup: ({
+  className,
+  size,
+  tone,
+  variant,
+  ...props
+}: NavigationListGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-group-content.d.ts
+declare const navigationListGroupContentVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "flex list-none flex-col", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "flex list-none flex-col", unknown, unknown, undefined>>;
+type NavigationListGroupContentProps = ComponentProps<"ul"> & VariantProps<typeof navigationListGroupContentVariants> & {
+  size?: UISize;
+  tone?: NavigationListTone;
+  variant?: NavigationListVariant;
+};
+declare const NavigationListGroupContent: ({
+  className,
+  size,
+  tone,
+  variant,
+  ...props
+}: NavigationListGroupContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-group-label.d.ts
+declare const navigationListGroupLabelVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, "flex items-center rounded-md px-2 font-medium uppercase tracking-wide", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, "flex items-center rounded-md px-2 font-medium uppercase tracking-wide", unknown, unknown, undefined>>;
+type NavigationListGroupLabelProps = useRender.ComponentProps<"div"> & ComponentProps<"div"> & Omit<VariantProps<typeof navigationListGroupLabelVariants>, "size"> & {
+  size?: UISize;
+  tone?: NavigationListTone;
+};
+declare const NavigationListGroupLabel: ({
+  className,
+  render,
+  size,
+  tone,
+  ...props
+}: NavigationListGroupLabelProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-item.d.ts
+declare const navigationListItemVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "group/navigation-list-item relative list-none", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "group/navigation-list-item relative list-none", unknown, unknown, undefined>>;
+type NavigationListItemProps = ComponentProps<"li"> & VariantProps<typeof navigationListItemVariants> & {
+  collapsible?: boolean;
+  opened?: boolean;
+  defaultOpened?: boolean;
+  onOpenedChange?: (opened: boolean) => void;
+  disabled?: boolean;
+  size?: UISize;
+  tone?: NavigationListTone;
+  variant?: NavigationListVariant;
+};
+declare const NavigationListItem: ({
+  className,
+  collapsible,
+  opened,
+  defaultOpened,
+  onOpenedChange,
+  disabled,
+  size,
+  tone,
+  variant,
+  children,
+  ...props
+}: NavigationListItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/utils/merge-base-ui-class-name.d.ts
+type BaseUIClassName<State> = ((state: State) => string | undefined) | string | undefined;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-link.d.ts
+declare const navigationListLinkVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+  noWrap: {
+    true: string;
+    false: string;
+  };
+  hasDescription: {
+    true: string;
+    false: string;
+  };
+}, undefined, "peer/navigation-list-link flex w-full cursor-pointer gap-2 overflow-hidden rounded-md text-left ring-offset-background outline-hidden transition-colors group-has-data-[slot=navigation-list-action]/navigation-list-item:pr-20 group-has-data-[slot=navigation-list-badge]/navigation-list-item:pr-20 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+  noWrap: {
+    true: string;
+    false: string;
+  };
+  hasDescription: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+  noWrap: {
+    true: string;
+    false: string;
+  };
+  hasDescription: {
+    true: string;
+    false: string;
+  };
+}, undefined, "peer/navigation-list-link flex w-full cursor-pointer gap-2 overflow-hidden rounded-md text-left ring-offset-background outline-hidden transition-colors group-has-data-[slot=navigation-list-action]/navigation-list-item:pr-20 group-has-data-[slot=navigation-list-badge]/navigation-list-item:pr-20 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50", unknown, unknown, undefined>>;
+interface NavigationListLinkState {
+  active: boolean;
+  collapsible: boolean;
+  disabled: boolean;
+  open: boolean;
+  size: UISize;
+  slot: "navigation-list-link";
+  tone: NavigationListTone;
+  variant: NavigationListVariant;
+}
+type NavigationListLinkProps = Omit<useRender.ComponentProps<"button">, "className"> & Omit<ComponentProps<"button">, "className"> & Omit<VariantProps<typeof navigationListLinkVariants>, "class" | "className" | "hasDescription" | "noWrap" | "size" | "tone" | "variant"> & {
+  href?: string;
+  active?: boolean;
+  label?: ReactNode;
+  description?: ReactNode;
+  leftSection?: ReactNode;
+  rightSection?: ReactNode | null;
+  noWrap?: boolean;
+  disableRightSectionRotation?: boolean;
+  size?: UISize;
+  tone?: NavigationListTone;
+  variant?: NavigationListVariant;
+  className?: BaseUIClassName<NavigationListLinkState>;
+};
+declare const NavigationListLink: ({
+  className,
+  render,
+  href,
+  active,
+  label,
+  description,
+  leftSection,
+  rightSection,
+  noWrap,
+  disableRightSectionRotation,
+  size,
+  tone,
+  variant,
+  disabled,
+  onClick,
+  onKeyDown,
+  children,
+  ...props
+}: NavigationListLinkProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-separator.d.ts
+type NavigationListSeparatorProps = ComponentProps<typeof Separator> & {
+  tone?: NavigationListTone;
+};
+declare const NavigationListSeparator: ({
+  className,
+  tone,
+  ...props
+}: NavigationListSeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-skeleton.d.ts
+declare const navigationListSkeletonVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, "flex items-center gap-2 rounded-md px-2", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+}, undefined, "flex items-center gap-2 rounded-md px-2", unknown, unknown, undefined>>;
+type NavigationListSkeletonProps = ComponentProps<"div"> & {
+  showIcon?: boolean;
+  size?: UISize;
+  tone?: NavigationListTone;
+} & VariantProps<typeof navigationListSkeletonVariants>;
+declare const NavigationListSkeleton: ({
+  className,
+  showIcon,
+  size,
+  tone,
+  ...props
+}: NavigationListSkeletonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-sub.d.ts
+declare const navigationListSubVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "mx-2 mt-1 flex min-w-0 list-none flex-col border-l overflow-hidden [&[hidden]:not([hidden='until-found'])]:hidden data-[open=false]:pointer-events-none data-[open=false]:mt-0 data-[open=false]:max-h-0 data-[open=false]:opacity-0 data-[open=false]:py-0 data-[open=false]:border-transparent data-[open=true]:max-h-[48rem] data-[open=true]:opacity-100", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "mx-2 mt-1 flex min-w-0 list-none flex-col border-l overflow-hidden [&[hidden]:not([hidden='until-found'])]:hidden data-[open=false]:pointer-events-none data-[open=false]:mt-0 data-[open=false]:max-h-0 data-[open=false]:opacity-0 data-[open=false]:py-0 data-[open=false]:border-transparent data-[open=true]:max-h-[48rem] data-[open=true]:opacity-100", unknown, unknown, undefined>>;
+type NavigationListSubProps = ComponentProps<"ul"> & {
+  keepMounted?: boolean;
+  size?: UISize;
+  tone?: NavigationListTone;
+  variant?: NavigationListVariant;
+} & VariantProps<typeof navigationListSubVariants>;
+declare const NavigationListSub: ({
+  className,
+  keepMounted,
+  size,
+  tone,
+  variant,
+  ...props
+}: NavigationListSubProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-sub-item.d.ts
+type NavigationListSubItemProps = ComponentProps<"li">;
+declare const NavigationListSubItem: ({
+  className,
+  ...props
+}: NavigationListSubItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/navigation-list/navigation-list-sub-link.d.ts
+declare const navigationListSubLinkVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+  active: {
+    true: string;
+    false: string;
+  };
+}, undefined, "flex min-w-0 items-center gap-2 overflow-hidden rounded-md text-left outline-hidden transition-colors focus-visible:ring-2 [&>span:last-child]:truncate", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+  active: {
+    true: string;
+    false: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+  active: {
+    true: string;
+    false: string;
+  };
+}, undefined, "flex min-w-0 items-center gap-2 overflow-hidden rounded-md text-left outline-hidden transition-colors focus-visible:ring-2 [&>span:last-child]:truncate", unknown, unknown, undefined>>;
+type NavigationListSubLinkProps = useRender.ComponentProps<"a"> & ComponentProps<"a"> & {
+  active?: boolean;
+  size?: UISize;
+  tone?: NavigationListTone;
+  variant?: NavigationListVariant;
+} & VariantProps<typeof navigationListSubLinkVariants>;
+declare const NavigationListSubLink: ({
+  className,
+  render,
+  active,
+  size,
+  tone,
+  variant,
+  ...props
+}: NavigationListSubLinkProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/ui/navigation-list/navigation-list.d.ts
+declare const navigationListVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "flex min-w-0 flex-col", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  tone: {
+    surface: string;
+    sidebar: string;
+  };
+  variant: {
+    subtle: string;
+    light: string;
+    filled: string;
+  };
+}, undefined, "flex min-w-0 flex-col", unknown, unknown, undefined>>;
+interface NavigationListRootState {
+  size: UISize;
+  slot: "navigation-list";
+  tone: NavigationListTone;
+  variant: NavigationListVariant;
+}
+type NavigationListProps = Omit<ComponentProps<"nav">, "className"> & Omit<VariantProps<typeof navigationListVariants>, "class" | "className" | "size"> & {
+  className?: BaseUIClassName<NavigationListRootState>;
+  size?: UISize;
+  tone?: NavigationListTone;
+  variant?: NavigationListVariant;
+};
+declare const NavigationList: {
+  ({
+    className,
+    size: providedSize,
+    tone,
+    variant,
+    children,
+    ...props
+  }: NavigationListProps): react_jsx_runtime0.JSX.Element;
+  Action: ({
+    className,
+    render,
+    showOnHover,
+    size,
+    tone,
+    ...props
+  }: NavigationListActionProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Badge: ({
+    className,
+    size,
+    tone,
+    ...props
+  }: NavigationListBadgeProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    size,
+    tone,
+    variant,
+    ...props
+  }: NavigationListContentProps) => react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    size,
+    tone,
+    variant,
+    ...props
+  }: NavigationListGroupProps) => react_jsx_runtime0.JSX.Element;
+  GroupContent: ({
+    className,
+    size,
+    tone,
+    variant,
+    ...props
+  }: NavigationListGroupContentProps) => react_jsx_runtime0.JSX.Element;
+  GroupLabel: ({
+    className,
+    render,
+    size,
+    tone,
+    ...props
+  }: NavigationListGroupLabelProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Item: ({
+    className,
+    collapsible,
+    opened,
+    defaultOpened,
+    onOpenedChange,
+    disabled,
+    size,
+    tone,
+    variant,
+    children,
+    ...props
+  }: NavigationListItemProps) => react_jsx_runtime0.JSX.Element;
+  Link: ({
+    className,
+    render,
+    href,
+    active,
+    label,
+    description,
+    leftSection,
+    rightSection,
+    noWrap,
+    disableRightSectionRotation,
+    size,
+    tone,
+    variant,
+    disabled,
+    onClick,
+    onKeyDown,
+    children,
+    ...props
+  }: NavigationListLinkProps) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    className,
+    tone,
+    ...props
+  }: NavigationListSeparatorProps) => react_jsx_runtime0.JSX.Element;
+  Skeleton: ({
+    className,
+    showIcon,
+    size,
+    tone,
+    ...props
+  }: NavigationListSkeletonProps) => react_jsx_runtime0.JSX.Element;
+  Sub: ({
+    className,
+    keepMounted,
+    size,
+    tone,
+    variant,
+    ...props
+  }: NavigationListSubProps) => react_jsx_runtime0.JSX.Element;
+  SubItem: ({
+    className,
+    ...props
+  }: NavigationListSubItemProps) => react_jsx_runtime0.JSX.Element;
+  SubLink: ({
+    className,
+    render,
+    active,
+    size,
+    tone,
+    variant,
+    ...props
+  }: NavigationListSubLinkProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+};
+//#endregion
+export { NavigationList, NavigationListAction, type NavigationListActionProps, NavigationListBadge, type NavigationListBadgeProps, NavigationListContent, type NavigationListContentProps, type NavigationListContextValue, NavigationListGroup, NavigationListGroupContent, type NavigationListGroupContentProps, NavigationListGroupLabel, type NavigationListGroupLabelProps, type NavigationListGroupProps, NavigationListItem, type NavigationListItemProps, NavigationListLink, type NavigationListLinkProps, NavigationListProps, NavigationListRootState, NavigationListSeparator, type NavigationListSeparatorProps, NavigationListSkeleton, type NavigationListSkeletonProps, NavigationListSub, NavigationListSubItem, type NavigationListSubItemProps, NavigationListSubLink, type NavigationListSubLinkProps, type NavigationListSubProps, type NavigationListTone, type NavigationListVariant };
+//# sourceMappingURL=navigation-list.d.ts.map