@tiny-design/react 1.0.4

package/es/icon/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/icon/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/icon/types.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+
+//#region src/icon/types.d.ts
+interface IconProps extends React.PropsWithoutRef<JSX.IntrinsicElements['i']> {
+  name: string;
+  color?: string;
+  size?: string | number;
+  style?: React.CSSProperties;
+  spin?: boolean;
+  className?: string;
+  prefixCls?: string;
+}
+//#endregion
+export { IconProps };
+//# sourceMappingURL=types.d.ts.map

package/es/image/image.d.ts

@@ -0,0 +1,10 @@
+import { ImageProps } from "./types.js";
+
+//#region src/image/image.d.ts
+declare const Image: {
+  (props: ImageProps): JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Image };
+//# sourceMappingURL=image.d.ts.map

package/es/image/image.js

@@ -0,0 +1,49 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { useContext, useEffect, useRef } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/image/image.tsx
+const Image = (props) => {
+	const { alt = "image", objectFit = "cover", round = false, lazy = false, src, placeholder, fallback, className, style, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = getPrefixCls("image", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, { [`${prefixCls}_round`]: round });
+	const ref = useRef(null);
+	useEffect(() => {
+		if (!lazy || !("IntersectionObserver" in window)) return;
+		const observer = new IntersectionObserver((entries, obs) => {
+			entries.forEach(function(entry) {
+				if (entry.isIntersecting) {
+					const lazyImage = entry.target;
+					lazyImage.src = src || fallback || "";
+					obs.unobserve(lazyImage);
+				}
+			});
+		});
+		const imgNode = ref.current;
+		imgNode && observer.observe(imgNode);
+		return () => {
+			observer.disconnect();
+		};
+	}, [
+		fallback,
+		lazy,
+		src
+	]);
+	return /* @__PURE__ */ jsx("img", {
+		...otherProps,
+		ref,
+		className: cls,
+		style: {
+			...style,
+			objectFit
+		},
+		src: lazy ? placeholder : src ? src : fallback,
+		alt
+	});
+};
+Image.displayName = "Image";
+//#endregion
+export { Image as default };
+
+//# sourceMappingURL=image.js.map

package/es/image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","names":[],"sources":["../../src/image/image.tsx"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ImageProps } from './types';\n\nconst Image = (props: ImageProps): JSX.Element => {\n  const {\n    alt = 'image',\n    objectFit = 'cover',\n    round = false,\n    lazy = false,\n    src,\n    placeholder,\n    fallback,\n    className,\n    style,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('image', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, { [`${prefixCls}_round`]: round });\n  const ref = useRef<HTMLImageElement | null>(null);\n\n  useEffect(() => {\n    if (!lazy || !('IntersectionObserver' in window)) return;\n\n    const observer = new IntersectionObserver((entries, obs) => {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          const lazyImage = entry.target as HTMLImageElement;\n          lazyImage.src = src || fallback || '';\n          obs.unobserve(lazyImage);\n        }\n      });\n    });\n\n    const imgNode = ref.current;\n    imgNode && observer.observe(imgNode);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [fallback, lazy, src]);\n\n  return (\n    <img\n      {...otherProps}\n      ref={ref}\n      className={cls}\n      style={{ ...style, objectFit }}\n      src={lazy ? placeholder : src ? src : fallback}\n      alt={alt}\n    />\n  );\n};\n\nImage.displayName = 'Image';\n\nexport default Image;\n"],"mappings":";;;;;;AAMA,MAAM,SAAS,UAAmC;CAChD,MAAM,EACJ,MAAM,SACN,YAAY,SACZ,QAAQ,OACR,OAAO,OACP,KACA,aACA,UACA,WACA,OACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,SADT,WAAW,cAAc,CACO,WAAW,cAAc;CAC/E,MAAM,MAAM,WAAW,WAAW,WAAW,GAAG,GAAG,UAAU,UAAU,OAAO,CAAC;CAC/E,MAAM,MAAM,OAAgC,KAAK;AAEjD,iBAAgB;AACd,MAAI,CAAC,QAAQ,EAAE,0BAA0B,QAAS;EAElD,MAAM,WAAW,IAAI,sBAAsB,SAAS,QAAQ;AAC1D,WAAQ,QAAQ,SAAU,OAAO;AAC/B,QAAI,MAAM,gBAAgB;KACxB,MAAM,YAAY,MAAM;AACxB,eAAU,MAAM,OAAO,YAAY;AACnC,SAAI,UAAU,UAAU;;KAE1B;IACF;EAEF,MAAM,UAAU,IAAI;AACpB,aAAW,SAAS,QAAQ,QAAQ;AAEpC,eAAa;AACX,YAAS,YAAY;;IAEtB;EAAC;EAAU;EAAM;EAAI,CAAC;AAEzB,QACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,OAAO;GAAE,GAAG;GAAO;GAAW;EAC9B,KAAK,OAAO,cAAc,MAAM,MAAM;EACjC;EACL,CAAA;;AAIN,MAAM,cAAc"}

package/es/image/index.d.ts

@@ -0,0 +1 @@
+import { Image } from "./image.js";

package/es/image/index.js

@@ -0,0 +1,9 @@
+import '../style/base.css';
+import './style/index.css';
+import Image from "./image.js";
+//#region src/image/index.tsx
+var image_default = Image;
+//#endregion
+export { image_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/image/index.tsx"],"sourcesContent":["import Image from './image';\n\nexport default Image;\n"],"mappings":";;AAEA,IAAA,gBAAe"}

package/es/image/style/_index.scss

@@ -0,0 +1,9 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-image {
+  box-sizing: border-box;
+
+  &_round {
+    border-radius: 50%;
+  }
+}

package/es/image/style/index.css

@@ -0,0 +1,6 @@
+.ty-image {
+  box-sizing: border-box;
+}
+.ty-image_round {
+  border-radius: 50%;
+}

package/es/image/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/es/image/style/index.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/image/types.d.ts

@@ -0,0 +1,18 @@
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region src/image/types.d.ts
+interface ImageProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['img']> {
+  src?: string;
+  placeholder?: string;
+  alt?: string;
+  width?: number | string;
+  height?: number | string;
+  round?: boolean;
+  lazy?: boolean;
+  fallback?: string;
+  objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+}
+//#endregion
+export { ImageProps };
+//# sourceMappingURL=types.d.ts.map

package/es/index.d.ts

@@ -0,0 +1,88 @@
+import { Locale } from "./locale/types.js";
+import { Alert } from "./alert/alert.js";
+import { DefaultAnchor } from "./anchor/index.js";
+import { AspectRatio } from "./aspect-ratio/aspect-ratio.js";
+import { AutoComplete } from "./auto-complete/auto-complete.js";
+import { DefaultAvatar } from "./avatar/index.js";
+import { BackTop } from "./back-top/back-top.js";
+import { Badge } from "./badge/badge.js";
+import { DefaultBreadcrumb } from "./breadcrumb/index.js";
+import { DefaultButton } from "./button/index.js";
+import { Calendar } from "./calendar/calendar.js";
+import { DefaultCard } from "./card/index.js";
+import { DefaultCarousel } from "./carousel/index.js";
+import { Cascader } from "./cascader/cascader.js";
+import { DefaultCheckbox } from "./checkbox/index.js";
+import { ConfigProvider } from "./config-provider/config-provider.js";
+import { CopyToClipboard } from "./copy-to-clipboard/copy-to-clipboard.js";
+import { Col } from "./grid/col.js";
+import { DefaultCollapse } from "./collapse/index.js";
+import { ColorPicker } from "./color-picker/color-picker.js";
+import { Countdown } from "./countdown/countdown.js";
+import { DatePicker } from "./date-picker/date-picker.js";
+import { DefaultDesc } from "./descriptions/index.js";
+import { Divider } from "./divider/divider.js";
+import { Dropdown } from "./dropdown/dropdown.js";
+import { Drawer } from "./drawer/drawer.js";
+import { Empty } from "./empty/empty.js";
+import { Flex } from "./flex/flex.js";
+import { DefaultFlip } from "./flip/index.js";
+import { DefaultForm } from "./form/index.js";
+import { Icon } from "./icon/icon.js";
+import { Image } from "./image/image.js";
+import { DefaultInput } from "./input/index.js";
+import { InputNumber } from "./input-number/input-number.js";
+import { InputPassword } from "./input-password/input-password.js";
+import { IntlProvider } from "./intl-provider/intl-provider.js";
+import { Keyboard } from "./keyboard/keyboard.js";
+import { DefaultLayout } from "./layout/index.js";
+import { Link } from "./link/link.js";
+import { DefaultList } from "./list/index.js";
+import { Loader } from "./loader/loader.js";
+import { _default } from "./loading-bar/index.js";
+import { DefaultMenu } from "./menu/index.js";
+import { messageContainer } from "./message/message-container.js";
+import { DefaultSelect } from "./native-select/index.js";
+import { Row } from "./grid/row.js";
+import { ModalWithContext } from "./modal/index.js";
+import { notificationContainer } from "./notification/notification-container.js";
+import { Overlay } from "./overlay/overlay.js";
+import { Popover } from "./popover/popover.js";
+import { Pagination } from "./pagination/pagination.js";
+import { PopConfirm } from "./pop-confirm/pop-confirm.js";
+import { Progress } from "./progress/index.js";
+import { DefaultRadio } from "./radio/index.js";
+import { Rate } from "./rate/rate.js";
+import { Result } from "./result/result.js";
+import { ScrollIndicator } from "./scroll-indicator/scroll-indicator.js";
+import { Segmented } from "./segmented/segmented.js";
+import { DefaultSelect as DefaultSelect$1 } from "./select/index.js";
+import { Skeleton } from "./skeleton/skeleton.js";
+import { Slider } from "./slider/slider.js";
+import { Split } from "./split/split.js";
+import { SplitButton } from "./split-button/split-button.js";
+import { Space } from "./space/space.js";
+import { DefaultSpeedDial } from "./speed-dial/index.js";
+import { DefaultSteps } from "./steps/index.js";
+import { Statistic } from "./statistic/statistic.js";
+import { Sticky } from "./sticky/sticky.js";
+import { StrengthIndicator } from "./strength-indicator/strength-indicator.js";
+import { Switch } from "./switch/switch.js";
+import { Table } from "./table/table.js";
+import { DefaultTabs } from "./tabs/index.js";
+import { DefaultTag } from "./tag/index.js";
+import { Textarea } from "./textarea/textarea.js";
+import { DefaultTimeline } from "./timeline/index.js";
+import { TimePicker } from "./time-picker/time-picker.js";
+import { Tooltip } from "./tooltip/tooltip.js";
+import { Transfer } from "./transfer/transfer.js";
+import { Transition } from "./transition/transition.js";
+import { Tree } from "./tree/tree.js";
+import { DefaultTypo } from "./typography/index.js";
+import { Upload } from "./upload/upload.js";
+import { withLocale } from "./intl-provider/with-locale.js";
+import { en_US } from "./locale/en_US.js";
+import { zh_CN } from "./locale/zh_CN.js";
+import { useLocale } from "./_utils/use-locale.js";
+import { ThemeMode, useTheme } from "./_utils/use-theme.js";
+export { Alert, DefaultAnchor as Anchor, AspectRatio, AutoComplete, DefaultAvatar as Avatar, BackTop, Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, Calendar, DefaultCard as Card, DefaultCarousel as Carousel, Cascader, DefaultCheckbox as Checkbox, Col, DefaultCollapse as Collapse, ColorPicker, ConfigProvider, CopyToClipboard, Countdown, DatePicker, DefaultDesc as Descriptions, Divider, Drawer, Dropdown, Empty, Flex, DefaultFlip as Flip, DefaultForm as Form, Icon, Image, DefaultInput as Input, InputNumber, InputPassword, IntlProvider, Keyboard, DefaultLayout as Layout, Link, DefaultList as List, Loader, _default as LoadingBar, type Locale, DefaultMenu as Menu, messageContainer as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notificationContainer as Notification, Overlay, Pagination, PopConfirm, Popover, Progress, DefaultRadio as Radio, Rate, Result, Row, ScrollIndicator, Segmented, DefaultSelect$1 as Select, Skeleton, Slider, Space, DefaultSpeedDial as SpeedDial, Split, SplitButton, Statistic, DefaultSteps as Steps, Sticky, StrengthIndicator, Switch, Table, DefaultTabs as Tabs, DefaultTag as Tag, Textarea, type ThemeMode, TimePicker, DefaultTimeline as Timeline, Tooltip, Transfer, Transition, Tree, DefaultTypo as Typography, Upload, en_US, useLocale, useTheme, withLocale, zh_CN };

package/es/index.js

@@ -0,0 +1,88 @@
+import './style/base.css';
+import transition_default from "./transition/index.js";
+import alert_default from "./alert/index.js";
+import sticky_default from "./sticky/index.js";
+import DefaultAnchor from "./anchor/index.js";
+import aspect_ratio_default from "./aspect-ratio/index.js";
+import AutoComplete from "./auto-complete/auto-complete.js";
+import DefaultAvatar from "./avatar/index.js";
+import back_top_default from "./back-top/index.js";
+import badge_default from "./badge/index.js";
+import DefaultBreadcrumb from "./breadcrumb/index.js";
+import DefaultButton from "./button/index.js";
+import en_US from "./locale/en_US.js";
+import { useLocale } from "./_utils/use-locale.js";
+import calendar_default from "./calendar/index.js";
+import DefaultCard from "./card/index.js";
+import DefaultCarousel from "./carousel/index.js";
+import cascader_default from "./cascader/index.js";
+import DefaultCheckbox from "./checkbox/index.js";
+import intl_provider_default from "./intl-provider/index.js";
+import config_provider_default from "./config-provider/index.js";
+import copy_to_clipboard_default from "./copy-to-clipboard/index.js";
+import col_default from "./col/index.js";
+import DefaultCollapse from "./collapse/index.js";
+import color_picker_default from "./color-picker/index.js";
+import countdown_default from "./countdown/index.js";
+import date_picker_default from "./date-picker/index.js";
+import DefaultDesc from "./descriptions/index.js";
+import divider_default from "./divider/index.js";
+import dropdown_default from "./dropdown/index.js";
+import overlay_default from "./overlay/index.js";
+import drawer_default from "./drawer/index.js";
+import empty_default from "./empty/index.js";
+import flex_default from "./flex/index.js";
+import DefaultFlip from "./flip/index.js";
+import DefaultForm from "./form/index.js";
+import icon_default from "./icon/index.js";
+import image_default from "./image/index.js";
+import DefaultInput from "./input/index.js";
+import input_number_default from "./input-number/index.js";
+import input_password_default from "./input-password/index.js";
+import keyboard_default from "./keyboard/index.js";
+import DefaultLayout from "./layout/index.js";
+import link_default from "./link/index.js";
+import pagination_default from "./pagination/index.js";
+import DefaultList from "./list/index.js";
+import loader_default from "./loader/index.js";
+import loading_bar_default from "./loading-bar/index.js";
+import DefaultMenu from "./menu/index.js";
+import message_default from "./message/index.js";
+import DefaultSelect from "./native-select/index.js";
+import row_default from "./row/index.js";
+import ModalWithContext from "./modal/index.js";
+import notification_default from "./notification/index.js";
+import popover_default from "./popover/index.js";
+import pop_confirm_default from "./pop-confirm/index.js";
+import Progress from "./progress/index.js";
+import DefaultRadio from "./radio/index.js";
+import rate_default from "./rate/index.js";
+import result_default from "./result/index.js";
+import scroll_indicator_default from "./scroll-indicator/index.js";
+import segmented_default from "./segmented/index.js";
+import DefaultSelect$1 from "./select/index.js";
+import skeleton_default from "./skeleton/index.js";
+import tooltip_default from "./tooltip/index.js";
+import slider_default from "./slider/index.js";
+import split_default from "./split/index.js";
+import split_button_default from "./split-button/index.js";
+import space_default from "./space/index.js";
+import DefaultSpeedDial from "./speed-dial/index.js";
+import DefaultSteps from "./steps/index.js";
+import statistic_default from "./statistic/index.js";
+import strength_indicator_default from "./strength-indicator/index.js";
+import switch_default from "./switch/index.js";
+import table_default from "./table/index.js";
+import DefaultTabs from "./tabs/index.js";
+import DefaultTag from "./tag/index.js";
+import textarea_default from "./textarea/index.js";
+import DefaultTimeline from "./timeline/index.js";
+import time_picker_default from "./time-picker/index.js";
+import transfer_default from "./transfer/index.js";
+import tree_default from "./tree/index.js";
+import DefaultTypo from "./typography/index.js";
+import upload_default from "./upload/index.js";
+import { withLocale } from "./intl-provider/with-locale.js";
+import zh_CN from "./locale/zh_CN.js";
+import { useTheme } from "./_utils/use-theme.js";
+export { alert_default as Alert, DefaultAnchor as Anchor, aspect_ratio_default as AspectRatio, AutoComplete, DefaultAvatar as Avatar, back_top_default as BackTop, badge_default as Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, calendar_default as Calendar, DefaultCard as Card, DefaultCarousel as Carousel, cascader_default as Cascader, DefaultCheckbox as Checkbox, col_default as Col, DefaultCollapse as Collapse, color_picker_default as ColorPicker, config_provider_default as ConfigProvider, copy_to_clipboard_default as CopyToClipboard, countdown_default as Countdown, date_picker_default as DatePicker, DefaultDesc as Descriptions, divider_default as Divider, drawer_default as Drawer, dropdown_default as Dropdown, empty_default as Empty, flex_default as Flex, DefaultFlip as Flip, DefaultForm as Form, icon_default as Icon, image_default as Image, DefaultInput as Input, input_number_default as InputNumber, input_password_default as InputPassword, intl_provider_default as IntlProvider, keyboard_default as Keyboard, DefaultLayout as Layout, link_default as Link, DefaultList as List, loader_default as Loader, loading_bar_default as LoadingBar, DefaultMenu as Menu, message_default as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notification_default as Notification, overlay_default as Overlay, pagination_default as Pagination, pop_confirm_default as PopConfirm, popover_default as Popover, Progress, DefaultRadio as Radio, rate_default as Rate, result_default as Result, row_default as Row, scroll_indicator_default as ScrollIndicator, segmented_default as Segmented, DefaultSelect$1 as Select, skeleton_default as Skeleton, slider_default as Slider, space_default as Space, DefaultSpeedDial as SpeedDial, split_default as Split, split_button_default as SplitButton, statistic_default as Statistic, DefaultSteps as Steps, sticky_default as Sticky, strength_indicator_default as StrengthIndicator, switch_default as Switch, table_default as Table, DefaultTabs as Tabs, DefaultTag as Tag, textarea_default as Textarea, time_picker_default as TimePicker, DefaultTimeline as Timeline, tooltip_default as Tooltip, transfer_default as Transfer, transition_default as Transition, tree_default as Tree, DefaultTypo as Typography, upload_default as Upload, en_US, useLocale, useTheme, withLocale, zh_CN };

package/es/input/index.d.ts

@@ -0,0 +1,13 @@
+import { Input } from "./input.js";
+import { InputGroup } from "./input-group.js";
+import { InputGroupAddon } from "./input-group-addon.js";
+
+//#region src/input/index.d.ts
+type IInput = typeof Input & {
+  Group: typeof InputGroup;
+  Addon: typeof InputGroupAddon;
+};
+declare const DefaultInput: IInput;
+//#endregion
+export { DefaultInput };
+//# sourceMappingURL=index.d.ts.map

package/es/input/index.js

@@ -0,0 +1,13 @@
+import '../style/base.css';
+import './style/index.css';
+import Input from "./input.js";
+import InputGroup from "./input-group.js";
+import InputGroupAddon from "./input-group-addon.js";
+//#region src/input/index.tsx
+const DefaultInput = Input;
+DefaultInput.Group = InputGroup;
+DefaultInput.Addon = InputGroupAddon;
+//#endregion
+export { DefaultInput as default };
+
+//# sourceMappingURL=index.js.map

package/es/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/input/index.tsx"],"sourcesContent":["import Input from './input';\nimport InputGroup from './input-group';\nimport InputGroupAddon from './input-group-addon';\n\ntype IInput = typeof Input & {\n  Group: typeof InputGroup;\n  Addon: typeof InputGroupAddon;\n};\n\nconst DefaultInput = Input as IInput;\nDefaultInput.Group = InputGroup;\nDefaultInput.Addon = InputGroupAddon;\n\nexport default DefaultInput;\n"],"mappings":";;;;AASA,MAAM,eAAe;AACrB,aAAa,QAAQ;AACrB,aAAa,QAAQ"}

package/es/input/input-group-addon.d.ts

@@ -0,0 +1,11 @@
+import { InputGroupAddonProps } from "./types.js";
+import React from "react";
+
+//#region src/input/input-group-addon.d.ts
+declare const InputGroupAddon: {
+  (props: InputGroupAddonProps): React.ReactElement;
+  displayName: string;
+};
+//#endregion
+export { InputGroupAddon };
+//# sourceMappingURL=input-group-addon.d.ts.map

package/es/input/input-group-addon.js

@@ -0,0 +1,35 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/input/input-group-addon.tsx
+const InputGroupAddon = (props) => {
+	const { disabled = false, size = "md", noBorder, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = useContext(ConfigContext);
+	const prefixCls = getPrefixCls("input-group-addon", configContext.prefixCls, customisedCls);
+	const inputSize = props.size || configContext.componentSize || size;
+	const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, { [`${prefixCls}_no-border`]: noBorder });
+	if (React.isValidElement(children)) return /* @__PURE__ */ jsx("div", {
+		className: cls,
+		style,
+		children: React.Children.map(children, (child) => {
+			const childProps = {
+				disabled,
+				size: inputSize
+			};
+			return React.cloneElement(child, childProps);
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...otherProps,
+		className: cls,
+		style,
+		children
+	});
+};
+InputGroupAddon.displayName = "InputGroupAddon";
+//#endregion
+export { InputGroupAddon as default };
+
+//# sourceMappingURL=input-group-addon.js.map

package/es/input/input-group-addon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-addon.js","names":[],"sources":["../../src/input/input-group-addon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { InputGroupAddonProps, InputProps } from './types';\nimport { SizeType } from '../_utils/props';\n\nconst InputGroupAddon = (props: InputGroupAddonProps): React.ReactElement => {\n  const {\n    disabled = false,\n    size = 'md',\n    noBorder,\n    className,\n    style,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('input-group-addon', configContext.prefixCls, customisedCls);\n  const inputSize = props.size || configContext.componentSize || size;\n  const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, {\n    [`${prefixCls}_no-border`]: noBorder,\n  });\n\n  if (React.isValidElement(children)) {\n    return (\n      <div className={cls} style={style}>\n        {React.Children.map(children, (child: React.ReactElement) => {\n          const childProps: Partial<InputProps> = {\n            disabled,\n            size: inputSize as SizeType,\n          };\n          return React.cloneElement(child, childProps);\n        })}\n      </div>\n    );\n  }\n  return (\n    <div {...otherProps} className={cls} style={style}>\n      {children}\n    </div>\n  );\n};\n\nInputGroupAddon.displayName = 'InputGroupAddon';\n\nexport default InputGroupAddon;\n"],"mappings":";;;;;;AAOA,MAAM,mBAAmB,UAAoD;CAC3E,MAAM,EACJ,WAAW,OACX,OAAO,MACP,UACA,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,gBAAgB,WAAW,cAAc;CAC/C,MAAM,YAAY,aAAa,qBAAqB,cAAc,WAAW,cAAc;CAC3F,MAAM,YAAY,MAAM,QAAQ,cAAc,iBAAiB;CAC/D,MAAM,MAAM,WAAW,WAAW,WAAW,GAAG,UAAU,GAAG,aAAa,GACvE,GAAG,UAAU,cAAc,UAC7B,CAAC;AAEF,KAAI,MAAM,eAAe,SAAS,CAChC,QACE,oBAAC,OAAD;EAAK,WAAW;EAAY;YACzB,MAAM,SAAS,IAAI,WAAW,UAA8B;GAC3D,MAAM,aAAkC;IACtC;IACA,MAAM;IACP;AACD,UAAO,MAAM,aAAa,OAAO,WAAW;IAC5C;EACE,CAAA;AAGV,QACE,oBAAC,OAAD;EAAK,GAAI;EAAY,WAAW;EAAY;EACzC;EACG,CAAA;;AAIV,gBAAgB,cAAc"}

package/es/input/input-group.d.ts

@@ -0,0 +1,11 @@
+import { InputGroupProps } from "./types.js";
+import React from "react";
+
+//#region src/input/input-group.d.ts
+declare const InputGroup: {
+  (props: InputGroupProps): React.ReactElement;
+  displayName: string;
+};
+//#endregion
+export { InputGroup };
+//# sourceMappingURL=input-group.d.ts.map

package/es/input/input-group.js

@@ -0,0 +1,28 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/input/input-group.tsx
+const InputGroup = (props) => {
+	const { disabled = false, size = "md", className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = useContext(ConfigContext);
+	const cls = classNames(getPrefixCls("input-group", configContext.prefixCls, customisedCls), className);
+	const inputSize = props.size || configContext.componentSize || size;
+	return /* @__PURE__ */ jsx("div", {
+		...otherProps,
+		className: cls,
+		children: React.Children.map(children, (child) => {
+			const childProps = {
+				disabled,
+				size: inputSize
+			};
+			return React.cloneElement(child, childProps);
+		})
+	});
+};
+InputGroup.displayName = "InputGroup";
+//#endregion
+export { InputGroup as default };
+
+//# sourceMappingURL=input-group.js.map

package/es/input/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../../src/input/input-group.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { InputGroupProps, InputProps } from './types';\nimport { SizeType } from '../_utils/props';\n\nconst InputGroup = (props: InputGroupProps): React.ReactElement => {\n  const {\n    disabled = false,\n    size = 'md',\n    className,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('input-group', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const inputSize = props.size || configContext.componentSize || size;\n\n  return (\n    <div {...otherProps} className={cls}>\n      {React.Children.map(children, (child: React.ReactElement) => {\n        const childProps: Partial<InputProps> = {\n          disabled,\n          size: inputSize as SizeType,\n        };\n        return React.cloneElement(child, childProps);\n      })}\n    </div>\n  );\n};\n\nInputGroup.displayName = 'InputGroup';\n\nexport default InputGroup;\n"],"mappings":";;;;;;AAOA,MAAM,cAAc,UAA+C;CACjE,MAAM,EACJ,WAAW,OACX,OAAO,MACP,WACA,UACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,gBAAgB,WAAW,cAAc;CAE/C,MAAM,MAAM,WADM,aAAa,eAAe,cAAc,WAAW,cAAc,EACnD,UAAU;CAC5C,MAAM,YAAY,MAAM,QAAQ,cAAc,iBAAiB;AAE/D,QACE,oBAAC,OAAD;EAAK,GAAI;EAAY,WAAW;YAC7B,MAAM,SAAS,IAAI,WAAW,UAA8B;GAC3D,MAAM,aAAkC;IACtC;IACA,MAAM;IACP;AACD,UAAO,MAAM,aAAa,OAAO,WAAW;IAC5C;EACE,CAAA;;AAIV,WAAW,cAAc"}

package/es/input/input.d.ts

@@ -0,0 +1,8 @@
+import { InputProps } from "./types.js";
+import React from "react";
+
+//#region src/input/input.d.ts
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/es/input/input.js

@@ -0,0 +1,92 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { CloseCircle } from "../_utils/components.js";
+import React, { useContext, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/input/input.tsx
+const DEFAULT_MARGIN = 16;
+const Input = React.forwardRef((props, ref) => {
+	const { size = "md", disabled = false, clearable = false, defaultValue = "", prefix, suffix, onChange, onEnterPress, onKeyDown, className, style, onClearClick, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = useContext(ConfigContext);
+	const prefixCls = getPrefixCls("input", configContext.prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, `${prefixCls}_${props.size || configContext.componentSize || size}`, { [`${prefixCls}_disabled`]: disabled });
+	const prefixRef = useRef(null);
+	const suffixRef = useRef(null);
+	const [value, setValue] = useState("value" in props ? props.value : defaultValue);
+	const [inputPadding, setInputPadding] = useState({
+		paddingLeft: "7px",
+		paddingRight: "7px"
+	});
+	const inputOnChange = (e) => {
+		const val = e.currentTarget.value;
+		!("value" in props) && setValue(val);
+		onChange && onChange(e);
+	};
+	const inputOnKeydown = (e) => {
+		if (e.key === "Enter") onEnterPress && onEnterPress(e);
+		onKeyDown && onKeyDown(e);
+	};
+	const clearBtnOnClick = (e) => {
+		!("value" in props) && setValue("");
+		onClearClick && onClearClick(e);
+	};
+	const renderClearButton = () => {
+		if (clearable && value && value.length > 0) return /* @__PURE__ */ jsx("span", {
+			className: `${prefixCls}__clear-btn`,
+			onClick: clearBtnOnClick,
+			children: /* @__PURE__ */ jsx(CloseCircle, {
+				size: 16,
+				color: "#BFBFBF"
+			})
+		});
+		return null;
+	};
+	useEffect(() => {
+		const prefixNode = prefixRef.current;
+		const suffixNode = suffixRef.current;
+		const prefixWidth = prefixNode && prefixNode.offsetWidth;
+		const suffixWidth = suffixNode && suffixNode.offsetWidth;
+		const padding = { ...inputPadding };
+		if (prefixWidth) padding.paddingLeft = prefixWidth + DEFAULT_MARGIN + "px";
+		if (suffixWidth) padding.paddingRight = suffixWidth + DEFAULT_MARGIN + "px";
+		if (padding.paddingLeft !== inputPadding.paddingLeft || padding.paddingRight !== inputPadding.paddingRight) setInputPadding(padding);
+	}, [inputPadding]);
+	useEffect(() => {
+		"value" in props && typeof props.value !== "undefined" && setValue(props.value);
+	}, [props.value]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cls,
+		style,
+		children: [
+			prefix && /* @__PURE__ */ jsx("div", {
+				ref: prefixRef,
+				className: `${prefixCls}__prefix`,
+				children: prefix
+			}),
+			/* @__PURE__ */ jsx("input", {
+				...otherProps,
+				ref,
+				value,
+				disabled,
+				className: `${prefixCls}__input`,
+				style: {
+					paddingLeft: inputPadding.paddingLeft,
+					paddingRight: inputPadding.paddingRight
+				},
+				onChange: inputOnChange,
+				onKeyDown: inputOnKeydown
+			}),
+			(suffix || clearable) && /* @__PURE__ */ jsxs("div", {
+				ref: suffixRef,
+				className: `${prefixCls}__suffix`,
+				children: [renderClearButton(), suffix]
+			})
+		]
+	});
+});
+Input.displayName = "Input";
+//#endregion
+export { Input as default };
+
+//# sourceMappingURL=input.js.map

package/es/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../src/input/input.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, ReactNode, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CloseCircle } from '../_utils/components';\nimport { InputProps } from './types';\n\nconst DEFAULT_MARGIN = 16; // 8px * 2\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (props: InputProps, ref): JSX.Element => {\n    const {\n      size = 'md',\n      disabled = false,\n      clearable = false,\n      defaultValue = '',\n      prefix,\n      suffix,\n      onChange,\n      onEnterPress,\n      onKeyDown,\n      className,\n      style,\n      onClearClick,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('input', configContext.prefixCls, customisedCls);\n    const inputSize = props.size || configContext.componentSize || size;\n    const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, {\n      [`${prefixCls}_disabled`]: disabled,\n    });\n    const prefixRef = useRef<HTMLDivElement | null>(null);\n    const suffixRef = useRef<HTMLDivElement | null>(null);\n    const [value, setValue] = useState<string>(\n      'value' in props ? (props.value as string) : defaultValue\n    );\n    const [inputPadding, setInputPadding] = useState({ paddingLeft: '7px', paddingRight: '7px' });\n\n    const inputOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n      const val = e.currentTarget.value;\n      !('value' in props) && setValue(val);\n      onChange && onChange(e);\n    };\n\n    const inputOnKeydown = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n      if (e.key === 'Enter') {\n        onEnterPress && onEnterPress(e);\n      }\n      onKeyDown && onKeyDown(e);\n    };\n\n    const clearBtnOnClick = (e: React.MouseEvent<HTMLSpanElement>): void => {\n      !('value' in props) && setValue('');\n      onClearClick && onClearClick(e);\n    };\n\n    const renderClearButton = (): ReactNode => {\n      if (clearable && value && value.length > 0) {\n        return (\n          <span className={`${prefixCls}__clear-btn`} onClick={clearBtnOnClick}>\n            <CloseCircle size={16} color=\"#BFBFBF\" />\n          </span>\n        );\n      }\n      return null;\n    };\n\n    useEffect(() => {\n      const prefixNode = prefixRef.current;\n      const suffixNode = suffixRef.current;\n\n      const prefixWidth = prefixNode && prefixNode.offsetWidth;\n      const suffixWidth = suffixNode && suffixNode.offsetWidth;\n      const padding = { ...inputPadding };\n\n      if (prefixWidth) {\n        padding.paddingLeft = prefixWidth + DEFAULT_MARGIN + 'px';\n      }\n      if (suffixWidth) {\n        padding.paddingRight = suffixWidth + DEFAULT_MARGIN + 'px';\n      }\n\n      if (\n        padding.paddingLeft !== inputPadding.paddingLeft ||\n        padding.paddingRight !== inputPadding.paddingRight\n      ) {\n        setInputPadding(padding);\n      }\n    }, [inputPadding]);\n\n    useEffect(() => {\n      'value' in props && typeof props.value !== 'undefined' && setValue(props.value);\n    }, [props.value]);\n\n    return (\n      <div className={cls} style={style}>\n        {prefix && (\n          <div ref={prefixRef} className={`${prefixCls}__prefix`}>\n            {prefix}\n          </div>\n        )}\n        <input\n          {...otherProps}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          className={`${prefixCls}__input`}\n          style={{ paddingLeft: inputPadding.paddingLeft, paddingRight: inputPadding.paddingRight }}\n          onChange={inputOnChange}\n          onKeyDown={inputOnKeydown}\n        />\n        {(suffix || clearable) && (\n          <div ref={suffixRef} className={`${prefixCls}__suffix`}>\n            {renderClearButton()}\n            {suffix}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;AAOA,MAAM,iBAAiB;AAEvB,MAAM,QAAQ,MAAM,YACjB,OAAmB,QAAqB;CACvC,MAAM,EACJ,OAAO,MACP,WAAW,OACX,YAAY,OACZ,eAAe,IACf,QACA,QACA,UACA,cACA,WACA,WACA,OACA,cACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,gBAAgB,WAAW,cAAc;CAC/C,MAAM,YAAY,aAAa,SAAS,cAAc,WAAW,cAAc;CAE/E,MAAM,MAAM,WAAW,WAAW,WAAW,GAAG,UAAU,GADxC,MAAM,QAAQ,cAAc,iBAAiB,QACW,GACvE,GAAG,UAAU,aAAa,UAC5B,CAAC;CACF,MAAM,YAAY,OAA8B,KAAK;CACrD,MAAM,YAAY,OAA8B,KAAK;CACrD,MAAM,CAAC,OAAO,YAAY,SACxB,WAAW,QAAS,MAAM,QAAmB,aAC9C;CACD,MAAM,CAAC,cAAc,mBAAmB,SAAS;EAAE,aAAa;EAAO,cAAc;EAAO,CAAC;CAE7F,MAAM,iBAAiB,MAAiD;EACtE,MAAM,MAAM,EAAE,cAAc;AAC5B,IAAE,WAAW,UAAU,SAAS,IAAI;AACpC,cAAY,SAAS,EAAE;;CAGzB,MAAM,kBAAkB,MAAmD;AACzE,MAAI,EAAE,QAAQ,QACZ,iBAAgB,aAAa,EAAE;AAEjC,eAAa,UAAU,EAAE;;CAG3B,MAAM,mBAAmB,MAA+C;AACtE,IAAE,WAAW,UAAU,SAAS,GAAG;AACnC,kBAAgB,aAAa,EAAE;;CAGjC,MAAM,0BAAqC;AACzC,MAAI,aAAa,SAAS,MAAM,SAAS,EACvC,QACE,oBAAC,QAAD;GAAM,WAAW,GAAG,UAAU;GAAc,SAAS;aACnD,oBAAC,aAAD;IAAa,MAAM;IAAI,OAAM;IAAY,CAAA;GACpC,CAAA;AAGX,SAAO;;AAGT,iBAAgB;EACd,MAAM,aAAa,UAAU;EAC7B,MAAM,aAAa,UAAU;EAE7B,MAAM,cAAc,cAAc,WAAW;EAC7C,MAAM,cAAc,cAAc,WAAW;EAC7C,MAAM,UAAU,EAAE,GAAG,cAAc;AAEnC,MAAI,YACF,SAAQ,cAAc,cAAc,iBAAiB;AAEvD,MAAI,YACF,SAAQ,eAAe,cAAc,iBAAiB;AAGxD,MACE,QAAQ,gBAAgB,aAAa,eACrC,QAAQ,iBAAiB,aAAa,aAEtC,iBAAgB,QAAQ;IAEzB,CAAC,aAAa,CAAC;AAElB,iBAAgB;AACd,aAAW,SAAS,OAAO,MAAM,UAAU,eAAe,SAAS,MAAM,MAAM;IAC9E,CAAC,MAAM,MAAM,CAAC;AAEjB,QACE,qBAAC,OAAD;EAAK,WAAW;EAAY;YAA5B;GACG,UACC,oBAAC,OAAD;IAAK,KAAK;IAAW,WAAW,GAAG,UAAU;cAC1C;IACG,CAAA;GAER,oBAAC,SAAD;IACE,GAAI;IACC;IACE;IACG;IACV,WAAW,GAAG,UAAU;IACxB,OAAO;KAAE,aAAa,aAAa;KAAa,cAAc,aAAa;KAAc;IACzF,UAAU;IACV,WAAW;IACX,CAAA;IACA,UAAU,cACV,qBAAC,OAAD;IAAK,KAAK;IAAW,WAAW,GAAG,UAAU;cAA7C,CACG,mBAAmB,EACnB,OACG;;GAEJ;;EAGX;AAED,MAAM,cAAc"}