@nextui-org/theme 0.0.0-dev-v2-20230326012034

package/dist/components/card.d.ts

@@ -0,0 +1,239 @@
+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 {base, header, body, footer} = card({...})
+ *
+ * <div className={card()}>
+ *    <div className={header()}>Header</div>
+ *    <div className={body()}>Body</div>
+ *    <div className={footer()}>Footer</div>
+ * </div>
+ * ```
+ */
+declare const card: tailwind_variants.TVReturnType<{
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        inner: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        base: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        sm: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        md: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        lg: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        xl: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        "2xl": {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        "3xl": {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        full: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isHoverable: {
+        true: {};
+    };
+    isPressable: {
+        true: {
+            base: string;
+        };
+    };
+    isFocusVisible: {
+        true: {
+            base: string[];
+        };
+    };
+    isFooterBlurred: {
+        true: {
+            footer: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: string;
+        false: {
+            base: string;
+        };
+    };
+}, unknown, {
+    base: string[];
+    header: string[];
+    body: string[];
+    footer: string[];
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        inner: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        base: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        sm: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        md: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        lg: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        xl: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        "2xl": {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        "3xl": {
+            base: string;
+            header: string;
+            footer: string;
+        };
+        full: {
+            base: string;
+            header: string;
+            footer: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isHoverable: {
+        true: {};
+    };
+    isPressable: {
+        true: {
+            base: string;
+        };
+    };
+    isFocusVisible: {
+        true: {
+            base: string[];
+        };
+    };
+    isFooterBlurred: {
+        true: {
+            footer: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: string;
+        false: {
+            base: string;
+        };
+    };
+}, unknown>>;
+type CardVariantProps = VariantProps<typeof card>;
+type CardSlots = keyof ReturnType<typeof card>;
+type CardReturnType = ReturnType<typeof card>;
+
+export { CardReturnType, CardSlots, CardVariantProps, card };

package/dist/components/card.js

@@ -0,0 +1,222 @@
+"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/card.ts
+var card_exports = {};
+__export(card_exports, {
+  card: () => card
+});
+module.exports = __toCommonJS(card_exports);
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/styles.ts
+var ringClasses = [
+  "outline-none",
+  "ring-2",
+  "!ring-primary",
+  "ring-offset-2",
+  "ring-offset-background",
+  "dark:ring-offset-background-dark"
+];
+
+// src/components/card.ts
+var card = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "overflow-hidden",
+      "w-full",
+      "height-auto",
+      "outline-none",
+      "text-foreground",
+      "box-border",
+      "dark:bg-content1",
+      "border border-neutral-100"
+    ],
+    header: [
+      "flex",
+      "justify-start",
+      "items-center",
+      "shrink-0",
+      "w-full",
+      "overflow-inherit",
+      "color-inherit",
+      "p-3",
+      "z-10",
+      "subpixel-antialiased"
+    ],
+    body: [
+      "relative",
+      "flex",
+      "flex-auto",
+      "flex-col",
+      "place-content-inherit",
+      "align-items-inherit",
+      "w-full",
+      "h-auto",
+      "py-5",
+      "px-3",
+      "break-words",
+      "text-left",
+      "overflow-y-auto",
+      "subpixel-antialiased"
+    ],
+    footer: [
+      "w-full",
+      "h-auto",
+      "p-3",
+      "flex",
+      "items-center",
+      "overflow-hidden",
+      "color-inherit",
+      "subpixel-antialiased"
+    ]
+  },
+  variants: {
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none",
+        header: "rounded-t-none",
+        footer: "rounded-b-none"
+      },
+      base: {
+        base: "rounded",
+        header: "rounded-t",
+        footer: "rounded-b"
+      },
+      sm: {
+        base: "rounded-sm",
+        header: "rounded-t-sm",
+        footer: "rounded-b-sm"
+      },
+      md: {
+        base: "rounded-md",
+        header: "rounded-t-md",
+        footer: "rounded-b-md"
+      },
+      lg: {
+        base: "rounded-lg",
+        header: "rounded-t-lg",
+        footer: "rounded-b-lg"
+      },
+      xl: {
+        base: "rounded-xl",
+        header: "rounded-t-xl",
+        footer: "rounded-b-xl"
+      },
+      "2xl": {
+        base: "rounded-2xl",
+        header: "rounded-t-2xl",
+        footer: "rounded-b-2xl"
+      },
+      "3xl": {
+        base: "rounded-3xl",
+        header: "rounded-t-3xl",
+        footer: "rounded-b-3xl"
+      },
+      full: {
+        base: "rounded-full",
+        header: "rounded-t-full",
+        footer: "rounded-b-full"
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full"
+      }
+    },
+    isHoverable: {
+      true: {}
+    },
+    isPressable: {
+      true: { base: "cursor-pointer" }
+    },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
+    isFooterBlurred: {
+      true: {
+        footer: "backdrop-blur-xl backdrop-saturate-200"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: "",
+      false: { base: "transition-transform motion-reduce:transition-none" }
+    }
+  },
+  compoundVariants: [
+    {
+      isHoverable: true,
+      disableAnimation: false,
+      class: "hover:-translate-y-1.5"
+    },
+    {
+      isPressable: true,
+      disableAnimation: false,
+      class: "active:scale-95"
+    }
+  ],
+  defaultVariants: {
+    radius: "xl",
+    shadow: "lg",
+    fullWidth: false,
+    isHoverable: false,
+    isPressable: false,
+    isFocusVisible: false,
+    isDisabled: false,
+    disableAnimation: false,
+    isFooterBlurred: false
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  card
+});

package/dist/components/card.mjs

@@ -0,0 +1,10 @@
+import {
+  card
+} from "../chunk-Z5OKZPNV.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import "../chunk-LGGZKBOO.mjs";
+import "../chunk-IJCHUO4J.mjs";
+export {
+  card
+};

package/dist/components/checkbox-group.d.ts

@@ -0,0 +1,32 @@
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import * as tailwind_variants from 'tailwind-variants';
+
+/**
+ * CheckboxGroup wrapper **Tailwind Variants** component
+ *
+ * const {base, label, wrapper} = checkboxGroup({...})
+ *
+ * @example
+ * <div className={base())}>
+ *  <label className={label()}>Label</label>
+ *  <div className={wrapper()} data-orientation="vertical/horizontal">
+ *     // checkboxes
+ *  </div>
+ * </div>
+ */
+declare const checkboxGroup: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<{
+    base: string;
+    label: string;
+    wrapper: string;
+}, undefined> | {}, unknown, {
+    base: string;
+    label: string;
+    wrapper: string;
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<{
+    base: string;
+    label: string;
+    wrapper: string;
+}, undefined> | {}, unknown>>;
+type CheckboxGroupSlots = keyof ReturnType<typeof checkboxGroup>;
+
+export { CheckboxGroupSlots, checkboxGroup };

package/dist/components/checkbox-group.js

@@ -0,0 +1,37 @@
+"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/checkbox-group.ts
+var checkbox_group_exports = {};
+__export(checkbox_group_exports, {
+  checkboxGroup: () => checkboxGroup
+});
+module.exports = __toCommonJS(checkbox_group_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var checkboxGroup = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: "relative flex flex-col gap-2",
+    label: "relative text-neutral-500",
+    wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  checkboxGroup
+});

package/dist/components/checkbox-group.mjs

@@ -0,0 +1,6 @@
+import {
+  checkboxGroup
+} from "../chunk-U77YMEWM.mjs";
+export {
+  checkboxGroup
+};