@me1a/ui 2.0.14 → 2.0.16

package/dist/components/atoms/index.mjs

@@ -1,2 +0,0 @@
-import {a}from'../../chunk-QY2HB6BB.mjs';export{b as Button,c as Separator,d as Sheet,f as SheetClose,i as SheetContent,m as SheetDescription,k as SheetFooter,j as SheetHeader,h as SheetOverlay,g as SheetPortal,l as SheetTitle,e as SheetTrigger,n as Skeleton,p as Tooltip,r as TooltipContent,o as TooltipProvider,q as TooltipTrigger,a as buttonVariants}from'../../chunk-FWZYVYLU.mjs';import {a as a$1}from'../../chunk-472YNZU2.mjs';export{a as Input}from'../../chunk-472YNZU2.mjs';import {a as a$3}from'../../chunk-OAVWSSYJ.mjs';import {c,a as a$2,b}from'../../chunk-H3TEQK57.mjs';import*as y from'react';import {cva}from'class-variance-authority';import {Loader2,X}from'lucide-react';import {jsxs,jsx}from'react/jsx-runtime';import*as m from'@radix-ui/react-dialog';import*as f from'@radix-ui/react-avatar';var K=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.forwardRef((X,D)=>{var u=X,{className:o,variant:t,size:e,startIcon:r,endIcon:a$4,loading:l=false,error:d,label:p,helperText:c$1,disabled:g}=u,h=c(u,["className","variant","size","startIcon","endIcon","loading","error","label","helperText","disabled"]);let A=y.useId();return jsxs("div",{className:"w-full space-y-2",children:[p&&jsx(a,{htmlFor:A,children:p}),jsxs("div",{className:"relative",children:[r&&jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:r}),jsx(a$1,a$2({id:A,className:a$3(K({variant:d?"error":t,size:e,className:o}),r&&"pl-9",(a$4||l)&&"pr-9"),ref:D,disabled:g||l},h)),(a$4||l)&&jsx("div",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:l?jsx(Loader2,{className:"h-4 w-4 animate-spin"}):a$4})]}),(d||c$1)&&jsx("p",{className:a$3("text-sm",d?"text-destructive":"text-muted-foreground"),children:d||c$1})]})});E.displayName="TextField";var Q=y.forwardRef((d,l)=>{var p=d,{className:o,maxWidth:t="lg",disablePadding:e=false,fluid:r=false}=p,a=c(p,["className","maxWidth","disablePadding","fluid"]);return jsx("div",a$2({ref:l,className:a$3("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.forwardRef((p,d)=>{var c$1=p,{as:o="div",className:t,width:e,height:r,style:a}=c$1,l=c(c$1,["as","className","width","height","style"]);let g=a$2({width:typeof e=="number"?`${e}px`:e,height:typeof r=="number"?`${r}px`:r},a);return jsx(o,a$2({ref:d,className:a$3(t),style:g},l))});Y.displayName="Box";var _=y.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$1,style:g}=u,h=c(u,["className","direction","spacing","wrap","center","justify","align","width","height","style"]);return jsx("div",a$2({ref:D,className:a$3("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:a$2({width:p,height:c$1},g)},h))});_.displayName="Stack";var rt=m.Root,ot=m.Trigger,te=m.Portal,it=m.Close,V=y.forwardRef((r,e)=>{var a=r,{className:o}=a,t=c(a,["className"]);return jsx(m.Overlay,a$2({ref:e,className:a$3("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.Overlay.displayName;var ae=y.forwardRef((a,r)=>{var l=a,{className:o,children:t}=l,e=c(l,["className","children"]);return jsxs(te,{children:[jsx(V,{}),jsxs(m.Content,b(a$2({ref:r,className:a$3("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,jsxs(m.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:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}))]})});ae.displayName=m.Content.displayName;var re=e=>{var r=e,{className:o}=r,t=c(r,["className"]);return jsx("div",a$2({className:a$3("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=c(r,["className"]);return jsx("div",a$2({className:a$3("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",o)},t))};oe.displayName="DialogFooter";var ie=y.forwardRef((r,e)=>{var a=r,{className:o}=a,t=c(a,["className"]);return jsx(m.Title,a$2({ref:e,className:a$3("text-lg font-semibold leading-none tracking-tight",o)},t))});ie.displayName=m.Title.displayName;var se=y.forwardRef((r,e)=>{var a=r,{className:o}=a,t=c(a,["className"]);return jsx(m.Description,a$2({ref:e,className:a$3("text-sm text-muted-foreground",o)},t))});se.displayName=m.Description.displayName;var z=y.forwardRef((r,e)=>{var a=r,{className:o}=a,t=c(a,["className"]);return jsx(f.Root,a$2({ref:e,className:a$3("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",o)},t))});z.displayName=f.Root.displayName;var B=y.forwardRef((r,e)=>{var a=r,{className:o}=a,t=c(a,["className"]);return jsx(f.Image,a$2({ref:e,className:a$3("aspect-square h-full w-full",o)},t))});B.displayName=f.Image.displayName;var I=y.forwardRef((r,e)=>{var a=r,{className:o}=a,t=c(a,["className"]);return jsx(f.Fallback,a$2({ref:e,className:a$3("flex h-full w-full items-center justify-center rounded-full bg-muted",o)},t))});I.displayName=f.Fallback.displayName;var T=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.forwardRef((c$1,p)=>{var g=c$1,{className:o,variant:t,size:e,icon:r,iconAfter:a,children:l}=g,d=c(g,["className","variant","size","icon","iconAfter","children"]);return jsxs("div",b(a$2({ref:p,className:a$3(T({variant:t,size:e}),o)},d),{children:[r&&jsx("span",{className:"mr-1",children:r}),l,a&&jsx("span",{className:"ml-1",children:a})]}))});$.displayName="Badge";var de=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.forwardRef((d,l)=>{var p=d,{className:o,variant:t,align:e,as:r="p"}=p,a=c(p,["className","variant","align","as"]);return jsx(r,a$2({className:a$3(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 jsxs("div",{className:a$3("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:[jsx(Loader2,{className:a$3("animate-spin",d,a[t]),"aria-hidden":"true"}),e&&jsx("p",{className:"mt-4 text-sm text-muted-foreground","aria-label":e,children:e})]})}export{z as Avatar,I as AvatarFallback,B as AvatarImage,$ as Badge,Y as Box,Q as Container,rt as Dialog,it as DialogClose,ae as DialogContent,se as DialogDescription,oe as DialogFooter,re as DialogHeader,V as DialogOverlay,te as DialogPortal,ie as DialogTitle,ot as DialogTrigger,Et as PageLoader,_ as Stack,E as TextField,pe as Typography,T as badgeVariants,de as typographyVariants};//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/components/atoms/index.mjs.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","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","DialogContent","children","__spreadProps","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription","Avatar","R","AvatarImage","AvatarFallback","badgeVariants","Badge","S","icon","iconAfter","typographyVariants","Typography","q","PageLoader","text","color","sizeClasses","loaderColor"],"mappings":"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","file":"index.mjs","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"]}

package/dist/components/molecules/index.d.mts

@@ -1,368 +0,0 @@
-import * as React$1 from 'react';
-import { TextareaHTMLAttributes } from 'react';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
-import { I as Input } from '../../input-TJ_d3ROF.mjs';
-import * as _radix_ui_react_slot from '@radix-ui/react-slot';
-import { Slot } from '@radix-ui/react-slot';
-import * as LabelPrimitive from '@radix-ui/react-label';
-
-/**
- * Card is a flexible container component that can be used to group related content and actions.
- * It provides a consistent visual style with a subtle border, shadow, and rounded corners.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-card--docs
- *
- * @example
- * ```tsx
- * // Basic card
- * <Card>
- *   <CardHeader>
- *     <CardTitle>Card Title</CardTitle>
- *     <CardDescription>Card Description</CardDescription>
- *   </CardHeader>
- *   <CardContent>
- *     <p>Card content goes here.</p>
- *   </CardContent>
- *   <CardFooter>
- *     <Button>Action</Button>
- *   </CardFooter>
- * </Card>
- *
- * // Card with custom styling
- * <Card className="bg-primary text-primary-foreground">
- *   <CardHeader>
- *     <CardTitle>Custom Styled Card</CardTitle>
- *   </CardHeader>
- *   <CardContent>
- *     <p>This card has custom background and text colors.</p>
- *   </CardContent>
- * </Card>
- * ```
- */
-
-/**
- * The main card container component.
- * Provides the base styling for the card including border, shadow, and rounded corners.
- */
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Header section of the card.
- * Typically contains the card title and description.
- * Includes padding and spacing for consistent layout.
- */
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Title component for the card.
- * Should be used within CardHeader.
- * Provides consistent typography styling for card titles.
- */
-declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-/**
- * Description component for the card.
- * Should be used within CardHeader.
- * Provides consistent typography styling for card descriptions.
- */
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-/**
- * Main content section of the card.
- * Includes padding and removes top padding to maintain consistent spacing with the header.
- */
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-/**
- * Footer section of the card.
- * Typically contains action buttons or additional information.
- * Includes padding and removes top padding to maintain consistent spacing with the content.
- */
-declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const navigationMenuTriggerStyle: (props?: ({
-    variant?: "default" | "link" | "ghost" | "mobile" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-interface NavigationMenuProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
-    /**
-     * The content of the navigation menu
-     */
-    children: React.ReactNode;
-    /**
-     * Optional className for the root element
-     */
-    className?: string;
-}
-interface NavigationMenuListProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> {
-    /**
-     * Optional className for the list element
-     */
-    className?: string;
-}
-interface NavigationMenuItemProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> {
-    /**
-     * Optional className for the item element
-     */
-    className?: string;
-}
-interface NavigationMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>, VariantProps<typeof navigationMenuTriggerStyle> {
-    /**
-     * Optional className for the trigger element
-     */
-    className?: string;
-}
-interface NavigationMenuContentProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> {
-    /**
-     * Optional className for the content element
-     */
-    className?: string;
-}
-interface NavigationMenuLinkProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
-    /**
-     * Optional className for the link element
-     */
-    className?: string;
-}
-interface NavigationMenuViewportProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> {
-    /**
-     * Optional className for the viewport element
-     */
-    className?: string;
-}
-interface NavigationMenuIndicatorProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> {
-    /**
-     * Optional className for the indicator element
-     */
-    className?: string;
-}
-
-/**
- * NavigationMenu component for creating accessible navigation menus with dropdowns.
- * Built on top of Radix UI's NavigationMenu primitive.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs
- *
- * @example
- * ```tsx
- * <NavigationMenu>
- *   <NavigationMenuList>
- *     <NavigationMenuItem>
- *       <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
- *       <NavigationMenuContent>
- *         <ul className="grid gap-3 p-4 md:w-[400px] lg:w-[500px]">
- *           <li className="row-span-3">
- *             <NavigationMenuLink asChild>
- *               <a className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md">
- *                 <div className="mb-2 mt-4 text-lg font-medium">shadcn/ui</div>
- *                 <p className="text-sm leading-tight text-muted-foreground">
- *                   Beautifully designed components built with Radix UI and Tailwind CSS.
- *                 </p>
- *               </a>
- *             </NavigationMenuLink>
- *           </li>
- *         </ul>
- *       </NavigationMenuContent>
- *     </NavigationMenuItem>
- *   </NavigationMenuList>
- * </NavigationMenu>
- * ```
- */
-declare const NavigationMenu: React$1.ForwardRefExoticComponent<NavigationMenuProps & React$1.RefAttributes<HTMLElement>>;
-declare const NavigationMenuList: React$1.ForwardRefExoticComponent<NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>>;
-declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
-declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
-declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
-
-interface RHFTextFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React$1.ComponentProps<typeof Input>, "name"> {
-    /** The name of the field in the form */
-    name: TName;
-    /** Optional label for the field */
-    label?: string;
-    /** Optional description text below the field */
-    description?: string;
-    /** Optional warning text to display */
-    warningText?: string;
-    /** Whether the field is required */
-    required?: boolean;
-    /** Whether the field is disabled */
-    disabled?: boolean;
-    /** Whether the field is read-only */
-    readOnly?: boolean;
-    /** The type of input (text, number, email, etc.) */
-    type?: React$1.HTMLInputTypeAttribute;
-    /** Optional placeholder text */
-    placeholder?: string;
-    /** Optional aria-label for accessibility */
-    "aria-label"?: string;
-    /** Optional aria-describedby for accessibility */
-    "aria-describedby"?: string;
-}
-
-/**
- * A text field component that integrates with React Hook Form.
- * Provides form validation, error handling, and accessibility features.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextfield--docs
- *
- * * @example
- * ```tsx
- * <Form>
- *   <RHFTextField name="name" label="Name" />
- *   <RHFTextField name="email" label="Email" />
- * </Form>
- * ```
- */
-declare function RHFTextField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, type, warningText, required, disabled, readOnly, placeholder, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, onBlur, ...other }: RHFTextFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
-
-interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /**
-     * Whether the textarea should automatically resize
-     */
-    autoResize?: boolean;
-}
-
-/**
- * Textarea component for creating accessible text areas.
- * Built on top of shadcn/ui's Textarea component.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-textarea--docs
- *
- * @example
- * ```tsx
- * <Textarea placeholder="Enter text" />
- * ```
- */
-declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
-
-interface RHFTextareaProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React$1.ComponentProps<typeof Textarea>, "name"> {
-    /** The name of the field in the form */
-    name: TName;
-    /** Optional label for the field */
-    label?: string;
-    /** Optional description text below the field */
-    description?: string;
-    /** Optional warning text to display */
-    warningText?: string;
-    /** Whether the field is required */
-    required?: boolean;
-    /** Whether the field is disabled */
-    disabled?: boolean;
-    /** Whether the field is read-only */
-    readOnly?: boolean;
-    /** Optional placeholder text */
-    placeholder?: string;
-    /** Optional aria-label for accessibility */
-    "aria-label"?: string;
-    /** Optional aria-describedby for accessibility */
-    "aria-describedby"?: string;
-    /** Whether the textarea should automatically resize */
-    autoResize?: boolean;
-}
-
-/**
- * A textarea component that integrates with React Hook Form.
- * Provides form validation, error handling, and accessibility features.
- *
- * @url https://segiimelnykov.github.io/ui/?path=/docs/molecules-rhf-rhftextarea--docs
- *
- * @example
- * ```tsx
- * <Form>
- *   <RHFTextarea name="description" label="Description" />
- * </Form>
- * ```
- */
-declare function RHFTextarea<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, placeholder, autoResize, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, onBlur, ...other }: RHFTextareaProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
-
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: react_hook_form.FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
-declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-
-/**
- * Props interface for the Form component.
- * Extends react-hook-form's FormProvider props.
- */
-interface FormProps<TFieldValues extends FieldValues = FieldValues> {
-    /**
-     * The form context value
-     */
-    context: React$1.Context<TFieldValues>;
-    /**
-     * The form children
-     */
-    children: React$1.ReactNode;
-}
-/**
- * Props interface for the FormField component.
- * Extends react-hook-form's Controller props.
- */
-interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends ControllerProps<TFieldValues, TName> {
-}
-/**
- * Props interface for the FormItem component.
- * Extends HTML div attributes.
- */
-interface FormItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
-}
-/**
- * Props interface for the FormLabel component.
- * Extends Radix UI Label props.
- */
-interface FormLabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
-}
-/**
- * Props interface for the FormControl component.
- * Extends Radix UI Slot props.
- */
-interface FormControlProps extends React$1.ComponentPropsWithoutRef<typeof Slot> {
-}
-/**
- * Props interface for the FormDescription component.
- * Extends HTML paragraph attributes.
- */
-interface FormDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
-}
-/**
- * Props interface for the FormMessage component.
- * Extends HTML paragraph attributes.
- */
-interface FormMessageProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * The message content
-     */
-    children?: React$1.ReactNode;
-}
-/**
- * Context value type for form field context
- */
-type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    name: TName;
-};
-/**
- * Context value type for form item context
- */
-type FormItemContextValue = {
-    id: string;
-};
-
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, RHFTextField, RHFTextarea, useFormField };