@atme-lab/ui-kit 0.1.7 → 0.1.9

package/dist/components/content/ArticlePreview/ArticlePreview.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../types';
+export type ArticlePreviewView = 'tile' | 'row';
+export interface ArticlePreviewProps extends BaseComponentProps, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: string;
+    publishedAt: Date | string;
+    imageUrl?: string;
+    view?: ArticlePreviewView;
+    imageAlt?: string;
+    href?: string;
+    tags?: React.ReactNode;
+}
+export declare const ArticlePreview: React.ForwardRefExoticComponent<ArticlePreviewProps & React.RefAttributes<HTMLAnchorElement | HTMLDivElement>>;

package/dist/components/content/ArticlePreview/components/ArticlePreviewContent/ArticlePreviewContent.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export type ArticlePreviewContentView = 'tile' | 'row';
+export interface ArticlePreviewContentProps {
+    title: string;
+    imageUrl?: string | undefined;
+    imageAlt: string;
+    formattedDate: string;
+    view: ArticlePreviewContentView;
+    tags?: React.ReactNode;
+}
+export declare function ArticlePreviewContent({ title, imageUrl, imageAlt, formattedDate, view, tags, }: ArticlePreviewContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ArticlePreviewContent {
+    var displayName: string;
+}

package/dist/components/content/ArticlePreview/components/ArticlePreviewContent/index.d.ts

@@ -0,0 +1,2 @@
+export { ArticlePreviewContent } from './ArticlePreviewContent';
+export type { ArticlePreviewContentProps, ArticlePreviewContentView } from './ArticlePreviewContent';

package/dist/components/content/ArticlePreview/components/index.d.ts

@@ -0,0 +1,2 @@
+export { ArticlePreviewContent } from './ArticlePreviewContent';
+export type { ArticlePreviewContentProps, ArticlePreviewContentView } from './ArticlePreviewContent';

package/dist/components/content/ArticlePreview/index.d.ts

@@ -0,0 +1,2 @@
+export { ArticlePreview } from './ArticlePreview';
+export type { ArticlePreviewProps, ArticlePreviewView } from './ArticlePreview';

package/dist/components/content/index.d.ts

@@ -0,0 +1,2 @@
+export { ArticlePreview } from './ArticlePreview';
+export type { ArticlePreviewProps, ArticlePreviewView } from './ArticlePreview';

package/dist/components/index.d.ts

@@ -0,0 +1,21 @@
+export type { BaseComponentProps } from './types';
+export { Typography } from './primitives/Typography';
+export type { TypographyProps, TypographyVariant, TypographySize } from './primitives/Typography';
+export { Tag } from './primitives/Tag';
+export type { TagProps, TagVariant, TagSize } from './primitives/Tag';
+export { TagGroup } from './primitives/TagGroup';
+export type { TagGroupProps, TagGroupItem, TagGroupTag } from './primitives/TagGroup';
+export { Button } from './primitives/Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './primitives/Button';
+export { Icon } from './primitives/Icon';
+export type { IconProps } from './primitives/Icon';
+export { LabelMenuItem } from './primitives/LabelMenuItem';
+export type { LabelMenuItemProps } from './primitives/LabelMenuItem';
+export { LikeButton } from './primitives/LikeButton';
+export type { LikeButtonProps } from './primitives/LikeButton';
+export { Stack } from './layout/Stack';
+export type { StackProps, StackDirection, StackAlign, StackJustify, StackWrap, StackGap } from './layout/Stack';
+export { Grid } from './layout/Grid';
+export type { GridProps, GridColumns, GridGap } from './layout/Grid';
+export { ArticlePreview } from './content/ArticlePreview';
+export type { ArticlePreviewProps, ArticlePreviewView } from './content/ArticlePreview';

package/dist/components/layout/Grid/Grid.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../types';
+export type GridGap = number | string;
+export type GridColumns = number | {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    "2xl"?: number;
+};
+type GridElement = "div" | "section" | "article" | "main" | "header" | "footer" | "aside" | "nav";
+export interface GridProps extends BaseComponentProps, Omit<React.HTMLAttributes<HTMLDivElement>, "ref"> {
+    columns?: GridColumns;
+    gap?: GridGap;
+    minColumnWidth?: string;
+    as?: GridElement;
+    children: React.ReactNode;
+}
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/layout/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export { Grid } from './Grid';
+export type { GridProps, GridColumns, GridGap, } from './Grid';

package/dist/components/layout/Island/Island.d.ts

@@ -0,0 +1,13 @@
+import { BaseComponentProps } from '../../types';
+import { FC, ReactNode } from 'react';
+export type IslandSize = "sm" | "md" | "lg";
+export type IslandVariant = "default" | "paper" | "accent";
+export type IslandElevation = "none" | "sm" | "md" | "lg" | "xl";
+export interface IslandProps extends BaseComponentProps {
+    children?: ReactNode;
+    size?: IslandSize;
+    variant?: IslandVariant;
+    elevation?: IslandElevation;
+    bordered?: boolean;
+}
+export declare const Island: FC<IslandProps>;

package/dist/components/layout/Island/index.d.ts

@@ -0,0 +1,2 @@
+export { Island } from './Island';
+export type { IslandProps, IslandSize, IslandVariant, IslandElevation } from './Island';

package/dist/components/layout/Stack/Stack.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../types';
+export type StackDirection = "row" | "column" | "row-reverse" | "column-reverse";
+export type StackAlign = "start" | "end" | "center" | "stretch" | "baseline";
+export type StackJustify = "start" | "end" | "center" | "between" | "around" | "evenly";
+export type StackWrap = "nowrap" | "wrap" | "wrap-reverse";
+export type StackGap = number | string;
+type StackElement = "div" | "section" | "article" | "main" | "header" | "footer" | "aside" | "nav";
+export interface StackProps extends BaseComponentProps, Omit<React.HTMLAttributes<HTMLDivElement>, "ref"> {
+    direction?: StackDirection;
+    align?: StackAlign;
+    justify?: StackJustify;
+    wrap?: StackWrap;
+    gap?: StackGap;
+    as?: StackElement;
+    children: React.ReactNode;
+}
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/layout/Stack/index.d.ts

@@ -0,0 +1,2 @@
+export { Stack } from './Stack';
+export type { StackProps, StackDirection, StackAlign, StackJustify, StackWrap, StackGap } from './Stack';

package/dist/components/layout/WindowFrame/WindowFrame.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+import { BaseComponentProps } from '../../types';
+export interface WindowFrameProps extends BaseComponentProps {
+    children?: ReactNode;
+    title?: string;
+    actions?: ReactNode;
+}
+export declare const WindowFrame: FC<WindowFrameProps>;

package/dist/components/layout/WindowFrame/components/ActionButton/ActionButton.d.ts

@@ -0,0 +1,7 @@
+import { BaseComponentProps } from '../../../../types';
+import { ReactNode } from 'react';
+export interface ActionButtonProps extends BaseComponentProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    icon: ReactNode;
+    hint?: string;
+}
+export declare const ActionButton: import('react').ForwardRefExoticComponent<ActionButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/layout/WindowFrame/components/ActionButton/index.d.ts

@@ -0,0 +1 @@
+export * from './ActionButton';

package/dist/components/layout/WindowFrame/components/TitleBar/TitleBar.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface TitleBarProps {
+    title?: string;
+    addonLeft?: ReactNode;
+}
+export declare const TitleBar: FC<TitleBarProps>;
+export {};

package/dist/components/layout/WindowFrame/components/TitleBar/index.d.ts

@@ -0,0 +1 @@
+export * from './TitleBar';

package/dist/components/layout/WindowFrame/components/index.d.ts

@@ -0,0 +1,2 @@
+export { TitleBar } from './TitleBar';
+export { ActionButton } from './ActionButton';

package/dist/components/layout/WindowFrame/index.d.ts

@@ -0,0 +1 @@
+export { WindowFrame } from './WindowFrame';

package/dist/components/navigation/SideMenu/SideMenu.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../types';
+export interface SideMenuItem {
+    title: string;
+    path: string;
+    isOuterLink?: boolean;
+    Icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+}
+export interface SideMenuProps extends BaseComponentProps {
+    items: SideMenuItem[];
+    defaultItemSize?: number;
+    maxScale?: number;
+    showTitles?: boolean;
+    orientation?: "horizontal" | "vertical";
+    onItemClick?: (item: SideMenuItem, index: number) => void;
+    onNavigate?: (url: string) => void;
+}
+export declare const SideMenu: React.FC<SideMenuProps>;

package/dist/components/navigation/SideMenu/SideMenuItem.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SideMenuItem as SideMenuItemType } from './SideMenu';
+export interface SideMenuItemProps {
+    item: SideMenuItemType;
+    index: number;
+    size: number;
+    showTitles: boolean;
+    orientation: "horizontal" | "vertical";
+    onItemClick?: (item: SideMenuItemType, index: number) => void;
+    onNavigate?: (url: string) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>, index: number) => void;
+    tabIndex: number;
+    itemRef?: (el: HTMLLIElement | null) => void;
+    linkRef?: (el: HTMLAnchorElement | HTMLButtonElement | null) => void;
+}
+export declare const SideMenuItem: React.ForwardRefExoticComponent<SideMenuItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/navigation/SideMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { SideMenu } from './SideMenu';
+export type { SideMenuProps, SideMenuItem } from './SideMenu';

package/dist/components/navigation/index.d.ts

@@ -0,0 +1,2 @@
+export { SideMenu } from './SideMenu';
+export type { SideMenuProps, SideMenuItem } from './SideMenu';

package/dist/components/primitives/Button/Button.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost";
+export type ButtonSize = "sm" | "md" | "lg";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    fullWidth?: boolean;
+    loading?: boolean;
+    children: React.ReactNode;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/primitives/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';

package/dist/components/primitives/Icon/Icon.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    color?: string;
+    children?: React.ReactNode;
+    svg?: string;
+    name?: string;
+    decorative?: boolean;
+}
+export declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/primitives/Icon/Icons/CloseIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IconProps } from '../Icon';
+export declare const CloseIcon: React.FC<Omit<IconProps, 'children' | 'svg'>>;

package/dist/components/primitives/Icon/Icons/DocumentIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IconProps } from '../Icon';
+export declare const DocumentIcon: React.FC<Omit<IconProps, 'children' | 'svg'>>;

package/dist/components/primitives/Icon/Icons/FullscreenIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IconProps } from '../Icon';
+export declare const FullscreenIcon: React.FC<Omit<IconProps, "children" | "svg">>;

package/dist/components/primitives/Icon/Icons/HeartIcon.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { IconProps } from '../Icon';
+export interface HeartIconProps extends Omit<IconProps, 'children' | 'svg'> {
+    /** Залитое сердечко (лайк поставлен) */
+    filled?: boolean;
+}
+export declare const HeartIcon: React.FC<HeartIconProps>;

package/dist/components/primitives/Icon/Icons/HomeIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IconProps } from '../Icon';
+export declare const HomeIcon: React.FC<Omit<IconProps, "children" | "svg">>;

package/dist/components/primitives/Icon/Icons/index.d.ts

@@ -0,0 +1,6 @@
+export { DocumentIcon } from './DocumentIcon';
+export { CloseIcon } from './CloseIcon';
+export { HomeIcon } from './HomeIcon';
+export { FullscreenIcon } from './FullscreenIcon';
+export { HeartIcon } from './HeartIcon';
+export type { HeartIconProps } from './HeartIcon';

package/dist/components/primitives/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon } from './Icon';
+export type { IconProps } from './Icon';

package/dist/components/primitives/LabelMenuItem/LabelMenuItem.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { IconProps } from '../Icon';
+export interface LabelMenuItemProps {
+    label: string;
+    icon: React.ComponentType<Partial<IconProps>>;
+    onClick: () => void;
+    disabled?: boolean;
+    className?: string;
+    iconSize?: string | number;
+}
+export declare const LabelMenuItem: React.FC<LabelMenuItemProps>;

package/dist/components/primitives/LabelMenuItem/index.d.ts

@@ -0,0 +1,2 @@
+export { LabelMenuItem } from './LabelMenuItem';
+export type { LabelMenuItemProps } from './LabelMenuItem';

package/dist/components/primitives/LikeButton/LikeButton.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../types';
+export interface LikeButtonProps extends BaseComponentProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'> {
+    liked?: boolean;
+    defaultLiked?: boolean;
+    count?: number;
+    onLike?: (liked: boolean) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const LikeButton: React.ForwardRefExoticComponent<LikeButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/primitives/LikeButton/index.d.ts

@@ -0,0 +1,2 @@
+export { LikeButton } from './LikeButton';
+export type { LikeButtonProps } from './LikeButton';

package/dist/components/primitives/Spacer/Spacer.d.ts

@@ -0,0 +1,10 @@
+import { BaseComponentProps } from '../../types';
+import { FC } from 'react';
+import { SpacingVariant } from '../../../typings/design';
+export interface SpacerProps extends BaseComponentProps {
+    size?: SpacingVariant;
+    x?: SpacingVariant;
+    y?: SpacingVariant;
+    axis?: "x" | "y";
+}
+export declare const Spacer: FC<SpacerProps>;

package/dist/components/primitives/Tag/Tag.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export type TagVariant = "primary" | "secondary" | "success" | "warning" | "error" | "neutral";
+export type TagSize = "sm" | "md" | "lg";
+export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: TagVariant;
+    size?: TagSize;
+    icon?: React.ReactNode;
+    iconPosition?: "left" | "right";
+    closeable?: boolean;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    children: React.ReactNode;
+    href?: string;
+}
+type TagRootElement = HTMLAnchorElement | HTMLSpanElement;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<TagRootElement>>;
+export {};

package/dist/components/primitives/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { Tag } from './Tag';
+export type { TagProps, TagVariant, TagSize } from './Tag';

package/dist/components/primitives/TagGroup/TagGroup.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TagProps } from '../Tag';
+import { TagGroupTag } from './types';
+export type { TagGroupItem, TagGroupTag } from './types';
+export { isTagGroupItem } from './types';
+export interface TagGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    tags: TagGroupTag[];
+    maxVisible?: number;
+    overflowTagProps?: Omit<TagProps, "children">;
+    collapseTagProps?: Omit<TagProps, "children">;
+    collapseText?: string;
+    size?: TagProps["size"];
+    variant?: TagProps["variant"];
+}
+export declare const TagGroup: React.ForwardRefExoticComponent<TagGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/primitives/TagGroup/components/TagGroupItemButton.d.ts

@@ -0,0 +1,6 @@
+import { TagGroupItem, TagGroupBaseTagProps } from '../types';
+export interface TagGroupItemButtonProps {
+    tag: TagGroupItem;
+    baseTagProps: TagGroupBaseTagProps;
+}
+export declare function TagGroupItemButton({ tag, baseTagProps }: TagGroupItemButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/primitives/TagGroup/components/TagGroupItemView.d.ts

@@ -0,0 +1,6 @@
+import { TagGroupTag, TagGroupBaseTagProps } from '../types';
+export interface TagGroupItemViewProps {
+    tag: TagGroupTag;
+    baseTagProps: TagGroupBaseTagProps;
+}
+export declare function TagGroupItemView({ tag, baseTagProps }: TagGroupItemViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/primitives/TagGroup/components/index.d.ts

@@ -0,0 +1,4 @@
+export { TagGroupItemButton } from './TagGroupItemButton';
+export type { TagGroupItemButtonProps } from './TagGroupItemButton';
+export { TagGroupItemView } from './TagGroupItemView';
+export type { TagGroupItemViewProps } from './TagGroupItemView';

package/dist/components/primitives/TagGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { TagGroup } from './TagGroup';
+export type { TagGroupProps, TagGroupItem, TagGroupTag } from './TagGroup';

package/dist/components/primitives/TagGroup/types.d.ts

@@ -0,0 +1,9 @@
+import { TagProps } from '../Tag';
+export interface TagGroupItem {
+    label: React.ReactNode;
+    href?: string;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+export type TagGroupTag = React.ReactNode | TagGroupItem;
+export declare function isTagGroupItem(tag: TagGroupTag): tag is TagGroupItem;
+export type TagGroupBaseTagProps = Partial<Pick<TagProps, "size" | "variant">>;

package/dist/components/primitives/Typography/Typography.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "caption" | "overline";
+export type TypographySize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+export type TypographyColor = "primary" | "secondary" | "disabled";
+export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    size?: TypographySize;
+    color?: TypographyColor;
+    as?: React.ElementType;
+    children: React.ReactNode;
+}
+export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;

package/dist/components/primitives/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export { Typography } from './Typography';
+export type { TypographyProps, TypographyVariant, TypographySize } from './Typography';

package/dist/components/types.d.ts

@@ -0,0 +1,4 @@
+export interface BaseComponentProps {
+    className?: string;
+    testId?: string;
+}

package/dist/global.cjs.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=global.cjs.js.map

package/dist/global.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/global.esm.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=global.esm.js.map

package/dist/global.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export { useTheme } from './useTheme';
+export { useMouseScale } from './useMouseScale';
+export { useMenuNavigation } from './useMenuNavigation';
+export { useRovingTabIndex } from './useRovingTabIndex';
+export { useExternalLink } from './useExternalLink';
+export { useMenuItem } from './useMenuItem';
+export type { UseMouseScaleOptions, UseMouseScaleReturn } from './useMouseScale';

package/dist/hooks/useExternalLink.d.ts

@@ -0,0 +1,16 @@
+export interface UseExternalLinkOptions {
+    onNavigate?: (url: string) => void;
+}
+export interface UseExternalLinkReturn {
+    openLink: (url: string) => void;
+    shouldUseButton: (isOuterLink?: boolean) => boolean;
+}
+/**
+ * Хук для работы с внешними ссылками.
+ * Определяет, нужно ли использовать button вместо ссылки,
+ * и предоставляет функцию для открытия ссылок.
+ *
+ * @param options - Опции для настройки работы с ссылками
+ * @returns Утилиты для работы с внешними ссылками
+ */
+export declare function useExternalLink({ onNavigate, }?: UseExternalLinkOptions): UseExternalLinkReturn;

package/dist/hooks/useMenuItem.d.ts

@@ -0,0 +1,25 @@
+import { SideMenuItem as SideMenuItemType } from '../components/navigation/SideMenu/SideMenu';
+export interface UseMenuItemOptions {
+    item: SideMenuItemType;
+    index: number;
+    onItemClick?: ((item: SideMenuItemType, index: number) => void) | undefined;
+    onNavigate?: ((url: string) => void) | undefined;
+}
+export interface UseMenuItemReturn {
+    elementType: "button" | "a";
+    handleClick: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    handleActivate: () => void;
+    linkProps: {
+        href?: string;
+        target?: string;
+        rel?: string;
+    };
+}
+/**
+ * Хук для определения логики элемента меню.
+ * Определяет тип элемента (button или a) и обрабатывает активацию.
+ *
+ * @param options - Опции для настройки элемента меню
+ * @returns Логика для элемента меню
+ */
+export declare function useMenuItem({ item, index, onItemClick, onNavigate, }: UseMenuItemOptions): UseMenuItemReturn;

package/dist/hooks/useMenuNavigation.d.ts

@@ -0,0 +1,16 @@
+export interface UseMenuNavigationOptions {
+    itemsCount: number;
+    orientation: "horizontal" | "vertical";
+    onNavigate?: (index: number) => void;
+}
+export interface UseMenuNavigationReturn {
+    handleNavigationKeyDown: (e: React.KeyboardEvent, currentIndex: number) => number | null;
+}
+/**
+ * Хук для обработки навигации по меню с помощью клавиатуры.
+ * Поддерживает стрелки, Home, End с циклической навигацией.
+ *
+ * @param options - Опции для настройки навигации
+ * @returns Обработчик навигации по клавиатуре
+ */
+export declare function useMenuNavigation({ itemsCount, orientation, onNavigate, }: UseMenuNavigationOptions): UseMenuNavigationReturn;

package/dist/hooks/useMouseScale.d.ts

@@ -0,0 +1,22 @@
+import { RefObject } from 'react';
+export interface UseMouseScaleOptions {
+    itemRefs: RefObject<(HTMLElement | null)[]>;
+    containerRef: RefObject<HTMLElement>;
+    defaultSize: number;
+    maxScale?: number;
+    orientation?: "horizontal" | "vertical";
+    animationClassName?: string;
+}
+export interface UseMouseScaleReturn {
+    handleMouseEnter: () => void;
+    handleMouseMove: (e: React.MouseEvent<HTMLElement>) => void;
+    handleMouseLeave: () => void;
+}
+/**
+ * Хук для создания интерактивного масштабирования элементов при движении мыши.
+ * Элементы увеличиваются пропорционально близости курсора к их центру.
+ *
+ * @param options - Опции для настройки масштабирования
+ * @returns Обработчики событий мыши для привязки к контейнеру
+ */
+export declare function useMouseScale({ itemRefs, containerRef, defaultSize, maxScale, orientation, animationClassName, }: UseMouseScaleOptions): UseMouseScaleReturn;

package/dist/hooks/useRovingTabIndex.d.ts

@@ -0,0 +1,20 @@
+import { RefObject } from 'react';
+export interface UseRovingTabIndexOptions {
+    itemsCount: number;
+    initialFocusedIndex?: number;
+}
+export interface UseRovingTabIndexReturn {
+    focusedIndex: number | null;
+    setFocusedIndex: (index: number) => void;
+    getTabIndex: (index: number) => number;
+    focusItem: (index: number, refs: RefObject<(HTMLElement | null)[]>) => void;
+}
+/**
+ * Хук для управления roving tabindex паттерном.
+ * Обеспечивает, что только один элемент в меню имеет tabIndex={0},
+ * остальные имеют tabIndex={-1}.
+ *
+ * @param options - Опции для настройки roving tabindex
+ * @returns Утилиты для управления фокусом
+ */
+export declare function useRovingTabIndex({ initialFocusedIndex, }: UseRovingTabIndexOptions): UseRovingTabIndexReturn;

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../tokens';
+export declare function useTheme(): Theme;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './themes';
+export type { Theme, Palette, Spacing, Typography as TypographyTokens, Shadows, BorderRadius, Transitions, ZIndex, } from './tokens/types';
+export { baseTheme, lightTheme, darkTheme } from './tokens/themes';
+export { mergeTheme } from './tokens/utils';
+export { themeToCssVars } from './tokens/generate-css-vars';

package/dist/styles/functions/spacing.d.ts

@@ -0,0 +1 @@
+export default function spacing(multiplier: number): string;

package/dist/themes/ThemeProvider.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import { Theme } from '../tokens';
+interface ThemeContextValue {
+    theme: Theme;
+}
+export interface ThemeProviderProps {
+    theme?: Theme | Partial<Theme>;
+    children: ReactNode;
+}
+export declare const ThemeProvider: FC<ThemeProviderProps>;
+export declare function useThemeContext(): ThemeContextValue;
+export {};

package/dist/themes/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemeProvider, useThemeContext } from './ThemeProvider';
+export type { ThemeProviderProps } from './ThemeProvider';
+export { useTheme } from '../hooks/useTheme';

package/dist/tokens/generate-css-vars.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from './types';
+export declare function themeToCssVars(theme: Theme): Record<string, string>;

package/dist/tokens/index.d.ts

@@ -0,0 +1,4 @@
+export type { Theme, Palette, Spacing, Typography, Shadows, BorderRadius, Transitions, ZIndex } from './types';
+export { baseTheme, lightTheme, darkTheme } from './themes';
+export { mergeTheme, getSpacingVar } from './utils';
+export { themeToCssVars } from './generate-css-vars';

package/dist/tokens/themes/baseTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../types';
+export declare const baseTheme: Omit<Theme, 'palette'>;

package/dist/tokens/themes/darkTheme.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Темная тема
+ * Расширяет базовую тему, добавляя темную цветовую палитру
+ */
+export declare const darkTheme: {
+    palette: {
+        primary: {
+            main: string;
+            hover: string;
+            active: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            hover: string;
+            active: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            hover: string;
+            active: string;
+        };
+        warning: {
+            main: string;
+            hover: string;
+            active: string;
+        };
+        success: {
+            main: string;
+            hover: string;
+            active: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        background: {
+            default: string;
+            accent: string;
+            paper: string;
+        };
+        border: {
+            default: string;
+            subtle: string;
+            strong: string;
+        };
+    };
+    border: import('../types').Border;
+    typography: import('..').Typography;
+    spacing: import('..').Spacing;
+    shadows: import('..').Shadows;
+    borderRadius: import('..').BorderRadius;
+    transitions: import('..').Transitions;
+    zIndex: import('..').ZIndex;
+};

package/dist/tokens/themes/index.d.ts

@@ -0,0 +1,3 @@
+export { baseTheme } from './baseTheme';
+export { lightTheme } from './lightTheme';
+export { darkTheme } from './darkTheme';

package/dist/tokens/themes/lightTheme.d.ts

@@ -0,0 +1,53 @@
+export declare const lightTheme: {
+    palette: {
+        primary: {
+            main: string;
+            hover: string;
+            active: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            hover: string;
+            active: string;
+            contrastText: string;
+        };
+        error: {
+            main: string;
+            hover: string;
+            active: string;
+        };
+        warning: {
+            main: string;
+            hover: string;
+            active: string;
+        };
+        success: {
+            main: string;
+            hover: string;
+            active: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        background: {
+            default: string;
+            accent: string;
+            paper: string;
+        };
+        border: {
+            default: string;
+            subtle: string;
+            strong: string;
+        };
+    };
+    border: import('../types').Border;
+    typography: import('..').Typography;
+    spacing: import('..').Spacing;
+    shadows: import('..').Shadows;
+    borderRadius: import('..').BorderRadius;
+    transitions: import('..').Transitions;
+    zIndex: import('..').ZIndex;
+};

package/dist/tokens/types.d.ts

@@ -0,0 +1,125 @@
+export interface Palette {
+    primary: {
+        main: string;
+        hover: string;
+        active: string;
+        contrastText: string;
+    };
+    secondary: {
+        main: string;
+        hover: string;
+        active: string;
+        contrastText: string;
+    };
+    error: {
+        main: string;
+        hover: string;
+        active: string;
+    };
+    warning: {
+        main: string;
+        hover: string;
+        active: string;
+    };
+    success: {
+        main: string;
+        hover: string;
+        active: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+    background: {
+        default: string;
+        accent: string;
+        paper: string;
+    };
+    border: {
+        default: string;
+        subtle: string;
+        strong: string;
+    };
+}
+export interface Spacing {
+    unit: number;
+}
+export interface Typography {
+    fontFamily: string;
+    fontSize: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+    };
+    fontWeight: {
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+    };
+    lineHeight: {
+        tight: number;
+        normal: number;
+        relaxed: number;
+    };
+}
+export interface Shadows {
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    none: string;
+}
+export interface Border {
+    base: string;
+}
+export interface BorderRadius {
+    none: string;
+    round: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    full: string;
+}
+export interface Transitions {
+    duration: {
+        fast: string;
+        base: string;
+        slow: string;
+    };
+    easing: {
+        easeInOut: string;
+        easeIn: string;
+        easeOut: string;
+    };
+}
+export interface ZIndex {
+    dropdown: number;
+    sticky: number;
+    fixed: number;
+    modalBackdrop: number;
+    modal: number;
+    popover: number;
+    tooltip: number;
+}
+export interface Theme {
+    palette: Palette;
+    spacing: Spacing;
+    typography: Typography;
+    shadows: Shadows;
+    border: Border;
+    borderRadius: BorderRadius;
+    transitions: Transitions;
+    zIndex: ZIndex;
+}

package/dist/tokens/utils.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from './types';
+export declare function mergeTheme(baseTheme: Theme, overrides: Partial<Theme>): Theme;
+export declare function getSpacingVar(spacing: number | string | undefined): string | undefined;

package/dist/typings/design.d.ts

@@ -0,0 +1 @@
+export type SpacingVariant = number;

package/dist/ui-kit.css

@@ -1 +1 @@
-._typography_11hr8_1{font-family:var(--typography-font-family);margin:0;padding:0}._typography--h1_11hr8_8{font-size:var(--typography-font-size-4xl);font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-tight);color:var(--palette-text-primary)}._typography--h2_11hr8_15{font-size:var(--typography-font-size-3xl);font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-tight);color:var(--palette-text-primary)}._typography--h3_11hr8_22{font-size:var(--typography-font-size-2xl);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h4_11hr8_29{font-size:var(--typography-font-size-xl);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h5_11hr8_36{font-size:var(--typography-font-size-lg);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h6_11hr8_43{font-size:var(--typography-font-size-base);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--body_11hr8_50{font-size:var(--typography-font-size-base);font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--caption_11hr8_57{font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-normal);color:var(--palette-text-secondary)}._typography--overline_11hr8_64{font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-secondary);text-transform:uppercase;letter-spacing:.05em}._typography--xs_11hr8_74{font-size:var(--typography-font-size-xs)}._typography--sm_11hr8_78{font-size:var(--typography-font-size-sm)}._typography--base_11hr8_82{font-size:var(--typography-font-size-base)}._typography--lg_11hr8_86{font-size:var(--typography-font-size-lg)}._typography--xl_11hr8_90{font-size:var(--typography-font-size-xl)}._typography--2xl_11hr8_94{font-size:var(--typography-font-size-2xl)}._typography--3xl_11hr8_98{font-size:var(--typography-font-size-3xl)}._typography--4xl_11hr8_102{font-size:var(--typography-font-size-4xl)}._typography--color-primary_11hr8_107{color:var(--palette-text-primary)}._typography--color-secondary_11hr8_111{color:var(--palette-text-secondary)}._typography--color-disabled_11hr8_115{color:var(--palette-text-disabled)}._tag_10ar5_1{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 1 * 1px);border-radius:var(--border-radius-base);border:2px solid var(--palette-border-strong);font-family:var(--typography-font-family);font-weight:var(--typography-font-weight-medium);line-height:1;white-space:nowrap}._tag--link_10ar5_13{text-decoration:none;color:inherit}._tag--link_10ar5_13:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._tagContent_10ar5_23{display:inline-flex;align-items:center}._tagIcon_10ar5_28{display:inline-flex;align-items:center;flex-shrink:0}._tagClose_10ar5_34{display:inline-flex;align-items:center;justify-content:center;margin-left:calc(var(--spacing-unit) * 1 * 1px);padding:0;background:none;border:none;cursor:pointer;font-size:1.2em;line-height:1;color:inherit;opacity:.7;transition:opacity var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._tagClose_10ar5_34:hover{opacity:1}._tagClose_10ar5_34:focus{outline:2px solid currentColor;outline-offset:2px}._tag--sm_10ar5_60{padding:calc(var(--spacing-unit) * 1 * 1px) calc(var(--spacing-unit) * 2 * 1px);font-size:var(--typography-font-size-xs)}._tag--md_10ar5_65{padding:calc(var(--spacing-unit) * 1 * 1px) calc(var(--spacing-unit) * 3 * 1px);font-size:var(--typography-font-size-sm)}._tag--lg_10ar5_70{padding:calc(var(--spacing-unit) * 2 * 1px) calc(var(--spacing-unit) * 4 * 1px);font-size:var(--typography-font-size-base)}._tag--primary_10ar5_76{background-color:var(--palette-primary-main);color:var(--palette-secondary-contrastText)}._tag--secondary_10ar5_81{background-color:var(--palette-secondary-main);color:var(--palette-secondary-contrastText)}._tag--success_10ar5_86{background-color:var(--palette-success-main);color:#fff}._tag--warning_10ar5_91{background-color:var(--palette-warning-main);color:#fff}._tag--error_10ar5_96{background-color:var(--palette-error-main);color:#fff}._tag--neutral_10ar5_101{background-color:var(--palette-border-default);color:var(--palette-text-primary)}._tagGroup_1b8va_1{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);align-items:center}._button_t5esz_1{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2 * 1px);border:1px solid transparent;border-radius:var(--border-radius-lg);font-family:var(--typography-font-family);font-weight:var(--typography-font-weight-medium);line-height:1;cursor:pointer;transition:all var(--transitions-duration-base) var(--transitions-easing-easeInOut);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;box-shadow:var(--shadows-sm)}._button_t5esz_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._button_t5esz_1:disabled,._button_t5esz_1[aria-disabled=true]{cursor:not-allowed;opacity:.6;box-shadow:none}._buttonContent_t5esz_32{display:inline-flex;align-items:center}._buttonIcon_t5esz_37{display:inline-flex;align-items:center;flex-shrink:0}._buttonSpinner_t5esz_43{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_t5esz_1 .6s linear infinite}@keyframes _spin_t5esz_1{to{transform:rotate(360deg)}}._button--sm_t5esz_60{padding:calc(var(--spacing-unit) * 1.5 * 1px) calc(var(--spacing-unit) * 3.5 * 1px);font-size:var(--typography-font-size-sm);min-height:36px}._button--md_t5esz_66{padding:calc(var(--spacing-unit) * 2.5 * 1px) calc(var(--spacing-unit) * 5 * 1px);font-size:var(--typography-font-size-base);min-height:44px}._button--lg_t5esz_72{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 6 * 1px);font-size:var(--typography-font-size-lg);min-height:52px}._button--fullWidth_t5esz_78{width:100%}._button--primary_t5esz_83{background-color:var(--palette-primary-hover);color:var(--palette-text-primary);border-color:var(--palette-primary-hover);box-shadow:var(--shadows-sm)}._button--primary_t5esz_83:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-main);border-color:var(--palette-primary-main);color:var(--palette-primary-contrast-text);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--primary_t5esz_83:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-active);border-color:var(--palette-primary-active);color:var(--palette-primary-contrast-text);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--secondary_t5esz_106{background-color:var(--palette-background-paper);color:var(--palette-secondary-contrast-text);border-color:var(--palette-secondary-main);box-shadow:var(--shadows-sm)}._button--secondary_t5esz_106:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-secondary-hover);border-color:var(--palette-secondary-hover);color:var(--palette-secondary-contrast-text);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--secondary_t5esz_106:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-secondary-active);border-color:var(--palette-secondary-active);color:var(--palette-secondary-contrast-text);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--outline_t5esz_129{background-color:var(--palette-background-paper);color:var(--palette-primary-main);border-color:var(--palette-primary-main);box-shadow:var(--shadows-sm)}._button--outline_t5esz_129:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-hover);color:var(--palette-text-secondary);border-color:var(--palette-primary-hover);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--outline_t5esz_129:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-active);color:var(--palette-primary-contrast-text);border-color:var(--palette-primary-active);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--ghost_t5esz_152{background-color:transparent;color:var(--palette-primary-main);border-color:transparent;box-shadow:none}._button--ghost_t5esz_152:hover:not(:disabled):not([aria-disabled=true]){background-color:#0000000d;box-shadow:var(--shadows-sm)}._button--ghost_t5esz_152:active:not(:disabled):not([aria-disabled=true]){background-color:#0000001a;box-shadow:none}[data-color-scheme=dark] ._button--ghost_t5esz_152:hover:not(:disabled):not([aria-disabled=true]){background-color:#ffffff1a;box-shadow:var(--shadows-sm)}[data-color-scheme=dark] ._button--ghost_t5esz_152:active:not(:disabled):not([aria-disabled=true]){background-color:#fff3;box-shadow:none}._button--loading_t5esz_181{position:relative;color:transparent}._icon_1se7w_1{display:inline-block;flex-shrink:0;vertical-align:middle;color:currentColor;fill:currentColor}._icon--custom_1se7w_9{fill:unset}._labelMenuItem_fjxw4_1{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 2 * 1px);padding:calc(var(--spacing-unit) * 3 * 1px);border:none;background:transparent;cursor:pointer;transition:all var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._labelMenuItem_fjxw4_1:hover:not(:disabled){opacity:.8}._labelMenuItem_fjxw4_1:active:not(:disabled){opacity:.6}._labelMenuItem_fjxw4_1:disabled{cursor:not-allowed;opacity:.5}._labelMenuItem_fjxw4_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px;border-radius:var(--border-radius-md)}._icon_fjxw4_32{display:flex;align-items:center;justify-content:center}._label_fjxw4_1{text-align:center}._heartIconOutline_137aq_1{fill:none}._likeButton_1nv5d_1{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2 * 1px);padding:calc(var(--spacing-unit) * 1.5 * 1px) calc(var(--spacing-unit) * 2 * 1px);border:none;border-radius:var(--border-radius-full);background:transparent;color:var(--palette-text-secondary);cursor:pointer;font-family:var(--typography-font-family);transition:color var(--transitions-duration-base) var(--transitions-easing-easeInOut),transform var(--transitions-duration-base) var(--transitions-easing-easeOut),filter var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._likeButton_1nv5d_1:hover:not(._likeButton--disabled_1nv5d_19){color:var(--palette-primary-main);transform:scale(1.08);filter:drop-shadow(0 0 6px var(--palette-primary-main))}._likeButton--liked_1nv5d_25{color:var(--palette-primary-main)}._likeButton--liked_1nv5d_25:hover:not(._likeButton--disabled_1nv5d_19){color:var(--palette-primary-hover);filter:drop-shadow(0 0 8px var(--palette-primary-hover))}._likeButton_1nv5d_1:active:not(._likeButton--disabled_1nv5d_19){transform:scale(.98)}._likeButton_1nv5d_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._likeButton--disabled_1nv5d_19{cursor:not-allowed;opacity:.5}._likeButton--pop_1nv5d_49 ._heartWrap_1nv5d_49{animation:_heartPop_1nv5d_1 .55s cubic-bezier(.34,1.56,.64,1)}@keyframes _heartPop_1nv5d_1{0%{transform:scale(1)}25%{transform:scale(1.45)}50%{transform:scale(.92)}70%{transform:scale(1.12)}85%{transform:scale(.98)}to{transform:scale(1)}}._likeButton--liked_1nv5d_25:hover:not(._likeButton--disabled_1nv5d_19) ._heartWrap_1nv5d_49{animation:_heartBeat_1nv5d_1 .6s ease-in-out}@keyframes _heartBeat_1nv5d_1{0%,to{transform:scale(1)}20%{transform:scale(1.15)}40%{transform:scale(.95)}60%{transform:scale(1.08)}80%{transform:scale(1)}}._heartWrap_1nv5d_49{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em}._heart_1nv5d_49{width:100%;height:100%;transition:color var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._countWrap_1nv5d_112{display:inline-flex;align-items:center;justify-content:flex-start;min-width:1.5em}._countWrap--bump_1nv5d_119{animation:_countBump_1nv5d_1 .5s cubic-bezier(.34,1.56,.64,1)}@keyframes _countBump_1nv5d_1{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.35) translateY(-4px)}55%{transform:scale(.95) translateY(1px)}75%{transform:scale(1.08) translateY(-1px)}to{transform:scale(1) translateY(0)}}._count_1nv5d_112{margin:0;text-align:left}._stack_45gcn_1{display:flex}._stack--direction-row_45gcn_6{flex-direction:row}._stack--direction-column_45gcn_10{flex-direction:column}._stack--direction-row-reverse_45gcn_14{flex-direction:row-reverse}._stack--direction-column-reverse_45gcn_18{flex-direction:column-reverse}._stack--align-start_45gcn_23{align-items:flex-start}._stack--align-end_45gcn_27{align-items:flex-end}._stack--align-center_45gcn_31{align-items:center}._stack--align-stretch_45gcn_35{align-items:stretch}._stack--align-baseline_45gcn_39{align-items:baseline}._stack--justify-start_45gcn_44{justify-content:flex-start}._stack--justify-end_45gcn_48{justify-content:flex-end}._stack--justify-center_45gcn_52{justify-content:center}._stack--justify-between_45gcn_56{justify-content:space-between}._stack--justify-around_45gcn_60{justify-content:space-around}._stack--justify-evenly_45gcn_64{justify-content:space-evenly}._stack--wrap-nowrap_45gcn_69{flex-wrap:nowrap}._stack--wrap-wrap_45gcn_73{flex-wrap:wrap}._stack--wrap-wrap-reverse_45gcn_77{flex-wrap:wrap-reverse}._grid_16nbv_1{display:grid}@media(min-width:640px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-sm, var(--grid-cols-xs, 1)),1fr)}}@media(min-width:768px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))),1fr)}}@media(min-width:1024px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))),1fr)}}@media(min-width:1280px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-xl, var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))))),1fr)}}@media(min-width:1536px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-2xl, var(--grid-cols-xl, var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))))),1fr)}}._content_8ltuo_1{display:flex;flex-direction:column;width:100%}._content--tile_8ltuo_8 ._previewWrap_8ltuo_8{width:100%;aspect-ratio:16 / 10;flex-shrink:0}._content--tile_8ltuo_8 ._body_8ltuo_14{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 4 * 1px);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1 * 1px)}._content--row_8ltuo_22{flex-direction:row}._content--row_8ltuo_22 ._previewWrap_8ltuo_8{width:160px;min-width:160px;aspect-ratio:1;flex-shrink:0}._content--row_8ltuo_22 ._body_8ltuo_14{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 4 * 1px);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1 * 1px);min-width:0;flex:1}._previewWrap_8ltuo_8{position:relative;background-color:var(--palette-background-default);overflow:hidden}._tagsSlotTile_8ltuo_48{position:absolute;top:0;left:0;z-index:1;padding:calc(var(--spacing-unit) * 2 * 1px) calc(var(--spacing-unit) * 3 * 1px);display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);pointer-events:auto}._tagsSlotRow_8ltuo_60{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);margin-bottom:calc(var(--spacing-unit) * 1 * 1px);pointer-events:auto}._previewImage_8ltuo_68{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;vertical-align:middle}._previewPlaceholder_8ltuo_76{width:100%;height:100%;min-height:120px;background-color:var(--palette-border-subtle);background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,var(--palette-background-paper) 8px,var(--palette-background-paper) 10px)}._title_8ltuo_90{color:var(--palette-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;margin:0}._date_8ltuo_101{margin:0;flex-shrink:0}._root_19jmt_1{display:block;background-color:var(--palette-background-paper);border:var(--border-base) solid var(--palette-border-subtle);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadows-sm);text-decoration:none;color:inherit;transition:transform var(--transitions-duration-slow) var(--transitions-easing-easeInOut),box-shadow var(--transitions-duration-slow) var(--transitions-easing-easeInOut),border-color var(--transitions-duration-slow) var(--transitions-easing-easeInOut),background-color var(--transitions-duration-slow) var(--transitions-easing-easeInOut)}._root--interactive_19jmt_17{cursor:pointer}._root--interactive_19jmt_17:hover{transform:translateY(-2px);box-shadow:var(--shadows-lg);border-color:var(--palette-border-default);background-color:var(--palette-background-default)}._root--interactive_19jmt_17:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._root--tile_19jmt_33{max-width:360px}._root--row_19jmt_37{max-width:100%}
+._typography_11hr8_1{font-family:var(--typography-font-family);margin:0;padding:0}._typography--h1_11hr8_8{font-size:var(--typography-font-size-4xl);font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-tight);color:var(--palette-text-primary)}._typography--h2_11hr8_15{font-size:var(--typography-font-size-3xl);font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-tight);color:var(--palette-text-primary)}._typography--h3_11hr8_22{font-size:var(--typography-font-size-2xl);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h4_11hr8_29{font-size:var(--typography-font-size-xl);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h5_11hr8_36{font-size:var(--typography-font-size-lg);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h6_11hr8_43{font-size:var(--typography-font-size-base);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--body_11hr8_50{font-size:var(--typography-font-size-base);font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--caption_11hr8_57{font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-normal);color:var(--palette-text-secondary)}._typography--overline_11hr8_64{font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-secondary);text-transform:uppercase;letter-spacing:.05em}._typography--xs_11hr8_74{font-size:var(--typography-font-size-xs)}._typography--sm_11hr8_78{font-size:var(--typography-font-size-sm)}._typography--base_11hr8_82{font-size:var(--typography-font-size-base)}._typography--lg_11hr8_86{font-size:var(--typography-font-size-lg)}._typography--xl_11hr8_90{font-size:var(--typography-font-size-xl)}._typography--2xl_11hr8_94{font-size:var(--typography-font-size-2xl)}._typography--3xl_11hr8_98{font-size:var(--typography-font-size-3xl)}._typography--4xl_11hr8_102{font-size:var(--typography-font-size-4xl)}._typography--color-primary_11hr8_107{color:var(--palette-text-primary)}._typography--color-secondary_11hr8_111{color:var(--palette-text-secondary)}._typography--color-disabled_11hr8_115{color:var(--palette-text-disabled)}._tag_10ar5_1{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 1 * 1px);border-radius:var(--border-radius-base);border:2px solid var(--palette-border-strong);font-family:var(--typography-font-family);font-weight:var(--typography-font-weight-medium);line-height:1;white-space:nowrap}._tag--link_10ar5_13{text-decoration:none;color:inherit}._tag--link_10ar5_13:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._tagContent_10ar5_23{display:inline-flex;align-items:center}._tagIcon_10ar5_28{display:inline-flex;align-items:center;flex-shrink:0}._tagClose_10ar5_34{display:inline-flex;align-items:center;justify-content:center;margin-left:calc(var(--spacing-unit) * 1 * 1px);padding:0;background:none;border:none;cursor:pointer;font-size:1.2em;line-height:1;color:inherit;opacity:.7;transition:opacity var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._tagClose_10ar5_34:hover{opacity:1}._tagClose_10ar5_34:focus{outline:2px solid currentColor;outline-offset:2px}._tag--sm_10ar5_60{padding:calc(var(--spacing-unit) * 1 * 1px) calc(var(--spacing-unit) * 2 * 1px);font-size:var(--typography-font-size-xs)}._tag--md_10ar5_65{padding:calc(var(--spacing-unit) * 1 * 1px) calc(var(--spacing-unit) * 3 * 1px);font-size:var(--typography-font-size-sm)}._tag--lg_10ar5_70{padding:calc(var(--spacing-unit) * 2 * 1px) calc(var(--spacing-unit) * 4 * 1px);font-size:var(--typography-font-size-base)}._tag--primary_10ar5_76{background-color:var(--palette-primary-main);color:var(--palette-secondary-contrastText)}._tag--secondary_10ar5_81{background-color:var(--palette-secondary-main);color:var(--palette-secondary-contrastText)}._tag--success_10ar5_86{background-color:var(--palette-success-main);color:#fff}._tag--warning_10ar5_91{background-color:var(--palette-warning-main);color:#fff}._tag--error_10ar5_96{background-color:var(--palette-error-main);color:#fff}._tag--neutral_10ar5_101{background-color:var(--palette-border-default);color:var(--palette-text-primary)}._tagGroup_1b8va_1{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);align-items:center}._button_t5esz_1{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2 * 1px);border:1px solid transparent;border-radius:var(--border-radius-lg);font-family:var(--typography-font-family);font-weight:var(--typography-font-weight-medium);line-height:1;cursor:pointer;transition:all var(--transitions-duration-base) var(--transitions-easing-easeInOut);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;box-shadow:var(--shadows-sm)}._button_t5esz_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._button_t5esz_1:disabled,._button_t5esz_1[aria-disabled=true]{cursor:not-allowed;opacity:.6;box-shadow:none}._buttonContent_t5esz_32{display:inline-flex;align-items:center}._buttonIcon_t5esz_37{display:inline-flex;align-items:center;flex-shrink:0}._buttonSpinner_t5esz_43{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_t5esz_1 .6s linear infinite}@keyframes _spin_t5esz_1{to{transform:rotate(360deg)}}._button--sm_t5esz_60{padding:calc(var(--spacing-unit) * 1.5 * 1px) calc(var(--spacing-unit) * 3.5 * 1px);font-size:var(--typography-font-size-sm);min-height:36px}._button--md_t5esz_66{padding:calc(var(--spacing-unit) * 2.5 * 1px) calc(var(--spacing-unit) * 5 * 1px);font-size:var(--typography-font-size-base);min-height:44px}._button--lg_t5esz_72{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 6 * 1px);font-size:var(--typography-font-size-lg);min-height:52px}._button--fullWidth_t5esz_78{width:100%}._button--primary_t5esz_83{background-color:var(--palette-primary-hover);color:var(--palette-text-primary);border-color:var(--palette-primary-hover);box-shadow:var(--shadows-sm)}._button--primary_t5esz_83:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-main);border-color:var(--palette-primary-main);color:var(--palette-primary-contrast-text);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--primary_t5esz_83:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-active);border-color:var(--palette-primary-active);color:var(--palette-primary-contrast-text);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--secondary_t5esz_106{background-color:var(--palette-background-paper);color:var(--palette-secondary-contrast-text);border-color:var(--palette-secondary-main);box-shadow:var(--shadows-sm)}._button--secondary_t5esz_106:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-secondary-hover);border-color:var(--palette-secondary-hover);color:var(--palette-secondary-contrast-text);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--secondary_t5esz_106:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-secondary-active);border-color:var(--palette-secondary-active);color:var(--palette-secondary-contrast-text);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--outline_t5esz_129{background-color:var(--palette-background-paper);color:var(--palette-primary-main);border-color:var(--palette-primary-main);box-shadow:var(--shadows-sm)}._button--outline_t5esz_129:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-hover);color:var(--palette-text-secondary);border-color:var(--palette-primary-hover);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--outline_t5esz_129:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-active);color:var(--palette-primary-contrast-text);border-color:var(--palette-primary-active);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--ghost_t5esz_152{background-color:transparent;color:var(--palette-primary-main);border-color:transparent;box-shadow:none}._button--ghost_t5esz_152:hover:not(:disabled):not([aria-disabled=true]){background-color:#0000000d;box-shadow:var(--shadows-sm)}._button--ghost_t5esz_152:active:not(:disabled):not([aria-disabled=true]){background-color:#0000001a;box-shadow:none}[data-color-scheme=dark] ._button--ghost_t5esz_152:hover:not(:disabled):not([aria-disabled=true]){background-color:#ffffff1a;box-shadow:var(--shadows-sm)}[data-color-scheme=dark] ._button--ghost_t5esz_152:active:not(:disabled):not([aria-disabled=true]){background-color:#fff3;box-shadow:none}._button--loading_t5esz_181{position:relative;color:transparent}._icon_1se7w_1{display:inline-block;flex-shrink:0;vertical-align:middle;color:currentColor;fill:currentColor}._icon--custom_1se7w_9{fill:unset}._labelMenuItem_fjxw4_1{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 2 * 1px);padding:calc(var(--spacing-unit) * 3 * 1px);border:none;background:transparent;cursor:pointer;transition:all var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._labelMenuItem_fjxw4_1:hover:not(:disabled){opacity:.8}._labelMenuItem_fjxw4_1:active:not(:disabled){opacity:.6}._labelMenuItem_fjxw4_1:disabled{cursor:not-allowed;opacity:.5}._labelMenuItem_fjxw4_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px;border-radius:var(--border-radius-md)}._icon_fjxw4_32{display:flex;align-items:center;justify-content:center}._label_fjxw4_1{text-align:center}._heartIconOutline_137aq_1{fill:none}._likeButton_1nv5d_1{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2 * 1px);padding:calc(var(--spacing-unit) * 1.5 * 1px) calc(var(--spacing-unit) * 2 * 1px);border:none;border-radius:var(--border-radius-full);background:transparent;color:var(--palette-text-secondary);cursor:pointer;font-family:var(--typography-font-family);transition:color var(--transitions-duration-base) var(--transitions-easing-easeInOut),transform var(--transitions-duration-base) var(--transitions-easing-easeOut),filter var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._likeButton_1nv5d_1:hover:not(._likeButton--disabled_1nv5d_19){color:var(--palette-primary-main);transform:scale(1.08);filter:drop-shadow(0 0 6px var(--palette-primary-main))}._likeButton--liked_1nv5d_25{color:var(--palette-primary-main)}._likeButton--liked_1nv5d_25:hover:not(._likeButton--disabled_1nv5d_19){color:var(--palette-primary-hover);filter:drop-shadow(0 0 8px var(--palette-primary-hover))}._likeButton_1nv5d_1:active:not(._likeButton--disabled_1nv5d_19){transform:scale(.98)}._likeButton_1nv5d_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._likeButton--disabled_1nv5d_19{cursor:not-allowed;opacity:.5}._likeButton--pop_1nv5d_49 ._heartWrap_1nv5d_49{animation:_heartPop_1nv5d_1 .55s cubic-bezier(.34,1.56,.64,1)}@keyframes _heartPop_1nv5d_1{0%{transform:scale(1)}25%{transform:scale(1.45)}50%{transform:scale(.92)}70%{transform:scale(1.12)}85%{transform:scale(.98)}to{transform:scale(1)}}._likeButton--liked_1nv5d_25:hover:not(._likeButton--disabled_1nv5d_19) ._heartWrap_1nv5d_49{animation:_heartBeat_1nv5d_1 .6s ease-in-out}@keyframes _heartBeat_1nv5d_1{0%,to{transform:scale(1)}20%{transform:scale(1.15)}40%{transform:scale(.95)}60%{transform:scale(1.08)}80%{transform:scale(1)}}._heartWrap_1nv5d_49{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em}._heart_1nv5d_49{width:100%;height:100%;transition:color var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._countWrap_1nv5d_112{display:inline-flex;align-items:center;justify-content:flex-start;min-width:1.5em}._countWrap--bump_1nv5d_119{animation:_countBump_1nv5d_1 .5s cubic-bezier(.34,1.56,.64,1)}@keyframes _countBump_1nv5d_1{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.35) translateY(-4px)}55%{transform:scale(.95) translateY(1px)}75%{transform:scale(1.08) translateY(-1px)}to{transform:scale(1) translateY(0)}}._count_1nv5d_112{margin:0;text-align:left}._stack_45gcn_1{display:flex}._stack--direction-row_45gcn_6{flex-direction:row}._stack--direction-column_45gcn_10{flex-direction:column}._stack--direction-row-reverse_45gcn_14{flex-direction:row-reverse}._stack--direction-column-reverse_45gcn_18{flex-direction:column-reverse}._stack--align-start_45gcn_23{align-items:flex-start}._stack--align-end_45gcn_27{align-items:flex-end}._stack--align-center_45gcn_31{align-items:center}._stack--align-stretch_45gcn_35{align-items:stretch}._stack--align-baseline_45gcn_39{align-items:baseline}._stack--justify-start_45gcn_44{justify-content:flex-start}._stack--justify-end_45gcn_48{justify-content:flex-end}._stack--justify-center_45gcn_52{justify-content:center}._stack--justify-between_45gcn_56{justify-content:space-between}._stack--justify-around_45gcn_60{justify-content:space-around}._stack--justify-evenly_45gcn_64{justify-content:space-evenly}._stack--wrap-nowrap_45gcn_69{flex-wrap:nowrap}._stack--wrap-wrap_45gcn_73{flex-wrap:wrap}._stack--wrap-wrap-reverse_45gcn_77{flex-wrap:wrap-reverse}._grid_16nbv_1{display:grid}@media(min-width:640px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-sm, var(--grid-cols-xs, 1)),1fr)}}@media(min-width:768px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))),1fr)}}@media(min-width:1024px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))),1fr)}}@media(min-width:1280px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-xl, var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))))),1fr)}}@media(min-width:1536px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-2xl, var(--grid-cols-xl, var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))))),1fr)}}._content_8ltuo_1{display:flex;flex-direction:column;width:100%}._content--tile_8ltuo_8 ._previewWrap_8ltuo_8{width:100%;aspect-ratio:16 / 10;flex-shrink:0}._content--tile_8ltuo_8 ._body_8ltuo_14{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 4 * 1px);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1 * 1px)}._content--row_8ltuo_22{flex-direction:row}._content--row_8ltuo_22 ._previewWrap_8ltuo_8{width:160px;min-width:160px;aspect-ratio:1;flex-shrink:0}._content--row_8ltuo_22 ._body_8ltuo_14{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 4 * 1px);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1 * 1px);min-width:0;flex:1}._previewWrap_8ltuo_8{position:relative;background-color:var(--palette-background-default);overflow:hidden}._tagsSlotTile_8ltuo_48{position:absolute;top:0;left:0;z-index:1;padding:calc(var(--spacing-unit) * 2 * 1px) calc(var(--spacing-unit) * 3 * 1px);display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);pointer-events:auto}._tagsSlotRow_8ltuo_60{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);margin-bottom:calc(var(--spacing-unit) * 1 * 1px);pointer-events:auto}._previewImage_8ltuo_68{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;vertical-align:middle}._previewPlaceholder_8ltuo_76{width:100%;height:100%;min-height:120px;background-color:var(--palette-border-subtle);background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,var(--palette-background-paper) 8px,var(--palette-background-paper) 10px)}._title_8ltuo_90{color:var(--palette-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;margin:0}._date_8ltuo_101{margin:0;flex-shrink:0}._root_19jmt_1{display:block;background-color:var(--palette-background-paper);border:var(--border-base) solid var(--palette-border-subtle);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadows-sm);text-decoration:none;color:inherit;transition:transform var(--transitions-duration-slow) var(--transitions-easing-easeInOut),box-shadow var(--transitions-duration-slow) var(--transitions-easing-easeInOut),border-color var(--transitions-duration-slow) var(--transitions-easing-easeInOut),background-color var(--transitions-duration-slow) var(--transitions-easing-easeInOut)}._root--interactive_19jmt_17{cursor:pointer}._root--interactive_19jmt_17:hover{transform:translateY(-2px);box-shadow:var(--shadows-lg);border-color:var(--palette-border-default);background-color:var(--palette-background-default)}._root--interactive_19jmt_17:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._root--tile_19jmt_33{max-width:360px}._root--row_19jmt_37{max-width:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--palette-text-primary, #171717);background-color:#fff}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}:focus-visible{outline:2px solid var(--palette-primary-main, #0ea5e9);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}

package/dist/utils/deepMerge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge<T>(target: T, source: Partial<T>): T;

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { deepMerge } from './deepMerge';
+export { openExternalLink } from './navigation';

package/dist/utils/navigation.d.ts

@@ -0,0 +1 @@
+export declare function openExternalLink(url: string, target?: string, features?: string): void;

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@atme-lab/ui-kit",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Component library for personal projects",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.esm.js",
-      "require": "./dist/index.js"
+      "require": "./dist/index.cjs.js"
     },
     "./global": {
       "types": "./dist/global.d.ts",
       "import": "./dist/global.esm.js",
-      "require": "./dist/global.js"
+      "require": "./dist/global.cjs.js"
     },
     "./tokens": {
       "types": "./dist/tokens/index.d.ts",
@@ -25,6 +25,28 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "prepare": "husky",
+    "prepublishOnly": "npm run build",
+    "dev": "vite --config .configs/vite.config.ts",
+    "build": "tsc && vite build --config .configs/vite.config.ts",
+    "type-check": "tsc --noEmit",
+    "test": "vitest --config .configs/vitest.config.ts",
+    "test:ui": "vitest --config .configs/vitest.config.ts --ui",
+    "test:coverage": "vitest --config .configs/vitest.config.ts --coverage",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --config .configs/eslintrc.cjs",
+    "lint:fix": "eslint . --ext ts,tsx --fix --config .configs/eslintrc.cjs",
+    "format": "prettier --write --config .configs/prettierrc \"**/*.{ts,tsx,js,jsx,json,css,md}\" --ignore-path .prettierignore",
+    "format:check": "prettier --check --config .configs/prettierrc \"**/*.{ts,tsx,js,jsx,json,css,md}\" --ignore-path .prettierignore",
+    "stylelint": "stylelint --config .configs/stylelintrc.json \"**/*.{css,pcss}\"",
+    "stylelint:fix": "stylelint --config .configs/stylelintrc.json \"**/*.{css,pcss}\" --fix",
+    "commit": "cz",
+    "release": "standard-version",
+    "release:minor": "standard-version --release-as minor",
+    "release:major": "standard-version --release-as major"
+  },
   "keywords": [
     "react",
     "ui",
@@ -88,30 +110,11 @@
     "tsx": "^4.21.0",
     "typescript": "^5.7.2",
     "vite": "^6.0.5",
-    "vitest": "^4.0.16",
-    "vite-aliases": "^0.11.8"
+    "vite-aliases": "^0.11.8",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.16"
   },
   "dependencies": {
     "classnames": "^2.5.1"
-  },
-  "scripts": {
-    "dev": "vite --config .configs/vite.config.ts",
-    "build": "tsc && vite build --config .configs/vite.config.ts",
-    "type-check": "tsc --noEmit",
-    "test": "vitest --config .configs/vitest.config.ts",
-    "test:ui": "vitest --config .configs/vitest.config.ts --ui",
-    "test:coverage": "vitest --config .configs/vitest.config.ts --coverage",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --config .configs/eslintrc.cjs",
-    "lint:fix": "eslint . --ext ts,tsx --fix --config .configs/eslintrc.cjs",
-    "format": "prettier --write --config .configs/prettierrc \"**/*.{ts,tsx,js,jsx,json,css,md}\" --ignore-path .prettierignore",
-    "format:check": "prettier --check --config .configs/prettierrc \"**/*.{ts,tsx,js,jsx,json,css,md}\" --ignore-path .prettierignore",
-    "stylelint": "stylelint --config .configs/stylelintrc.json \"**/*.{css,pcss}\"",
-    "stylelint:fix": "stylelint --config .configs/stylelintrc.json \"**/*.{css,pcss}\" --fix",
-    "commit": "cz",
-    "release": "standard-version",
-    "release:minor": "standard-version --release-as minor",
-    "release:major": "standard-version --release-as major"
   }
-}
+}