@me1a/ui 2.2.2 → 2.2.4

package/dist/{atoms/accordion.mjs → accordion/index.mjs}

@@ -1,2 +1,2 @@
-import*as n from'react';import*as o from'@radix-ui/react-accordion';import {ChevronDown}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function t(...e){return twMerge(clsx(e))}var f=n.forwardRef(({className:e,...r},i)=>jsx(o.Root,{ref:i,className:t("w-full",e),...r}));f.displayName="Accordion";var p=n.forwardRef(({className:e,...r},i)=>jsx(o.Item,{ref:i,className:t("border-b",e),...r}));p.displayName="AccordionItem";var l=n.forwardRef(({className:e,children:r,...i},a)=>jsx(o.Header,{className:"flex",children:jsxs(o.Trigger,{ref:a,className:t("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",e),...i,children:[r,jsx(ChevronDown,{className:"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"})]})}));l.displayName=o.Trigger.displayName;var A=n.forwardRef(({className:e,children:r,...i},a)=>jsx(o.Content,{ref:a,className:t("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",e),...i,children:jsx("div",{className:t("pb-4 pt-0",e),children:r})}));A.displayName=o.Content.displayName;export{f as Accordion,A as AccordionContent,p as AccordionItem,l as AccordionTrigger};//# sourceMappingURL=accordion.mjs.map
-//# sourceMappingURL=accordion.mjs.map
+import*as n from'react';import*as o from'@radix-ui/react-accordion';import {ChevronDown}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function t(...e){return twMerge(clsx(e))}var f=n.forwardRef(({className:e,...r},i)=>jsx(o.Root,{ref:i,className:t("w-full",e),...r}));f.displayName="Accordion";var p=n.forwardRef(({className:e,...r},i)=>jsx(o.Item,{ref:i,className:t("border-b",e),...r}));p.displayName="AccordionItem";var l=n.forwardRef(({className:e,children:r,...i},a)=>jsx(o.Header,{className:"flex",children:jsxs(o.Trigger,{ref:a,className:t("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",e),...i,children:[r,jsx(ChevronDown,{className:"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"})]})}));l.displayName=o.Trigger.displayName;var A=n.forwardRef(({className:e,children:r,...i},a)=>jsx(o.Content,{ref:a,className:t("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",e),...i,children:jsx("div",{className:t("pb-4 pt-0",e),children:r})}));A.displayName=o.Content.displayName;export{f as Accordion,A as AccordionContent,p as AccordionItem,l as AccordionTrigger};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/accordion/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/accordion/accordion.tsx"],"names":["cn","inputs","twMerge","clsx","Accordion","className","props","ref","jsx","AccordionItem","AccordionTrigger","children","jsxs","ChevronDown","AccordionContent"],"mappings":"iNAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,QAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,KC2BMG,CAAkB,CAAA,CAAA,CAAA,UAAA,CAGtB,CAAC,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,IAAoB,CAAnB,CAAA,IAAA,CAAA,CAAwB,IAAKD,CAAK,CAAA,SAAA,CAAWP,EAAG,QAAUK,CAAAA,CAAS,CAAI,CAAA,GAAGC,EAAO,CACnF,EACDF,EAAU,WAAc,CAAA,WAAA,KAElBK,CAAsB,CAAA,CAAA,CAAA,UAAA,CAG1B,CAAC,CAAE,UAAAJ,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,IAAoB,CAAnB,CAAA,IAAA,CAAA,CAAwB,IAAKD,CAAK,CAAA,SAAA,CAAWP,EAAG,UAAYK,CAAAA,CAAS,EAAI,GAAGC,CAAAA,CAAO,CACrF,EACDG,CAAAA,CAAc,WAAc,CAAA,eAAA,KAEtBC,CAAyB,CAAA,CAAA,CAAA,UAAA,CAG7B,CAAC,CAAE,SAAA,CAAAL,EAAW,QAAAM,CAAAA,CAAAA,CAAU,GAAGL,CAAM,EAAGC,CACpCC,GAAAA,GAAAA,CAAoB,SAAnB,CAA0B,SAAA,CAAU,OACnC,QAAAI,CAAAA,IAAAA,CAAoB,CAAnB,CAAA,OAAA,CAAA,CACC,IAAKL,CACL,CAAA,SAAA,CAAWP,EACT,gJACAK,CAAAA,CACF,EACC,GAAGC,CAAAA,CAEH,UAAAK,CACDH,CAAAA,GAAAA,CAACK,YAAA,CAAY,SAAA,CAAU,2EAA2E,CACpG,CAAA,CAAA,CAAA,CACF,CACD,EACDH,CAAAA,CAAiB,WAAiC,CAAA,CAAA,CAAA,OAAA,CAAQ,YAEpDI,IAAAA,CAAAA,CAAyB,aAG7B,CAAC,CAAE,UAAAT,CAAW,CAAA,QAAA,CAAAM,CAAU,CAAA,GAAGL,CAAM,CAAGC,CAAAA,CAAAA,GACpCC,IAAoB,CAAnB,CAAA,OAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,CACT,CAAA,2GAAA,CACAK,CACF,CACC,CAAA,GAAGC,EAEJ,QAAAE,CAAAA,GAAAA,CAAC,OAAI,SAAWR,CAAAA,CAAAA,CAAG,YAAaK,CAAS,CAAA,CAAI,SAAAM,CAAS,CAAA,CAAA,CACxD,CACD,EACDG,CAAAA,CAAiB,YAAiC,CAAQ,CAAA,OAAA,CAAA,WAAA","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type {\n  AccordionProps,\n  AccordionItemProps,\n  AccordionTriggerProps,\n  AccordionContentProps\n} from \"./accordion.types\"\n\n/**\n * Accordion component that displays a list of expandable/collapsible sections.\n * Built on top of Radix UI's Accordion primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-accordion--docs\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible>\n *   <AccordionItem value=\"item-1\">\n *     <AccordionTrigger>Section 1</AccordionTrigger>\n *     <AccordionContent>Content 1</AccordionContent>\n *   </AccordionItem>\n *   <AccordionItem value=\"item-2\">\n *     <AccordionTrigger>Section 2</AccordionTrigger>\n *     <AccordionContent>Content 2</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nconst Accordion = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Root>,\n  AccordionProps\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Root ref={ref} className={cn(\"w-full\", className)} {...props} />\n))\nAccordion.displayName = \"Accordion\"\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item ref={ref} className={cn(\"border-b\", className)} {...props} />\n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className={cn(\n      \"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\",\n      className\n    )}\n    {...props}\n  >\n    <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n  </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"]}

package/dist/{atoms/avatar.mjs → avatar/index.mjs}

@@ -1,2 +1,2 @@
-import*as o from'react';import*as a from'@radix-ui/react-avatar';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function l(...r){return twMerge(clsx(r))}var m=o.forwardRef(({className:r,...e},t)=>jsx(a.Root,{ref:t,className:l("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",r),...e}));m.displayName=a.Root.displayName;var v=o.forwardRef(({className:r,...e},t)=>jsx(a.Image,{ref:t,className:l("aspect-square h-full w-full",r),...e}));v.displayName=a.Image.displayName;var s=o.forwardRef(({className:r,...e},t)=>jsx(a.Fallback,{ref:t,className:l("flex h-full w-full items-center justify-center rounded-full bg-muted",r),...e}));s.displayName=a.Fallback.displayName;export{m as Avatar,s as AvatarFallback,v as AvatarImage};//# sourceMappingURL=avatar.mjs.map
-//# sourceMappingURL=avatar.mjs.map
+import*as o from'react';import*as a from'@radix-ui/react-avatar';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function l(...r){return twMerge(clsx(r))}var m=o.forwardRef(({className:r,...e},t)=>jsx(a.Root,{ref:t,className:l("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",r),...e}));m.displayName=a.Root.displayName;var v=o.forwardRef(({className:r,...e},t)=>jsx(a.Image,{ref:t,className:l("aspect-square h-full w-full",r),...e}));v.displayName=a.Image.displayName;var s=o.forwardRef(({className:r,...e},t)=>jsx(a.Fallback,{ref:t,className:l("flex h-full w-full items-center justify-center rounded-full bg-muted",r),...e}));s.displayName=a.Fallback.displayName;export{m as Avatar,s as AvatarFallback,v as AvatarImage};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/avatar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/avatar/avatar.tsx"],"names":["cn","inputs","twMerge","clsx","Avatar","className","props","ref","jsx","AvatarImage","AvatarFallback"],"mappings":"kKAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,KCcMG,CAAe,CAAA,CAAA,CAAA,UAAA,CACnB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CACxBC,GAAAA,GAAAA,CAAiB,CAAhB,CAAA,IAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,CAAG,CAAA,+DAAA,CAAiEK,CAAS,CAAA,CACvF,GAAGC,CAAAA,CACN,CAEJ,EACAF,CAAO,CAAA,WAAA,CAA8B,CAAK,CAAA,IAAA,CAAA,WAAA,KAMpCK,CAAoB,CAAA,CAAA,CAAA,UAAA,CAGxB,CAAC,CAAE,SAAAJ,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAC1BC,GAAAA,GAAAA,CAAiB,CAAhB,CAAA,KAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,CAAG,CAAA,6BAAA,CAA+BK,CAAS,CAAA,CACrD,GAAGC,CAAAA,CACN,CACD,EACDG,CAAY,CAAA,WAAA,CAA8B,CAAM,CAAA,KAAA,CAAA,WAAA,KAM1CC,CAAuB,CAAA,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAAL,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAC1BC,GAAAA,GAAAA,CAAiB,CAAhB,CAAA,QAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,CACT,CAAA,sEAAA,CACAK,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,EACDI,CAAe,CAAA,WAAA,CAA8B,CAAS,CAAA,QAAA,CAAA,WAAA","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\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://sergii-melnykov.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"]}

package/dist/{atoms/badge.d.mts → badge/index.d.mts}

@@ -1,25 +1,26 @@
-import * as React$1 from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 
-interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     /**
      * The content to display inside the badge
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Optional icon to display before the badge content
      */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /**
      * Optional icon to display after the badge content
      */
-    iconAfter?: React.ReactNode;
+    iconAfter?: React__default.ReactNode;
 }
 
 /**
@@ -35,6 +36,6 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
  * <Badge variant="info" size="lg" iconAfter={<ArrowIcon />}>New</Badge>
  * ```
  */
-declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Badge, type BadgeProps, badgeVariants };

package/dist/{atoms/badge.mjs → badge/index.mjs}

@@ -1,2 +1,2 @@
-import*as n from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';function r(...e){return twMerge(clsx(e))}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 d=n.forwardRef(({className:e,variant:i,size:p,icon:a,iconAfter:o,children:g,...f},l)=>jsxs("div",{ref:l,className:r(t({variant:i,size:p}),e),...f,children:[a&&jsx("span",{className:"mr-1",children:a}),g,o&&jsx("span",{className:"ml-1",children:o})]}));d.displayName="Badge";export{d as Badge,t as badgeVariants};//# sourceMappingURL=badge.mjs.map
-//# sourceMappingURL=badge.mjs.map
+import*as s from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';function r(...e){return twMerge(clsx(e))}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 i=s.forwardRef(({className:e,variant:d,size:p,icon:a,iconAfter:o,children:g,...f},l)=>jsxs("div",{ref:l,className:r(t({variant:d,size:p}),e),...f,children:[a&&jsx("span",{className:"mr-1",children:a}),g,o&&jsx("span",{className:"ml-1",children:o})]}));i.displayName="Badge";export{i as Badge,t as badgeVariants};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/{atoms/badge.mjs.map → badge/index.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/badge/badge.variants.ts","../../src/components/atoms/badge/badge.tsx"],"names":["cn","inputs","twMerge","clsx","badgeVariants","cva","Badge","className","variant","size","icon","iconAfter","children","props","ref","jsxs","jsx"],"mappings":"yKAGO,SAASA,CAAAA,CAAAA,GAAMC,EAAsB,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCHaG,IAAAA,CAAAA,CAAgBC,GAC3B,CAAA,wKAAA,CACA,CACE,QAAU,CAAA,CACR,OAAS,CAAA,CACP,OAAS,CAAA,2EAAA,CACT,SACE,CAAA,iFAAA,CACF,WACE,CAAA,uFAAA,CACF,OAAS,CAAA,iBAAA,CACT,OAAS,CAAA,kEAAA,CACT,OAAS,CAAA,oEAAA,CACT,KAAM,gEACR,CAAA,CACA,IAAM,CAAA,CACJ,OAAS,CAAA,KAAA,CACT,EAAI,CAAA,iBAAA,CACJ,GAAI,aACN,CACF,CACA,CAAA,eAAA,CAAiB,CACf,OAAA,CAAS,SACT,CAAA,IAAA,CAAM,SACR,CACF,CACF,ECVA,IAAMC,CAAc,CAAA,CAAA,CAAA,UAAA,CAClB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,QAAAC,CAAS,CAAA,IAAA,CAAAC,CAAM,CAAA,IAAA,CAAAC,CAAM,CAAA,SAAA,CAAAC,CAAW,CAAA,QAAA,CAAAC,CAAU,CAAA,GAAGC,CAAM,CAAA,CAAGC,CAEhEC,GAAAA,IAAAA,CAAC,KAAI,CAAA,CAAA,GAAA,CAAKD,EAAK,SAAWd,CAAAA,CAAAA,CAAGI,CAAc,CAAA,CAAE,OAAAI,CAAAA,CAAAA,CAAS,IAAAC,CAAAA,CAAK,CAAC,CAAA,CAAGF,CAAS,CAAA,CAAI,GAAGM,CAAAA,CAC5E,QAAAH,CAAAA,CAAAA,CAAAA,EAAQM,IAAC,MAAK,CAAA,CAAA,SAAA,CAAU,MAAQ,CAAA,QAAA,CAAAN,CAAK,CAAA,CAAA,CACrCE,CACAD,CAAAA,CAAAA,EAAaK,IAAC,MAAK,CAAA,CAAA,SAAA,CAAU,MAAQ,CAAA,QAAA,CAAAL,CAAU,CAAA,CAAA,CAAA,CAClD,CAGN,EAEAL,EAAM,WAAc,CAAA,OAAA","file":"badge.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\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://sergii-melnykov.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"]}
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/badge/badge.variants.ts","../../src/components/atoms/badge/badge.tsx"],"names":["cn","inputs","twMerge","clsx","badgeVariants","cva","Badge","className","variant","size","icon","iconAfter","children","props","ref","jsxs","jsx"],"mappings":"yKAGO,SAASA,CAAAA,CAAAA,GAAMC,EAAsB,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCHaG,IAAAA,CAAAA,CAAgBC,GAC3B,CAAA,wKAAA,CACA,CACE,QAAU,CAAA,CACR,OAAS,CAAA,CACP,OAAS,CAAA,2EAAA,CACT,SACE,CAAA,iFAAA,CACF,WACE,CAAA,uFAAA,CACF,OAAS,CAAA,iBAAA,CACT,OAAS,CAAA,kEAAA,CACT,OAAS,CAAA,oEAAA,CACT,KAAM,gEACR,CAAA,CACA,IAAM,CAAA,CACJ,OAAS,CAAA,KAAA,CACT,EAAI,CAAA,iBAAA,CACJ,GAAI,aACN,CACF,CACA,CAAA,eAAA,CAAiB,CACf,OAAA,CAAS,SACT,CAAA,IAAA,CAAM,SACR,CACF,CACF,ECVA,IAAMC,CAAc,CAAA,CAAA,CAAA,UAAA,CAClB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,QAAAC,CAAS,CAAA,IAAA,CAAAC,CAAM,CAAA,IAAA,CAAAC,CAAM,CAAA,SAAA,CAAAC,CAAW,CAAA,QAAA,CAAAC,CAAU,CAAA,GAAGC,CAAM,CAAA,CAAGC,CAEhEC,GAAAA,IAAAA,CAAC,KAAI,CAAA,CAAA,GAAA,CAAKD,EAAK,SAAWd,CAAAA,CAAAA,CAAGI,CAAc,CAAA,CAAE,OAAAI,CAAAA,CAAAA,CAAS,IAAAC,CAAAA,CAAK,CAAC,CAAA,CAAGF,CAAS,CAAA,CAAI,GAAGM,CAAAA,CAC5E,QAAAH,CAAAA,CAAAA,CAAAA,EAAQM,IAAC,MAAK,CAAA,CAAA,SAAA,CAAU,MAAQ,CAAA,QAAA,CAAAN,CAAK,CAAA,CAAA,CACrCE,CACAD,CAAAA,CAAAA,EAAaK,IAAC,MAAK,CAAA,CAAA,SAAA,CAAU,MAAQ,CAAA,QAAA,CAAAL,CAAU,CAAA,CAAA,CAAA,CAClD,CAGN,EAEAL,EAAM,WAAc,CAAA,OAAA","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\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://sergii-melnykov.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"]}

package/dist/{atoms/box.mjs → box/index.mjs}

@@ -1,2 +1,2 @@
-import*as r from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function n(...e){return twMerge(clsx(e))}var x=r.forwardRef(({as:e="div",className:s,width:o,height:t,style:a,...i},m)=>{let p={width:typeof o=="number"?`${o}px`:o,height:typeof t=="number"?`${t}px`:t,...a};return jsx(e,{ref:m,className:n(s),style:p,...i})});x.displayName="Box";export{x as Box};//# sourceMappingURL=box.mjs.map
-//# sourceMappingURL=box.mjs.map
+import*as r from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function n(...e){return twMerge(clsx(e))}var x=r.forwardRef(({as:e="div",className:s,width:o,height:t,style:a,...i},m)=>{let p={width:typeof o=="number"?`${o}px`:o,height:typeof t=="number"?`${t}px`:t,...a};return jsx(e,{ref:m,className:n(s),style:p,...i})});x.displayName="Box";export{x as Box};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/box/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/box/box.tsx"],"names":["cn","inputs","twMerge","clsx","Box","Component","className","width","height","style","props","ref","dimensionStyles","jsx"],"mappings":"yHAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCwDA,IAAMG,EAAY,CAChB,CAAA,UAAA,CAAA,CAAC,CAAE,EAAIC,CAAAA,CAAAA,CAAY,KAAO,CAAA,SAAA,CAAAC,EAAW,KAAAC,CAAAA,CAAAA,CAAO,OAAAC,CAAQ,CAAA,KAAA,CAAAC,EAAO,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAAQ,CAC7E,IAAMC,CAAAA,CAAkB,CACtB,KAAO,CAAA,OAAOL,GAAU,QAAW,CAAA,CAAA,EAAGA,CAAK,CAAA,EAAA,CAAA,CAAOA,EAClD,MAAQ,CAAA,OAAOC,GAAW,QAAW,CAAA,CAAA,EAAGA,CAAM,CAAOA,EAAAA,CAAAA,CAAAA,CAAAA,CACrD,GAAGC,CACL,EAEA,OAAOI,GAAAA,CAACR,EAAA,CAAU,GAAA,CAAKM,EAAK,SAAWX,CAAAA,CAAAA,CAAGM,CAAS,CAAG,CAAA,KAAA,CAAOM,EAAkB,GAAGF,CAAAA,CAAO,CAC3F,CACF,EAEAN,EAAI,WAAc,CAAA,KAAA","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\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://sergii-melnykov.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"]}

package/dist/{atoms/breadcrumb.mjs → breadcrumb/index.mjs}

@@ -1,2 +1,2 @@
-import*as o from'react';import {Slot}from'@radix-ui/react-slot';import {ChevronRight,MoreHorizontal}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function m(...r){return twMerge(clsx(r))}var t=o.forwardRef(({...r},e)=>jsx("nav",{ref:e,"aria-label":"breadcrumb",...r}));t.displayName="Breadcrumb";var c=o.forwardRef(({className:r,...e},a)=>jsx("ol",{ref:a,className:m("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",r),...e}));c.displayName="BreadcrumbList";var p=o.forwardRef(({className:r,...e},a)=>jsx("li",{ref:a,className:m("inline-flex items-center gap-1.5",r),...e}));p.displayName="BreadcrumbItem";var d=o.forwardRef(({asChild:r,className:e,...a},u)=>jsx(r?Slot:"a",{ref:u,className:m("transition-colors hover:text-foreground",e),...a}));d.displayName="BreadcrumbLink";var i=o.forwardRef(({className:r,...e},a)=>jsx("span",{ref:a,role:"link","aria-disabled":"true","aria-current":"page",className:m("font-normal text-foreground",r),...e}));i.displayName="BreadcrumbPage";var l=({children:r,className:e,...a})=>jsx("li",{role:"presentation","aria-hidden":"true",className:m("[&>svg]:w-3.5 [&>svg]:h-3.5",e),...a,children:r??jsx(ChevronRight,{})});l.displayName="BreadcrumbSeparator";var n=({className:r,...e})=>jsxs("span",{role:"presentation","aria-hidden":"true",className:m("flex h-9 w-9 items-center justify-center",r),...e,children:[jsx(MoreHorizontal,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"More"})]});n.displayName="BreadcrumbEllipsis";export{t as Breadcrumb,n as BreadcrumbEllipsis,p as BreadcrumbItem,d as BreadcrumbLink,c as BreadcrumbList,i as BreadcrumbPage,l as BreadcrumbSeparator};//# sourceMappingURL=breadcrumb.mjs.map
-//# sourceMappingURL=breadcrumb.mjs.map
+import*as o from'react';import {Slot}from'@radix-ui/react-slot';import {ChevronRight,MoreHorizontal}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function m(...r){return twMerge(clsx(r))}var t=o.forwardRef(({...r},e)=>jsx("nav",{ref:e,"aria-label":"breadcrumb",...r}));t.displayName="Breadcrumb";var c=o.forwardRef(({className:r,...e},a)=>jsx("ol",{ref:a,className:m("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",r),...e}));c.displayName="BreadcrumbList";var p=o.forwardRef(({className:r,...e},a)=>jsx("li",{ref:a,className:m("inline-flex items-center gap-1.5",r),...e}));p.displayName="BreadcrumbItem";var d=o.forwardRef(({asChild:r,className:e,...a},u)=>jsx(r?Slot:"a",{ref:u,className:m("transition-colors hover:text-foreground",e),...a}));d.displayName="BreadcrumbLink";var i=o.forwardRef(({className:r,...e},a)=>jsx("span",{ref:a,role:"link","aria-disabled":"true","aria-current":"page",className:m("font-normal text-foreground",r),...e}));i.displayName="BreadcrumbPage";var l=({children:r,className:e,...a})=>jsx("li",{role:"presentation","aria-hidden":"true",className:m("[&>svg]:w-3.5 [&>svg]:h-3.5",e),...a,children:r??jsx(ChevronRight,{})});l.displayName="BreadcrumbSeparator";var n=({className:r,...e})=>jsxs("span",{role:"presentation","aria-hidden":"true",className:m("flex h-9 w-9 items-center justify-center",r),...e,children:[jsx(MoreHorizontal,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"More"})]});n.displayName="BreadcrumbEllipsis";export{t as Breadcrumb,n as BreadcrumbEllipsis,p as BreadcrumbItem,d as BreadcrumbLink,c as BreadcrumbList,i as BreadcrumbPage,l as BreadcrumbSeparator};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/breadcrumb/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/breadcrumb/breadcrumb.tsx"],"names":["cn","inputs","twMerge","clsx","Breadcrumb","props","ref","jsx","BreadcrumbList","className","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":"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","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","/**\n * Breadcrumb component that displays the current page's location within a navigational hierarchy.\n * Built on top of Radix UI's Slot primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-breadcrumb--docs\n *\n * @example\n * ```tsx\n * <Breadcrumb>\n *   <BreadcrumbList>\n *     <BreadcrumbItem>\n *       <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n *     </BreadcrumbItem>\n *     <BreadcrumbSeparator />\n *     <BreadcrumbItem>\n *       <BreadcrumbPage>Current Page</BreadcrumbPage>\n *     </BreadcrumbItem>\n *   </BreadcrumbList>\n * </Breadcrumb>\n * ```\n */\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport {\n  BreadcrumbProps,\n  BreadcrumbListProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbPageProps,\n  BreadcrumbSeparatorProps,\n  BreadcrumbEllipsisProps\n} from \"./breadcrumb.types\"\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(({ ...props }, ref) => (\n  <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n))\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(\n  ({ className, ...props }, ref) => (\n    <ol\n      ref={ref}\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n  ({ className, ...props }, ref) => (\n    <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n  )\n)\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n  ({ asChild, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"a\"\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\"transition-colors hover:text-foreground\", className)}\n        {...props}\n      />\n    )\n  }\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, BreadcrumbPageProps>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  )\n)\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({ children, className, ...props }: BreadcrumbSeparatorProps) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({ className, ...props }: BreadcrumbEllipsisProps) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis\n}\n"]}

package/dist/{atoms/button.d.mts → button/index.d.mts}

@@ -1,4 +1,4 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
@@ -43,7 +43,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
 declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 /**
  * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.
  * Built on top of Radix UI's Slot primitive for maximum flexibility.

package/dist/{atoms/button.mjs → button/index.mjs}

@@ -1,2 +1,2 @@
-import*as y from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Loader2}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}var v=cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),N=y.forwardRef(({className:t,variant:d,size:u,asChild:l=false,startIcon:m,endIcon:c,loading:r=false,disabled:h,children:o,type:f="button","aria-label":x,...a},b)=>{let p=l?Slot:"button",e=h||r,g=x||(typeof o=="string"?o:void 0),w=n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),!e&&a.onClick&&a.onClick(n));};return l?jsx(p,{className:i(v({variant:d,size:u,className:t})),ref:b,disabled:e,type:f,"aria-label":g,"aria-disabled":e,...a,children:o}):jsxs(p,{className:i(v({variant:d,size:u,className:t})),ref:b,disabled:e,type:f,"aria-label":g,"aria-disabled":e,onKeyDown:w,...a,children:[r&&jsx(Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading","aria-hidden":"true"}),!r&&m&&jsx("span",{className:"mr-2","aria-hidden":"true",children:m}),o,!r&&c&&jsx("span",{className:"ml-2","aria-hidden":"true",children:c})]})});N.displayName="Button";export{N as Button,v as buttonVariants};//# sourceMappingURL=button.mjs.map
-//# sourceMappingURL=button.mjs.map
+import*as y from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Loader2}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}var v=cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),N=y.forwardRef(({className:t,variant:d,size:u,asChild:l=false,startIcon:m,endIcon:c,loading:r=false,disabled:h,children:o,type:f="button","aria-label":x,...a},b)=>{let p=l?Slot:"button",e=h||r,g=x||(typeof o=="string"?o:void 0),w=n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),!e&&a.onClick&&a.onClick(n));};return l?jsx(p,{className:i(v({variant:d,size:u,className:t})),ref:b,disabled:e,type:f,"aria-label":g,"aria-disabled":e,...a,children:o}):jsxs(p,{className:i(v({variant:d,size:u,className:t})),ref:b,disabled:e,type:f,"aria-label":g,"aria-disabled":e,onKeyDown:w,...a,children:[r&&jsx(Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading","aria-hidden":"true"}),!r&&m&&jsx("span",{className:"mr-2","aria-hidden":"true",children:m}),o,!r&&c&&jsx("span",{className:"ml-2","aria-hidden":"true",children:c})]})});N.displayName="Button";export{N as Button,v as buttonVariants};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/button/button.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","jsx","jsxs","Loader2"],"mappings":"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","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { Loader2 } from \"lucide-react\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n * Follows WCAG 2.1 Level AA guidelines for accessibility.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\"\n      } as const,\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\"\n      } as const\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\"\n    }\n  }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n *   <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      asChild = false,\n      startIcon,\n      endIcon,\n      loading = false,\n      disabled,\n      children,\n      type = \"button\",\n      \"aria-label\": ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const isDisabled = disabled || loading\n    const buttonAriaLabel = ariaLabel || (typeof children === \"string\" ? children : undefined)\n\n    // Handle keyboard interaction\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault()\n        if (!isDisabled && props.onClick) {\n          props.onClick(event as unknown as React.MouseEvent<HTMLButtonElement>)\n        }\n      }\n    }\n\n    if (asChild) {\n      return (\n        <Comp\n          className={cn(buttonVariants({ variant, size, className }))}\n          ref={ref}\n          disabled={isDisabled}\n          type={type}\n          aria-label={buttonAriaLabel}\n          aria-disabled={isDisabled}\n          {...props}\n        >\n          {children}\n        </Comp>\n      )\n    }\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={isDisabled}\n        type={type}\n        aria-label={buttonAriaLabel}\n        aria-disabled={isDisabled}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {loading && (\n          <Loader2\n            className=\"mr-2 h-4 w-4 animate-spin\"\n            role=\"status\"\n            aria-label=\"Loading\"\n            aria-hidden=\"true\"\n          />\n        )}\n        {!loading && startIcon && (\n          <span className=\"mr-2\" aria-hidden=\"true\">\n            {startIcon}\n          </span>\n        )}\n        {children}\n        {!loading && endIcon && (\n          <span className=\"ml-2\" aria-hidden=\"true\">\n            {endIcon}\n          </span>\n        )}\n      </Comp>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}

package/dist/card/index.d.mts

@@ -0,0 +1,127 @@
+import * as React from 'react';
+
+/**
+ * Props interface for the Card component.
+ * Extends the native div HTML attributes and adds support for custom styling.
+ *
+ * @interface CardProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Props interface for the CardHeader component.
+ * Extends the native div HTML attributes and adds support for custom styling.
+ *
+ * @interface CardHeaderProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Props interface for the CardTitle component.
+ * Extends the native heading HTML attributes and adds support for custom styling.
+ *
+ * @interface CardTitleProps
+ * @extends {React.HTMLAttributes<HTMLHeadingElement>}
+ */
+interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+/**
+ * Props interface for the CardDescription component.
+ * Extends the native paragraph HTML attributes and adds support for custom styling.
+ *
+ * @interface CardDescriptionProps
+ * @extends {React.HTMLAttributes<HTMLParagraphElement>}
+ */
+interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+/**
+ * Props interface for the CardContent component.
+ * Extends the native div HTML attributes and adds support for custom styling.
+ *
+ * @interface CardContentProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Props interface for the CardFooter component.
+ * Extends the native div HTML attributes and adds support for custom styling.
+ *
+ * @interface CardFooterProps
+ * @extends {React.HTMLAttributes<HTMLDivElement>}
+ */
+interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+
+/**
+ * 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.
+ *
+ */
+
+/**
+ * The main card container component.
+ * Provides the base styling for the card including border, shadow, and rounded corners.
+ * * @url https://sergii-melnykov.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>
+ * ```
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.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.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Title component for the card.
+ * Should be used within CardHeader.
+ * Provides consistent typography styling for card titles.
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Description component for the card.
+ * Should be used within CardHeader.
+ * Provides consistent typography styling for card descriptions.
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.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.ForwardRefExoticComponent<CardContentProps & React.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.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };

package/dist/card/index.mjs

@@ -0,0 +1,2 @@
+import*as t from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function o(...r){return twMerge(clsx(r))}var i=t.forwardRef(({className:r,...e},a)=>jsx("div",{ref:a,className:o("rounded-lg border bg-card text-card-foreground shadow-sm",r),...e}));i.displayName="Card";var l=t.forwardRef(({className:r,...e},a)=>jsx("div",{ref:a,className:o("flex flex-col space-y-1.5 p-6",r),...e}));l.displayName="CardHeader";var m=t.forwardRef(({className:r,children:e,...a},s)=>jsx("h3",{ref:s,className:o("text-2xl font-semibold leading-none tracking-tight",r),...a,children:e}));m.displayName="CardTitle";var c=t.forwardRef(({className:r,...e},a)=>jsx("p",{ref:a,className:o("text-sm text-muted-foreground",r),...e}));c.displayName="CardDescription";var f=t.forwardRef(({className:r,...e},a)=>jsx("div",{ref:a,className:o("p-6 pt-0",r),...e}));f.displayName="CardContent";var C=t.forwardRef(({className:r,...e},a)=>jsx("div",{ref:a,className:o("flex items-center p-6 pt-0",r),...e}));C.displayName="CardFooter";export{i as Card,f as CardContent,c as CardDescription,C as CardFooter,l as CardHeader,m as CardTitle};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/card/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/molecules/card/card.tsx"],"names":["cn","inputs","twMerge","clsx","Card","className","props","ref","jsx","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter"],"mappings":"yHAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CC2CA,IAAMG,EAAa,CAAsC,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IACjFC,GAAC,CAAA,KAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,EAAG,0DAA4DK,CAAAA,CAAS,EAClF,GAAGC,CAAAA,CACN,CACD,EACDF,CAAAA,CAAK,YAAc,MAOnB,CAAA,IAAMK,EAAmB,CACvB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAJ,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IACxBC,GAAC,CAAA,KAAA,CAAA,CAAI,IAAKD,CAAK,CAAA,SAAA,CAAWP,EAAG,+BAAiCK,CAAAA,CAAS,EAAI,GAAGC,CAAAA,CAAO,CAEzF,EACAG,CAAAA,CAAW,YAAc,YAOzB,CAAA,IAAMC,EAAkB,CACtB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAL,CAAAA,CAAAA,CAAW,SAAAM,CAAU,CAAA,GAAGL,CAAM,CAAGC,CAAAA,CAAAA,GAClCC,IAAC,IACC,CAAA,CAAA,GAAA,CAAKD,EACL,SAAWP,CAAAA,CAAAA,CAAG,qDAAsDK,CAAS,CAAA,CAC5E,GAAGC,CAEH,CAAA,QAAA,CAAAK,EACH,CAEJ,EACAD,EAAU,WAAc,CAAA,WAAA,KAOlBE,CAAwB,CAAA,CAAA,CAAA,UAAA,CAC5B,CAAC,CAAE,SAAA,CAAAP,EAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,GAAAA,CAAC,KAAE,GAAKD,CAAAA,CAAAA,CAAK,UAAWP,CAAG,CAAA,+BAAA,CAAiCK,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEvF,EACAM,EAAgB,WAAc,CAAA,iBAAA,KAMxBC,CAAoB,CAAA,CAAA,CAAA,UAAA,CACxB,CAAC,CAAE,SAAA,CAAAR,EAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,GAAAA,CAAC,OAAI,GAAKD,CAAAA,CAAAA,CAAK,UAAWP,CAAG,CAAA,UAAA,CAAYK,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEpE,EACAO,EAAY,WAAc,CAAA,aAAA,KAOpBC,CAAmB,CAAA,CAAA,CAAA,UAAA,CACvB,CAAC,CAAE,SAAA,CAAAT,EAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,GAAAA,CAAC,OAAI,GAAKD,CAAAA,CAAAA,CAAK,UAAWP,CAAG,CAAA,4BAAA,CAA8BK,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEtF,EACAQ,EAAW,WAAc,CAAA,YAAA","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","/**\n * Card is a flexible container component that can be used to group related content and actions.\n * It provides a consistent visual style with a subtle border, shadow, and rounded corners.\n *\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\nimport {\n  CardProps,\n  CardHeaderProps,\n  CardTitleProps,\n  CardDescriptionProps,\n  CardContentProps,\n  CardFooterProps\n} from \"./card.types\"\n\n/**\n * The main card container component.\n * Provides the base styling for the card including border, shadow, and rounded corners.\n * * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-card--docs\n *\n * @example\n * ```tsx\n * // Basic card\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Card Title</CardTitle>\n *     <CardDescription>Card Description</CardDescription>\n *   </CardHeader>\n *   <CardContent>\n *     <p>Card content goes here.</p>\n *   </CardContent>\n *   <CardFooter>\n *     <Button>Action</Button>\n *   </CardFooter>\n * </Card>\n *\n * // Card with custom styling\n * <Card className=\"bg-primary text-primary-foreground\">\n *   <CardHeader>\n *     <CardTitle>Custom Styled Card</CardTitle>\n *   </CardHeader>\n *   <CardContent>\n *     <p>This card has custom background and text colors.</p>\n *   </CardContent>\n * </Card>\n * ```\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"rounded-lg border bg-card text-card-foreground shadow-sm\", className)}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\n/**\n * Header section of the card.\n * Typically contains the card title and description.\n * Includes padding and spacing for consistent layout.\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n)\nCardHeader.displayName = \"CardHeader\"\n\n/**\n * Title component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card titles.\n */\nconst CardTitle = React.forwardRef<HTMLParagraphElement, CardTitleProps>(\n  ({ className, children, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n)\nCardTitle.displayName = \"CardTitle\"\n\n/**\n * Description component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card descriptions.\n */\nconst CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n  )\n)\nCardDescription.displayName = \"CardDescription\"\n\n/**\n * Main content section of the card.\n * Includes padding and removes top padding to maintain consistent spacing with the header.\n */\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n  )\n)\nCardContent.displayName = \"CardContent\"\n\n/**\n * Footer section of the card.\n * Typically contains action buttons or additional information.\n * Includes padding and removes top padding to maintain consistent spacing with the content.\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"]}

package/dist/{atoms/checkbox.mjs → checkbox/index.mjs}

@@ -1,2 +1,2 @@
-import*as i from'react';import*as e from'@radix-ui/react-checkbox';import {Check}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function o(...r){return twMerge(clsx(r))}var c=i.forwardRef(({className:r,...a},s)=>jsx(e.Root,{ref:s,className:o("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",r),...a,children:jsx(e.Indicator,{className:o("flex items-center justify-center text-current"),"aria-hidden":"true",children:jsx(Check,{className:"h-4 w-4"})})}));c.displayName=e.Root.displayName;export{c as Checkbox};//# sourceMappingURL=checkbox.mjs.map
-//# sourceMappingURL=checkbox.mjs.map
+import*as i from'react';import*as e from'@radix-ui/react-checkbox';import {Check}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function o(...r){return twMerge(clsx(r))}var c=i.forwardRef(({className:r,...a},s)=>jsx(e.Root,{ref:s,className:o("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",r),...a,children:jsx(e.Indicator,{className:o("flex items-center justify-center text-current"),"aria-hidden":"true",children:jsx(Check,{className:"h-4 w-4"})})}));c.displayName=e.Root.displayName;export{c as Checkbox};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/checkbox/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/checkbox/checkbox.tsx"],"names":["cn","inputs","twMerge","clsx","Checkbox","className","props","ref","jsx","Check"],"mappings":"qMAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCcMG,IAAAA,CAAAA,CAAiB,CACrB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,GAAAA,CAAmB,CAAlB,CAAA,IAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,CACT,CAAA,oQAAA,CACAK,CACF,CACC,CAAA,GAAGC,CAEJ,CAAA,QAAA,CAAAE,IAAmB,CAAlB,CAAA,SAAA,CAAA,CACC,SAAWR,CAAAA,CAAAA,CAAG,+CAA+C,CAC7D,CAAA,aAAA,CAAY,MAEZ,CAAA,QAAA,CAAAQ,IAACC,KAAA,CAAA,CAAM,SAAU,CAAA,SAAA,CAAU,EAC7B,CACF,CAAA,CAEJ,EACAL,CAAAA,CAAS,YAAgC,CAAK,CAAA,IAAA,CAAA,WAAA","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","/**\n * Checkbox component built on top of Radix UI's Checkbox primitive.\n * Provides a customizable checkbox input with proper accessibility and keyboard navigation.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs\n *\n * @example\n * ```tsx\n * <Checkbox id=\"terms\" name=\"terms\" />\n * <label htmlFor=\"terms\">Accept terms and conditions</label>\n * ```\n */\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type { CheckboxProps } from \"./checkbox.types\"\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={cn(\"flex items-center justify-center text-current\")}\n        aria-hidden=\"true\"\n      >\n        <Check className=\"h-4 w-4\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"]}

package/dist/{atoms/collapsible.mjs → collapsible/index.mjs}

@@ -1,2 +1,2 @@
-import*as e from'@radix-ui/react-collapsible';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {forwardRef}from'react';import {jsx}from'react/jsx-runtime';function i(...o){return twMerge(clsx(o))}var v=e.Root,p=forwardRef(({className:o,...t},l)=>jsx(e.Trigger,{ref:l,className:i("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",o),...t}));p.displayName="CollapsibleTrigger";var m=forwardRef(({className:o,...t},l)=>jsx(e.Content,{ref:l,className:i("overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",o),...t}));m.displayName="CollapsibleContent";export{v as Collapsible,m as CollapsibleContent,p as CollapsibleTrigger};//# sourceMappingURL=collapsible.mjs.map
-//# sourceMappingURL=collapsible.mjs.map
+import*as e from'@radix-ui/react-collapsible';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {forwardRef}from'react';import {jsx}from'react/jsx-runtime';function i(...o){return twMerge(clsx(o))}var v=e.Root,p=forwardRef(({className:o,...t},l)=>jsx(e.Trigger,{ref:l,className:i("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",o),...t}));p.displayName="CollapsibleTrigger";var m=forwardRef(({className:o,...t},l)=>jsx(e.Content,{ref:l,className:i("overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",o),...t}));m.displayName="CollapsibleContent";export{v as Collapsible,m as CollapsibleContent,p as CollapsibleTrigger};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/collapsible/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/collapsible/collapsible.tsx"],"names":["cn","inputs","twMerge","clsx","Collapsible","CollapsibleTrigger","forwardRef","className","props","ref","jsx","CollapsibleContent"],"mappings":"8KAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,KCcMG,CAAmC,CAAA,CAAA,CAAA,IAAA,CAEnCC,CAAqBC,CAAAA,UAAAA,CAGzB,CAAC,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAGC,CAC1BC,GAAAA,GAAAA,CAAsB,CAArB,CAAA,OAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWT,EACT,mTACAO,CAAAA,CACF,EACC,GAAGC,CAAAA,CACN,CACD,EACDH,EAAmB,WAAc,CAAA,oBAAA,KAE3BM,CAAqBL,CAAAA,UAAAA,CAGzB,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,IAAsB,CAArB,CAAA,OAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWT,CACT,CAAA,uGAAA,CACAO,CACF,CACC,CAAA,GAAGC,EACN,CACD,EACDG,EAAmB,WAAc,CAAA,oBAAA","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\nimport { cn } from \"@/utils\"\nimport { forwardRef } from \"react\"\n\n/**\n * Collapsible component that allows content to be expanded and collapsed.\n * Built on top of Radix UI's Collapsible primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-collapsible--docs\n *\n * @example\n * ```tsx\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n *   <CollapsibleContent>Content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <CollapsiblePrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\"\n\nconst CollapsibleContent = forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <CollapsiblePrimitive.Content\n    ref={ref}\n    className={cn(\n      \"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\",\n      className\n    )}\n    {...props}\n  />\n))\nCollapsibleContent.displayName = \"CollapsibleContent\"\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"]}

package/dist/{atoms/command.mjs → command/index.mjs}

@@ -1,2 +1,2 @@
-import*as d from'react';import {Command}from'cmdk';import {X,Search}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as a from'@radix-ui/react-dialog';import {jsx,jsxs}from'react/jsx-runtime';function m(...e){return twMerge(clsx(e))}var f=a.Root;var k=a.Portal;var g=d.forwardRef(({className:e,...t},o)=>jsx(a.Overlay,{ref:o,className:m("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",e),...t}));g.displayName=a.Overlay.displayName;var l=d.forwardRef(({className:e,children:t,...o},P)=>jsxs(k,{children:[jsx(g,{}),jsxs(a.Content,{ref:P,className:m("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",e),...o,children:[t,jsxs(a.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"})]})]})]}));l.displayName=a.Content.displayName;var I=d.forwardRef(({className:e,...t},o)=>jsx(a.Title,{ref:o,className:m("text-lg font-semibold leading-none tracking-tight",e),...t}));I.displayName=a.Title.displayName;var E=d.forwardRef(({className:e,...t},o)=>jsx(a.Description,{ref:o,className:m("text-sm text-muted-foreground",e),...t}));E.displayName=a.Description.displayName;var c=d.forwardRef(({className:e,...t},o)=>jsx(Command,{ref:o,className:m("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));c.displayName=Command.displayName;var L=({children:e,...t})=>jsx(f,{...t,children:jsx(l,{className:"overflow-hidden p-0",children:jsx(c,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})})}),u=d.forwardRef(({className:e,...t},o)=>jsxs("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[jsx(Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),jsx(Command.Input,{ref:o,className:m("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));u.displayName=Command.Input.displayName;var y=d.forwardRef(({className:e,...t},o)=>jsx(Command.List,{ref:o,className:m("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));y.displayName=Command.List.displayName;var C=d.forwardRef((e,t)=>jsx(Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));C.displayName=Command.Empty.displayName;var R=d.forwardRef(({className:e,...t},o)=>jsx(Command.Group,{ref:o,className:m("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));R.displayName=Command.Group.displayName;var v=d.forwardRef(({className:e,...t},o)=>jsx(Command.Separator,{ref:o,className:m("-mx-1 h-px bg-border",e),...t}));v.displayName=Command.Separator.displayName;var x=d.forwardRef(({className:e,...t},o)=>jsx(Command.Item,{ref:o,className:m("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",e),...t}));x.displayName=Command.Item.displayName;var D=({className:e,...t})=>jsx("span",{className:m("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});D.displayName="CommandShortcut";export{c as Command,L as CommandDialog,C as CommandEmpty,R as CommandGroup,u as CommandInput,x as CommandItem,y as CommandList,v as CommandSeparator,D as CommandShortcut};//# sourceMappingURL=command.mjs.map
-//# sourceMappingURL=command.mjs.map
+import*as d from'react';import {Command}from'cmdk';import {X,Search}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as a from'@radix-ui/react-dialog';import {jsx,jsxs}from'react/jsx-runtime';function m(...e){return twMerge(clsx(e))}var f=a.Root;var k=a.Portal;var g=d.forwardRef(({className:e,...t},o)=>jsx(a.Overlay,{ref:o,className:m("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",e),...t}));g.displayName=a.Overlay.displayName;var l=d.forwardRef(({className:e,children:t,...o},P)=>jsxs(k,{children:[jsx(g,{}),jsxs(a.Content,{ref:P,className:m("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",e),...o,children:[t,jsxs(a.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"})]})]})]}));l.displayName=a.Content.displayName;var I=d.forwardRef(({className:e,...t},o)=>jsx(a.Title,{ref:o,className:m("text-lg font-semibold leading-none tracking-tight",e),...t}));I.displayName=a.Title.displayName;var E=d.forwardRef(({className:e,...t},o)=>jsx(a.Description,{ref:o,className:m("text-sm text-muted-foreground",e),...t}));E.displayName=a.Description.displayName;var c=d.forwardRef(({className:e,...t},o)=>jsx(Command,{ref:o,className:m("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));c.displayName=Command.displayName;var L=({children:e,...t})=>jsx(f,{...t,children:jsx(l,{className:"overflow-hidden p-0",children:jsx(c,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})})}),u=d.forwardRef(({className:e,...t},o)=>jsxs("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[jsx(Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),jsx(Command.Input,{ref:o,className:m("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));u.displayName=Command.Input.displayName;var y=d.forwardRef(({className:e,...t},o)=>jsx(Command.List,{ref:o,className:m("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));y.displayName=Command.List.displayName;var C=d.forwardRef((e,t)=>jsx(Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));C.displayName=Command.Empty.displayName;var R=d.forwardRef(({className:e,...t},o)=>jsx(Command.Group,{ref:o,className:m("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));R.displayName=Command.Group.displayName;var v=d.forwardRef(({className:e,...t},o)=>jsx(Command.Separator,{ref:o,className:m("-mx-1 h-px bg-border",e),...t}));v.displayName=Command.Separator.displayName;var x=d.forwardRef(({className:e,...t},o)=>jsx(Command.Item,{ref:o,className:m("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",e),...t}));x.displayName=Command.Item.displayName;var D=({className:e,...t})=>jsx("span",{className:m("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});D.displayName="CommandShortcut";export{c as Command,L as CommandDialog,C as CommandEmpty,R as CommandGroup,u as CommandInput,x as CommandItem,y as CommandList,v as CommandSeparator,D as CommandShortcut};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/command/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/dialog/dialog.tsx","../../src/components/atoms/command/command.tsx"],"names":["cn","inputs","twMerge","clsx","Dialog","DialogPortal","DialogOverlay","s","className","props","ref","jsx","DialogContent","children","jsxs","X","DialogTitle","DialogDescription","Command","CommandPrimitive","CommandDialog","CommandInput","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\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://sergii-melnykov.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 { Command as CommandPrimitive } from \"cmdk\"\nimport { Search } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { Dialog, DialogContent } from \"@/components/atoms/dialog\"\nimport {\n  type CommandProps,\n  type CommandRef,\n  type CommandDialogProps,\n  type CommandInputProps,\n  type CommandInputRef,\n  type CommandListProps,\n  type CommandListRef,\n  type CommandEmptyProps,\n  type CommandEmptyRef,\n  type CommandGroupProps,\n  type CommandGroupRef,\n  type CommandSeparatorProps,\n  type CommandSeparatorRef,\n  type CommandItemProps,\n  type CommandItemRef,\n  type CommandShortcutProps\n} from \"./command.types\"\n\n/**\n * Command component that provides a command palette interface.\n * Built on top of cmdk and Radix UI's Dialog primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-command--docs\n *\n * @example\n * ```tsx\n * <Command>\n *   <CommandInput placeholder=\"Search...\" />\n *   <CommandList>\n *     <CommandEmpty>No results found.</CommandEmpty>\n *     <CommandGroup heading=\"Suggestions\">\n *       <CommandItem>Calendar</CommandItem>\n *       <CommandItem>Search</CommandItem>\n *     </CommandGroup>\n *   </CommandList>\n * </Command>\n * ```\n */\nconst Command = React.forwardRef<CommandRef, CommandProps>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<CommandInputRef, CommandInputProps>(\n  ({ className, ...props }, ref) => (\n    <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n      <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        ref={ref}\n        className={cn(\n          \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n)\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<CommandListRef, CommandListProps>(\n  ({ className, ...props }, ref) => (\n    <CommandPrimitive.List\n      ref={ref}\n      className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n      {...props}\n    />\n  )\n)\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<CommandEmptyRef, CommandEmptyProps>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<CommandGroupRef, CommandGroupProps>(\n  ({ className, ...props }, ref) => (\n    <CommandPrimitive.Group\n      ref={ref}\n      className={cn(\n        \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<CommandSeparatorRef, CommandSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <CommandPrimitive.Separator\n      ref={ref}\n      className={cn(\"-mx-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n)\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<CommandItemRef, CommandItemProps>(\n  ({ className, ...props }, ref) => (\n    <CommandPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = \"CommandShortcut\"\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator\n}\n"]}

package/dist/container/index.d.mts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+interface ContainerProps extends React.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.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Container, type ContainerProps };

package/dist/{atoms/container.mjs → container/index.mjs}

@@ -1,2 +1,2 @@
-import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as o from'react';import {jsx}from'react/jsx-runtime';function l(...r){return twMerge(clsx(r))}var p=o.forwardRef(({className:r,maxWidth:e="lg",disablePadding:a=false,fluid:n=false,...s},t)=>jsx("div",{ref:t,className:l("mx-auto w-full",!a&&"px-4 sm:px-6 lg:px-8",!n&&{"max-w-screen-sm":e==="sm","max-w-screen-md":e==="md","max-w-screen-lg":e==="lg","max-w-screen-xl":e==="xl","max-w-full":e==="full"},r),...s}));p.displayName="Container";export{p as Container};//# sourceMappingURL=container.mjs.map
-//# sourceMappingURL=container.mjs.map
+import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as o from'react';import {jsx}from'react/jsx-runtime';function l(...r){return twMerge(clsx(r))}var p=o.forwardRef(({className:r,maxWidth:e="lg",disablePadding:a=false,fluid:n=false,...s},t)=>jsx("div",{ref:t,className:l("mx-auto w-full",!a&&"px-4 sm:px-6 lg:px-8",!n&&{"max-w-screen-sm":e==="sm","max-w-screen-md":e==="md","max-w-screen-lg":e==="lg","max-w-screen-xl":e==="xl","max-w-full":e==="full"},r),...s}));p.displayName="Container";export{p as Container};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/container/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/container/container.tsx"],"names":["cn","inputs","twMerge","clsx","Container","className","maxWidth","disablePadding","fluid","props","ref","jsx"],"mappings":"yHAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCyDMG,IAAAA,CAAAA,CAAkB,aACtB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,SAAAC,CAAW,CAAA,IAAA,CAAM,eAAAC,CAAiB,CAAA,KAAA,CAAO,MAAAC,CAAQ,CAAA,KAAA,CAAO,GAAGC,CAAM,EAAGC,CAE9EC,GAAAA,GAAAA,CAAC,KACC,CAAA,CAAA,GAAA,CAAKD,EACL,SAAWV,CAAAA,CAAAA,CAET,gBAEA,CAAA,CAACO,GAAkB,sBAEnB,CAAA,CAACC,GAAS,CACR,iBAAA,CAAmBF,IAAa,IAChC,CAAA,iBAAA,CAAmBA,CAAa,GAAA,IAAA,CAChC,kBAAmBA,CAAa,GAAA,IAAA,CAChC,iBAAmBA,CAAAA,CAAAA,GAAa,KAChC,YAAcA,CAAAA,CAAAA,GAAa,MAC7B,CAAA,CACAD,CACF,CACC,CAAA,GAAGI,EACN,CAGN,EAEAL,EAAU,WAAc,CAAA,WAAA","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\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://sergii-melnykov.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"]}

package/dist/{atoms/dialog.mjs → dialog/index.mjs}

@@ -1,2 +1,2 @@
-import*as s from'react';import*as e from'@radix-ui/react-dialog';import {X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}var w=e.Root,h=e.Trigger,p=e.Portal,E=e.Close,n=s.forwardRef(({className:t,...a},l)=>jsx(e.Overlay,{ref:l,className:i("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",t),...a}));n.displayName=e.Overlay.displayName;var g=s.forwardRef(({className:t,children:a,...l},m)=>jsxs(p,{children:[jsx(n,{}),jsxs(e.Content,{ref:m,className:i("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",t),...l,children:[a,jsxs(e.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"})]})]})]}));g.displayName=e.Content.displayName;var D=({className:t,...a})=>jsx("div",{className:i("flex flex-col space-y-1.5 text-center sm:text-left",t),...a});D.displayName="DialogHeader";var v=({className:t,...a})=>jsx("div",{className:i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a});v.displayName="DialogFooter";var u=s.forwardRef(({className:t,...a},l)=>jsx(e.Title,{ref:l,className:i("text-lg font-semibold leading-none tracking-tight",t),...a}));u.displayName=e.Title.displayName;var y=s.forwardRef(({className:t,...a},l)=>jsx(e.Description,{ref:l,className:i("text-sm text-muted-foreground",t),...a}));y.displayName=e.Description.displayName;export{w as Dialog,E as DialogClose,g as DialogContent,y as DialogDescription,v as DialogFooter,D as DialogHeader,n as DialogOverlay,p as DialogPortal,u as DialogTitle,h as DialogTrigger};//# sourceMappingURL=dialog.mjs.map
-//# sourceMappingURL=dialog.mjs.map
+import*as s from'react';import*as e from'@radix-ui/react-dialog';import {X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}var w=e.Root,h=e.Trigger,p=e.Portal,E=e.Close,n=s.forwardRef(({className:t,...a},l)=>jsx(e.Overlay,{ref:l,className:i("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",t),...a}));n.displayName=e.Overlay.displayName;var g=s.forwardRef(({className:t,children:a,...l},m)=>jsxs(p,{children:[jsx(n,{}),jsxs(e.Content,{ref:m,className:i("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",t),...l,children:[a,jsxs(e.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"})]})]})]}));g.displayName=e.Content.displayName;var D=({className:t,...a})=>jsx("div",{className:i("flex flex-col space-y-1.5 text-center sm:text-left",t),...a});D.displayName="DialogHeader";var v=({className:t,...a})=>jsx("div",{className:i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a});v.displayName="DialogFooter";var u=s.forwardRef(({className:t,...a},l)=>jsx(e.Title,{ref:l,className:i("text-lg font-semibold leading-none tracking-tight",t),...a}));u.displayName=e.Title.displayName;var y=s.forwardRef(({className:t,...a},l)=>jsx(e.Description,{ref:l,className:i("text-sm text-muted-foreground",t),...a}));y.displayName=e.Description.displayName;export{w as Dialog,E as DialogClose,g as DialogContent,y as DialogDescription,v as DialogFooter,D as DialogHeader,n as DialogOverlay,p as DialogPortal,u as DialogTitle,h as DialogTrigger};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/dialog/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/dialog/dialog.tsx"],"names":["cn","inputs","twMerge","clsx","Dialog","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","props","ref","jsx","DialogContent","children","jsxs","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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","file":"index.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\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://sergii-melnykov.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"]}