@nextui-org/theme 2.1.8 → 2.1.10

package/dist/{chunk-77O7KLUI.mjs → chunk-362LGETO.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-WBUVHAJX.mjs";
 
 // src/components/code.ts
 var code = tv({

package/dist/{chunk-23KK2ZAZ.mjs → chunk-5GLH2ERS.mjs}

@@ -1,9 +1,9 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-WBUVHAJX.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-T7JNS25F.mjs";
+} from "./chunk-XHQUSKIE.mjs";
 
 // src/components/dropdown.ts
 var dropdown = tv({

package/dist/{chunk-RYOZQSNI.mjs → chunk-6XG3Y4GM.mjs}

@@ -1,14 +1,14 @@
+import {
+  utilities
+} from "./chunk-S7W5DQP2.mjs";
 import {
   createSpacingUnits,
   generateSpacingScale,
   isBaseTheme
-} from "./chunk-NW5W5ANO.mjs";
-import {
-  utilities
-} from "./chunk-Y32IWEMZ.mjs";
+} from "./chunk-DGMET46Q.mjs";
 import {
   baseStyles
-} from "./chunk-T7JNS25F.mjs";
+} from "./chunk-XHQUSKIE.mjs";
 import {
   semanticColors
 } from "./chunk-G4RCK475.mjs";
@@ -19,7 +19,7 @@ import {
   darkLayout,
   defaultLayout,
   lightLayout
-} from "./chunk-7MCHEQXT.mjs";
+} from "./chunk-VZI6SR6H.mjs";
 import {
   animations
 } from "./chunk-DMASP6FA.mjs";
@@ -100,6 +100,9 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
         });
       } else {
         const layoutVariable = `--${prefix}-${key}`;
+        if (layoutVariable.includes("opacity") && typeof value === "number") {
+          value = value.toString().replace(/^0\./, ".");
+        }
         resolved.utilities[cssSelector][layoutVariable] = value;
       }
     });
@@ -146,7 +149,8 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
             ...resolved.colors
           },
           scale: {
-            "80": "0.8"
+            "80": "0.8",
+            "85": "0.85"
           },
           height: {
             divider: `var(--${prefix}-divider-weight)`
@@ -176,6 +180,7 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
             large: `var(--${prefix}-radius-large)`
           },
           opacity: {
+            hover: `var(--${prefix}-hover-opacity)`,
             disabled: `var(--${prefix}-disabled-opacity)`
           },
           borderWidth: {

package/dist/chunk-76A2UI6G.mjs

@@ -0,0 +1,243 @@
+import {
+  tv
+} from "./chunk-WBUVHAJX.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/breadcrumbs.ts
+var breadcrumbItem = tv({
+  slots: {
+    base: "flex items-center",
+    item: [
+      "flex gap-1 items-center",
+      "cursor-pointer",
+      "whitespace-nowrap",
+      "line-clamp-1",
+      "outline-none",
+      "tap-highlight-transparent",
+      ...dataFocusVisibleClasses
+    ],
+    separator: "text-default-400 px-1"
+  },
+  variants: {
+    color: {
+      foreground: {
+        item: "text-foreground/50",
+        separator: "text-foreground/50"
+      },
+      primary: {
+        item: "text-primary/80",
+        separator: "text-primary/80"
+      },
+      secondary: {
+        item: "text-secondary/80",
+        separator: "text-secondary/80"
+      },
+      success: {
+        item: "text-success/80",
+        separator: "text-success/80"
+      },
+      warning: {
+        item: "text-warning/80",
+        separator: "text-warning/80"
+      },
+      danger: {
+        item: "text-danger/80",
+        separator: "text-danger/80"
+      }
+    },
+    size: {
+      sm: {
+        item: "text-tiny"
+      },
+      md: {
+        item: "text-small"
+      },
+      lg: {
+        item: "text-medium"
+      }
+    },
+    underline: {
+      none: {
+        item: "no-underline"
+      },
+      hover: {
+        item: "hover:underline"
+      },
+      always: {
+        item: "underline"
+      },
+      active: {
+        item: "active:underline"
+      },
+      focus: {
+        item: "focus:underline"
+      }
+    },
+    isCurrent: {
+      true: {
+        item: "cursor-default"
+      },
+      false: {
+        item: ["hover:opacity-80", "active:opacity-disabled"]
+      }
+    },
+    isDisabled: {
+      true: {
+        item: "opacity-disabled pointer-events-none",
+        separator: "opacity-disabled"
+      }
+    },
+    disableAnimation: {
+      false: {
+        item: "transition-opacity"
+      },
+      true: {
+        item: "transition-none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "foreground",
+    underline: "hover",
+    isDisabled: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      isCurrent: true,
+      color: "foreground",
+      class: {
+        item: "text-foreground"
+      }
+    },
+    {
+      isCurrent: true,
+      color: "primary",
+      class: {
+        item: "text-primary"
+      }
+    },
+    {
+      isCurrent: true,
+      color: "secondary",
+      class: {
+        item: "text-secondary"
+      }
+    },
+    {
+      isCurrent: true,
+      color: "success",
+      class: {
+        item: "text-success"
+      }
+    },
+    {
+      isCurrent: true,
+      color: "warning",
+      class: {
+        item: "text-warning"
+      }
+    },
+    {
+      isCurrent: true,
+      color: "danger",
+      class: {
+        item: "text-danger"
+      }
+    },
+    {
+      isCurrent: false,
+      underline: "none",
+      class: {
+        item: "no-underline"
+      }
+    },
+    {
+      underline: ["hover", "always", "active", "focus"],
+      class: "underline-offset-4"
+    }
+  ]
+});
+var breadcrumbs = tv({
+  slots: {
+    base: "",
+    list: "flex flex-wrap list-none",
+    ellipsis: "text-medium",
+    separator: "text-default-400 px-1"
+  },
+  variants: {
+    size: {
+      sm: {},
+      md: {},
+      lg: {}
+    },
+    radius: {
+      none: {
+        list: "rounded-none"
+      },
+      sm: {
+        list: "rounded-small"
+      },
+      md: {
+        list: "rounded-medium"
+      },
+      lg: {
+        list: "rounded-large"
+      },
+      full: {
+        list: "rounded-full"
+      }
+    },
+    variant: {
+      solid: {
+        list: "bg-default-100"
+      },
+      bordered: {
+        list: "border-medium border-default-200 shadow-sm"
+      },
+      light: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "sm",
+    variant: "light"
+  },
+  compoundVariants: [
+    {
+      variant: ["solid", "bordered"],
+      class: {
+        list: "max-w-fit"
+      }
+    },
+    {
+      variant: ["solid", "bordered"],
+      size: "sm",
+      class: {
+        list: "px-2 py-1"
+      }
+    },
+    {
+      variant: ["solid", "bordered"],
+      size: "md",
+      class: {
+        list: "px-2.5 py-1.5"
+      }
+    },
+    {
+      variant: ["solid", "bordered"],
+      size: "lg",
+      class: {
+        list: "px-3 py-2"
+      }
+    }
+  ]
+});
+
+export {
+  breadcrumbItem,
+  breadcrumbs
+};

package/dist/chunk-AQDGQGUV.mjs

@@ -0,0 +1,391 @@
+import {
+  tv
+} from "./chunk-WBUVHAJX.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-NAY2XKLY.mjs → chunk-B6QMTIF2.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-WBUVHAJX.mjs";
 
 // src/components/spinner.ts
 var spinner = tv({