@teach-in/react 1.4.0 → 1.5.0

package/dist/ui/surface/card/card.js

@@ -36,9 +36,36 @@ __export(card_exports, {
 module.exports = __toCommonJS(card_exports);
 var import_react = __toESM(require("react"));
 var import_card = require("@heroui/card");
+
+// src/utils/extend-variants.ts
+var import_system = require("@heroui/system");
+var extendVariants = (component, config) => {
+  return (0, import_system.extendVariants)(component, config);
+};
+
+// src/ui/style/css.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/surface/card/card.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Root = import_react.default.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.Card, { ref, ...props, children });
+var CardBase = extendVariants(import_card.Card, {
+  variants: {
+    radius: {
+      sm: { base: "rounded-lg" },
+      md: { base: "rounded-2xl" },
+      lg: { base: "rounded-3xl" }
+    }
+  },
+  defaultVariants: {
+    shadow: "none"
+  }
+});
+var Root = import_react.default.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardBase, { ref, className: cn("bg-default-100", className), ...props, children });
 });
 Root.displayName = "TeachInUI.Card.Root";
 var Header = import_react.default.forwardRef(({ children, ...props }, ref) => {

package/dist/ui/surface/card/card.mjs

@@ -1,7 +1,11 @@
 "use client";
 import {
   Card
-} from "../../../chunk-UFYLYN5Z.mjs";
+} from "../../../chunk-QFWSQOF6.mjs";
+import "../../../chunk-Q6XJI7Q2.mjs";
+import "../../../chunk-LOMRTWX5.mjs";
+import "../../../chunk-Q2ILWL7L.mjs";
+import "../../../chunk-7BTEKEON.mjs";
 export {
   Card
 };

package/dist/ui/surface/card/index.js

@@ -38,9 +38,36 @@ module.exports = __toCommonJS(card_exports);
 // src/ui/surface/card/card.tsx
 var import_react = __toESM(require("react"));
 var import_card = require("@heroui/card");
+
+// src/utils/extend-variants.ts
+var import_system = require("@heroui/system");
+var extendVariants = (component, config) => {
+  return (0, import_system.extendVariants)(component, config);
+};
+
+// src/ui/style/css.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/surface/card/card.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Root = import_react.default.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.Card, { ref, ...props, children });
+var CardBase = extendVariants(import_card.Card, {
+  variants: {
+    radius: {
+      sm: { base: "rounded-lg" },
+      md: { base: "rounded-2xl" },
+      lg: { base: "rounded-3xl" }
+    }
+  },
+  defaultVariants: {
+    shadow: "none"
+  }
+});
+var Root = import_react.default.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardBase, { ref, className: cn("bg-default-100", className), ...props, children });
 });
 Root.displayName = "TeachInUI.Card.Root";
 var Header = import_react.default.forwardRef(({ children, ...props }, ref) => {

package/dist/ui/surface/card/index.mjs

@@ -2,7 +2,11 @@
 import "../../../chunk-57JRJHSH.mjs";
 import {
   Card
-} from "../../../chunk-UFYLYN5Z.mjs";
+} from "../../../chunk-QFWSQOF6.mjs";
+import "../../../chunk-Q6XJI7Q2.mjs";
+import "../../../chunk-LOMRTWX5.mjs";
+import "../../../chunk-Q2ILWL7L.mjs";
+import "../../../chunk-7BTEKEON.mjs";
 export {
   Card
 };

package/dist/ui/surface/index.js

@@ -41,10 +41,10 @@ module.exports = __toCommonJS(surface_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var import_jsx_runtime = require("react/jsx-runtime");
 var bento = (0, import_tailwind_variants.tv)({
-  base: "rounded-xl p-6 transition-colors",
+  base: "p-8 transition-colors",
   variants: {
     color: {
-      default: "bg-default-50 text-default-700",
+      default: "bg-content1 text-foreground",
       primary: "bg-primary-50 text-primary-700",
       secondary: "bg-secondary-50 text-secondary-700",
       success: "bg-success-50 text-success-700",
@@ -53,9 +53,9 @@ var bento = (0, import_tailwind_variants.tv)({
     },
     radius: {
       none: "rounded-none",
-      sm: "rounded-md",
-      md: "rounded-lg",
-      lg: "rounded-xl",
+      sm: "rounded-lg",
+      md: "rounded-2xl",
+      lg: "rounded-3xl",
       full: "rounded-full"
     },
     shadow: {
@@ -84,9 +84,36 @@ Bento.displayName = "TeachInUI.Bento";
 // src/ui/surface/card/card.tsx
 var import_react = __toESM(require("react"));
 var import_card = require("@heroui/card");
+
+// src/utils/extend-variants.ts
+var import_system = require("@heroui/system");
+var extendVariants = (component, config) => {
+  return (0, import_system.extendVariants)(component, config);
+};
+
+// src/ui/style/css.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/surface/card/card.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Root = import_react.default.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_card.Card, { ref, ...props, children });
+var CardBase = extendVariants(import_card.Card, {
+  variants: {
+    radius: {
+      sm: { base: "rounded-lg" },
+      md: { base: "rounded-2xl" },
+      lg: { base: "rounded-3xl" }
+    }
+  },
+  defaultVariants: {
+    shadow: "none"
+  }
+});
+var Root = import_react.default.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CardBase, { ref, className: cn("bg-default-100", className), ...props, children });
 });
 Root.displayName = "TeachInUI.Card.Root";
 var Header = import_react.default.forwardRef(({ children, ...props }, ref) => {

package/dist/ui/surface/index.mjs

@@ -1,14 +1,18 @@
 "use client";
 import "../../chunk-UNBE67YJ.mjs";
 import "../../chunk-PON4ZQKG.mjs";
-import {
-  Bento,
-  bento
-} from "../../chunk-J3OZNLTZ.mjs";
 import "../../chunk-57JRJHSH.mjs";
 import {
   Card
-} from "../../chunk-UFYLYN5Z.mjs";
+} from "../../chunk-QFWSQOF6.mjs";
+import {
+  Bento,
+  bento
+} from "../../chunk-WG4IPOHE.mjs";
+import "../../chunk-Q6XJI7Q2.mjs";
+import "../../chunk-LOMRTWX5.mjs";
+import "../../chunk-Q2ILWL7L.mjs";
+import "../../chunk-7BTEKEON.mjs";
 export {
   Bento,
   Card,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teach-in/react",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Библиотека компонентов для создания современного пользовательского интерфейса для react",
   "keywords": [
     "ui"

package/dist/chunk-E5QSNLSR.mjs

@@ -1,38 +0,0 @@
-"use client";
-
-// src/ui/inputs/switch/favorite-switch.tsx
-import { useSwitch } from "@heroui/switch";
-import { Bookmark } from "lucide-react";
-import { tv } from "tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
-var bookmarkVariants = tv({
-  base: "size-6 stroke-default-400 group-hover:fill-primary-100 group-hover:stroke-default-400",
-  variants: {
-    isSelected: {
-      true: "stroke-primary fill-primary-100"
-    }
-  }
-});
-function FavoriteSwitch({ isSelected, onValueChange }) {
-  const { Component, slots, getBaseProps, getInputProps, getWrapperProps } = useSwitch({
-    isSelected,
-    onValueChange
-  });
-  return /* @__PURE__ */ jsxs(Component, { ...getBaseProps(), children: [
-    /* @__PURE__ */ jsx("div", { className: "sr-only", children: /* @__PURE__ */ jsx("input", { ...getInputProps() }) }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ...getWrapperProps(),
-        className: slots.wrapper({
-          class: "flex h-8 w-8 cursor-pointer items-center justify-center rounded-sm !bg-transparent"
-        }),
-        children: /* @__PURE__ */ jsx(Bookmark, { className: bookmarkVariants({ isSelected }) })
-      }
-    )
-  ] });
-}
-
-export {
-  FavoriteSwitch
-};