@teach-in/react 1.3.0 → 1.5.0

package/dist/ui/inputs/select/index.js

@@ -36,39 +36,149 @@ __export(select_exports, {
 module.exports = __toCommonJS(select_exports);
 
 // src/ui/inputs/select/select.tsx
-var import_react = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var import_select = require("@heroui/select");
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/ui/inputs/clear-button.tsx
+var import_react = __toESM(require("react"));
+var import_button = require("@heroui/button");
+var import_lucide_react = require("lucide-react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Select = import_react.default.forwardRef(
-  ({ value, items, onChange, selectionMode, ...props }, ref) => {
-    const isMultiple = selectionMode === "multiple";
-    const selectedKeys = import_react.default.useMemo(() => {
-      if (value == null) return /* @__PURE__ */ new Set();
-      return new Set(Array.isArray(value) ? value : [value]);
-    }, [value]);
-    const handleSelectionChange = import_react.default.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]
-    );
+var ClearButton = import_react.default.forwardRef(
+  ({ onClear }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        ref,
+        isIconOnly: true,
+        "aria-label": "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
+        as: "span",
+        className: "opacity-0 transition-opacity group-hover:opacity-100",
+        color: "default",
+        radius: "full",
+        size: "sm",
+        tabIndex: 0,
+        variant: "light",
+        onPress: onClear,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XIcon, { className: "size-4 text-default-500" })
+      }
+    );
+  }
+);
+ClearButton.displayName = "TeachInUI.ClearButton";
+
+// src/ui/inputs/select/use-select.ts
+var import_react2 = require("react");
+function useSelect({
+  value,
+  onChange,
+  onClear,
+  selectionMode,
+  isClearable = true
+}) {
+  const isMultiple = selectionMode === "multiple";
+  const [internalValue, setInternalValue] = (0, import_react2.useState)(
+    isMultiple ? [] : null
+  );
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const hasValue = currentValue != null && (Array.isArray(currentValue) ? currentValue.length > 0 : currentValue !== "");
+  const handleChange = (0, import_react2.useCallback)(
+    (newValue) => {
+      if (!isControlled) {
+        setInternalValue(newValue);
+      }
+      if (isMultiple) {
+        onChange == null ? void 0 : onChange(newValue);
+      } else {
+        onChange == null ? void 0 : onChange(newValue);
+      }
+    },
+    [isControlled, onChange, isMultiple]
+  );
+  const handleClear = (0, import_react2.useCallback)(() => {
+    onClear == null ? void 0 : onClear();
+    handleChange(isMultiple ? [] : null);
+  }, [onClear, handleChange, isMultiple]);
+  const selectedKeys = (0, import_react2.useMemo)(() => {
+    if (currentValue == null) return /* @__PURE__ */ new Set();
+    return new Set(Array.isArray(currentValue) ? currentValue : [currentValue]);
+  }, [currentValue]);
+  const handleSelectionChange = (0, import_react2.useCallback)(
+    (keys) => {
+      var _a;
+      if (keys === "all") return;
+      const selected = Array.from(keys).filter((key) => typeof key === "string");
+      handleChange(isMultiple ? selected : (_a = selected[0]) != null ? _a : null);
+    },
+    [handleChange, isMultiple]
+  );
+  const showClearButton = hasValue && isClearable;
+  return {
+    currentValue,
+    hasValue,
+    selectedKeys,
+    handleSelectionChange,
+    handleClear,
+    showClearButton
+  };
+}
+
+// src/ui/inputs/select/select.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var selectWrapperVariants = (0, import_tailwind_variants.tv)({
+  variants: {
+    variant: {
+      flat: "",
+      underlined: "",
+      bordered: "border-1",
+      faded: "border-1"
+    }
+  }
+});
+var Select = import_react3.default.forwardRef(
+  ({
+    value,
+    defaultSelectedKeys,
+    items,
+    onChange,
+    selectionMode,
+    onClear,
+    variant,
+    classNames,
+    endContent,
+    isClearable,
+    ...props
+  }, ref) => {
+    const { selectedKeys, handleSelectionChange, handleClear, showClearButton } = useSelect({
+      value,
+      onChange,
+      onClear,
+      selectionMode,
+      isClearable
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_select.Select,
       {
         ref,
+        classNames: {
+          ...classNames,
+          trigger: selectWrapperVariants({ variant }),
+          innerWrapper: "group"
+        },
+        defaultSelectedKeys,
+        endContent: (endContent || showClearButton) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-1", children: [
+          endContent,
+          showClearButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClearButton, { onClear: handleClear })
+        ] }),
         items,
         selectedKeys,
         selectionMode,
+        variant,
         onSelectionChange: handleSelectionChange,
         ...props,
-        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }
     );
   }

package/dist/ui/inputs/select/index.mjs

@@ -2,7 +2,9 @@
 import "../../../chunk-AQ3ISJKU.mjs";
 import {
   Select
-} from "../../../chunk-3YOW5DEZ.mjs";
+} from "../../../chunk-VXYV37IM.mjs";
+import "../../../chunk-2UHA3DYG.mjs";
+import "../../../chunk-TUIN5YJW.mjs";
 export {
   Select
 };

package/dist/ui/inputs/select/select.d.ts

@@ -9,18 +9,22 @@ export type SelectProps = (BaseSelectProps & {
     selectionMode?: "single";
     value?: string;
     onChange?: (value: string | null) => void;
+    onClear?: () => void;
 }) | (BaseSelectProps & {
     selectionMode: "multiple";
     value?: string[];
     onChange?: (value: string[]) => void;
+    onClear?: () => void;
 });
 export declare const Select: React.ForwardRefExoticComponent<(Omit<BaseSelectProps & {
     selectionMode?: "single";
     value?: string;
     onChange?: (value: string | null) => void;
+    onClear?: () => void;
 }, "ref"> | Omit<BaseSelectProps & {
     selectionMode: "multiple";
     value?: string[];
     onChange?: (value: string[]) => void;
+    onClear?: () => void;
 }, "ref">) & React.RefAttributes<HTMLSelectElement>>;
 export {};

package/dist/ui/inputs/select/select.js

@@ -34,39 +34,149 @@ __export(select_exports, {
   Select: () => Select
 });
 module.exports = __toCommonJS(select_exports);
-var import_react = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var import_select = require("@heroui/select");
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/ui/inputs/clear-button.tsx
+var import_react = __toESM(require("react"));
+var import_button = require("@heroui/button");
+var import_lucide_react = require("lucide-react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Select = import_react.default.forwardRef(
-  ({ value, items, onChange, selectionMode, ...props }, ref) => {
-    const isMultiple = selectionMode === "multiple";
-    const selectedKeys = import_react.default.useMemo(() => {
-      if (value == null) return /* @__PURE__ */ new Set();
-      return new Set(Array.isArray(value) ? value : [value]);
-    }, [value]);
-    const handleSelectionChange = import_react.default.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]
-    );
+var ClearButton = import_react.default.forwardRef(
+  ({ onClear }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        ref,
+        isIconOnly: true,
+        "aria-label": "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
+        as: "span",
+        className: "opacity-0 transition-opacity group-hover:opacity-100",
+        color: "default",
+        radius: "full",
+        size: "sm",
+        tabIndex: 0,
+        variant: "light",
+        onPress: onClear,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XIcon, { className: "size-4 text-default-500" })
+      }
+    );
+  }
+);
+ClearButton.displayName = "TeachInUI.ClearButton";
+
+// src/ui/inputs/select/use-select.ts
+var import_react2 = require("react");
+function useSelect({
+  value,
+  onChange,
+  onClear,
+  selectionMode,
+  isClearable = true
+}) {
+  const isMultiple = selectionMode === "multiple";
+  const [internalValue, setInternalValue] = (0, import_react2.useState)(
+    isMultiple ? [] : null
+  );
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const hasValue = currentValue != null && (Array.isArray(currentValue) ? currentValue.length > 0 : currentValue !== "");
+  const handleChange = (0, import_react2.useCallback)(
+    (newValue) => {
+      if (!isControlled) {
+        setInternalValue(newValue);
+      }
+      if (isMultiple) {
+        onChange == null ? void 0 : onChange(newValue);
+      } else {
+        onChange == null ? void 0 : onChange(newValue);
+      }
+    },
+    [isControlled, onChange, isMultiple]
+  );
+  const handleClear = (0, import_react2.useCallback)(() => {
+    onClear == null ? void 0 : onClear();
+    handleChange(isMultiple ? [] : null);
+  }, [onClear, handleChange, isMultiple]);
+  const selectedKeys = (0, import_react2.useMemo)(() => {
+    if (currentValue == null) return /* @__PURE__ */ new Set();
+    return new Set(Array.isArray(currentValue) ? currentValue : [currentValue]);
+  }, [currentValue]);
+  const handleSelectionChange = (0, import_react2.useCallback)(
+    (keys) => {
+      var _a;
+      if (keys === "all") return;
+      const selected = Array.from(keys).filter((key) => typeof key === "string");
+      handleChange(isMultiple ? selected : (_a = selected[0]) != null ? _a : null);
+    },
+    [handleChange, isMultiple]
+  );
+  const showClearButton = hasValue && isClearable;
+  return {
+    currentValue,
+    hasValue,
+    selectedKeys,
+    handleSelectionChange,
+    handleClear,
+    showClearButton
+  };
+}
+
+// src/ui/inputs/select/select.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var selectWrapperVariants = (0, import_tailwind_variants.tv)({
+  variants: {
+    variant: {
+      flat: "",
+      underlined: "",
+      bordered: "border-1",
+      faded: "border-1"
+    }
+  }
+});
+var Select = import_react3.default.forwardRef(
+  ({
+    value,
+    defaultSelectedKeys,
+    items,
+    onChange,
+    selectionMode,
+    onClear,
+    variant,
+    classNames,
+    endContent,
+    isClearable,
+    ...props
+  }, ref) => {
+    const { selectedKeys, handleSelectionChange, handleClear, showClearButton } = useSelect({
+      value,
+      onChange,
+      onClear,
+      selectionMode,
+      isClearable
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_select.Select,
       {
         ref,
+        classNames: {
+          ...classNames,
+          trigger: selectWrapperVariants({ variant }),
+          innerWrapper: "group"
+        },
+        defaultSelectedKeys,
+        endContent: (endContent || showClearButton) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-1", children: [
+          endContent,
+          showClearButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClearButton, { onClear: handleClear })
+        ] }),
         items,
         selectedKeys,
         selectionMode,
+        variant,
         onSelectionChange: handleSelectionChange,
         ...props,
-        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }
     );
   }

package/dist/ui/inputs/select/select.mjs

@@ -1,7 +1,9 @@
 "use client";
 import {
   Select
-} from "../../../chunk-3YOW5DEZ.mjs";
+} from "../../../chunk-VXYV37IM.mjs";
+import "../../../chunk-2UHA3DYG.mjs";
+import "../../../chunk-TUIN5YJW.mjs";
 export {
   Select
 };

package/dist/ui/inputs/select/use-select.d.ts

@@ -0,0 +1,17 @@
+interface UseSelectProps {
+    value?: string | string[];
+    defaultSelectedKeys?: "all" | Iterable<React.Key>;
+    onChange?: ((value: string | null) => void) | ((value: string[]) => void);
+    onClear?: () => void;
+    selectionMode?: "single" | "multiple";
+    isClearable?: boolean;
+}
+export declare function useSelect({ value, onChange, onClear, selectionMode, isClearable, }: UseSelectProps): {
+    currentValue: string | string[] | null;
+    hasValue: boolean;
+    selectedKeys: Set<string>;
+    handleSelectionChange: (keys: "all" | Set<React.Key>) => void;
+    handleClear: () => void;
+    showClearButton: boolean;
+};
+export {};

package/dist/ui/inputs/select/use-select.js

@@ -0,0 +1,85 @@
+"use client";
+"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/ui/inputs/select/use-select.ts
+var use_select_exports = {};
+__export(use_select_exports, {
+  useSelect: () => useSelect
+});
+module.exports = __toCommonJS(use_select_exports);
+var import_react = require("react");
+function useSelect({
+  value,
+  onChange,
+  onClear,
+  selectionMode,
+  isClearable = true
+}) {
+  const isMultiple = selectionMode === "multiple";
+  const [internalValue, setInternalValue] = (0, import_react.useState)(
+    isMultiple ? [] : null
+  );
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const hasValue = currentValue != null && (Array.isArray(currentValue) ? currentValue.length > 0 : currentValue !== "");
+  const handleChange = (0, import_react.useCallback)(
+    (newValue) => {
+      if (!isControlled) {
+        setInternalValue(newValue);
+      }
+      if (isMultiple) {
+        onChange == null ? void 0 : onChange(newValue);
+      } else {
+        onChange == null ? void 0 : onChange(newValue);
+      }
+    },
+    [isControlled, onChange, isMultiple]
+  );
+  const handleClear = (0, import_react.useCallback)(() => {
+    onClear == null ? void 0 : onClear();
+    handleChange(isMultiple ? [] : null);
+  }, [onClear, handleChange, isMultiple]);
+  const selectedKeys = (0, import_react.useMemo)(() => {
+    if (currentValue == null) return /* @__PURE__ */ new Set();
+    return new Set(Array.isArray(currentValue) ? currentValue : [currentValue]);
+  }, [currentValue]);
+  const handleSelectionChange = (0, import_react.useCallback)(
+    (keys) => {
+      var _a;
+      if (keys === "all") return;
+      const selected = Array.from(keys).filter((key) => typeof key === "string");
+      handleChange(isMultiple ? selected : (_a = selected[0]) != null ? _a : null);
+    },
+    [handleChange, isMultiple]
+  );
+  const showClearButton = hasValue && isClearable;
+  return {
+    currentValue,
+    hasValue,
+    selectedKeys,
+    handleSelectionChange,
+    handleClear,
+    showClearButton
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSelect
+});

package/dist/ui/inputs/select/use-select.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  useSelect
+} from "../../../chunk-2UHA3DYG.mjs";
+export {
+  useSelect
+};

package/dist/ui/inputs/switch/favorite-switch.d.ts

@@ -1,6 +1,27 @@
+import type { VariantProps } from "tailwind-variants";
 import React from "react";
-export interface Props {
+declare const wrapperVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "flex cursor-pointer items-center justify-center rounded-sm bg-transparent!", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "flex cursor-pointer items-center justify-center rounded-sm bg-transparent!", unknown, unknown, undefined>>;
+export interface Props extends VariantProps<typeof wrapperVariants> {
     isSelected: boolean;
     onValueChange?: (isSelected: boolean) => void;
 }
-export declare function FavoriteSwitch({ isSelected, onValueChange }: Props): React.JSX.Element;
+export declare function FavoriteSwitch({ isSelected, onValueChange, size }: Props): React.JSX.Element;
+export {};

package/dist/ui/inputs/switch/favorite-switch.js

@@ -30,14 +30,35 @@ var import_lucide_react = require("lucide-react");
 var import_tailwind_variants = require("tailwind-variants");
 var import_jsx_runtime = require("react/jsx-runtime");
 var bookmarkVariants = (0, import_tailwind_variants.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_variants.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_switch.useSwitch)({
     isSelected,
     onValueChange
@@ -49,9 +70,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_runtime.jsx)(import_lucide_react.Bookmark, { className: bookmarkVariants({ isSelected }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_lucide_react.BookmarkIcon,
+          {
+            absoluteStrokeWidth: true,
+            className: bookmarkVariants({ isSelected, size }),
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.5
+          }
+        )
       }
     )
   ] });

package/dist/ui/inputs/switch/favorite-switch.mjs

@@ -2,7 +2,7 @@
 "use client";
 import {
   FavoriteSwitch
-} from "../../../chunk-E5QSNLSR.mjs";
+} from "../../../chunk-GTE5VEBV.mjs";
 export {
   FavoriteSwitch
 };

package/dist/ui/inputs/switch/index.js

@@ -51,14 +51,35 @@ var import_lucide_react = require("lucide-react");
 var import_tailwind_variants = require("tailwind-variants");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var bookmarkVariants = (0, import_tailwind_variants.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_variants.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
@@ -70,9 +91,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_runtime2.jsx)(import_lucide_react.Bookmark, { className: bookmarkVariants({ isSelected }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_lucide_react.BookmarkIcon,
+          {
+            absoluteStrokeWidth: true,
+            className: bookmarkVariants({ isSelected, size }),
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.5
+          }
+        )
       }
     )
   ] });

package/dist/ui/inputs/switch/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../../chunk-LLP2PTPK.mjs";
-import {
-  FavoriteSwitch
-} from "../../../chunk-E5QSNLSR.mjs";
 import {
   Switch
 } from "../../../chunk-N3EAW6UO.mjs";
+import {
+  FavoriteSwitch
+} from "../../../chunk-GTE5VEBV.mjs";
 export {
   FavoriteSwitch,
   Switch