@szum-tech/design-system 2.0.4 → 2.1.1

package/dist/chunk-LND2W67K.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var radixUi = require('radix-ui');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/label/label.tsx
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Label.Root,
+    {
+      className: tailwindMerge.twMerge("text-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+      ...props
+    }
+  );
+}
+
+exports.Label = Label;

package/dist/chunk-N7DXGCBJ.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/textarea/Textarea.styles.tsx
+var textareaCva = classVarianceAuthority.cva(
+  [
+    "bg-app-primary font-poppins text-body-2 h-28 min-h-10 w-full appearance-none border px-3 py-2 outline-0 transition-colors duration-300 ease-in-out placeholder:select-none placeholder:text-gray-200",
+    "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 text-gray-100", "hover:border-primary-500"]
+      }
+    },
+    defaultVariants: {
+      invalid: false
+    }
+  }
+);
+function Textarea({ invalid = false, ...props }) {
+  const textareaStyles = textareaCva({ invalid });
+  return /* @__PURE__ */ jsxRuntime.jsx("textarea", { "aria-invalid": invalid || void 0, className: textareaStyles, ...props });
+}
+
+exports.Textarea = Textarea;

package/dist/chunk-PB3EGVTV.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+var chunkYXTTED5V_cjs = require('./chunk-YXTTED5V.cjs');
+var chunkLND2W67K_cjs = require('./chunk-LND2W67K.cjs');
+var reactHookForm = require('react-hook-form');
+var React2 = require('react');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+var Form = reactHookForm.FormProvider;
+var FormItemContext = React2__namespace.createContext({});
+var FormItem = React2__namespace.forwardRef(function({ className, ...props }, ref) {
+  const id = React2__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: tailwindMerge.twMerge("space-y-2", className), ...props }) });
+});
+FormItem.displayName = "FormItem";
+var FormFieldContext = React2__namespace.createContext({});
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React2__namespace.useContext(FormFieldContext);
+  const itemContext = React2__namespace.useContext(FormItemContext);
+  const { getFieldState, formState } = reactHookForm.useFormContext();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormLabel = React2__namespace.forwardRef(
+  ({ className, caption, ...props }, ref) => {
+    const { error, formItemId } = useFormField();
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-end justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkLND2W67K_cjs.Label,
+        {
+          ref,
+          className: tailwindMerge.twMerge(error ? "text-error-500" : null, className),
+          htmlFor: formItemId,
+          ...props
+        }
+      ),
+      caption ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "typography-caption text-gray-200", children: caption }) : null
+    ] });
+  }
+);
+FormLabel.displayName = "FormLabel";
+var FormControl = React2__namespace.forwardRef(function(props, ref) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  const newProps = { ...props, invalid: !!error };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSlot.Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...newProps
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormMessage = React2__namespace.forwardRef(function({ children, ...props }, ref) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYXTTED5V_cjs.HelperText, { ref, type: "error", id: formMessageId, ...props, children: body });
+});
+FormMessage.displayName = "FormMessage";
+var FormDescription = React2__namespace.forwardRef(function(props, ref) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYXTTED5V_cjs.HelperText, { ref, id: formDescriptionId, ...props });
+});
+FormDescription.displayName = "FormDescription";
+
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;

package/dist/chunk-QRSQCHBO.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var radixUi = require('radix-ui');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/select/select.tsx
+var selectCva = classVarianceAuthority.cva(
+  [
+    "bg-app-foreground text-body-2 inline-flex h-10 w-full appearance-none items-center justify-between gap-2 border px-3 py-2 text-gray-100 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"]
+      }
+    },
+    defaultVariants: {
+      invalid: false
+    }
+  }
+);
+function Select({ children, placeholder, invalid = false, ref, ...props }) {
+  const selectStyles = selectCva({ invalid });
+  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Select.Root, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Select.Trigger, { className: selectStyles, ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Value, { placeholder }),
+      /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Icon, { className: "-mr-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CaretSortIcon, { className: "size-5 text-gray-200" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.Select.Content,
+      {
+        sideOffset: 4,
+        className: "bg-app-foreground z-50 w-full overflow-hidden border border-gray-400 py-1",
+        children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Viewport, { children })
+      }
+    ) })
+  ] });
+}
+function SelectItem({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Select.Item,
+    {
+      className: "text-body-2 data-[state=checked]:bg-primary-300 flex w-full flex-row items-center justify-between px-3 py-2 text-gray-100 select-none data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-400 data-[highlighted]:outline-none",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemText, { className: "flex-1", children }),
+        /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, { className: "size-4" }) })
+      ]
+    }
+  );
+}
+
+exports.Select = Select;
+exports.SelectItem = SelectItem;

package/dist/chunk-RF5YR553.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Separator({ className, orientation = "horizontal", decorative = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Separator.Root,
+    {
+      decorative,
+      orientation,
+      "aria-orientation": orientation,
+      className: chunkH2BWO3SI_cjs.cn(
+        "shrink-0 bg-gray-400",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Separator = Separator;

package/dist/chunk-TD2KDWNP.js

@@ -0,0 +1,58 @@
+import { Dialog } from 'radix-ui';
+import { twMerge } from 'tailwind-merge';
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/sheet/sheet.tsx
+var Sheet = Dialog.Root;
+var SheetTrigger = Dialog.Trigger;
+var SheetClose = Dialog.Close;
+var sheetContentStyles = 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__ */ jsxs(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx(
+      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__ */ jsxs(Dialog.Content, { className: twMerge(sheetContentStyles({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsxs(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__ */ jsx(Cross1Icon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] })
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog.Title, { className: twMerge("typography-heading-6", className), ...props });
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog.Description, { className: twMerge("typography-body-2 text-gray-200", className), ...props });
+}
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/chunk-US32J7DK.js

@@ -0,0 +1,16 @@
+import { Label as Label$1 } from 'radix-ui';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/label/label.tsx
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Label$1.Root,
+    {
+      className: twMerge("text-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+      ...props
+    }
+  );
+}
+
+export { Label };

package/dist/chunk-UZBZFCWX.js

@@ -0,0 +1,29 @@
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/textarea/Textarea.styles.tsx
+var textareaCva = cva(
+  [
+    "bg-app-primary font-poppins text-body-2 h-28 min-h-10 w-full appearance-none border px-3 py-2 outline-0 transition-colors duration-300 ease-in-out placeholder:select-none placeholder:text-gray-200",
+    "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 text-gray-100", "hover:border-primary-500"]
+      }
+    },
+    defaultVariants: {
+      invalid: false
+    }
+  }
+);
+function Textarea({ invalid = false, ...props }) {
+  const textareaStyles = textareaCva({ invalid });
+  return /* @__PURE__ */ jsx("textarea", { "aria-invalid": invalid || void 0, className: textareaStyles, ...props });
+}
+
+export { Textarea };

package/dist/chunk-V4POHGAW.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+var tailwindMerge = require('tailwind-merge');
+
+var AlertDialog = radixUi.AlertDialog.Root;
+var AlertDialogTrigger = radixUi.AlertDialog.Trigger;
+function AlertDialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.AlertDialog.Overlay,
+    {
+      className: chunkH2BWO3SI_cjs.cn(
+        "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-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.AlertDialog.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.AlertDialog.Content,
+      {
+        className: chunkH2BWO3SI_cjs.cn(
+          "bg-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-1/2 left-1/2 z-50 flex w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-400 p-4 shadow-lg duration-200",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("mb-4 flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+}
+function AlertDialogTitle({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Title, { ref, className: chunkH2BWO3SI_cjs.cn("text-heading-6", className), ...props });
+}
+function AlertDialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Description, { className: chunkH2BWO3SI_cjs.cn("text-body-2 text-gray-200", className), ...props });
+}
+var AlertDialogAction = radixUi.AlertDialog.Action;
+var AlertDialogCancel = radixUi.AlertDialog.Cancel;
+
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;

package/dist/chunk-VFRIU5CV.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/header/header.tsx
+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,67 @@
+'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');
+
+// src/components/sheet/sheet.tsx
+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,30 @@
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/helper-text/helper-text.tsx
+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,24 @@
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/card/card.tsx
+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,15 @@
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/header/header.tsx
+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 };