@nextui-org/theme 2.3.0-beta.9 → 2.4.0

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/components/radio.mjs

@@ -2,9 +2,10 @@ import {
   radio,
   radioGroup
 } from "../chunk-LVAEW6WR.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/select.js

@@ -98,7 +98,7 @@ var select = tv({
     selectorIcon: "absolute end-3 w-4 h-4",
     spinner: "absolute end-3",
     value: ["text-foreground-500", "font-normal", "w-full", "text-start"],
-    listboxWrapper: "scroll-py-6 max-h-64 w-full",
+    listboxWrapper: "scroll-py-6 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
     helperWrapper: "p-1 flex relative flex-col gap-1.5",
@@ -595,7 +595,7 @@ var select = tv({
       labelPlacement: "inside",
       size: "lg",
       class: {
-        label: "text-small",
+        label: "text-medium",
         trigger: "h-16 min-h-16 py-2.5 gap-0"
       }
     },

package/dist/components/select.mjs

@@ -1,9 +1,10 @@
 import {
   select
-} from "../chunk-3ANIDDEW.mjs";
-import "../chunk-IV3K5WDK.mjs";
+} from "../chunk-LJXTFBEV.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/slider.mjs

@@ -1,9 +1,10 @@
 import {
   slider
 } from "../chunk-7IYRK3EV.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/snippet.mjs

@@ -1,9 +1,10 @@
 import {
   snippet
 } from "../chunk-SC2SILVU.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/table.mjs

@@ -1,9 +1,10 @@
 import {
   table
 } from "../chunk-2ODFPLXN.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/tabs.mjs

@@ -1,9 +1,10 @@
 import {
   tabs
 } from "../chunk-KTTXIYK2.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/toggle.mjs

@@ -1,9 +1,10 @@
 import {
   toggle
 } from "../chunk-FJGKW3ZE.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/user.mjs

@@ -1,9 +1,10 @@
 import {
   user
 } from "../chunk-GMZHMFEU.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/index.d.ts

@@ -15,8 +15,8 @@ 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 { InputOtpReturnType, InputOtpSlots, InputOtpVariantProps, inputOtp } from './components/input-otp.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';
@@ -39,10 +39,12 @@ export { DateInputReturnType, DateInputSlots, DateInputVariantProps, dateInput }
 export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker } from './components/date-picker.js';
 export { AlertSlots, AlertVariantProps, alert } from './components/alert.js';
 export { DrawerVariants, drawer } from './components/drawer.js';
+export { FormVariantProps, form } from './components/form.js';
 export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses } from './utils/classes.js';
 export { SlotsToClasses } from './utils/types.js';
 export { colorVariants } from './utils/variants.js';
 export { COMMON_UNITS, twMergeConfig } from './utils/tw-merge-config.js';
+export { mergeClasses } from './utils/merge-classes.js';
 export { cn } from './utils/cn.js';
 export { colors } from './colors/index.js';
 export { nextui } from './plugin.js';