@me1a/ui 2.2.1 → 2.2.2

package/dist/atoms/stack.d.ts

@@ -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 };

package/dist/atoms/stack.js

@@ -0,0 +1,2 @@
+'use strict';var a=require('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 a__namespace=/*#__PURE__*/_interopNamespace(a);function s(...n){return tailwindMerge.twMerge(clsx.clsx(n))}var b=a__namespace.forwardRef(({className:n,direction:o="vertical",spacing:t="md",wrap:l=false,center:c=false,justify:e,align:r,width:m,height:i,style:f,...d},p)=>jsxRuntime.jsx("div",{ref:p,className:s("flex",o==="vertical"?"flex-col":"flex-row",{"gap-0":t==="none","gap-1":t==="xs","gap-2":t==="sm","gap-4":t==="md","gap-6":t==="lg","gap-8":t==="xl"},l&&"flex-wrap",c&&"items-center justify-center",e&&{"justify-start":e==="start","justify-end":e==="end","justify-center":e==="center","justify-between":e==="between","justify-around":e==="around","justify-evenly":e==="evenly"},r&&{"items-start":r==="start","items-end":r==="end","items-center":r==="center","items-stretch":r==="stretch","items-baseline":r==="baseline"},n),style:{width:m,height:i,...f},...d}));b.displayName="Stack";exports.Stack=b;//# sourceMappingURL=stack.js.map
+//# sourceMappingURL=stack.js.map

package/dist/atoms/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/stack/stack.tsx"],"names":["cn","inputs","twMerge","clsx","Stack","a","className","direction","spacing","wrap","center","justify","align","width","height","style","props","ref","jsx"],"mappings":"+eAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,CCkHA,IAAMG,CAAc,CAAAC,YAAA,CAAA,UAAA,CAClB,CACE,CACE,SAAA,CAAAC,CACA,CAAA,SAAA,CAAAC,EAAY,UACZ,CAAA,OAAA,CAAAC,CAAU,CAAA,IAAA,CACV,IAAAC,CAAAA,CAAAA,CAAO,KACP,CAAA,MAAA,CAAAC,EAAS,KACT,CAAA,OAAA,CAAAC,CACA,CAAA,KAAA,CAAAC,EACA,KAAAC,CAAAA,CAAAA,CACA,MAAAC,CAAAA,CAAAA,CACA,MAAAC,CACA,CAAA,GAAGC,CACL,CAAA,CACAC,CAGEC,GAAAA,cAAAA,CAAC,KACC,CAAA,CAAA,GAAA,CAAKD,EACL,SAAWjB,CAAAA,CAAAA,CAET,MAEAO,CAAAA,CAAAA,GAAc,WAAa,UAAa,CAAA,UAAA,CAExC,CACE,OAAA,CAASC,IAAY,MACrB,CAAA,OAAA,CAASA,CAAY,GAAA,IAAA,CACrB,OAASA,CAAAA,CAAAA,GAAY,IACrB,CAAA,OAAA,CAASA,IAAY,IACrB,CAAA,OAAA,CAASA,CAAY,GAAA,IAAA,CACrB,QAASA,CAAY,GAAA,IACvB,CAEAC,CAAAA,CAAAA,EAAQ,YAERC,CAAU,EAAA,6BAAA,CAEVC,CAAW,EAAA,CACT,eAAiBA,CAAAA,CAAAA,GAAY,OAC7B,CAAA,aAAA,CAAeA,IAAY,KAC3B,CAAA,gBAAA,CAAkBA,CAAY,GAAA,QAAA,CAC9B,kBAAmBA,CAAY,GAAA,SAAA,CAC/B,gBAAkBA,CAAAA,CAAAA,GAAY,SAC9B,gBAAkBA,CAAAA,CAAAA,GAAY,QAChC,CAAA,CAEAC,CAAS,EAAA,CACP,aAAeA,CAAAA,CAAAA,GAAU,QACzB,WAAaA,CAAAA,CAAAA,GAAU,KACvB,CAAA,cAAA,CAAgBA,IAAU,QAC1B,CAAA,eAAA,CAAiBA,CAAU,GAAA,SAAA,CAC3B,iBAAkBA,CAAU,GAAA,UAC9B,CACAN,CAAAA,CACF,CACA,CAAA,KAAA,CAAO,CACL,KAAA,CAAAO,EACA,MAAAC,CAAAA,CAAAA,CACA,GAAGC,CACL,EACC,GAAGC,CAAAA,CACN,CAGN,EAEAZ,EAAM,WAAc,CAAA,OAAA","file":"stack.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","/**\n * Stack is a layout component that arranges its children in a vertical or horizontal stack\n * with consistent spacing between items. It's built on top of Flexbox and provides\n * a simple way to create consistent layouts.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-stack--docs\n *\n * @example\n * ```tsx\n * // Basic vertical stack\n * <Stack>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Horizontal stack with custom spacing\n * <Stack direction=\"horizontal\" spacing=\"lg\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n * </Stack>\n *\n * // Centered stack with wrapping\n * <Stack direction=\"horizontal\" center wrap>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Stack with custom alignment\n * <Stack align=\"center\" justify=\"between\">\n *   <div>Left</div>\n *   <div>Center</div>\n *   <div>Right</div>\n * </Stack>\n *\n * // Stack with custom dimensions\n * <Stack width=\"100%\" height=\"200px\">\n *   <div>Full width, fixed height stack</div>\n * </Stack>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The direction in which to stack the items.\n   * - \"vertical\": Items are stacked top to bottom\n   * - \"horizontal\": Items are stacked left to right\n   *\n   * @default \"vertical\"\n   */\n  direction?: \"vertical\" | \"horizontal\"\n  /**\n   * The spacing between items in the stack.\n   * - \"none\": 0px\n   * - \"xs\": 0.25rem (4px)\n   * - \"sm\": 0.5rem (8px)\n   * - \"md\": 1rem (16px)\n   * - \"lg\": 1.5rem (24px)\n   * - \"xl\": 2rem (32px)\n   *\n   * @default \"md\"\n   */\n  spacing?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n  /**\n   * Whether to allow items to wrap to the next line when they don't fit.\n   * Only applies to horizontal stacks.\n   *\n   * @default false\n   */\n  wrap?: boolean\n  /**\n   * Whether to center items both horizontally and vertically.\n   * This is a shorthand for setting both align and justify to \"center\".\n   *\n   * @default false\n   */\n  center?: boolean\n  /**\n   * How to justify items along the main axis.\n   * - \"start\": Items are packed toward the start\n   * - \"end\": Items are packed toward the end\n   * - \"center\": Items are centered\n   * - \"between\": Items are evenly distributed with first item at start and last at end\n   * - \"around\": Items are evenly distributed with equal space around them\n   * - \"evenly\": Items are distributed so that the spacing between any two items is equal\n   *\n   * @default undefined\n   */\n  justify?: \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\"\n  /**\n   * How to align items along the cross axis.\n   * - \"start\": Items are aligned at the start\n   * - \"end\": Items are aligned at the end\n   * - \"center\": Items are centered\n   * - \"stretch\": Items are stretched to fill the container\n   * - \"baseline\": Items are aligned at their baselines\n   *\n   * @default undefined\n   */\n  align?: \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\"\n  /**\n   * The width of the stack container.\n   * Can be any valid CSS width value (e.g., \"100%\", \"200px\", \"50vw\").\n   *\n   * @default undefined\n   */\n  width?: string\n  /**\n   * The height of the stack container.\n   * Can be any valid CSS height value (e.g., \"100%\", \"200px\", \"50vh\").\n   *\n   * @default undefined\n   */\n  height?: string\n}\n\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      className,\n      direction = \"vertical\",\n      spacing = \"md\",\n      wrap = false,\n      center = false,\n      justify,\n      align,\n      width,\n      height,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          // Base styles\n          \"flex\",\n          // Direction\n          direction === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          // Spacing\n          {\n            \"gap-0\": spacing === \"none\",\n            \"gap-1\": spacing === \"xs\",\n            \"gap-2\": spacing === \"sm\",\n            \"gap-4\": spacing === \"md\",\n            \"gap-6\": spacing === \"lg\",\n            \"gap-8\": spacing === \"xl\"\n          },\n          // Wrap\n          wrap && \"flex-wrap\",\n          // Center\n          center && \"items-center justify-center\",\n          // Justify\n          justify && {\n            \"justify-start\": justify === \"start\",\n            \"justify-end\": justify === \"end\",\n            \"justify-center\": justify === \"center\",\n            \"justify-between\": justify === \"between\",\n            \"justify-around\": justify === \"around\",\n            \"justify-evenly\": justify === \"evenly\"\n          },\n          // Align\n          align && {\n            \"items-start\": align === \"start\",\n            \"items-end\": align === \"end\",\n            \"items-center\": align === \"center\",\n            \"items-stretch\": align === \"stretch\",\n            \"items-baseline\": align === \"baseline\"\n          },\n          className\n        )}\n        style={{\n          width,\n          height,\n          ...style\n        }}\n        {...props}\n      />\n    )\n  }\n)\n\nStack.displayName = \"Stack\"\n\nexport { Stack }\n"]}

package/dist/atoms/stack.mjs

@@ -0,0 +1,2 @@
+import*as a from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function s(...n){return twMerge(clsx(n))}var b=a.forwardRef(({className:n,direction:o="vertical",spacing:t="md",wrap:l=false,center:c=false,justify:e,align:r,width:m,height:i,style:f,...d},p)=>jsx("div",{ref:p,className:s("flex",o==="vertical"?"flex-col":"flex-row",{"gap-0":t==="none","gap-1":t==="xs","gap-2":t==="sm","gap-4":t==="md","gap-6":t==="lg","gap-8":t==="xl"},l&&"flex-wrap",c&&"items-center justify-center",e&&{"justify-start":e==="start","justify-end":e==="end","justify-center":e==="center","justify-between":e==="between","justify-around":e==="around","justify-evenly":e==="evenly"},r&&{"items-start":r==="start","items-end":r==="end","items-center":r==="center","items-stretch":r==="stretch","items-baseline":r==="baseline"},n),style:{width:m,height:i,...f},...d}));b.displayName="Stack";export{b as Stack};//# sourceMappingURL=stack.mjs.map
+//# sourceMappingURL=stack.mjs.map

package/dist/atoms/stack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/stack/stack.tsx"],"names":["cn","inputs","twMerge","clsx","Stack","className","direction","spacing","wrap","center","justify","align","width","height","style","props","ref","jsx"],"mappings":"yHAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCkHA,IAAMG,CAAc,CAAA,CAAA,CAAA,UAAA,CAClB,CACE,CACE,SAAA,CAAAC,CACA,CAAA,SAAA,CAAAC,EAAY,UACZ,CAAA,OAAA,CAAAC,CAAU,CAAA,IAAA,CACV,IAAAC,CAAAA,CAAAA,CAAO,KACP,CAAA,MAAA,CAAAC,EAAS,KACT,CAAA,OAAA,CAAAC,CACA,CAAA,KAAA,CAAAC,EACA,KAAAC,CAAAA,CAAAA,CACA,MAAAC,CAAAA,CAAAA,CACA,MAAAC,CACA,CAAA,GAAGC,CACL,CAAA,CACAC,CAGEC,GAAAA,GAAAA,CAAC,KACC,CAAA,CAAA,GAAA,CAAKD,EACL,SAAWhB,CAAAA,CAAAA,CAET,MAEAM,CAAAA,CAAAA,GAAc,WAAa,UAAa,CAAA,UAAA,CAExC,CACE,OAAA,CAASC,IAAY,MACrB,CAAA,OAAA,CAASA,CAAY,GAAA,IAAA,CACrB,OAASA,CAAAA,CAAAA,GAAY,IACrB,CAAA,OAAA,CAASA,IAAY,IACrB,CAAA,OAAA,CAASA,CAAY,GAAA,IAAA,CACrB,QAASA,CAAY,GAAA,IACvB,CAEAC,CAAAA,CAAAA,EAAQ,YAERC,CAAU,EAAA,6BAAA,CAEVC,CAAW,EAAA,CACT,eAAiBA,CAAAA,CAAAA,GAAY,OAC7B,CAAA,aAAA,CAAeA,IAAY,KAC3B,CAAA,gBAAA,CAAkBA,CAAY,GAAA,QAAA,CAC9B,kBAAmBA,CAAY,GAAA,SAAA,CAC/B,gBAAkBA,CAAAA,CAAAA,GAAY,SAC9B,gBAAkBA,CAAAA,CAAAA,GAAY,QAChC,CAAA,CAEAC,CAAS,EAAA,CACP,aAAeA,CAAAA,CAAAA,GAAU,QACzB,WAAaA,CAAAA,CAAAA,GAAU,KACvB,CAAA,cAAA,CAAgBA,IAAU,QAC1B,CAAA,eAAA,CAAiBA,CAAU,GAAA,SAAA,CAC3B,iBAAkBA,CAAU,GAAA,UAC9B,CACAN,CAAAA,CACF,CACA,CAAA,KAAA,CAAO,CACL,KAAA,CAAAO,EACA,MAAAC,CAAAA,CAAAA,CACA,GAAGC,CACL,EACC,GAAGC,CAAAA,CACN,CAGN,EAEAX,EAAM,WAAc,CAAA,OAAA","file":"stack.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","/**\n * Stack is a layout component that arranges its children in a vertical or horizontal stack\n * with consistent spacing between items. It's built on top of Flexbox and provides\n * a simple way to create consistent layouts.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-stack--docs\n *\n * @example\n * ```tsx\n * // Basic vertical stack\n * <Stack>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Horizontal stack with custom spacing\n * <Stack direction=\"horizontal\" spacing=\"lg\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n * </Stack>\n *\n * // Centered stack with wrapping\n * <Stack direction=\"horizontal\" center wrap>\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Stack>\n *\n * // Stack with custom alignment\n * <Stack align=\"center\" justify=\"between\">\n *   <div>Left</div>\n *   <div>Center</div>\n *   <div>Right</div>\n * </Stack>\n *\n * // Stack with custom dimensions\n * <Stack width=\"100%\" height=\"200px\">\n *   <div>Full width, fixed height stack</div>\n * </Stack>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The direction in which to stack the items.\n   * - \"vertical\": Items are stacked top to bottom\n   * - \"horizontal\": Items are stacked left to right\n   *\n   * @default \"vertical\"\n   */\n  direction?: \"vertical\" | \"horizontal\"\n  /**\n   * The spacing between items in the stack.\n   * - \"none\": 0px\n   * - \"xs\": 0.25rem (4px)\n   * - \"sm\": 0.5rem (8px)\n   * - \"md\": 1rem (16px)\n   * - \"lg\": 1.5rem (24px)\n   * - \"xl\": 2rem (32px)\n   *\n   * @default \"md\"\n   */\n  spacing?: \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n  /**\n   * Whether to allow items to wrap to the next line when they don't fit.\n   * Only applies to horizontal stacks.\n   *\n   * @default false\n   */\n  wrap?: boolean\n  /**\n   * Whether to center items both horizontally and vertically.\n   * This is a shorthand for setting both align and justify to \"center\".\n   *\n   * @default false\n   */\n  center?: boolean\n  /**\n   * How to justify items along the main axis.\n   * - \"start\": Items are packed toward the start\n   * - \"end\": Items are packed toward the end\n   * - \"center\": Items are centered\n   * - \"between\": Items are evenly distributed with first item at start and last at end\n   * - \"around\": Items are evenly distributed with equal space around them\n   * - \"evenly\": Items are distributed so that the spacing between any two items is equal\n   *\n   * @default undefined\n   */\n  justify?: \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\"\n  /**\n   * How to align items along the cross axis.\n   * - \"start\": Items are aligned at the start\n   * - \"end\": Items are aligned at the end\n   * - \"center\": Items are centered\n   * - \"stretch\": Items are stretched to fill the container\n   * - \"baseline\": Items are aligned at their baselines\n   *\n   * @default undefined\n   */\n  align?: \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\"\n  /**\n   * The width of the stack container.\n   * Can be any valid CSS width value (e.g., \"100%\", \"200px\", \"50vw\").\n   *\n   * @default undefined\n   */\n  width?: string\n  /**\n   * The height of the stack container.\n   * Can be any valid CSS height value (e.g., \"100%\", \"200px\", \"50vh\").\n   *\n   * @default undefined\n   */\n  height?: string\n}\n\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  (\n    {\n      className,\n      direction = \"vertical\",\n      spacing = \"md\",\n      wrap = false,\n      center = false,\n      justify,\n      align,\n      width,\n      height,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          // Base styles\n          \"flex\",\n          // Direction\n          direction === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          // Spacing\n          {\n            \"gap-0\": spacing === \"none\",\n            \"gap-1\": spacing === \"xs\",\n            \"gap-2\": spacing === \"sm\",\n            \"gap-4\": spacing === \"md\",\n            \"gap-6\": spacing === \"lg\",\n            \"gap-8\": spacing === \"xl\"\n          },\n          // Wrap\n          wrap && \"flex-wrap\",\n          // Center\n          center && \"items-center justify-center\",\n          // Justify\n          justify && {\n            \"justify-start\": justify === \"start\",\n            \"justify-end\": justify === \"end\",\n            \"justify-center\": justify === \"center\",\n            \"justify-between\": justify === \"between\",\n            \"justify-around\": justify === \"around\",\n            \"justify-evenly\": justify === \"evenly\"\n          },\n          // Align\n          align && {\n            \"items-start\": align === \"start\",\n            \"items-end\": align === \"end\",\n            \"items-center\": align === \"center\",\n            \"items-stretch\": align === \"stretch\",\n            \"items-baseline\": align === \"baseline\"\n          },\n          className\n        )}\n        style={{\n          width,\n          height,\n          ...style\n        }}\n        {...props}\n      />\n    )\n  }\n)\n\nStack.displayName = \"Stack\"\n\nexport { Stack }\n"]}

package/dist/atoms/switch.d.mts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+/**
+ * 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>>;
+
+type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
+
+export { Switch, type SwitchProps };

package/dist/atoms/switch.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+/**
+ * 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>>;
+
+type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
+
+export { Switch, type SwitchProps };

package/dist/atoms/switch.js

@@ -0,0 +1,2 @@
+'use strict';var o=require('react'),t=require('@radix-ui/react-switch'),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 o__namespace=/*#__PURE__*/_interopNamespace(o);var t__namespace=/*#__PURE__*/_interopNamespace(t);function e(...i){return tailwindMerge.twMerge(clsx.clsx(i))}var s=o__namespace.forwardRef(({className:i,...a},c)=>jsxRuntime.jsx(t__namespace.Root,{className:e("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",i),...a,ref:c,children:jsxRuntime.jsx(t__namespace.Thumb,{className:e("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")})}));s.displayName=t__namespace.Root.displayName;exports.Switch=s;//# sourceMappingURL=switch.js.map
+//# sourceMappingURL=switch.js.map

package/dist/atoms/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/switch/switch.tsx"],"names":["cn","inputs","twMerge","clsx","Switch","o","className","props","ref","jsx","t"],"mappings":"skBAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCcA,IAAMG,EAAeC,YACnB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,GAAGC,CAAM,CAAA,CAAGC,CACxBC,GAAAA,cAAAA,CAAkBC,YAAjB,CAAA,IAAA,CAAA,CACC,SAAWV,CAAAA,CAAAA,CACT,6XACAM,CAAAA,CACF,EACC,GAAGC,CAAAA,CACJ,GAAKC,CAAAA,CAAAA,CAEL,QAAAC,CAAAA,cAAAA,CAAkBC,YAAjB,CAAA,KAAA,CAAA,CACC,SAAWV,CAAAA,CAAAA,CACT,4KACF,CAAA,CACF,CACF,CAAA,CAEJ,EACAI,CAAAA,CAAO,YAA+BM,YAAK,CAAA,IAAA,CAAA,WAAA","file":"switch.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 SwitchPrimitives from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/utils/index\"\nimport { SwitchProps } from \"./switch.types\"\n\n/**\n * Switch component that provides a toggle input control.\n * Built on top of Radix UI's Switch primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-switch--docs\n *\n * @example\n * ```tsx\n * <Switch />\n * <Switch defaultChecked />\n * <Switch disabled />\n * ```\n */\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n  ({ className, ...props }, ref) => (\n    <SwitchPrimitives.Root\n      className={cn(\n        \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n        className\n      )}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitives.Thumb\n        className={cn(\n          \"pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\"\n        )}\n      />\n    </SwitchPrimitives.Root>\n  )\n)\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"]}

package/dist/atoms/switch.mjs

@@ -0,0 +1,2 @@
+import*as o from'react';import*as t from'@radix-ui/react-switch';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function e(...i){return twMerge(clsx(i))}var s=o.forwardRef(({className:i,...a},c)=>jsx(t.Root,{className:e("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",i),...a,ref:c,children:jsx(t.Thumb,{className:e("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")})}));s.displayName=t.Root.displayName;export{s as Switch};//# sourceMappingURL=switch.mjs.map
+//# sourceMappingURL=switch.mjs.map

package/dist/atoms/switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/switch/switch.tsx"],"names":["cn","inputs","twMerge","clsx","Switch","className","props","ref","jsx"],"mappings":"kKAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCcA,IAAMG,EAAe,CACnB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,GAAGC,CAAM,CAAA,CAAGC,CACxBC,GAAAA,GAAAA,CAAkB,CAAjB,CAAA,IAAA,CAAA,CACC,SAAWR,CAAAA,CAAAA,CACT,6XACAK,CAAAA,CACF,EACC,GAAGC,CAAAA,CACJ,GAAKC,CAAAA,CAAAA,CAEL,QAAAC,CAAAA,GAAAA,CAAkB,CAAjB,CAAA,KAAA,CAAA,CACC,SAAWR,CAAAA,CAAAA,CACT,4KACF,CAAA,CACF,CACF,CAAA,CAEJ,EACAI,CAAAA,CAAO,YAA+B,CAAK,CAAA,IAAA,CAAA,WAAA","file":"switch.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 SwitchPrimitives from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/utils/index\"\nimport { SwitchProps } from \"./switch.types\"\n\n/**\n * Switch component that provides a toggle input control.\n * Built on top of Radix UI's Switch primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-switch--docs\n *\n * @example\n * ```tsx\n * <Switch />\n * <Switch defaultChecked />\n * <Switch disabled />\n * ```\n */\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n  ({ className, ...props }, ref) => (\n    <SwitchPrimitives.Root\n      className={cn(\n        \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n        className\n      )}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitives.Thumb\n        className={cn(\n          \"pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\"\n        )}\n      />\n    </SwitchPrimitives.Root>\n  )\n)\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\n"]}

package/dist/atoms/table.d.mts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+}
+interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+}
+interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+}
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+}
+interface TableCaptionProps extends React.HTMLAttributes<HTMLTableCaptionElement> {
+}
+
+/**
+ * Table component that provides a structured way to display data in rows and columns.
+ * Built on top of native HTML table elements with enhanced styling and accessibility.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-table--docs
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Name</TableHead>
+ *       <TableHead>Email</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>John Doe</TableCell>
+ *       <TableCell>john@example.com</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+
+export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps };

package/dist/atoms/table.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+}
+interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+}
+interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+}
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+}
+interface TableCaptionProps extends React.HTMLAttributes<HTMLTableCaptionElement> {
+}
+
+/**
+ * Table component that provides a structured way to display data in rows and columns.
+ * Built on top of native HTML table elements with enhanced styling and accessibility.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-table--docs
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Name</TableHead>
+ *       <TableHead>Email</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>John Doe</TableCell>
+ *       <TableCell>john@example.com</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+
+export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps };

package/dist/atoms/table.js

@@ -0,0 +1,2 @@
+'use strict';var t=require('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 t__namespace=/*#__PURE__*/_interopNamespace(t);function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var s=t__namespace.forwardRef(({className:e,...a},o)=>jsxRuntime.jsx("div",{className:"relative w-full overflow-auto",children:jsxRuntime.jsx("table",{ref:o,className:l("w-full caption-bottom text-sm",e),...a})}));s.displayName="Table";var b=t__namespace.forwardRef(({className:e,...a},o)=>jsxRuntime.jsx("thead",{ref:o,className:l("[&_tr]:border-b",e),...a}));b.displayName="TableHeader";var T=t__namespace.forwardRef(({className:e,...a},o)=>jsxRuntime.jsx("tbody",{ref:o,className:l("[&_tr:last-child]:border-0",e),...a}));T.displayName="TableBody";var d=t__namespace.forwardRef(({className:e,...a},o)=>jsxRuntime.jsx("tfoot",{ref:o,className:l("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...a}));d.displayName="TableFooter";var p=t__namespace.forwardRef(({className:e,...a},o)=>jsxRuntime.jsx("tr",{ref:o,className:l("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...a}));p.displayName="TableRow";var m=t__namespace.forwardRef(({className:e,...a},o)=>jsxRuntime.jsx("th",{ref:o,className:l("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));m.displayName="TableHead";var c=t__namespace.forwardRef(({className:e,...a},o)=>jsxRuntime.jsx("td",{ref:o,className:l("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));c.displayName="TableCell";var n=t__namespace.forwardRef(({className:e,...a},o)=>jsxRuntime.jsx("caption",{ref:o,className:l("mt-4 text-sm text-muted-foreground",e),...a}));n.displayName="TableCaption";exports.Table=s;exports.TableBody=T;exports.TableCaption=n;exports.TableCell=c;exports.TableFooter=d;exports.TableHead=m;exports.TableHeader=b;exports.TableRow=p;//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.js.map

package/dist/atoms/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/table/table.tsx"],"names":["cn","inputs","twMerge","clsx","Table","t","className","props","ref","jsx","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"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","file":"table.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 { cn } from \"@/utils/index\"\nimport {\n  TableProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableHeadProps,\n  TableCellProps,\n  TableCaptionProps\n} from \"./table.types\"\n\n/**\n * Table component that provides a structured way to display data in rows and columns.\n * Built on top of native HTML table elements with enhanced styling and accessibility.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-table--docs\n *\n * @example\n * ```tsx\n * <Table>\n *   <TableHeader>\n *     <TableRow>\n *       <TableHead>Name</TableHead>\n *       <TableHead>Email</TableHead>\n *     </TableRow>\n *   </TableHeader>\n *   <TableBody>\n *     <TableRow>\n *       <TableCell>John Doe</TableCell>\n *       <TableCell>john@example.com</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * ```\n */\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} {...props} />\n  </div>\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n  )\n)\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n  )\n)\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  )\n)\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, ...props }, ref) => (\n    <th\n      ref={ref}\n      className={cn(\n        \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={cn(\n        \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  ({ className, ...props }, ref) => (\n    <caption ref={ref} className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n  )\n)\nTableCaption.displayName = \"TableCaption\"\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }\n"]}

package/dist/atoms/table.mjs

@@ -0,0 +1,2 @@
+import*as t from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function l(...e){return twMerge(clsx(e))}var s=t.forwardRef(({className:e,...a},o)=>jsx("div",{className:"relative w-full overflow-auto",children:jsx("table",{ref:o,className:l("w-full caption-bottom text-sm",e),...a})}));s.displayName="Table";var b=t.forwardRef(({className:e,...a},o)=>jsx("thead",{ref:o,className:l("[&_tr]:border-b",e),...a}));b.displayName="TableHeader";var T=t.forwardRef(({className:e,...a},o)=>jsx("tbody",{ref:o,className:l("[&_tr:last-child]:border-0",e),...a}));T.displayName="TableBody";var d=t.forwardRef(({className:e,...a},o)=>jsx("tfoot",{ref:o,className:l("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...a}));d.displayName="TableFooter";var p=t.forwardRef(({className:e,...a},o)=>jsx("tr",{ref:o,className:l("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...a}));p.displayName="TableRow";var m=t.forwardRef(({className:e,...a},o)=>jsx("th",{ref:o,className:l("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));m.displayName="TableHead";var c=t.forwardRef(({className:e,...a},o)=>jsx("td",{ref:o,className:l("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));c.displayName="TableCell";var n=t.forwardRef(({className:e,...a},o)=>jsx("caption",{ref:o,className:l("mt-4 text-sm text-muted-foreground",e),...a}));n.displayName="TableCaption";export{s as Table,T as TableBody,n as TableCaption,c as TableCell,d as TableFooter,m as TableHead,b as TableHeader,p as TableRow};//# sourceMappingURL=table.mjs.map
+//# sourceMappingURL=table.mjs.map

package/dist/atoms/table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/table/table.tsx"],"names":["cn","inputs","twMerge","clsx","Table","className","props","ref","jsx","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"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","file":"table.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 { cn } from \"@/utils/index\"\nimport {\n  TableProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableHeadProps,\n  TableCellProps,\n  TableCaptionProps\n} from \"./table.types\"\n\n/**\n * Table component that provides a structured way to display data in rows and columns.\n * Built on top of native HTML table elements with enhanced styling and accessibility.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-table--docs\n *\n * @example\n * ```tsx\n * <Table>\n *   <TableHeader>\n *     <TableRow>\n *       <TableHead>Name</TableHead>\n *       <TableHead>Email</TableHead>\n *     </TableRow>\n *   </TableHeader>\n *   <TableBody>\n *     <TableRow>\n *       <TableCell>John Doe</TableCell>\n *       <TableCell>john@example.com</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * ```\n */\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} {...props} />\n  </div>\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n  )\n)\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n  )\n)\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  )\n)\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, ...props }, ref) => (\n    <th\n      ref={ref}\n      className={cn(\n        \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={cn(\n        \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  ({ className, ...props }, ref) => (\n    <caption ref={ref} className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n  )\n)\nTableCaption.displayName = \"TableCaption\"\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }\n"]}

package/dist/atoms/text-field.d.mts

@@ -0,0 +1,65 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Props interface for the TextField component.
+ * Extends the native input HTML attributes and adds support for variants and icons.
+ *
+ * @interface TextFieldProps
+ * @extends {React.InputHTMLAttributes<HTMLInputElement>}
+ * @extends {VariantProps<typeof textFieldVariants>}
+ *
+ * @property {string} [variant] - The visual style variant of the text field.
+ * @property {string} [size] - The size variant of the text field.
+ * @property {string} [className] - Additional CSS classes to apply to the text field.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the input.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the input.
+ * @property {boolean} [loading] - Whether the text field is in a loading state.
+ * @property {string} [error] - Error message to display below the text field.
+ * @property {string} [label] - Label text for the text field.
+ * @property {string} [helperText] - Helper text to display below the text field.
+ */
+interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textFieldVariants> {
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
+    error?: string;
+    label?: string;
+    helperText?: string;
+}
+
+/**
+ * Text field variant styles using class-variance-authority.
+ * Defines the visual styles for different text field variants and sizes.
+ */
+declare const textFieldVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * A versatile text field component that supports multiple variants, sizes, and icons.
+ * Built on top of shadcn/ui's Input component.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-text-field--docs
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default text field
+ * <TextField placeholder="Enter text" />
+ *
+ * // With icons
+ * <TextField startIcon={<SearchIcon />} placeholder="Search..." />
+ * <TextField endIcon={<CalendarIcon />} placeholder="Select date" />
+ *
+ * // With loading state
+ * <TextField loading placeholder="Loading..." />
+ *
+ * // With error
+ * <TextField error="Invalid input" placeholder="Enter text" />
+ * ```
+ */
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+
+export { TextField, type TextFieldProps };

package/dist/atoms/text-field.d.ts

@@ -0,0 +1,65 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Props interface for the TextField component.
+ * Extends the native input HTML attributes and adds support for variants and icons.
+ *
+ * @interface TextFieldProps
+ * @extends {React.InputHTMLAttributes<HTMLInputElement>}
+ * @extends {VariantProps<typeof textFieldVariants>}
+ *
+ * @property {string} [variant] - The visual style variant of the text field.
+ * @property {string} [size] - The size variant of the text field.
+ * @property {string} [className] - Additional CSS classes to apply to the text field.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the input.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the input.
+ * @property {boolean} [loading] - Whether the text field is in a loading state.
+ * @property {string} [error] - Error message to display below the text field.
+ * @property {string} [label] - Label text for the text field.
+ * @property {string} [helperText] - Helper text to display below the text field.
+ */
+interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textFieldVariants> {
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
+    error?: string;
+    label?: string;
+    helperText?: string;
+}
+
+/**
+ * Text field variant styles using class-variance-authority.
+ * Defines the visual styles for different text field variants and sizes.
+ */
+declare const textFieldVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * A versatile text field component that supports multiple variants, sizes, and icons.
+ * Built on top of shadcn/ui's Input component.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-text-field--docs
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default text field
+ * <TextField placeholder="Enter text" />
+ *
+ * // With icons
+ * <TextField startIcon={<SearchIcon />} placeholder="Search..." />
+ * <TextField endIcon={<CalendarIcon />} placeholder="Select date" />
+ *
+ * // With loading state
+ * <TextField loading placeholder="Loading..." />
+ *
+ * // With error
+ * <TextField error="Invalid input" placeholder="Enter text" />
+ * ```
+ */
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+
+export { TextField, type TextFieldProps };

package/dist/atoms/text-field.js

@@ -0,0 +1,2 @@
+'use strict';var m=require('react'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime'),n=require('@radix-ui/react-label');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 n__namespace=/*#__PURE__*/_interopNamespace(n);function e(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var f=m__namespace.forwardRef(({className:t,type:o,...a},i)=>jsxRuntime.jsx("input",{type:o,className:e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",t),ref:i,...a}));f.displayName="Input";var V=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),p=m__namespace.forwardRef(({className:t,...o},a)=>jsxRuntime.jsx(n__namespace.Root,{ref:a,className:e(V(),t),...o}));p.displayName=n__namespace.Root.displayName;var M=classVarianceAuthority.cva("w-full",{variants:{variant:{default:"",error:"border-destructive focus-visible:ring-destructive"},size:{default:"h-10",sm:"h-8 text-xs",lg:"h-12 text-base"}},defaultVariants:{variant:"default",size:"default"}}),R=m__namespace.forwardRef(({className:t,variant:o,size:a,startIcon:i,endIcon:d,loading:s=false,error:l,label:u,helperText:c,disabled:L,...P},N)=>{let b=m__namespace.useId();return jsxRuntime.jsxs("div",{className:"w-full space-y-2",children:[u&&jsxRuntime.jsx(p,{htmlFor:b,children:u}),jsxRuntime.jsxs("div",{className:"relative",children:[i&&jsxRuntime.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:i}),jsxRuntime.jsx(f,{id:b,className:e(M({variant:l?"error":o,size:a,className:t}),i&&"pl-9",(d||s)&&"pr-9"),ref:N,disabled:L||s,...P}),(d||s)&&jsxRuntime.jsx("div",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:s?jsxRuntime.jsx(lucideReact.Loader2,{className:"h-4 w-4 animate-spin"}):d})]}),(l||c)&&jsxRuntime.jsx("p",{className:e("text-sm",l?"text-destructive":"text-muted-foreground"),children:l||c})]})});R.displayName="TextField";exports.TextField=R;//# sourceMappingURL=text-field.js.map
+//# sourceMappingURL=text-field.js.map

package/dist/atoms/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/input/input.tsx","../../src/components/atoms/label/label.tsx","../../src/components/atoms/text-field/text-field.tsx"],"names":["cn","inputs","twMerge","clsx","Input","x","className","type","props","ref","jsx","labelVariants","cva","Label","v","n","textFieldVariants","TextField","m","variant","size","startIcon","endIcon","loading","error","label","helperText","disabled","id","jsxs","Loader2"],"mappings":"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","file":"text-field.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\"\n\nimport { cn } from \"@/utils/cn\"\n\n/**\n * Input component for creating accessible input fields.\n * Built on top of shadcn/ui's Input component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-input--docs\n *\n */\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\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 { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { TextFieldProps } from \"./text-field.types\"\nimport { Loader2 } from \"lucide-react\"\nimport { Input } from \"../input\"\nimport { Label } from \"../label\"\n\n/**\n * Text field variant styles using class-variance-authority.\n * Defines the visual styles for different text field variants and sizes.\n */\nconst textFieldVariants = cva(\"w-full\", {\n  variants: {\n    variant: {\n      default: \"\",\n      error: \"border-destructive focus-visible:ring-destructive\"\n    },\n    size: {\n      default: \"h-10\",\n      sm: \"h-8 text-xs\",\n      lg: \"h-12 text-base\"\n    }\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\"\n  }\n})\n\n/**\n * A versatile text field component that supports multiple variants, sizes, and icons.\n * Built on top of shadcn/ui's Input component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-text-field--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default text field\n * <TextField placeholder=\"Enter text\" />\n *\n * // With icons\n * <TextField startIcon={<SearchIcon />} placeholder=\"Search...\" />\n * <TextField endIcon={<CalendarIcon />} placeholder=\"Select date\" />\n *\n * // With loading state\n * <TextField loading placeholder=\"Loading...\" />\n *\n * // With error\n * <TextField error=\"Invalid input\" placeholder=\"Enter text\" />\n * ```\n */\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      startIcon,\n      endIcon,\n      loading = false,\n      error,\n      label,\n      helperText,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const id = React.useId()\n\n    return (\n      <div className=\"w-full space-y-2\">\n        {label && <Label htmlFor={id}>{label}</Label>}\n        <div className=\"relative\">\n          {startIcon && (\n            <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {startIcon}\n            </div>\n          )}\n          <Input\n            id={id}\n            className={cn(\n              textFieldVariants({ variant: error ? \"error\" : variant, size, className }),\n              startIcon && \"pl-9\",\n              (endIcon || loading) && \"pr-9\"\n            )}\n            ref={ref}\n            disabled={disabled || loading}\n            {...props}\n          />\n          {(endIcon || loading) && (\n            <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : endIcon}\n            </div>\n          )}\n        </div>\n        {(error || helperText) && (\n          <p className={cn(\"text-sm\", error ? \"text-destructive\" : \"text-muted-foreground\")}>\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\n\nTextField.displayName = \"TextField\"\n\nexport { TextField, textFieldVariants }\n"]}

package/dist/atoms/text-field.mjs

@@ -0,0 +1,2 @@
+import*as m from'react';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Loader2}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';import*as n from'@radix-ui/react-label';function e(...t){return twMerge(clsx(t))}var f=m.forwardRef(({className:t,type:o,...a},i)=>jsx("input",{type:o,className:e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",t),ref:i,...a}));f.displayName="Input";var V=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),p=m.forwardRef(({className:t,...o},a)=>jsx(n.Root,{ref:a,className:e(V(),t),...o}));p.displayName=n.Root.displayName;var M=cva("w-full",{variants:{variant:{default:"",error:"border-destructive focus-visible:ring-destructive"},size:{default:"h-10",sm:"h-8 text-xs",lg:"h-12 text-base"}},defaultVariants:{variant:"default",size:"default"}}),R=m.forwardRef(({className:t,variant:o,size:a,startIcon:i,endIcon:d,loading:s=false,error:l,label:u,helperText:c,disabled:L,...P},N)=>{let b=m.useId();return jsxs("div",{className:"w-full space-y-2",children:[u&&jsx(p,{htmlFor:b,children:u}),jsxs("div",{className:"relative",children:[i&&jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:i}),jsx(f,{id:b,className:e(M({variant:l?"error":o,size:a,className:t}),i&&"pl-9",(d||s)&&"pr-9"),ref:N,disabled:L||s,...P}),(d||s)&&jsx("div",{className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground",children:s?jsx(Loader2,{className:"h-4 w-4 animate-spin"}):d})]}),(l||c)&&jsx("p",{className:e("text-sm",l?"text-destructive":"text-muted-foreground"),children:l||c})]})});R.displayName="TextField";export{R as TextField};//# sourceMappingURL=text-field.mjs.map
+//# sourceMappingURL=text-field.mjs.map

package/dist/atoms/text-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/input/input.tsx","../../src/components/atoms/label/label.tsx","../../src/components/atoms/text-field/text-field.tsx"],"names":["cn","inputs","twMerge","clsx","Input","x","className","type","props","ref","jsx","labelVariants","cva","Label","v","textFieldVariants","TextField","variant","size","startIcon","endIcon","loading","error","label","helperText","disabled","id","jsxs","Loader2"],"mappings":"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","file":"text-field.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\"\n\nimport { cn } from \"@/utils/cn\"\n\n/**\n * Input component for creating accessible input fields.\n * Built on top of shadcn/ui's Input component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-input--docs\n *\n */\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\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 { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { TextFieldProps } from \"./text-field.types\"\nimport { Loader2 } from \"lucide-react\"\nimport { Input } from \"../input\"\nimport { Label } from \"../label\"\n\n/**\n * Text field variant styles using class-variance-authority.\n * Defines the visual styles for different text field variants and sizes.\n */\nconst textFieldVariants = cva(\"w-full\", {\n  variants: {\n    variant: {\n      default: \"\",\n      error: \"border-destructive focus-visible:ring-destructive\"\n    },\n    size: {\n      default: \"h-10\",\n      sm: \"h-8 text-xs\",\n      lg: \"h-12 text-base\"\n    }\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\"\n  }\n})\n\n/**\n * A versatile text field component that supports multiple variants, sizes, and icons.\n * Built on top of shadcn/ui's Input component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-text-field--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default text field\n * <TextField placeholder=\"Enter text\" />\n *\n * // With icons\n * <TextField startIcon={<SearchIcon />} placeholder=\"Search...\" />\n * <TextField endIcon={<CalendarIcon />} placeholder=\"Select date\" />\n *\n * // With loading state\n * <TextField loading placeholder=\"Loading...\" />\n *\n * // With error\n * <TextField error=\"Invalid input\" placeholder=\"Enter text\" />\n * ```\n */\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      startIcon,\n      endIcon,\n      loading = false,\n      error,\n      label,\n      helperText,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const id = React.useId()\n\n    return (\n      <div className=\"w-full space-y-2\">\n        {label && <Label htmlFor={id}>{label}</Label>}\n        <div className=\"relative\">\n          {startIcon && (\n            <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {startIcon}\n            </div>\n          )}\n          <Input\n            id={id}\n            className={cn(\n              textFieldVariants({ variant: error ? \"error\" : variant, size, className }),\n              startIcon && \"pl-9\",\n              (endIcon || loading) && \"pr-9\"\n            )}\n            ref={ref}\n            disabled={disabled || loading}\n            {...props}\n          />\n          {(endIcon || loading) && (\n            <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n              {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : endIcon}\n            </div>\n          )}\n        </div>\n        {(error || helperText) && (\n          <p className={cn(\"text-sm\", error ? \"text-destructive\" : \"text-muted-foreground\")}>\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\n\nTextField.displayName = \"TextField\"\n\nexport { TextField, textFieldVariants }\n"]}

package/dist/atoms/textarea.js

@@ -0,0 +1,2 @@
+'use strict';var e=require('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 e__namespace=/*#__PURE__*/_interopNamespace(e);function o(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var c=e__namespace.forwardRef(({className:r,autoResize:n=false,...i},l)=>{let s=e__namespace.useRef(null);return e__namespace.useEffect(()=>{if(!n||!s.current)return;let t=s.current,a=()=>{t.style.height="auto",t.style.height=`${t.scrollHeight}px`;};return t.addEventListener("input",a),a(),()=>t.removeEventListener("input",a)},[n]),jsxRuntime.jsx("textarea",{className:o("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",r),ref:l,...i})});c.displayName="Textarea";exports.Textarea=c;//# sourceMappingURL=textarea.js.map
+//# sourceMappingURL=textarea.js.map