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

package/dist/{chunk-LCMN7HGG.mjs → chunk-4QKM3RKK.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-D2XMP2NC.mjs";
 import {
   utilities
-} from "./chunk-XZMJGJQX.mjs";
+} from "./chunk-KVYVTKEN.mjs";
 import {
   DEFAULT_TRANSITION_DURATION
 } from "./chunk-WN6AL2BX.mjs";

package/dist/{chunk-IZOPFGDE.mjs → chunk-6KWI4IHE.mjs}

@@ -152,7 +152,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"
+      }
+    }
+  ]
+});
 
 export {
-  progress
+  progress,
+  circularProgress
 };

package/dist/{chunk-K6KPB2U5.mjs → chunk-PTCUE3XA.mjs}

@@ -8,7 +8,7 @@ import {
 // 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",
@@ -116,6 +116,16 @@ var menuItem = tv({
       false: {
         base: "data-[hover=true]:transition-colors"
       }
+    },
+    hasTitleTextChild: {
+      true: {
+        title: "truncate"
+      }
+    },
+    hasDescriptionTextChild: {
+      true: {
+        description: "truncate"
+      }
     }
   },
   defaultVariants: {

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -3692,8 +3692,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",
@@ -6886,7 +6884,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",
@@ -6994,6 +6992,16 @@ var menuItem = tv({
       false: {
         base: "data-[hover=true]:transition-colors"
       }
+    },
+    hasTitleTextChild: {
+      true: {
+        title: "truncate"
+      }
+    },
+    hasDescriptionTextChild: {
+      true: {
+        description: "truncate"
+      }
     }
   },
   defaultVariants: {

package/dist/components/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

package/dist/components/listbox.js

@@ -84,7 +84,7 @@ var dataFocusVisibleClasses = [
 // 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",
@@ -192,6 +192,16 @@ var menuItem = tv({
       false: {
         base: "data-[hover=true]:transition-colors"
       }
+    },
+    hasTitleTextChild: {
+      true: {
+        title: "truncate"
+      }
+    },
+    hasDescriptionTextChild: {
+      true: {
+        description: "truncate"
+      }
     }
   },
   defaultVariants: {

package/dist/components/listbox.mjs

@@ -3,7 +3,7 @@ import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-K6KPB2U5.mjs";
+} from "../chunk-PTCUE3XA.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";

package/dist/components/menu.d.ts

@@ -129,6 +129,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     base: string[];
     wrapper: string;
@@ -182,6 +192,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     variant: {
         solid: {
@@ -228,6 +248,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }>, {
     variant: {
         solid: {
@@ -274,6 +304,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     base: string[];
     wrapper: string;
@@ -327,6 +367,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     base: string[];
     wrapper: string;
@@ -380,6 +430,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     variant: {
         solid: {
@@ -426,6 +486,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }>, unknown, unknown, undefined>>;
 /**
  * Menu section wrapper **Tailwind Variants** component

package/dist/components/menu.js

@@ -84,7 +84,7 @@ var dataFocusVisibleClasses = [
 // 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",
@@ -192,6 +192,16 @@ var menuItem = tv({
       false: {
         base: "data-[hover=true]:transition-colors"
       }
+    },
+    hasTitleTextChild: {
+      true: {
+        title: "truncate"
+      }
+    },
+    hasDescriptionTextChild: {
+      true: {
+        description: "truncate"
+      }
     }
   },
   defaultVariants: {

package/dist/components/menu.mjs

@@ -2,7 +2,7 @@ import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-K6KPB2U5.mjs";
+} from "../chunk-PTCUE3XA.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";