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

package/dist/chunk-TV7EJNXI.mjs

@@ -0,0 +1,457 @@
+import {
+  colorVariants
+} from "./chunk-LGGZKBOO.mjs";
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/chip.ts
+import { tv } from "tailwind-variants";
+var chip = 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"
+      }
+    }
+  ]
+});
+
+export {
+  chip
+};

package/dist/chunk-U77YMEWM.mjs

@@ -0,0 +1,13 @@
+// src/components/checkbox-group.ts
+import { tv } from "tailwind-variants";
+var checkboxGroup = 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 "
+  }
+});
+
+export {
+  checkboxGroup
+};

package/dist/chunk-VB4T62HR.mjs

@@ -0,0 +1,159 @@
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/toggle.ts
+import { tv } from "tailwind-variants";
+var toggle = 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
+  }
+});
+
+export {
+  toggle
+};

package/dist/chunk-VKFQ7EZN.mjs

@@ -0,0 +1,17 @@
+// src/components/button-group.ts
+import { tv } from "tailwind-variants";
+var buttonGroup = tv({
+  base: "inline-flex items-center justify-center h-auto w-max-content",
+  variants: {
+    fullWidth: {
+      true: "w-full"
+    }
+  },
+  defaultVariants: {
+    fullWidth: false
+  }
+});
+
+export {
+  buttonGroup
+};