@nextui-org/theme 2.1.18 → 2.2.1

package/dist/components/date-picker.d.ts

@@ -0,0 +1,325 @@
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * DatePicker wrapper **Tailwind Variants** component
+ *
+ * @example
+ */
+declare const datePicker: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+declare const dateRangePicker: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            separator?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            bottomContent?: tailwind_variants.ClassValue;
+            timeInputWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            separator?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            bottomContent?: tailwind_variants.ClassValue;
+            timeInputWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            separator?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            bottomContent?: tailwind_variants.ClassValue;
+            timeInputWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    calendar: string;
+    bottomContent: string;
+    timeInputWrapper: string;
+    separator: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            separator?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            bottomContent?: tailwind_variants.ClassValue;
+            timeInputWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            separator?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            bottomContent?: tailwind_variants.ClassValue;
+            timeInputWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            separator?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            bottomContent?: tailwind_variants.ClassValue;
+            timeInputWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            selectorIcon?: tailwind_variants.ClassValue;
+            popoverContent?: tailwind_variants.ClassValue;
+            selectorButton?: tailwind_variants.ClassValue;
+            calendar?: tailwind_variants.ClassValue;
+            calendarContent?: tailwind_variants.ClassValue;
+            timeInputLabel?: tailwind_variants.ClassValue;
+            timeInput?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>>;
+/** Base */
+type DatePickerReturnType = ReturnType<typeof datePicker>;
+type DatePickerVariantProps = VariantProps<typeof datePicker>;
+type DatePickerSlots = keyof ReturnType<typeof datePicker>;
+/** Range */
+type DateRangePickerReturnType = ReturnType<typeof dateRangePicker>;
+type DateRangePickerVariantProps = VariantProps<typeof dateRangePicker>;
+type DateRangePickerSlots = keyof ReturnType<typeof dateRangePicker>;
+
+export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker };

package/dist/components/date-picker.js

@@ -0,0 +1,81 @@
+"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/date-picker.ts
+var date_picker_exports = {};
+__export(date_picker_exports, {
+  datePicker: () => datePicker,
+  dateRangePicker: () => dateRangePicker
+});
+module.exports = __toCommonJS(date_picker_exports);
+
+// src/utils/tv.ts
+var import_tailwind_variants = require("tailwind-variants");
+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"],
+        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"]
+      }
+    }
+  });
+};
+
+// src/components/date-picker.ts
+var datePicker = tv({
+  slots: {
+    base: "group w-full",
+    selectorButton: "-mr-2 text-inherit",
+    selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
+    popoverContent: "p-0 w-full",
+    calendar: "w-[var(--calendar-width)] shadow-none",
+    calendarContent: "w-[var(--calendar-width)]",
+    timeInputLabel: "font-medium",
+    timeInput: "px-5 pb-4 flex-wrap gap-x-6"
+  }
+});
+var dateRangePicker = tv({
+  extend: datePicker,
+  slots: {
+    calendar: "group",
+    bottomContent: "flex flex-col gap-y-2",
+    timeInputWrapper: "flex flex-col group-data-[has-multiple-months=true]:flex-row",
+    separator: "-mx-1 text-inherit"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  datePicker,
+  dateRangePicker
+});

package/dist/components/date-picker.mjs

@@ -0,0 +1,9 @@
+import {
+  datePicker,
+  dateRangePicker
+} from "../chunk-VJTX4YUQ.mjs";
+import "../chunk-GMMETTYU.mjs";
+export {
+  datePicker,
+  dateRangePicker
+};

package/dist/components/divider.js

@@ -26,61 +26,6 @@ module.exports = __toCommonJS(divider_exports);
 
 // 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 = (options, config) => {
   var _a, _b, _c;
@@ -92,7 +37,7 @@ var tv = (options, config) => {
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
         opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+        spacing: ["divider"],
         borderWidth: COMMON_UNITS,
         borderRadius: COMMON_UNITS
       },
@@ -100,17 +45,7 @@ var tv = (options, config) => {
         ...(_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]
-          }
-        ]
+        "bg-image": ["bg-stripe-gradient"]
       }
     }
   });

package/dist/components/divider.mjs

@@ -1,8 +1,7 @@
 import {
   divider
-} from "../chunk-YSXRNNDV.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-WA5F6AED.mjs";
+} from "../chunk-UODOTC2G.mjs";
+import "../chunk-GMMETTYU.mjs";
 export {
   divider
 };

package/dist/components/drip.d.ts

@@ -1,5 +1,5 @@
-import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 
 /**
  * Drip wrapper **Tailwind Variants** component
@@ -9,36 +9,6 @@ import * as tailwind_variants from 'tailwind-variants';
  * @example
  * <span ref={dripRef} className={classNames())} />
  */
-declare const drip: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-        };
-    } | undefined;
-} | {}, undefined, string[], tailwind_variants_dist_config.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, string[], tailwind_variants_dist_config.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
+declare const drip: tailwind_variants.TVReturnType<{} | {} | {}, undefined, string[], tailwind_variants_dist_config.TVConfig<unknown, {} | {}>, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, string[], tailwind_variants_dist_config.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 
 export { drip };

package/dist/components/drip.js

@@ -26,61 +26,6 @@ module.exports = __toCommonJS(drip_exports);
 
 // 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 = (options, config) => {
   var _a, _b, _c;
@@ -92,7 +37,7 @@ var tv = (options, config) => {
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
         opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+        spacing: ["divider"],
         borderWidth: COMMON_UNITS,
         borderRadius: COMMON_UNITS
       },
@@ -100,17 +45,7 @@ var tv = (options, config) => {
         ...(_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]
-          }
-        ]
+        "bg-image": ["bg-stripe-gradient"]
       }
     }
   });

package/dist/components/drip.mjs

@@ -1,8 +1,7 @@
 import {
   drip
-} from "../chunk-GNLIYZAQ.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-WA5F6AED.mjs";
+} from "../chunk-AGUZRGXC.mjs";
+import "../chunk-GMMETTYU.mjs";
 export {
   drip
 };