@teach-in/react 1.3.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 "../../chunk-57JRJHSH.mjs";
 import {
   Card
-} from "../../chunk-UFYLYN5Z.mjs";
-import "../../chunk-PON4ZQKG.mjs";
+} from "../../chunk-QFWSQOF6.mjs";
 import {
   Bento,
   bento
-} from "../../chunk-J3OZNLTZ.mjs";
+} from "../../chunk-WG4IPOHE.mjs";
+import "../../chunk-Q6XJI7Q2.mjs";
+import "../../chunk-LOMRTWX5.mjs";
+import "../../chunk-Q2ILWL7L.mjs";
+import "../../chunk-7BTEKEON.mjs";
 export {
   Bento,
   Card,

package/dist/ui/theme/colors/index.js

@@ -263,7 +263,7 @@ var themeColorsLight = {
     ...commonColors.shipgray,
     foreground: commonColors.black,
     flat: commonColors.shipgray[300],
-    DEFAULT: commonColors.shipgray[100]
+    DEFAULT: commonColors.shipgray[200]
   },
   primary: {
     ...commonColors.blue,
@@ -294,15 +294,31 @@ var themeColorsLight = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[400]
+  },
+  link: {
+    DEFAULT: commonColors.blue[500]
+  },
+  brand: {
+    DEFAULT: commonColors.blue[800]
   }
 };
 var themeColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(commonColors.shipgray),
+    50: commonColors.shipgray[800],
+    100: commonColors.shipgray[700],
+    200: commonColors.shipgray[600],
+    300: commonColors.shipgray[500],
+    400: commonColors.shipgray[400],
+    500: commonColors.shipgray[300],
+    600: commonColors.shipgray[200],
+    700: commonColors.shipgray[100],
+    800: commonColors.shipgray[50],
+    900: commonColors.white,
     foreground: commonColors.white,
     flat: commonColors.shipgray[600],
-    DEFAULT: commonColors.shipgray[700]
+    DEFAULT: commonColors.shipgray[600]
   },
   primary: {
     ...swapColorValues(commonColors.blue),
@@ -333,6 +349,12 @@ var themeColorsDark = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[500]
+  },
+  link: {
+    DEFAULT: commonColors.blue[300]
+  },
+  brand: {
+    DEFAULT: commonColors.white
   }
 };
 var semanticColors = {

package/dist/ui/theme/colors/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   colors
-} from "../../../chunk-544SDU73.mjs";
+} from "../../../chunk-BBUPZCY6.mjs";
 import "../../../chunk-EJQH6CYW.mjs";
 import {
   semanticColors
-} from "../../../chunk-AFVGHUW2.mjs";
+} from "../../../chunk-YZB4VBX7.mjs";
 import {
   commonColors
 } from "../../../chunk-5WDV3PDI.mjs";

package/dist/ui/theme/colors/semantic.js

@@ -263,7 +263,7 @@ var themeColorsLight = {
     ...commonColors.shipgray,
     foreground: commonColors.black,
     flat: commonColors.shipgray[300],
-    DEFAULT: commonColors.shipgray[100]
+    DEFAULT: commonColors.shipgray[200]
   },
   primary: {
     ...commonColors.blue,
@@ -294,15 +294,31 @@ var themeColorsLight = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[400]
+  },
+  link: {
+    DEFAULT: commonColors.blue[500]
+  },
+  brand: {
+    DEFAULT: commonColors.blue[800]
   }
 };
 var themeColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(commonColors.shipgray),
+    50: commonColors.shipgray[800],
+    100: commonColors.shipgray[700],
+    200: commonColors.shipgray[600],
+    300: commonColors.shipgray[500],
+    400: commonColors.shipgray[400],
+    500: commonColors.shipgray[300],
+    600: commonColors.shipgray[200],
+    700: commonColors.shipgray[100],
+    800: commonColors.shipgray[50],
+    900: commonColors.white,
     foreground: commonColors.white,
     flat: commonColors.shipgray[600],
-    DEFAULT: commonColors.shipgray[700]
+    DEFAULT: commonColors.shipgray[600]
   },
   primary: {
     ...swapColorValues(commonColors.blue),
@@ -333,6 +349,12 @@ var themeColorsDark = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[500]
+  },
+  link: {
+    DEFAULT: commonColors.blue[300]
+  },
+  brand: {
+    DEFAULT: commonColors.white
   }
 };
 var semanticColors = {

package/dist/ui/theme/colors/semantic.mjs

@@ -3,7 +3,7 @@ import {
   semanticColors,
   themeColorsDark,
   themeColorsLight
-} from "../../../chunk-AFVGHUW2.mjs";
+} from "../../../chunk-YZB4VBX7.mjs";
 import "../../../chunk-5WDV3PDI.mjs";
 import "../../../chunk-HOVAPYGJ.mjs";
 import "../../../chunk-3LOCA2SP.mjs";

package/dist/ui/theme/colors/types.d.ts

@@ -31,6 +31,8 @@ export type ThemeColors = BaseColors & {
     success: ColorScale;
     warning: ColorScale;
     danger: ColorScale;
+    link: ColorScale;
+    brand: ColorScale;
 };
 export type SemanticBaseColors = {
     light: BaseColors;

package/dist/ui/theme/colors.js

@@ -263,7 +263,7 @@ var themeColorsLight = {
     ...commonColors.shipgray,
     foreground: commonColors.black,
     flat: commonColors.shipgray[300],
-    DEFAULT: commonColors.shipgray[100]
+    DEFAULT: commonColors.shipgray[200]
   },
   primary: {
     ...commonColors.blue,
@@ -294,15 +294,31 @@ var themeColorsLight = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[400]
+  },
+  link: {
+    DEFAULT: commonColors.blue[500]
+  },
+  brand: {
+    DEFAULT: commonColors.blue[800]
   }
 };
 var themeColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(commonColors.shipgray),
+    50: commonColors.shipgray[800],
+    100: commonColors.shipgray[700],
+    200: commonColors.shipgray[600],
+    300: commonColors.shipgray[500],
+    400: commonColors.shipgray[400],
+    500: commonColors.shipgray[300],
+    600: commonColors.shipgray[200],
+    700: commonColors.shipgray[100],
+    800: commonColors.shipgray[50],
+    900: commonColors.white,
     foreground: commonColors.white,
     flat: commonColors.shipgray[600],
-    DEFAULT: commonColors.shipgray[700]
+    DEFAULT: commonColors.shipgray[600]
   },
   primary: {
     ...swapColorValues(commonColors.blue),
@@ -333,6 +349,12 @@ var themeColorsDark = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[500]
+  },
+  link: {
+    DEFAULT: commonColors.blue[300]
+  },
+  brand: {
+    DEFAULT: commonColors.white
   }
 };
 var semanticColors = {

package/dist/ui/theme/colors.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-JWMPI5AZ.mjs";
 import {
   colors
-} from "../../chunk-544SDU73.mjs";
+} from "../../chunk-BBUPZCY6.mjs";
 import "../../chunk-EJQH6CYW.mjs";
 import {
   semanticColors
-} from "../../chunk-AFVGHUW2.mjs";
+} from "../../chunk-YZB4VBX7.mjs";
 import {
   commonColors
 } from "../../chunk-5WDV3PDI.mjs";

package/dist/ui/theme/index.js

@@ -275,7 +275,7 @@ var themeColorsLight = {
     ...commonColors.shipgray,
     foreground: commonColors.black,
     flat: commonColors.shipgray[300],
-    DEFAULT: commonColors.shipgray[100]
+    DEFAULT: commonColors.shipgray[200]
   },
   primary: {
     ...commonColors.blue,
@@ -306,15 +306,31 @@ var themeColorsLight = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[400]
+  },
+  link: {
+    DEFAULT: commonColors.blue[500]
+  },
+  brand: {
+    DEFAULT: commonColors.blue[800]
   }
 };
 var themeColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(commonColors.shipgray),
+    50: commonColors.shipgray[800],
+    100: commonColors.shipgray[700],
+    200: commonColors.shipgray[600],
+    300: commonColors.shipgray[500],
+    400: commonColors.shipgray[400],
+    500: commonColors.shipgray[300],
+    600: commonColors.shipgray[200],
+    700: commonColors.shipgray[100],
+    800: commonColors.shipgray[50],
+    900: commonColors.white,
     foreground: commonColors.white,
     flat: commonColors.shipgray[600],
-    DEFAULT: commonColors.shipgray[700]
+    DEFAULT: commonColors.shipgray[600]
   },
   primary: {
     ...swapColorValues(commonColors.blue),
@@ -345,6 +361,12 @@ var themeColorsDark = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[500]
+  },
+  link: {
+    DEFAULT: commonColors.blue[300]
+  },
+  brand: {
+    DEFAULT: commonColors.white
   }
 };
 var semanticColors = {

package/dist/ui/theme/index.mjs

@@ -6,11 +6,11 @@ import {
 } from "../../chunk-NBFOX367.mjs";
 import {
   theme
-} from "../../chunk-WFNNN6WU.mjs";
+} from "../../chunk-RPIOTLYT.mjs";
 import "../../chunk-JWMPI5AZ.mjs";
-import "../../chunk-544SDU73.mjs";
+import "../../chunk-BBUPZCY6.mjs";
 import "../../chunk-EJQH6CYW.mjs";
-import "../../chunk-AFVGHUW2.mjs";
+import "../../chunk-YZB4VBX7.mjs";
 import "../../chunk-5WDV3PDI.mjs";
 import "../../chunk-HOVAPYGJ.mjs";
 import "../../chunk-3LOCA2SP.mjs";

package/dist/ui/theme/theme.js

@@ -262,7 +262,7 @@ var themeColorsLight = {
     ...commonColors.shipgray,
     foreground: commonColors.black,
     flat: commonColors.shipgray[300],
-    DEFAULT: commonColors.shipgray[100]
+    DEFAULT: commonColors.shipgray[200]
   },
   primary: {
     ...commonColors.blue,
@@ -293,15 +293,31 @@ var themeColorsLight = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[400]
+  },
+  link: {
+    DEFAULT: commonColors.blue[500]
+  },
+  brand: {
+    DEFAULT: commonColors.blue[800]
   }
 };
 var themeColorsDark = {
   ...base.dark,
   default: {
     ...swapColorValues(commonColors.shipgray),
+    50: commonColors.shipgray[800],
+    100: commonColors.shipgray[700],
+    200: commonColors.shipgray[600],
+    300: commonColors.shipgray[500],
+    400: commonColors.shipgray[400],
+    500: commonColors.shipgray[300],
+    600: commonColors.shipgray[200],
+    700: commonColors.shipgray[100],
+    800: commonColors.shipgray[50],
+    900: commonColors.white,
     foreground: commonColors.white,
     flat: commonColors.shipgray[600],
-    DEFAULT: commonColors.shipgray[700]
+    DEFAULT: commonColors.shipgray[600]
   },
   primary: {
     ...swapColorValues(commonColors.blue),
@@ -332,6 +348,12 @@ var themeColorsDark = {
     foreground: commonColors.white,
     flat: commonColors.red[500],
     DEFAULT: commonColors.red[500]
+  },
+  link: {
+    DEFAULT: commonColors.blue[300]
+  },
+  brand: {
+    DEFAULT: commonColors.white
   }
 };
 var semanticColors = {

package/dist/ui/theme/theme.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   theme
-} from "../../chunk-WFNNN6WU.mjs";
+} from "../../chunk-RPIOTLYT.mjs";
 import "../../chunk-JWMPI5AZ.mjs";
-import "../../chunk-544SDU73.mjs";
+import "../../chunk-BBUPZCY6.mjs";
 import "../../chunk-EJQH6CYW.mjs";
-import "../../chunk-AFVGHUW2.mjs";
+import "../../chunk-YZB4VBX7.mjs";
 import "../../chunk-5WDV3PDI.mjs";
 import "../../chunk-HOVAPYGJ.mjs";
 import "../../chunk-3LOCA2SP.mjs";

package/package.json

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

package/dist/chunk-3YOW5DEZ.mjs

@@ -1,45 +0,0 @@
-"use client";
-
-// src/ui/inputs/select/select.tsx
-import React from "react";
-import { Select as HeroUISelect, SelectItem as HeroUISelectItem } from "@heroui/select";
-import { jsx } from "react/jsx-runtime";
-var Select = React.forwardRef(
-  ({ value, items, onChange, selectionMode, ...props }, ref) => {
-    const isMultiple = selectionMode === "multiple";
-    const selectedKeys = React.useMemo(() => {
-      if (value == null) return /* @__PURE__ */ new Set();
-      return new Set(Array.isArray(value) ? value : [value]);
-    }, [value]);
-    const handleSelectionChange = React.useCallback(
-      (keys) => {
-        var _a;
-        if (keys === "all") return;
-        const selected = Array.from(keys).filter((key) => typeof key === "string");
-        if (isMultiple) {
-          onChange == null ? void 0 : onChange(selected);
-        } else {
-          onChange == null ? void 0 : onChange((_a = selected[0]) != null ? _a : null);
-        }
-      },
-      [onChange, isMultiple]
-    );
-    return /* @__PURE__ */ jsx(
-      HeroUISelect,
-      {
-        ref,
-        items,
-        selectedKeys,
-        selectionMode,
-        onSelectionChange: handleSelectionChange,
-        ...props,
-        children: (item) => /* @__PURE__ */ jsx(HeroUISelectItem, { children: item.label }, item.key)
-      }
-    );
-  }
-);
-Select.displayName = "TeachInUI.Select";
-
-export {
-  Select
-};

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
-};

package/dist/chunk-V2G5QHZZ.mjs

@@ -1,14 +0,0 @@
-"use client";
-
-// src/ui/inputs/input/input.tsx
-import React from "react";
-import { Input as HeroUIInput } from "@heroui/input";
-import { jsx } from "react/jsx-runtime";
-var Input = React.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ jsx(HeroUIInput, { ref, ...props });
-});
-Input.displayName = "TeachInUI.Input";
-
-export {
-  Input
-};