@nextui-org/theme 0.0.0-dev-v2-20230326012034

package/dist/index.js

@@ -0,0 +1,3747 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  absoluteFullClasses: () => absoluteFullClasses,
+  accordion: () => accordion,
+  accordionItem: () => accordionItem,
+  avatar: () => avatar,
+  avatarGroup: () => avatarGroup,
+  badge: () => badge,
+  baseStyles: () => baseStyles,
+  button: () => button,
+  buttonGroup: () => buttonGroup,
+  card: () => card,
+  checkbox: () => checkbox,
+  checkboxGroup: () => checkboxGroup,
+  chip: () => chip,
+  cn: () => cn,
+  code: () => code,
+  colorVariants: () => colorVariants,
+  colors: () => colors,
+  commonColors: () => commonColors,
+  drip: () => drip,
+  focusVisibleClasses: () => focusVisibleClasses,
+  link: () => link,
+  pagination: () => pagination,
+  radio: () => radio,
+  radioGroup: () => radioGroup,
+  ringClasses: () => ringClasses,
+  semanticColors: () => semanticColors,
+  snippet: () => snippet,
+  spinner: () => spinner,
+  toggle: () => toggle,
+  tooltip: () => tooltip,
+  translateCenterClasses: () => translateCenterClasses,
+  tv: () => import_tailwind_variants24.tv,
+  user: () => user
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/avatar.ts
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/styles.ts
+var baseStyles = {
+  color: "hsl(var(--nextui-foreground))",
+  backgroundColor: "hsl(var(--nextui-background))"
+};
+var focusVisibleClasses = [
+  "focus:outline-0",
+  "focus-visible:ring-2",
+  "focus-visible:ring-primary",
+  "focus-visible:ring-offset-2",
+  "focus-visible:transition-shadow",
+  "focus-visible:ring-offset-background",
+  "dark:focus-visible:ring-offset-background-dark"
+];
+var ringClasses = [
+  "outline-none",
+  "ring-2",
+  "!ring-primary",
+  "ring-offset-2",
+  "ring-offset-background",
+  "dark:ring-offset-background-dark"
+];
+var translateCenterClasses = [
+  "absolute",
+  "top-1/2",
+  "left-1/2",
+  "-translate-x-1/2",
+  "-translate-y-1/2"
+];
+var absoluteFullClasses = ["absolute", "inset-0"];
+
+// src/utils/variants.ts
+var solid = {
+  neutral: "bg-neutral text-neutral-contrastText",
+  primary: "bg-primary text-primary-contrastText",
+  secondary: "bg-secondary text-secondary-contrastText",
+  success: "bg-success text-success-contrastText",
+  warning: "bg-warning text-warning-contrastText",
+  danger: "bg-danger text-danger-contrastText",
+  foreground: "bg-foreground text-background"
+};
+var shadow = {
+  neutral: "shadow-lg shadow-neutral/50 bg-neutral text-neutral-contrastText",
+  primary: "shadow-lg shadow-primary/40 bg-primary text-primary-contrastText",
+  secondary: "shadow-lg shadow-secondary/40 bg-secondary text-secondary-contrastText",
+  success: "shadow-lg shadow-success/40 bg-success text-success-contrastText",
+  warning: "shadow-lg shadow-warning/40 bg-warning text-warning-contrastText",
+  danger: "shadow-lg shadow-danger/40 bg-danger text-danger-contrastText",
+  foreground: "shadow-lg shadow-foreground/40 bg-foreground text-background"
+};
+var bordered = {
+  neutral: "bg-transparent border-neutral text-foreground",
+  primary: "bg-transparent border-primary text-primary",
+  secondary: "bg-transparent border-secondary text-secondary",
+  success: "bg-transparent border-success text-success",
+  warning: "bg-transparent border-warning text-warning",
+  danger: "bg-transparent border-danger text-danger",
+  foreground: "bg-transparent border-foreground text-foreground"
+};
+var flat = {
+  neutral: "bg-neutral-100 text-neutral-contrastText",
+  primary: "bg-primary-50 text-primary",
+  secondary: "bg-secondary-100 text-secondary",
+  success: "bg-success-50 text-success",
+  warning: "bg-warning-50 text-warning",
+  danger: "bg-danger-50 text-danger",
+  foreground: "bg-foreground/10 text-foreground"
+};
+var faded = {
+  neutral: "border-neutral bg-neutral-100 text-neutral-contrastText",
+  primary: "border-neutral bg-neutral-100 text-primary",
+  secondary: "border-neutral bg-neutral-100 text-secondary",
+  success: "border-neutral bg-neutral-100 text-success",
+  warning: "border-neutral bg-neutral-100 text-warning",
+  danger: "border-neutral bg-neutral-100 text-danger",
+  foreground: "border-neutral bg-neutral-100 text-foreground"
+};
+var light = {
+  neutral: "bg-transparent text-neutral-contrastText",
+  primary: "bg-transparent text-primary",
+  secondary: "bg-transparent text-secondary",
+  success: "bg-transparent text-success",
+  warning: "bg-transparent text-warning",
+  danger: "bg-transparent text-danger",
+  foreground: "bg-transparent text-foreground"
+};
+var ghost = {
+  neutral: "border-neutral text-neutral-contrastText hover:!bg-neutral",
+  primary: "border-primary text-primary hover:!text-primary-contrastText hover:!bg-primary",
+  secondary: "border-secondary text-secondary hover:text-secondary-contrastText hover:!bg-secondary",
+  success: "border-success text-success hover:!text-success-contrastText hover:!bg-success",
+  warning: "border-warning text-warning hover:!text-warning-contrastText hover:!bg-warning",
+  danger: "border-danger text-danger hover:!text-danger-contrastText hover:!bg-danger",
+  foreground: "border-foreground text-foreground hover:!bg-foreground"
+};
+var colorVariants = {
+  solid,
+  shadow,
+  bordered,
+  flat,
+  faded,
+  light,
+  ghost
+};
+
+// src/components/avatar.ts
+var avatar = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: [
+      "flex",
+      "relative",
+      "justify-center",
+      "items-center",
+      "box-border",
+      "overflow-hidden",
+      "align-middle",
+      "text-white",
+      "z-10"
+    ],
+    img: [
+      "flex",
+      "object-cover",
+      "w-full",
+      "h-full",
+      "transition-opacity",
+      "!duration-500",
+      "opacity-0",
+      "data-[loaded=true]:opacity-100"
+    ],
+    fallback: [...translateCenterClasses, "flex", "items-center", "justify-center"],
+    name: [...translateCenterClasses, "font-semibold", "text-center", "text-inherit"],
+    icon: [
+      ...translateCenterClasses,
+      "flex",
+      "items-center",
+      "justify-center",
+      "text-inherit",
+      "w-full",
+      "h-full"
+    ]
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "w-7 h-7 text-[0.625rem]"
+      },
+      sm: {
+        base: "w-8 h-8 text-xs"
+      },
+      md: {
+        base: "w-10 h-10 text-xs"
+      },
+      lg: {
+        base: "w-12 h-12 text-sm"
+      },
+      xl: {
+        base: "w-16 h-16 text-md"
+      }
+    },
+    color: {
+      neutral: {
+        base: colorVariants.solid.neutral
+      },
+      primary: {
+        base: colorVariants.solid.primary
+      },
+      secondary: {
+        base: colorVariants.solid.secondary
+      },
+      success: {
+        base: colorVariants.solid.success
+      },
+      warning: {
+        base: colorVariants.solid.warning
+      },
+      danger: {
+        base: colorVariants.solid.danger
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      base: {
+        base: "rounded"
+      },
+      sm: {
+        base: "rounded-sm"
+      },
+      md: {
+        base: "rounded-md"
+      },
+      lg: {
+        base: "rounded-lg"
+      },
+      xl: {
+        base: "rounded-xl"
+      },
+      "2xl": {
+        base: "rounded-2xl"
+      },
+      "3xl": {
+        base: "rounded-3xl"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    },
+    isBordered: {
+      true: {
+        base: "ring-2 ring-offset-2 ring-offset-background dark:ring-offset-background-dark"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
+    isInGroup: {
+      true: {
+        base: "-ml-2 hover:-translate-x-3 transition-transform"
+      }
+    },
+    isInGridGroup: {
+      true: {
+        base: "m-0 hover:translate-x-0"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "neutral",
+    radius: "full"
+  },
+  compoundVariants: [
+    {
+      color: "neutral",
+      isBordered: true,
+      class: {
+        base: "ring-neutral"
+      }
+    },
+    {
+      color: "primary",
+      isBordered: true,
+      class: {
+        base: "ring-primary"
+      }
+    },
+    {
+      color: "secondary",
+      isBordered: true,
+      class: {
+        base: "ring-secondary"
+      }
+    },
+    {
+      color: "success",
+      isBordered: true,
+      class: {
+        base: "ring-success"
+      }
+    },
+    {
+      color: "warning",
+      isBordered: true,
+      class: {
+        base: "ring-warning"
+      }
+    },
+    {
+      color: "danger",
+      isBordered: true,
+      class: {
+        base: "ring-danger"
+      }
+    },
+    {
+      isBordered: true,
+      size: "xl",
+      class: {
+        base: "ring"
+      }
+    },
+    {
+      isInGroup: true,
+      isFocusVisible: true,
+      class: {
+        base: "-translate-x-3"
+      }
+    }
+  ]
+});
+
+// src/components/avatar-group.ts
+var import_tailwind_variants2 = require("tailwind-variants");
+var avatarGroup = (0, import_tailwind_variants2.tv)({
+  base: "flex items-center justify-center h-auto w-max-content",
+  variants: {
+    isGrid: {
+      true: "inline-grid grid-cols-4 gap-3"
+    }
+  }
+});
+
+// src/components/card.ts
+var import_tailwind_variants3 = require("tailwind-variants");
+var card = (0, import_tailwind_variants3.tv)({
+  slots: {
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "overflow-hidden",
+      "w-full",
+      "height-auto",
+      "outline-none",
+      "text-foreground",
+      "box-border",
+      "dark:bg-content1",
+      "border border-neutral-100"
+    ],
+    header: [
+      "flex",
+      "justify-start",
+      "items-center",
+      "shrink-0",
+      "w-full",
+      "overflow-inherit",
+      "color-inherit",
+      "p-3",
+      "z-10",
+      "subpixel-antialiased"
+    ],
+    body: [
+      "relative",
+      "flex",
+      "flex-auto",
+      "flex-col",
+      "place-content-inherit",
+      "align-items-inherit",
+      "w-full",
+      "h-auto",
+      "py-5",
+      "px-3",
+      "break-words",
+      "text-left",
+      "overflow-y-auto",
+      "subpixel-antialiased"
+    ],
+    footer: [
+      "w-full",
+      "h-auto",
+      "p-3",
+      "flex",
+      "items-center",
+      "overflow-hidden",
+      "color-inherit",
+      "subpixel-antialiased"
+    ]
+  },
+  variants: {
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none",
+        header: "rounded-t-none",
+        footer: "rounded-b-none"
+      },
+      base: {
+        base: "rounded",
+        header: "rounded-t",
+        footer: "rounded-b"
+      },
+      sm: {
+        base: "rounded-sm",
+        header: "rounded-t-sm",
+        footer: "rounded-b-sm"
+      },
+      md: {
+        base: "rounded-md",
+        header: "rounded-t-md",
+        footer: "rounded-b-md"
+      },
+      lg: {
+        base: "rounded-lg",
+        header: "rounded-t-lg",
+        footer: "rounded-b-lg"
+      },
+      xl: {
+        base: "rounded-xl",
+        header: "rounded-t-xl",
+        footer: "rounded-b-xl"
+      },
+      "2xl": {
+        base: "rounded-2xl",
+        header: "rounded-t-2xl",
+        footer: "rounded-b-2xl"
+      },
+      "3xl": {
+        base: "rounded-3xl",
+        header: "rounded-t-3xl",
+        footer: "rounded-b-3xl"
+      },
+      full: {
+        base: "rounded-full",
+        header: "rounded-t-full",
+        footer: "rounded-b-full"
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full"
+      }
+    },
+    isHoverable: {
+      true: {}
+    },
+    isPressable: {
+      true: { base: "cursor-pointer" }
+    },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
+    isFooterBlurred: {
+      true: {
+        footer: "backdrop-blur-xl backdrop-saturate-200"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: "",
+      false: { base: "transition-transform motion-reduce:transition-none" }
+    }
+  },
+  compoundVariants: [
+    {
+      isHoverable: true,
+      disableAnimation: false,
+      class: "hover:-translate-y-1.5"
+    },
+    {
+      isPressable: true,
+      disableAnimation: false,
+      class: "active:scale-95"
+    }
+  ],
+  defaultVariants: {
+    radius: "xl",
+    shadow: "lg",
+    fullWidth: false,
+    isHoverable: false,
+    isPressable: false,
+    isFocusVisible: false,
+    isDisabled: false,
+    disableAnimation: false,
+    isFooterBlurred: false
+  }
+});
+
+// src/components/link.ts
+var import_tailwind_variants4 = require("tailwind-variants");
+var link = (0, import_tailwind_variants4.tv)({
+  base: [...focusVisibleClasses, "relative inline-flex items-center [&_svg]:ml-1"],
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl"
+    },
+    color: {
+      foreground: "text-foreground",
+      primary: "text-primary",
+      secondary: "text-secondary",
+      success: "text-success",
+      warning: "text-warning",
+      danger: "text-danger"
+    },
+    isUnderline: {
+      true: "hover:underline active:underline focus:underline underline-offset-4",
+      false: "no-underline"
+    },
+    isBlock: {
+      true: "px-2 py-1 hover:after:opacity-100 after:content-[' '] after:inset-0 after:opacity-0 after:w-full after:h-full after:rounded-xl after:transition-background after:absolute",
+      false: "hover:opacity-80 transition-opacity"
+    },
+    isDisabled: {
+      true: "opacity-50 cursor-default pointer-events-none"
+    },
+    disableAnimation: {
+      true: "after:transition-none transition-none"
+    }
+  },
+  compoundVariants: [
+    {
+      isBlock: true,
+      color: "foreground",
+      class: "hover:after:bg-foreground/20"
+    },
+    {
+      isBlock: true,
+      color: "primary",
+      class: "hover:after:bg-primary/20"
+    },
+    {
+      isBlock: true,
+      color: "secondary",
+      class: "hover:after:bg-secondary/20"
+    },
+    {
+      isBlock: true,
+      color: "success",
+      class: "hover:after:bg-success/20"
+    },
+    {
+      isBlock: true,
+      color: "warning",
+      class: "hover:after:bg-warning/20"
+    },
+    {
+      isBlock: true,
+      color: "danger",
+      class: "hover:after:bg-danger/20"
+    }
+  ],
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isBlock: false,
+    isUnderline: false,
+    isDisabled: false,
+    disableAnimation: false
+  }
+});
+
+// src/components/user.ts
+var import_tailwind_variants5 = require("tailwind-variants");
+var user = (0, import_tailwind_variants5.tv)({
+  slots: {
+    base: "inline-flex items-center justify-center gap-2",
+    wrapper: "inline-flex flex-col items-start",
+    name: "text-sm text-foreground dark:text-foreground-dark",
+    description: "text-xs text-neutral-500"
+  },
+  variants: {
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses, "rounded-sm"]
+      }
+    }
+  }
+});
+
+// src/components/button.ts
+var import_tailwind_variants6 = require("tailwind-variants");
+var button = (0, import_tailwind_variants6.tv)({
+  base: [
+    "z-0",
+    "relative",
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "box-border",
+    "appearance-none",
+    "outline-none",
+    "select-none",
+    "font-medium",
+    "subpixel-antialiased",
+    "active:scale-95",
+    "overflow-hidden",
+    "gap-3"
+  ],
+  variants: {
+    variant: {
+      solid: "",
+      bordered: "border-2 !bg-transparent",
+      light: "!bg-transparent",
+      flat: "",
+      faded: "border-1.5",
+      shadow: "",
+      ghost: "border-2 !bg-transparent"
+    },
+    size: {
+      xs: "px-2 h-6 text-xs",
+      sm: "px-3 h-8 text-sm",
+      md: "px-4 h-10 text-base",
+      lg: "px-6 h-12 text-md",
+      xl: "px-8 h-14 text-lg"
+    },
+    color: {
+      neutral: colorVariants.solid.neutral,
+      primary: colorVariants.solid.primary,
+      secondary: colorVariants.solid.secondary,
+      success: colorVariants.solid.success,
+      warning: colorVariants.solid.warning,
+      danger: colorVariants.solid.danger
+    },
+    radius: {
+      none: "rounded-none",
+      base: "rounded",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      "2xl": "rounded-2xl",
+      "3xl": "rounded-3xl",
+      full: "rounded-full"
+    },
+    fullWidth: {
+      true: "w-full"
+    },
+    isDisabled: {
+      true: "opacity-50 pointer-events-none"
+    },
+    isFocusVisible: {
+      true: [...ringClasses]
+    },
+    isInGroup: {
+      true: "[&:not(:first-child):not(:last-child)]:rounded-none"
+    },
+    disableAnimation: {
+      true: "!transition-none",
+      false: "transition-transform-background"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid",
+    color: "neutral",
+    radius: "xl",
+    fullWidth: false,
+    isDisabled: false,
+    isInGroup: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      variant: "shadow",
+      color: "neutral",
+      class: colorVariants.shadow.neutral
+    },
+    {
+      variant: "shadow",
+      color: "primary",
+      class: colorVariants.shadow.primary
+    },
+    {
+      variant: "shadow",
+      color: "secondary",
+      class: colorVariants.shadow.secondary
+    },
+    {
+      variant: "shadow",
+      color: "success",
+      class: colorVariants.shadow.success
+    },
+    {
+      variant: "shadow",
+      color: "warning",
+      class: colorVariants.shadow.warning
+    },
+    {
+      variant: "shadow",
+      color: "danger",
+      class: colorVariants.shadow.danger
+    },
+    {
+      variant: "bordered",
+      color: "neutral",
+      class: colorVariants.bordered.neutral
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: colorVariants.bordered.primary
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: colorVariants.bordered.secondary
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: colorVariants.bordered.success
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: colorVariants.bordered.warning
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: colorVariants.bordered.danger
+    },
+    {
+      variant: "flat",
+      color: "neutral",
+      class: colorVariants.flat.neutral
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: colorVariants.flat.primary
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: colorVariants.flat.secondary
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: colorVariants.flat.success
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: colorVariants.flat.warning
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: colorVariants.flat.danger
+    },
+    {
+      variant: "faded",
+      color: "neutral",
+      class: colorVariants.faded.neutral
+    },
+    {
+      variant: "faded",
+      color: "primary",
+      class: colorVariants.faded.primary
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: colorVariants.faded.secondary
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: colorVariants.faded.success
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: colorVariants.faded.warning
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: colorVariants.faded.danger
+    },
+    {
+      variant: "light",
+      color: "neutral",
+      class: [colorVariants.light.neutral, "hover:!bg-neutral-100"]
+    },
+    {
+      variant: "light",
+      color: "primary",
+      class: [colorVariants.light.primary, "hover:!bg-primary-50"]
+    },
+    {
+      variant: "light",
+      color: "secondary",
+      class: [colorVariants.light.secondary, "hover:!bg-secondary-100"]
+    },
+    {
+      variant: "light",
+      color: "success",
+      class: [colorVariants.light.success, "hover:!bg-success-50"]
+    },
+    {
+      variant: "light",
+      color: "warning",
+      class: [colorVariants.light.warning, "hover:!bg-warning-50"]
+    },
+    {
+      variant: "light",
+      color: "danger",
+      class: [colorVariants.light.danger, "hover:!bg-danger-50"]
+    },
+    {
+      variant: "ghost",
+      color: "neutral",
+      class: colorVariants.ghost.neutral
+    },
+    {
+      variant: "ghost",
+      color: "primary",
+      class: colorVariants.ghost.primary
+    },
+    {
+      variant: "ghost",
+      color: "secondary",
+      class: colorVariants.ghost.secondary
+    },
+    {
+      variant: "ghost",
+      color: "success",
+      class: colorVariants.ghost.success
+    },
+    {
+      variant: "ghost",
+      color: "warning",
+      class: colorVariants.ghost.warning
+    },
+    {
+      variant: "ghost",
+      color: "danger",
+      class: colorVariants.ghost.danger
+    },
+    {
+      variant: "ghost",
+      disableAnimation: false,
+      class: "transition-[transform,background]"
+    },
+    {
+      isInGroup: true,
+      radius: "base",
+      class: "rounded-none  first:rounded-l last:rounded-r"
+    },
+    {
+      isInGroup: true,
+      radius: "sm",
+      class: "rounded-none  first:rounded-l-sm last:rounded-r-sm"
+    },
+    {
+      isInGroup: true,
+      radius: "md",
+      class: "rounded-none  first:rounded-l-md last:rounded-r-md"
+    },
+    {
+      isInGroup: true,
+      radius: "lg",
+      class: "rounded-none  first:rounded-l-lg last:rounded-r-lg"
+    },
+    {
+      isInGroup: true,
+      radius: "xl",
+      class: "rounded-none  first:rounded-l-xl last:rounded-r-xl"
+    },
+    {
+      isInGroup: true,
+      radius: "2xl",
+      class: "rounded-none  first:rounded-l-2xl last:rounded-r-2xl"
+    },
+    {
+      isInGroup: true,
+      radius: "3xl",
+      class: "rounded-none  first:rounded-l-3xl last:rounded-r-3xl"
+    },
+    {
+      isInGroup: true,
+      radius: "full",
+      class: "rounded-none  first:rounded-l-full last:rounded-r-full"
+    },
+    {
+      isInGroup: true,
+      variant: "bordered",
+      class: "[&:not(:first-child)]:border-l-0"
+    }
+  ]
+});
+
+// src/components/button-group.ts
+var import_tailwind_variants7 = require("tailwind-variants");
+var buttonGroup = (0, import_tailwind_variants7.tv)({
+  base: "inline-flex items-center justify-center h-auto w-max-content",
+  variants: {
+    fullWidth: {
+      true: "w-full"
+    }
+  },
+  defaultVariants: {
+    fullWidth: false
+  }
+});
+
+// src/components/drip.ts
+var import_tailwind_variants8 = require("tailwind-variants");
+var drip = (0, import_tailwind_variants8.tv)({
+  base: ["absolute", "will-change-transform", "bg-current", "rounded-full", "animate-drip-expand"]
+});
+
+// src/components/spinner.ts
+var import_tailwind_variants9 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants9.tv)({
+  slots: {
+    base: "flex flex-col items-center justify-center relative",
+    circle1: [
+      "absolute",
+      "w-full",
+      "h-full",
+      "rounded-full",
+      "animate-spinner-ease-spin",
+      "border-2",
+      "border-solid",
+      "border-t-transparent",
+      "border-l-transparent",
+      "border-r-transparent"
+    ],
+    circle2: [
+      "absolute",
+      "w-full",
+      "h-full",
+      "rounded-full",
+      "opacity-75",
+      "animate-spinner-linear-spin",
+      "border-2",
+      "border-dotted",
+      "border-t-transparent",
+      "border-l-transparent",
+      "border-r-transparent"
+    ],
+    label: "text-foreground dark:text-foreground-dark font-regular"
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "w-4 h-4",
+        circle1: "border-2",
+        circle2: "border-2",
+        label: "translate-y-6 text-xs"
+      },
+      sm: {
+        base: "w-5 h-5",
+        circle1: "border-2",
+        circle2: "border-2",
+        label: "translate-y-6 text-xs"
+      },
+      md: {
+        base: "w-8 h-8",
+        circle1: "border-3",
+        circle2: "border-3",
+        label: "translate-y-8 text-sm"
+      },
+      lg: {
+        base: "w-10 h-10",
+        circle1: "border-3",
+        circle2: "border-3",
+        label: "translate-y-10 text-base"
+      },
+      xl: {
+        base: "w-12 h-12",
+        circle1: "border-4",
+        circle2: "border-4",
+        label: "translate-y-12 text-lg"
+      }
+    },
+    color: {
+      white: {
+        circle1: "border-b-white",
+        circle2: "border-b-white"
+      },
+      neutral: {
+        circle1: "border-b-neutral",
+        circle2: "border-b-neutral"
+      },
+      primary: {
+        circle1: "border-b-primary",
+        circle2: "border-b-primary"
+      },
+      secondary: {
+        circle1: "border-b-secondary",
+        circle2: "border-b-secondary"
+      },
+      success: {
+        circle1: "border-b-success",
+        circle2: "border-b-success"
+      },
+      warning: {
+        circle1: "border-b-warning",
+        circle2: "border-b-warning"
+      },
+      danger: {
+        circle1: "border-b-danger",
+        circle2: "border-b-danger"
+      }
+    },
+    labelColor: {
+      neutral: {
+        label: "text-neutral"
+      },
+      primary: {
+        label: "text-primary"
+      },
+      secondary: {
+        label: "text-secondary"
+      },
+      success: {
+        label: "text-success"
+      },
+      warning: {
+        label: "text-warning"
+      },
+      danger: {
+        label: "text-danger"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+
+// src/components/code.ts
+var import_tailwind_variants10 = require("tailwind-variants");
+var code = (0, import_tailwind_variants10.tv)({
+  base: ["px-2", "py-1", "font-mono", "whitespace-pre-wrap"],
+  variants: {
+    color: {
+      neutral: colorVariants.flat.neutral,
+      primary: colorVariants.flat.primary,
+      secondary: colorVariants.flat.secondary,
+      success: colorVariants.flat.success,
+      warning: colorVariants.flat.warning,
+      danger: colorVariants.flat.danger
+    },
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl"
+    },
+    radius: {
+      none: "rounded-none",
+      base: "rounded-base",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      full: "rounded-full"
+    }
+  },
+  defaultVariants: {
+    color: "neutral",
+    size: "sm",
+    radius: "lg"
+  }
+});
+
+// src/components/tooltip.ts
+var import_tailwind_variants11 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants11.tv)({
+  slots: {
+    base: [
+      "z-10",
+      "inline-flex",
+      "flex-col",
+      "items-center",
+      "justify-center",
+      "box-border",
+      "subpixel-antialiased",
+      "px-4",
+      "py-1",
+      "text-base"
+    ],
+    arrow: [
+      "-z-10",
+      "absolute",
+      "rotate-45",
+      "bg-inherit",
+      "w-2.5",
+      "h-2.5",
+      "rounded-sm",
+      "data-[placement=top]:-bottom-1",
+      "data-[placement=top]:-translate-x-1/2",
+      "data-[placement=top-start]:-bottom-1",
+      "data-[placement=top-start]:-translate-x-8",
+      "data-[placement=top-end]:-bottom-1",
+      "data-[placement=top-end]:translate-x-6",
+      "data-[placement=bottom]:-top-1",
+      "data-[placement=bottom]:-translate-x-1/2",
+      "data-[placement=bottom-start]:-top-1",
+      "data-[placement=bottom-start]:-translate-x-8",
+      "data-[placement=bottom-end]:-top-1",
+      "data-[placement=bottom-end]:translate-x-6",
+      "data-[placement=left]:-right-1",
+      "data-[placement=left]:-translate-y-1/2",
+      "data-[placement=left-start]:-right-1",
+      "data-[placement=left-start]:-translate-y-3",
+      "data-[placement=left-end]:-right-1",
+      "data-[placement=left-end]:translate-y-0.5",
+      "data-[placement=right]:-left-1",
+      "data-[placement=right]:-translate-y-1/2",
+      "data-[placement=right-start]:-left-1",
+      "data-[placement=right-start]:-translate-y-3",
+      "data-[placement=right-end]:-left-1",
+      "data-[placement=right-end]:translate-y-0.5"
+    ]
+  },
+  variants: {
+    variant: {
+      solid: { base: "" },
+      bordered: {
+        base: "border-2 !bg-background",
+        arrow: "border-2 border-inherit !bg-background"
+      },
+      light: { base: "!bg-transparent", arrow: "hidden" },
+      faded: { base: "border-1.5", arrow: "border-1.5 border-inherit" },
+      flat: { base: "" },
+      shadow: { base: "" }
+    },
+    color: {
+      neutral: { base: colorVariants.solid.neutral },
+      foreground: { base: colorVariants.solid.foreground },
+      primary: { base: colorVariants.solid.primary },
+      secondary: { base: colorVariants.solid.secondary },
+      success: { base: colorVariants.solid.success },
+      warning: { base: colorVariants.solid.warning },
+      danger: { base: colorVariants.solid.danger }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      base: { base: "rounded" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      full: { base: "rounded-full" }
+    },
+    disableAnimation: {
+      true: { base: "animate-none" }
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "neutral",
+    radius: "lg"
+  },
+  compoundVariants: [
+    {
+      variant: "shadow",
+      color: "neutral",
+      class: {
+        base: colorVariants.shadow.neutral
+      }
+    },
+    {
+      variant: "shadow",
+      color: "foreground",
+      class: { base: colorVariants.shadow.foreground }
+    },
+    {
+      variant: "shadow",
+      color: "primary",
+      class: { base: colorVariants.shadow.primary }
+    },
+    {
+      variant: "shadow",
+      color: "secondary",
+      class: { base: colorVariants.shadow.secondary }
+    },
+    {
+      variant: "shadow",
+      color: "success",
+      class: { base: colorVariants.shadow.success }
+    },
+    {
+      variant: "shadow",
+      color: "warning",
+      class: { base: colorVariants.shadow.warning }
+    },
+    {
+      variant: "shadow",
+      color: "danger",
+      class: { base: colorVariants.shadow.danger }
+    },
+    {
+      variant: "bordered",
+      color: "neutral",
+      class: { base: colorVariants.bordered.neutral }
+    },
+    {
+      variant: "bordered",
+      color: "foreground",
+      class: { base: colorVariants.bordered.foreground }
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: { base: colorVariants.bordered.primary }
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: { base: colorVariants.bordered.secondary }
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: { base: colorVariants.bordered.success }
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: { base: colorVariants.bordered.warning }
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: { base: colorVariants.bordered.danger }
+    },
+    {
+      variant: "flat",
+      color: "neutral",
+      class: { base: colorVariants.flat.neutral }
+    },
+    {
+      variant: "flat",
+      color: "foreground",
+      class: { base: colorVariants.flat.foreground }
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: { base: colorVariants.flat.primary }
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: { base: colorVariants.flat.secondary }
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: { base: colorVariants.flat.success }
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: { base: colorVariants.flat.warning }
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: { base: colorVariants.flat.danger }
+    },
+    {
+      variant: "faded",
+      color: "neutral",
+      class: { base: colorVariants.faded.neutral }
+    },
+    {
+      variant: "faded",
+      color: "foreground",
+      class: { base: colorVariants.faded.foreground }
+    },
+    {
+      variant: "faded",
+      color: "primary",
+      class: { base: colorVariants.faded.primary }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: { base: colorVariants.faded.secondary }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: { base: colorVariants.faded.success }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: { base: colorVariants.faded.warning }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: { base: colorVariants.faded.danger }
+    },
+    {
+      variant: "light",
+      color: "neutral",
+      class: { base: colorVariants.light.neutral }
+    },
+    {
+      variant: "light",
+      color: "foreground",
+      class: { base: colorVariants.light.foreground }
+    },
+    {
+      variant: "light",
+      color: "primary",
+      class: { base: colorVariants.light.primary }
+    },
+    {
+      variant: "light",
+      color: "secondary",
+      class: { base: colorVariants.light.secondary }
+    },
+    {
+      variant: "light",
+      color: "success",
+      class: { base: colorVariants.light.success }
+    },
+    {
+      variant: "light",
+      color: "warning",
+      class: { base: colorVariants.light.warning }
+    },
+    {
+      variant: "light",
+      color: "danger",
+      class: { base: colorVariants.light.danger }
+    }
+  ]
+});
+
+// src/components/snippet.ts
+var import_tailwind_variants12 = require("tailwind-variants");
+var snippet = (0, import_tailwind_variants12.tv)({
+  slots: {
+    base: "inline-flex items-center justify-between space-x-3 rounded-md",
+    pre: "bg-transparent text-inherit font-mono whitespace-pre-wrap",
+    copy: "z-10 appearance-none outline-none"
+  },
+  variants: {
+    variant: {
+      flat: "",
+      solid: "",
+      bordered: "border-2 !bg-transparent",
+      shadow: ""
+    },
+    color: {
+      neutral: {
+        base: colorVariants.flat.neutral
+      },
+      primary: {
+        base: colorVariants.flat.primary
+      },
+      secondary: {
+        base: colorVariants.flat.secondary
+      },
+      success: {
+        base: colorVariants.flat.success
+      },
+      warning: {
+        base: colorVariants.flat.warning
+      },
+      danger: {
+        base: colorVariants.flat.danger
+      }
+    },
+    size: {
+      xs: {
+        base: "px-2 py-1 text-xs"
+      },
+      sm: {
+        base: "px-2 py-1 text-sm"
+      },
+      md: {
+        base: "px-3 py-1.5 text-base"
+      },
+      lg: {
+        base: "px-4 py-2 text-lg"
+      },
+      xl: {
+        base: "px-4 py-2 text-xl"
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      base: {
+        base: "rounded-base"
+      },
+      sm: {
+        base: "rounded-sm"
+      },
+      md: {
+        base: "rounded-md"
+      },
+      lg: {
+        base: "rounded-lg"
+      },
+      xl: {
+        base: "rounded-xl"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        copy: [
+          ...ringClasses,
+          "ring-1",
+          "rounded-sm",
+          "ring-offset-transparent",
+          "dark:ring-offset-transparent"
+        ]
+      }
+    }
+  },
+  defaultVariants: {
+    color: "neutral",
+    variant: "flat",
+    size: "md",
+    radius: "lg",
+    fullWidth: false,
+    isFocusVisible: false
+  },
+  compoundVariants: [
+    {
+      variant: "solid",
+      color: "neutral",
+      class: {
+        base: colorVariants.solid.neutral
+      }
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: colorVariants.solid.primary
+      }
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: colorVariants.solid.secondary
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: {
+        base: colorVariants.solid.success
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: {
+        base: colorVariants.solid.warning
+      }
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: {
+        base: colorVariants.solid.danger
+      }
+    },
+    {
+      variant: "shadow",
+      color: "neutral",
+      class: {
+        base: colorVariants.shadow.neutral
+      }
+    },
+    {
+      variant: "shadow",
+      color: "primary",
+      class: {
+        base: colorVariants.shadow.primary
+      }
+    },
+    {
+      variant: "shadow",
+      color: "secondary",
+      class: {
+        base: colorVariants.shadow.secondary
+      }
+    },
+    {
+      variant: "shadow",
+      color: "success",
+      class: {
+        base: colorVariants.shadow.success
+      }
+    },
+    {
+      variant: "shadow",
+      color: "warning",
+      class: {
+        base: colorVariants.shadow.warning
+      }
+    },
+    {
+      variant: "shadow",
+      color: "danger",
+      class: {
+        base: colorVariants.shadow.danger
+      }
+    },
+    {
+      variant: "bordered",
+      color: "neutral",
+      class: {
+        base: colorVariants.bordered.neutral
+      }
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: {
+        base: colorVariants.bordered.primary
+      }
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: {
+        base: colorVariants.bordered.secondary
+      }
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: {
+        base: colorVariants.bordered.success
+      }
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: {
+        base: colorVariants.bordered.warning
+      }
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: {
+        base: colorVariants.bordered.danger
+      }
+    }
+  ]
+});
+
+// src/components/chip.ts
+var import_tailwind_variants13 = require("tailwind-variants");
+var chip = (0, import_tailwind_variants13.tv)({
+  slots: {
+    base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
+    content: "flex-1 text-inherit select-none font-regular",
+    dot: ["w-2", "h-2", "ml-1", "rounded-full"],
+    avatar: "flex-shrink-0",
+    closeButton: [
+      "z-10",
+      "appearance-none",
+      "outline-none",
+      "select-none",
+      "transition-opacity",
+      "opacity-70",
+      "hover:opacity-100",
+      "cursor-pointer"
+    ]
+  },
+  variants: {
+    variant: {
+      solid: {},
+      bordered: {
+        base: "border-1.5 !bg-transparent"
+      },
+      light: {
+        base: "!bg-transparent"
+      },
+      flat: {},
+      faded: {
+        base: "border-1.5"
+      },
+      shadow: {},
+      dot: {
+        base: "border-1.5 border-neutral text-foreground !bg-transparent"
+      }
+    },
+    color: {
+      neutral: {
+        dot: "bg-neutral-400"
+      },
+      primary: {
+        dot: "bg-primary"
+      },
+      secondary: {
+        dot: "bg-secondary"
+      },
+      success: {
+        dot: "bg-success"
+      },
+      warning: {
+        dot: "bg-warning"
+      },
+      danger: {
+        dot: "bg-danger"
+      }
+    },
+    size: {
+      xs: {
+        base: "px-0.5 h-5 text-xs",
+        content: "px-1",
+        closeButton: "text-sm",
+        avatar: "w-3.5 h-3.5"
+      },
+      sm: {
+        base: "px-1 h-6 text-sm",
+        content: "px-1",
+        closeButton: "text-base",
+        avatar: "w-4 h-4"
+      },
+      md: {
+        base: "px-1 h-7 text-base",
+        content: "px-2",
+        closeButton: "text-lg",
+        avatar: "w-5 h-5"
+      },
+      lg: {
+        base: "px-2 h-8 text-lg",
+        content: "px-2",
+        closeButton: "text-xl",
+        avatar: "w-6 h-6"
+      },
+      xl: {
+        base: "px-2 h-9 text-xl",
+        content: "px-2",
+        closeButton: "text-2xl",
+        avatar: "w-7 h-7"
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      base: { base: "rounded" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      "2xl": { base: "rounded-2xl" },
+      "3xl": { base: "rounded-3xl" },
+      full: { base: "rounded-full" }
+    },
+    hasLeftContent: {
+      true: {}
+    },
+    hasRightContent: {
+      true: {}
+    },
+    isOneChar: {
+      true: {
+        base: "px-0 justify-center",
+        content: "px-0 flex-none"
+      }
+    },
+    isDisabled: {
+      true: { base: "opacity-50 pointer-events-none" }
+    },
+    isCloseButtonFocusVisible: {
+      true: {
+        closeButton: [...ringClasses, "ring-1", "rounded-full"]
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "neutral",
+    size: "md",
+    radius: "full",
+    isDisabled: false
+  },
+  compoundVariants: [
+    {
+      variant: "solid",
+      color: "neutral",
+      class: {
+        base: colorVariants.solid.neutral
+      }
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: colorVariants.solid.primary
+      }
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: colorVariants.solid.secondary
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: {
+        base: colorVariants.solid.success
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: {
+        base: colorVariants.solid.warning
+      }
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: {
+        base: colorVariants.solid.danger
+      }
+    },
+    {
+      variant: "shadow",
+      color: "neutral",
+      class: {
+        base: colorVariants.shadow.neutral
+      }
+    },
+    {
+      variant: "shadow",
+      color: "primary",
+      class: {
+        base: colorVariants.shadow.primary
+      }
+    },
+    {
+      variant: "shadow",
+      color: "secondary",
+      class: {
+        base: colorVariants.shadow.secondary
+      }
+    },
+    {
+      variant: "shadow",
+      color: "success",
+      class: {
+        base: colorVariants.shadow.success
+      }
+    },
+    {
+      variant: "shadow",
+      color: "warning",
+      class: {
+        base: colorVariants.shadow.warning
+      }
+    },
+    {
+      variant: "shadow",
+      color: "danger",
+      class: {
+        base: colorVariants.shadow.danger
+      }
+    },
+    {
+      variant: "bordered",
+      color: "neutral",
+      class: {
+        base: colorVariants.bordered.neutral
+      }
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: {
+        base: colorVariants.bordered.primary
+      }
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: {
+        base: colorVariants.bordered.secondary
+      }
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: {
+        base: colorVariants.bordered.success
+      }
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: {
+        base: colorVariants.bordered.warning
+      }
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: {
+        base: colorVariants.bordered.danger
+      }
+    },
+    {
+      variant: "flat",
+      color: "neutral",
+      class: {
+        base: colorVariants.flat.neutral
+      }
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: {
+        base: colorVariants.flat.primary
+      }
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: {
+        base: colorVariants.flat.secondary
+      }
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: {
+        base: colorVariants.flat.success
+      }
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: {
+        base: colorVariants.flat.warning
+      }
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: {
+        base: colorVariants.flat.danger
+      }
+    },
+    {
+      variant: "faded",
+      color: "neutral",
+      class: {
+        base: colorVariants.faded.neutral
+      }
+    },
+    {
+      variant: "faded",
+      color: "primary",
+      class: {
+        base: colorVariants.faded.primary
+      }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: {
+        base: colorVariants.faded.secondary
+      }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: {
+        base: colorVariants.faded.success
+      }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: {
+        base: colorVariants.faded.warning
+      }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: {
+        base: colorVariants.faded.danger
+      }
+    },
+    {
+      variant: "light",
+      color: "neutral",
+      class: {
+        base: colorVariants.light.neutral
+      }
+    },
+    {
+      variant: "light",
+      color: "primary",
+      class: {
+        base: colorVariants.light.primary
+      }
+    },
+    {
+      variant: "light",
+      color: "secondary",
+      class: {
+        base: colorVariants.light.secondary
+      }
+    },
+    {
+      variant: "light",
+      color: "success",
+      class: {
+        base: colorVariants.light.success
+      }
+    },
+    {
+      variant: "light",
+      color: "warning",
+      class: {
+        base: colorVariants.light.warning
+      }
+    },
+    {
+      variant: "light",
+      color: "danger",
+      class: {
+        base: colorVariants.light.danger
+      }
+    },
+    {
+      isOneChar: true,
+      size: "xs",
+      class: {
+        base: "w-4 h-4"
+      }
+    },
+    {
+      isOneChar: true,
+      size: "sm",
+      class: {
+        base: "w-5 h-5"
+      }
+    },
+    {
+      isOneChar: true,
+      size: "md",
+      class: {
+        base: "w-6 h-6"
+      }
+    },
+    {
+      isOneChar: true,
+      size: "lg",
+      class: {
+        base: "w-7 h-7"
+      }
+    },
+    {
+      isOneChar: true,
+      size: "xl",
+      class: {
+        base: "w-8 h-8"
+      }
+    },
+    {
+      hasLeftContent: true,
+      size: ["xs", "sm"],
+      class: {
+        content: "pl-0.5"
+      }
+    },
+    {
+      hasLeftContent: true,
+      size: ["md", "lg", "xl"],
+      class: {
+        content: "pl-1"
+      }
+    },
+    {
+      hasRightContent: true,
+      size: ["xs", "sm"],
+      class: {
+        content: "pr-0.5"
+      }
+    },
+    {
+      hasRightContent: true,
+      size: ["md", "lg", "xl"],
+      class: {
+        content: "pr-1"
+      }
+    }
+  ]
+});
+
+// src/components/badge.ts
+var import_tailwind_variants14 = require("tailwind-variants");
+var badge = (0, import_tailwind_variants14.tv)({
+  slots: {
+    base: ["relative", "inline-flex", "shrink-0", "overflow-visible", "align-middle"],
+    badge: [
+      "flex",
+      "z-10",
+      "flex-wrap",
+      "absolute",
+      "box-border",
+      "whitespace-nowrap",
+      "place-content-center",
+      "origin-center",
+      "items-center",
+      "text-inherit",
+      "select-none",
+      "font-regular",
+      "scale-100",
+      "opacity-100",
+      "data-[invisible=true]:scale-0",
+      "data-[invisible=true]:opacity-0"
+    ]
+  },
+  variants: {
+    variant: {
+      solid: {},
+      flat: {},
+      faded: {
+        badge: "border-1.5"
+      },
+      shadow: {}
+    },
+    color: {
+      neutral: {
+        badge: colorVariants.solid.neutral
+      },
+      primary: {
+        badge: colorVariants.solid.primary
+      },
+      secondary: {
+        badge: colorVariants.solid.secondary
+      },
+      success: {
+        badge: colorVariants.solid.success
+      },
+      warning: {
+        badge: colorVariants.solid.warning
+      },
+      danger: {
+        badge: colorVariants.solid.danger
+      }
+    },
+    size: {
+      xs: {
+        badge: "px-0.5 text-[0.625rem]"
+      },
+      sm: {
+        badge: "px-1 text-xs"
+      },
+      md: {
+        badge: "px-1 text-sm"
+      },
+      lg: {
+        badge: "px-1 text-sm"
+      },
+      xl: {
+        badge: "px-1 text-md"
+      }
+    },
+    placement: {
+      "top-right": {},
+      "top-left": {},
+      "bottom-right": {},
+      "bottom-left": {}
+    },
+    radius: {
+      none: { badge: "rounded-none" },
+      base: { badge: "rounded" },
+      sm: { badge: "rounded-sm" },
+      md: { badge: "rounded-md" },
+      lg: { badge: "rounded-lg" },
+      xl: { badge: "rounded-xl" },
+      full: { badge: "rounded-full" }
+    },
+    shape: {
+      circle: {},
+      rectangle: {}
+    },
+    isInvisible: {
+      true: {}
+    },
+    isOneChar: {
+      true: {
+        badge: "px-0"
+      }
+    },
+    isDot: {
+      true: {}
+    },
+    disableAnimation: {
+      true: {
+        badge: "transition-none"
+      },
+      false: {
+        badge: "transition-transform-opacity"
+      }
+    },
+    disableOutline: {
+      true: {
+        badge: "border-transparent border-0"
+      },
+      false: {
+        badge: "border-2 border-background"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "neutral",
+    size: "md",
+    radius: "full",
+    shape: "rectangle",
+    placement: "top-right",
+    disableOutline: false,
+    disableAnimation: false,
+    isInvisible: false
+  },
+  compoundVariants: [
+    {
+      variant: "shadow",
+      color: "neutral",
+      class: {
+        badge: colorVariants.shadow.neutral
+      }
+    },
+    {
+      variant: "shadow",
+      color: "primary",
+      class: {
+        badge: colorVariants.shadow.primary
+      }
+    },
+    {
+      variant: "shadow",
+      color: "secondary",
+      class: {
+        badge: colorVariants.shadow.secondary
+      }
+    },
+    {
+      variant: "shadow",
+      color: "success",
+      class: {
+        badge: colorVariants.shadow.success
+      }
+    },
+    {
+      variant: "shadow",
+      color: "warning",
+      class: {
+        badge: colorVariants.shadow.warning
+      }
+    },
+    {
+      variant: "shadow",
+      color: "danger",
+      class: {
+        badge: colorVariants.shadow.danger
+      }
+    },
+    {
+      variant: "flat",
+      color: "neutral",
+      class: {
+        badge: colorVariants.flat.neutral
+      }
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: {
+        badge: colorVariants.flat.primary
+      }
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: {
+        badge: colorVariants.flat.secondary
+      }
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: {
+        badge: colorVariants.flat.success
+      }
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: {
+        badge: colorVariants.flat.warning
+      }
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: {
+        badge: colorVariants.flat.danger
+      }
+    },
+    {
+      variant: "faded",
+      color: "neutral",
+      class: {
+        badge: colorVariants.faded.neutral
+      }
+    },
+    {
+      variant: "faded",
+      color: "primary",
+      class: {
+        badge: colorVariants.faded.primary
+      }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: {
+        badge: colorVariants.faded.secondary
+      }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: {
+        badge: colorVariants.faded.success
+      }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: {
+        badge: colorVariants.faded.warning
+      }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: {
+        badge: colorVariants.faded.danger
+      }
+    },
+    {
+      isOneChar: true,
+      size: "xs",
+      class: {
+        badge: "w-3.5 h-3.5"
+      }
+    },
+    {
+      isOneChar: true,
+      size: "sm",
+      class: {
+        badge: "w-4 h-4"
+      }
+    },
+    {
+      isOneChar: true,
+      size: "md",
+      class: {
+        badge: "w-5 h-5"
+      }
+    },
+    {
+      isOneChar: true,
+      size: "lg",
+      class: {
+        badge: "w-6 h-6"
+      }
+    },
+    {
+      isOneChar: true,
+      size: "xl",
+      class: {
+        badge: "w-7 h-7"
+      }
+    },
+    {
+      isDot: true,
+      size: "xs",
+      class: {
+        badge: "w-2 h-2"
+      }
+    },
+    {
+      isDot: true,
+      size: "sm",
+      class: {
+        badge: "w-3 h-3"
+      }
+    },
+    {
+      isDot: true,
+      size: "md",
+      class: {
+        badge: "w-3.5 h-3.5"
+      }
+    },
+    {
+      isDot: true,
+      size: "lg",
+      class: {
+        badge: "w-4 h-4"
+      }
+    },
+    {
+      isDot: true,
+      size: "xl",
+      class: {
+        badge: "w-5 h-5"
+      }
+    },
+    {
+      placement: "top-right",
+      shape: "rectangle",
+      class: {
+        badge: "top-[5%] right-[5%] translate-x-1/2 -translate-y-1/2"
+      }
+    },
+    {
+      placement: "top-left",
+      shape: "rectangle",
+      class: {
+        badge: "top-[5%] left-[5%] -translate-x-1/2 -translate-y-1/2"
+      }
+    },
+    {
+      placement: "bottom-right",
+      shape: "rectangle",
+      class: {
+        badge: "bottom-[5%] right-[5%] translate-x-1/2 translate-y-1/2"
+      }
+    },
+    {
+      placement: "bottom-left",
+      shape: "rectangle",
+      class: {
+        badge: "bottom-[5%] left-[5%] -translate-x-1/2 translate-y-1/2"
+      }
+    },
+    {
+      placement: "top-right",
+      shape: "circle",
+      class: {
+        badge: "top-[15%] right-[15%] translate-x-1/2 -translate-y-1/2"
+      }
+    },
+    {
+      placement: "top-left",
+      shape: "circle",
+      class: {
+        badge: "top-[15%] left-[15%] -translate-x-1/2 -translate-y-1/2"
+      }
+    },
+    {
+      placement: "bottom-right",
+      shape: "circle",
+      class: {
+        badge: "bottom-[15%] right-[15%] translate-x-1/2 translate-y-1/2"
+      }
+    },
+    {
+      placement: "bottom-left",
+      shape: "circle",
+      class: {
+        badge: "bottom-[15%] left-[15%] -translate-x-1/2 translate-y-1/2"
+      }
+    }
+  ]
+});
+
+// src/components/checkbox.ts
+var import_tailwind_variants15 = require("tailwind-variants");
+var checkbox = (0, import_tailwind_variants15.tv)({
+  slots: {
+    base: "relative max-w-fit inline-flex items-center justify-start cursor-pointer",
+    wrapper: [
+      "relative",
+      "inline-flex",
+      "items-center",
+      "justify-center",
+      "flex-shrink-0",
+      "overflow-hidden",
+      "before:content-['']",
+      "before:absolute",
+      "before:inset-0",
+      "before:border-solid",
+      "before:border-2",
+      "before:box-border",
+      "before:border-neutral",
+      "after:content-['']",
+      "after:absolute",
+      "after:inset-0",
+      "after:scale-50",
+      "after:opacity-0",
+      "after:origin-center",
+      "data-[checked=true]:after:scale-100",
+      "data-[checked=true]:after:opacity-100",
+      "hover:before:bg-neutral-100",
+      "data-[hover=true]:before:bg-neutral-100"
+    ],
+    icon: "z-10 w-4 h-3 opacity-0 data-[checked=true]:opacity-100",
+    label: "relative text-foreground select-none"
+  },
+  variants: {
+    color: {
+      neutral: {
+        wrapper: "after:bg-neutral after:text-neutral-contrastText text-neutral-contrastText"
+      },
+      primary: {
+        wrapper: "after:bg-primary after:text-primary-contrastText text-primary-contrastText"
+      },
+      secondary: {
+        wrapper: "after:bg-secondary after:text-secondary-contrastText text-secondary-contrastText"
+      },
+      success: {
+        wrapper: "after:bg-success after:text-success-contrastText text-success-contrastText"
+      },
+      warning: {
+        wrapper: "after:bg-warning after:text-warning-contrastText text-warning-contrastText"
+      },
+      danger: {
+        wrapper: "after:bg-danger after:text-danger-contrastText text-danger-contrastText"
+      }
+    },
+    size: {
+      xs: {
+        wrapper: "w-3.5 h-3.5 mr-1",
+        label: "text-xs",
+        icon: "w-3 h-2"
+      },
+      sm: {
+        wrapper: "w-4 h-4 mr-1",
+        label: "text-sm",
+        icon: "w-3 h-2"
+      },
+      md: {
+        wrapper: "w-5 h-5 mr-2",
+        label: "text-base",
+        icon: "w-4 h-3"
+      },
+      lg: {
+        wrapper: "w-6 h-6 mr-2",
+        label: "text-lg",
+        icon: "w-5 h-4"
+      },
+      xl: {
+        wrapper: "w-7 h-7 mr-2",
+        label: "text-xl",
+        icon: "w-6 h-5"
+      }
+    },
+    radius: {
+      none: {
+        wrapper: "rounded-none before:rounded-none after:rounded-none"
+      },
+      base: {
+        wrapper: "rounded before:rounded after:rounded"
+      },
+      sm: {
+        wrapper: "rounded-sm before:rounded-sm after:rounded-sm"
+      },
+      md: {
+        wrapper: "rounded-md before:rounded-md after:rounded-md"
+      },
+      lg: {
+        wrapper: "rounded-lg before:rounded-lg after:rounded-lg"
+      },
+      xl: {
+        wrapper: "rounded-xl before:rounded-xl after:rounded-xl"
+      },
+      full: {
+        wrapper: "rounded-full before:rounded-full after:rounded-full"
+      }
+    },
+    lineThrough: {
+      true: {
+        label: [
+          "inline-flex",
+          "items-center",
+          "justify-center",
+          "before:content-['']",
+          "before:absolute",
+          "before:bg-foreground",
+          "before:w-0",
+          "before:h-0.5",
+          "data-[checked=true]:opacity-60",
+          "data-[checked=true]:before:w-full"
+        ]
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 pointer-events-none"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        wrapper: [...ringClasses]
+      }
+    },
+    disableAnimation: {
+      true: {
+        wrapper: "transition-none",
+        icon: "transition-none",
+        label: "transition-none"
+      },
+      false: {
+        wrapper: ["before:transition-background", "after:transition-transform-opacity"],
+        icon: "transition-opacity",
+        label: "transition-opacity before:transition-width"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    radius: "md",
+    isDisabled: false,
+    lineThrough: false,
+    disableAnimation: false
+  }
+});
+
+// src/components/checkbox-group.ts
+var import_tailwind_variants16 = require("tailwind-variants");
+var checkboxGroup = (0, import_tailwind_variants16.tv)({
+  slots: {
+    base: "relative flex flex-col gap-2",
+    label: "relative text-neutral-500",
+    wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
+  }
+});
+
+// src/components/radio.ts
+var import_tailwind_variants17 = require("tailwind-variants");
+var radio = (0, import_tailwind_variants17.tv)({
+  slots: {
+    base: "relative max-w-fit inline-flex items-center justify-start cursor-pointer",
+    wrapper: [
+      "relative",
+      "inline-flex",
+      "items-center",
+      "justify-center",
+      "flex-shrink-0",
+      "overflow-hidden",
+      "border-solid",
+      "border-2",
+      "box-border",
+      "border-neutral",
+      "data-[hover-unchecked=true]:bg-neutral-100"
+    ],
+    labelWrapper: "flex flex-col ml-1",
+    control: [
+      "z-10",
+      "w-2",
+      "h-2",
+      "opacity-0",
+      "scale-0",
+      "origin-center",
+      "data-[checked=true]:opacity-100",
+      "data-[checked=true]:scale-100"
+    ],
+    label: "relative text-foreground select-none",
+    description: "relative text-neutral-400"
+  },
+  variants: {
+    color: {
+      neutral: {
+        control: "bg-neutral-500 text-neutral-contrastText",
+        wrapper: "data-[checked=true]:border-neutral-500"
+      },
+      primary: {
+        control: "bg-primary text-primary-contrastText",
+        wrapper: "data-[checked=true]:border-primary"
+      },
+      secondary: {
+        control: "bg-secondary text-secondary-contrastText",
+        wrapper: "data-[checked=true]:border-secondary"
+      },
+      success: {
+        control: "bg-success text-success-contrastText",
+        wrapper: "data-[checked=true]:border-success"
+      },
+      warning: {
+        control: "bg-warning text-warning-contrastText",
+        wrapper: "data-[checked=true]:border-warning"
+      },
+      danger: {
+        control: "bg-danger text-danger-contrastText",
+        wrapper: "data-[checked=true]:border-danger"
+      }
+    },
+    size: {
+      xs: {
+        wrapper: "w-3.5 h-3.5",
+        control: "w-1 h-1",
+        labelWrapper: "ml-1",
+        label: "text-xs",
+        description: "text-xs"
+      },
+      sm: {
+        wrapper: "w-4 h-4",
+        control: "w-1.5 h-1.5",
+        labelWrapper: "ml-1",
+        label: "text-sm",
+        description: "text-xs"
+      },
+      md: {
+        wrapper: "w-5 h-5",
+        control: "w-2 h-2",
+        labelWrapper: "ml-2",
+        label: "text-base",
+        description: "text-sm"
+      },
+      lg: {
+        wrapper: "w-6 h-6",
+        control: "w-2.5 h-2.5",
+        labelWrapper: "ml-2",
+        label: "text-lg",
+        description: "text-base"
+      },
+      xl: {
+        wrapper: "w-7 h-7",
+        control: "w-3 h-3",
+        labelWrapper: "ml-3",
+        label: "text-xl",
+        description: "text-lg"
+      }
+    },
+    radius: {
+      none: {
+        wrapper: "rounded-none",
+        control: "rounded-none"
+      },
+      base: {
+        wrapper: "rounded",
+        control: "rounded"
+      },
+      sm: {
+        wrapper: "rounded-sm",
+        control: "rounded-sm"
+      },
+      md: {
+        wrapper: "rounded-md",
+        control: "rounded-sm"
+      },
+      lg: {
+        wrapper: "rounded-lg",
+        control: "rounded"
+      },
+      xl: {
+        wrapper: "rounded-xl",
+        control: "rounded-md"
+      },
+      full: {
+        wrapper: "rounded-full",
+        control: "rounded-full"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 pointer-events-none"
+      }
+    },
+    isInvalid: {
+      true: {
+        control: "bg-danger text-danger-contrastText",
+        wrapper: "border-danger data-[checked=true]:border-danger",
+        label: "text-danger",
+        description: "text-danger-300"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        wrapper: [...ringClasses]
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        wrapper: "transition-background",
+        control: "transition-transform-opacity"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    radius: "full",
+    isDisabled: false,
+    isInvalid: false,
+    disableAnimation: false
+  }
+});
+
+// src/components/radio-group.ts
+var import_tailwind_variants18 = require("tailwind-variants");
+var radioGroup = (0, import_tailwind_variants18.tv)({
+  slots: {
+    base: "relative flex flex-col gap-2",
+    label: "relative text-neutral-500",
+    wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
+  }
+});
+
+// src/components/pagination.ts
+var import_tailwind_variants19 = require("tailwind-variants");
+var pagination = (0, import_tailwind_variants19.tv)({
+  slots: {
+    base: "flex flex-wrap relative items-center gap-1 max-w-fit",
+    item: "",
+    prev: "",
+    next: "",
+    cursor: [
+      "absolute",
+      "flex",
+      "overflow-visible",
+      "items-center",
+      "justify-center",
+      "origin-center",
+      "left-0"
+    ]
+  },
+  variants: {
+    variant: {
+      bordered: {
+        item: ["border-1.5", "border-neutral", "bg-transparent", "hover:bg-neutral-100"]
+      },
+      light: {
+        item: "bg-transparent"
+      },
+      flat: {},
+      faded: {
+        item: "border-1.5"
+      }
+    },
+    color: {
+      neutral: {
+        cursor: colorVariants.solid.neutral
+      },
+      primary: {
+        cursor: colorVariants.solid.primary
+      },
+      secondary: {
+        cursor: colorVariants.solid.secondary
+      },
+      success: {
+        cursor: colorVariants.solid.success
+      },
+      warning: {
+        cursor: colorVariants.solid.warning
+      },
+      danger: {
+        cursor: colorVariants.solid.danger
+      }
+    },
+    size: {
+      xs: {},
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
+    },
+    radius: {
+      none: {},
+      base: {},
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {},
+      full: {}
+    },
+    isCompact: {
+      true: {
+        base: "gap-0",
+        item: [
+          "first-of-type:rounded-r-none",
+          "last-of-type:rounded-l-none",
+          "[&:not(:first-of-type):not(:last-of-type)]:rounded-none"
+        ],
+        prev: "!rounded-r-none",
+        next: "!rounded-l-none"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 pointer-events-none"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        wrapper: [...ringClasses]
+      }
+    },
+    showShadow: {
+      true: {}
+    },
+    disableAnimation: {
+      true: {
+        item: "transition-none",
+        cursor: "transition-none"
+      },
+      false: {
+        item: "transition-background",
+        cursor: ["transition-transform", "!duration-300"]
+      }
+    },
+    disableCursor: {
+      true: {
+        cursor: "hidden"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "flat",
+    color: "primary",
+    size: "md",
+    radius: "xl",
+    isCompact: false,
+    isDisabled: false,
+    showShadow: false,
+    disableAnimation: false,
+    disableCursor: false
+  },
+  compoundVariants: [
+    {
+      showShadow: true,
+      color: "neutral",
+      class: {
+        cursor: colorVariants.shadow.neutral
+      }
+    },
+    {
+      showShadow: true,
+      color: "primary",
+      class: {
+        cursor: colorVariants.shadow.primary
+      }
+    },
+    {
+      showShadow: true,
+      color: "secondary",
+      class: {
+        cursor: colorVariants.shadow.secondary
+      }
+    },
+    {
+      showShadow: true,
+      color: "success",
+      class: {
+        cursor: colorVariants.shadow.success
+      }
+    },
+    {
+      showShadow: true,
+      color: "warning",
+      class: {
+        cursor: colorVariants.shadow.warning
+      }
+    },
+    {
+      showShadow: true,
+      color: "danger",
+      class: {
+        cursor: colorVariants.shadow.danger
+      }
+    },
+    {
+      isCompact: true,
+      variant: "bordered",
+      class: {
+        item: "[&:not(:first-of-type)]:border-l-0"
+      }
+    },
+    {
+      disableCursor: true,
+      color: "neutral",
+      class: {
+        item: [
+          "data-[active=true]:bg-neutral-400",
+          "data-[active=true]:border-neutral-400",
+          "data-[active=true]:text-neutral-contrastText"
+        ]
+      }
+    },
+    {
+      disableCursor: true,
+      color: "primary",
+      class: {
+        item: [
+          "data-[active=true]:bg-primary",
+          "data-[active=true]:border-primary",
+          "data-[active=true]:text-primary-contrastText"
+        ]
+      }
+    },
+    {
+      disableCursor: true,
+      color: "secondary",
+      class: {
+        item: [
+          "data-[active=true]:bg-secondary",
+          "data-[active=true]:border-secondary",
+          "data-[active=true]:text-secondary-contrastText"
+        ]
+      }
+    },
+    {
+      disableCursor: true,
+      color: "success",
+      class: {
+        item: [
+          "data-[active=true]:bg-success",
+          "data-[active=true]:border-success",
+          "data-[active=true]:text-success-contrastText"
+        ]
+      }
+    },
+    {
+      disableCursor: true,
+      color: "warning",
+      class: {
+        item: [
+          "data-[active=true]:bg-warning",
+          "data-[active=true]:border-warning",
+          "data-[active=true]:text-warning-contrastText"
+        ]
+      }
+    },
+    {
+      disableCursor: true,
+      color: "danger",
+      class: {
+        item: [
+          "data-[active=true]:bg-danger",
+          "data-[active=true]:border-danger",
+          "data-[active=true]:text-danger-contrastText"
+        ]
+      }
+    },
+    {
+      disableCursor: true,
+      showShadow: true,
+      color: "neutral",
+      class: {
+        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-neutral/50"]
+      }
+    },
+    {
+      disableCursor: true,
+      showShadow: true,
+      color: "primary",
+      class: {
+        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-primary/40"]
+      }
+    },
+    {
+      disableCursor: true,
+      showShadow: true,
+      color: "secondary",
+      class: {
+        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-secondary/40"]
+      }
+    },
+    {
+      disableCursor: true,
+      showShadow: true,
+      color: "success",
+      class: {
+        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-success/40"]
+      }
+    },
+    {
+      disableCursor: true,
+      showShadow: true,
+      color: "warning",
+      class: {
+        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-warning/40"]
+      }
+    },
+    {
+      disableCursor: true,
+      showShadow: true,
+      color: "danger",
+      class: {
+        item: ["data-[active=true]:shadow-lg", "data-[active=true]:shadow-danger/40"]
+      }
+    }
+  ],
+  compoundSlots: [
+    {
+      slots: ["item", "prev", "next"],
+      class: [
+        "flex",
+        "flex-wrap",
+        "truncate",
+        "box-border",
+        "outline-none",
+        "items-center",
+        "justify-center",
+        "text-neutral-contrastText"
+      ]
+    },
+    {
+      slots: ["item", "prev", "next"],
+      variant: "flat",
+      class: ["bg-neutral-100", "hover:bg-neutral-200", "active:bg-neutral-300"]
+    },
+    {
+      slots: ["item", "prev", "next"],
+      variant: "faded",
+      class: ["bg-neutral-100", "hover:bg-neutral-200", "active:bg-neutral-300"]
+    },
+    {
+      slots: ["item", "prev", "next"],
+      variant: "light",
+      class: ["hover:bg-neutral-100", "active:bg-neutral-200"]
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      size: "xs",
+      class: "w-7 h-7 text-xs"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      size: "sm",
+      class: "w-8 h-8 text-sm"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      size: "md",
+      class: "w-9 h-9 text-sm"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      size: "lg",
+      class: "w-10 h-10 text-base"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      size: "xl",
+      class: "w-11 h-11 text-base"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      radius: "none",
+      class: "rounded-none"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      radius: "base",
+      class: "rounded-base"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      radius: "sm",
+      class: "rounded-sm"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      radius: "md",
+      class: "rounded"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      radius: "lg",
+      class: "rounded-lg"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      radius: "xl",
+      class: "rounded-xl"
+    },
+    {
+      slots: ["item", "cursor", "prev", "next"],
+      radius: "full",
+      class: "rounded-full"
+    }
+  ]
+});
+
+// src/components/toggle.ts
+var import_tailwind_variants20 = require("tailwind-variants");
+var toggle = (0, import_tailwind_variants20.tv)({
+  slots: {
+    base: "relative max-w-fit inline-flex items-center justify-start cursor-pointer",
+    wrapper: [
+      "group",
+      "px-1",
+      "relative",
+      "inline-flex",
+      "items-center",
+      "justify-start",
+      "flex-shrink-0",
+      "overflow-hidden",
+      "bg-neutral-200",
+      "rounded-full"
+    ],
+    thumb: [
+      "z-10",
+      "flex",
+      "items-center",
+      "justify-center",
+      "bg-white",
+      "shadow-sm",
+      "rounded-full",
+      "data-[checked=true]:translate-x-full"
+    ],
+    leftIcon: "z-0 absolute left-1.5 text-current",
+    rightIcon: "z-0 absolute right-1.5 text-neutral-600",
+    thumbIcon: "text-black",
+    label: "relative text-foreground select-none"
+  },
+  variants: {
+    color: {
+      neutral: {
+        wrapper: [
+          "data-[checked=true]:bg-neutral-400",
+          "data-[checked=true]:text-neutral-contrastText"
+        ]
+      },
+      primary: {
+        wrapper: [
+          "data-[checked=true]:bg-primary",
+          "data-[checked=true]:text-primary-contrastText"
+        ]
+      },
+      secondary: {
+        wrapper: [
+          "data-[checked=true]:bg-secondary",
+          "data-[checked=true]:text-secondary-contrastText"
+        ]
+      },
+      success: {
+        wrapper: [
+          "data-[checked=true]:bg-success",
+          "data-[checked=true]:text-success-contrastText"
+        ]
+      },
+      warning: {
+        wrapper: [
+          "data-[checked=true]:bg-warning",
+          "data-[checked=true]:text-warning-contrastText"
+        ]
+      },
+      danger: {
+        wrapper: ["data-[checked=true]:bg-danger", "data-[checked=true]:text-danger-contrastText"]
+      }
+    },
+    size: {
+      xs: {
+        wrapper: "px-0.5 w-7 h-4 mr-1",
+        thumb: "w-3 h-3 text-[0.5rem]",
+        leftIcon: "text-[0.5rem] left-1",
+        rightIcon: "text-[0.5rem] right-1",
+        right: "text-[0.5rem]",
+        label: "text-xs"
+      },
+      sm: {
+        wrapper: "w-8 h-5 mr-1",
+        thumb: "w-3 h-3 text-[0.6rem]",
+        leftIcon: "text-[0.6rem] left-1",
+        rightIcon: "text-[0.6rem] right-1",
+        label: "text-sm"
+      },
+      md: {
+        wrapper: "w-10 h-6 mr-2",
+        thumb: "w-4 h-4 text-xs",
+        rightIcon: "text-xs",
+        leftIcon: "text-xs",
+        label: "text-base"
+      },
+      lg: {
+        wrapper: "w-12 h-7 mr-2",
+        thumb: "w-5 h-5 text-sm",
+        rightIcon: "text-sm",
+        leftIcon: "text-sm",
+        label: "text-lg"
+      },
+      xl: {
+        wrapper: "w-14 h-8 mr-2",
+        thumb: "w-6 h-6 text-base",
+        rightIcon: "text-base",
+        leftIcon: "text-base",
+        label: "text-xl"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        wrapper: [...ringClasses]
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 pointer-events-none"
+      }
+    },
+    disableAnimation: {
+      true: {
+        wrapper: "transition-none",
+        thumb: "transition-none"
+      },
+      false: {
+        wrapper: "transition-background",
+        thumb: [
+          "transition",
+          "group-active:translate-x-1",
+          "data-[checked=true]:group-active:translate-x-[90%]"
+        ],
+        leftIcon: [
+          "opacity-0",
+          "scale-50",
+          "transition-transform-opacity",
+          "data-[checked=true]:scale-100",
+          "data-[checked=true]:opacity-100"
+        ],
+        rightIcon: [
+          "opacity-100",
+          "transition-transform-opacity",
+          "data-[checked=true]:translate-x-3",
+          "data-[checked=true]:opacity-0"
+        ]
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isDisabled: false,
+    disableAnimation: false
+  }
+});
+
+// src/components/accordion-item.ts
+var import_tailwind_variants21 = require("tailwind-variants");
+var accordionItem = (0, import_tailwind_variants21.tv)({
+  slots: {
+    base: [
+      "py-2",
+      "border-neutral",
+      "[&:not(:last-of-type)]:border-b",
+      "group-[.is-splitted]:px-4",
+      "dark:group-[.is-splitted]:bg-content1",
+      "group-[.is-splitted]:shadow-lg",
+      "group-[.is-splitted]:rounded-lg",
+      "group-[.is-splitted]:border",
+      "group-[.is-splitted]:border-neutral-100"
+    ],
+    heading: "",
+    trigger: "py-2 flex w-full gap-3 outline-none items-center",
+    leftIndicator: "flex-shrink-0",
+    indicator: "text-neutral-400",
+    titleWrapper: "flex-1 flex flex-col text-left",
+    title: "text-foreground text-lg",
+    subtitle: "text-sm text-neutral-500 font-normal",
+    content: "py-2"
+  },
+  variants: {
+    isCompact: {
+      true: {
+        base: "py-1",
+        trigger: "py-1",
+        title: "text-base",
+        subtitle: "text-xs",
+        indicator: "text-base",
+        content: "py-1"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 pointer-events-none"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        trigger: [...ringClasses]
+      }
+    },
+    hideDivider: {
+      true: {
+        base: "!border-b-0"
+      }
+    },
+    hideIndicator: {
+      true: {
+        indicator: "hidden"
+      }
+    },
+    disableAnimation: {
+      true: {
+        content: "hidden data-[open=true]:block"
+      },
+      false: {
+        indicator: "transition-transform"
+      }
+    },
+    disableIndicatorAnimation: {
+      true: {
+        indicator: "transition-none"
+      },
+      false: {
+        indicator: "rotate-0 data-[open=true]:-rotate-90"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "lg",
+    isDisabled: false,
+    hideDivider: false,
+    hideIndicator: false,
+    disableAnimation: false,
+    disableIndicatorAnimation: false
+  }
+});
+
+// src/components/accordion.ts
+var import_tailwind_variants22 = require("tailwind-variants");
+var accordion = (0, import_tailwind_variants22.tv)({
+  base: "px-2",
+  variants: {
+    variant: {
+      shadow: "px-4 shadow-lg rounded-xl dark:bg-content1 border border-neutral-100",
+      bordered: "px-4 border border-neutral rounded-lg",
+      splitted: "group is-splitted flex flex-col gap-2"
+    }
+  }
+});
+
+// src/colors/blue.ts
+var blue = {
+  50: "#e6f1fe",
+  100: "#cce3fd",
+  200: "#99c7fb",
+  300: "#66aaf9",
+  400: "#338ef7",
+  500: "#0072f5",
+  600: "#005bc4",
+  700: "#004493",
+  800: "#002e62",
+  900: "#001731"
+};
+
+// src/colors/green.ts
+var green = {
+  50: "#e8faf0",
+  100: "#d1f4e0",
+  200: "#a2e9c1",
+  300: "#74dfa2",
+  400: "#45d483",
+  500: "#17c964",
+  600: "#12a150",
+  700: "#0e793c",
+  800: "#095028",
+  900: "#052814"
+};
+
+// src/colors/pink.ts
+var pink = {
+  50: "#ffedfa",
+  100: "#ffdcf5",
+  200: "#ffb8eb",
+  300: "#ff95e1",
+  400: "#ff71d7",
+  500: "#ff4ecd",
+  600: "#cc3ea4",
+  700: "#992f7b",
+  800: "#661f52",
+  900: "#331029"
+};
+
+// src/colors/purple.ts
+var purple = {
+  50: "#f2eafa",
+  100: "#e4d4f4",
+  200: "#c9a9e9",
+  300: "#ae7ede",
+  400: "#9353d3",
+  500: "#7828c8",
+  600: "#6020a0",
+  700: "#481878",
+  800: "#301050",
+  900: "#180828"
+};
+
+// src/colors/red.ts
+var red = {
+  50: "#fee7ef",
+  100: "#fdd0df",
+  200: "#faa0bf",
+  300: "#f871a0",
+  400: "#f54180",
+  500: "#f31260",
+  600: "#c20e4d",
+  700: "#920b3a",
+  800: "#610726",
+  900: "#310413"
+};
+
+// src/colors/yellow.ts
+var yellow = {
+  50: "#fef6e9",
+  100: "#fdedd3",
+  200: "#fbdba7",
+  300: "#f9c97c",
+  400: "#f7b750",
+  500: "#f5a524",
+  600: "#c4841d",
+  700: "#936316",
+  800: "#62420e",
+  900: "#312107"
+};
+
+// src/colors/cyan.ts
+var cyan = {
+  50: "#F0FCFF",
+  100: "#E6FAFE",
+  200: "#D7F8FE",
+  300: "#C3F4FD",
+  400: "#A5EEFD",
+  500: "#7EE7FC",
+  600: "#06B7DB",
+  700: "#09AACD",
+  800: "#0E8AAA",
+  900: "#053B48"
+};
+
+// src/colors/common.ts
+var commonColors = {
+  white: "#ffffff",
+  black: "#000000",
+  blue,
+  green,
+  pink,
+  purple,
+  red,
+  yellow,
+  cyan
+};
+
+// src/colors/semantic.ts
+var import_colors = __toESM(require("tailwindcss/colors"));
+var import_color2k = require("color2k");
+
+// src/utils/object.ts
+function swapColorValues(colors2) {
+  const swappedColors = {};
+  const keys = Object.keys(colors2);
+  const length = keys.length;
+  for (let i = 0; i < length / 2; i++) {
+    const key1 = keys[i];
+    const key2 = keys[length - 1 - i];
+    swappedColors[key1] = colors2[key2];
+    swappedColors[key2] = colors2[key1];
+  }
+  if (length % 2 !== 0) {
+    const middleKey = keys[Math.floor(length / 2)];
+    swappedColors[middleKey] = colors2[middleKey];
+  }
+  return swappedColors;
+}
+
+// src/colors/semantic.ts
+var base = {
+  light: {
+    background: {
+      DEFAULT: "#ffffff"
+    },
+    foreground: {
+      DEFAULT: "#11181C"
+    },
+    border: {
+      DEFAULT: "#00000026"
+    },
+    content1: {
+      DEFAULT: import_colors.default.zinc[50],
+      contrastText: import_colors.default.zinc[900]
+    },
+    content2: {
+      DEFAULT: import_colors.default.zinc[100],
+      contrastText: import_colors.default.zinc[800]
+    },
+    content3: {
+      DEFAULT: import_colors.default.zinc[200],
+      contrastText: import_colors.default.zinc[700]
+    },
+    content4: {
+      DEFAULT: import_colors.default.zinc[300],
+      contrastText: import_colors.default.zinc[600]
+    }
+  },
+  dark: {
+    background: {
+      DEFAULT: "#000000"
+    },
+    foreground: {
+      DEFAULT: "#ECEDEE"
+    },
+    border: {
+      DEFAULT: "#ffffff26"
+    },
+    content1: {
+      DEFAULT: import_colors.default.zinc[900],
+      contrastText: import_colors.default.zinc[50]
+    },
+    content2: {
+      DEFAULT: import_colors.default.zinc[800],
+      contrastText: import_colors.default.zinc[100]
+    },
+    content3: {
+      DEFAULT: import_colors.default.zinc[700],
+      contrastText: import_colors.default.zinc[200]
+    },
+    content4: {
+      DEFAULT: import_colors.default.zinc[600],
+      contrastText: import_colors.default.zinc[300]
+    }
+  }
+};
+var semanticColorsLight = {
+  ...base.light,
+  neutral: {
+    ...import_colors.default.zinc,
+    contrastText: (0, import_color2k.readableColor)(import_colors.default.zinc[300]),
+    DEFAULT: import_colors.default.zinc[300]
+  },
+  primary: {
+    ...commonColors.blue,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.blue[500]
+  },
+  secondary: {
+    ...commonColors.purple,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.purple[500]
+  },
+  success: {
+    ...commonColors.green,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.green[500]
+  },
+  warning: {
+    ...commonColors.yellow,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...commonColors.red,
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.red[500]
+  }
+};
+var semanticColorsDark = {
+  ...base.dark,
+  neutral: {
+    ...swapColorValues(import_colors.default.zinc),
+    contrastText: (0, import_color2k.readableColor)(import_colors.default.zinc[700]),
+    DEFAULT: import_colors.default.zinc[700]
+  },
+  primary: {
+    ...swapColorValues(commonColors.blue),
+    DEFAULT: commonColors.blue[500],
+    contrastText: commonColors.white
+  },
+  secondary: {
+    ...swapColorValues(commonColors.purple),
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.purple[400]
+  },
+  success: {
+    ...swapColorValues(commonColors.green),
+    contrastText: (0, import_color2k.readableColor)(commonColors.green[500]),
+    DEFAULT: commonColors.green[500]
+  },
+  warning: {
+    ...swapColorValues(commonColors.yellow),
+    contrastText: (0, import_color2k.readableColor)(commonColors.yellow[500]),
+    DEFAULT: commonColors.yellow[500]
+  },
+  danger: {
+    ...swapColorValues(commonColors.red),
+    contrastText: commonColors.white,
+    DEFAULT: commonColors.red[500]
+  }
+};
+var semanticColors = {
+  light: semanticColorsLight,
+  dark: semanticColorsDark
+};
+
+// src/colors/index.ts
+var colors = {
+  ...commonColors,
+  ...semanticColors
+};
+
+// src/index.ts
+var import_tailwind_variants23 = require("tailwind-variants");
+var import_tailwind_variants24 = require("tailwind-variants");
+var cn = (...classes) => (0, import_tailwind_variants23.cn)(classes)();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  absoluteFullClasses,
+  accordion,
+  accordionItem,
+  avatar,
+  avatarGroup,
+  badge,
+  baseStyles,
+  button,
+  buttonGroup,
+  card,
+  checkbox,
+  checkboxGroup,
+  chip,
+  cn,
+  code,
+  colorVariants,
+  colors,
+  commonColors,
+  drip,
+  focusVisibleClasses,
+  link,
+  pagination,
+  radio,
+  radioGroup,
+  ringClasses,
+  semanticColors,
+  snippet,
+  spinner,
+  toggle,
+  tooltip,
+  translateCenterClasses,
+  tv,
+  user
+});