@me1a/ui 2.0.14 → 2.0.16

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

@@ -1,483 +0,0 @@
-export { a as Button, B as ButtonProps, c as Tooltip, T as TooltipContent, e as TooltipProvider, d as TooltipTrigger, b as buttonVariants } from '../../tooltip-Bam0zJCO.js';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-export { I as Input } from '../../input-TJ_d3ROF.js';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import '@radix-ui/react-tooltip';
-
-/**
- * Props interface for the TextField component.
- * Extends the native input HTML attributes and adds support for variants and icons.
- *
- * @interface TextFieldProps
- * @extends {React.InputHTMLAttributes<HTMLInputElement>}
- * @extends {VariantProps<typeof textFieldVariants>}
- *
- * @property {string} [variant] - The visual style variant of the text field.
- * @property {string} [size] - The size variant of the text field.
- * @property {string} [className] - Additional CSS classes to apply to the text field.
- * @property {React.ReactNode} [startIcon] - Icon to display before the input.
- * @property {React.ReactNode} [endIcon] - Icon to display after the input.
- * @property {boolean} [loading] - Whether the text field is in a loading state.
- * @property {string} [error] - Error message to display below the text field.
- * @property {string} [label] - Label text for the text field.
- * @property {string} [helperText] - Helper text to display below the text field.
- */
-interface TextFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textFieldVariants> {
-    startIcon?: React$1.ReactNode;
-    endIcon?: React$1.ReactNode;
-    loading?: boolean;
-    error?: string;
-    label?: string;
-    helperText?: string;
-}
-
-/**
- * Text field variant styles using class-variance-authority.
- * Defines the visual styles for different text field variants and sizes.
- */
-declare const textFieldVariants: (props?: ({
-    variant?: "default" | "error" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/**
- * A versatile text field component that supports multiple variants, sizes, and icons.
- * Built on top of shadcn/ui's Input component.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-text-field--docs
- *
- * @component
- * @example
- * ```tsx
- * // Default text field
- * <TextField placeholder="Enter text" />
- *
- * // With icons
- * <TextField startIcon={<SearchIcon />} placeholder="Search..." />
- * <TextField endIcon={<CalendarIcon />} placeholder="Select date" />
- *
- * // With loading state
- * <TextField loading placeholder="Loading..." />
- *
- * // With error
- * <TextField error="Invalid input" placeholder="Enter text" />
- * ```
- */
-declare const TextField: React$1.ForwardRefExoticComponent<TextFieldProps & React$1.RefAttributes<HTMLInputElement>>;
-
-interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The maximum width of the container.
-     * - "sm": 640px
-     * - "md": 768px
-     * - "lg": 1024px
-     * - "xl": 1280px
-     * - "full": 100%
-     * - false: No max-width (fluid)
-     *
-     * @default "lg"
-     */
-    maxWidth?: "sm" | "md" | "lg" | "xl" | "full" | false;
-    /**
-     * Whether to disable the default horizontal padding.
-     * When true, removes the default padding (px-4 sm:px-6 lg:px-8).
-     *
-     * @default false
-     */
-    disablePadding?: boolean;
-    /**
-     * Whether to make the container fluid (no max-width).
-     * When true, the container will expand to fill its parent's width.
-     *
-     * @default false
-     */
-    fluid?: boolean;
-}
-declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * Box is a fundamental layout component that serves as a building block for other components.
- * It's a polymorphic component that can render as different HTML elements while maintaining
- * consistent styling and behavior.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-box--docs
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Box>Content</Box>
- *
- * // As a different element
- * <Box as="section">Section content</Box>
- *
- * // With custom className
- * <Box className="bg-primary text-white p-4">Styled content</Box>
- *
- * // With custom dimensions
- * <Box width="100px" height="200px">Fixed size content</Box>
- * <Box width="50%" height="auto">Responsive content</Box>
- * ```
- */
-
-type BoxComponent = "div" | "span" | "section" | "article" | "main" | "aside" | "header" | "footer" | "nav";
-type DimensionValue = string | number;
-interface BoxProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The HTML element to render the Box as.
-     * This allows for semantic HTML while maintaining consistent styling.
-     *
-     * @default "div"
-     */
-    as?: BoxComponent;
-    /**
-     * The width of the Box component.
-     * Can be a number (interpreted as pixels) or a string (e.g., "100%", "50px", "10rem").
-     */
-    width?: DimensionValue;
-    /**
-     * The height of the Box component.
-     * Can be a number (interpreted as pixels) or a string (e.g., "100%", "50px", "10rem").
-     */
-    height?: DimensionValue;
-}
-declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * Stack is a layout component that arranges its children in a vertical or horizontal stack
- * with consistent spacing between items. It's built on top of Flexbox and provides
- * a simple way to create consistent layouts.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-stack--docs
- *
- * @example
- * ```tsx
- * // Basic vertical stack
- * <Stack>
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- *   <div>Item 3</div>
- * </Stack>
- *
- * // Horizontal stack with custom spacing
- * <Stack direction="horizontal" spacing="lg">
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- * </Stack>
- *
- * // Centered stack with wrapping
- * <Stack direction="horizontal" center wrap>
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- *   <div>Item 3</div>
- * </Stack>
- *
- * // Stack with custom alignment
- * <Stack align="center" justify="between">
- *   <div>Left</div>
- *   <div>Center</div>
- *   <div>Right</div>
- * </Stack>
- *
- * // Stack with custom dimensions
- * <Stack width="100%" height="200px">
- *   <div>Full width, fixed height stack</div>
- * </Stack>
- * ```
- */
-
-interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The direction in which to stack the items.
-     * - "vertical": Items are stacked top to bottom
-     * - "horizontal": Items are stacked left to right
-     *
-     * @default "vertical"
-     */
-    direction?: "vertical" | "horizontal";
-    /**
-     * The spacing between items in the stack.
-     * - "none": 0px
-     * - "xs": 0.25rem (4px)
-     * - "sm": 0.5rem (8px)
-     * - "md": 1rem (16px)
-     * - "lg": 1.5rem (24px)
-     * - "xl": 2rem (32px)
-     *
-     * @default "md"
-     */
-    spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
-    /**
-     * Whether to allow items to wrap to the next line when they don't fit.
-     * Only applies to horizontal stacks.
-     *
-     * @default false
-     */
-    wrap?: boolean;
-    /**
-     * Whether to center items both horizontally and vertically.
-     * This is a shorthand for setting both align and justify to "center".
-     *
-     * @default false
-     */
-    center?: boolean;
-    /**
-     * How to justify items along the main axis.
-     * - "start": Items are packed toward the start
-     * - "end": Items are packed toward the end
-     * - "center": Items are centered
-     * - "between": Items are evenly distributed with first item at start and last at end
-     * - "around": Items are evenly distributed with equal space around them
-     * - "evenly": Items are distributed so that the spacing between any two items is equal
-     *
-     * @default undefined
-     */
-    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
-    /**
-     * How to align items along the cross axis.
-     * - "start": Items are aligned at the start
-     * - "end": Items are aligned at the end
-     * - "center": Items are centered
-     * - "stretch": Items are stretched to fill the container
-     * - "baseline": Items are aligned at their baselines
-     *
-     * @default undefined
-     */
-    align?: "start" | "end" | "center" | "stretch" | "baseline";
-    /**
-     * The width of the stack container.
-     * Can be any valid CSS width value (e.g., "100%", "200px", "50vw").
-     *
-     * @default undefined
-     */
-    width?: string;
-    /**
-     * The height of the stack container.
-     * Can be any valid CSS height value (e.g., "100%", "200px", "50vh").
-     *
-     * @default undefined
-     */
-    height?: string;
-}
-declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * Dialog component for creating accessible dialogs with overlay and content.
- * Built on top of Radix UI's Dialog primitive.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-dialog--docs
- *
- * @example
- * ```tsx
- * <Dialog>
- *   <DialogTrigger>Open Dialog</DialogTrigger>
- *   <DialogContent>Dialog Content</DialogContent>
- * </Dialog>
- */
-declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const DialogFooter: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-
-/**
- * Separator component for creating horizontal or vertical dividers.
- * Built on top of Radix UI's Separator primitive.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-separator--docs
- *
- */
-declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-/**
- * Sheet component for creating accessible sheets with overlay and content.
- * Built on top of Radix UI's Sheet primitive.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-sheet--docs
- *
- * @example
- * ```tsx
- * <Sheet>
- *   <SheetTrigger>Open Sheet</SheetTrigger>
- *   <SheetContent>Sheet Content</SheetContent>
- * </Sheet>
- */
-declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
-declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
-declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
-}
-declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const SheetHeader: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const SheetFooter: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-
-/**
- * Skeleton component for creating a loading state.
- * Built on top of shadcn/ui's Skeleton component.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-skeleton--docs
- *
- * @example
- * ```tsx
- * <Skeleton className="w-10 h-10" />
- * ```
- */
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
-/**
- * Avatar component that displays a user's profile picture or fallback.
- * Built on top of Radix UI's Avatar primitive.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-avatar--docs
- *
- * @example
- * ```tsx
- * <Avatar>
- *   <AvatarImage src="/path/to/image.jpg" alt="User avatar" />
- *   <AvatarFallback>JD</AvatarFallback>
- * </Avatar>
- * ```
- */
-declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-/**
- * AvatarImage component that displays the user's profile picture.
- * Falls back to AvatarFallback if the image fails to load.
- */
-declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
-/**
- * AvatarFallback component that displays when the image fails to load.
- * Typically shows the user's initials or a placeholder icon.
- */
-declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-
-type AvatarProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
-type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
-type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-    /**
-     * The content to display inside the badge
-     */
-    children: React.ReactNode;
-    /**
-     * Optional icon to display before the badge content
-     */
-    icon?: React.ReactNode;
-    /**
-     * Optional icon to display after the badge content
-     */
-    iconAfter?: React.ReactNode;
-}
-
-/**
- * Badge component for displaying status, counts, or labels.
- * Supports various variants, sizes, and optional icons.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-badge--docs
- *
- * @example
- * ```tsx
- * <Badge variant="success">Active</Badge>
- * <Badge variant="warning" icon={<AlertIcon />}>Warning</Badge>
- * <Badge variant="info" size="lg" iconAfter={<ArrowIcon />}>New</Badge>
- * ```
- */
-declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const typographyVariants: (props?: ({
-    variant?: "list" | "small" | "blockquote" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "muted" | "large" | "lead" | null | undefined;
-    align?: "center" | "left" | "right" | "justify" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TypographyProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
-    as?: React$1.ElementType;
-}
-/**
- * Typography component for creating accessible text elements.
- * Built on top of shadcn/ui's Typography component.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-typography--docs
- *
- */
-declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
-
-type TypographyVariant = NonNullable<VariantProps<typeof typographyVariants>["variant"]>;
-type TypographyAlign = NonNullable<VariantProps<typeof typographyVariants>["align"]>;
-
-interface PageLoaderProps$1 {
-    /**
-     * Optional className to extend the component's styles
-     */
-    className?: string;
-    /**
-     * Optional size of the loader (default: "default")
-     */
-    size?: "sm" | "default" | "lg";
-    /**
-     * Optional text to display below the loader
-     */
-    text?: string;
-    /**
-     * Optional color of the loader (default: "primary")
-     */
-    color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
-}
-/**
- * PageLoader component for displaying a loading indicator.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-page-loader--docs
- *
- */
-declare function PageLoader({ className, size, text, color }: PageLoaderProps$1): react_jsx_runtime.JSX.Element;
-
-interface PageLoaderProps {
-    /**
-     * Optional className to extend the component's styles
-     */
-    className?: string;
-    /**
-     * Optional size of the loader (default: "default")
-     */
-    size?: "sm" | "default" | "lg";
-    /**
-     * Optional text to display below the loader
-     */
-    text?: string;
-    /**
-     * Optional color of the loader (default: "primary")
-     */
-    color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
-}
-
-export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, PageLoader, type PageLoaderProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Stack, type StackProps, TextField, type TextFieldProps, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, typographyVariants };

package/dist/components/atoms/index.js

@@ -1,2 +0,0 @@
-'use strict';var chunkIPKT3LIP_js=require('../../chunk-IPKT3LIP.js'),chunkZEUOBWG4_js=require('../../chunk-ZEUOBWG4.js'),chunkGH5JAZCC_js=require('../../chunk-GH5JAZCC.js'),chunkKITWXTCP_js=require('../../chunk-KITWXTCP.js'),chunkNCY2ZNET_js=require('../../chunk-NCY2ZNET.js'),y=require('react'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime'),m=require('@radix-ui/react-dialog'),f=require('@radix-ui/react-avatar');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var y__namespace=/*#__PURE__*/_interopNamespace(y);var m__namespace=/*#__PURE__*/_interopNamespace(m);var f__namespace=/*#__PURE__*/_interopNamespace(f);var K=classVarianceAuthority.cva("w-full",{variants:{variant:{default:"",error:"border-destructive focus-visible:ring-destructive"},size:{default:"h-10",sm:"h-8 text-xs",lg:"h-12 text-base"}},defaultVariants:{variant:"default",size:"default"}}),E=y__namespace.forwardRef((X,D)=>{var u=X,{className:o,variant:t,size:e,startIcon:r,endIcon:a,loading:l=false,error:d,label:p,helperText:c,disabled:g}=u,h=chunkNCY2ZNET_js.c(u,["className","variant","size","startIcon","endIcon","loading","error","label","helperText","disabled"]);let A=y__namespace.useId();return jsxRuntime.jsxs("div",{className:"w-full space-y-2",children:[p&&jsxRuntime.jsx(chunkIPKT3LIP_js.a,{htmlFor:A,children:p}),jsxRuntime.jsxs("div",{className:"relative",children:[r&&jsxRuntime.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:r}),jsxRuntime.jsx(chunkGH5JAZCC_js.a,chunkNCY2ZNET_js.a({id:A,className:chunkKITWXTCP_js.a(K({variant:d?"error":t,size:e,className:o}),r&&"pl-9",(a||l)&&"pr-9"),ref:D,disabled:g||l},h)),(a||l)&&jsxRuntime.jsx("div",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:l?jsxRuntime.jsx(lucideReact.Loader2,{className:"h-4 w-4 animate-spin"}):a})]}),(d||c)&&jsxRuntime.jsx("p",{className:chunkKITWXTCP_js.a("text-sm",d?"text-destructive":"text-muted-foreground"),children:d||c})]})});E.displayName="TextField";var Q=y__namespace.forwardRef((d,l)=>{var p=d,{className:o,maxWidth:t="lg",disablePadding:e=false,fluid:r=false}=p,a=chunkNCY2ZNET_js.c(p,["className","maxWidth","disablePadding","fluid"]);return jsxRuntime.jsx("div",chunkNCY2ZNET_js.a({ref:l,className:chunkKITWXTCP_js.a("mx-auto w-full",!e&&"px-4 sm:px-6 lg:px-8",!r&&{"max-w-screen-sm":t==="sm","max-w-screen-md":t==="md","max-w-screen-lg":t==="lg","max-w-screen-xl":t==="xl","max-w-full":t==="full"},o)},a))});Q.displayName="Container";var Y=y__namespace.forwardRef((p,d)=>{var c=p,{as:o="div",className:t,width:e,height:r,style:a}=c,l=chunkNCY2ZNET_js.c(c,["as","className","width","height","style"]);let g=chunkNCY2ZNET_js.a({width:typeof e=="number"?`${e}px`:e,height:typeof r=="number"?`${r}px`:r},a);return jsxRuntime.jsx(o,chunkNCY2ZNET_js.a({ref:d,className:chunkKITWXTCP_js.a(t),style:g},l))});Y.displayName="Box";var _=y__namespace.forwardRef((X,D)=>{var u=X,{className:o,direction:t="vertical",spacing:e="md",wrap:r=false,center:a=false,justify:l,align:d,width:p,height:c,style:g}=u,h=chunkNCY2ZNET_js.c(u,["className","direction","spacing","wrap","center","justify","align","width","height","style"]);return jsxRuntime.jsx("div",chunkNCY2ZNET_js.a({ref:D,className:chunkKITWXTCP_js.a("flex",t==="vertical"?"flex-col":"flex-row",{"gap-0":e==="none","gap-1":e==="xs","gap-2":e==="sm","gap-4":e==="md","gap-6":e==="lg","gap-8":e==="xl"},r&&"flex-wrap",a&&"items-center justify-center",l&&{"justify-start":l==="start","justify-end":l==="end","justify-center":l==="center","justify-between":l==="between","justify-around":l==="around","justify-evenly":l==="evenly"},d&&{"items-start":d==="start","items-end":d==="end","items-center":d==="center","items-stretch":d==="stretch","items-baseline":d==="baseline"},o),style:chunkNCY2ZNET_js.a({width:p,height:c},g)},h))});_.displayName="Stack";var rt=m__namespace.Root,ot=m__namespace.Trigger,te=m__namespace.Portal,it=m__namespace.Close,V=y__namespace.forwardRef((r,e)=>{var a=r,{className:o}=a,t=chunkNCY2ZNET_js.c(a,["className"]);return jsxRuntime.jsx(m__namespace.Overlay,chunkNCY2ZNET_js.a({ref:e,className:chunkKITWXTCP_js.a("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",o)},t))});V.displayName=m__namespace.Overlay.displayName;var ae=y__namespace.forwardRef((a,r)=>{var l=a,{className:o,children:t}=l,e=chunkNCY2ZNET_js.c(l,["className","children"]);return jsxRuntime.jsxs(te,{children:[jsxRuntime.jsx(V,{}),jsxRuntime.jsxs(m__namespace.Content,chunkNCY2ZNET_js.b(chunkNCY2ZNET_js.a({ref:r,className:chunkKITWXTCP_js.a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",o)},e),{children:[t,jsxRuntime.jsxs(m__namespace.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});ae.displayName=m__namespace.Content.displayName;var re=e=>{var r=e,{className:o}=r,t=chunkNCY2ZNET_js.c(r,["className"]);return jsxRuntime.jsx("div",chunkNCY2ZNET_js.a({className:chunkKITWXTCP_js.a("flex flex-col space-y-1.5 text-center sm:text-left",o)},t))};re.displayName="DialogHeader";var oe=e=>{var r=e,{className:o}=r,t=chunkNCY2ZNET_js.c(r,["className"]);return jsxRuntime.jsx("div",chunkNCY2ZNET_js.a({className:chunkKITWXTCP_js.a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",o)},t))};oe.displayName="DialogFooter";var ie=y__namespace.forwardRef((r,e)=>{var a=r,{className:o}=a,t=chunkNCY2ZNET_js.c(a,["className"]);return jsxRuntime.jsx(m__namespace.Title,chunkNCY2ZNET_js.a({ref:e,className:chunkKITWXTCP_js.a("text-lg font-semibold leading-none tracking-tight",o)},t))});ie.displayName=m__namespace.Title.displayName;var se=y__namespace.forwardRef((r,e)=>{var a=r,{className:o}=a,t=chunkNCY2ZNET_js.c(a,["className"]);return jsxRuntime.jsx(m__namespace.Description,chunkNCY2ZNET_js.a({ref:e,className:chunkKITWXTCP_js.a("text-sm text-muted-foreground",o)},t))});se.displayName=m__namespace.Description.displayName;var z=y__namespace.forwardRef((r,e)=>{var a=r,{className:o}=a,t=chunkNCY2ZNET_js.c(a,["className"]);return jsxRuntime.jsx(f__namespace.Root,chunkNCY2ZNET_js.a({ref:e,className:chunkKITWXTCP_js.a("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",o)},t))});z.displayName=f__namespace.Root.displayName;var B=y__namespace.forwardRef((r,e)=>{var a=r,{className:o}=a,t=chunkNCY2ZNET_js.c(a,["className"]);return jsxRuntime.jsx(f__namespace.Image,chunkNCY2ZNET_js.a({ref:e,className:chunkKITWXTCP_js.a("aspect-square h-full w-full",o)},t))});B.displayName=f__namespace.Image.displayName;var I=y__namespace.forwardRef((r,e)=>{var a=r,{className:o}=a,t=chunkNCY2ZNET_js.c(a,["className"]);return jsxRuntime.jsx(f__namespace.Fallback,chunkNCY2ZNET_js.a({ref:e,className:chunkKITWXTCP_js.a("flex h-full w-full items-center justify-center rounded-full bg-muted",o)},t))});I.displayName=f__namespace.Fallback.displayName;var T=classVarianceAuthority.cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground",success:"border-transparent bg-green-500 text-white hover:bg-green-500/80",warning:"border-transparent bg-yellow-500 text-white hover:bg-yellow-500/80",info:"border-transparent bg-blue-500 text-white hover:bg-blue-500/80"},size:{default:"h-5",sm:"h-4 text-[10px]",lg:"h-6 text-sm"}},defaultVariants:{variant:"default",size:"default"}});var $=y__namespace.forwardRef((c,p)=>{var g=c,{className:o,variant:t,size:e,icon:r,iconAfter:a,children:l}=g,d=chunkNCY2ZNET_js.c(g,["className","variant","size","icon","iconAfter","children"]);return jsxRuntime.jsxs("div",chunkNCY2ZNET_js.b(chunkNCY2ZNET_js.a({ref:p,className:chunkKITWXTCP_js.a(T({variant:t,size:e}),o)},d),{children:[r&&jsxRuntime.jsx("span",{className:"mr-1",children:r}),l,a&&jsxRuntime.jsx("span",{className:"ml-1",children:a})]}))});$.displayName="Badge";var de=classVarianceAuthority.cva("",{variants:{variant:{h1:"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",h2:"scroll-m-20 text-3xl font-semibold tracking-tight",h3:"scroll-m-20 text-2xl font-semibold tracking-tight",h4:"scroll-m-20 text-xl font-semibold tracking-tight",h5:"scroll-m-20 text-lg font-semibold tracking-tight",h6:"scroll-m-20 text-base font-semibold tracking-tight",p:"leading-7 [&:not(:first-child)]:mt-6",blockquote:"mt-6 border-l-2 border-slate-300 pl-6 italic",list:"my-6 ml-6 list-disc [&>li]:mt-2",lead:"text-xl text-muted-foreground",large:"text-lg font-semibold",small:"text-sm font-medium leading-none",muted:"text-sm text-muted-foreground"},align:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"}},defaultVariants:{variant:"p",align:"left"}}),pe=y__namespace.forwardRef((d,l)=>{var p=d,{className:o,variant:t,align:e,as:r="p"}=p,a=chunkNCY2ZNET_js.c(p,["className","variant","align","as"]);return jsxRuntime.jsx(r,chunkNCY2ZNET_js.a({className:chunkKITWXTCP_js.a(de({variant:t,align:e,className:o})),ref:l},a))});pe.displayName="Typography";function Et({className:o,size:t="default",text:e,color:r="primary"}){let a={sm:"h-4 w-4",default:"h-8 w-8",lg:"h-12 w-12"},d={primary:"text-primary",secondary:"text-secondary",accent:"text-accent",muted:"text-muted-foreground",destructive:"text-destructive"}[r]||`text-[${r}]`;return jsxRuntime.jsxs("div",{className:chunkKITWXTCP_js.a("fixed inset-0 z-50 flex min-h-screen flex-col items-center justify-center bg-background/80 backdrop-blur-sm",o),role:"alert","aria-live":"assertive",children:[jsxRuntime.jsx(lucideReact.Loader2,{className:chunkKITWXTCP_js.a("animate-spin",d,a[t]),"aria-hidden":"true"}),e&&jsxRuntime.jsx("p",{className:"mt-4 text-sm text-muted-foreground","aria-label":e,children:e})]})}Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunkZEUOBWG4_js.b}});Object.defineProperty(exports,"Separator",{enumerable:true,get:function(){return chunkZEUOBWG4_js.c}});Object.defineProperty(exports,"Sheet",{enumerable:true,get:function(){return chunkZEUOBWG4_js.d}});Object.defineProperty(exports,"SheetClose",{enumerable:true,get:function(){return chunkZEUOBWG4_js.f}});Object.defineProperty(exports,"SheetContent",{enumerable:true,get:function(){return chunkZEUOBWG4_js.i}});Object.defineProperty(exports,"SheetDescription",{enumerable:true,get:function(){return chunkZEUOBWG4_js.m}});Object.defineProperty(exports,"SheetFooter",{enumerable:true,get:function(){return chunkZEUOBWG4_js.k}});Object.defineProperty(exports,"SheetHeader",{enumerable:true,get:function(){return chunkZEUOBWG4_js.j}});Object.defineProperty(exports,"SheetOverlay",{enumerable:true,get:function(){return chunkZEUOBWG4_js.h}});Object.defineProperty(exports,"SheetPortal",{enumerable:true,get:function(){return chunkZEUOBWG4_js.g}});Object.defineProperty(exports,"SheetTitle",{enumerable:true,get:function(){return chunkZEUOBWG4_js.l}});Object.defineProperty(exports,"SheetTrigger",{enumerable:true,get:function(){return chunkZEUOBWG4_js.e}});Object.defineProperty(exports,"Skeleton",{enumerable:true,get:function(){return chunkZEUOBWG4_js.n}});Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkZEUOBWG4_js.p}});Object.defineProperty(exports,"TooltipContent",{enumerable:true,get:function(){return chunkZEUOBWG4_js.r}});Object.defineProperty(exports,"TooltipProvider",{enumerable:true,get:function(){return chunkZEUOBWG4_js.o}});Object.defineProperty(exports,"TooltipTrigger",{enumerable:true,get:function(){return chunkZEUOBWG4_js.q}});Object.defineProperty(exports,"buttonVariants",{enumerable:true,get:function(){return chunkZEUOBWG4_js.a}});Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunkGH5JAZCC_js.a}});exports.Avatar=z;exports.AvatarFallback=I;exports.AvatarImage=B;exports.Badge=$;exports.Box=Y;exports.Container=Q;exports.Dialog=rt;exports.DialogClose=it;exports.DialogContent=ae;exports.DialogDescription=se;exports.DialogFooter=oe;exports.DialogHeader=re;exports.DialogOverlay=V;exports.DialogPortal=te;exports.DialogTitle=ie;exports.DialogTrigger=ot;exports.PageLoader=Et;exports.Stack=_;exports.TextField=E;exports.Typography=pe;exports.badgeVariants=T;exports.typographyVariants=de;//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/components/atoms/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/atoms/text-field/text-field.tsx","../../../src/components/atoms/container/container.tsx","../../../src/components/atoms/box/box.tsx","../../../src/components/atoms/stack/stack.tsx","../../../src/components/atoms/dialog/dialog.tsx","../../../src/components/atoms/avatar/avatar.tsx","../../../src/components/atoms/badge/badge.variants.ts","../../../src/components/atoms/badge/badge.tsx","../../../src/components/atoms/typography/typography.tsx","../../../src/components/atoms/page-loader/page-loader.tsx"],"names":["textFieldVariants","cva","TextField","P","_a","ref","_b","className","variant","size","startIcon","endIcon","loading","error","label","helperText","disabled","props","__objRest","id","jsxs","jsx","Label","Input","__spreadValues","cn","Loader2","Container","H","maxWidth","disablePadding","fluid","Box","F","Component","width","height","style","dimensionStyles","Stack","M","direction","spacing","wrap","center","justify","align","Dialog","m","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","y","DialogContent","children","__spreadProps","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription","Avatar","R","f","AvatarImage","AvatarFallback","badgeVariants","Badge","S","icon","iconAfter","typographyVariants","Typography","q","PageLoader","text","color","sizeClasses","loaderColor"],"mappings":"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","file":"index.js","sourcesContent":["import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { TextFieldProps } from \"./text-field.types\"\nimport { Loader2 } from \"lucide-react\"\nimport { Input } from \"../input\"\nimport { Label } from \"../label\"\n\n/**\n * Text field variant styles using class-variance-authority.\n * Defines the visual styles for different text field variants and sizes.\n */\nconst textFieldVariants = cva(\"w-full\", {\n  variants: {\n    variant: {\n      default: \"\",\n      error: \"border-destructive focus-visible:ring-destructive\"\n    },\n    size: {\n      default: \"h-10\",\n      sm: \"h-8 text-xs\",\n      lg: \"h-12 text-base\"\n    }\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\"\n  }\n})\n\n/**\n * A versatile text field component that supports multiple variants, sizes, and icons.\n * Built on top of shadcn/ui's Input component.\n *\n * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-text-field--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default text field\n * <TextField placeholder=\"Enter text\" />\n *\n * // With icons\n * <TextField startIcon={<SearchIcon />} placeholder=\"Search...\" />\n * <TextField endIcon={<CalendarIcon />} placeholder=\"Select date\" />\n *\n * // With loading state\n * <TextField loading placeholder=\"Loading...\" />\n *\n * // With error\n * <TextField error=\"Invalid input\" placeholder=\"Enter text\" />\n * ```\n */\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      startIcon,\n      endIcon,\n      loading = false,\n      error,\n      label,\n      helperText,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const id = React.useId()\n\n    return (\n      <div className=\"w-full space-y-2\">\n        {label && <Label htmlFor={id}>{label}</Label>}\n        <div className=\"relative\">\n          {startIcon && (\n            <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {startIcon}\n            </div>\n          )}\n          <Input\n            id={id}\n            className={cn(\n              textFieldVariants({ variant: error ? \"error\" : variant, size, className }),\n              startIcon && \"pl-9\",\n              (endIcon || loading) && \"pr-9\"\n            )}\n            ref={ref}\n            disabled={disabled || loading}\n            {...props}\n          />\n          {(endIcon || loading) && (\n            <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : endIcon}\n            </div>\n          )}\n        </div>\n        {(error || helperText) && (\n          <p className={cn(\"text-sm\", error ? \"text-destructive\" : \"text-muted-foreground\")}>\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\n\nTextField.displayName = \"TextField\"\n\nexport { TextField, textFieldVariants }\n","/**\n * Container is a layout component that provides a centered, max-width wrapper for content.\n * It's designed to create consistent horizontal padding and maximum widths across different screen sizes.\n *\n * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-container--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Container>\n *   <h1>Page Title</h1>\n *   <p>Content goes here...</p>\n * </Container>\n *\n * // With custom max width\n * <Container maxWidth=\"xl\">\n *   <h1>Wider Content</h1>\n * </Container>\n *\n * // Fluid container (no max-width)\n * <Container fluid>\n *   <h1>Full Width Content</h1>\n * </Container>\n *\n * // Without padding\n * <Container disablePadding>\n *   <h1>No Padding Content</h1>\n * </Container>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The maximum width of the container.\n   * - \"sm\": 640px\n   * - \"md\": 768px\n   * - \"lg\": 1024px\n   * - \"xl\": 1280px\n   * - \"full\": 100%\n   * - false: No max-width (fluid)\n   *\n   * @default \"lg\"\n   */\n  maxWidth?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\" | false\n  /**\n   * Whether to disable the default horizontal padding.\n   * When true, removes the default padding (px-4 sm:px-6 lg:px-8).\n   *\n   * @default false\n   */\n  disablePadding?: boolean\n  /**\n   * Whether to make the container fluid (no max-width).\n   * When true, the container will expand to fill its parent's width.\n   *\n   * @default false\n   */\n  fluid?: boolean\n}\n\nconst Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, maxWidth = \"lg\", disablePadding = false, fluid = false, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          // Base styles\n          \"mx-auto w-full\",\n          // Padding\n          !disablePadding && \"px-4 sm:px-6 lg:px-8\",\n          // Max width\n          !fluid && {\n            \"max-w-screen-sm\": maxWidth === \"sm\",\n            \"max-w-screen-md\": maxWidth === \"md\",\n            \"max-w-screen-lg\": maxWidth === \"lg\",\n            \"max-w-screen-xl\": maxWidth === \"xl\",\n            \"max-w-full\": maxWidth === \"full\"\n          },\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\n\nContainer.displayName = \"Container\"\n\nexport { Container }\n","/**\n * Box is a fundamental layout component that serves as a building block for other components.\n * It's a polymorphic component that can render as different HTML elements while maintaining\n * consistent styling and behavior.\n *\n * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-box--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Box>Content</Box>\n *\n * // As a different element\n * <Box as=\"section\">Section content</Box>\n *\n * // With custom className\n * <Box className=\"bg-primary text-white p-4\">Styled content</Box>\n *\n * // With custom dimensions\n * <Box width=\"100px\" height=\"200px\">Fixed size content</Box>\n * <Box width=\"50%\" height=\"auto\">Responsive content</Box>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\ntype BoxComponent =\n  | \"div\"\n  | \"span\"\n  | \"section\"\n  | \"article\"\n  | \"main\"\n  | \"aside\"\n  | \"header\"\n  | \"footer\"\n  | \"nav\"\n\ntype DimensionValue = string | number\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The HTML element to render the Box as.\n   * This allows for semantic HTML while maintaining consistent styling.\n   *\n   * @default \"div\"\n   */\n  as?: BoxComponent\n\n  /**\n   * The width of the Box component.\n   * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n   */\n  width?: DimensionValue\n\n  /**\n   * The height of the Box component.\n   * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n   */\n  height?: DimensionValue\n}\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n  ({ as: Component = \"div\", className, width, height, style, ...props }, ref) => {\n    const dimensionStyles = {\n      width: typeof width === \"number\" ? `${width}px` : width,\n      height: typeof height === \"number\" ? `${height}px` : height,\n      ...style\n    }\n\n    return <Component ref={ref} className={cn(className)} style={dimensionStyles} {...props} />\n  }\n)\n\nBox.displayName = \"Box\"\n\nexport { Box }\n","/**\n * Stack is a layout component that arranges its children in a vertical or horizontal stack\n * with consistent spacing between items. It's built on top of Flexbox and provides\n * a simple way to create consistent layouts.\n *\n * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-stack--docs\n *\n * @example\n * ```tsx\n * // Basic vertical stack\n * <Stack>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Horizontal stack with custom spacing\n * <Stack direction=\"horizontal\" spacing=\"lg\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n * </Stack>\n *\n * // Centered stack with wrapping\n * <Stack direction=\"horizontal\" center wrap>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Stack with custom alignment\n * <Stack align=\"center\" justify=\"between\">\n *   <div>Left</div>\n *   <div>Center</div>\n *   <div>Right</div>\n * </Stack>\n *\n * // Stack with custom dimensions\n * <Stack width=\"100%\" height=\"200px\">\n *   <div>Full width, fixed height stack</div>\n * </Stack>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The direction in which to stack the items.\n   * - \"vertical\": Items are stacked top to bottom\n   * - \"horizontal\": Items are stacked left to right\n   *\n   * @default \"vertical\"\n   */\n  direction?: \"vertical\" | \"horizontal\"\n  /**\n   * The spacing between items in the stack.\n   * - \"none\": 0px\n   * - \"xs\": 0.25rem (4px)\n   * - \"sm\": 0.5rem (8px)\n   * - \"md\": 1rem (16px)\n   * - \"lg\": 1.5rem (24px)\n   * - \"xl\": 2rem (32px)\n   *\n   * @default \"md\"\n   */\n  spacing?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n  /**\n   * Whether to allow items to wrap to the next line when they don't fit.\n   * Only applies to horizontal stacks.\n   *\n   * @default false\n   */\n  wrap?: boolean\n  /**\n   * Whether to center items both horizontally and vertically.\n   * This is a shorthand for setting both align and justify to \"center\".\n   *\n   * @default false\n   */\n  center?: boolean\n  /**\n   * How to justify items along the main axis.\n   * - \"start\": Items are packed toward the start\n   * - \"end\": Items are packed toward the end\n   * - \"center\": Items are centered\n   * - \"between\": Items are evenly distributed with first item at start and last at end\n   * - \"around\": Items are evenly distributed with equal space around them\n   * - \"evenly\": Items are distributed so that the spacing between any two items is equal\n   *\n   * @default undefined\n   */\n  justify?: \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\"\n  /**\n   * How to align items along the cross axis.\n   * - \"start\": Items are aligned at the start\n   * - \"end\": Items are aligned at the end\n   * - \"center\": Items are centered\n   * - \"stretch\": Items are stretched to fill the container\n   * - \"baseline\": Items are aligned at their baselines\n   *\n   * @default undefined\n   */\n  align?: \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\"\n  /**\n   * The width of the stack container.\n   * Can be any valid CSS width value (e.g., \"100%\", \"200px\", \"50vw\").\n   *\n   * @default undefined\n   */\n  width?: string\n  /**\n   * The height of the stack container.\n   * Can be any valid CSS height value (e.g., \"100%\", \"200px\", \"50vh\").\n   *\n   * @default undefined\n   */\n  height?: string\n}\n\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      className,\n      direction = \"vertical\",\n      spacing = \"md\",\n      wrap = false,\n      center = false,\n      justify,\n      align,\n      width,\n      height,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          // Base styles\n          \"flex\",\n          // Direction\n          direction === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          // Spacing\n          {\n            \"gap-0\": spacing === \"none\",\n            \"gap-1\": spacing === \"xs\",\n            \"gap-2\": spacing === \"sm\",\n            \"gap-4\": spacing === \"md\",\n            \"gap-6\": spacing === \"lg\",\n            \"gap-8\": spacing === \"xl\"\n          },\n          // Wrap\n          wrap && \"flex-wrap\",\n          // Center\n          center && \"items-center justify-center\",\n          // Justify\n          justify && {\n            \"justify-start\": justify === \"start\",\n            \"justify-end\": justify === \"end\",\n            \"justify-center\": justify === \"center\",\n            \"justify-between\": justify === \"between\",\n            \"justify-around\": justify === \"around\",\n            \"justify-evenly\": justify === \"evenly\"\n          },\n          // Align\n          align && {\n            \"items-start\": align === \"start\",\n            \"items-end\": align === \"end\",\n            \"items-center\": align === \"center\",\n            \"items-stretch\": align === \"stretch\",\n            \"items-baseline\": align === \"baseline\"\n          },\n          className\n        )}\n        style={{\n          width,\n          height,\n          ...style\n        }}\n        {...props}\n      />\n    )\n  }\n)\n\nStack.displayName = \"Stack\"\n\nexport { Stack }\n","import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\nimport { cn } from \"@/utils\"\n\n/**\n * Dialog component for creating accessible dialogs with overlay and content.\n * Built on top of Radix UI's Dialog primitive.\n *\n * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-dialog--docs\n *\n * @example\n * ```tsx\n * <Dialog>\n *   <DialogTrigger>Open Dialog</DialogTrigger>\n *   <DialogContent>Dialog Content</DialogContent>\n * </Dialog>\n */\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription\n}\n","import * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\nimport { cn } from \"@/utils/index\"\nimport type { AvatarProps, AvatarImageProps, AvatarFallbackProps } from \"./avatar.types\"\n\n/**\n * Avatar component that displays a user's profile picture or fallback.\n * Built on top of Radix UI's Avatar primitive.\n *\n * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-avatar--docs\n *\n * @example\n * ```tsx\n * <Avatar>\n *   <AvatarImage src=\"/path/to/image.jpg\" alt=\"User avatar\" />\n *   <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n * ```\n */\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n  ({ className, ...props }, ref) => (\n    <AvatarPrimitive.Root\n      ref={ref}\n      className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)}\n      {...props}\n    />\n  )\n)\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\n/**\n * AvatarImage component that displays the user's profile picture.\n * Falls back to AvatarFallback if the image fails to load.\n */\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  AvatarImageProps\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn(\"aspect-square h-full w-full\", className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\n/**\n * AvatarFallback component that displays when the image fails to load.\n * Typically shows the user's initials or a placeholder icon.\n */\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  AvatarFallbackProps\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n","import { cva } from \"class-variance-authority\"\n\nexport const badgeVariants = cva(\n  \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        destructive:\n          \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\n        outline: \"text-foreground\",\n        success: \"border-transparent bg-green-500 text-white hover:bg-green-500/80\",\n        warning: \"border-transparent bg-yellow-500 text-white hover:bg-yellow-500/80\",\n        info: \"border-transparent bg-blue-500 text-white hover:bg-blue-500/80\"\n      },\n      size: {\n        default: \"h-5\",\n        sm: \"h-4 text-[10px]\",\n        lg: \"h-6 text-sm\"\n      }\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\"\n    }\n  }\n)\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport { badgeVariants } from \"./badge.variants\"\nimport type { BadgeProps } from \"./badge.types\"\n\n/**\n * Badge component for displaying status, counts, or labels.\n * Supports various variants, sizes, and optional icons.\n *\n * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-badge--docs\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" icon={<AlertIcon />}>Warning</Badge>\n * <Badge variant=\"info\" size=\"lg\" iconAfter={<ArrowIcon />}>New</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n  ({ className, variant, size, icon, iconAfter, children, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(badgeVariants({ variant, size }), className)} {...props}>\n        {icon && <span className=\"mr-1\">{icon}</span>}\n        {children}\n        {iconAfter && <span className=\"ml-1\">{iconAfter}</span>}\n      </div>\n    )\n  }\n)\n\nBadge.displayName = \"Badge\"\n\nexport { Badge, badgeVariants }\n","import * as React from \"react\"\nimport { cn } from \"@/utils\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nconst typographyVariants = cva(\"\", {\n  variants: {\n    variant: {\n      h1: \"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\",\n      h2: \"scroll-m-20 text-3xl font-semibold tracking-tight\",\n      h3: \"scroll-m-20 text-2xl font-semibold tracking-tight\",\n      h4: \"scroll-m-20 text-xl font-semibold tracking-tight\",\n      h5: \"scroll-m-20 text-lg font-semibold tracking-tight\",\n      h6: \"scroll-m-20 text-base font-semibold tracking-tight\",\n      p: \"leading-7 [&:not(:first-child)]:mt-6\",\n      blockquote: \"mt-6 border-l-2 border-slate-300 pl-6 italic\",\n      list: \"my-6 ml-6 list-disc [&>li]:mt-2\",\n      lead: \"text-xl text-muted-foreground\",\n      large: \"text-lg font-semibold\",\n      small: \"text-sm font-medium leading-none\",\n      muted: \"text-sm text-muted-foreground\"\n    },\n    align: {\n      left: \"text-left\",\n      center: \"text-center\",\n      right: \"text-right\",\n      justify: \"text-justify\"\n    }\n  },\n  defaultVariants: {\n    variant: \"p\",\n    align: \"left\"\n  }\n})\n\nexport interface TypographyProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof typographyVariants> {\n  as?: React.ElementType\n}\n\n/**\n * Typography component for creating accessible text elements.\n * Built on top of shadcn/ui's Typography component.\n *\n * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-typography--docs\n *\n */\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  ({ className, variant, align, as: Component = \"p\", ...props }, ref) => {\n    return (\n      <Component\n        className={cn(typographyVariants({ variant, align, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTypography.displayName = \"Typography\"\n\nexport { Typography, typographyVariants }\n","import { cn } from \"@/utils\"\nimport { Loader2 } from \"lucide-react\"\n\nexport interface PageLoaderProps {\n  /**\n   * Optional className to extend the component's styles\n   */\n  className?: string\n  /**\n   * Optional size of the loader (default: \"default\")\n   */\n  size?: \"sm\" | \"default\" | \"lg\"\n  /**\n   * Optional text to display below the loader\n   */\n  text?: string\n  /**\n   * Optional color of the loader (default: \"primary\")\n   */\n  color?: \"primary\" | \"secondary\" | \"accent\" | \"muted\" | \"destructive\" | string\n}\n\n/**\n * PageLoader component for displaying a loading indicator.\n *\n * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-page-loader--docs\n *\n */\n\nexport function PageLoader({\n  className,\n  size = \"default\",\n  text,\n  color = \"primary\"\n}: PageLoaderProps) {\n  const sizeClasses = {\n    sm: \"h-4 w-4\",\n    default: \"h-8 w-8\",\n    lg: \"h-12 w-12\"\n  }\n\n  const colorClasses = {\n    primary: \"text-primary\",\n    secondary: \"text-secondary\",\n    accent: \"text-accent\",\n    muted: \"text-muted-foreground\",\n    destructive: \"text-destructive\"\n  }\n\n  const loaderColor = colorClasses[color as keyof typeof colorClasses] || `text-[${color}]`\n\n  return (\n    <div\n      className={cn(\n        \"fixed inset-0 z-50 flex min-h-screen flex-col items-center justify-center bg-background/80 backdrop-blur-sm\",\n        className\n      )}\n      role=\"alert\"\n      aria-live=\"assertive\"\n    >\n      <Loader2 className={cn(\"animate-spin\", loaderColor, sizeClasses[size])} aria-hidden=\"true\" />\n      {text && (\n        <p className=\"mt-4 text-sm text-muted-foreground\" aria-label={text}>\n          {text}\n        </p>\n      )}\n    </div>\n  )\n}\n"]}