@nextui-org/theme 0.0.0-canary-20240429052129

package/dist/chunk-VFJ7C5ZV.mjs

@@ -0,0 +1,391 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/slider.ts
+var slider = tv({
+  slots: {
+    base: "flex flex-col w-full gap-1",
+    labelWrapper: "w-full flex justify-between items-center",
+    label: "",
+    value: "",
+    step: [
+      "h-1.5",
+      "w-1.5",
+      "absolute",
+      "rounded-full",
+      "bg-default-300/50",
+      "data-[in-range=true]:bg-background/50"
+    ],
+    mark: [
+      "absolute",
+      "text-small",
+      "cursor-default",
+      "opacity-50",
+      "data-[in-range=true]:opacity-100"
+    ],
+    trackWrapper: "relative flex gap-2",
+    track: ["flex", "w-full", "relative", "rounded-full", "bg-default-300/50"],
+    filler: "h-full absolute",
+    thumb: [
+      "flex",
+      "justify-center",
+      "items-center",
+      "before:absolute",
+      "before:w-11",
+      "before:h-11",
+      "before:rounded-full",
+      "after:shadow-small",
+      "after:shadow-small",
+      "after:bg-background",
+      "data-[focused=true]:z-10",
+      dataFocusVisibleClasses
+    ],
+    startContent: [],
+    endContent: []
+  },
+  variants: {
+    size: {
+      sm: {
+        label: "text-small",
+        value: "text-small",
+        thumb: "w-5 h-5 after:w-4 after:h-4",
+        step: "data-[in-range=false]:bg-default-200"
+      },
+      md: {
+        thumb: "w-6 h-6 after:w-5 after:h-5",
+        label: "text-small",
+        value: "text-small"
+      },
+      lg: {
+        thumb: "h-7 w-7 after:w-5 after:h-5",
+        step: "w-2 h-2",
+        label: "text-medium",
+        value: "text-medium",
+        mark: "mt-2"
+      }
+    },
+    radius: {
+      none: {
+        thumb: "rounded-none after:rounded-none"
+      },
+      sm: {
+        thumb: "rounded-[calc(theme(borderRadius.small)/2)] after:rounded-[calc(theme(borderRadius.small)/3)]"
+      },
+      md: {
+        thumb: "rounded-[calc(theme(borderRadius.medium)/2)] after:rounded-[calc(theme(borderRadius.medium)/3)]"
+      },
+      lg: {
+        thumb: "rounded-[calc(theme(borderRadius.large)/1.5)] after:rounded-[calc(theme(borderRadius.large)/2)]"
+      },
+      full: {
+        thumb: "rounded-full after:rounded-full"
+      }
+    },
+    color: {
+      foreground: {
+        filler: "bg-foreground",
+        thumb: "bg-foreground"
+      },
+      primary: {
+        filler: "bg-primary",
+        thumb: "bg-primary"
+      },
+      secondary: {
+        filler: "bg-secondary",
+        thumb: "bg-secondary"
+      },
+      success: {
+        filler: "bg-success",
+        thumb: "bg-success"
+      },
+      warning: {
+        filler: "bg-warning",
+        thumb: "bg-warning"
+      },
+      danger: {
+        filler: "bg-danger",
+        thumb: "bg-danger"
+      }
+    },
+    isVertical: {
+      true: {
+        base: "w-auto h-full flex-col-reverse items-center",
+        trackWrapper: "flex-col h-full justify-center items-center",
+        filler: "w-full h-auto",
+        thumb: "left-1/2",
+        track: "h-full border-y-transparent",
+        labelWrapper: "flex-col justify-center items-center",
+        step: ["left-1/2", "-translate-x-1/2", "translate-y-1/2"],
+        mark: ["left-1/2", "ml-1", "translate-x-1/2", "translate-y-1/2"]
+      },
+      false: {
+        thumb: "top-1/2",
+        trackWrapper: "items-center",
+        track: "border-x-transparent",
+        step: ["top-1/2", "-translate-x-1/2", "-translate-y-1/2"],
+        mark: ["top-1/2", "mt-1", "-translate-x-1/2", "translate-y-1/2"]
+      }
+    },
+    isDisabled: {
+      false: {
+        thumb: ["cursor-grab", "data-[dragging=true]:cursor-grabbing"]
+      },
+      true: {
+        base: "opacity-disabled",
+        thumb: "cursor-default"
+      }
+    },
+    hasMarks: {
+      true: {
+        base: "mb-5"
+      },
+      false: {}
+    },
+    showOutline: {
+      true: {
+        thumb: "ring-2 ring-background"
+      },
+      false: {
+        thumb: "ring-transparent border-0"
+      }
+    },
+    hideValue: {
+      true: {
+        value: "sr-only"
+      }
+    },
+    hideThumb: {
+      true: {
+        thumb: "sr-only",
+        track: "overflow-hidden cursor-pointer"
+      }
+    },
+    hasSingleThumb: {
+      true: {},
+      false: {}
+    },
+    disableAnimation: {
+      true: {
+        thumb: "data-[dragging=true]:after:scale-100"
+      },
+      false: {
+        thumb: "after:transition-all motion-reduce:after:transition-none",
+        mark: "transition-opacity motion-reduce:transition-none"
+      }
+    },
+    disableThumbScale: {
+      true: {},
+      false: {
+        thumb: "data-[dragging=true]:after:scale-80"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: ["sm", "md"],
+      showOutline: false,
+      class: {
+        thumb: "shadow-small"
+      }
+    },
+    {
+      size: "sm",
+      color: "foreground",
+      class: {
+        step: "data-[in-range=true]:bg-foreground"
+      }
+    },
+    {
+      size: "sm",
+      color: "primary",
+      class: {
+        step: "data-[in-range=true]:bg-primary"
+      }
+    },
+    {
+      size: "sm",
+      color: "secondary",
+      class: {
+        step: "data-[in-range=true]:bg-secondary"
+      }
+    },
+    {
+      size: "sm",
+      color: "success",
+      class: {
+        step: "data-[in-range=true]:bg-success"
+      }
+    },
+    {
+      size: "sm",
+      color: "warning",
+      class: {
+        step: "data-[in-range=true]:bg-warning"
+      }
+    },
+    {
+      size: "sm",
+      color: "danger",
+      class: {
+        step: "data-[in-range=true]:bg-danger"
+      }
+    },
+    {
+      size: "sm",
+      isVertical: false,
+      class: {
+        track: "h-1 my-[calc((theme(spacing.5)-theme(spacing.1))/2)] data-[thumb-hidden=false]:border-x-[calc(theme(spacing.5)/2)]"
+      }
+    },
+    {
+      size: "md",
+      isVertical: false,
+      class: {
+        track: "h-3 my-[calc((theme(spacing.6)-theme(spacing.3))/2)] data-[thumb-hidden=false]:border-x-[calc(theme(spacing.6)/2)]"
+      }
+    },
+    {
+      size: "lg",
+      isVertical: false,
+      class: {
+        track: "h-7 my-[calc((theme(spacing.7)-theme(spacing.5))/2)] data-[thumb-hidden=false]:border-x-[calc(theme(spacing.7)/2)]"
+      }
+    },
+    {
+      size: "sm",
+      isVertical: true,
+      class: {
+        track: "w-1 mx-[calc((theme(spacing.5)-theme(spacing.1))/2)] data-[thumb-hidden=false]:border-y-[calc(theme(spacing.5)/2)]"
+      }
+    },
+    {
+      size: "md",
+      isVertical: true,
+      class: {
+        track: "w-3 mx-[calc((theme(spacing.6)-theme(spacing.3))/2)] data-[thumb-hidden=false]:border-y-[calc(theme(spacing.6)/2)]"
+      }
+    },
+    {
+      size: "lg",
+      isVertical: true,
+      class: {
+        track: "w-7 mx-[calc((theme(spacing.7)-theme(spacing.5))/2)] data-[thumb-hidden=false]:border-y-[calc(theme(spacing.7)/2)]"
+      }
+    },
+    {
+      color: "foreground",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-foreground"
+      }
+    },
+    {
+      color: "primary",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-primary"
+      }
+    },
+    {
+      color: "secondary",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-secondary"
+      }
+    },
+    {
+      color: "success",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-success"
+      }
+    },
+    {
+      color: "warning",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-warning"
+      }
+    },
+    {
+      color: "danger",
+      isVertical: false,
+      hasSingleThumb: true,
+      class: {
+        track: "border-s-danger"
+      }
+    },
+    {
+      color: "foreground",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-foreground"
+      }
+    },
+    {
+      color: "primary",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-primary"
+      }
+    },
+    {
+      color: "secondary",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-secondary"
+      }
+    },
+    {
+      color: "success",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-success"
+      }
+    },
+    {
+      color: "warning",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-warning"
+      }
+    },
+    {
+      color: "danger",
+      isVertical: true,
+      hasSingleThumb: true,
+      class: {
+        track: "border-b-danger"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    color: "primary",
+    radius: "full",
+    hideValue: false,
+    hideThumb: false,
+    isDisabled: false,
+    disableThumbScale: false,
+    disableAnimation: false,
+    showOutline: false
+  }
+});
+
+export {
+  slider
+};

package/dist/chunk-VJTX4YUQ.mjs

@@ -0,0 +1,31 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+
+// src/components/date-picker.ts
+var datePicker = tv({
+  slots: {
+    base: "group w-full",
+    selectorButton: "-mr-2 text-inherit",
+    selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
+    popoverContent: "p-0 w-full",
+    calendar: "w-[var(--calendar-width)] shadow-none",
+    calendarContent: "w-[var(--calendar-width)]",
+    timeInputLabel: "font-medium",
+    timeInput: "px-5 pb-4 flex-wrap gap-x-6"
+  }
+});
+var dateRangePicker = tv({
+  extend: datePicker,
+  slots: {
+    calendar: "group",
+    bottomContent: "flex flex-col gap-y-2",
+    timeInputWrapper: "flex flex-col group-data-[has-multiple-months=true]:flex-row",
+    separator: "-mx-1 text-inherit"
+  }
+});
+
+export {
+  datePicker,
+  dateRangePicker
+};

package/dist/chunk-W6DVXJB3.mjs

@@ -0,0 +1,21 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+
+// src/components/spacer.ts
+var spacer = tv({
+  base: "w-px h-px inline-block",
+  variants: {
+    isInline: {
+      true: "inline-block",
+      false: "block"
+    }
+  },
+  defaultVariants: {
+    isInline: false
+  }
+});
+
+export {
+  spacer
+};

package/dist/chunk-WAAJG22Y.mjs

@@ -0,0 +1,90 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+
+// src/components/circular-progress.ts
+var circularProgress = tv({
+  slots: {
+    base: "flex flex-col justify-center gap-1 max-w-fit items-center",
+    label: "",
+    svgWrapper: "relative block",
+    svg: "z-0 relative overflow-hidden",
+    track: "h-full stroke-default-300/50",
+    indicator: "h-full stroke-current",
+    value: "absolute font-normal inset-0 flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      default: {
+        svg: "text-default-400"
+      },
+      primary: {
+        svg: "text-primary"
+      },
+      secondary: {
+        svg: "text-secondary"
+      },
+      success: {
+        svg: "text-success"
+      },
+      warning: {
+        svg: "text-warning"
+      },
+      danger: {
+        svg: "text-danger"
+      }
+    },
+    size: {
+      sm: {
+        svg: "w-8 h-8",
+        label: "text-small",
+        value: "text-[0.5rem]"
+      },
+      md: {
+        svg: "w-10 h-10",
+        label: "text-small",
+        value: "text-[0.55rem]"
+      },
+      lg: {
+        svg: "w-12 h-12",
+        label: "text-medium",
+        value: "text-[0.6rem]"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        svg: "animate-spinner-ease-spin"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        indicator: "transition-all !duration-500"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isDisabled: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      disableAnimation: true,
+      isIndeterminate: false,
+      class: {
+        svg: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
+
+export {
+  circularProgress
+};

package/dist/chunk-X7N3NQ6S.mjs

@@ -0,0 +1,158 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/card.ts
+var card = tv({
+  slots: {
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "overflow-hidden",
+      "height-auto",
+      "outline-none",
+      "text-foreground",
+      "box-border",
+      "bg-content1",
+      ...dataFocusVisibleClasses
+    ],
+    header: [
+      "flex",
+      "p-3",
+      "z-10",
+      "w-full",
+      "justify-start",
+      "items-center",
+      "shrink-0",
+      "overflow-inherit",
+      "color-inherit",
+      "subpixel-antialiased"
+    ],
+    body: [
+      "relative",
+      "flex",
+      "flex-1",
+      "w-full",
+      "p-3",
+      "flex-auto",
+      "flex-col",
+      "place-content-inherit",
+      "align-items-inherit",
+      "h-auto",
+      "break-words",
+      "text-left",
+      "overflow-y-auto",
+      "subpixel-antialiased"
+    ],
+    footer: [
+      "p-3",
+      "h-auto",
+      "flex",
+      "w-full",
+      "items-center",
+      "overflow-hidden",
+      "color-inherit",
+      "subpixel-antialiased"
+    ]
+  },
+  variants: {
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-small"
+      },
+      md: {
+        base: "shadow-medium"
+      },
+      lg: {
+        base: "shadow-large"
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none",
+        header: "rounded-none",
+        footer: "rounded-none"
+      },
+      sm: {
+        base: "rounded-small",
+        header: "rounded-t-small",
+        footer: "rounded-b-small"
+      },
+      md: {
+        base: "rounded-medium",
+        header: "rounded-t-medium",
+        footer: "rounded-b-medium"
+      },
+      lg: {
+        base: "rounded-large",
+        header: "rounded-t-large",
+        footer: "rounded-b-large"
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full"
+      }
+    },
+    isHoverable: {
+      true: {
+        base: "data-[hover=true]:bg-content2 dark:data-[hover=true]:bg-content2"
+      }
+    },
+    isPressable: {
+      true: { base: "cursor-pointer" }
+    },
+    isBlurred: {
+      true: {
+        base: [
+          "bg-background/80",
+          "dark:bg-background/20",
+          "backdrop-blur-md",
+          "backdrop-saturate-150"
+        ]
+      }
+    },
+    isFooterBlurred: {
+      true: {
+        footer: ["bg-background/10", "backdrop-blur", "backdrop-saturate-150"]
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: "",
+      false: { base: "transition-transform-background motion-reduce:transition-none" }
+    }
+  },
+  compoundVariants: [
+    {
+      isPressable: true,
+      disableAnimation: false,
+      class: "data-[pressed=true]:scale-[0.97] tap-highlight-transparent"
+    }
+  ],
+  defaultVariants: {
+    radius: "lg",
+    shadow: "md",
+    fullWidth: false,
+    isHoverable: false,
+    isPressable: false,
+    isDisabled: false,
+    disableAnimation: false,
+    isFooterBlurred: false
+  }
+});
+
+export {
+  card
+};