@nextui-org/theme 2.1.9 → 2.1.10

package/dist/components/breadcrumbs.js

@@ -0,0 +1,357 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/breadcrumbs.ts
+var breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  breadcrumbItem: () => breadcrumbItem,
+  breadcrumbs: () => breadcrumbs
+});
+module.exports = __toCommonJS(breadcrumbs_exports);
+
+// src/utils/classes.ts
+var dataFocusVisibleClasses = [
+  "outline-none",
+  "data-[focus-visible=true]:z-10",
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
+];
+
+// src/utils/tv.ts
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/types.ts
+var spacingScaleKeys = [
+  "0",
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "5xl",
+  "6xl",
+  "7xl",
+  "8xl",
+  "9xl",
+  "1",
+  "2",
+  "3",
+  "3.5",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  "10",
+  "11",
+  "12",
+  "13",
+  "14",
+  "15",
+  "16",
+  "17",
+  "18",
+  "20",
+  "24",
+  "28",
+  "32",
+  "36",
+  "40",
+  "44",
+  "48",
+  "52",
+  "56",
+  "60",
+  "64",
+  "72",
+  "80",
+  "96"
+];
+var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
+
+// src/utils/tv.ts
+var COMMON_UNITS = ["small", "medium", "large"];
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
+    }
+  }
+});
+
+// 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"
+      }
+    }
+  ]
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  breadcrumbItem,
+  breadcrumbs
+});

package/dist/components/breadcrumbs.mjs

@@ -0,0 +1,14 @@
+import {
+  breadcrumbItem,
+  breadcrumbs
+} from "../chunk-76A2UI6G.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import "../chunk-2PIR7DFM.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
+import "../chunk-WA5F6AED.mjs";
+export {
+  breadcrumbItem,
+  breadcrumbs
+};

package/dist/components/button.d.ts

@@ -63,7 +63,7 @@ declare const button: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: "!transition-none";
-        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
+        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, undefined, string[], tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -110,7 +110,7 @@ declare const button: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: "!transition-none";
-        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
+        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, {
     variant: {
@@ -157,7 +157,7 @@ declare const button: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: "!transition-none";
-        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
+        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }>, {
     variant: {
@@ -204,7 +204,7 @@ declare const button: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: "!transition-none";
-        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
+        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, undefined, tailwind_variants.TVReturnType<{
     variant: {
@@ -251,7 +251,7 @@ declare const button: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: "!transition-none";
-        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
+        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, undefined, string[], tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -298,7 +298,7 @@ declare const button: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: "!transition-none";
-        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
+        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, {
     variant: {
@@ -345,7 +345,7 @@ declare const button: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: "!transition-none";
-        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none";
+        false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }>, unknown, unknown, undefined>>;
 /**

package/dist/components/button.js

@@ -83,39 +83,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
@@ -125,6 +118,14 @@ var dataFocusVisibleClasses = [
   "data-[focus-visible=true]:outline-focus",
   "data-[focus-visible=true]:outline-offset-2"
 ];
+var collapseAdjacentVariantBorders = {
+  default: ["[&+.border-medium.border-default]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  primary: ["[&+.border-medium.border-primary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  secondary: ["[&+.border-medium.border-secondary]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  success: ["[&+.border-medium.border-success]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  warning: ["[&+.border-medium.border-warning]:ms-[calc(theme(borderWidth.medium)*-1)]"],
+  danger: ["[&+.border-medium.border-danger]:ms-[calc(theme(borderWidth.medium)*-1)]"]
+};
 
 // src/utils/variants.ts
 var solid = {
@@ -266,7 +267,7 @@ var button = tv({
     },
     disableAnimation: {
       true: "!transition-none",
-      false: "data-[pressed=true]:scale-[0.97] transition-transform-colors motion-reduce:transition-none"
+      false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none"
     }
   },
   defaultVariants: {
@@ -489,30 +490,90 @@ var button = tv({
       color: "danger",
       class: colorVariants.ghost.danger
     },
+    {
+      isInGroup: true,
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
+    },
     {
       isInGroup: true,
       size: "sm",
-      class: "rounded-none first:rounded-l-small last:rounded-r-small"
+      class: "rounded-none first:rounded-s-small last:rounded-e-small"
     },
     {
       isInGroup: true,
       size: "md",
-      class: "rounded-none first:rounded-l-medium last:rounded-r-medium"
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
     },
     {
       isInGroup: true,
       size: "lg",
-      class: "rounded-none first:rounded-l-large last:rounded-r-large"
+      class: "rounded-none first:rounded-s-large last:rounded-e-large"
     },
     {
       isInGroup: true,
       isRounded: true,
-      class: "rounded-none first:rounded-l-full last:rounded-r-full"
+      class: "rounded-none first:rounded-s-full last:rounded-e-full"
+    },
+    {
+      isInGroup: true,
+      radius: "none",
+      class: "rounded-none first:rounded-s-none last:rounded-e-none"
     },
     {
       isInGroup: true,
-      variant: ["bordered", "ghost"],
-      class: "[&:not(:first-child)]:ml-[calc(theme(borderWidth.medium)*-1)]"
+      radius: "sm",
+      class: "rounded-none first:rounded-s-small last:rounded-e-small"
+    },
+    {
+      isInGroup: true,
+      radius: "md",
+      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
+    },
+    {
+      isInGroup: true,
+      radius: "lg",
+      class: "rounded-none first:rounded-s-large last:rounded-e-large"
+    },
+    {
+      isInGroup: true,
+      radius: "full",
+      class: "rounded-none first:rounded-s-full last:rounded-e-full"
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "default",
+      className: collapseAdjacentVariantBorders.default
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "primary",
+      className: collapseAdjacentVariantBorders.primary
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "secondary",
+      className: collapseAdjacentVariantBorders.secondary
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "success",
+      className: collapseAdjacentVariantBorders.success
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "warning",
+      className: collapseAdjacentVariantBorders.warning
+    },
+    {
+      isInGroup: true,
+      variant: ["ghost", "bordered"],
+      color: "danger",
+      className: collapseAdjacentVariantBorders.danger
     },
     {
       isIconOnly: true,
@@ -528,6 +589,10 @@ var button = tv({
       isIconOnly: true,
       size: "lg",
       class: "min-w-unit-12 w-unit-12 h-unit-12"
+    },
+    {
+      variant: ["solid", "faded", "flat", "bordered", "shadow"],
+      class: "data-[hover=true]:opacity-hover"
     }
   ]
 });

package/dist/components/button.mjs

@@ -1,12 +1,12 @@
 import {
   button,
   buttonGroup
-} from "../chunk-XJU7LDVX.mjs";
+} from "../chunk-Y5WLFHBC.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-T7JNS25F.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   button,