@teach-in/react 0.2.0 → 0.4.0

package/dist/ui/inputs/index.js

@@ -33,9 +33,13 @@ var inputs_exports = {};
 __export(inputs_exports, {
   Autocomplete: () => Autocomplete,
   Checkbox: () => Checkbox,
+  CheckboxGroup: () => CheckboxGroup,
   DatePicker: () => DatePicker,
   Email: () => Email,
+  FavoriteSwitch: () => FavoriteSwitch,
   Input: () => Input,
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup,
   Select: () => Select,
   Switch: () => Switch,
   Text: () => Text,
@@ -60,64 +64,83 @@ var import_react2 = __toESM(require("react"));
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var Checkbox = import_react2.default.forwardRef(
   ({ label, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_checkbox.Checkbox, { ref, label, ...props, children: label });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_checkbox.Checkbox, { ref, ...props, children: label });
   }
 );
 Checkbox.displayName = "TeachInUI.Checkbox";
 
-// src/ui/inputs/date-picker/date-picker.tsx
+// src/ui/inputs/checkbox/checkbox-group.tsx
 var import_react3 = __toESM(require("react"));
+var import_checkbox2 = require("@heroui/checkbox");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CheckboxGroup = import_react3.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_checkbox2.CheckboxGroup, { ref, ...props }));
+CheckboxGroup.displayName = "TeachInUI.CheckboxGroup";
+
+// src/ui/inputs/date-picker/date-picker.tsx
+var import_react4 = __toESM(require("react"));
 var import_date_picker = require("@heroui/date-picker");
 var import_i18n = require("@react-aria/i18n");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var DatePicker = import_react3.default.forwardRef(
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var DatePicker = import_react4.default.forwardRef(
   ({ locale, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_i18n.I18nProvider, { locale, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_date_picker.DatePicker, { ref, ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_i18n.I18nProvider, { locale, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_date_picker.DatePicker, { ref, ...props }) });
   }
 );
 DatePicker.displayName = "TeachInUI.DatePicker";
 
 // src/ui/inputs/email/email.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 
 // src/ui/inputs/input/input.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var import_input = require("@heroui/input");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Input = import_react4.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_input.Input, { ref, ...props });
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Input = import_react5.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_input.Input, { ref, ...props });
 });
 Input.displayName = "TeachInUI.Input";
 
 // src/ui/inputs/email/email.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Email = import_react5.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Email = import_react6.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
 });
 Email.displayName = "TeachInUI.Email";
 
 // src/ui/inputs/select/select.tsx
-var import_react6 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 var import_select = require("@heroui/select");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Select = import_react6.default.forwardRef(
-  ({ value, items, onChange, ...props }, ref) => {
-    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Select = import_react7.default.forwardRef(
+  ({ value, items, onChange, selectionMode, ...props }, ref) => {
+    const isMultiple = selectionMode === "multiple";
+    const selectedKeys = import_react7.default.useMemo(() => {
+      if (value == null) return /* @__PURE__ */ new Set();
+      return new Set(Array.isArray(value) ? value : [value]);
+    }, [value]);
+    const handleSelectionChange = import_react7.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]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_select.Select,
       {
         ref,
         items,
-        placeholder: " ",
         selectedKeys,
-        onSelectionChange: (keys) => {
-          const selected = Array.from(keys)[0];
-          if (typeof selected === "string") {
-            onChange == null ? void 0 : onChange(selected);
-          }
-        },
+        selectionMode,
+        onSelectionChange: handleSelectionChange,
         ...props,
-        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }
     );
   }
@@ -125,29 +148,77 @@ var Select = import_react6.default.forwardRef(
 Select.displayName = "TeachInUI.Select";
 
 // src/ui/inputs/switch/switch.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_switch = require("@heroui/switch");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Switch = import_react7.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_switch.Switch, { ref, ...props });
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Switch = import_react8.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_switch.Switch, { ref, ...props });
 });
 Switch.displayName = "TeachInUI.Switch";
 
+// src/ui/inputs/switch/favorite-switch.tsx
+var import_switch2 = require("@heroui/switch");
+var import_lucide_react = require("lucide-react");
+var import_tailwind_variants = require("tailwind-variants");
+var import_jsx_runtime9 = 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",
+  variants: {
+    isSelected: {
+      true: "stroke-primary fill-primary-100"
+    }
+  }
+});
+function FavoriteSwitch({ isSelected, onValueChange }) {
+  const { Component, slots, getBaseProps, getInputProps, getWrapperProps } = (0, import_switch2.useSwitch)({
+    isSelected,
+    onValueChange
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Component, { ...getBaseProps(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "sr-only", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { ...getInputProps() }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        ...getWrapperProps(),
+        className: slots.wrapper({
+          class: "flex h-8 w-8 cursor-pointer items-center justify-center rounded-sm !bg-transparent"
+        }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react.Bookmark, { className: bookmarkVariants({ isSelected }) })
+      }
+    )
+  ] });
+}
+
+// src/ui/inputs/radio/radio.tsx
+var import_radio = require("@heroui/radio");
+var Radio = Object.assign(import_radio.Radio, { displayName: "TeachInUI.Radio" });
+
+// src/ui/inputs/radio/radio-group.tsx
+var import_react9 = __toESM(require("react"));
+var import_radio2 = require("@heroui/radio");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var RadioGroup = import_react9.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radio2.RadioGroup, { ref, ...props });
+  }
+);
+RadioGroup.displayName = "TeachInUI.RadioGroup";
+
 // src/ui/inputs/text/text.tsx
-var import_react8 = __toESM(require("react"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Text = import_react8.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Input, { ref, type: "text", ...props });
+var import_react10 = __toESM(require("react"));
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Text = import_react10.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Input, { ref, type: "text", ...props });
 });
 Text.displayName = "TeachInUI.Text";
 
 // src/ui/inputs/textarea/textarea.tsx
 var import_input5 = require("@heroui/input");
-var import_react9 = __toESM(require("react"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Textarea = import_react9.default.forwardRef(
+var import_react11 = __toESM(require("react"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Textarea = import_react11.default.forwardRef(
   ({ minRows = 4, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_input5.Textarea, { ref, minRows, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_input5.Textarea, { ref, minRows, ...props });
   }
 );
 Textarea.displayName = "TeachInUI.Textarea";
@@ -155,9 +226,13 @@ Textarea.displayName = "TeachInUI.Textarea";
 0 && (module.exports = {
   Autocomplete,
   Checkbox,
+  CheckboxGroup,
   DatePicker,
   Email,
+  FavoriteSwitch,
   Input,
+  Radio,
+  RadioGroup,
   Select,
   Switch,
   Text,

package/dist/ui/inputs/index.mjs

@@ -1,17 +1,27 @@
 "use client";
-import "../../chunk-5YMUHF45.mjs";
-import "../../chunk-5HK7HRTR.mjs";
+import "../../chunk-CZEO3U25.mjs";
+import "../../chunk-DUQFM3QS.mjs";
 import {
-  Textarea
-} from "../../chunk-HJUZTISD.mjs";
-import "../../chunk-5EWHMXCP.mjs";
+  Text
+} from "../../chunk-KTUGFQWJ.mjs";
+import "../../chunk-RRA7GWP2.mjs";
+import {
+  RadioGroup
+} from "../../chunk-NOXFF2KJ.mjs";
+import {
+  Radio
+} from "../../chunk-2SNKT7I4.mjs";
+import "../../chunk-LLP2PTPK.mjs";
+import {
+  FavoriteSwitch
+} from "../../chunk-E5QSNLSR.mjs";
 import {
   Switch
 } from "../../chunk-N3EAW6UO.mjs";
-import "../../chunk-DUQFM3QS.mjs";
+import "../../chunk-5HK7HRTR.mjs";
 import {
-  Text
-} from "../../chunk-KTUGFQWJ.mjs";
+  Textarea
+} from "../../chunk-HJUZTISD.mjs";
 import "../../chunk-V2HNFTTX.mjs";
 import {
   DatePicker
@@ -27,21 +37,28 @@ import {
 import "../../chunk-AQ3ISJKU.mjs";
 import {
   Select
-} from "../../chunk-GQ3LBZ2Q.mjs";
+} from "../../chunk-3YOW5DEZ.mjs";
 import "../../chunk-WYJW5NNA.mjs";
 import {
   Autocomplete
 } from "../../chunk-C3MURCMZ.mjs";
-import "../../chunk-WJXIRSSW.mjs";
+import "../../chunk-UUKS7JYX.mjs";
+import {
+  CheckboxGroup
+} from "../../chunk-C4PCTOGM.mjs";
 import {
   Checkbox
-} from "../../chunk-WTXPB253.mjs";
+} from "../../chunk-N3QOXWJI.mjs";
 export {
   Autocomplete,
   Checkbox,
+  CheckboxGroup,
   DatePicker,
   Email,
+  FavoriteSwitch,
   Input,
+  Radio,
+  RadioGroup,
   Select,
   Switch,
   Text,

package/dist/ui/inputs/radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./radio";
+export * from "./radio-group";

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

@@ -0,0 +1,57 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/inputs/radio/index.ts
+var radio_exports = {};
+__export(radio_exports, {
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup
+});
+module.exports = __toCommonJS(radio_exports);
+
+// src/ui/inputs/radio/radio.tsx
+var import_radio = require("@heroui/radio");
+var Radio = Object.assign(import_radio.Radio, { displayName: "TeachInUI.Radio" });
+
+// src/ui/inputs/radio/radio-group.tsx
+var import_react = __toESM(require("react"));
+var import_radio2 = require("@heroui/radio");
+var import_jsx_runtime = require("react/jsx-runtime");
+var RadioGroup = import_react.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radio2.RadioGroup, { ref, ...props });
+  }
+);
+RadioGroup.displayName = "TeachInUI.RadioGroup";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Radio,
+  RadioGroup
+});

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

@@ -0,0 +1,12 @@
+"use client";
+import "../../../chunk-RRA7GWP2.mjs";
+import {
+  RadioGroup
+} from "../../../chunk-NOXFF2KJ.mjs";
+import {
+  Radio
+} from "../../../chunk-2SNKT7I4.mjs";
+export {
+  Radio,
+  RadioGroup
+};

package/dist/ui/inputs/radio/radio-group.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { RadioGroup as HeroUIRadioGroup } from "@heroui/radio";
+export type RadioGroupProps = React.ComponentProps<typeof HeroUIRadioGroup>;
+declare const RadioGroup: React.ForwardRefExoticComponent<(Omit<import("@heroui/system").OmitCommonProps<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("@heroui/radio").RadioGroupProps> & import("@heroui/radio").RadioGroupProps & {
+    as?: import("@heroui/system").As<any> | undefined;
+}, "ref"> | Omit<import("@heroui/system").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/radio").RadioGroupProps> & import("@heroui/radio").RadioGroupProps & {
+    as?: import("@heroui/system").As<any> | undefined;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroup };

package/dist/ui/inputs/radio/radio-group.js

@@ -0,0 +1,49 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/inputs/radio/radio-group.tsx
+var radio_group_exports = {};
+__export(radio_group_exports, {
+  RadioGroup: () => RadioGroup
+});
+module.exports = __toCommonJS(radio_group_exports);
+var import_react = __toESM(require("react"));
+var import_radio = require("@heroui/radio");
+var import_jsx_runtime = require("react/jsx-runtime");
+var RadioGroup = import_react.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radio.RadioGroup, { ref, ...props });
+  }
+);
+RadioGroup.displayName = "TeachInUI.RadioGroup";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioGroup
+});

package/dist/ui/inputs/radio/radio-group.mjs

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

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

@@ -0,0 +1,6 @@
+import { Radio as HeroUIRadio } from "@heroui/radio";
+export type RadioProps = React.ComponentProps<typeof HeroUIRadio>;
+declare const Radio: import("@heroui/system").InternalForwardRefRenderFunction<"input", import("@heroui/radio").RadioProps, never> & {
+    displayName: string;
+};
+export { Radio };

package/dist/ui/inputs/radio/radio.js

@@ -0,0 +1,32 @@
+"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/radio/radio.tsx
+var radio_exports = {};
+__export(radio_exports, {
+  Radio: () => Radio
+});
+module.exports = __toCommonJS(radio_exports);
+var import_radio = require("@heroui/radio");
+var Radio = Object.assign(import_radio.Radio, { displayName: "TeachInUI.Radio" });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Radio
+});

package/dist/ui/inputs/radio/radio.mjs

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

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

@@ -40,21 +40,33 @@ var import_react = __toESM(require("react"));
 var import_select = require("@heroui/select");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Select = import_react.default.forwardRef(
-  ({ value, items, onChange, ...props }, ref) => {
-    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+  ({ 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]
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_select.Select,
       {
         ref,
         items,
-        placeholder: " ",
         selectedKeys,
-        onSelectionChange: (keys) => {
-          const selected = Array.from(keys)[0];
-          if (typeof selected === "string") {
-            onChange == null ? void 0 : onChange(selected);
-          }
-        },
+        selectionMode,
+        onSelectionChange: handleSelectionChange,
         ...props,
         children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }

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

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

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

@@ -4,10 +4,23 @@ interface Item {
     key: string;
     label: string;
 }
-export interface SelectProps extends Omit<HeroUISelectProps<Item>, "value" | "items" | "onSelectionChange" | "onChange" | "children"> {
+type BaseSelectProps = Omit<HeroUISelectProps<Item>, "selectedKeys" | "onSelectionChange" | "children" | "onChange">;
+export type SelectProps = (BaseSelectProps & {
+    selectionMode?: "single";
     value?: string;
-    items?: Item[];
-    onChange?: (value: string) => void;
-}
-export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+    onChange?: (value: string | null) => void;
+}) | (BaseSelectProps & {
+    selectionMode: "multiple";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+});
+export declare const Select: React.ForwardRefExoticComponent<(Omit<BaseSelectProps & {
+    selectionMode?: "single";
+    value?: string;
+    onChange?: (value: string | null) => void;
+}, "ref"> | Omit<BaseSelectProps & {
+    selectionMode: "multiple";
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}, "ref">) & React.RefAttributes<HTMLSelectElement>>;
 export {};

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

@@ -38,21 +38,33 @@ var import_react = __toESM(require("react"));
 var import_select = require("@heroui/select");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Select = import_react.default.forwardRef(
-  ({ value, items, onChange, ...props }, ref) => {
-    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+  ({ 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]
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_select.Select,
       {
         ref,
         items,
-        placeholder: " ",
         selectedKeys,
-        onSelectionChange: (keys) => {
-          const selected = Array.from(keys)[0];
-          if (typeof selected === "string") {
-            onChange == null ? void 0 : onChange(selected);
-          }
-        },
+        selectionMode,
+        onSelectionChange: handleSelectionChange,
         ...props,
         children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }

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

@@ -1,7 +1,7 @@
 "use client";
 import {
   Select
-} from "../../../chunk-GQ3LBZ2Q.mjs";
+} from "../../../chunk-3YOW5DEZ.mjs";
 export {
   Select
 };

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface Props {
+    isSelected: boolean;
+    onValueChange?: (isSelected: boolean) => void;
+}
+export declare function FavoriteSwitch({ isSelected, onValueChange }: Props): React.JSX.Element;