@nextui-org/theme 2.3.0-beta.12 → 2.3.0-beta.14

package/dist/components/progress.d.ts

@@ -1,3 +1,4 @@
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
@@ -288,7 +289,431 @@ declare const progress: tailwind_variants.TVReturnType<{
 }, undefined, {
     twMerge: true;
 }, unknown, unknown, undefined>>;
+/**
+ * CircularProgress **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {base, svgWrapper, svg, indicator, value, label} = circularProgress({...})
+ *
+ * <div className={base()} aria-label="progress" role="progressbar" aria-valuenow={value} aria-valuemin={min} aria-valuemax={max}>
+ *   <div className={svgWrapper()}>
+ *      <svg className={svg()}>
+ *        <circle className={track()} />
+ *        <circle className={indicator()} />
+ *      </svg>
+ *      <span className={value()}>{value}</span>
+ *   </div>
+ *    <span className={label()}>{label}</span>
+ * </div>
+ * ```
+ */
+declare const circularProgress: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    svgWrapper: string;
+    svg: string;
+    track: string;
+    indicator: string;
+    value: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}>, {
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    svgWrapper: string;
+    svg: string;
+    track: string;
+    indicator: string;
+    value: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    svgWrapper: string;
+    svg: string;
+    track: string;
+    indicator: string;
+    value: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
 type ProgressVariantProps = VariantProps<typeof progress>;
 type ProgressSlots = keyof ReturnType<typeof progress>;
+type CircularProgressVariantProps = VariantProps<typeof circularProgress>;
+type CircularProgressSlots = keyof ReturnType<typeof circularProgress>;
 
-export { ProgressSlots, ProgressVariantProps, progress };
+export { CircularProgressSlots, CircularProgressVariantProps, ProgressSlots, ProgressVariantProps, circularProgress, progress };

package/dist/components/progress.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/progress.ts
 var progress_exports = {};
 __export(progress_exports, {
+  circularProgress: () => circularProgress,
   progress: () => progress
 });
 module.exports = __toCommonJS(progress_exports);
@@ -220,7 +221,88 @@ var progress = tv(
     twMerge: true
   }
 );
+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
+  },
+  compoundVariants: [
+    {
+      disableAnimation: true,
+      isIndeterminate: false,
+      class: {
+        svg: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  circularProgress,
   progress
 });

package/dist/components/progress.mjs

@@ -1,8 +1,10 @@
 import {
+  circularProgress,
   progress
-} from "../chunk-IZOPFGDE.mjs";
+} from "../chunk-6KWI4IHE.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 export {
+  circularProgress,
   progress
 };

package/dist/index.d.ts

@@ -15,8 +15,7 @@ export { RadioGroupSlots, RadioSlots, RadioVariantProps, radio, radioGroup } fro
 export { PaginationSlots, PaginationVariantProps, pagination } from './components/pagination.js';
 export { ToggleSlots, ToggleVariantProps, toggle } from './components/toggle.js';
 export { AccordionGroupVariantProps, AccordionItemSlots, AccordionItemVariantProps, accordion, accordionItem } from './components/accordion.js';
-export { ProgressSlots, ProgressVariantProps, progress } from './components/progress.js';
-export { CircularProgressSlots, CircularProgressVariantProps, circularProgress } from './components/circular-progress.js';
+export { CircularProgressSlots, CircularProgressVariantProps, ProgressSlots, ProgressVariantProps, circularProgress, progress } from './components/progress.js';
 export { InputSlots, InputVariantProps, input } from './components/input.js';
 export { DropdownItemSlots, DropdownItemVariantProps, DropdownSectionSlots, DropdownSectionVariantProps, dropdown, dropdownItem, dropdownMenu, dropdownSection } from './components/dropdown.js';
 export { ImageSlots, ImageVariantProps, image } from './components/image.js';

package/dist/index.js

@@ -3737,8 +3737,6 @@ var progress = tv(
     twMerge: true
   }
 );
-
-// src/components/circular-progress.ts
 var circularProgress = tv({
   slots: {
     base: "flex flex-col justify-center gap-1 max-w-fit items-center",
@@ -6931,7 +6929,7 @@ var select = tv({
 // src/components/menu.ts
 var menu = tv({
   slots: {
-    base: "w-full relative flex flex-col gap-1 p-1",
+    base: "w-full relative flex flex-col gap-1 p-1 overflow-hidden",
     list: "w-full flex flex-col gap-0.5 outline-none",
     emptyContent: [
       "h-10",
@@ -7039,6 +7037,16 @@ var menuItem = tv({
       false: {
         base: "data-[hover=true]:transition-colors"
       }
+    },
+    hasTitleTextChild: {
+      true: {
+        title: "truncate"
+      }
+    },
+    hasDescriptionTextChild: {
+      true: {
+        description: "truncate"
+      }
     }
   },
   defaultVariants: {

package/dist/index.mjs

@@ -1,7 +1,4 @@
-import "./chunk-MA4DKK64.mjs";
-import {
-  spinner
-} from "./chunk-DBPAK7QN.mjs";
+import "./chunk-KEHIJEFK.mjs";
 import {
   table
 } from "./chunk-2ODFPLXN.mjs";
@@ -14,9 +11,6 @@ import {
 import {
   user
 } from "./chunk-GMZHMFEU.mjs";
-import {
-  progress
-} from "./chunk-IZOPFGDE.mjs";
 import {
   radio,
   radioGroup
@@ -40,8 +34,8 @@ import {
   spacer
 } from "./chunk-AKXXHKTO.mjs";
 import {
-  kbd
-} from "./chunk-VX7HAPUO.mjs";
+  spinner
+} from "./chunk-DBPAK7QN.mjs";
 import {
   link,
   linkAnchorClasses
@@ -51,7 +45,7 @@ import {
   menu,
   menuItem,
   menuSection
-} from "./chunk-K6KPB2U5.mjs";
+} from "./chunk-PTCUE3XA.mjs";
 import {
   modal
 } from "./chunk-N67DL6BW.mjs";
@@ -65,9 +59,9 @@ import {
   popover
 } from "./chunk-HHK47K4W.mjs";
 import {
-  datePicker,
-  dateRangePicker
-} from "./chunk-QFGVVQRM.mjs";
+  circularProgress,
+  progress
+} from "./chunk-6KWI4IHE.mjs";
 import {
   divider
 } from "./chunk-AXSF7SRE.mjs";
@@ -89,6 +83,9 @@ import {
 import {
   input
 } from "./chunk-MXL6JCUG.mjs";
+import {
+  kbd
+} from "./chunk-VX7HAPUO.mjs";
 import {
   button,
   buttonGroup
@@ -106,15 +103,16 @@ import {
 import {
   chip
 } from "./chunk-5VB7JNVX.mjs";
-import {
-  circularProgress
-} from "./chunk-AUN4SP2F.mjs";
 import {
   code
 } from "./chunk-JE6SPRGQ.mjs";
 import {
   dateInput
 } from "./chunk-HNRFZTEX.mjs";
+import {
+  datePicker,
+  dateRangePicker
+} from "./chunk-QFGVVQRM.mjs";
 import {
   accordion,
   accordionItem
@@ -152,12 +150,12 @@ import {
 } from "./chunk-GIXI35A3.mjs";
 import {
   nextui
-} from "./chunk-LCMN7HGG.mjs";
+} from "./chunk-4QKM3RKK.mjs";
 import "./chunk-D2XMP2NC.mjs";
-import "./chunk-XZMJGJQX.mjs";
-import "./chunk-WN6AL2BX.mjs";
+import "./chunk-KVYVTKEN.mjs";
 import "./chunk-W5UU3F46.mjs";
 import "./chunk-4Z22WXZX.mjs";
+import "./chunk-WN6AL2BX.mjs";
 import {
   absoluteFullClasses,
   baseStyles,

package/dist/plugin.mjs

@@ -1,11 +1,11 @@
 import {
   nextui
-} from "./chunk-LCMN7HGG.mjs";
+} from "./chunk-4QKM3RKK.mjs";
 import "./chunk-D2XMP2NC.mjs";
-import "./chunk-XZMJGJQX.mjs";
-import "./chunk-WN6AL2BX.mjs";
+import "./chunk-KVYVTKEN.mjs";
 import "./chunk-W5UU3F46.mjs";
 import "./chunk-4Z22WXZX.mjs";
+import "./chunk-WN6AL2BX.mjs";
 import "./chunk-XHQUSKIE.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-QZTWGJ72.mjs";

package/dist/utilities/index.mjs

@@ -1,9 +1,9 @@
 import {
   utilities
-} from "../chunk-XZMJGJQX.mjs";
-import "../chunk-WN6AL2BX.mjs";
+} from "../chunk-KVYVTKEN.mjs";
 import "../chunk-W5UU3F46.mjs";
 import "../chunk-4Z22WXZX.mjs";
+import "../chunk-WN6AL2BX.mjs";
 export {
   utilities
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "2.3.0-beta.12",
+  "version": "2.3.0-beta.14",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",