@szum-tech/design-system 2.0.3 → 2.1.0

package/dist/chunk-VFRIU5CV.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function Header({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      className: "bg-foreground/95 supports-[backdrop-filter]:bg-foreground/60 sticky top-0 z-50 w-full border-b border-gray-400 backdrop-blur",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container flex h-16 items-center", children })
+    }
+  );
+}
+
+exports.Header = Header;

package/dist/chunk-VQMM75HD.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var radixUi = require('radix-ui');
+var tailwindMerge = require('tailwind-merge');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Sheet = radixUi.Dialog.Root;
+var SheetTrigger = radixUi.Dialog.Trigger;
+var SheetClose = radixUi.Dialog.Close;
+var sheetContentStyles = classVarianceAuthority.cva(
+  "bg-foreground data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col border-gray-400 p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b",
+        bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t",
+        left: "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+        right: "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+function SheetContent({ side = "right", className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.Dialog.Overlay,
+      {
+        className: "bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Content, { className: tailwindMerge.twMerge(sheetContentStyles({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-foreground data-[state=open]:bg-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] })
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Title, { className: tailwindMerge.twMerge("typography-heading-6", className), ...props });
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Description, { className: tailwindMerge.twMerge("typography-body-2 text-gray-200", className), ...props });
+}
+
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;

package/dist/chunk-WTVBTZ3P.js

@@ -0,0 +1,29 @@
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var helperTextCva = cva("", {
+  variants: {
+    type: {
+      description: "text-body-2 text-gray-200",
+      error: "text-caption text-error-500"
+    }
+  },
+  defaultVariants: {
+    type: "description"
+  }
+});
+function HelperText({ className, children, type = "description", role, ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: twMerge(helperTextCva({ type }), className),
+      role: type === "error" ? "alert" : role,
+      ...props,
+      children
+    }
+  );
+}
+
+export { HelperText };

package/dist/chunk-XGA2F5GG.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var inputCva = classVarianceAuthority.cva(
+  [
+    "bg-app-foreground font-poppins h-10 w-full appearance-none border py-2 outline-0 transition-colors duration-300 ease-in-out",
+    "placeholder:select-none placeholder:text-gray-200",
+    "invalid:border-error-500 focus:border-primary-400 active:border-primary-400",
+    "disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"
+  ],
+  {
+    variants: {
+      invalid: {
+        true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
+        false: ["border-gray-350 hover:border-primary-500 text-gray-100"]
+      },
+      withStartIcon: {
+        true: "pl-11",
+        false: "pl-3"
+      },
+      withEndIcon: {
+        true: "pr-11",
+        false: "pr-3"
+      }
+    },
+    defaultVariants: {
+      invalid: false,
+      withStartIcon: false,
+      withEndIcon: false
+    }
+  }
+);
+var inputIconContainerCva = classVarianceAuthority.cva(
+  ["pointer-events-none absolute inset-y-2 inline-flex w-10 place-content-center items-center text-center"],
+  {
+    variants: {
+      disabled: {
+        true: "text-gray-200"
+      },
+      site: {
+        right: "right-0 border-l border-l-gray-400 pr-1",
+        left: "left-0 border-r border-r-gray-400 pl-1"
+      }
+    },
+    defaultVariants: {
+      disabled: false
+    }
+  }
+);
+function Input({ invalid = false, startIcon, endIcon, disabled = false, className, ...props }) {
+  const inputStyles = inputCva({ withEndIcon: !!endIcon, withStartIcon: !!startIcon, invalid });
+  const inputIconStartContainer = inputIconContainerCva({ site: "left", disabled });
+  const inputIconEndContainer = inputIconContainerCva({ site: "right", disabled });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-body-2 relative text-gray-100", children: [
+    startIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: inputIconStartContainer, children: startIcon }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        "aria-invalid": invalid || void 0,
+        disabled,
+        className: chunkH2BWO3SI_cjs.cn(inputStyles, className),
+        ...props
+      }
+    ),
+    endIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: inputIconEndContainer, children: endIcon }) : null
+  ] });
+}
+
+exports.Input = Input;

package/dist/chunk-XPM62WMM.js

@@ -0,0 +1,23 @@
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("bg-app-foreground h-full rounded border border-gray-400", className), ...props });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col p-6", className), ...props });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx("h3", { className: twMerge("text-heading-5", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { className: twMerge("text-body-2 text-gray-200", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("p-6 pt-0", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex items-center p-6 pt-0", className), ...props });
+}
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/chunk-YHU2OW52.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+
+function Header({ children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: "bg-foreground/95 supports-[backdrop-filter]:bg-foreground/60 sticky top-0 z-50 w-full border-b border-gray-400 backdrop-blur",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "container flex h-16 items-center", children })
+    }
+  );
+}
+
+export { Header };

package/dist/chunk-YXTTED5V.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var tailwindMerge = require('tailwind-merge');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var helperTextCva = classVarianceAuthority.cva("", {
+  variants: {
+    type: {
+      description: "text-body-2 text-gray-200",
+      error: "text-caption text-error-500"
+    }
+  },
+  defaultVariants: {
+    type: "description"
+  }
+});
+function HelperText({ className, children, type = "description", role, ref, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      ref,
+      className: tailwindMerge.twMerge(helperTextCva({ type }), className),
+      role: type === "error" ? "alert" : role,
+      ...props,
+      children
+    }
+  );
+}
+
+exports.HelperText = HelperText;

package/dist/chunk-ZD2QRAOX.js

@@ -1,7 +1,6 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
-// src/utils/index.ts
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }

package/dist/components/alert-dialog/index.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+var chunkV4POHGAW_cjs = require('../../chunk-V4POHGAW.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+
+
+
+Object.defineProperty(exports, "AlertDialog", {
+  enumerable: true,
+  get: function () { return chunkV4POHGAW_cjs.AlertDialog; }
+});
+Object.defineProperty(exports, "AlertDialogAction", {
+  enumerable: true,
+  get: function () { return chunkV4POHGAW_cjs.AlertDialogAction; }
+});
+Object.defineProperty(exports, "AlertDialogCancel", {
+  enumerable: true,
+  get: function () { return chunkV4POHGAW_cjs.AlertDialogCancel; }
+});
+Object.defineProperty(exports, "AlertDialogContent", {
+  enumerable: true,
+  get: function () { return chunkV4POHGAW_cjs.AlertDialogContent; }
+});
+Object.defineProperty(exports, "AlertDialogDescription", {
+  enumerable: true,
+  get: function () { return chunkV4POHGAW_cjs.AlertDialogDescription; }
+});
+Object.defineProperty(exports, "AlertDialogFooter", {
+  enumerable: true,
+  get: function () { return chunkV4POHGAW_cjs.AlertDialogFooter; }
+});
+Object.defineProperty(exports, "AlertDialogHeader", {
+  enumerable: true,
+  get: function () { return chunkV4POHGAW_cjs.AlertDialogHeader; }
+});
+Object.defineProperty(exports, "AlertDialogTitle", {
+  enumerable: true,
+  get: function () { return chunkV4POHGAW_cjs.AlertDialogTitle; }
+});
+Object.defineProperty(exports, "AlertDialogTrigger", {
+  enumerable: true,
+  get: function () { return chunkV4POHGAW_cjs.AlertDialogTrigger; }
+});

package/dist/components/alert-dialog/index.d.cts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { AlertDialog as AlertDialog$1 } from 'radix-ui';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AlertDialogProps = AlertDialog$1.AlertDialogProps;
+declare const AlertDialog: React.FC<AlertDialog$1.AlertDialogProps>;
+
+type AlertDialogTriggerProps = AlertDialog$1.AlertDialogTriggerProps;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+
+type AlertDialogContentProps = React.ComponentProps<typeof AlertDialog$1.Content>;
+declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
+declare function AlertDialogTitle({ className, ref, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
+declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogActionProps = AlertDialog$1.AlertDialogActionProps;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
+
+type AlertDialogCancelProps = AlertDialog$1.AlertDialogCancelProps;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { AlertDialog as AlertDialog$1 } from 'radix-ui';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AlertDialogProps = AlertDialog$1.AlertDialogProps;
+declare const AlertDialog: React.FC<AlertDialog$1.AlertDialogProps>;
+
+type AlertDialogTriggerProps = AlertDialog$1.AlertDialogTriggerProps;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+
+type AlertDialogContentProps = React.ComponentProps<typeof AlertDialog$1.Content>;
+declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
+declare function AlertDialogTitle({ className, ref, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
+declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
+
+type AlertDialogActionProps = AlertDialog$1.AlertDialogActionProps;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
+
+type AlertDialogCancelProps = AlertDialog$1.AlertDialogCancelProps;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/components/alert-dialog/index.js

@@ -0,0 +1,2 @@
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '../../chunk-5EN2HNFU.js';
+import '../../chunk-ZD2QRAOX.js';

package/dist/components/avatar/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkKPB3CBHE_cjs = require('../../chunk-KPB3CBHE.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkKPB3CBHE_cjs.Avatar; }
+});
+Object.defineProperty(exports, "AvatarFallback", {
+  enumerable: true,
+  get: function () { return chunkKPB3CBHE_cjs.AvatarFallback; }
+});
+Object.defineProperty(exports, "AvatarImage", {
+  enumerable: true,
+  get: function () { return chunkKPB3CBHE_cjs.AvatarImage; }
+});

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

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Avatar as Avatar$1 } from 'radix-ui';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+
+type AvatarProps = Avatar$1.AvatarProps & React.RefAttributes<HTMLSpanElement> & {
+    /**
+     * Defines avatar size
+     */
+    size?: AvatarSizeType;
+};
+declare function Avatar({ className, size, ref, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+declare const avatarCva: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type AvatarCvaProps = VariantProps<typeof avatarCva>;
+type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
+
+type AvatarImageProps = React.ComponentProps<typeof Avatar$1.Image>;
+declare function AvatarImage({ className, ref, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
+
+type AvatarFallbackProps = React.ComponentProps<typeof Avatar$1.Fallback>;
+declare function AvatarFallback({ className, ref, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSizeType };

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

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Avatar as Avatar$1 } from 'radix-ui';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+
+type AvatarProps = Avatar$1.AvatarProps & React.RefAttributes<HTMLSpanElement> & {
+    /**
+     * Defines avatar size
+     */
+    size?: AvatarSizeType;
+};
+declare function Avatar({ className, size, ref, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+declare const avatarCva: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type AvatarCvaProps = VariantProps<typeof avatarCva>;
+type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
+
+type AvatarImageProps = React.ComponentProps<typeof Avatar$1.Image>;
+declare function AvatarImage({ className, ref, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
+
+type AvatarFallbackProps = React.ComponentProps<typeof Avatar$1.Fallback>;
+declare function AvatarFallback({ className, ref, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSizeType };

package/dist/components/avatar/index.js

@@ -0,0 +1,2 @@
+export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-HFHADY43.js';
+import '../../chunk-ZD2QRAOX.js';

package/dist/components/button/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunk5ENMEB5L_cjs = require('../../chunk-5ENMEB5L.cjs');
+require('../../chunk-TSN5DAKH.cjs');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunk5ENMEB5L_cjs.Button; }
+});

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

@@ -0,0 +1,64 @@
+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_dist_types from 'class-variance-authority/dist/types';
+
+type Props = {
+    /**
+     * Defines button full width
+     */
+    fullWidth?: boolean;
+    /**
+     * Defines button color
+     */
+    color?: ButtonColorType;
+    /**
+     * Defines button variant
+     */
+    variant?: ButtonVariantType;
+    /**
+     * Defines button size
+     */
+    size?: ButtonSizeType;
+    /**
+     * Defines button content
+     */
+    children?: React.ReactNode;
+    /**
+     * Disabled button
+     */
+    disabled?: boolean;
+    /**
+     * Defines left icon
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * Defines right icon
+     */
+    endIcon?: React.ReactElement;
+    /**
+     * Defines is button is in loading state
+     */
+    loading?: boolean;
+    /**
+     * Defines is position of loading icon
+     */
+    loadingPosition?: "start" | "end";
+    asChild?: boolean;
+};
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & Props;
+declare function Button({ asChild, variant, color, disabled, fullWidth, loadingPosition, ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const buttonCva: (props?: ({
+    fullWidth?: boolean | null | undefined;
+    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "text" | "outlined" | "contained" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type ButtonCvaProps = VariantProps<typeof buttonCva>;
+type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
+type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
+type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
+
+export { Button, type ButtonColorType, type ButtonProps, type ButtonSizeType, type ButtonVariantType };

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

@@ -0,0 +1,64 @@
+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_dist_types from 'class-variance-authority/dist/types';
+
+type Props = {
+    /**
+     * Defines button full width
+     */
+    fullWidth?: boolean;
+    /**
+     * Defines button color
+     */
+    color?: ButtonColorType;
+    /**
+     * Defines button variant
+     */
+    variant?: ButtonVariantType;
+    /**
+     * Defines button size
+     */
+    size?: ButtonSizeType;
+    /**
+     * Defines button content
+     */
+    children?: React.ReactNode;
+    /**
+     * Disabled button
+     */
+    disabled?: boolean;
+    /**
+     * Defines left icon
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * Defines right icon
+     */
+    endIcon?: React.ReactElement;
+    /**
+     * Defines is button is in loading state
+     */
+    loading?: boolean;
+    /**
+     * Defines is position of loading icon
+     */
+    loadingPosition?: "start" | "end";
+    asChild?: boolean;
+};
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & Props;
+declare function Button({ asChild, variant, color, disabled, fullWidth, loadingPosition, ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const buttonCva: (props?: ({
+    fullWidth?: boolean | null | undefined;
+    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "text" | "outlined" | "contained" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type ButtonCvaProps = VariantProps<typeof buttonCva>;
+type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
+type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
+type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
+
+export { Button, type ButtonColorType, type ButtonProps, type ButtonSizeType, type ButtonVariantType };

package/dist/components/button/index.js

@@ -0,0 +1,2 @@
+export { Button } from '../../chunk-C5YRMEKV.js';
+import '../../chunk-INJBKPIE.js';

package/dist/components/card/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunkLI7IHIOM_cjs = require('../../chunk-LI7IHIOM.cjs');
+
+
+
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunkLI7IHIOM_cjs.Card; }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () { return chunkLI7IHIOM_cjs.CardContent; }
+});
+Object.defineProperty(exports, "CardDescription", {
+  enumerable: true,
+  get: function () { return chunkLI7IHIOM_cjs.CardDescription; }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () { return chunkLI7IHIOM_cjs.CardFooter; }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () { return chunkLI7IHIOM_cjs.CardHeader; }
+});
+Object.defineProperty(exports, "CardTitle", {
+  enumerable: true,
+  get: function () { return chunkLI7IHIOM_cjs.CardTitle; }
+});