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

package/dist/{chunk-MXL6JCUG.mjs → chunk-Y2BFQAAT.mjs}

@@ -15,6 +15,7 @@ var input = tv({
       "z-10",
       "pointer-events-none",
       "origin-top-left",
+      "flex-shrink-0",
       "rtl:origin-top-right",
       "subpixel-antialiased",
       "block",
@@ -35,10 +36,10 @@ var input = tv({
       "p-2",
       "-m-2",
       "z-10",
-      "hidden",
       "absolute",
       "end-3",
       "start-auto",
+      "pointer-events-none",
       "appearance-none",
       "outline-none",
       "select-none",
@@ -127,6 +128,7 @@ var input = tv({
         clearButton: "text-large"
       },
       lg: {
+        label: "text-medium",
         inputWrapper: "h-12 min-h-12 rounded-large",
         input: "text-medium",
         clearButton: "text-large"
@@ -160,7 +162,7 @@ var input = tv({
         label: "relative text-foreground pe-2 ps-2 pointer-events-auto"
       },
       inside: {
-        label: "text-tiny cursor-text",
+        label: "cursor-text",
         inputWrapper: "flex-col items-start justify-center gap-0",
         innerWrapper: "group-data-[has-label=true]:items-end"
       }
@@ -174,7 +176,11 @@ var input = tv({
     isClearable: {
       true: {
         input: "peer pe-6 input-search-cancel-button-none",
-        clearButton: "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"
+        clearButton: [
+          "peer-data-[filled=true]:pointer-events-auto",
+          "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block",
+          "peer-data-[filled=true]:scale-100"
+        ]
       }
     },
     isDisabled: {
@@ -200,7 +206,8 @@ var input = tv({
         label: "relative",
         inputWrapper: "!h-auto",
         innerWrapper: "items-start group-data-[has-label=true]:items-start",
-        input: "resize-none data-[hide-scroll=true]:scrollbar-hide"
+        input: "resize-none data-[hide-scroll=true]:scrollbar-hide",
+        clearButton: "absolute top-2 right-2 rtl:right-auto rtl:left-2 z-10"
       }
     },
     disableAnimation: {
@@ -218,7 +225,14 @@ var input = tv({
           "motion-reduce:transition-none",
           "transition-[transform,color,left,opacity]"
         ],
-        clearButton: ["transition-opacity", "motion-reduce:transition-none"]
+        clearButton: [
+          "scale-90",
+          "ease-out",
+          "duration-150",
+          "transition-[opacity,transform]",
+          "motion-reduce:transition-none",
+          "motion-reduce:scale-100"
+        ]
       }
     }
   },
@@ -547,7 +561,6 @@ var input = tv({
       labelPlacement: "inside",
       size: "lg",
       class: {
-        label: "text-small",
         inputWrapper: "h-16 py-2.5 gap-0"
       }
     },
@@ -815,6 +828,17 @@ var input = tv({
       class: {
         inputWrapper: "data-[has-multiple-rows=true]:rounded-large"
       }
+    },
+    {
+      isClearable: true,
+      isMultiline: true,
+      class: {
+        clearButton: [
+          "group-data-[has-value=true]:opacity-70 group-data-[has-value=true]:block",
+          "group-data-[has-value=true]:scale-100",
+          "group-data-[has-value=true]:pointer-events-auto"
+        ]
+      }
     }
   ]
 });

package/dist/{chunk-2TAKWWRG.mjs → chunk-ZZ2VSLD6.mjs}

@@ -6,7 +6,7 @@ import {
 var autocomplete = tv({
   slots: {
     base: "group inline-flex flex-column w-full",
-    listboxWrapper: "scroll-py-6 max-h-64 w-full",
+    listboxWrapper: "scroll-py-6 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
     endContentWrapper: "relative flex h-full items-center -mr-2",

package/dist/components/accordion.js

@@ -110,7 +110,7 @@ var accordionItem = tv({
     startContent: "flex-shrink-0",
     indicator: "text-default-400",
     titleWrapper: "flex-1 flex flex-col text-start",
-    title: "text-foreground text-large",
+    title: "text-foreground text-medium",
     subtitle: "text-small text-foreground-500 font-normal",
     content: "py-2"
   },

package/dist/components/accordion.mjs

@@ -1,10 +1,11 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-HIFLYEAM.mjs";
-import "../chunk-IV3K5WDK.mjs";
+} from "../chunk-QS3I2D2K.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/alert.mjs

@@ -1,9 +1,10 @@
 import {
   alert
 } from "../chunk-MO6TCUI5.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/autocomplete.js

@@ -74,7 +74,7 @@ var tv = (options, config) => {
 var autocomplete = tv({
   slots: {
     base: "group inline-flex flex-column w-full",
-    listboxWrapper: "scroll-py-6 max-h-64 w-full",
+    listboxWrapper: "scroll-py-6 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
     endContentWrapper: "relative flex h-full items-center -mr-2",

package/dist/components/autocomplete.mjs

@@ -1,6 +1,6 @@
 import {
   autocomplete
-} from "../chunk-2TAKWWRG.mjs";
+} from "../chunk-ZZ2VSLD6.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 export {

package/dist/components/avatar.mjs

@@ -2,9 +2,10 @@ import {
   avatar,
   avatarGroup
 } from "../chunk-LWG2RR7B.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/badge.mjs

@@ -1,9 +1,10 @@
 import {
   badge
 } from "../chunk-XQI5RD6S.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/breadcrumbs.mjs

@@ -2,9 +2,10 @@ import {
   breadcrumbItem,
   breadcrumbs
 } from "../chunk-KZ2I3V4D.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/button.mjs

@@ -2,9 +2,10 @@ import {
   button,
   buttonGroup
 } from "../chunk-YRDDKYYT.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/calendar.mjs

@@ -1,9 +1,10 @@
 import {
   calendar
 } from "../chunk-VKSIQ7SR.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/card.mjs

@@ -1,9 +1,10 @@
 import {
   card
 } from "../chunk-YLHKOIZS.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/checkbox.mjs

@@ -2,9 +2,10 @@ import {
   checkbox,
   checkboxGroup
 } from "../chunk-FB2NWPDB.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/chip.mjs

@@ -1,9 +1,10 @@
 import {
   chip
 } from "../chunk-5VB7JNVX.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/code.mjs

@@ -1,9 +1,10 @@
 import {
   code
 } from "../chunk-JE6SPRGQ.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/date-input.d.ts

@@ -54,6 +54,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
             clearButton: string;
         };
         lg: {
+            label: string;
             input: string;
             inputWrapper: string;
         };
@@ -174,6 +175,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
             clearButton: string;
         };
         lg: {
+            label: string;
             input: string;
             inputWrapper: string;
         };
@@ -284,6 +286,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
             clearButton: string;
         };
         lg: {
+            label: string;
             input: string;
             inputWrapper: string;
         };
@@ -394,6 +397,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
             clearButton: string;
         };
         lg: {
+            label: string;
             input: string;
             inputWrapper: string;
         };
@@ -514,6 +518,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
             clearButton: string;
         };
         lg: {
+            label: string;
             input: string;
             inputWrapper: string;
         };
@@ -634,6 +639,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
             clearButton: string;
         };
         lg: {
+            label: string;
             input: string;
             inputWrapper: string;
         };
@@ -744,6 +750,7 @@ declare const dateInput: tailwind_variants.TVReturnType<{
             clearButton: string;
         };
         lg: {
+            label: string;
             input: string;
             inputWrapper: string;
         };

package/dist/components/date-input.js

@@ -194,6 +194,7 @@ var dateInput = tv({
         clearButton: "text-large"
       },
       lg: {
+        label: "text-medium",
         input: "text-medium",
         inputWrapper: "h-12 min-h-12 rounded-large"
       }
@@ -431,7 +432,7 @@ var dateInput = tv({
       labelPlacement: "inside",
       size: "lg",
       class: {
-        label: "text-small",
+        label: "text-medium",
         inputWrapper: "h-16 py-2.5 gap-0"
       }
     },

package/dist/components/date-input.mjs

@@ -1,6 +1,6 @@
 import {
   dateInput
-} from "../chunk-HNRFZTEX.mjs";
+} from "../chunk-TK7HBD3N.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 export {

package/dist/components/dropdown.mjs

@@ -4,9 +4,10 @@ import {
   dropdownMenu,
   dropdownSection
 } from "../chunk-EQPJSVMB.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/form.d.ts

@@ -0,0 +1,20 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+
+/**
+ * Card **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const classNames = form({...})
+ *
+ * <form className={base()}>
+ *    // form content
+ * </form>
+ * ```
+ */
+declare const form: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-2 items-start", tailwind_variants_dist_config.TVConfig<unknown, {} | {}>, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "flex flex-col gap-2 items-start", tailwind_variants_dist_config.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+type FormVariantProps = VariantProps<typeof form>;
+
+export { FormVariantProps, form };

package/dist/components/{circular-progress.js → form.js}

@@ -17,12 +17,12 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/circular-progress.ts
-var circular_progress_exports = {};
-__export(circular_progress_exports, {
-  circularProgress: () => circularProgress
+// src/components/form.ts
+var form_exports = {};
+__export(form_exports, {
+  form: () => form
 });
-module.exports = __toCommonJS(circular_progress_exports);
+module.exports = __toCommonJS(form_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
@@ -70,88 +70,11 @@ var tv = (options, config) => {
   });
 };
 
-// src/components/circular-progress.ts
-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"
-      }
-    }
-  ]
+// src/components/form.ts
+var form = tv({
+  base: "flex flex-col gap-2 items-start"
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  circularProgress
+  form
 });

package/dist/components/{circular-progress.mjs → form.mjs}

@@ -1,8 +1,8 @@
 import {
-  circularProgress
-} from "../chunk-AUN4SP2F.mjs";
+  form
+} from "../chunk-E257OVH3.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 export {
-  circularProgress
+  form
 };

package/dist/components/index.d.ts

@@ -15,8 +15,8 @@ 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 { InputOtpReturnType, InputOtpSlots, InputOtpVariantProps, inputOtp } from './input-otp.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';
@@ -39,5 +39,6 @@ export { DateInputReturnType, DateInputSlots, DateInputVariantProps, dateInput }
 export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker } from './date-picker.js';
 export { AlertSlots, AlertVariantProps, alert } from './alert.js';
 export { DrawerVariants, drawer } from './drawer.js';
+export { FormVariantProps, form } from './form.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config';