@me1a/ui 2.2.0 → 2.2.2

package/dist/atoms/radio-group.mjs.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","RadioGroup","RadioGroupItem","Circle","RadioItemContainer","RadioItemLabel"],"mappings":"4RAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCCA,IAAMG,EAAgBC,GACpB,CAAA,4FACF,CAaMC,CAAAA,CAAAA,CAAcC,CAClB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IACxBC,GAAgB,CAAA,CAAA,CAAA,IAAA,CAAf,CAAoB,GAAA,CAAKD,CAAK,CAAA,SAAA,CAAWV,EAAGI,CAAc,EAAA,CAAGI,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEzF,CAAA,CACAH,CAAM,CAAA,WAAA,CAA6B,CAAK,CAAA,IAAA,CAAA,WAAA,KCLlCM,CAAmB,CAAA,CAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAJ,CAAW,CAAA,GAAGC,CAAM,CAAA,CAAGC,IACnBC,GAAqB,CAAA,CAAA,CAAA,IAAA,CAApB,CAAyB,SAAWX,CAAAA,CAAAA,CAAG,aAAcQ,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,GAAKC,CAAAA,CAAAA,CAAK,CAC/F,EACDE,CAAAA,CAAW,YAAkC,CAAK,CAAA,IAAA,CAAA,WAAA,KAW5CC,CAAuB,CAAA,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAAL,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IAExBC,GAAqB,CAAA,CAAA,CAAA,IAAA,CAApB,CACC,GAAKD,CAAAA,CAAAA,CACL,SAAWV,CAAAA,CAAAA,CACT,8LACAQ,CAAAA,CACF,EACC,GAAGC,CAAAA,CAEJ,SAAAE,GAAqB,CAAA,CAAA,CAAA,SAAA,CAApB,CAA8B,SAAU,CAAA,kCAAA,CACvC,QAAAA,CAAAA,GAAAA,CAACG,MAAA,CAAA,CAAO,UAAU,0BAA2B,CAAA,CAAA,CAC/C,EACF,CAEH,EACDD,EAAe,WAAkC,CAAA,CAAA,CAAA,IAAA,CAAK,WAatD,CAAA,IAAME,CAA2B,CAAA,CAAA,CAAA,UAAA,CAC/B,CAAC,CAAE,SAAA,CAAAP,EAAW,GAAGC,CAAM,EAAGC,CACjBC,GAAAA,GAAAA,CAAC,KAAI,CAAA,CAAA,GAAA,CAAKD,CAAK,CAAA,SAAA,CAAWV,EAAG,yBAA2BQ,CAAAA,CAAS,EAAI,GAAGC,CAAAA,CAAO,CAE1F,EACAM,CAAAA,CAAmB,WAAc,CAAA,oBAAA,CAW3BC,IAAAA,CAAAA,CAAuB,aAG3B,CAAC,CAAE,UAAAR,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAExBC,GAACL,CAAAA,CAAAA,CAAA,CACC,GAAA,CAAKI,EACL,SAAWV,CAAAA,CAAAA,CACT,4GACAQ,CACF,CAAA,CACC,GAAGC,CACN,CAAA,CAEH,EACDO,CAAAA,CAAe,WAAc,CAAA,gBAAA","file":"radio-group.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 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/resizable.d.mts

@@ -0,0 +1,53 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as ResizablePrimitive from 'react-resizable-panels';
+
+/**
+ * Resizable component that provides resizable panel functionality.
+ * Built on top of react-resizable-panels.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs
+ *
+ * @example
+ * ```tsx
+ * <ResizablePanelGroup>
+ *   <ResizablePanel defaultSize={20}>
+ *     <div>Left Panel</div>
+ *   </ResizablePanel>
+ *   <ResizableHandle withHandle />
+ *   <ResizablePanel defaultSize={80}>
+ *     <div>Right Panel</div>
+ *   </ResizablePanel>
+ * </ResizablePanelGroup>
+ * ```
+ */
+declare const ResizablePanelGroup: ({ className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
+declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLObjectElement | HTMLElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+type ResizablePanelGroupProps = ComponentProps<typeof ResizablePrimitive.PanelGroup>;
+type ResizablePanelProps = ComponentProps<typeof ResizablePrimitive.Panel>;
+type ResizableHandleProps = ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+};
+
+export { ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps };

package/dist/atoms/resizable.d.ts

@@ -0,0 +1,53 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as ResizablePrimitive from 'react-resizable-panels';
+
+/**
+ * Resizable component that provides resizable panel functionality.
+ * Built on top of react-resizable-panels.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs
+ *
+ * @example
+ * ```tsx
+ * <ResizablePanelGroup>
+ *   <ResizablePanel defaultSize={20}>
+ *     <div>Left Panel</div>
+ *   </ResizablePanel>
+ *   <ResizableHandle withHandle />
+ *   <ResizablePanel defaultSize={80}>
+ *     <div>Right Panel</div>
+ *   </ResizablePanel>
+ * </ResizablePanelGroup>
+ * ```
+ */
+declare const ResizablePanelGroup: ({ className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
+declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLObjectElement | HTMLElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+type ResizablePanelGroupProps = ComponentProps<typeof ResizablePrimitive.PanelGroup>;
+type ResizablePanelProps = ComponentProps<typeof ResizablePrimitive.Panel>;
+type ResizableHandleProps = ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+};
+
+export { ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps };

package/dist/atoms/resizable.js

@@ -0,0 +1,2 @@
+'use strict';var lucideReact=require('lucide-react'),e=require('react-resizable-panels'),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 e__namespace=/*#__PURE__*/_interopNamespace(e);function i(...a){return tailwindMerge.twMerge(clsx.clsx(a))}var p=({className:a,...t})=>jsxRuntime.jsx(e__namespace.PanelGroup,{className:i("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",a),...t}),c=e__namespace.Panel,f=({withHandle:a,className:t,...l})=>jsxRuntime.jsx(e__namespace.PanelResizeHandle,{className:i("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",t),...l,children:a&&jsxRuntime.jsx("div",{className:"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",children:jsxRuntime.jsx(lucideReact.GripVertical,{className:"h-2.5 w-2.5"})})});exports.ResizableHandle=f;exports.ResizablePanel=c;exports.ResizablePanelGroup=p;//# sourceMappingURL=resizable.js.map
+//# sourceMappingURL=resizable.js.map

package/dist/atoms/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/resizable/resizable.tsx"],"names":["cn","inputs","twMerge","clsx","ResizablePanelGroup","className","props","jsx","e","ResizablePanel","ResizableHandle","withHandle","GripVertical"],"mappings":"oiBAGO,SAASA,CAAAA,CAAAA,GAAMC,EAAsB,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCqBMG,IAAAA,CAAAA,CAAsB,CAAC,CAC3B,UAAAC,CACA,CAAA,GAAGC,CACL,CACEC,GAAAA,cAAAA,CAAoBC,wBAAnB,CACC,SAAA,CAAWR,CAAG,CAAA,mEAAA,CAAqEK,CAAS,CAC3F,CAAA,GAAGC,EACN,CAGIG,CAAAA,CAAAA,CAAoCD,mBAEpCE,CAAkB,CAAA,CAAC,CACvB,UAAA,CAAAC,EACA,SAAAN,CAAAA,CAAAA,CACA,GAAGC,CACL,CAAA,GAGEC,eAAoBC,YAAnB,CAAA,iBAAA,CAAA,CACC,SAAWR,CAAAA,CAAAA,CACT,0oBACAK,CACF,CAAA,CACC,GAAGC,CAEH,CAAA,QAAA,CAAAK,GACCJ,cAAC,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,2EAAA,CACb,SAAAA,cAACK,CAAAA,wBAAAA,CAAA,CAAa,SAAU,CAAA,aAAA,CAAc,EACxC,CAEJ,CAAA","file":"resizable.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","\"use client\"\n\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\nimport { cn } from \"@/utils/index\"\nimport { ComponentProps } from \"react\"\n\n/**\n * Resizable component that provides resizable panel functionality.\n * Built on top of react-resizable-panels.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs\n *\n * @example\n * ```tsx\n * <ResizablePanelGroup>\n *   <ResizablePanel defaultSize={20}>\n *     <div>Left Panel</div>\n *   </ResizablePanel>\n *   <ResizableHandle withHandle />\n *   <ResizablePanel defaultSize={80}>\n *     <div>Right Panel</div>\n *   </ResizablePanel>\n * </ResizablePanelGroup>\n * ```\n */\nconst ResizablePanelGroup = ({\n  className,\n  ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n  <ResizablePrimitive.PanelGroup\n    className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n    {...props}\n  />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean\n}) => (\n  <ResizablePrimitive.PanelResizeHandle\n    className={cn(\n      \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n      className\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n"]}

package/dist/atoms/resizable.mjs

@@ -0,0 +1,2 @@
+import {GripVertical}from'lucide-react';import*as e from'react-resizable-panels';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function i(...a){return twMerge(clsx(a))}var p=({className:a,...t})=>jsx(e.PanelGroup,{className:i("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",a),...t}),c=e.Panel,f=({withHandle:a,className:t,...l})=>jsx(e.PanelResizeHandle,{className:i("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",t),...l,children:a&&jsx("div",{className:"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",children:jsx(GripVertical,{className:"h-2.5 w-2.5"})})});export{f as ResizableHandle,c as ResizablePanel,p as ResizablePanelGroup};//# sourceMappingURL=resizable.mjs.map
+//# sourceMappingURL=resizable.mjs.map

package/dist/atoms/resizable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/resizable/resizable.tsx"],"names":["cn","inputs","twMerge","clsx","ResizablePanelGroup","className","props","jsx","ResizablePanel","ResizableHandle","withHandle","GripVertical"],"mappings":"kLAGO,SAASA,CAAAA,CAAAA,GAAMC,EAAsB,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCqBMG,IAAAA,CAAAA,CAAsB,CAAC,CAC3B,UAAAC,CACA,CAAA,GAAGC,CACL,CACEC,GAAAA,GAAAA,CAAoB,aAAnB,CACC,SAAA,CAAWP,CAAG,CAAA,mEAAA,CAAqEK,CAAS,CAC3F,CAAA,GAAGC,EACN,CAGIE,CAAAA,CAAAA,CAAoC,QAEpCC,CAAkB,CAAA,CAAC,CACvB,UAAA,CAAAC,EACA,SAAAL,CAAAA,CAAAA,CACA,GAAGC,CACL,CAAA,GAGEC,IAAoB,CAAnB,CAAA,iBAAA,CAAA,CACC,SAAWP,CAAAA,CAAAA,CACT,0oBACAK,CACF,CAAA,CACC,GAAGC,CAEH,CAAA,QAAA,CAAAI,GACCH,GAAC,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,2EAAA,CACb,SAAAA,GAACI,CAAAA,YAAAA,CAAA,CAAa,SAAU,CAAA,aAAA,CAAc,EACxC,CAEJ,CAAA","file":"resizable.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","\"use client\"\n\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\nimport { cn } from \"@/utils/index\"\nimport { ComponentProps } from \"react\"\n\n/**\n * Resizable component that provides resizable panel functionality.\n * Built on top of react-resizable-panels.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs\n *\n * @example\n * ```tsx\n * <ResizablePanelGroup>\n *   <ResizablePanel defaultSize={20}>\n *     <div>Left Panel</div>\n *   </ResizablePanel>\n *   <ResizableHandle withHandle />\n *   <ResizablePanel defaultSize={80}>\n *     <div>Right Panel</div>\n *   </ResizablePanel>\n * </ResizablePanelGroup>\n * ```\n */\nconst ResizablePanelGroup = ({\n  className,\n  ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n  <ResizablePrimitive.PanelGroup\n    className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n    {...props}\n  />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean\n}) => (\n  <ResizablePrimitive.PanelResizeHandle\n    className={cn(\n      \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n      className\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n"]}

package/dist/atoms/separator.d.mts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+/**
+ * Separator component for creating horizontal or vertical dividers.
+ * Built on top of Radix UI's Separator primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-separator--docs
+ *
+ */
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Separator };

package/dist/atoms/separator.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+/**
+ * Separator component for creating horizontal or vertical dividers.
+ * Built on top of Radix UI's Separator primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-separator--docs
+ *
+ */
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Separator };

package/dist/atoms/separator.js

@@ -0,0 +1,2 @@
+'use strict';var a=require('react'),t=require('@radix-ui/react-separator'),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 a__namespace=/*#__PURE__*/_interopNamespace(a);var t__namespace=/*#__PURE__*/_interopNamespace(t);function r(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var s=a__namespace.forwardRef(({className:o,orientation:e="horizontal",decorative:i=true,...p},m)=>jsxRuntime.jsx(t__namespace.Root,{ref:m,decorative:i,orientation:e,className:r("shrink-0 bg-border",e==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",o),...p}));s.displayName=t__namespace.Root.displayName;exports.Separator=s;//# sourceMappingURL=separator.js.map
+//# sourceMappingURL=separator.js.map

package/dist/atoms/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/separator/separator.tsx"],"names":["cn","inputs","twMerge","clsx","Separator","a","className","orientation","decorative","props","ref","jsx","t"],"mappings":"ykBAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCOMG,IAAAA,CAAAA,CAAkBC,YAGtB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,WAAAC,CAAAA,CAAAA,CAAc,YAAc,CAAA,UAAA,CAAAC,CAAa,CAAA,IAAA,CAAM,GAAGC,CAAM,CAAA,CAAGC,CACzEC,GAAAA,cAAAA,CAAoBC,YAAnB,CAAA,IAAA,CAAA,CACC,GAAKF,CAAAA,CAAAA,CACL,WAAYF,CACZ,CAAA,WAAA,CAAaD,CACb,CAAA,SAAA,CAAWP,CACT,CAAA,oBAAA,CACAO,CAAgB,GAAA,YAAA,CAAe,iBAAmB,gBAClDD,CAAAA,CACF,CACC,CAAA,GAAGG,CACN,CAAA,CACD,EACDL,CAAAA,CAAU,YAAiCQ,YAAK,CAAA,IAAA,CAAA,WAAA","file":"separator.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 SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Separator component for creating horizontal or vertical dividers.\n * Built on top of Radix UI's Separator primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-separator--docs\n *\n */\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      \"shrink-0 bg-border\",\n      orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n      className\n    )}\n    {...props}\n  />\n))\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"]}

package/dist/atoms/separator.mjs

@@ -0,0 +1,2 @@
+import*as a from'react';import*as t from'@radix-ui/react-separator';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function r(...o){return twMerge(clsx(o))}var s=a.forwardRef(({className:o,orientation:e="horizontal",decorative:i=true,...p},m)=>jsx(t.Root,{ref:m,decorative:i,orientation:e,className:r("shrink-0 bg-border",e==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",o),...p}));s.displayName=t.Root.displayName;export{s as Separator};//# sourceMappingURL=separator.mjs.map
+//# sourceMappingURL=separator.mjs.map

package/dist/atoms/separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/separator/separator.tsx"],"names":["cn","inputs","twMerge","clsx","Separator","className","orientation","decorative","props","ref","jsx"],"mappings":"qKAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCOMG,IAAAA,CAAAA,CAAkB,CAGtB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,WAAAC,CAAAA,CAAAA,CAAc,YAAc,CAAA,UAAA,CAAAC,CAAa,CAAA,IAAA,CAAM,GAAGC,CAAM,CAAA,CAAGC,CACzEC,GAAAA,GAAAA,CAAoB,CAAnB,CAAA,IAAA,CAAA,CACC,GAAKD,CAAAA,CAAAA,CACL,WAAYF,CACZ,CAAA,WAAA,CAAaD,CACb,CAAA,SAAA,CAAWN,CACT,CAAA,oBAAA,CACAM,CAAgB,GAAA,YAAA,CAAe,iBAAmB,gBAClDD,CAAAA,CACF,CACC,CAAA,GAAGG,CACN,CAAA,CACD,EACDJ,CAAAA,CAAU,YAAiC,CAAK,CAAA,IAAA,CAAA,WAAA","file":"separator.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 SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Separator component for creating horizontal or vertical dividers.\n * Built on top of Radix UI's Separator primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-separator--docs\n *\n */\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      \"shrink-0 bg-border\",\n      orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n      className\n    )}\n    {...props}\n  />\n))\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"]}

package/dist/atoms/sheet.d.mts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Sheet component for creating accessible sheets with overlay and content.
+ * Built on top of Radix UI's Sheet primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-sheet--docs
+ *
+ * @example
+ * ```tsx
+ * <Sheet>
+ *   <SheetTrigger>Open Sheet</SheetTrigger>
+ *   <SheetContent>Sheet Content</SheetContent>
+ * </Sheet>
+ */
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/atoms/sheet.d.ts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Sheet component for creating accessible sheets with overlay and content.
+ * Built on top of Radix UI's Sheet primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-sheet--docs
+ *
+ * @example
+ * ```tsx
+ * <Sheet>
+ *   <SheetTrigger>Open Sheet</SheetTrigger>
+ *   <SheetContent>Sheet Content</SheetContent>
+ * </Sheet>
+ */
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/atoms/sheet.js

@@ -0,0 +1,2 @@
+'use strict';var r=require('react'),e=require('@radix-ui/react-dialog'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),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 r__namespace=/*#__PURE__*/_interopNamespace(r);var e__namespace=/*#__PURE__*/_interopNamespace(e);function o(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var E=e__namespace.Root,H=e__namespace.Trigger,M=e__namespace.Close,S=e__namespace.Portal,m=r__namespace.forwardRef(({className:t,...i},s)=>jsxRuntime.jsx(e__namespace.Overlay,{className:o("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),...i,ref:s}));m.displayName=e__namespace.Overlay.displayName;var v=classVarianceAuthority.cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),u=r__namespace.forwardRef(({side:t="right",className:i,children:s,...l},d)=>jsxRuntime.jsxs(S,{children:[jsxRuntime.jsx(m,{}),jsxRuntime.jsxs(e__namespace.Content,{ref:d,className:o(v({side:t}),i),...l,children:[jsxRuntime.jsxs(e__namespace.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]}),s]})]}));u.displayName=e__namespace.Content.displayName;var y=({className:t,...i})=>jsxRuntime.jsx("div",{className:o("flex flex-col space-y-2 text-center sm:text-left",t),...i});y.displayName="SheetHeader";var P=({className:t,...i})=>jsxRuntime.jsx("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...i});P.displayName="SheetFooter";var R=r__namespace.forwardRef(({className:t,...i},s)=>jsxRuntime.jsx(e__namespace.Title,{ref:s,className:o("text-lg font-semibold text-foreground",t),...i}));R.displayName=e__namespace.Title.displayName;var g=r__namespace.forwardRef(({className:t,...i},s)=>jsxRuntime.jsx(e__namespace.Description,{ref:s,className:o("text-sm text-muted-foreground",t),...i}));g.displayName=e__namespace.Description.displayName;exports.Sheet=E;exports.SheetClose=M;exports.SheetContent=u;exports.SheetDescription=g;exports.SheetFooter=P;exports.SheetHeader=y;exports.SheetOverlay=m;exports.SheetPortal=S;exports.SheetTitle=R;exports.SheetTrigger=H;//# sourceMappingURL=sheet.js.map
+//# sourceMappingURL=sheet.js.map

package/dist/atoms/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/sheet/sheet.tsx"],"names":["cn","inputs","twMerge","clsx","Sheet","e","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","r","className","props","ref","jsx","sheetVariants","cva","SheetContent","side","children","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"qqBAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,CCiBA,IAAMG,CAAuB,CAAAC,YAAA,CAAA,IAAA,CAEvBC,CAA8B,CAAAD,YAAA,CAAA,OAAA,CAE9BE,CAA4B,CAAAF,YAAA,CAAA,KAAA,CAE5BG,CAA6B,CAAAH,YAAA,CAAA,MAAA,CAE7BI,EAAqBC,YAGzB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,GAAGC,CAAM,CAAA,CAAGC,CAC1BC,GAAAA,cAAAA,CAAgBT,YAAf,CAAA,OAAA,CAAA,CACC,SAAWL,CAAAA,CAAAA,CACT,yJACAW,CAAAA,CACF,EACC,GAAGC,CAAAA,CACJ,GAAKC,CAAAA,CAAAA,CACP,CACD,EACDJ,CAAa,CAAA,WAAA,CAA6BJ,YAAQ,CAAA,OAAA,CAAA,WAAA,CAE5CU,IAAAA,CAAAA,CAAgBC,0BACpB,CAAA,kMAAA,CACA,CACE,QAAA,CAAU,CACR,IAAM,CAAA,CACJ,GAAK,CAAA,mGAAA,CACL,MACE,CAAA,4GAAA,CACF,IAAM,CAAA,+HAAA,CACN,KACE,CAAA,kIACJ,CACF,CAAA,CACA,eAAiB,CAAA,CACf,IAAM,CAAA,OACR,CACF,CACF,CAAA,CAMMC,CAAqB,CAAAP,YAAA,CAAA,UAAA,CAGzB,CAAC,CAAE,IAAAQ,CAAAA,CAAAA,CAAO,OAAS,CAAA,SAAA,CAAAP,CAAW,CAAA,QAAA,CAAAQ,CAAU,CAAA,GAAGP,CAAM,CAAA,CAAGC,IACpDO,eAACZ,CAAAA,CAAAA,CAAA,CACC,QAAA,CAAA,CAAAM,cAACL,CAAAA,CAAAA,CAAA,EAAa,CAAA,CACdW,eAAgB,CAAAf,YAAA,CAAA,OAAA,CAAf,CAAuB,GAAA,CAAKQ,CAAK,CAAA,SAAA,CAAWb,CAAGe,CAAAA,CAAAA,CAAc,CAAE,IAAAG,CAAAA,CAAK,CAAC,CAAA,CAAGP,CAAS,CAAA,CAAI,GAAGC,CAAAA,CACvF,QAAAQ,CAAAA,CAAAA,eAAAA,CAAgBf,YAAf,CAAA,KAAA,CAAA,CAAqB,SAAU,CAAA,0OAAA,CAC9B,QAAAS,CAAAA,CAAAA,cAAAA,CAACO,cAAA,CAAE,SAAA,CAAU,SAAU,CAAA,CAAA,CACvBP,cAAC,CAAA,MAAA,CAAA,CAAK,SAAU,CAAA,SAAA,CAAU,QAAK,CAAA,OAAA,CAAA,CAAA,CAAA,CACjC,CACCK,CAAAA,CAAAA,CAAAA,CACH,CACF,CAAA,CAAA,CACD,EACDF,CAAAA,CAAa,YAA6BZ,YAAQ,CAAA,OAAA,CAAA,WAAA,CAE5CiB,IAAAA,CAAAA,CAAc,CAAC,CAAE,SAAAX,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CACzCE,GAAAA,cAAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAWd,CAAG,CAAA,kDAAA,CAAoDW,CAAS,CAAI,CAAA,GAAGC,CAAO,CAAA,EAEhGU,CAAY,CAAA,WAAA,CAAc,aAE1B,CAAA,IAAMC,CAAc,CAAA,CAAC,CAAE,SAAA,CAAAZ,CAAW,CAAA,GAAGC,CAAM,CAAA,GACzCE,eAAC,KACC,CAAA,CAAA,SAAA,CAAWd,CAAG,CAAA,+DAAA,CAAiEW,CAAS,CAAA,CACvF,GAAGC,CAAAA,CACN,EAEFW,CAAAA,CAAY,WAAc,CAAA,aAAA,CAEpBC,IAAAA,CAAAA,CAAmBd,YAGvB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,cAAgB,CAAAT,YAAA,CAAA,KAAA,CAAf,CACC,GAAA,CAAKQ,CACL,CAAA,SAAA,CAAWb,CAAG,CAAA,uCAAA,CAAyCW,CAAS,CAAA,CAC/D,GAAGC,CACN,CAAA,CACD,EACDY,CAAAA,CAAW,WAA6B,CAAAnB,YAAA,CAAA,KAAA,CAAM,WAE9C,CAAA,IAAMoB,CAAyB,CAAAf,YAAA,CAAA,UAAA,CAG7B,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,EAAGC,CAC1BC,GAAAA,cAAAA,CAAgBT,YAAf,CAAA,WAAA,CAAA,CACC,GAAKQ,CAAAA,CAAAA,CACL,SAAWb,CAAAA,CAAAA,CAAG,+BAAiCW,CAAAA,CAAS,CACvD,CAAA,GAAGC,CACN,CAAA,CACD,EACDa,CAAAA,CAAiB,YAA6BpB,YAAY,CAAA,WAAA,CAAA,WAAA","file":"sheet.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","\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Sheet component for creating accessible sheets with overlay and content.\n * Built on top of Radix UI's Sheet primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-sheet--docs\n *\n * @example\n * ```tsx\n * <Sheet>\n *   <SheetTrigger>Open Sheet</SheetTrigger>\n *   <SheetContent>Sheet Content</SheetContent>\n * </Sheet>\n */\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\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    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\"\n      }\n    },\n    defaultVariants: {\n      side: \"right\"\n    }\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n      <SheetPrimitive.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-secondary\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n      {children}\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({ 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)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-foreground\", className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription\n}\n"]}

package/dist/atoms/sheet.mjs

@@ -0,0 +1,2 @@
+import*as r from'react';import*as e from'@radix-ui/react-dialog';import {cva}from'class-variance-authority';import {X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function o(...t){return twMerge(clsx(t))}var E=e.Root,H=e.Trigger,M=e.Close,S=e.Portal,m=r.forwardRef(({className:t,...i},s)=>jsx(e.Overlay,{className:o("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),...i,ref:s}));m.displayName=e.Overlay.displayName;var v=cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),u=r.forwardRef(({side:t="right",className:i,children:s,...l},d)=>jsxs(S,{children:[jsx(m,{}),jsxs(e.Content,{ref:d,className:o(v({side:t}),i),...l,children:[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-secondary",children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]}),s]})]}));u.displayName=e.Content.displayName;var y=({className:t,...i})=>jsx("div",{className:o("flex flex-col space-y-2 text-center sm:text-left",t),...i});y.displayName="SheetHeader";var P=({className:t,...i})=>jsx("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...i});P.displayName="SheetFooter";var R=r.forwardRef(({className:t,...i},s)=>jsx(e.Title,{ref:s,className:o("text-lg font-semibold text-foreground",t),...i}));R.displayName=e.Title.displayName;var g=r.forwardRef(({className:t,...i},s)=>jsx(e.Description,{ref:s,className:o("text-sm text-muted-foreground",t),...i}));g.displayName=e.Description.displayName;export{E as Sheet,M as SheetClose,u as SheetContent,g as SheetDescription,P as SheetFooter,y as SheetHeader,m as SheetOverlay,S as SheetPortal,R as SheetTitle,H as SheetTrigger};//# sourceMappingURL=sheet.mjs.map
+//# sourceMappingURL=sheet.mjs.map

package/dist/atoms/sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/sheet/sheet.tsx"],"names":["cn","inputs","twMerge","clsx","Sheet","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","props","ref","jsx","sheetVariants","cva","SheetContent","side","children","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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","file":"sheet.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","\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Sheet component for creating accessible sheets with overlay and content.\n * Built on top of Radix UI's Sheet primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-sheet--docs\n *\n * @example\n * ```tsx\n * <Sheet>\n *   <SheetTrigger>Open Sheet</SheetTrigger>\n *   <SheetContent>Sheet Content</SheetContent>\n * </Sheet>\n */\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\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    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\"\n      }\n    },\n    defaultVariants: {\n      side: \"right\"\n    }\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n      <SheetPrimitive.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-secondary\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n      {children}\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({ 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)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-foreground\", className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription\n}\n"]}

package/dist/atoms/skeleton.js

@@ -0,0 +1,2 @@
+'use strict';var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}function c({className:e,...t}){return jsxRuntime.jsx("div",{className:r("animate-pulse rounded-md bg-primary/10",e),...t})}exports.Skeleton=c;//# sourceMappingURL=skeleton.js.map
+//# sourceMappingURL=skeleton.js.map

package/dist/atoms/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/skeleton/skeleton.tsx"],"names":["cn","inputs","twMerge","clsx","Skeleton","className","props","jsx"],"mappings":"sHAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCQA,SAASG,EAAS,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAyC,CAC/E,OAAOC,cAAC,CAAA,KAAA,CAAA,CAAI,UAAWP,CAAG,CAAA,wCAAA,CAA0CK,CAAS,CAAI,CAAA,GAAGC,EAAO,CAC7F","file":"skeleton.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 { cn } from \"@/utils/index\"\n\n/**\n * Skeleton component for creating a loading state.\n * Built on top of shadcn/ui's Skeleton component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-skeleton--docs\n *\n * @example\n * ```tsx\n * <Skeleton className=\"w-10 h-10\" />\n * ```\n */\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...props} />\n}\n\nexport { Skeleton }\n"]}

package/dist/atoms/skeleton.mjs

@@ -0,0 +1,2 @@
+import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function r(...e){return twMerge(clsx(e))}function c({className:e,...t}){return jsx("div",{className:r("animate-pulse rounded-md bg-primary/10",e),...t})}export{c as Skeleton};//# sourceMappingURL=skeleton.mjs.map
+//# sourceMappingURL=skeleton.mjs.map

package/dist/atoms/skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/skeleton/skeleton.tsx"],"names":["cn","inputs","twMerge","clsx","Skeleton","className","props","jsx"],"mappings":"iGAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCQA,SAASG,EAAS,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAyC,CAC/E,OAAOC,GAAC,CAAA,KAAA,CAAA,CAAI,UAAWP,CAAG,CAAA,wCAAA,CAA0CK,CAAS,CAAI,CAAA,GAAGC,EAAO,CAC7F","file":"skeleton.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/index\"\n\n/**\n * Skeleton component for creating a loading state.\n * Built on top of shadcn/ui's Skeleton component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-skeleton--docs\n *\n * @example\n * ```tsx\n * <Skeleton className=\"w-10 h-10\" />\n * ```\n */\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...props} />\n}\n\nexport { Skeleton }\n"]}

package/dist/atoms/stack.d.mts

@@ -0,0 +1,121 @@
+import * as React from 'react';
+
+/**
+ * Stack is a layout component that arranges its children in a vertical or horizontal stack
+ * with consistent spacing between items. It's built on top of Flexbox and provides
+ * a simple way to create consistent layouts.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-stack--docs
+ *
+ * @example
+ * ```tsx
+ * // Basic vertical stack
+ * <Stack>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Stack>
+ *
+ * // Horizontal stack with custom spacing
+ * <Stack direction="horizontal" spacing="lg">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Stack>
+ *
+ * // Centered stack with wrapping
+ * <Stack direction="horizontal" center wrap>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Stack>
+ *
+ * // Stack with custom alignment
+ * <Stack align="center" justify="between">
+ *   <div>Left</div>
+ *   <div>Center</div>
+ *   <div>Right</div>
+ * </Stack>
+ *
+ * // Stack with custom dimensions
+ * <Stack width="100%" height="200px">
+ *   <div>Full width, fixed height stack</div>
+ * </Stack>
+ * ```
+ */
+
+interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The direction in which to stack the items.
+     * - "vertical": Items are stacked top to bottom
+     * - "horizontal": Items are stacked left to right
+     *
+     * @default "vertical"
+     */
+    direction?: "vertical" | "horizontal";
+    /**
+     * The spacing between items in the stack.
+     * - "none": 0px
+     * - "xs": 0.25rem (4px)
+     * - "sm": 0.5rem (8px)
+     * - "md": 1rem (16px)
+     * - "lg": 1.5rem (24px)
+     * - "xl": 2rem (32px)
+     *
+     * @default "md"
+     */
+    spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * Whether to allow items to wrap to the next line when they don't fit.
+     * Only applies to horizontal stacks.
+     *
+     * @default false
+     */
+    wrap?: boolean;
+    /**
+     * Whether to center items both horizontally and vertically.
+     * This is a shorthand for setting both align and justify to "center".
+     *
+     * @default false
+     */
+    center?: boolean;
+    /**
+     * How to justify items along the main axis.
+     * - "start": Items are packed toward the start
+     * - "end": Items are packed toward the end
+     * - "center": Items are centered
+     * - "between": Items are evenly distributed with first item at start and last at end
+     * - "around": Items are evenly distributed with equal space around them
+     * - "evenly": Items are distributed so that the spacing between any two items is equal
+     *
+     * @default undefined
+     */
+    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
+    /**
+     * How to align items along the cross axis.
+     * - "start": Items are aligned at the start
+     * - "end": Items are aligned at the end
+     * - "center": Items are centered
+     * - "stretch": Items are stretched to fill the container
+     * - "baseline": Items are aligned at their baselines
+     *
+     * @default undefined
+     */
+    align?: "start" | "end" | "center" | "stretch" | "baseline";
+    /**
+     * The width of the stack container.
+     * Can be any valid CSS width value (e.g., "100%", "200px", "50vw").
+     *
+     * @default undefined
+     */
+    width?: string;
+    /**
+     * The height of the stack container.
+     * Can be any valid CSS height value (e.g., "100%", "200px", "50vh").
+     *
+     * @default undefined
+     */
+    height?: string;
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Stack, type StackProps };