@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.111

package/dist/lib/components/Select/Select.types.d.ts

@@ -0,0 +1,145 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+import { selectVariants } from './Select.variants';
+/**
+ * Option type for Select dropdown items.
+ *
+ * @example
+ * ```tsx
+ * const options: Option[] = [
+ *   { value: 'us', label: 'United States', leftIcon: <FlagUS /> },
+ *   { value: 'uk', label: 'United Kingdom', subLabel: 'Europe' },
+ * ];
+ * ```
+ */
+export type Option = {
+    /** Display text for the option */
+    label: string;
+    /** Secondary text displayed below the label */
+    subLabel?: string | ReactNode;
+    /** Icon displayed on the left side of the option */
+    leftIcon?: ReactNode | string;
+    /** CSS classes for the left icon */
+    leftIconClassName?: string;
+    /** Show right component when this option is selected */
+    showRightComponentOnselectedValue?: boolean;
+    /** Component displayed on the right side of the option */
+    rightComponent?: ReactNode | string;
+    /** CSS classes for the right component */
+    rightComponentClassName?: string;
+    /** CSS classes for wrapper when this option is selected */
+    wrapperClassNameOnSelectedValue?: string;
+    /** Unique value for the option */
+    value: string;
+};
+/**
+ * A group of options with a non-interactive header label.
+ */
+export type OptionGroup = {
+    groupLabel: string;
+    options: Option[];
+};
+/**
+ * A group of additional options with a non-interactive header label.
+ */
+export type AdditionalOptionGroup = {
+    groupLabel: string;
+    options: ReactNode[];
+};
+export declare const isOptionGroup: (item: Option | OptionGroup) => item is OptionGroup;
+export declare const isAdditionalOptionGroup: (item: unknown) => item is AdditionalOptionGroup;
+type OnChangeFn = (params: {
+    target: {
+        value: string;
+        name: string;
+    };
+}) => void;
+/**
+ * Props for the Select (Dropdown) component.
+ *
+ * @example
+ * ```tsx
+ * // Basic select
+ * <Select
+ *   label="Country"
+ *   options={[
+ *     { value: 'us', label: 'United States' },
+ *     { value: 'uk', label: 'United Kingdom' },
+ *   ]}
+ *   value={country}
+ *   onChange={(e) => setCountry(e.target.value)}
+ * />
+ *
+ * // Searchable select
+ * <Select
+ *   label="Search countries"
+ *   options={countries}
+ *   searchable
+ *   highlightSearch
+ * />
+ *
+ * // With infinite scroll
+ * <Select
+ *   options={options}
+ *   isInfiniteScrollEnabled
+ *   onFetchMoreOptions={async ({ page }) => fetchMore(page)}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-select--docs Storybook}
+ */
+export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
+    additionalOptions?: ReactNode[] | string[] | AdditionalOptionGroup[];
+    className?: string;
+    disabled?: boolean;
+    error?: string;
+    errorClassName?: string;
+    helperText?: string;
+    helperTextClassName?: string;
+    highlightSearch?: boolean;
+    iconClassName?: string;
+    inputClassName?: string;
+    isLoading?: boolean;
+    isPortal?: boolean;
+    isRequired?: boolean;
+    label?: string;
+    labelAction?: ReactNode;
+    labelClassName?: string;
+    labelWrapperClassName?: string;
+    listClassName?: string;
+    listItemClassName?: string;
+    listItemSecondRowClassName?: string;
+    mainWrapperClassName?: string;
+    noOptionsText?: string;
+    /** Text shown in the list while options are loading */
+    loadingText?: string;
+    visibleItems?: number;
+    options: Option[] | OptionGroup[];
+    portalClassName?: string;
+    searchable?: boolean;
+    showSearchIcon?: boolean;
+    theme?: Theme;
+    value?: string;
+    wrapperClassName?: string;
+    onBlur?: VoidFunction;
+    onChange?: OnChangeFn;
+    onSearchChange?: (searchTerm: string) => void;
+    onValueChange?: (value: string) => void;
+} & ({
+    isInfiniteScrollEnabled: true;
+    onFetchMoreOptions: (params: {
+        page: number;
+        pageSize: number;
+        termOfSearch?: string;
+    }) => Promise<{
+        data: Option[];
+        hasMore: boolean;
+    }>;
+} | {
+    isInfiniteScrollEnabled?: false | undefined;
+    onFetchMoreOptions?: never;
+});
+/** @deprecated Use Props instead */
+export type SelectProps = Props;
+export {};

package/dist/lib/components/Select/Select.variants.d.ts

@@ -0,0 +1,6 @@
+export declare const selectVariants: (props?: ({
+    hasError?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const inputVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Select/components/AdditionalOptions/AdditionalOptions.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './AdditionalOptions.types';
+export declare const AdditionalOptions: FC<Props>;

package/dist/lib/components/Select/components/AdditionalOptions/AdditionalOptions.types.d.ts

@@ -0,0 +1,4 @@
+import { Props as SelectProps } from '../../Select.types';
+export type Props = {
+    additionalOptions?: SelectProps['additionalOptions'];
+};

package/dist/lib/components/Select/components/AdditionalOptions/AdditionalOptions.variants.d.ts

@@ -0,0 +1 @@
+export declare const additionalOptionSlotClassName: string;

package/dist/lib/components/Select/components/EmptyList.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const EmptyList: FC;

package/dist/lib/components/Select/components/List/List.d.ts

@@ -0,0 +1,3 @@
+import { ComponentRef, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ListProps } from './List.types';
+export declare const List: ForwardRefExoticComponent<ListProps & RefAttributes<ComponentRef<'ul'>>>;

package/dist/lib/components/Select/components/List/List.types.d.ts

@@ -0,0 +1,19 @@
+import { ComponentRef, RefObject } from 'react';
+import { Props as SelectProps } from '../../Select.types';
+export type ListProps = Pick<SelectProps, 'name' | 'options' | 'theme' | 'additionalOptions'> & {
+    className?: string;
+    id?: string;
+    labelledBy?: string;
+    groupedOptions: SelectProps['options'];
+    inputRef?: RefObject<ComponentRef<'input'> | null>;
+    isLoading: boolean;
+    itemClassName?: string;
+    searchable?: boolean;
+    listItemSecondRowClassName?: string;
+    wrapperInputRef: RefObject<ComponentRef<'div'> | null>;
+    isInfiniteScrollEnabled: SelectProps['isInfiniteScrollEnabled'];
+    onFetchMoreOptions?: SelectProps['onFetchMoreOptions'];
+    noOptionsText?: SelectProps['noOptionsText'];
+    loadingText?: SelectProps['loadingText'];
+    visibleItems?: number;
+};

package/dist/lib/components/Select/components/List/List.variants.d.ts

@@ -0,0 +1,2 @@
+export declare const listGroupLabelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const listVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Select/components/ListItem/ListItem.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ListItemProps } from './ListItem.types';
+export declare const ListItem: FC<ListItemProps>;

package/dist/lib/components/Select/components/ListItem/ListItem.types.d.ts

@@ -0,0 +1,9 @@
+import { ComponentRef, RefObject } from 'react';
+import { Option } from '../../Select.types';
+export type ListItemProps = Option & {
+    isEmpty?: boolean;
+    className?: string;
+    listItemSecondRowClassName?: string;
+    isClickable: boolean;
+    inputRef?: RefObject<ComponentRef<'input'> | null>;
+};

package/dist/lib/components/Select/components/ListItem/ListItem.variants.d.ts

@@ -0,0 +1 @@
+export declare const listItemVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Select/components/Wrapper.d.ts

@@ -0,0 +1,7 @@
+import { ComponentRef, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { SelectProps } from '../Select.types';
+export declare const Wrapper: ForwardRefExoticComponent<Omit<SelectProps, 'options'> & {
+    groupedOptions: SelectProps['options'];
+    fieldId: string;
+    describedBy?: string;
+} & RefAttributes<ComponentRef<'input'>>>;

package/dist/lib/components/Select/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AdditionalOptions/AdditionalOptions';
+export * from './EmptyList';
+export * from './List/List';
+export * from './Wrapper';

package/dist/lib/components/Select/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pagination';
+export * from './list';

package/dist/lib/components/Select/constants/list.d.ts

@@ -0,0 +1 @@
+export declare const ITEM_HEIGHT_PX = 40;

package/dist/lib/components/Select/constants/pagination.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_LIST_SIZE = 10;

package/dist/lib/components/Select/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './select.hook';
+export * from './select.provider';

package/dist/lib/components/Select/contexts/select.context.d.ts

@@ -0,0 +1,21 @@
+import { ComponentRef, Dispatch, RefObject, SetStateAction } from 'react';
+import { Option } from '../Select.types';
+export type SelectContextType = {
+    highlightSearchEnabled: boolean;
+    isOpen: boolean;
+    searchTerm: string;
+    value?: string;
+    canFilter: boolean;
+    canContinueFetching: boolean;
+    page: number;
+    options: Option[];
+    isTyping?: boolean;
+    setOptions: Dispatch<SetStateAction<Option[]>>;
+    setPage: Dispatch<SetStateAction<number>>;
+    setCanContinueFetching: Dispatch<SetStateAction<boolean>>;
+    setCanFilter: Dispatch<SetStateAction<boolean>>;
+    setSearchTerm: Dispatch<SetStateAction<string>>;
+    setValue: (value: string, inputRef?: RefObject<ComponentRef<'input'> | null>) => void;
+    toggleOpen: (value?: boolean) => void;
+};
+export declare const SelectContext: import('react').Context<SelectContextType>;

package/dist/lib/components/Select/contexts/select.hook.d.ts

@@ -0,0 +1,2 @@
+import { SelectContextType } from './select.context';
+export declare const useSelectContext: () => SelectContextType;

package/dist/lib/components/Select/contexts/select.provider.d.ts

@@ -0,0 +1,11 @@
+import { FC, PropsWithChildren } from 'react';
+import { SelectProps, Option } from '../Select.types';
+export declare const SelectProvider: FC<PropsWithChildren & {
+    highlightSearch?: boolean;
+    name?: string;
+    value?: string;
+    options: Option[];
+    onChange?: SelectProps['onChange'];
+    onBlur?: SelectProps['onBlur'];
+    onValueChange?: SelectProps['onValueChange'];
+}>;

package/dist/lib/components/Select/hooks/useNavigationList.d.ts

@@ -0,0 +1,11 @@
+import { ComponentRef, RefObject } from 'react';
+import { Option } from '../Select.types';
+type UseNavigationListProps = {
+    inputRef?: RefObject<ComponentRef<'input'> | null>;
+    searchable?: boolean;
+    ulRef: RefObject<ComponentRef<'ul'> | null>;
+    wrapperInputRef: RefObject<ComponentRef<'div'> | null>;
+    filteredOptions: Option[];
+};
+export declare const useNavigationUlList: ({ searchable, ulRef, wrapperInputRef, filteredOptions, }: UseNavigationListProps) => void;
+export {};

package/dist/lib/components/Select/hooks/useSelect.d.ts

@@ -0,0 +1,16 @@
+import { ComponentRef, RefObject } from 'react';
+import { SelectProps, Option } from '../Select.types';
+type UseSelectParams = {
+    inputRef?: RefObject<ComponentRef<'input'> | null>;
+    searchInputRef?: RefObject<ComponentRef<'input'> | null>;
+    internalValue?: Option;
+    listRef?: RefObject<HTMLElement | null>;
+    onBlur?: SelectProps['onBlur'];
+};
+export declare const useSelect: ({ inputRef, searchInputRef, internalValue, listRef, onBlur, }: UseSelectParams) => {
+    isInside: (node: Node | null) => boolean;
+    wrapperRef: RefObject<HTMLDivElement | null>;
+    wrapperInputRef: RefObject<HTMLDivElement | null>;
+    handleOpen: () => void;
+};
+export {};

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

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { CollapseTrigger, Footer, Label, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator } from './components';
+import { SidebarChildrenProps, Props as SidebarProps } from './Sidebar.types';
+/**
+ * A compound component for building application sidebars.
+ * Includes sub-components for logo, navigation, groups, options, and footer.
+ *
+ * @example
+ * ```tsx
+ * <Sidebar canResize minWith={200} maxWith={400} theme="dark">
+ *   <Sidebar.Logo>
+ *     <img src="/logo.svg" alt="Logo" />
+ *   </Sidebar.Logo>
+ *   <Sidebar.Navigation>
+ *     <Sidebar.NavigationGroup label="Menu">
+ *       <Sidebar.NavigationOption href="/" icon={<Home />}>
+ *         Home
+ *       </Sidebar.NavigationOption>
+ *     </Sidebar.NavigationGroup>
+ *   </Sidebar.Navigation>
+ *   <Sidebar.Footer>Version 1.0</Sidebar.Footer>
+ * </Sidebar>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-sidebar--docs Storybook}
+ */
+declare const Sidebar: FC<SidebarProps> & SidebarChildrenProps;
+export { CollapseTrigger, Footer, Label, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator, Sidebar, };

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

@@ -0,0 +1,132 @@
+import { VariantProps } from 'class-variance-authority';
+import { CSSProperties, FC, PropsWithChildren } from 'react';
+import { ClassNames as DrawerClassNames } from '../Drawer/Drawer.types';
+import { Theme } from '../../domain/theme';
+import { SidebarModeProp } from './hooks/useSidebarMode';
+import { wrapperSiderbarVariants } from './Sidebar.variants';
+import { CollapseTriggerProps, FooterProps, LabelProps, LogoProps, NavigationGroupProps, NavigationOptionProps, NavigationProps, NavigationSeparatorProps } from './components';
+/**
+ * Props for the Sidebar component.
+ * A compound component for building application sidebars with navigation.
+ *
+ * @example
+ * ```tsx
+ * <Sidebar canResize minWith={200} maxWith={400}>
+ *   <Sidebar.Logo>
+ *     <img src="/logo.svg" alt="Logo" />
+ *   </Sidebar.Logo>
+ *   <Sidebar.Navigation>
+ *     <Sidebar.NavigationGroup label="Main">
+ *       <Sidebar.NavigationOption href="/dashboard" icon={<Home />}>
+ *         Dashboard
+ *       </Sidebar.NavigationOption>
+ *       <Sidebar.NavigationOption href="/settings" icon={<Settings />}>
+ *         Settings
+ *       </Sidebar.NavigationOption>
+ *     </Sidebar.NavigationGroup>
+ *   </Sidebar.Navigation>
+ *   <Sidebar.Footer>v1.0.0</Sidebar.Footer>
+ * </Sidebar>
+ * ```
+ */
+export interface Props extends Omit<VariantProps<typeof wrapperSiderbarVariants>, 'mode'>, PropsWithChildren {
+    /** Whether the sidebar can be resized by dragging (only in expanded mode) */
+    canResize?: boolean;
+    /** Additional CSS classes for the divider */
+    dividerClassName?: string;
+    /**
+     * Viewport width in pixels below which the sidebar switches to `drawer` mode in `auto` mode (defaults to 640).
+     */
+    drawerBreakpoint?: number;
+    /**
+     * Maximum width in pixels for the drawer panel in `drawer` mode (defaults to 280).
+     * The drawer width is `min(viewport, drawerMaxWidth)`, so on viewports narrower than
+     * the cap it shrinks to fit instead of overflowing.
+     */
+    drawerMaxWidth?: number;
+    /**
+     * Viewport width in pixels at or above which the sidebar switches to `expanded` mode in `auto` mode (defaults to 1024).
+     */
+    expandedBreakpoint?: number;
+    /**
+     * When true, animates the hover-expand width transition with `motion`. Only takes effect
+     * together with `expandOnHover`. Defaults to `true`.
+     */
+    animateOnHover?: boolean;
+    /**
+     * When true and the sidebar is in `collapsed` mode, hovering a navigation option
+     * expands only that option (animated width) to reveal its label. The expanded
+     * option overlays content to its right and does not push siblings. Defaults to `true`.
+     */
+    expandOnHover?: boolean;
+    /** Initial width in pixels when entering expanded mode (defaults to 256, clamped to [minWith, maxWith]) */
+    initialWidth?: number;
+    /** Maximum width when resizing in pixels (defaults to 300) */
+    maxWith?: number;
+    /** Minimum width when resizing in pixels (defaults to 240) */
+    minWith?: number;
+    /** Additional CSS classes for the auto-injected separator between groups in collapsed mode */
+    separatorClassName?: string;
+    /** Additional CSS classes for the hamburger trigger button rendered in drawer mode */
+    triggerClassName?: string;
+    /** Accessible label for the mobile navigation trigger */
+    openNavigationLabel?: string;
+    /**
+     * Per-slot class overrides for the underlying `Drawer` rendered in
+     * `drawer` mode. Mirrors `Drawer`'s `classNames` shape: `root`, `overlay`,
+     * `panel`, `closeButton`, `content`, `header`, `body`, `footer`,
+     * `resizeHandle`. Useful for tweaking the close-button position, removing
+     * the panel's horizontal padding so dividers can span edge-to-edge,
+     * raising the root `z-index` past higher-z layers, etc.
+     *
+     * The Sidebar already applies sensible defaults internally (root `z-60`,
+     * panel uses `wrapperClassName`, content `gap-0`); user-provided classes
+     * are appended via `cn`, so they win on conflicts.
+     */
+    drawerClassNames?: DrawerClassNames;
+    /**
+     * Controls the responsive mode of the sidebar.
+     * - `auto` (default): derives the mode from the viewport width
+     *   (`>=1024px` expanded, `640-1023px` collapsed, `<640px` drawer).
+     * - `expanded`, `collapsed`, `drawer`: force a specific mode
+     *   (useful for testing, stories, or manual control).
+     */
+    mode?: SidebarModeProp;
+    /**
+     * SSR / first-paint hint for `auto` mode. `useMediaQuery` cannot run on
+     * the server, so the resolved mode flickers from the desktop default to
+     * the actual viewport-derived mode after hydration. Pass the last-known
+     * mode (e.g. read from a cookie written by a prior client visit) to
+     * make the SSR markup match the actual viewport on subsequent loads.
+     * Ignored when `mode` is anything other than `auto`.
+     */
+    initialMode?: Exclude<SidebarModeProp, 'auto'>;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Additional CSS classes for the wrapper */
+    wrapperClassName?: string;
+    /**
+     * Inline styles applied to the wrapper `<aside>` (or the drawer panel in
+     * drawer mode). Useful for setting CSS custom properties that drive
+     * theming via the protection stylesheet (e.g.
+     * `--konstruct-sidebar-logo-padding-expanded`), since inline styles
+     * outrank un-layered utilities shipped by federated remote
+     * micro-frontends.
+     */
+    style?: CSSProperties;
+}
+/** @deprecated Use Props instead */
+export type SidebarProps = Props;
+/**
+ * Sidebar compound component type with sub-components.
+ */
+export type SidebarChildrenProps = {
+    CollapseTrigger: FC<CollapseTriggerProps>;
+    Footer: FC<FooterProps>;
+    Label: FC<LabelProps>;
+    Logo: FC<LogoProps>;
+    Navigation: FC<NavigationProps>;
+    NavigationGroup: FC<NavigationGroupProps>;
+    NavigationOption: FC<NavigationOptionProps>;
+    NavigationSeparator: FC<NavigationSeparatorProps>;
+};

package/dist/lib/components/Sidebar/Sidebar.variants.d.ts

@@ -0,0 +1,4 @@
+export declare const wrapperSiderbarVariants: (props?: ({
+    mode?: "expanded" | "collapsed" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const dragVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/CollapseTrigger/CollapseTrigger.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './CollapseTrigger.types';
+declare const CollapseTrigger: FC<Props>;
+export { CollapseTrigger };

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

@@ -0,0 +1,4 @@
+export interface Props {
+    className?: string;
+}
+export type CollapseTriggerProps = Props;

package/dist/lib/components/Sidebar/components/CollapseTrigger/CollapseTrigger.variants.d.ts

@@ -0,0 +1 @@
+export declare const collapseTriggerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/Footer/Footer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './Footer.types';
+declare const Footer: FC<Props>;
+export { Footer };

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

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { footerVariants } from './Footer.variants';
+export interface Props extends PropsWithChildren, VariantProps<typeof footerVariants> {
+    className?: string;
+}
+/** @deprecated Use Props instead */
+export type FooterProps = Props;

package/dist/lib/components/Sidebar/components/Footer/Footer.variants.d.ts

@@ -0,0 +1 @@
+export declare const footerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './HamburgerTrigger.types';
+declare const HamburgerTrigger: FC<Props>;
+export { HamburgerTrigger };

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

@@ -0,0 +1,9 @@
+export interface Props {
+    isOpen: boolean;
+    /** Accessible label for the navigation trigger */
+    openNavigationLabel?: string;
+    onClick: VoidFunction;
+    className?: string;
+}
+/** @deprecated Use Props instead */
+export type HamburgerTriggerProps = Props;

package/dist/lib/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.variants.d.ts

@@ -0,0 +1 @@
+export declare const hamburgerTriggerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/Label/Label.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './Label.types';
+declare const Label: FC<Props>;
+export { Label };

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

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { typographyVariants } from '../../../Typography/Typography.variants';
+export interface Props extends PropsWithChildren {
+    className?: string;
+    variant?: VariantProps<typeof typographyVariants>['variant'];
+}
+/** @deprecated Use Props instead */
+export type LabelProps = Props;

package/dist/lib/components/Sidebar/components/Logo/Logo.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './Logo.types';
+declare const Logo: FC<Props>;
+export { Logo };

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

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { logoVariants } from './Logo.variants';
+export interface Props extends PropsWithChildren, VariantProps<typeof logoVariants> {
+    className?: string;
+    /**
+     * When true, keeps the logo content visible while the sidebar is in
+     * `collapsed` mode. By default the logo content hides in collapsed mode,
+     * while a `Sidebar.CollapseTrigger` placed as a direct child of
+     * `Sidebar.Logo` stays visible so the user can still expand the sidebar.
+     * Defaults to `false`.
+     */
+    showOnCollapse?: boolean;
+}
+/** @deprecated Use Props instead */
+export type LogoProps = Props;

package/dist/lib/components/Sidebar/components/Logo/Logo.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const logoVariants: (props?: ({
+    showOnCollapse?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Sidebar/components/Navigation/Navigation.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NavigationChildrenProps, Props } from './Navigation.types';
+declare const Navigation: FC<Props> & NavigationChildrenProps;
+export { Navigation };

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

@@ -0,0 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
+import { FC, PropsWithChildren } from 'react';
+import { Props as NavigationGroupProps } from '../NavigationGroup/NavigationGroup.types';
+import { Props as NavigationOptionProps } from '../NavigationOption/NavigationOption.types';
+import { Props as NavigationSeparatorProps } from '../NavigationSeparator/NavigationSeparator.types';
+import { Props as NavigationTitleProps } from '../NavigationTitle/NavigationTitle.types';
+import { navigationVariants } from './Navigation.variants';
+export interface Props extends PropsWithChildren, VariantProps<typeof navigationVariants> {
+    className?: string;
+}
+/** @deprecated Use Props instead */
+export type NavigationProps = Props;
+export type NavigationChildrenProps = {
+    NavigationGroup: FC<NavigationGroupProps>;
+    NavigationOption: FC<NavigationOptionProps>;
+    NavigationSeparator: FC<NavigationSeparatorProps>;
+    NavigationTitle: FC<NavigationTitleProps>;
+};

package/dist/lib/components/Sidebar/components/Navigation/Navigation.variants.d.ts

@@ -0,0 +1 @@
+export declare const navigationVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Sidebar/components/NavigationGroup/NavigationGroup.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './NavigationGroup.types';
+declare const NavigationGroup: FC<Props>;
+export { NavigationGroup };

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

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
+import { navigationGroupsVariants } from './NavigationGroup.variants';
+export interface Props extends PropsWithChildren, VariantProps<typeof navigationGroupsVariants>, Pick<HtmlHTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    title?: string;
+    titleClassName?: string;
+    isVisible?: boolean;
+}
+/** @deprecated Use Props instead */
+export type NavigationGroupProps = Props;

package/dist/lib/components/Sidebar/components/NavigationGroup/NavigationGroup.variants.d.ts

@@ -0,0 +1 @@
+export declare const navigationGroupsVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;