@szum-tech/design-system 2.6.0 → 2.7.0

package/dist/{chunk-V5OVQTDR.js → chunk-5BTQ6BQA.js}

@@ -1,9 +1,9 @@
 import { cn } from './chunk-ZD2QRAOX.js';
-import { twMerge } from 'tailwind-merge';
 import { jsx } from 'react/jsx-runtime';
+import { twMerge } from 'tailwind-merge';
 
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: twMerge("bg-app-foreground h-full rounded border border-gray-800", className), ...props });
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-app-foreground h-full rounded border border-gray-800", className), ...props });
 }
 function CardHeader({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col p-6", className), ...props });

package/dist/{chunk-Q2IKZZ3U.cjs → chunk-EIXSMEDP.cjs}

@@ -8,6 +8,7 @@ function Separator({ className, orientation = "horizontal", decorative = false,
   return /* @__PURE__ */ jsxRuntime.jsx(
     radixUi.Separator.Root,
     {
+      "data-slot": "separator",
       decorative,
       orientation,
       "aria-orientation": orientation,

package/dist/{chunk-3DSBDIFJ.cjs → chunk-FPFRA5Q6.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
+var tailwindMerge = require('tailwind-merge');
 
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("bg-app-foreground h-full rounded border border-gray-800", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("bg-app-foreground h-full rounded border border-gray-800", className), ...props });
 }
 function CardHeader({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("flex flex-col p-6", className), ...props });

package/dist/{chunk-RXYZURP4.js → chunk-GEACYHTU.js}

@@ -6,6 +6,7 @@ function Separator({ className, orientation = "horizontal", decorative = false,
   return /* @__PURE__ */ jsx(
     Separator$1.Root,
     {
+      "data-slot": "separator",
       decorative,
       orientation,
       "aria-orientation": orientation,

package/dist/chunk-I5P2HH5Z.js

@@ -0,0 +1,136 @@
+import { Separator } from './chunk-GEACYHTU.js';
+import { cn } from './chunk-ZD2QRAOX.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var itemCva = cva(
+  [
+    "group/item flex items-center border border-transparent text-sm rounded-md transition-colors duration-100 flex-wrap outline-none",
+    "[a]:hover:bg-gray-900 [a]:transition-colors",
+    "focus-visible:ring-primary-500/50 focus-visible:ring-[3px]"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outlined: "border-gray-800"
+      },
+      size: {
+        default: "p-4 gap-4 ",
+        sm: "py-3 px-4 gap-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(itemCva({ variant, size }), className),
+      ...props
+    }
+  );
+}
+var itemMediaVariants = cva(
+  [
+    "flex shrink-0 items-center justify-center gap-2 [&_svg]:pointer-events-none",
+    "group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-gray-800 size-8 rounded border border-gray-600 [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia({ className, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: cn(itemMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { role: "list", "data-slot": "item-group", className: cn("group/item-group flex flex-col", className), ...props });
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: cn(
+        "line-clamp-2 text-sm leading-normal font-normal text-balance text-gray-400",
+        "[&>a:hover]:text-primary-500 [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: cn("flex basis-full items-center justify-between gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-header",
+      className: cn("flex basis-full items-center justify-between gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium text-gray-100", className),
+      ...props
+    }
+  );
+}
+function ItemSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-0", className), ...props });
+}
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/chunk-S5BN23O7.cjs

@@ -0,0 +1,147 @@
+'use strict';
+
+var chunkEIXSMEDP_cjs = require('./chunk-EIXSMEDP.cjs');
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var itemCva = classVarianceAuthority.cva(
+  [
+    "group/item flex items-center border border-transparent text-sm rounded-md transition-colors duration-100 flex-wrap outline-none",
+    "[a]:hover:bg-gray-900 [a]:transition-colors",
+    "focus-visible:ring-primary-500/50 focus-visible:ring-[3px]"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outlined: "border-gray-800"
+      },
+      size: {
+        default: "p-4 gap-4 ",
+        sm: "py-3 px-4 gap-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: chunkH2BWO3SI_cjs.cn(itemCva({ variant, size }), className),
+      ...props
+    }
+  );
+}
+var itemMediaVariants = classVarianceAuthority.cva(
+  [
+    "flex shrink-0 items-center justify-center gap-2 [&_svg]:pointer-events-none",
+    "group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-gray-800 size-8 rounded border border-gray-600 [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia({ className, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: chunkH2BWO3SI_cjs.cn(itemMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "list", "data-slot": "item-group", className: chunkH2BWO3SI_cjs.cn("group/item-group flex flex-col", className), ...props });
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "item-actions", className: chunkH2BWO3SI_cjs.cn("flex items-center gap-2", className), ...props });
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: chunkH2BWO3SI_cjs.cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: chunkH2BWO3SI_cjs.cn(
+        "line-clamp-2 text-sm leading-normal font-normal text-balance text-gray-400",
+        "[&>a:hover]:text-primary-500 [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: chunkH2BWO3SI_cjs.cn("flex basis-full items-center justify-between gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "item-header",
+      className: chunkH2BWO3SI_cjs.cn("flex basis-full items-center justify-between gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: chunkH2BWO3SI_cjs.cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium text-gray-100", className),
+      ...props
+    }
+  );
+}
+function ItemSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkEIXSMEDP_cjs.Separator, { "data-slot": "item-separator", orientation: "horizontal", className: chunkH2BWO3SI_cjs.cn("my-0", className), ...props });
+}
+
+exports.Item = Item;
+exports.ItemActions = ItemActions;
+exports.ItemContent = ItemContent;
+exports.ItemDescription = ItemDescription;
+exports.ItemFooter = ItemFooter;
+exports.ItemGroup = ItemGroup;
+exports.ItemHeader = ItemHeader;
+exports.ItemMedia = ItemMedia;
+exports.ItemSeparator = ItemSeparator;
+exports.ItemTitle = ItemTitle;

package/dist/components/card/index.cjs

@@ -1,31 +1,31 @@
 'use strict';
 
-var chunk3DSBDIFJ_cjs = require('../../chunk-3DSBDIFJ.cjs');
+var chunkFPFRA5Q6_cjs = require('../../chunk-FPFRA5Q6.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.Card; }
+  get: function () { return chunkFPFRA5Q6_cjs.Card; }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardContent; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardContent; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardDescription; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardDescription; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardFooter; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardHeader; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardHeader; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardTitle; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardTitle; }
 });

package/dist/components/card/index.js

@@ -1,2 +1,2 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../../chunk-V5OVQTDR.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../../chunk-5BTQ6BQA.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/form/index.cjs

@@ -1,54 +1,55 @@
 'use strict';
 
-var chunkAIXT3Q3I_cjs = require('../../chunk-AIXT3Q3I.cjs');
+var chunkD3MOZUNH_cjs = require('../../chunk-D3MOZUNH.cjs');
 require('../../chunk-G6VXQ7DJ.cjs');
+require('../../chunk-S5BN23O7.cjs');
+require('../../chunk-EIXSMEDP.cjs');
 require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-GHV2TURY.cjs');
-require('../../chunk-Q2IKZZ3U.cjs');
 require('../../chunk-OIWEXHFE.cjs');
 require('../../chunk-GR37JJQK.cjs');
 require('../../chunk-K4TRAPRN.cjs');
-require('../../chunk-3DSBDIFJ.cjs');
+require('../../chunk-FPFRA5Q6.cjs');
 require('../../chunk-PH4LO5TE.cjs');
-require('../../chunk-P4J2TTH7.cjs');
 require('../../chunk-YWG7TML6.cjs');
-require('../../chunk-FVSO3RHT.cjs');
+require('../../chunk-P4J2TTH7.cjs');
 require('../../chunk-ZZ3EBGSD.cjs');
+require('../../chunk-FVSO3RHT.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
 require('../../chunk-UKWZ5BHD.cjs');
-require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-4NO6IM75.cjs');
 require('../../chunk-NHFHKMX2.cjs');
+require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.Form; }
+  get: function () { return chunkD3MOZUNH_cjs.Form; }
 });
 Object.defineProperty(exports, "FormControl", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormControl; }
+  get: function () { return chunkD3MOZUNH_cjs.FormControl; }
 });
 Object.defineProperty(exports, "FormDescription", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormDescription; }
+  get: function () { return chunkD3MOZUNH_cjs.FormDescription; }
 });
 Object.defineProperty(exports, "FormField", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormField; }
+  get: function () { return chunkD3MOZUNH_cjs.FormField; }
 });
 Object.defineProperty(exports, "FormItem", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormItem; }
+  get: function () { return chunkD3MOZUNH_cjs.FormItem; }
 });
 Object.defineProperty(exports, "FormLabel", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormLabel; }
+  get: function () { return chunkD3MOZUNH_cjs.FormLabel; }
 });
 Object.defineProperty(exports, "FormMessage", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormMessage; }
+  get: function () { return chunkD3MOZUNH_cjs.FormMessage; }
 });

package/dist/components/form/index.js

@@ -1,21 +1,22 @@
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../chunk-5RNHEHRL.js';
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../chunk-XIPREW2R.js';
 import '../../chunk-MI3CQBHC.js';
+import '../../chunk-I5P2HH5Z.js';
+import '../../chunk-GEACYHTU.js';
 import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-DTSFPOLX.js';
-import '../../chunk-RXYZURP4.js';
 import '../../chunk-IAI7BIAG.js';
 import '../../chunk-HJJPEVIH.js';
 import '../../chunk-YJFJLF7Y.js';
-import '../../chunk-V5OVQTDR.js';
+import '../../chunk-5BTQ6BQA.js';
 import '../../chunk-AGVEKVWD.js';
-import '../../chunk-5PBHBOXI.js';
 import '../../chunk-UW6GOD7J.js';
-import '../../chunk-VZKTT6CG.js';
+import '../../chunk-5PBHBOXI.js';
 import '../../chunk-36YD6ICC.js';
+import '../../chunk-VZKTT6CG.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
 import '../../chunk-XTO7CMIM.js';
-import '../../chunk-5MJPZUTO.js';
 import '../../chunk-EU7G37IS.js';
 import '../../chunk-7V34QHYR.js';
+import '../../chunk-5MJPZUTO.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/index.cjs

@@ -2,133 +2,134 @@
 
 'use strict';
 
-var chunkAIXT3Q3I_cjs = require('../chunk-AIXT3Q3I.cjs');
+var chunkD3MOZUNH_cjs = require('../chunk-D3MOZUNH.cjs');
 var chunkG6VXQ7DJ_cjs = require('../chunk-G6VXQ7DJ.cjs');
+var chunkS5BN23O7_cjs = require('../chunk-S5BN23O7.cjs');
+var chunkEIXSMEDP_cjs = require('../chunk-EIXSMEDP.cjs');
 var chunk3WSQRFUY_cjs = require('../chunk-3WSQRFUY.cjs');
 var chunkGHV2TURY_cjs = require('../chunk-GHV2TURY.cjs');
-var chunkQ2IKZZ3U_cjs = require('../chunk-Q2IKZZ3U.cjs');
 var chunkOIWEXHFE_cjs = require('../chunk-OIWEXHFE.cjs');
 var chunkGR37JJQK_cjs = require('../chunk-GR37JJQK.cjs');
 var chunkK4TRAPRN_cjs = require('../chunk-K4TRAPRN.cjs');
-var chunk3DSBDIFJ_cjs = require('../chunk-3DSBDIFJ.cjs');
+var chunkFPFRA5Q6_cjs = require('../chunk-FPFRA5Q6.cjs');
 var chunkPH4LO5TE_cjs = require('../chunk-PH4LO5TE.cjs');
-var chunkP4J2TTH7_cjs = require('../chunk-P4J2TTH7.cjs');
 var chunkYWG7TML6_cjs = require('../chunk-YWG7TML6.cjs');
-var chunkFVSO3RHT_cjs = require('../chunk-FVSO3RHT.cjs');
+var chunkP4J2TTH7_cjs = require('../chunk-P4J2TTH7.cjs');
 var chunkZZ3EBGSD_cjs = require('../chunk-ZZ3EBGSD.cjs');
+var chunkFVSO3RHT_cjs = require('../chunk-FVSO3RHT.cjs');
 require('../chunk-EW6TE3N5.cjs');
 require('../chunk-7EYMOUWG.cjs');
 require('../chunk-UKWZ5BHD.cjs');
-var chunkTMXVL5CV_cjs = require('../chunk-TMXVL5CV.cjs');
 var chunk4NO6IM75_cjs = require('../chunk-4NO6IM75.cjs');
 var chunkNHFHKMX2_cjs = require('../chunk-NHFHKMX2.cjs');
+var chunkTMXVL5CV_cjs = require('../chunk-TMXVL5CV.cjs');
 require('../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.Form; }
+  get: function () { return chunkD3MOZUNH_cjs.Form; }
 });
 Object.defineProperty(exports, "FormControl", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormControl; }
+  get: function () { return chunkD3MOZUNH_cjs.FormControl; }
 });
 Object.defineProperty(exports, "FormDescription", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormDescription; }
+  get: function () { return chunkD3MOZUNH_cjs.FormDescription; }
 });
 Object.defineProperty(exports, "FormField", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormField; }
+  get: function () { return chunkD3MOZUNH_cjs.FormField; }
 });
 Object.defineProperty(exports, "FormItem", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormItem; }
+  get: function () { return chunkD3MOZUNH_cjs.FormItem; }
 });
 Object.defineProperty(exports, "FormLabel", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormLabel; }
+  get: function () { return chunkD3MOZUNH_cjs.FormLabel; }
 });
 Object.defineProperty(exports, "FormMessage", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.FormMessage; }
+  get: function () { return chunkD3MOZUNH_cjs.FormMessage; }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.Stepper; }
+  get: function () { return chunkD3MOZUNH_cjs.Stepper; }
 });
 Object.defineProperty(exports, "StepperActivationMode", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperActivationMode; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperActivationMode; }
 });
 Object.defineProperty(exports, "StepperContent", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperContent; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperContent; }
 });
 Object.defineProperty(exports, "StepperDataState", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperDataState; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperDataState; }
 });
 Object.defineProperty(exports, "StepperDescription", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperDescription; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperDescription; }
 });
 Object.defineProperty(exports, "StepperFocusIntent", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperFocusIntent; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperFocusIntent; }
 });
 Object.defineProperty(exports, "StepperIndicator", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperIndicator; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperIndicator; }
 });
 Object.defineProperty(exports, "StepperItem", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperItem; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperItem; }
 });
 Object.defineProperty(exports, "StepperNav", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperNav; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperNav; }
 });
 Object.defineProperty(exports, "StepperNavigationDirection", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperNavigationDirection; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperNavigationDirection; }
 });
 Object.defineProperty(exports, "StepperNextTrigger", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperNextTrigger; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperNextTrigger; }
 });
 Object.defineProperty(exports, "StepperOrientation", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperOrientation; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperOrientation; }
 });
 Object.defineProperty(exports, "StepperPanel", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperPanel; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperPanel; }
 });
 Object.defineProperty(exports, "StepperPrevTrigger", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperPrevTrigger; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperPrevTrigger; }
 });
 Object.defineProperty(exports, "StepperTitle", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperTitle; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperTitle; }
 });
 Object.defineProperty(exports, "StepperTrigger", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperTrigger; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperTrigger; }
 });
 Object.defineProperty(exports, "useStepperContext", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.useStepperContext; }
+  get: function () { return chunkD3MOZUNH_cjs.useStepperContext; }
 });
 Object.defineProperty(exports, "useStepperFocusContext", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.useStepperFocusContext; }
+  get: function () { return chunkD3MOZUNH_cjs.useStepperFocusContext; }
 });
 Object.defineProperty(exports, "useStepperItemContext", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.useStepperItemContext; }
+  get: function () { return chunkD3MOZUNH_cjs.useStepperItemContext; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
@@ -138,6 +139,50 @@ Object.defineProperty(exports, "SelectItem", {
   enumerable: true,
   get: function () { return chunkG6VXQ7DJ_cjs.SelectItem; }
 });
+Object.defineProperty(exports, "Item", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.Item; }
+});
+Object.defineProperty(exports, "ItemActions", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemActions; }
+});
+Object.defineProperty(exports, "ItemContent", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemContent; }
+});
+Object.defineProperty(exports, "ItemDescription", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemDescription; }
+});
+Object.defineProperty(exports, "ItemFooter", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemFooter; }
+});
+Object.defineProperty(exports, "ItemGroup", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemGroup; }
+});
+Object.defineProperty(exports, "ItemHeader", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemHeader; }
+});
+Object.defineProperty(exports, "ItemMedia", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemMedia; }
+});
+Object.defineProperty(exports, "ItemSeparator", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemSeparator; }
+});
+Object.defineProperty(exports, "ItemTitle", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemTitle; }
+});
+Object.defineProperty(exports, "Separator", {
+  enumerable: true,
+  get: function () { return chunkEIXSMEDP_cjs.Separator; }
+});
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
   get: function () { return chunk3WSQRFUY_cjs.Spinner; }
@@ -174,10 +219,6 @@ Object.defineProperty(exports, "SheetTrigger", {
   enumerable: true,
   get: function () { return chunkGHV2TURY_cjs.SheetTrigger; }
 });
-Object.defineProperty(exports, "Separator", {
-  enumerable: true,
-  get: function () { return chunkQ2IKZZ3U_cjs.Separator; }
-});
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function () { return chunkOIWEXHFE_cjs.Textarea; }
@@ -196,27 +237,27 @@ Object.defineProperty(exports, "Button", {
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.Card; }
+  get: function () { return chunkFPFRA5Q6_cjs.Card; }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardContent; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardContent; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardDescription; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardDescription; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardFooter; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardHeader; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardHeader; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunk3DSBDIFJ_cjs.CardTitle; }
+  get: function () { return chunkFPFRA5Q6_cjs.CardTitle; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
@@ -250,21 +291,37 @@ Object.defineProperty(exports, "DialogTrigger", {
   enumerable: true,
   get: function () { return chunkPH4LO5TE_cjs.DialogTrigger; }
 });
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function () { return chunkYWG7TML6_cjs.Header; }
+});
 Object.defineProperty(exports, "HelperText", {
   enumerable: true,
   get: function () { return chunkP4J2TTH7_cjs.HelperText; }
 });
-Object.defineProperty(exports, "Header", {
+Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkYWG7TML6_cjs.Header; }
+  get: function () { return chunkZZ3EBGSD_cjs.Input; }
 });
 Object.defineProperty(exports, "Label", {
   enumerable: true,
   get: function () { return chunkFVSO3RHT_cjs.Label; }
 });
-Object.defineProperty(exports, "Input", {
+Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunkZZ3EBGSD_cjs.Input; }
+  get: function () { return chunk4NO6IM75_cjs.Avatar; }
+});
+Object.defineProperty(exports, "AvatarFallback", {
+  enumerable: true,
+  get: function () { return chunk4NO6IM75_cjs.AvatarFallback; }
+});
+Object.defineProperty(exports, "AvatarImage", {
+  enumerable: true,
+  get: function () { return chunk4NO6IM75_cjs.AvatarImage; }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkNHFHKMX2_cjs.Badge; }
 });
 Object.defineProperty(exports, "AlertDialog", {
   enumerable: true,
@@ -302,19 +359,3 @@ Object.defineProperty(exports, "AlertDialogTrigger", {
   enumerable: true,
   get: function () { return chunkTMXVL5CV_cjs.AlertDialogTrigger; }
 });
-Object.defineProperty(exports, "Avatar", {
-  enumerable: true,
-  get: function () { return chunk4NO6IM75_cjs.Avatar; }
-});
-Object.defineProperty(exports, "AvatarFallback", {
-  enumerable: true,
-  get: function () { return chunk4NO6IM75_cjs.AvatarFallback; }
-});
-Object.defineProperty(exports, "AvatarImage", {
-  enumerable: true,
-  get: function () { return chunk4NO6IM75_cjs.AvatarImage; }
-});
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () { return chunkNHFHKMX2_cjs.Badge; }
-});

package/dist/components/index.d.cts

@@ -8,6 +8,7 @@ export { Form, FormControl, FormControlProps, FormDescription, FormDescriptionPr
 export { Header, HeaderProps } from './header/index.cjs';
 export { HelperText, HelperTextProps, HelperTextType } from './helper-text/index.cjs';
 export { Input, InputProps } from './input/index.cjs';
+export { Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemFooter, ItemFooterProps, ItemGroup, ItemGroupProps, ItemHeader, ItemHeaderProps, ItemMedia, ItemMediaProps, ItemMediaVariantType, ItemProps, ItemSeparator, ItemSeparatorProps, ItemSizeType, ItemTitle, ItemTitleProps, ItemVariantType } from './item/index.cjs';
 export { Label, LabelProps } from './label/index.cjs';
 export { Select, SelectItem, SelectItemProps, SelectProps } from './select/index.cjs';
 export { Separator, SeparatorProps } from './separator/index.cjs';

package/dist/components/index.d.ts

@@ -8,6 +8,7 @@ export { Form, FormControl, FormControlProps, FormDescription, FormDescriptionPr
 export { Header, HeaderProps } from './header/index.js';
 export { HelperText, HelperTextProps, HelperTextType } from './helper-text/index.js';
 export { Input, InputProps } from './input/index.js';
+export { Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemFooter, ItemFooterProps, ItemGroup, ItemGroupProps, ItemHeader, ItemHeaderProps, ItemMedia, ItemMediaProps, ItemMediaVariantType, ItemProps, ItemSeparator, ItemSeparatorProps, ItemSizeType, ItemTitle, ItemTitleProps, ItemVariantType } from './item/index.js';
 export { Label, LabelProps } from './label/index.js';
 export { Select, SelectItem, SelectItemProps, SelectProps } from './select/index.js';
 export { Separator, SeparatorProps } from './separator/index.js';

package/dist/components/index.js

@@ -1,23 +1,24 @@
 "use client";
 
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../chunk-5RNHEHRL.js';
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../chunk-XIPREW2R.js';
 export { Select, SelectItem } from '../chunk-MI3CQBHC.js';
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from '../chunk-I5P2HH5Z.js';
+export { Separator } from '../chunk-GEACYHTU.js';
 export { Spinner } from '../chunk-P5IUC7HJ.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../chunk-DTSFPOLX.js';
-export { Separator } from '../chunk-RXYZURP4.js';
 export { Textarea } from '../chunk-IAI7BIAG.js';
 export { Tooltip, TooltipProvider } from '../chunk-HJJPEVIH.js';
 export { Button } from '../chunk-YJFJLF7Y.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-V5OVQTDR.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-5BTQ6BQA.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-AGVEKVWD.js';
-export { HelperText } from '../chunk-5PBHBOXI.js';
 export { Header } from '../chunk-UW6GOD7J.js';
-export { Label } from '../chunk-VZKTT6CG.js';
+export { HelperText } from '../chunk-5PBHBOXI.js';
 export { Input } from '../chunk-36YD6ICC.js';
+export { Label } from '../chunk-VZKTT6CG.js';
 import '../chunk-H5O5L6XT.js';
 import '../chunk-DFD2WUOU.js';
 import '../chunk-XTO7CMIM.js';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '../chunk-5MJPZUTO.js';
 export { Avatar, AvatarFallback, AvatarImage } from '../chunk-EU7G37IS.js';
 export { Badge } from '../chunk-7V34QHYR.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '../chunk-5MJPZUTO.js';
 import '../chunk-ZD2QRAOX.js';

package/dist/components/item/index.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var chunkS5BN23O7_cjs = require('../../chunk-S5BN23O7.cjs');
+require('../../chunk-EIXSMEDP.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+
+
+
+Object.defineProperty(exports, "Item", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.Item; }
+});
+Object.defineProperty(exports, "ItemActions", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemActions; }
+});
+Object.defineProperty(exports, "ItemContent", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemContent; }
+});
+Object.defineProperty(exports, "ItemDescription", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemDescription; }
+});
+Object.defineProperty(exports, "ItemFooter", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemFooter; }
+});
+Object.defineProperty(exports, "ItemGroup", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemGroup; }
+});
+Object.defineProperty(exports, "ItemHeader", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemHeader; }
+});
+Object.defineProperty(exports, "ItemMedia", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemMedia; }
+});
+Object.defineProperty(exports, "ItemSeparator", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemSeparator; }
+});
+Object.defineProperty(exports, "ItemTitle", {
+  enumerable: true,
+  get: function () { return chunkS5BN23O7_cjs.ItemTitle; }
+});

package/dist/components/item/index.d.cts

@@ -0,0 +1,60 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Separator } from '../separator/index.cjs';
+import 'radix-ui';
+
+type ItemProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+    variant?: ItemVariantType;
+    size?: ItemSizeType;
+};
+declare function Item({ className, variant, size, asChild, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
+
+declare const itemCva: (props?: ({
+    variant?: "outlined" | "default" | null | undefined;
+    size?: "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ItemCvaProps = VariantProps<typeof itemCva>;
+type ItemVariantType = NonNullable<ItemCvaProps["variant"]>;
+type ItemSizeType = NonNullable<ItemCvaProps["size"]>;
+
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ItemMediaVariantsProps = VariantProps<typeof itemMediaVariants>;
+type ItemMediaVariantType = NonNullable<ItemMediaVariantsProps["variant"]>;
+
+type ItemMediaProps = React.ComponentProps<"div"> & {
+    variant?: ItemMediaVariantType;
+};
+declare function ItemMedia({ className, variant, ...props }: ItemMediaProps): react_jsx_runtime.JSX.Element;
+
+type ItemGroupProps = React.ComponentProps<"div">;
+declare function ItemGroup({ className, ...props }: ItemGroupProps): react_jsx_runtime.JSX.Element;
+
+type ItemActionsProps = React.ComponentProps<"div">;
+declare function ItemActions({ className, ...props }: ItemActionsProps): react_jsx_runtime.JSX.Element;
+
+type ItemContentProps = React.ComponentProps<"div">;
+declare function ItemContent({ className, ...props }: ItemContentProps): react_jsx_runtime.JSX.Element;
+
+type ItemDescriptionProps = React.ComponentProps<"p">;
+declare function ItemDescription({ className, ...props }: ItemDescriptionProps): react_jsx_runtime.JSX.Element;
+
+type ItemFooterProps = React.ComponentProps<"div">;
+declare function ItemFooter({ className, ...props }: ItemFooterProps): react_jsx_runtime.JSX.Element;
+
+type ItemHeaderProps = React.ComponentProps<"div">;
+declare function ItemHeader({ className, ...props }: ItemHeaderProps): react_jsx_runtime.JSX.Element;
+
+type ItemTitleProps = React.ComponentProps<"div">;
+declare function ItemTitle({ className, ...props }: ItemTitleProps): react_jsx_runtime.JSX.Element;
+
+type ItemSeparatorProps = React.ComponentProps<typeof Separator>;
+declare function ItemSeparator({ className, ...props }: ItemSeparatorProps): react_jsx_runtime.JSX.Element;
+
+export { Item, ItemActions, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, type ItemMediaVariantType, type ItemProps, ItemSeparator, type ItemSeparatorProps, type ItemSizeType, ItemTitle, type ItemTitleProps, type ItemVariantType };

package/dist/components/item/index.d.ts

@@ -0,0 +1,60 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Separator } from '../separator/index.js';
+import 'radix-ui';
+
+type ItemProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+    variant?: ItemVariantType;
+    size?: ItemSizeType;
+};
+declare function Item({ className, variant, size, asChild, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
+
+declare const itemCva: (props?: ({
+    variant?: "outlined" | "default" | null | undefined;
+    size?: "sm" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ItemCvaProps = VariantProps<typeof itemCva>;
+type ItemVariantType = NonNullable<ItemCvaProps["variant"]>;
+type ItemSizeType = NonNullable<ItemCvaProps["size"]>;
+
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ItemMediaVariantsProps = VariantProps<typeof itemMediaVariants>;
+type ItemMediaVariantType = NonNullable<ItemMediaVariantsProps["variant"]>;
+
+type ItemMediaProps = React.ComponentProps<"div"> & {
+    variant?: ItemMediaVariantType;
+};
+declare function ItemMedia({ className, variant, ...props }: ItemMediaProps): react_jsx_runtime.JSX.Element;
+
+type ItemGroupProps = React.ComponentProps<"div">;
+declare function ItemGroup({ className, ...props }: ItemGroupProps): react_jsx_runtime.JSX.Element;
+
+type ItemActionsProps = React.ComponentProps<"div">;
+declare function ItemActions({ className, ...props }: ItemActionsProps): react_jsx_runtime.JSX.Element;
+
+type ItemContentProps = React.ComponentProps<"div">;
+declare function ItemContent({ className, ...props }: ItemContentProps): react_jsx_runtime.JSX.Element;
+
+type ItemDescriptionProps = React.ComponentProps<"p">;
+declare function ItemDescription({ className, ...props }: ItemDescriptionProps): react_jsx_runtime.JSX.Element;
+
+type ItemFooterProps = React.ComponentProps<"div">;
+declare function ItemFooter({ className, ...props }: ItemFooterProps): react_jsx_runtime.JSX.Element;
+
+type ItemHeaderProps = React.ComponentProps<"div">;
+declare function ItemHeader({ className, ...props }: ItemHeaderProps): react_jsx_runtime.JSX.Element;
+
+type ItemTitleProps = React.ComponentProps<"div">;
+declare function ItemTitle({ className, ...props }: ItemTitleProps): react_jsx_runtime.JSX.Element;
+
+type ItemSeparatorProps = React.ComponentProps<typeof Separator>;
+declare function ItemSeparator({ className, ...props }: ItemSeparatorProps): react_jsx_runtime.JSX.Element;
+
+export { Item, ItemActions, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, type ItemMediaVariantType, type ItemProps, ItemSeparator, type ItemSeparatorProps, type ItemSizeType, ItemTitle, type ItemTitleProps, type ItemVariantType };

package/dist/components/item/index.js

@@ -0,0 +1,3 @@
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from '../../chunk-I5P2HH5Z.js';
+import '../../chunk-GEACYHTU.js';
+import '../../chunk-ZD2QRAOX.js';

package/dist/components/separator/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkQ2IKZZ3U_cjs = require('../../chunk-Q2IKZZ3U.cjs');
+var chunkEIXSMEDP_cjs = require('../../chunk-EIXSMEDP.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Separator", {
   enumerable: true,
-  get: function () { return chunkQ2IKZZ3U_cjs.Separator; }
+  get: function () { return chunkEIXSMEDP_cjs.Separator; }
 });

package/dist/components/separator/index.js

@@ -1,2 +1,2 @@
-export { Separator } from '../../chunk-RXYZURP4.js';
+export { Separator } from '../../chunk-GEACYHTU.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/stepper/index.cjs

@@ -1,102 +1,103 @@
 'use strict';
 
-var chunkAIXT3Q3I_cjs = require('../../chunk-AIXT3Q3I.cjs');
+var chunkD3MOZUNH_cjs = require('../../chunk-D3MOZUNH.cjs');
 require('../../chunk-G6VXQ7DJ.cjs');
+require('../../chunk-S5BN23O7.cjs');
+require('../../chunk-EIXSMEDP.cjs');
 require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-GHV2TURY.cjs');
-require('../../chunk-Q2IKZZ3U.cjs');
 require('../../chunk-OIWEXHFE.cjs');
 require('../../chunk-GR37JJQK.cjs');
 require('../../chunk-K4TRAPRN.cjs');
-require('../../chunk-3DSBDIFJ.cjs');
+require('../../chunk-FPFRA5Q6.cjs');
 require('../../chunk-PH4LO5TE.cjs');
-require('../../chunk-P4J2TTH7.cjs');
 require('../../chunk-YWG7TML6.cjs');
-require('../../chunk-FVSO3RHT.cjs');
+require('../../chunk-P4J2TTH7.cjs');
 require('../../chunk-ZZ3EBGSD.cjs');
+require('../../chunk-FVSO3RHT.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
 require('../../chunk-UKWZ5BHD.cjs');
-require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-4NO6IM75.cjs');
 require('../../chunk-NHFHKMX2.cjs');
+require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.Stepper; }
+  get: function () { return chunkD3MOZUNH_cjs.Stepper; }
 });
 Object.defineProperty(exports, "StepperActivationMode", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperActivationMode; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperActivationMode; }
 });
 Object.defineProperty(exports, "StepperContent", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperContent; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperContent; }
 });
 Object.defineProperty(exports, "StepperDataState", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperDataState; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperDataState; }
 });
 Object.defineProperty(exports, "StepperDescription", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperDescription; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperDescription; }
 });
 Object.defineProperty(exports, "StepperFocusIntent", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperFocusIntent; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperFocusIntent; }
 });
 Object.defineProperty(exports, "StepperIndicator", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperIndicator; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperIndicator; }
 });
 Object.defineProperty(exports, "StepperItem", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperItem; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperItem; }
 });
 Object.defineProperty(exports, "StepperNav", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperNav; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperNav; }
 });
 Object.defineProperty(exports, "StepperNavigationDirection", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperNavigationDirection; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperNavigationDirection; }
 });
 Object.defineProperty(exports, "StepperNextTrigger", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperNextTrigger; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperNextTrigger; }
 });
 Object.defineProperty(exports, "StepperOrientation", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperOrientation; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperOrientation; }
 });
 Object.defineProperty(exports, "StepperPanel", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperPanel; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperPanel; }
 });
 Object.defineProperty(exports, "StepperPrevTrigger", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperPrevTrigger; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperPrevTrigger; }
 });
 Object.defineProperty(exports, "StepperTitle", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperTitle; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperTitle; }
 });
 Object.defineProperty(exports, "StepperTrigger", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.StepperTrigger; }
+  get: function () { return chunkD3MOZUNH_cjs.StepperTrigger; }
 });
 Object.defineProperty(exports, "useStepperContext", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.useStepperContext; }
+  get: function () { return chunkD3MOZUNH_cjs.useStepperContext; }
 });
 Object.defineProperty(exports, "useStepperFocusContext", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.useStepperFocusContext; }
+  get: function () { return chunkD3MOZUNH_cjs.useStepperFocusContext; }
 });
 Object.defineProperty(exports, "useStepperItemContext", {
   enumerable: true,
-  get: function () { return chunkAIXT3Q3I_cjs.useStepperItemContext; }
+  get: function () { return chunkD3MOZUNH_cjs.useStepperItemContext; }
 });

package/dist/components/stepper/index.js

@@ -1,21 +1,22 @@
-export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-5RNHEHRL.js';
+export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-XIPREW2R.js';
 import '../../chunk-MI3CQBHC.js';
+import '../../chunk-I5P2HH5Z.js';
+import '../../chunk-GEACYHTU.js';
 import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-DTSFPOLX.js';
-import '../../chunk-RXYZURP4.js';
 import '../../chunk-IAI7BIAG.js';
 import '../../chunk-HJJPEVIH.js';
 import '../../chunk-YJFJLF7Y.js';
-import '../../chunk-V5OVQTDR.js';
+import '../../chunk-5BTQ6BQA.js';
 import '../../chunk-AGVEKVWD.js';
-import '../../chunk-5PBHBOXI.js';
 import '../../chunk-UW6GOD7J.js';
-import '../../chunk-VZKTT6CG.js';
+import '../../chunk-5PBHBOXI.js';
 import '../../chunk-36YD6ICC.js';
+import '../../chunk-VZKTT6CG.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
 import '../../chunk-XTO7CMIM.js';
-import '../../chunk-5MJPZUTO.js';
 import '../../chunk-EU7G37IS.js';
 import '../../chunk-7V34QHYR.js';
+import '../../chunk-5MJPZUTO.js';
 import '../../chunk-ZD2QRAOX.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",