@me1a/ui 2.2.0 → 2.2.2

package/dist/atoms/page-loader.mjs

@@ -0,0 +1,2 @@
+import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Loader2}from'lucide-react';import {jsxs,jsx}from'react/jsx-runtime';function e(...r){return twMerge(clsx(r))}function b({className:r,size:o="default",text:t,color:s="primary"}){let c={sm:"h-4 w-4",default:"h-8 w-8",lg:"h-12 w-12"},i={primary:"text-primary",secondary:"text-secondary",accent:"text-accent",muted:"text-muted-foreground",destructive:"text-destructive"}[s]||`text-[${s}]`;return jsxs("div",{className:e("fixed inset-0 z-50 flex min-h-screen flex-col items-center justify-center bg-background/80 backdrop-blur-sm",r),role:"alert","aria-live":"assertive",children:[jsx(Loader2,{className:e("animate-spin",i,c[o]),"aria-hidden":"true"}),t&&jsx("p",{className:"mt-4 text-sm text-muted-foreground","aria-label":t,children:t})]})}export{b as PageLoader};//# sourceMappingURL=page-loader.mjs.map
+//# sourceMappingURL=page-loader.mjs.map

package/dist/atoms/page-loader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/page-loader/page-loader.tsx"],"names":["cn","inputs","twMerge","clsx","PageLoader","className","size","text","color","sizeClasses","loaderColor","jsxs","jsx","Loader2"],"mappings":"yIAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,QAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCwBO,SAASG,CAAW,CAAA,CACzB,SAAAC,CAAAA,CAAAA,CACA,KAAAC,CAAO,CAAA,SAAA,CACP,IAAAC,CAAAA,CAAAA,CACA,KAAAC,CAAAA,CAAAA,CAAQ,SACV,CAAoB,CAAA,CAClB,IAAMC,CAAAA,CAAc,CAClB,EAAA,CAAI,UACJ,OAAS,CAAA,SAAA,CACT,EAAI,CAAA,WACN,CAUMC,CAAAA,CAAAA,CARe,CACnB,OAAS,CAAA,cAAA,CACT,SAAW,CAAA,gBAAA,CACX,MAAQ,CAAA,aAAA,CACR,MAAO,uBACP,CAAA,WAAA,CAAa,kBACf,CAAA,CAEiCF,CAAkC,CAAA,EAAK,SAASA,CAAK,CAAA,CAAA,CAAA,CAEtF,OACEG,IAAAA,CAAC,KACC,CAAA,CAAA,SAAA,CAAWX,EACT,6GACAK,CAAAA,CACF,CACA,CAAA,IAAA,CAAK,OACL,CAAA,WAAA,CAAU,YAEV,QAAAO,CAAAA,CAAAA,GAAAA,CAACC,OAAA,CAAA,CAAQ,SAAWb,CAAAA,CAAAA,CAAG,eAAgBU,CAAaD,CAAAA,CAAAA,CAAYH,CAAI,CAAC,CAAG,CAAA,aAAA,CAAY,OAAO,CAC1FC,CAAAA,CAAAA,EACCK,GAAC,CAAA,GAAA,CAAA,CAAE,SAAU,CAAA,oCAAA,CAAqC,aAAYL,CAC3D,CAAA,QAAA,CAAAA,CACH,CAAA,CAAA,CAAA,CAEJ,CAEJ","file":"page-loader.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 { cn } from \"@/utils\"\nimport { Loader2 } from \"lucide-react\"\n\nexport interface PageLoaderProps {\n  /**\n   * Optional className to extend the component's styles\n   */\n  className?: string\n  /**\n   * Optional size of the loader (default: \"default\")\n   */\n  size?: \"sm\" | \"default\" | \"lg\"\n  /**\n   * Optional text to display below the loader\n   */\n  text?: string\n  /**\n   * Optional color of the loader (default: \"primary\")\n   */\n  color?: \"primary\" | \"secondary\" | \"accent\" | \"muted\" | \"destructive\" | string\n}\n\n/**\n * PageLoader component for displaying a loading indicator.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-page-loader--docs\n *\n */\n\nexport function PageLoader({\n  className,\n  size = \"default\",\n  text,\n  color = \"primary\"\n}: PageLoaderProps) {\n  const sizeClasses = {\n    sm: \"h-4 w-4\",\n    default: \"h-8 w-8\",\n    lg: \"h-12 w-12\"\n  }\n\n  const colorClasses = {\n    primary: \"text-primary\",\n    secondary: \"text-secondary\",\n    accent: \"text-accent\",\n    muted: \"text-muted-foreground\",\n    destructive: \"text-destructive\"\n  }\n\n  const loaderColor = colorClasses[color as keyof typeof colorClasses] || `text-[${color}]`\n\n  return (\n    <div\n      className={cn(\n        \"fixed inset-0 z-50 flex min-h-screen flex-col items-center justify-center bg-background/80 backdrop-blur-sm\",\n        className\n      )}\n      role=\"alert\"\n      aria-live=\"assertive\"\n    >\n      <Loader2 className={cn(\"animate-spin\", loaderColor, sizeClasses[size])} aria-hidden=\"true\" />\n      {text && (\n        <p className=\"mt-4 text-sm text-muted-foreground\" aria-label={text}>\n          {text}\n        </p>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/atoms/pagination.d.mts

@@ -0,0 +1,105 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+/**
+ * Props interface for the Button component.
+ * Extends the native button HTML attributes and adds support for variants and asChild prop.
+ * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
+ *
+ * @interface ButtonProps
+ * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
+ * @extends {VariantProps<typeof buttonVariants>}
+ *
+ * @property {boolean} [asChild] - When true, renders the button as a child component using Radix UI's Slot.
+ * @property {ButtonVariant} [variant] - The visual style variant of the button.
+ * @property {ButtonSize} [size] - The size variant of the button.
+ * @property {string} [className] - Additional CSS classes to apply to the button.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the button text.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the button text.
+ * @property {boolean} [loading] - Whether the button is in a loading state.
+ * @property {string} [type] - The type of button (button, submit, reset). Defaults to "button".
+ * @property {string} [aria-label] - Accessible label for the button. Falls back to button text if not provided.
+ */
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
+    type?: "button" | "submit" | "reset";
+    "aria-label"?: string;
+}
+
+/**
+ * Button variant styles using class-variance-authority.
+ * Defines the visual styles for different button variants and sizes.
+ * Follows WCAG 2.1 Level AA guidelines for accessibility.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary" size="lg">Click me</Button>
+ * ```
+ */
+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;
+
+/**
+ * Pagination component that provides navigation controls for paginated content.
+ * Built on top of shadcn/ui's button component.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-pagination--docs
+ *
+ * @example
+ * ```tsx
+ * <Pagination>
+ *   <PaginationContent>
+ *     <PaginationItem>
+ *       <PaginationPrevious href="#" />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationLink href="#" isActive>1</PaginationLink>
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationEllipsis />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationNext href="#" />
+ *     </PaginationItem>
+ *   </PaginationContent>
+ * </Pagination>
+ * ```
+ */
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps$1 = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, children, ...props }: PaginationLinkProps$1): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious };

package/dist/atoms/pagination.d.ts

@@ -0,0 +1,105 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+/**
+ * Props interface for the Button component.
+ * Extends the native button HTML attributes and adds support for variants and asChild prop.
+ * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
+ *
+ * @interface ButtonProps
+ * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
+ * @extends {VariantProps<typeof buttonVariants>}
+ *
+ * @property {boolean} [asChild] - When true, renders the button as a child component using Radix UI's Slot.
+ * @property {ButtonVariant} [variant] - The visual style variant of the button.
+ * @property {ButtonSize} [size] - The size variant of the button.
+ * @property {string} [className] - Additional CSS classes to apply to the button.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the button text.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the button text.
+ * @property {boolean} [loading] - Whether the button is in a loading state.
+ * @property {string} [type] - The type of button (button, submit, reset). Defaults to "button".
+ * @property {string} [aria-label] - Accessible label for the button. Falls back to button text if not provided.
+ */
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
+    type?: "button" | "submit" | "reset";
+    "aria-label"?: string;
+}
+
+/**
+ * Button variant styles using class-variance-authority.
+ * Defines the visual styles for different button variants and sizes.
+ * Follows WCAG 2.1 Level AA guidelines for accessibility.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary" size="lg">Click me</Button>
+ * ```
+ */
+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;
+
+/**
+ * Pagination component that provides navigation controls for paginated content.
+ * Built on top of shadcn/ui's button component.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-pagination--docs
+ *
+ * @example
+ * ```tsx
+ * <Pagination>
+ *   <PaginationContent>
+ *     <PaginationItem>
+ *       <PaginationPrevious href="#" />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationLink href="#" isActive>1</PaginationLink>
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationEllipsis />
+ *     </PaginationItem>
+ *     <PaginationItem>
+ *       <PaginationNext href="#" />
+ *     </PaginationItem>
+ *   </PaginationContent>
+ * </Pagination>
+ * ```
+ */
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps$1 = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, children, ...props }: PaginationLinkProps$1): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious };

package/dist/atoms/pagination.js

@@ -0,0 +1,2 @@
+'use strict';var g=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var g__namespace=/*#__PURE__*/_interopNamespace(g);function n(...a){return tailwindMerge.twMerge(clsx.clsx(a))}var u=classVarianceAuthority.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"}}),G=g__namespace.forwardRef(({className:a,variant:e,size:o,asChild:s=false,startIcon:r,endIcon:b,loading:l=false,disabled:B,children:p,type:y="button","aria-label":M,...m},v)=>{let h=s?reactSlot.Slot:"button",i=B||l,x=M||(typeof p=="string"?p:void 0),z=c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),!i&&m.onClick&&m.onClick(c));};return s?jsxRuntime.jsx(h,{className:n(u({variant:e,size:o,className:a})),ref:v,disabled:i,type:y,"aria-label":x,"aria-disabled":i,...m,children:p}):jsxRuntime.jsxs(h,{className:n(u({variant:e,size:o,className:a})),ref:v,disabled:i,type:y,"aria-label":x,"aria-disabled":i,onKeyDown:z,...m,children:[l&&jsxRuntime.jsx(lucideReact.Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading","aria-hidden":"true"}),!l&&r&&jsxRuntime.jsx("span",{className:"mr-2","aria-hidden":"true",children:r}),p,!l&&b&&jsxRuntime.jsx("span",{className:"ml-2","aria-hidden":"true",children:b})]})});G.displayName="Button";var w=({className:a,...e})=>jsxRuntime.jsx("nav",{role:"navigation","aria-label":"pagination",className:n("mx-auto flex w-full justify-center",a),...e});w.displayName="Pagination";var L=g__namespace.forwardRef(({className:a,...e},o)=>jsxRuntime.jsx("ul",{ref:o,className:n("flex flex-row items-center gap-1",a),...e}));L.displayName="PaginationContent";var k=g__namespace.forwardRef(({className:a,...e},o)=>jsxRuntime.jsx("li",{ref:o,className:n("",a),...e}));k.displayName="PaginationItem";var f=({className:a,isActive:e,size:o="icon",children:s,...r})=>jsxRuntime.jsx("a",{"aria-current":e?"page":void 0,className:n(u({variant:e?"outline":"ghost",size:o}),a),...r,children:s});f.displayName="PaginationLink";var C=({className:a,...e})=>jsxRuntime.jsxs(f,{"aria-label":"Go to previous page",size:"default",className:n("gap-1 pl-2.5",a),...e,children:[jsxRuntime.jsx(lucideReact.ChevronLeft,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:"Previous"})]});C.displayName="PaginationPrevious";var R=({className:a,...e})=>jsxRuntime.jsxs(f,{"aria-label":"Go to next page",size:"default",className:n("gap-1 pr-2.5",a),...e,children:[jsxRuntime.jsx("span",{children:"Next"}),jsxRuntime.jsx(lucideReact.ChevronRight,{className:"h-4 w-4"})]});R.displayName="PaginationNext";var E=({className:a,...e})=>jsxRuntime.jsxs("span",{"aria-hidden":true,className:n("flex h-9 w-9 items-center justify-center",a),...e,children:[jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"More pages"})]});E.displayName="PaginationEllipsis";exports.Pagination=w;exports.PaginationContent=L;exports.PaginationEllipsis=E;exports.PaginationItem=k;exports.PaginationLink=f;exports.PaginationNext=R;exports.PaginationPrevious=C;//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=pagination.js.map

package/dist/atoms/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/button/button.tsx","../../src/components/atoms/pagination/pagination.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","N","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","jsx","jsxs","Loader2","Pagination","PaginationContent","g","PaginationItem","PaginationLink","isActive","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":"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","file":"pagination.js","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","import * as React from \"react\"\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { ButtonProps, buttonVariants } from \"@/components/atoms/button\"\n\n/**\n * Pagination component that provides navigation controls for paginated content.\n * Built on top of shadcn/ui's button component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-pagination--docs\n *\n * @example\n * ```tsx\n * <Pagination>\n *   <PaginationContent>\n *     <PaginationItem>\n *       <PaginationPrevious href=\"#\" />\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationLink href=\"#\" isActive>1</PaginationLink>\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationEllipsis />\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationNext href=\"#\" />\n *     </PaginationItem>\n *   </PaginationContent>\n * </Pagination>\n * ```\n */\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n  )\n)\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />\n)\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  size = \"icon\",\n  children,\n  ...props\n}: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size\n      }),\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </a>\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <ChevronLeft className=\"h-4 w-4\" />\n    <span>Previous</span>\n  </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRight className=\"h-4 w-4\" />\n  </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\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 pages</span>\n  </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis\n}\n"]}

package/dist/atoms/pagination.mjs

@@ -0,0 +1,2 @@
+import*as g from'react';import {Loader2,ChevronLeft,ChevronRight,MoreHorizontal}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function n(...a){return twMerge(clsx(a))}var u=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"}}),G=g.forwardRef(({className:a,variant:e,size:o,asChild:s=false,startIcon:r,endIcon:b,loading:l=false,disabled:B,children:p,type:y="button","aria-label":M,...m},v)=>{let h=s?Slot:"button",i=B||l,x=M||(typeof p=="string"?p:void 0),z=c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),!i&&m.onClick&&m.onClick(c));};return s?jsx(h,{className:n(u({variant:e,size:o,className:a})),ref:v,disabled:i,type:y,"aria-label":x,"aria-disabled":i,...m,children:p}):jsxs(h,{className:n(u({variant:e,size:o,className:a})),ref:v,disabled:i,type:y,"aria-label":x,"aria-disabled":i,onKeyDown:z,...m,children:[l&&jsx(Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading","aria-hidden":"true"}),!l&&r&&jsx("span",{className:"mr-2","aria-hidden":"true",children:r}),p,!l&&b&&jsx("span",{className:"ml-2","aria-hidden":"true",children:b})]})});G.displayName="Button";var w=({className:a,...e})=>jsx("nav",{role:"navigation","aria-label":"pagination",className:n("mx-auto flex w-full justify-center",a),...e});w.displayName="Pagination";var L=g.forwardRef(({className:a,...e},o)=>jsx("ul",{ref:o,className:n("flex flex-row items-center gap-1",a),...e}));L.displayName="PaginationContent";var k=g.forwardRef(({className:a,...e},o)=>jsx("li",{ref:o,className:n("",a),...e}));k.displayName="PaginationItem";var f=({className:a,isActive:e,size:o="icon",children:s,...r})=>jsx("a",{"aria-current":e?"page":void 0,className:n(u({variant:e?"outline":"ghost",size:o}),a),...r,children:s});f.displayName="PaginationLink";var C=({className:a,...e})=>jsxs(f,{"aria-label":"Go to previous page",size:"default",className:n("gap-1 pl-2.5",a),...e,children:[jsx(ChevronLeft,{className:"h-4 w-4"}),jsx("span",{children:"Previous"})]});C.displayName="PaginationPrevious";var R=({className:a,...e})=>jsxs(f,{"aria-label":"Go to next page",size:"default",className:n("gap-1 pr-2.5",a),...e,children:[jsx("span",{children:"Next"}),jsx(ChevronRight,{className:"h-4 w-4"})]});R.displayName="PaginationNext";var E=({className:a,...e})=>jsxs("span",{"aria-hidden":true,className:n("flex h-9 w-9 items-center justify-center",a),...e,children:[jsx(MoreHorizontal,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"More pages"})]});E.displayName="PaginationEllipsis";export{w as Pagination,L as PaginationContent,E as PaginationEllipsis,k as PaginationItem,f as PaginationLink,R as PaginationNext,C as PaginationPrevious};//# sourceMappingURL=pagination.mjs.map
+//# sourceMappingURL=pagination.mjs.map

package/dist/atoms/pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/button/button.tsx","../../src/components/atoms/pagination/pagination.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","N","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","jsx","jsxs","Loader2","Pagination","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":"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","file":"pagination.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","import * as React from \"react\"\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { ButtonProps, buttonVariants } from \"@/components/atoms/button\"\n\n/**\n * Pagination component that provides navigation controls for paginated content.\n * Built on top of shadcn/ui's button component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-pagination--docs\n *\n * @example\n * ```tsx\n * <Pagination>\n *   <PaginationContent>\n *     <PaginationItem>\n *       <PaginationPrevious href=\"#\" />\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationLink href=\"#\" isActive>1</PaginationLink>\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationEllipsis />\n *     </PaginationItem>\n *     <PaginationItem>\n *       <PaginationNext href=\"#\" />\n *     </PaginationItem>\n *   </PaginationContent>\n * </Pagination>\n * ```\n */\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n  )\n)\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />\n)\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  size = \"icon\",\n  children,\n  ...props\n}: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size\n      }),\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </a>\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <ChevronLeft className=\"h-4 w-4\" />\n    <span>Previous</span>\n  </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRight className=\"h-4 w-4\" />\n  </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\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 pages</span>\n  </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis\n}\n"]}

package/dist/atoms/popover.d.mts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+/**
+ * Popover component that displays content in a floating panel.
+ * Built on top of Radix UI's Popover primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-popover--docs
+ *
+ * @example
+ * ```tsx
+ * <Popover>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
+ *   <PopoverContent>
+ *     <p>Popover content goes here</p>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ */
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type PopoverProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
+type PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
+type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
+type PopoverAnchorProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
+
+export { Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps };

package/dist/atoms/popover.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+/**
+ * Popover component that displays content in a floating panel.
+ * Built on top of Radix UI's Popover primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-popover--docs
+ *
+ * @example
+ * ```tsx
+ * <Popover>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
+ *   <PopoverContent>
+ *     <p>Popover content goes here</p>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ */
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type PopoverProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
+type PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
+type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
+type PopoverAnchorProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
+
+export { Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps };

package/dist/atoms/popover.js

@@ -0,0 +1,2 @@
+'use strict';var i=require('react'),o=require('@radix-ui/react-popover'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var i__namespace=/*#__PURE__*/_interopNamespace(i);var o__namespace=/*#__PURE__*/_interopNamespace(o);function t(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var C=o__namespace.Root,R=o__namespace.Trigger,x=o__namespace.Anchor,f=i__namespace.forwardRef(({className:e,align:a="center",sideOffset:n=4,...p},m)=>jsxRuntime.jsx(o__namespace.Portal,{children:jsxRuntime.jsx(o__namespace.Content,{ref:m,align:a,sideOffset:n,className:t("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",e),...p})}));f.displayName=o__namespace.Content.displayName;exports.Popover=C;exports.PopoverAnchor=x;exports.PopoverContent=f;exports.PopoverTrigger=R;//# sourceMappingURL=popover.js.map
+//# sourceMappingURL=popover.js.map

package/dist/atoms/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/popover/popover.tsx"],"names":["cn","inputs","twMerge","clsx","Popover","o","PopoverTrigger","PopoverAnchor","PopoverContent","i","className","align","sideOffset","props","ref","jsx"],"mappings":"ukBAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,UAAKF,CAAM,CAAC,CAC7B,CCgBMG,IAAAA,CAAAA,CAA2BC,kBAE3BC,CAAkC,CAAAD,YAAA,CAAA,OAAA,CAElCE,CAAiC,CAAAF,YAAA,CAAA,MAAA,CAEjCG,EAAuBC,YAG3B,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,EAAW,KAAAC,CAAAA,CAAAA,CAAQ,QAAU,CAAA,UAAA,CAAAC,EAAa,CAAG,CAAA,GAAGC,CAAM,CAAA,CAAGC,IAC5DC,cAAkB,CAAAV,YAAA,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAU,eAAkBV,YAAjB,CAAA,OAAA,CAAA,CACC,GAAKS,CAAAA,CAAAA,CACL,MAAOH,CACP,CAAA,UAAA,CAAYC,CACZ,CAAA,SAAA,CAAWZ,EACT,8dACAU,CAAAA,CACF,CACC,CAAA,GAAGG,EACN,CACF,CAAA,CACD,EACDL,CAAAA,CAAe,YAA+BH,YAAQ,CAAA,OAAA,CAAA,WAAA","file":"popover.js","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 PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Popover component that displays content in a floating panel.\n * Built on top of Radix UI's Popover primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-popover--docs\n *\n * @example\n * ```tsx\n * <Popover>\n *   <PopoverTrigger>Open Popover</PopoverTrigger>\n *   <PopoverContent>\n *     <p>Popover content goes here</p>\n *   </PopoverContent>\n * </Popover>\n * ```\n */\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}

package/dist/atoms/popover.mjs

@@ -0,0 +1,2 @@
+import*as i from'react';import*as o from'@radix-ui/react-popover';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function t(...e){return twMerge(clsx(e))}var C=o.Root,R=o.Trigger,x=o.Anchor,f=i.forwardRef(({className:e,align:a="center",sideOffset:n=4,...p},m)=>jsx(o.Portal,{children:jsx(o.Content,{ref:m,align:a,sideOffset:n,className:t("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",e),...p})}));f.displayName=o.Content.displayName;export{C as Popover,x as PopoverAnchor,f as PopoverContent,R as PopoverTrigger};//# sourceMappingURL=popover.mjs.map
+//# sourceMappingURL=popover.mjs.map

package/dist/atoms/popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/popover/popover.tsx"],"names":["cn","inputs","twMerge","clsx","Popover","PopoverTrigger","PopoverAnchor","PopoverContent","className","align","sideOffset","props","ref","jsx"],"mappings":"mKAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCgBMG,IAAAA,CAAAA,CAA2B,OAE3BC,CAAkC,CAAA,CAAA,CAAA,OAAA,CAElCC,CAAiC,CAAA,CAAA,CAAA,MAAA,CAEjCC,EAAuB,CAG3B,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,EAAW,KAAAC,CAAAA,CAAAA,CAAQ,QAAU,CAAA,UAAA,CAAAC,EAAa,CAAG,CAAA,GAAGC,CAAM,CAAA,CAAGC,IAC5DC,GAAkB,CAAA,CAAA,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,IAAkB,CAAjB,CAAA,OAAA,CAAA,CACC,GAAKD,CAAAA,CAAAA,CACL,MAAOH,CACP,CAAA,UAAA,CAAYC,CACZ,CAAA,SAAA,CAAWV,EACT,8dACAQ,CAAAA,CACF,CACC,CAAA,GAAGG,EACN,CACF,CAAA,CACD,EACDJ,CAAAA,CAAe,YAA+B,CAAQ,CAAA,OAAA,CAAA,WAAA","file":"popover.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 PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Popover component that displays content in a floating panel.\n * Built on top of Radix UI's Popover primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-popover--docs\n *\n * @example\n * ```tsx\n * <Popover>\n *   <PopoverTrigger>Open Popover</PopoverTrigger>\n *   <PopoverContent>\n *     <p>Popover content goes here</p>\n *   </PopoverContent>\n * </Popover>\n * ```\n */\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}

package/dist/{checkbox-DxgDKaHx.d.mts → atoms/radio-group.d.mts}

@@ -1,46 +1,12 @@
-import * as React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { VariantProps } from 'class-variance-authority';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-
-/**
- * Input component for creating accessible input fields.
- * Built on top of shadcn/ui's Input component.
- *
- * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-input--docs
- *
- */
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
 }
-/**
- * Label component for creating accessible labels.
- * Built on top of Radix UI's Label primitive.
- *
- * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs
- *
- */
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
-
-/**
- * Switch component that provides a toggle input control.
- * Built on top of Radix UI's Switch primitive.
- *
- * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-switch--docs
- *
- * @example
- * ```tsx
- * <Switch />
- * <Switch defaultChecked />
- * <Switch disabled />
- * ```
- */
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 /**
  * RadioGroup component that allows users to select a single option from a list.
@@ -90,19 +56,7 @@ declare const RadioItemContainer: React.ForwardRefExoticComponent<React.HTMLAttr
  */
 declare const RadioItemLabel: React.ForwardRefExoticComponent<Omit<LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
 
-/**
- * Checkbox component built on top of Radix UI's Checkbox primitive.
- * Provides a customizable checkbox input with proper accessibility and keyboard navigation.
- *
- * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs
- *
- * @example
- * ```tsx
- * <Checkbox id="terms" name="terms" />
- * <label htmlFor="terms">Accept terms and conditions</label>
- * ```
- */
-
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
 
-export { Checkbox as C, Input as I, Label as L, RadioGroup as R, Switch as S, type LabelProps as a, RadioGroupItem as b, RadioItemLabel as c, RadioItemContainer as d };
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioItemContainer, RadioItemLabel };

package/dist/{checkbox-DxgDKaHx.d.ts → atoms/radio-group.d.ts}

@@ -1,46 +1,12 @@
-import * as React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { VariantProps } from 'class-variance-authority';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-
-/**
- * Input component for creating accessible input fields.
- * Built on top of shadcn/ui's Input component.
- *
- * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-input--docs
- *
- */
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
 }
-/**
- * Label component for creating accessible labels.
- * Built on top of Radix UI's Label primitive.
- *
- * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs
- *
- */
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
-
-/**
- * Switch component that provides a toggle input control.
- * Built on top of Radix UI's Switch primitive.
- *
- * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-switch--docs
- *
- * @example
- * ```tsx
- * <Switch />
- * <Switch defaultChecked />
- * <Switch disabled />
- * ```
- */
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 /**
  * RadioGroup component that allows users to select a single option from a list.
@@ -90,19 +56,7 @@ declare const RadioItemContainer: React.ForwardRefExoticComponent<React.HTMLAttr
  */
 declare const RadioItemLabel: React.ForwardRefExoticComponent<Omit<LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
 
-/**
- * Checkbox component built on top of Radix UI's Checkbox primitive.
- * Provides a customizable checkbox input with proper accessibility and keyboard navigation.
- *
- * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs
- *
- * @example
- * ```tsx
- * <Checkbox id="terms" name="terms" />
- * <label htmlFor="terms">Accept terms and conditions</label>
- * ```
- */
-
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
 
-export { Checkbox as C, Input as I, Label as L, RadioGroup as R, Switch as S, type LabelProps as a, RadioGroupItem as b, RadioItemLabel as c, RadioItemContainer as d };
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioItemContainer, RadioItemLabel };

package/dist/atoms/radio-group.js

@@ -0,0 +1,2 @@
+'use strict';var m=require('react'),i=require('@radix-ui/react-radio-group'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),s=require('@radix-ui/react-label'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var m__namespace=/*#__PURE__*/_interopNamespace(m);var i__namespace=/*#__PURE__*/_interopNamespace(i);var s__namespace=/*#__PURE__*/_interopNamespace(s);function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var y=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),p=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(s__namespace.Root,{ref:t,className:r(y(),e),...o}));p.displayName=s__namespace.Root.displayName;var d=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(i__namespace.Root,{className:r("grid gap-3",e),...o,ref:t}));d.displayName=i__namespace.Root.displayName;var n=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(i__namespace.Item,{ref:t,className:r("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",e),...o,children:jsxRuntime.jsx(i__namespace.Indicator,{className:"flex items-center justify-center",children:jsxRuntime.jsx(lucideReact.Circle,{className:"h-3.5 w-3.5 fill-primary"})})}));n.displayName=i__namespace.Item.displayName;var R=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx("div",{ref:t,className:r("flex items-center gap-2",e),...o}));R.displayName="RadioItemContainer";var f=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(p,{ref:t,className:r("text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...o}));f.displayName="RadioItemLabel";exports.RadioGroup=d;exports.RadioGroupItem=n;exports.RadioItemContainer=R;exports.RadioItemLabel=f;//# sourceMappingURL=radio-group.js.map
+//# sourceMappingURL=radio-group.js.map

package/dist/atoms/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/label/label.tsx","../../src/components/atoms/radio-group/radio-group.tsx"],"names":["cn","inputs","twMerge","clsx","labelVariants","cva","Label","l","className","props","ref","jsx","s","RadioGroup","m","i","RadioGroupItem","Circle","RadioItemContainer","RadioItemLabel"],"mappings":"gwBAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,UAAKF,CAAM,CAAC,CAC7B,CCCA,IAAMG,EAAgBC,0BACpB,CAAA,4FACF,CAaMC,CAAAA,CAAAA,CAAcC,YAClB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IACxBC,cAAgB,CAAAC,YAAA,CAAA,IAAA,CAAf,CAAoB,GAAA,CAAKF,CAAK,CAAA,SAAA,CAAWV,EAAGI,CAAc,EAAA,CAAGI,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEzF,CAAA,CACAH,CAAM,CAAA,WAAA,CAA6BM,YAAK,CAAA,IAAA,CAAA,WAAA,KCLlCC,CAAmB,CAAAC,YAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAN,CAAW,CAAA,GAAGC,CAAM,CAAA,CAAGC,IACnBC,cAAqB,CAAAI,YAAA,CAAA,IAAA,CAApB,CAAyB,SAAWf,CAAAA,CAAAA,CAAG,aAAcQ,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,GAAKC,CAAAA,CAAAA,CAAK,CAC/F,EACDG,CAAAA,CAAW,YAAkCE,YAAK,CAAA,IAAA,CAAA,WAAA,KAW5CC,CAAuB,CAAAF,YAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAAN,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IAExBC,cAAqB,CAAAI,YAAA,CAAA,IAAA,CAApB,CACC,GAAKL,CAAAA,CAAAA,CACL,SAAWV,CAAAA,CAAAA,CACT,8LACAQ,CAAAA,CACF,EACC,GAAGC,CAAAA,CAEJ,SAAAE,cAAqB,CAAAI,YAAA,CAAA,SAAA,CAApB,CAA8B,SAAU,CAAA,kCAAA,CACvC,QAAAJ,CAAAA,cAAAA,CAACM,kBAAA,CAAA,CAAO,UAAU,0BAA2B,CAAA,CAAA,CAC/C,EACF,CAEH,EACDD,EAAe,WAAkC,CAAAD,YAAA,CAAA,IAAA,CAAK,WAatD,CAAA,IAAMG,CAA2B,CAAAJ,YAAA,CAAA,UAAA,CAC/B,CAAC,CAAE,SAAA,CAAAN,EAAW,GAAGC,CAAM,EAAGC,CACjBC,GAAAA,cAAAA,CAAC,KAAI,CAAA,CAAA,GAAA,CAAKD,CAAK,CAAA,SAAA,CAAWV,EAAG,yBAA2BQ,CAAAA,CAAS,EAAI,GAAGC,CAAAA,CAAO,CAE1F,EACAS,CAAAA,CAAmB,WAAc,CAAA,oBAAA,CAW3BC,IAAAA,CAAAA,CAAuBL,wBAG3B,CAAC,CAAE,UAAAN,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAExBC,cAACL,CAAAA,CAAAA,CAAA,CACC,GAAA,CAAKI,EACL,SAAWV,CAAAA,CAAAA,CACT,4GACAQ,CACF,CAAA,CACC,GAAGC,CACN,CAAA,CAEH,EACDU,CAAAA,CAAe,WAAc,CAAA,gBAAA","file":"radio-group.js","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 LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n    VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, ...props }, ref) => (\n    <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n  )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","import * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\nimport { Label } from \"@/components/atoms/label\"\n\n/**\n * RadioGroup component that allows users to select a single option from a list.\n * Built on top of Radix UI's RadioGroup primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"option-1\">\n *   <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n *   <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioGroup>\n * ```\n */\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn(\"grid gap-3\", className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\n/**\n * RadioGroupItem component that represents a single option in a RadioGroup.\n * Built on top of Radix UI's RadioGroupItem primitive.\n *\n * @example\n * ```tsx\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * ```\n */\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Circle className=\"h-3.5 w-3.5 fill-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\n/**\n * RadioItemContainer component that provides a container for radio group items with proper spacing and layout.\n *\n * @example\n * ```tsx\n * <RadioItemContainer>\n *   <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n *   <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioItemContainer>\n * ```\n */\nconst RadioItemContainer = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return <div ref={ref} className={cn(\"flex items-center gap-2\", className)} {...props} />\n  }\n)\nRadioItemContainer.displayName = \"RadioItemContainer\"\n\n/**\n * RadioItemLabel component that provides a label for individual radio items.\n * Built on top of the Label component.\n *\n * @example\n * ```tsx\n * <RadioItemLabel>Select an option</RadioItemLabel>\n * ```\n */\nconst RadioItemLabel = React.forwardRef<\n  React.ElementRef<typeof Label>,\n  React.ComponentPropsWithoutRef<typeof Label>\n>(({ className, ...props }, ref) => {\n  return (\n    <Label\n      ref={ref}\n      className={cn(\n        \"text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nRadioItemLabel.displayName = \"RadioItemLabel\"\n\nexport { RadioGroup, RadioGroupItem, RadioItemContainer, RadioItemLabel }\n"]}

package/dist/atoms/radio-group.mjs

@@ -0,0 +1,2 @@
+import*as m from'react';import*as i from'@radix-ui/react-radio-group';import {Circle}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as s from'@radix-ui/react-label';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';function r(...e){return twMerge(clsx(e))}var y=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),p=m.forwardRef(({className:e,...o},t)=>jsx(s.Root,{ref:t,className:r(y(),e),...o}));p.displayName=s.Root.displayName;var d=m.forwardRef(({className:e,...o},t)=>jsx(i.Root,{className:r("grid gap-3",e),...o,ref:t}));d.displayName=i.Root.displayName;var n=m.forwardRef(({className:e,...o},t)=>jsx(i.Item,{ref:t,className:r("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",e),...o,children:jsx(i.Indicator,{className:"flex items-center justify-center",children:jsx(Circle,{className:"h-3.5 w-3.5 fill-primary"})})}));n.displayName=i.Item.displayName;var R=m.forwardRef(({className:e,...o},t)=>jsx("div",{ref:t,className:r("flex items-center gap-2",e),...o}));R.displayName="RadioItemContainer";var f=m.forwardRef(({className:e,...o},t)=>jsx(p,{ref:t,className:r("text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...o}));f.displayName="RadioItemLabel";export{d as RadioGroup,n as RadioGroupItem,R as RadioItemContainer,f as RadioItemLabel};//# sourceMappingURL=radio-group.mjs.map
+//# sourceMappingURL=radio-group.mjs.map