@teach-in/react 1.4.0 → 1.5.0

package/dist/chunk-GTE5VEBV.mjs

@@ -0,0 +1,68 @@
+"use client";
+
+// src/ui/inputs/switch/favorite-switch.tsx
+import { useSwitch } from "@heroui/switch";
+import { BookmarkIcon } from "lucide-react";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+var bookmarkVariants = tv({
+  base: "stroke-default-400 group-hover:fill-primary-100 group-hover:stroke-default-400",
+  variants: {
+    size: {
+      sm: "size-6",
+      md: "size-8",
+      lg: "size-10"
+    },
+    isSelected: {
+      true: "stroke-primary fill-primary-100"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var wrapperVariants = tv({
+  base: "flex cursor-pointer items-center justify-center rounded-sm bg-transparent!",
+  variants: {
+    size: {
+      sm: "h-8 w-8",
+      md: "h-10 w-10",
+      lg: "h-12 w-12"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function FavoriteSwitch({ isSelected, onValueChange, size }) {
+  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: wrapperVariants({ size })
+        }),
+        children: /* @__PURE__ */ jsx(
+          BookmarkIcon,
+          {
+            absoluteStrokeWidth: true,
+            className: bookmarkVariants({ isSelected, size }),
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.5
+          }
+        )
+      }
+    )
+  ] });
+}
+
+export {
+  FavoriteSwitch
+};

package/dist/{chunk-UFYLYN5Z.mjs → chunk-QFWSQOF6.mjs}

@@ -1,4 +1,10 @@
 "use client";
+import {
+  cn
+} from "./chunk-LOMRTWX5.mjs";
+import {
+  extendVariants
+} from "./chunk-7BTEKEON.mjs";
 
 // src/ui/surface/card/card.tsx
 import React from "react";
@@ -9,8 +15,20 @@ import {
   CardFooter as HeroUICardFooter
 } from "@heroui/card";
 import { jsx } from "react/jsx-runtime";
-var Root = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(HeroUICard, { ref, ...props, children });
+var CardBase = extendVariants(HeroUICard, {
+  variants: {
+    radius: {
+      sm: { base: "rounded-lg" },
+      md: { base: "rounded-2xl" },
+      lg: { base: "rounded-3xl" }
+    }
+  },
+  defaultVariants: {
+    shadow: "none"
+  }
+});
+var Root = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(CardBase, { ref, className: cn("bg-default-100", className), ...props, children });
 });
 Root.displayName = "TeachInUI.Card.Root";
 var Header = React.forwardRef(({ children, ...props }, ref) => {

package/dist/{chunk-J3OZNLTZ.mjs → chunk-WG4IPOHE.mjs}

@@ -4,10 +4,10 @@
 import { tv } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 var bento = 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",
@@ -16,9 +16,9 @@ var bento = 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: {

package/dist/index.js

@@ -730,14 +730,35 @@ var import_lucide_react3 = require("lucide-react");
 var import_tailwind_variants4 = require("tailwind-variants");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var bookmarkVariants = (0, import_tailwind_variants4.tv)({
-  base: "size-6 stroke-default-400 group-hover:fill-primary-100 group-hover:stroke-default-400",
+  base: "stroke-default-400 group-hover:fill-primary-100 group-hover:stroke-default-400",
   variants: {
+    size: {
+      sm: "size-6",
+      md: "size-8",
+      lg: "size-10"
+    },
     isSelected: {
       true: "stroke-primary fill-primary-100"
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 });
-function FavoriteSwitch({ isSelected, onValueChange }) {
+var wrapperVariants = (0, import_tailwind_variants4.tv)({
+  base: "flex cursor-pointer items-center justify-center rounded-sm bg-transparent!",
+  variants: {
+    size: {
+      sm: "h-8 w-8",
+      md: "h-10 w-10",
+      lg: "h-12 w-12"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function FavoriteSwitch({ isSelected, onValueChange, size }) {
   const { Component, slots, getBaseProps, getInputProps, getWrapperProps } = (0, import_switch2.useSwitch)({
     isSelected,
     onValueChange
@@ -749,9 +770,18 @@ function FavoriteSwitch({ isSelected, onValueChange }) {
       {
         ...getWrapperProps(),
         className: slots.wrapper({
-          class: "flex h-8 w-8 cursor-pointer items-center justify-center rounded-sm !bg-transparent"
+          class: wrapperVariants({ size })
         }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react3.Bookmark, { className: bookmarkVariants({ isSelected }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_lucide_react3.BookmarkIcon,
+          {
+            absoluteStrokeWidth: true,
+            className: bookmarkVariants({ isSelected, size }),
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.5
+          }
+        )
       }
     )
   ] });
@@ -1267,10 +1297,10 @@ Uuid.displayName = "TeachInUI.FormatUUID";
 var import_tailwind_variants5 = require("tailwind-variants");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var bento = (0, import_tailwind_variants5.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",
@@ -1279,9 +1309,9 @@ var bento = (0, import_tailwind_variants5.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: {
@@ -1310,9 +1340,30 @@ Bento.displayName = "TeachInUI.Bento";
 // src/ui/surface/card/card.tsx
 var import_react30 = __toESM(require("react"));
 var import_card = require("@heroui/card");
+
+// 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_runtime50 = require("react/jsx-runtime");
-var Root = import_react30.default.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_card.Card, { ref, ...props, children });
+var CardBase = extendVariants2(import_card.Card, {
+  variants: {
+    radius: {
+      sm: { base: "rounded-lg" },
+      md: { base: "rounded-2xl" },
+      lg: { base: "rounded-3xl" }
+    }
+  },
+  defaultVariants: {
+    shadow: "none"
+  }
+});
+var Root = import_react30.default.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CardBase, { ref, className: cn("bg-default-100", className), ...props, children });
 });
 Root.displayName = "TeachInUI.Card.Root";
 var Header = import_react30.default.forwardRef(({ children, ...props }, ref) => {
@@ -1715,13 +1766,6 @@ function UIProvider({
   ] });
 }
 
-// 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/theme/tokens/breakpoints.ts
 var breakpoints = {
   xs: 480,

package/dist/index.mjs

@@ -2,6 +2,19 @@
 import {
   Container
 } from "./chunk-773RYGHT.mjs";
+import "./chunk-BGNMWHME.mjs";
+import {
+  ScrollShadow
+} from "./chunk-OZSO3C5Q.mjs";
+import "./chunk-N7GOJBLM.mjs";
+import {
+  Accordion,
+  AccordionItem
+} from "./chunk-QUMDPADZ.mjs";
+import "./chunk-NDQAHQFL.mjs";
+import {
+  Grid
+} from "./chunk-W6NKLZ73.mjs";
 import "./chunk-CRPCWBXA.mjs";
 import {
   Actions,
@@ -15,13 +28,13 @@ import {
   SectionTitle,
   Title
 } from "./chunk-Q4TQYK6N.mjs";
-import "./chunk-DBQTFBA3.mjs";
 import {
   PageLoading
 } from "./chunk-SPED4RBS.mjs";
 import {
   SectionLoading
 } from "./chunk-25XG46X6.mjs";
+import "./chunk-DBQTFBA3.mjs";
 import "./chunk-JUIVZCH7.mjs";
 import {
   Flex
@@ -30,19 +43,6 @@ import "./chunk-NVLF7L4R.mjs";
 import {
   Divider
 } from "./chunk-VWGY6KWP.mjs";
-import "./chunk-NDQAHQFL.mjs";
-import {
-  Grid
-} from "./chunk-W6NKLZ73.mjs";
-import "./chunk-BGNMWHME.mjs";
-import {
-  ScrollShadow
-} from "./chunk-OZSO3C5Q.mjs";
-import "./chunk-N7GOJBLM.mjs";
-import {
-  Accordion,
-  AccordionItem
-} from "./chunk-QUMDPADZ.mjs";
 import "./chunk-EVQFKHCM.mjs";
 import "./chunk-XAW35UDV.mjs";
 import {
@@ -51,18 +51,31 @@ import {
 import {
   theme
 } from "./chunk-RPIOTLYT.mjs";
-import "./chunk-UNBE67YJ.mjs";
-import "./chunk-PON4ZQKG.mjs";
-import {
-  Bento,
-  bento
-} from "./chunk-J3OZNLTZ.mjs";
-import "./chunk-57JRJHSH.mjs";
+import "./chunk-JWMPI5AZ.mjs";
+import "./chunk-BBUPZCY6.mjs";
+import "./chunk-EJQH6CYW.mjs";
+import "./chunk-YZB4VBX7.mjs";
+import "./chunk-5WDV3PDI.mjs";
+import "./chunk-HOVAPYGJ.mjs";
+import "./chunk-3LOCA2SP.mjs";
+import "./chunk-LUERGYYZ.mjs";
+import "./chunk-YBQFG6QJ.mjs";
+import "./chunk-XKX5LFH7.mjs";
+import "./chunk-SLB2JE3N.mjs";
+import "./chunk-XYQVL4EX.mjs";
+import "./chunk-2OPPNAW2.mjs";
+import "./chunk-OW6U64MG.mjs";
+import "./chunk-VIPLRFPR.mjs";
+import "./chunk-3N5UZODS.mjs";
 import {
-  Card
-} from "./chunk-UFYLYN5Z.mjs";
+  UIProvider
+} from "./chunk-FQUYFYMS.mjs";
 import "./chunk-J3GK2CGQ.mjs";
 import "./chunk-FKHR6G3R.mjs";
+import "./chunk-25ISU6R3.mjs";
+import {
+  Link
+} from "./chunk-7T3JFARO.mjs";
 import "./chunk-AT6DX4DN.mjs";
 import {
   Navbar,
@@ -77,37 +90,58 @@ import "./chunk-MJTSZFLC.mjs";
 import {
   Tabs
 } from "./chunk-ZSYIKEXW.mjs";
-import "./chunk-25ISU6R3.mjs";
-import {
-  Link
-} from "./chunk-7T3JFARO.mjs";
 import {
   BreadcrumbItem,
   Breadcrumbs
 } from "./chunk-TSD6GU35.mjs";
-import "./chunk-3N5UZODS.mjs";
+import "./chunk-UNBE67YJ.mjs";
+import "./chunk-PON4ZQKG.mjs";
+import "./chunk-57JRJHSH.mjs";
 import {
-  UIProvider
-} from "./chunk-FQUYFYMS.mjs";
+  Card
+} from "./chunk-QFWSQOF6.mjs";
+import {
+  Bento,
+  bento
+} from "./chunk-WG4IPOHE.mjs";
 import "./chunk-Q6XJI7Q2.mjs";
 import {
   cn
 } from "./chunk-LOMRTWX5.mjs";
-import "./chunk-JWMPI5AZ.mjs";
-import "./chunk-BBUPZCY6.mjs";
-import "./chunk-EJQH6CYW.mjs";
-import "./chunk-YZB4VBX7.mjs";
-import "./chunk-5WDV3PDI.mjs";
-import "./chunk-HOVAPYGJ.mjs";
-import "./chunk-3LOCA2SP.mjs";
-import "./chunk-LUERGYYZ.mjs";
-import "./chunk-YBQFG6QJ.mjs";
-import "./chunk-XKX5LFH7.mjs";
-import "./chunk-SLB2JE3N.mjs";
-import "./chunk-XYQVL4EX.mjs";
-import "./chunk-2OPPNAW2.mjs";
-import "./chunk-OW6U64MG.mjs";
-import "./chunk-VIPLRFPR.mjs";
+import "./chunk-AR4IYKG5.mjs";
+import "./chunk-U4FAPNVK.mjs";
+import {
+  Progress
+} from "./chunk-JTPBZJ4S.mjs";
+import {
+  Toast,
+  ToastProvider,
+  addToast,
+  closeAll,
+  closeToast,
+  getToastQueue,
+  isToastClosing,
+  useToast
+} from "./chunk-CA2EAK5M.mjs";
+import "./chunk-V77JZXH7.mjs";
+import "./chunk-K3WTHFIG.mjs";
+import {
+  Chip
+} from "./chunk-EEGPGLDC.mjs";
+import "./chunk-WZDFBWUL.mjs";
+import {
+  Spinner
+} from "./chunk-ZXCQ73RT.mjs";
+import "./chunk-3BST3PYD.mjs";
+import {
+  Tooltip
+} from "./chunk-TJBXXTYS.mjs";
+import {
+  CircularProgress
+} from "./chunk-L6XIUULU.mjs";
+import {
+  Alert
+} from "./chunk-TIFF5WZA.mjs";
 import "./chunk-UON5ACST.mjs";
 import "./chunk-ICRO6HS3.mjs";
 import {
@@ -125,6 +159,73 @@ import "./chunk-UT5RUCAT.mjs";
 import {
   Popover
 } from "./chunk-PSK7I7V4.mjs";
+import "./chunk-5N3SIZHF.mjs";
+import {
+  Plural
+} from "./chunk-UHLC7GOU.mjs";
+import {
+  Time
+} from "./chunk-3ZTXXJSO.mjs";
+import {
+  Uuid
+} from "./chunk-M5G6RR4Q.mjs";
+import {
+  Boolean
+} from "./chunk-26RHRVH2.mjs";
+import {
+  Currency
+} from "./chunk-LN7WH3OB.mjs";
+import {
+  DateFormat
+} from "./chunk-BUVPBB4J.mjs";
+import {
+  Datetime
+} from "./chunk-6NZ4IHNU.mjs";
+import {
+  Duration
+} from "./chunk-4QSIBIUI.mjs";
+import {
+  Number
+} from "./chunk-NZI5NBXF.mjs";
+import {
+  Percent
+} from "./chunk-CXAZBWS4.mjs";
+import "./chunk-Q2ILWL7L.mjs";
+import {
+  extendVariants
+} from "./chunk-7BTEKEON.mjs";
+import "./chunk-HZ5YAOU6.mjs";
+import "./chunk-5UKTT75Y.mjs";
+import {
+  Button
+} from "./chunk-4BGIUXAF.mjs";
+import "./chunk-3C4DPNCD.mjs";
+import "./chunk-KH4D2C2T.mjs";
+import {
+  Pagination
+} from "./chunk-O5T4GUJH.mjs";
+import "./chunk-54FA62HL.mjs";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableColumn,
+  TableHeader,
+  TableRow,
+  getKeyValue
+} from "./chunk-PKZZEODR.mjs";
+import "./chunk-CTKWGSNJ.mjs";
+import {
+  User
+} from "./chunk-XHCXM5MU.mjs";
+import "./chunk-UTZUYZZL.mjs";
+import {
+  Avatar
+} from "./chunk-IZEJE6V2.mjs";
+import "./chunk-DRZAPJZH.mjs";
+import {
+  Image
+} from "./chunk-4N3FFVKQ.mjs";
 import "./chunk-VOG5HJID.mjs";
 import "./chunk-FXXWSYJA.mjs";
 import "./chunk-PTCNYQVY.mjs";
@@ -162,13 +263,6 @@ import {
   EmailField
 } from "./chunk-R46SWVWL.mjs";
 import "./chunk-UQAG7TKJ.mjs";
-import "./chunk-LLP2PTPK.mjs";
-import {
-  FavoriteSwitch
-} from "./chunk-E5QSNLSR.mjs";
-import {
-  Switch
-} from "./chunk-N3EAW6UO.mjs";
 import "./chunk-DUQFM3QS.mjs";
 import {
   Text
@@ -177,18 +271,23 @@ import "./chunk-5HK7HRTR.mjs";
 import {
   Textarea
 } from "./chunk-HJUZTISD.mjs";
+import "./chunk-LLP2PTPK.mjs";
+import {
+  Switch
+} from "./chunk-N3EAW6UO.mjs";
+import {
+  FavoriteSwitch
+} from "./chunk-GTE5VEBV.mjs";
+import "./chunk-5RNCFTW5.mjs";
+import {
+  Search
+} from "./chunk-SEJXJZSK.mjs";
+import "./chunk-C2VWADF5.mjs";
 import "./chunk-AQ3ISJKU.mjs";
 import {
   Select
 } from "./chunk-VXYV37IM.mjs";
 import "./chunk-2UHA3DYG.mjs";
-import "./chunk-RRA7GWP2.mjs";
-import {
-  RadioGroup
-} from "./chunk-NOXFF2KJ.mjs";
-import {
-  Radio
-} from "./chunk-2SNKT7I4.mjs";
 import "./chunk-UUKS7JYX.mjs";
 import {
   Checkbox
@@ -201,16 +300,18 @@ import "./chunk-V3KKDSQP.mjs";
 import {
   Email
 } from "./chunk-46SKVFMZ.mjs";
-import "./chunk-5RNCFTW5.mjs";
-import {
-  Search
-} from "./chunk-SEJXJZSK.mjs";
-import "./chunk-C2VWADF5.mjs";
 import "./chunk-ZRHEFEFS.mjs";
 import {
   Input
 } from "./chunk-MCQGBAUS.mjs";
 import "./chunk-NSU66J5E.mjs";
+import "./chunk-RRA7GWP2.mjs";
+import {
+  Radio
+} from "./chunk-2SNKT7I4.mjs";
+import {
+  RadioGroup
+} from "./chunk-NOXFF2KJ.mjs";
 import "./chunk-WYJW5NNA.mjs";
 import {
   Autocomplete
@@ -221,107 +322,6 @@ import {
 import {
   ClearButton
 } from "./chunk-TUIN5YJW.mjs";
-import "./chunk-5N3SIZHF.mjs";
-import {
-  Number
-} from "./chunk-NZI5NBXF.mjs";
-import {
-  Percent
-} from "./chunk-CXAZBWS4.mjs";
-import {
-  Plural
-} from "./chunk-UHLC7GOU.mjs";
-import {
-  Time
-} from "./chunk-3ZTXXJSO.mjs";
-import {
-  Uuid
-} from "./chunk-M5G6RR4Q.mjs";
-import {
-  Boolean
-} from "./chunk-26RHRVH2.mjs";
-import {
-  Currency
-} from "./chunk-LN7WH3OB.mjs";
-import {
-  DateFormat
-} from "./chunk-BUVPBB4J.mjs";
-import {
-  Datetime
-} from "./chunk-6NZ4IHNU.mjs";
-import {
-  Duration
-} from "./chunk-4QSIBIUI.mjs";
-import "./chunk-HZ5YAOU6.mjs";
-import "./chunk-5UKTT75Y.mjs";
-import {
-  Button
-} from "./chunk-4BGIUXAF.mjs";
-import "./chunk-AR4IYKG5.mjs";
-import "./chunk-K3WTHFIG.mjs";
-import "./chunk-U4FAPNVK.mjs";
-import {
-  CircularProgress
-} from "./chunk-L6XIUULU.mjs";
-import {
-  Progress
-} from "./chunk-JTPBZJ4S.mjs";
-import {
-  Toast,
-  ToastProvider,
-  addToast,
-  closeAll,
-  closeToast,
-  getToastQueue,
-  isToastClosing,
-  useToast
-} from "./chunk-CA2EAK5M.mjs";
-import "./chunk-3BST3PYD.mjs";
-import {
-  Tooltip
-} from "./chunk-TJBXXTYS.mjs";
-import {
-  Chip
-} from "./chunk-EEGPGLDC.mjs";
-import "./chunk-V77JZXH7.mjs";
-import {
-  Alert
-} from "./chunk-TIFF5WZA.mjs";
-import "./chunk-WZDFBWUL.mjs";
-import {
-  Spinner
-} from "./chunk-ZXCQ73RT.mjs";
-import "./chunk-Q2ILWL7L.mjs";
-import {
-  extendVariants
-} from "./chunk-7BTEKEON.mjs";
-import "./chunk-3C4DPNCD.mjs";
-import "./chunk-CTKWGSNJ.mjs";
-import {
-  User
-} from "./chunk-XHCXM5MU.mjs";
-import "./chunk-54FA62HL.mjs";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableColumn,
-  TableHeader,
-  TableRow,
-  getKeyValue
-} from "./chunk-PKZZEODR.mjs";
-import "./chunk-UTZUYZZL.mjs";
-import {
-  Avatar
-} from "./chunk-IZEJE6V2.mjs";
-import "./chunk-DRZAPJZH.mjs";
-import {
-  Image
-} from "./chunk-4N3FFVKQ.mjs";
-import "./chunk-KH4D2C2T.mjs";
-import {
-  Pagination
-} from "./chunk-O5T4GUJH.mjs";
 import {
   Form
 } from "./chunk-A3AAC7PF.mjs";