@nextui-org/theme 2.1.17 → 2.2.0

package/dist/components/date-picker.js

@@ -0,0 +1,93 @@
+"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"
+  },
+  variants: {
+    hasMultipleMonths: {
+      true: {
+        calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
+        calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    hasMultipleMonths: false
+  }
+});
+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-BLAJANNW.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
 };

package/dist/components/dropdown.d.ts

@@ -1,6 +1,6 @@
-import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 
 /**
  * Dropdown wrapper **Tailwind Variants** component
@@ -16,37 +16,7 @@ import { VariantProps } from 'tailwind-variants';
  *  </div>
  * </div>
  */
-declare const dropdown: 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 dropdown: 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>>;
 /**
  * DropdownItem wrapper **Tailwind Variants** component
  *
@@ -388,7 +358,7 @@ declare const dropdownSection: tailwind_variants.TVReturnType<{
             group?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
         };
-    } | undefined;
+    };
 } | {}, {
     base: string;
     heading: string;
@@ -438,37 +408,7 @@ declare const dropdownSection: tailwind_variants.TVReturnType<{
  * const classNames = dropdownMenu({...})
 
  */
-declare const dropdownMenu: 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, "w-full flex flex-col gap-0.5 p-1", 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, "w-full flex flex-col gap-0.5 p-1", tailwind_variants_dist_config.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
+declare const dropdownMenu: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "w-full flex flex-col gap-0.5 p-1", tailwind_variants_dist_config.TVConfig<unknown, {} | {}>, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "w-full flex flex-col gap-0.5 p-1", tailwind_variants_dist_config.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 type DropdownSectionVariantProps = VariantProps<typeof dropdownSection>;
 type DropdownSectionSlots = keyof ReturnType<typeof dropdownSection>;
 type DropdownItemVariantProps = VariantProps<typeof dropdownItem>;

package/dist/components/dropdown.js

@@ -29,61 +29,6 @@ module.exports = __toCommonJS(dropdown_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;
@@ -95,7 +40,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
       },
@@ -103,17 +48,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/dropdown.mjs

@@ -3,13 +3,12 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-CVU6I4IJ.mjs";
+} from "../chunk-4ZM6AI3H.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
+import "../chunk-GMMETTYU.mjs";
 import "../chunk-XHQUSKIE.mjs";
-import "../chunk-WA5F6AED.mjs";
 export {
   dropdown,
   dropdownItem,

package/dist/components/image.js

@@ -26,61 +26,6 @@ module.exports = __toCommonJS(image_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/image.mjs

@@ -1,8 +1,7 @@
 import {
   image
-} from "../chunk-WBNF66V7.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-WA5F6AED.mjs";
+} from "../chunk-LDBYFTHC.mjs";
+import "../chunk-GMMETTYU.mjs";
 export {
   image
 };

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup } from './avatar.js';
+export { AvatarGroupSlots, AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup } from './avatar.js';
 export { CardReturnType, CardSlots, CardVariantProps, card } from './card.js';
 export { LinkVariantProps, link, linkAnchorClasses } from './link.js';
 export { UserSlots, user } from './user.js';
@@ -34,5 +34,8 @@ export { ScrollShadowVariantProps, scrollShadow } from './scroll-shadow.js';
 export { SliderSlots, SliderVariantProps, slider } from './slider.js';
 export { BreadcrumbItemSlots, BreadcrumbItemVariantProps, BreadcrumbsSlots, BreadcrumbsVariantProps, breadcrumbItem, breadcrumbs } from './breadcrumbs.js';
 export { AutocompleteSlots, AutocompleteVariantProps, autocomplete } from './autocomplete.js';
+export { CalendarReturnType, CalendarSlots, CalendarVariantProps, calendar } from './calendar.js';
+export { DateInputReturnType, DateInputSlots, DateInputVariantProps, dateInput } from './date-input.js';
+export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker } from './date-picker.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config';