@teach-in/react 1.5.0 → 1.6.0

package/dist/ui/inputs/index.js

@@ -39,10 +39,12 @@ __export(inputs_exports, {
   Email: () => Email,
   FavoriteSwitch: () => FavoriteSwitch,
   Input: () => Input,
+  Number: () => Number2,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
   Search: () => Search,
   Select: () => Select,
+  SelectItem: () => SelectItem,
   Switch: () => Switch,
   Text: () => Text,
   Textarea: () => Textarea
@@ -241,21 +243,226 @@ Input.displayName = "TeachInUI.Input";
 
 // src/ui/inputs/email/email.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Email = import_react8.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
-});
+var EMAIL_REGEX = /^(?!\.)(?!.*\.\.)[A-Za-zА-Яа-яЁё0-9._+%-]+(?<!\.)@(?:(?:[A-Za-zА-Яа-яЁё0-9](?:[A-Za-zА-Яа-яЁё0-9-]*[A-Za-zА-Яа-яЁё0-9])?)\.)+[A-Za-zА-Яа-яЁё]{2,}$/u;
+var DEFAULT_ERROR_MESSAGE = "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 email";
+var defaultValidateEmail = (value) => {
+  if (!value) {
+    return;
+  }
+  return EMAIL_REGEX.test(value) ? true : DEFAULT_ERROR_MESSAGE;
+};
+function getValidationMessage(result) {
+  if (typeof result === "string") {
+    return result;
+  }
+  if (Array.isArray(result)) {
+    return result.join(" ");
+  }
+  return;
+}
+var Email = import_react8.default.forwardRef(
+  ({
+    defaultValue,
+    errorMessage,
+    isInvalid,
+    onValueChange,
+    validate = defaultValidateEmail,
+    value,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = import_react8.default.useState(defaultValue != null ? defaultValue : "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : internalValue;
+    const handleValueChange = import_react8.default.useCallback(
+      (nextValue) => {
+        if (!isControlled) {
+          setInternalValue(nextValue);
+        }
+        onValueChange == null ? void 0 : onValueChange(nextValue);
+      },
+      [isControlled, onValueChange]
+    );
+    const validationMessage = getValidationMessage(validate(currentValue != null ? currentValue : ""));
+    const resolvedErrorMessage = errorMessage != null ? errorMessage : validationMessage;
+    const resolvedIsInvalid = isInvalid != null ? isInvalid : Boolean(validationMessage);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      Input,
+      {
+        ref,
+        autoComplete: "email",
+        errorMessage: resolvedErrorMessage,
+        isInvalid: resolvedIsInvalid,
+        type: "email",
+        validate,
+        value: currentValue,
+        onValueChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
 Email.displayName = "TeachInUI.Email";
 
-// src/ui/inputs/search/search.tsx
+// src/ui/inputs/number/number.tsx
 var import_react10 = __toESM(require("react"));
+var import_number_input = require("@heroui/number-input");
+var import_tailwind_variants2 = require("tailwind-variants");
+
+// 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/inputs/number/use-number.ts
+var import_number = require("@internationalized/number");
+var import_react9 = require("react");
+function normalizeNumberValue(value) {
+  if (value == null || Number.isNaN(value)) {
+    return null;
+  }
+  return value;
+}
+function useNumber({
+  locale,
+  value,
+  onChange,
+  onValueChange,
+  onClear,
+  isReadOnly,
+  isClearable = true,
+  ref
+}) {
+  const inputRef = (0, import_react9.useRef)(null);
+  const currentValue = normalizeNumberValue(value);
+  const hasValue = currentValue !== null;
+  const currentLocale = locale != null ? locale : Intl.NumberFormat().resolvedOptions().locale;
+  const numberParser = (0, import_react9.useMemo)(() => new import_number.NumberParser(currentLocale), [currentLocale]);
+  const emitValueChange = (0, import_react9.useCallback)(
+    (newValue) => {
+      onValueChange == null ? void 0 : onValueChange(newValue);
+      onChange == null ? void 0 : onChange(newValue);
+    },
+    [onChange, onValueChange]
+  );
+  const handleValueChange = (0, import_react9.useCallback)(
+    (incomingValue) => {
+      let newValue = null;
+      if (incomingValue === null) {
+        newValue = null;
+      } else if (typeof incomingValue === "number") {
+        newValue = Number.isNaN(incomingValue) ? null : incomingValue;
+      } else {
+        const rawValue = incomingValue.target.value;
+        newValue = rawValue === "" ? null : numberParser.parse(rawValue);
+        newValue = Number.isNaN(newValue) ? null : newValue;
+      }
+      emitValueChange(newValue);
+    },
+    [emitValueChange, numberParser]
+  );
+  const handleClear = (0, import_react9.useCallback)(() => {
+    var _a;
+    onClear == null ? void 0 : onClear();
+    emitValueChange(null);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }, [emitValueChange, onClear]);
+  const mergedRef = (0, import_react9.useCallback)(
+    (node) => {
+      inputRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [ref]
+  );
+  const showClearButton = hasValue && !isReadOnly && isClearable;
+  return {
+    inputRef,
+    currentValue,
+    hasValue,
+    handleValueChange,
+    handleClear,
+    mergedRef,
+    showClearButton
+  };
+}
+
+// src/ui/inputs/number/number.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var inputWrapperVariants2 = (0, import_tailwind_variants2.tv)({
+  variants: {
+    variant: {
+      flat: "",
+      underlined: "",
+      bordered: "border-1",
+      faded: "border-1"
+    }
+  }
+});
+var Number2 = import_react10.default.forwardRef(
+  ({
+    locale,
+    value,
+    onChange,
+    onValueChange,
+    onClear,
+    variant,
+    classNames,
+    endContent,
+    isReadOnly,
+    isClearable,
+    ...props
+  }, ref) => {
+    const { currentValue, handleValueChange, handleClear, mergedRef, showClearButton } = useNumber({
+      locale,
+      value,
+      onChange,
+      onValueChange,
+      onClear,
+      isReadOnly,
+      isClearable,
+      ref
+    });
+    const normalizedValue = currentValue === null ? globalThis.Number.NaN : currentValue;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_number_input.NumberInput,
+      {
+        ref: mergedRef,
+        classNames: {
+          ...classNames,
+          inputWrapper: cn(inputWrapperVariants2({ variant }), classNames == null ? void 0 : classNames.inputWrapper),
+          innerWrapper: cn("group", classNames == null ? void 0 : classNames.innerWrapper)
+        },
+        endContent: (endContent || showClearButton) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1", children: [
+          endContent,
+          showClearButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ClearButton, { onClear: handleClear })
+        ] }),
+        inputMode: "decimal",
+        isReadOnly,
+        value: normalizedValue,
+        variant,
+        onChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
+Number2.displayName = "TeachInUI.Number";
+
+// src/ui/inputs/search/search.tsx
+var import_react12 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
 var import_button2 = require("@heroui/button");
-var import_tailwind_variants2 = require("tailwind-variants");
+var import_tailwind_variants3 = require("tailwind-variants");
 
 // src/ui/inputs/search/use-search.ts
-var import_react9 = require("react");
+var import_react11 = require("react");
 function useSearch({ value, onSearch, onCancel, onKeyDown }) {
-  const handleKeyDown = (0, import_react9.useCallback)(
+  const handleKeyDown = (0, import_react11.useCallback)(
     (event) => {
       if (event.key === "Enter") {
         event.preventDefault();
@@ -269,7 +476,7 @@ function useSearch({ value, onSearch, onCancel, onKeyDown }) {
     [onSearch, onCancel, onKeyDown]
   );
   const hasValue = value !== void 0 && String(value).length > 0;
-  const handleSearchClick = (0, import_react9.useCallback)(() => {
+  const handleSearchClick = (0, import_react11.useCallback)(() => {
     if (hasValue) {
       onSearch == null ? void 0 : onSearch(value);
     }
@@ -282,8 +489,8 @@ function useSearch({ value, onSearch, onCancel, onKeyDown }) {
 }
 
 // src/ui/inputs/search/search.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var searchIconVariants = (0, import_tailwind_variants2.tv)({
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var searchIconVariants = (0, import_tailwind_variants3.tv)({
   base: "size-5 shrink-0",
   variants: {
     variant: {
@@ -294,7 +501,7 @@ var searchIconVariants = (0, import_tailwind_variants2.tv)({
     }
   }
 });
-var Search = import_react10.default.forwardRef(
+var Search = import_react12.default.forwardRef(
   ({ variant = "bordered", radius = "full", value, onSearch, onCancel, onKeyDown, ...props }, ref) => {
     const { handleKeyDown, handleSearchClick, hasValue } = useSearch({
       value,
@@ -302,12 +509,12 @@ var Search = import_react10.default.forwardRef(
       onCancel,
       onKeyDown
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Input,
       {
         ref,
         radius,
-        startContent: onSearch ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        startContent: onSearch ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           import_button2.Button,
           {
             isIconOnly: true,
@@ -317,9 +524,9 @@ var Search = import_react10.default.forwardRef(
             size: "sm",
             variant: "light",
             onPress: handleSearchClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.SearchIcon, { className: searchIconVariants({ variant }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.SearchIcon, { className: searchIconVariants({ variant }) })
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.SearchIcon, { className: searchIconVariants({ variant }) }),
+        ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.SearchIcon, { className: searchIconVariants({ variant }) }),
         value,
         variant,
         onKeyDown: handleKeyDown,
@@ -331,12 +538,12 @@ var Search = import_react10.default.forwardRef(
 Search.displayName = "TeachInUI.Search";
 
 // src/ui/inputs/select/select.tsx
-var import_react12 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_select = require("@heroui/select");
-var import_tailwind_variants3 = require("tailwind-variants");
+var import_tailwind_variants4 = require("tailwind-variants");
 
 // src/ui/inputs/select/use-select.ts
-var import_react11 = require("react");
+var import_react13 = require("react");
 function useSelect({
   value,
   onChange,
@@ -345,34 +552,27 @@ function useSelect({
   isClearable = true
 }) {
   const isMultiple = selectionMode === "multiple";
-  const [internalValue, setInternalValue] = (0, import_react11.useState)(
-    isMultiple ? [] : null
-  );
-  const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
+  const currentValue = value != null ? value : isMultiple ? [] : null;
   const hasValue = currentValue != null && (Array.isArray(currentValue) ? currentValue.length > 0 : currentValue !== "");
-  const handleChange = (0, import_react11.useCallback)(
+  const handleChange = (0, import_react13.useCallback)(
     (newValue) => {
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
       if (isMultiple) {
         onChange == null ? void 0 : onChange(newValue);
       } else {
         onChange == null ? void 0 : onChange(newValue);
       }
     },
-    [isControlled, onChange, isMultiple]
+    [onChange, isMultiple]
   );
-  const handleClear = (0, import_react11.useCallback)(() => {
+  const handleClear = (0, import_react13.useCallback)(() => {
     onClear == null ? void 0 : onClear();
     handleChange(isMultiple ? [] : null);
   }, [onClear, handleChange, isMultiple]);
-  const selectedKeys = (0, import_react11.useMemo)(() => {
+  const selectedKeys = (0, import_react13.useMemo)(() => {
     if (currentValue == null) return /* @__PURE__ */ new Set();
     return new Set(Array.isArray(currentValue) ? currentValue : [currentValue]);
   }, [currentValue]);
-  const handleSelectionChange = (0, import_react11.useCallback)(
+  const handleSelectionChange = (0, import_react13.useCallback)(
     (keys) => {
       var _a;
       if (keys === "all") return;
@@ -393,8 +593,8 @@ function useSelect({
 }
 
 // src/ui/inputs/select/select.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var selectWrapperVariants = (0, import_tailwind_variants3.tv)({
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var selectWrapperVariants = (0, import_tailwind_variants4.tv)({
   variants: {
     variant: {
       flat: "",
@@ -404,12 +604,14 @@ var selectWrapperVariants = (0, import_tailwind_variants3.tv)({
     }
   }
 });
-var Select = import_react12.default.forwardRef(
+var Select = import_react14.default.forwardRef(
   ({
     value,
-    defaultSelectedKeys,
     items,
+    children,
+    selectedKeys: selectedKeysProp,
     onChange,
+    onSelectionChange,
     selectionMode,
     onClear,
     variant,
@@ -418,6 +620,8 @@ var Select = import_react12.default.forwardRef(
     isClearable,
     ...props
   }, ref) => {
+    const usesExternalSelectionControl = selectedKeysProp !== void 0 || onSelectionChange !== void 0;
+    const selectChildren = children != null ? children : (item) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.SelectItem, { children: item.label }, item.key);
     const { selectedKeys, handleSelectionChange, handleClear, showClearButton } = useSelect({
       value,
       onChange,
@@ -425,48 +629,48 @@ var Select = import_react12.default.forwardRef(
       selectionMode,
       isClearable
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       import_select.Select,
       {
         ref,
         classNames: {
           ...classNames,
-          trigger: selectWrapperVariants({ variant }),
+          trigger: cn(selectWrapperVariants({ variant }), classNames == null ? void 0 : classNames.trigger),
           innerWrapper: "group"
         },
-        defaultSelectedKeys,
-        endContent: (endContent || showClearButton) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-1", children: [
+        endContent: (endContent || showClearButton) && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-1", children: [
           endContent,
-          showClearButton && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ClearButton, { onClear: handleClear })
+          showClearButton && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ClearButton, { onClear: handleClear })
         ] }),
         items,
-        selectedKeys,
+        selectedKeys: usesExternalSelectionControl ? selectedKeysProp : selectedKeys,
         selectionMode,
         variant,
-        onSelectionChange: handleSelectionChange,
+        onSelectionChange: usesExternalSelectionControl ? onSelectionChange : handleSelectionChange,
         ...props,
-        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+        children: selectChildren
       }
     );
   }
 );
 Select.displayName = "TeachInUI.Select";
+var SelectItem = import_select.SelectItem;
 
 // src/ui/inputs/switch/switch.tsx
-var import_react13 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var import_switch = require("@heroui/switch");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Switch = import_react13.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_switch.Switch, { ref, ...props });
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Switch = import_react15.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.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_react3 = require("lucide-react");
-var import_tailwind_variants4 = require("tailwind-variants");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var bookmarkVariants = (0, import_tailwind_variants4.tv)({
+var import_tailwind_variants5 = require("tailwind-variants");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var bookmarkVariants = (0, import_tailwind_variants5.tv)({
   base: "stroke-default-400 group-hover:fill-primary-100 group-hover:stroke-default-400",
   variants: {
     size: {
@@ -482,7 +686,7 @@ var bookmarkVariants = (0, import_tailwind_variants4.tv)({
     size: "md"
   }
 });
-var wrapperVariants = (0, import_tailwind_variants4.tv)({
+var wrapperVariants = (0, import_tailwind_variants5.tv)({
   base: "flex cursor-pointer items-center justify-center rounded-sm bg-transparent!",
   variants: {
     size: {
@@ -500,16 +704,16 @@ function FavoriteSwitch({ isSelected, onValueChange, size }) {
     isSelected,
     onValueChange
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Component, { ...getBaseProps(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "sr-only", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { ...getInputProps() }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Component, { ...getBaseProps(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "sr-only", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { ...getInputProps() }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
         ...getWrapperProps(),
         className: slots.wrapper({
           class: wrapperVariants({ size })
         }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           import_lucide_react3.BookmarkIcon,
           {
             absoluteStrokeWidth: true,
@@ -529,31 +733,31 @@ 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_react14 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_radio2 = require("@heroui/radio");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var RadioGroup = import_react14.default.forwardRef(
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var RadioGroup = import_react16.default.forwardRef(
   (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radio2.RadioGroup, { ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radio2.RadioGroup, { ref, ...props });
   }
 );
 RadioGroup.displayName = "TeachInUI.RadioGroup";
 
 // src/ui/inputs/text/text.tsx
-var import_react15 = __toESM(require("react"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Text = import_react15.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Input, { ref, type: "text", ...props });
+var import_react17 = __toESM(require("react"));
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Text = import_react17.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Input, { ref, type: "text", ...props });
 });
 Text.displayName = "TeachInUI.Text";
 
 // src/ui/inputs/textarea/textarea.tsx
 var import_input6 = require("@heroui/input");
-var import_react16 = __toESM(require("react"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Textarea = import_react16.default.forwardRef(
+var import_react18 = __toESM(require("react"));
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Textarea = import_react18.default.forwardRef(
   ({ minRows = 4, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_input6.Textarea, { ref, minRows, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_input6.Textarea, { ref, minRows, ...props });
   }
 );
 Textarea.displayName = "TeachInUI.Textarea";
@@ -567,10 +771,12 @@ Textarea.displayName = "TeachInUI.Textarea";
   Email,
   FavoriteSwitch,
   Input,
+  Number,
   Radio,
   RadioGroup,
   Search,
   Select,
+  SelectItem,
   Switch,
   Text,
   Textarea

package/dist/ui/inputs/index.mjs

@@ -1,64 +1,72 @@
 "use client";
-import "../../chunk-UQAG7TKJ.mjs";
+import "../../chunk-37MCHF7U.mjs";
 import "../../chunk-DUQFM3QS.mjs";
 import {
   Text
 } from "../../chunk-KTWHCUYV.mjs";
-import "../../chunk-5HK7HRTR.mjs";
-import {
-  Textarea
-} from "../../chunk-HJUZTISD.mjs";
 import "../../chunk-LLP2PTPK.mjs";
+import {
+  FavoriteSwitch
+} from "../../chunk-GTE5VEBV.mjs";
 import {
   Switch
 } from "../../chunk-N3EAW6UO.mjs";
+import "../../chunk-5HK7HRTR.mjs";
 import {
-  FavoriteSwitch
-} from "../../chunk-GTE5VEBV.mjs";
+  Textarea
+} from "../../chunk-HJUZTISD.mjs";
 import "../../chunk-5RNCFTW5.mjs";
 import {
   Search
 } from "../../chunk-SEJXJZSK.mjs";
 import "../../chunk-C2VWADF5.mjs";
-import "../../chunk-AQ3ISJKU.mjs";
+import "../../chunk-RRA7GWP2.mjs";
 import {
-  Select
-} from "../../chunk-VXYV37IM.mjs";
-import "../../chunk-2UHA3DYG.mjs";
-import "../../chunk-UUKS7JYX.mjs";
+  RadioGroup
+} from "../../chunk-NOXFF2KJ.mjs";
 import {
-  Checkbox
-} from "../../chunk-N3QOXWJI.mjs";
-import "../../chunk-V2HNFTTX.mjs";
+  Radio
+} from "../../chunk-2SNKT7I4.mjs";
+import "../../chunk-AQ3ISJKU.mjs";
 import {
-  DatePicker
-} from "../../chunk-IAJ6G633.mjs";
+  Select,
+  SelectItem
+} from "../../chunk-C5FQB2UN.mjs";
+import "../../chunk-6BWSC6ZH.mjs";
+import "../../chunk-V2HNFTTX.mjs";
 import "../../chunk-V3KKDSQP.mjs";
 import {
   Email
-} from "../../chunk-46SKVFMZ.mjs";
+} from "../../chunk-GEPCSZCU.mjs";
 import "../../chunk-ZRHEFEFS.mjs";
 import {
   Input
 } from "../../chunk-MCQGBAUS.mjs";
 import "../../chunk-NSU66J5E.mjs";
-import "../../chunk-RRA7GWP2.mjs";
+import "../../chunk-UUKS7JYX.mjs";
 import {
-  Radio
-} from "../../chunk-2SNKT7I4.mjs";
+  CheckboxGroup
+} from "../../chunk-C4PCTOGM.mjs";
 import {
-  RadioGroup
-} from "../../chunk-NOXFF2KJ.mjs";
+  Checkbox
+} from "../../chunk-N3QOXWJI.mjs";
+import "../../chunk-ALGSVEUS.mjs";
+import {
+  Number
+} from "../../chunk-BHOCYKBI.mjs";
+import "../../chunk-7WIZONLU.mjs";
+import {
+  DatePicker
+} from "../../chunk-IAJ6G633.mjs";
 import "../../chunk-WYJW5NNA.mjs";
 import {
   Autocomplete
 } from "../../chunk-C3MURCMZ.mjs";
-import {
-  CheckboxGroup
-} from "../../chunk-C4PCTOGM.mjs";
 import {
   ClearButton
 } from "../../chunk-TUIN5YJW.mjs";
+import "../../chunk-Q6XJI7Q2.mjs";
+import "../../chunk-LOMRTWX5.mjs";
 export {
   Autocomplete,
   Checkbox,
@@ -68,10 +76,12 @@ export {
   Email,
   FavoriteSwitch,
   Input,
+  Number,
   Radio,
   RadioGroup,
   Search,
   Select,
+  SelectItem,
   Switch,
   Text,
   Textarea

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

@@ -0,0 +1 @@
+export { Number, type NumberProps } from "./number";