@nextui-org/theme 0.0.0-canary-20240429052129

package/dist/components/user.d.ts

@@ -0,0 +1,81 @@
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import * as tailwind_variants from 'tailwind-variants';
+
+/**
+ * User wrapper **Tailwind Variants** component
+ *
+ * const {base, wrapper, name, description} = user({...})
+ *
+ * @example
+ * <div className={base())}>
+ *   // avatar element @see avatar
+ *  <div className={wrapper())}>
+ *    <span className={name())}>user name</span>
+ *    <span className={description())}>user description</span>
+ *  </div>
+ * </div>
+ */
+declare const user: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string[];
+    wrapper: string;
+    name: string;
+    description: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            description?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type UserSlots = keyof ReturnType<typeof user>;
+
+export { UserSlots, user };

package/dist/components/user.js

@@ -0,0 +1,78 @@
+"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/user.ts
+var user_exports = {};
+__export(user_exports, {
+  user: () => user
+});
+module.exports = __toCommonJS(user_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/utils/classes.ts
+var dataFocusVisibleClasses = [
+  "outline-none",
+  "data-[focus-visible=true]:z-10",
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
+];
+
+// src/components/user.ts
+var user = tv({
+  slots: {
+    base: [
+      "inline-flex items-center justify-center gap-2 rounded-small outline-none",
+      ...dataFocusVisibleClasses
+    ],
+    wrapper: "inline-flex flex-col items-start",
+    name: "text-small text-inherit",
+    description: "text-tiny text-foreground-400"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  user
+});

package/dist/components/user.mjs

@@ -0,0 +1,11 @@
+import {
+  user
+} from "../chunk-NAUU2OUH.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import "../chunk-2PIR7DFM.mjs";
+import "../chunk-GMMETTYU.mjs";
+import "../chunk-XHQUSKIE.mjs";
+export {
+  user
+};

package/dist/default-layout.d.ts

@@ -0,0 +1,8 @@
+import { LayoutTheme } from './types.js';
+import './colors/types.js';
+
+declare const defaultLayout: LayoutTheme;
+declare const lightLayout: LayoutTheme;
+declare const darkLayout: LayoutTheme;
+
+export { darkLayout, defaultLayout, lightLayout };

package/dist/default-layout.js

@@ -0,0 +1,75 @@
+"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/default-layout.ts
+var default_layout_exports = {};
+__export(default_layout_exports, {
+  darkLayout: () => darkLayout,
+  defaultLayout: () => defaultLayout,
+  lightLayout: () => lightLayout
+});
+module.exports = __toCommonJS(default_layout_exports);
+var defaultLayout = {
+  dividerWeight: "1px",
+  disabledOpacity: ".5",
+  fontSize: {
+    tiny: "0.75rem",
+    small: "0.875rem",
+    medium: "1rem",
+    large: "1.125rem"
+  },
+  lineHeight: {
+    tiny: "1rem",
+    small: "1.25rem",
+    medium: "1.5rem",
+    large: "1.75rem"
+  },
+  radius: {
+    small: "8px",
+    medium: "12px",
+    large: "14px"
+  },
+  borderWidth: {
+    small: "1px",
+    medium: "2px",
+    large: "3px"
+  },
+  boxShadow: {
+    small: "0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",
+    medium: "0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",
+    large: "0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3)"
+  }
+};
+var lightLayout = {
+  hoverOpacity: ".8"
+};
+var darkLayout = {
+  hoverOpacity: ".9",
+  boxShadow: {
+    small: "0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
+    medium: "0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
+    large: "0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  darkLayout,
+  defaultLayout,
+  lightLayout
+});

package/dist/default-layout.mjs

@@ -0,0 +1,10 @@
+import {
+  darkLayout,
+  defaultLayout,
+  lightLayout
+} from "./chunk-HUBDRSA4.mjs";
+export {
+  darkLayout,
+  defaultLayout,
+  lightLayout
+};

package/dist/index.d.ts

@@ -0,0 +1,52 @@
+export { AvatarGroupSlots, AvatarGroupVariantProps, AvatarSlots, AvatarVariantProps, avatar, avatarGroup } from './components/avatar.js';
+export { CardReturnType, CardSlots, CardVariantProps, card } from './components/card.js';
+export { LinkVariantProps, link, linkAnchorClasses } from './components/link.js';
+export { UserSlots, user } from './components/user.js';
+export { ButtonGroupVariantProps, ButtonVariantProps, button, buttonGroup } from './components/button.js';
+export { drip } from './components/drip.js';
+export { SpinnerSlots, SpinnerVariantProps, spinner } from './components/spinner.js';
+export { CodeVariantProps, code } from './components/code.js';
+export { PopoverSlots, PopoverVariantProps, popover } from './components/popover.js';
+export { SnippetSlots, SnippetVariantProps, snippet } from './components/snippet.js';
+export { ChipSlots, ChipVariantProps, chip } from './components/chip.js';
+export { BadgeSlots, BadgeVariantProps, badge } from './components/badge.js';
+export { CheckboxGroupSlots, CheckboxSlots, CheckboxVariantProps, checkbox, checkboxGroup } from './components/checkbox.js';
+export { RadioGroupSlots, RadioSlots, RadioVariantProps, radio, radioGroup } from './components/radio.js';
+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 { 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';
+export { ModalSlots, ModalVariantProps, modal } from './components/modal.js';
+export { NavbarSlots, NavbarVariantProps, navbar } from './components/navbar.js';
+export { TableReturnType, TableSlots, TableVariantProps, table } from './components/table.js';
+export { SpacerVariantProps, spacer } from './components/spacer.js';
+export { DividerVariantProps, divider } from './components/divider.js';
+export { KbdSlots, KbdVariantProps, kbd } from './components/kbd.js';
+export { TabsReturnType, TabsSlots, TabsVariantProps, tabs } from './components/tabs.js';
+export { SkeletonSlots, SkeletonVariantProps, skeleton } from './components/skeleton.js';
+export { SelectSlots, SelectVariantProps, select } from './components/select.js';
+export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './components/menu.js';
+export { ScrollShadowVariantProps, scrollShadow } from './components/scroll-shadow.js';
+export { SliderSlots, SliderVariantProps, slider } from './components/slider.js';
+export { BreadcrumbItemSlots, BreadcrumbItemVariantProps, BreadcrumbsSlots, BreadcrumbsVariantProps, breadcrumbItem, breadcrumbs } from './components/breadcrumbs.js';
+export { AutocompleteSlots, AutocompleteVariantProps, autocomplete } from './components/autocomplete.js';
+export { CalendarReturnType, CalendarSlots, CalendarVariantProps, calendar } from './components/calendar.js';
+export { DateInputReturnType, DateInputSlots, DateInputVariantProps, dateInput } from './components/date-input.js';
+export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker } from './components/date-picker.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 { colors } from './colors/index.js';
+export { nextui } from './plugin.js';
+export { BaseThemeUnit, ConfigTheme, ConfigThemes, DefaultThemeType, FontThemeUnit, LayoutTheme, NextUIPluginConfig } from './types.js';
+export { tv } from './utils/tv.js';
+export { TV, VariantProps } from 'tailwind-variants';
+export { BaseColors, ColorScale, SemanticBaseColors, ThemeColors } from './colors/types.js';
+export { commonColors } from './colors/common.js';
+export { semanticColors } from './colors/semantic.js';
+import 'tailwind-variants/dist/config';
+import 'tailwindcss/plugin.js';