@szum-tech/design-system 3.2.0 → 3.3.0

package/dist/{chunk-ZV4467OW.cjs → chunk-224ORC5K.cjs}

@@ -8,6 +8,8 @@ var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var React5 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var sonner = require('sonner');
 var classVarianceAuthority = require('class-variance-authority');
 
 function _interopNamespace(e) {
@@ -899,27 +901,50 @@ function StepperPrevTrigger({ asChild = false, disabled, onClick, ...props }) {
     }
   );
 }
+var Toaster = ({ theme = "system", ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      className: "group",
+      icons: {
+        success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsxRuntime.jsx(chunk3WSQRFUY_cjs.Spinner, {})
+      },
+      toastOptions: {
+        classNames: {
+          toast: "!bg-popover !text-popover-foreground !border !border-border !rounded",
+          description: "!text-muted-foreground"
+        }
+      },
+      theme,
+      ...props
+    }
+  );
+};
 var buttonVariants = classVarianceAuthority.cva(
   [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-all shrink-0 outline-none",
+    "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium outline-none transition-all",
     "disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
-    "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
-    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+    "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring",
     "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error"
   ],
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        error: "bg-error text-white hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        error: "bg-error hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-white",
+        outline: "bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded gap-1.5 px-3 has-[>svg]:px-2.5",
+        sm: "h-8 gap-1.5 rounded px-3 has-[>svg]:px-2.5",
         lg: "h-10 rounded px-6 has-[>svg]:px-4",
         icon: "size-9",
         "icon-sm": "size-8",
@@ -1012,6 +1037,10 @@ function ButtonContent({
   ] });
 }
 
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonner.toast; }
+});
 exports.Button = Button;
 exports.Stepper = Stepper;
 exports.StepperActivationMode = StepperActivationMode;
@@ -1029,6 +1058,7 @@ exports.StepperPanel = StepperPanel;
 exports.StepperPrevTrigger = StepperPrevTrigger;
 exports.StepperTitle = StepperTitle;
 exports.StepperTrigger = StepperTrigger;
+exports.Toaster = Toaster;
 exports.useStepperContext = useStepperContext;
 exports.useStepperFocusContext = useStepperFocusContext;
 exports.useStepperItemContext = useStepperItemContext;

package/dist/{chunk-3KMXFN6M.cjs → chunk-3DUJHGXE.cjs}

@@ -7,7 +7,7 @@ var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
 var itemVariants = classVarianceAuthority.cva(
-  "group/item flex items-center border border-transparent text-sm rounded transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  "group/item [a]:hover:bg-accent/50 [a]:transition-colors focus-visible:border-ring focus-visible:ring-ring/50 flex flex-wrap items-center rounded border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring",
   {
     variants: {
       variant: {
@@ -16,8 +16,8 @@ var itemVariants = classVarianceAuthority.cva(
         muted: "bg-muted/50"
       },
       size: {
-        default: "p-4 gap-4 ",
-        sm: "py-3 px-4 gap-2.5"
+        default: "gap-4 p-4 ",
+        sm: "gap-2.5 px-4 py-3"
       }
     },
     defaultVariants: {
@@ -40,13 +40,13 @@ function Item({ className, variant = "default", size = "default", asChild = fals
   );
 }
 var itemMediaVariants = classVarianceAuthority.cva(
-  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
   {
     variants: {
       variant: {
         default: "bg-transparent",
-        icon: "size-8 border border-border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+        icon: "border-border bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
       }
     },
     defaultVariants: {

package/dist/{chunk-DP7UEOTA.js → chunk-5FG5NOMF.js}

@@ -6,6 +6,9 @@ import { cn } from './chunk-ZD2QRAOX.js';
 import * as React5 from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
 import { cva } from 'class-variance-authority';
 
 // src/components/stepper/stepper.constants.ts
@@ -877,27 +880,50 @@ function StepperPrevTrigger({ asChild = false, disabled, onClick, ...props }) {
     }
   );
 }
+var Toaster = ({ theme = "system", ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      className: "group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx(Spinner, {})
+      },
+      toastOptions: {
+        classNames: {
+          toast: "!bg-popover !text-popover-foreground !border !border-border !rounded",
+          description: "!text-muted-foreground"
+        }
+      },
+      theme,
+      ...props
+    }
+  );
+};
 var buttonVariants = cva(
   [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-all shrink-0 outline-none",
+    "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium outline-none transition-all",
     "disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
-    "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
-    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+    "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring",
     "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error"
   ],
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        error: "bg-error text-white hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        error: "bg-error hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-white",
+        outline: "bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded gap-1.5 px-3 has-[>svg]:px-2.5",
+        sm: "h-8 gap-1.5 rounded px-3 has-[>svg]:px-2.5",
         lg: "h-10 rounded px-6 has-[>svg]:px-4",
         icon: "size-9",
         "icon-sm": "size-8",
@@ -990,4 +1016,4 @@ function ButtonContent({
   ] });
 }
 
-export { Button, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext };
+export { Button, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, Toaster, useStepperContext, useStepperFocusContext, useStepperItemContext };

package/dist/{chunk-2Y7LMI52.js → chunk-6U4URFAI.js}

@@ -1,21 +1,21 @@
-import { Separator } from './chunk-XJIUGEPN.js';
 import { Label } from './chunk-I3RSTJP6.js';
+import { Separator } from './chunk-XJIUGEPN.js';
 import { cn } from './chunk-ZD2QRAOX.js';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 
-var fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-error", {
+var fieldVariants = cva("group/field data-[invalid=true]:text-error flex w-full gap-3", {
   variants: {
     orientation: {
       vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
       horizontal: [
         "flex-row items-center",
         "[&>[data-slot=field-label]]:flex-auto",
-        "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
       ],
       responsive: [
-        "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+        "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
         "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
         "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
       ]

package/dist/{chunk-QUS6ZDMH.cjs → chunk-H3CLI4CJ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkUIOBJSKZ_cjs = require('./chunk-UIOBJSKZ.cjs');
 var chunkS3ANEJJ7_cjs = require('./chunk-S3ANEJJ7.cjs');
+var chunkUIOBJSKZ_cjs = require('./chunk-UIOBJSKZ.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -27,17 +27,17 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var fieldVariants = classVarianceAuthority.cva("group/field flex w-full gap-3 data-[invalid=true]:text-error", {
+var fieldVariants = classVarianceAuthority.cva("group/field data-[invalid=true]:text-error flex w-full gap-3", {
   variants: {
     orientation: {
       vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
       horizontal: [
         "flex-row items-center",
         "[&>[data-slot=field-label]]:flex-auto",
-        "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
       ],
       responsive: [
-        "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+        "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
         "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
         "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
       ]

package/dist/chunk-NT3AA6QQ.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+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 badgeVariants = classVarianceAuthority.cva(
+  "border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
+        error: "bg-error [a&]:hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-error-foreground border-transparent",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant = "default", asChild = false, ...props }) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { "data-slot": "badge", className: chunkH2BWO3SI_cjs.cn(badgeVariants({ variant }), className), ...props });
+}
+
+exports.Badge = Badge;

package/dist/chunk-PAHTQUQC.js

@@ -0,0 +1,27 @@
+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 badgeVariants = cva(
+  "border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
+        error: "bg-error [a&]:hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-error-foreground border-transparent",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant = "default", asChild = false, ...props }) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+export { Badge };

package/dist/{chunk-WJSS32MY.js → chunk-XV3AQ6NS.js}

@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var itemVariants = cva(
-  "group/item flex items-center border border-transparent text-sm rounded transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  "group/item [a]:hover:bg-accent/50 [a]:transition-colors focus-visible:border-ring focus-visible:ring-ring/50 flex flex-wrap items-center rounded border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring",
   {
     variants: {
       variant: {
@@ -14,8 +14,8 @@ var itemVariants = cva(
         muted: "bg-muted/50"
       },
       size: {
-        default: "p-4 gap-4 ",
-        sm: "py-3 px-4 gap-2.5"
+        default: "gap-4 p-4 ",
+        sm: "gap-2.5 px-4 py-3"
       }
     },
     defaultVariants: {
@@ -38,13 +38,13 @@ function Item({ className, variant = "default", size = "default", asChild = fals
   );
 }
 var itemMediaVariants = cva(
-  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
   {
     variants: {
       variant: {
         default: "bg-transparent",
-        icon: "size-8 border border-border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+        icon: "border-border bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
       }
     },
     defaultVariants: {

package/dist/components/badge/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNHFHKMX2_cjs = require('../../chunk-NHFHKMX2.cjs');
+var chunkNT3AA6QQ_cjs = require('../../chunk-NT3AA6QQ.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -8,5 +8,5 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkNHFHKMX2_cjs.Badge; }
+  get: function () { return chunkNT3AA6QQ_cjs.Badge; }
 });

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

@@ -3,30 +3,17 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "error" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
+type BadgeVariant = NonNullable<BadgeVariantsProps["variant"]>;
+
 type BadgeProps = React.ComponentProps<"span"> & {
-    /**
-     * Defines badge color
-     */
-    color?: BadgeColorType;
-    /**
-     * Defines badge variant
-     */
-    variant?: BadgeVariantType;
-    /**
-     * Defines badge content
-     */
-    children?: React.ReactNode;
+    variant?: BadgeVariant;
     asChild?: boolean;
 };
-declare function Badge({ asChild, color, variant, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-declare const badgeCva: (props?: ({
-    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
-    variant?: "contained" | "outlined" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type BadgeCvaProps = VariantProps<typeof badgeCva>;
-type BadgeColorType = NonNullable<BadgeCvaProps["color"]>;
-type BadgeVariantType = NonNullable<BadgeCvaProps["variant"]>;
+declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeColorType, type BadgeProps, type BadgeVariantType };
+export { Badge, type BadgeProps, type BadgeVariant };

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

@@ -3,30 +3,17 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "error" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
+type BadgeVariant = NonNullable<BadgeVariantsProps["variant"]>;
+
 type BadgeProps = React.ComponentProps<"span"> & {
-    /**
-     * Defines badge color
-     */
-    color?: BadgeColorType;
-    /**
-     * Defines badge variant
-     */
-    variant?: BadgeVariantType;
-    /**
-     * Defines badge content
-     */
-    children?: React.ReactNode;
+    variant?: BadgeVariant;
     asChild?: boolean;
 };
-declare function Badge({ asChild, color, variant, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-declare const badgeCva: (props?: ({
-    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
-    variant?: "contained" | "outlined" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type BadgeCvaProps = VariantProps<typeof badgeCva>;
-type BadgeColorType = NonNullable<BadgeCvaProps["color"]>;
-type BadgeVariantType = NonNullable<BadgeCvaProps["variant"]>;
+declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeColorType, type BadgeProps, type BadgeVariantType };
+export { Badge, type BadgeProps, type BadgeVariant };

package/dist/components/badge/index.js

@@ -1,3 +1,3 @@
-export { Badge } from '../../chunk-7V34QHYR.js';
+export { Badge } from '../../chunk-PAHTQUQC.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/button/index.cjs

@@ -1,25 +1,25 @@
 'use strict';
 
-var chunkZV4467OW_cjs = require('../../chunk-ZV4467OW.cjs');
-require('../../chunk-3KMXFN6M.cjs');
+var chunk224ORC5K_cjs = require('../../chunk-224ORC5K.cjs');
+require('../../chunk-GR37JJQK.cjs');
 require('../../chunk-Y6EVJSAH.cjs');
 require('../../chunk-GHV2TURY.cjs');
 require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-NU5UQPBX.cjs');
-require('../../chunk-GR37JJQK.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
 require('../../chunk-PH4LO5TE.cjs');
-require('../../chunk-QUS6ZDMH.cjs');
-require('../../chunk-UIOBJSKZ.cjs');
+require('../../chunk-H3CLI4CJ.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-YWG7TML6.cjs');
 require('../../chunk-5AA4IE2T.cjs');
-require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-3DUJHGXE.cjs');
+require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
-require('../../chunk-I7AV5IQO.cjs');
-require('../../chunk-NHFHKMX2.cjs');
 require('../../chunk-TMXVL5CV.cjs');
+require('../../chunk-I7AV5IQO.cjs');
+require('../../chunk-NT3AA6QQ.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -27,5 +27,5 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkZV4467OW_cjs.Button; }
+  get: function () { return chunk224ORC5K_cjs.Button; }
 });

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

@@ -45,7 +45,7 @@ type ButtonProps = React.ComponentProps<"button"> & {
 declare function Button({ asChild, variant, disabled, fullWidth, loadingPosition: loadingPositionProp, children, type, loading, size, endIcon, startIcon, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "error" | "default" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "error" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

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

@@ -45,7 +45,7 @@ type ButtonProps = React.ComponentProps<"button"> & {
 declare function Button({ asChild, variant, disabled, fullWidth, loadingPosition: loadingPositionProp, children, type, loading, size, endIcon, startIcon, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "error" | "default" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "error" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/button/index.js

@@ -1,22 +1,22 @@
-export { Button } from '../../chunk-DP7UEOTA.js';
-import '../../chunk-WJSS32MY.js';
+export { Button } from '../../chunk-5FG5NOMF.js';
+import '../../chunk-HJJPEVIH.js';
 import '../../chunk-U4AWAABZ.js';
 import '../../chunk-DTSFPOLX.js';
 import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-OQCNPNPS.js';
-import '../../chunk-HJJPEVIH.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
 import '../../chunk-AGVEKVWD.js';
-import '../../chunk-2Y7LMI52.js';
-import '../../chunk-XJIUGEPN.js';
+import '../../chunk-6U4URFAI.js';
+import '../../chunk-I3RSTJP6.js';
 import '../../chunk-UW6GOD7J.js';
 import '../../chunk-UGSNASZM.js';
-import '../../chunk-I3RSTJP6.js';
+import '../../chunk-XV3AQ6NS.js';
+import '../../chunk-XJIUGEPN.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
-import '../../chunk-NGVFYKAT.js';
-import '../../chunk-7V34QHYR.js';
 import '../../chunk-5MJPZUTO.js';
+import '../../chunk-NGVFYKAT.js';
+import '../../chunk-PAHTQUQC.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/field/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkQUS6ZDMH_cjs = require('../../chunk-QUS6ZDMH.cjs');
-require('../../chunk-UIOBJSKZ.cjs');
+var chunkH3CLI4CJ_cjs = require('../../chunk-H3CLI4CJ.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -10,41 +10,41 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.Field; }
+  get: function () { return chunkH3CLI4CJ_cjs.Field; }
 });
 Object.defineProperty(exports, "FieldContent", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.FieldContent; }
+  get: function () { return chunkH3CLI4CJ_cjs.FieldContent; }
 });
 Object.defineProperty(exports, "FieldDescription", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.FieldDescription; }
+  get: function () { return chunkH3CLI4CJ_cjs.FieldDescription; }
 });
 Object.defineProperty(exports, "FieldError", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.FieldError; }
+  get: function () { return chunkH3CLI4CJ_cjs.FieldError; }
 });
 Object.defineProperty(exports, "FieldGroup", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.FieldGroup; }
+  get: function () { return chunkH3CLI4CJ_cjs.FieldGroup; }
 });
 Object.defineProperty(exports, "FieldLabel", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.FieldLabel; }
+  get: function () { return chunkH3CLI4CJ_cjs.FieldLabel; }
 });
 Object.defineProperty(exports, "FieldLegend", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.FieldLegend; }
+  get: function () { return chunkH3CLI4CJ_cjs.FieldLegend; }
 });
 Object.defineProperty(exports, "FieldSeparator", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.FieldSeparator; }
+  get: function () { return chunkH3CLI4CJ_cjs.FieldSeparator; }
 });
 Object.defineProperty(exports, "FieldSet", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.FieldSet; }
+  get: function () { return chunkH3CLI4CJ_cjs.FieldSet; }
 });
 Object.defineProperty(exports, "FieldTitle", {
   enumerable: true,
-  get: function () { return chunkQUS6ZDMH_cjs.FieldTitle; }
+  get: function () { return chunkH3CLI4CJ_cjs.FieldTitle; }
 });

package/dist/components/field/index.js

@@ -1,5 +1,5 @@
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-2Y7LMI52.js';
-import '../../chunk-XJIUGEPN.js';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-6U4URFAI.js';
 import '../../chunk-I3RSTJP6.js';
+import '../../chunk-XJIUGEPN.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';