tiny-ui 0.0.95 → 1.0.0

package/es/rate/types.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ReactNode } from 'react';
+import { BaseProps } from '../_utils/props';
+export interface RateProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['ul']>, 'onChange'> {
+    color?: string;
+    clearable?: boolean;
+    half?: boolean;
+    character?: ReactNode;
+    count?: number;
+    defaultValue?: number;
+    value?: number;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+    children?: ReactNode;
+}

package/es/rate/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/rate/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/rate/types.ts"],"names":[],"mappings":""}

package/es/result/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ResultProps } from './types';
+declare const Result: React.ForwardRefExoticComponent<Omit<ResultProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Result;

package/es/result/index.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import { CheckCircle, CloseCircle, InfoCircle, LoadingCircle, WarningCircle, } from '../_utils/components';
+const Result = React.forwardRef((props, ref) => {
+    const { status = 'info', prefixCls: customisedCls, title, subtitle, icon, extra, className, children, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('result', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, `${prefixCls}_${status}`);
+    const renderIcon = () => {
+        if (React.isValidElement(icon)) {
+            return icon;
+        }
+        else {
+            const iconSize = 80;
+            switch (status) {
+                case 'success':
+                    return _jsx(CheckCircle, { size: iconSize });
+                case 'info':
+                    return _jsx(InfoCircle, { size: iconSize });
+                case 'warning':
+                    return _jsx(WarningCircle, { size: iconSize });
+                case 'error':
+                    return _jsx(CloseCircle, { size: iconSize });
+                case 'loading':
+                    return _jsx(LoadingCircle, { size: iconSize, className: `${prefixCls}__icon` });
+            }
+        }
+        return null;
+    };
+    return (_jsxs("div", { ...otherProps, ref: ref, className: cls, children: [_jsx("div", { className: `${prefixCls}__icon-container`, children: renderIcon() }), title && _jsx("div", { className: `${prefixCls}__title`, children: title }), subtitle && _jsx("div", { className: `${prefixCls}__subtitle`, children: subtitle }), extra && _jsx("div", { className: `${prefixCls}__extra`, children: extra }), children && _jsx("div", { className: `${prefixCls}__content`, children: children })] }));
+});
+Result.displayName = 'Result';
+export default Result;
+//# sourceMappingURL=index.js.map

package/es/result/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/result/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,EACb,aAAa,GACd,MAAM,sBAAsB,CAAC;AAG9B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAkB,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,EACJ,MAAM,GAAG,MAAM,EACf,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,MAAM,EAAE,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,GAAoB,EAAE;QACvC,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAC;QACd,CAAC;aAAM,CAAC;YACN,MAAM,QAAQ,GAAG,EAAE,CAAC;YACpB,QAAQ,MAAM,EAAE,CAAC;gBACf,KAAK,SAAS;oBACZ,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;gBACzC,KAAK,MAAM;oBACT,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;gBACxC,KAAK,SAAS;oBACZ,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;gBAC3C,KAAK,OAAO;oBACV,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;gBACzC,KAAK,SAAS;oBACZ,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CAAC;YAC9E,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,kBAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,aAC3C,cAAK,SAAS,EAAE,GAAG,SAAS,kBAAkB,YAAG,UAAU,EAAE,GAAO,EACnE,KAAK,IAAI,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,KAAK,GAAO,EAC7D,QAAQ,IAAI,cAAK,SAAS,EAAE,GAAG,SAAS,YAAY,YAAG,QAAQ,GAAO,EACtE,KAAK,IAAI,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,KAAK,GAAO,EAC7D,QAAQ,IAAI,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YAAG,QAAQ,GAAO,IAClE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC"}

package/es/result/style/_index.scss

@@ -0,0 +1,48 @@
+@use '../../style/variables' as *;
+@use '../../style/animation' as *;
+
+.#{$prefix}-result {
+  padding: 48px 32px;
+  box-sizing: border-box;
+
+  &__icon-container {
+    margin-bottom: 24px;
+    text-align: center;
+    box-sizing: border-box;
+  }
+
+  &__icon {
+    animation: ty-rotate 1s linear infinite;
+  }
+
+  &__title {
+    color: var(--ty-color-text);
+    font-size: 24px;
+    line-height: 1.8;
+    text-align: center;
+    box-sizing: border-box;
+  }
+
+  &__subtitle {
+    color: var(--ty-color-text-tertiary);
+    font-size: 14px;
+    line-height: 1.6;
+    text-align: center;
+    box-sizing: border-box;
+  }
+
+  &__extra {
+    margin-top: 32px;
+    text-align: center;
+    box-sizing: border-box;
+  }
+
+  &__content {
+    margin-top: 24px;
+    margin-left: 30px;
+    margin-right: 30px;
+    padding: 24px 40px;
+    background-color: var(--ty-result-content-bg);
+    box-sizing: border-box;
+  }
+}

package/es/result/style/css.js

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.js.map

package/es/result/style/index.js

@@ -0,0 +1,2 @@
+import './index.scss';
+//# sourceMappingURL=index.js.map

package/es/result/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/result/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}

package/es/result/types.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+import { BaseProps } from '../_utils/props';
+export type ResultStatus = 'success' | 'error' | 'info' | 'warning' | 'loading';
+export interface ResultProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['div']>, 'title'> {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    status?: ResultStatus;
+    icon?: ReactNode;
+    extra?: ReactNode;
+    children?: ReactNode;
+}

package/es/result/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/result/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/result/types.ts"],"names":[],"mappings":""}

package/es/row/index.d.ts

@@ -0,0 +1,2 @@
+import Row from '../grid/row';
+export default Row;

package/es/row/index.js

@@ -0,0 +1,3 @@
+import Row from '../grid/row';
+export default Row;
+//# sourceMappingURL=index.js.map

package/es/row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAC;AAE9B,eAAe,GAAG,CAAC"}

package/es/scroll-indicator/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ScrollIndicatorProps } from './types';
+declare const ScrollIndicator: {
+    (props: ScrollIndicatorProps): React.ReactElement;
+    displayName: string;
+};
+export default ScrollIndicator;

package/es/scroll-indicator/index.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useContext, useState } from 'react';
+import classNames from 'classnames';
+import { getScroll, getNodeScrollHeight, getNodeHeight } from '../_utils/dom';
+import { useEventListener } from '../_utils/hooks';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const ScrollIndicator = (props) => {
+    const { prefixCls: customisedCls, fixed = true, target, className, style, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('scroll-indicator', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_fixed`]: fixed,
+    });
+    const [width, setWidth] = useState('0%');
+    const handleScroll = useCallback((e) => {
+        let container = e.target;
+        // If the container is not provided, the target will be the root element. So set it as Window
+        // if the container is not determined.
+        if (container !== (target && target())) {
+            container = window;
+        }
+        if (container) {
+            const el = container;
+            const scrollTop = getScroll(el, true);
+            const height = getNodeScrollHeight(el) - getNodeHeight(el);
+            const scrolled = (scrollTop / height) * 100;
+            setWidth(`${scrolled}%`);
+        }
+    }, [target]);
+    const element = target ? (target() ? target() : window) : window;
+    useEventListener('scroll', handleScroll, element);
+    const numericWidth = parseFloat(width) || 0;
+    return _jsx("div", { ...otherProps, className: cls, style: { ...style, width }, role: "progressbar", "aria-valuenow": Math.round(numericWidth), "aria-valuemin": 0, "aria-valuemax": 100 });
+};
+ScrollIndicator.displayName = 'ScrollIndicator';
+export default ScrollIndicator;
+//# sourceMappingURL=index.js.map

package/es/scroll-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/scroll-indicator/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAU,SAAS,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAsB,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,GAAG,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAClG,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,kBAAkB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC3F,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,KAAK;KAC9B,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEzC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAQ,EAAE,EAAE;QACX,IAAI,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;QACzB,6FAA6F;QAC7F,sCAAsC;QACtC,IAAI,SAAS,KAAK,CAAC,MAAM,IAAI,MAAM,EAAE,CAAC,EAAE,CAAC;YACvC,SAAS,GAAG,MAAM,CAAC;QACrB,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,EAAE,GAAG,SAAmB,CAAC;YAC/B,MAAM,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;YACtC,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;YAC3D,MAAM,QAAQ,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC;YAC5C,QAAQ,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACjE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5C,OAAO,iBAAS,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,EAAC,aAAa,mBAAgB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,mBAAiB,CAAC,mBAAiB,GAAG,GAAI,CAAC;AAC/K,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,eAAe,eAAe,CAAC"}

package/es/scroll-indicator/style/_index.scss

@@ -0,0 +1,15 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-scroll-indicator {
+  box-sizing: border-box;
+  height: 3px;
+  transform: translateZ(0);
+  background: var(--ty-color-primary);
+
+  &_fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 999;
+  }
+}

package/es/scroll-indicator/style/css.js

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.js.map

package/es/scroll-indicator/style/index.js

@@ -0,0 +1,2 @@
+import './index.scss';
+//# sourceMappingURL=index.js.map

package/es/scroll-indicator/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/scroll-indicator/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}

package/es/scroll-indicator/types.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+import { Target } from '../_utils/dom';
+export interface ScrollIndicatorProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+    fixed?: boolean;
+    target?: () => Target;
+}

package/es/scroll-indicator/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/scroll-indicator/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/scroll-indicator/types.ts"],"names":[],"mappings":""}

package/es/segmented/index.d.ts

@@ -0,0 +1,2 @@
+import Segmented from './segmented';
+export default Segmented;

package/es/segmented/index.js

@@ -0,0 +1,3 @@
+import Segmented from './segmented';
+export default Segmented;
+//# sourceMappingURL=index.js.map

package/es/segmented/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/segmented/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAe,SAAS,CAAC"}

package/es/segmented/segmented.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SegmentedProps } from './types';
+declare const Segmented: React.ForwardRefExoticComponent<SegmentedProps & React.RefAttributes<HTMLDivElement>>;
+export default Segmented;

package/es/segmented/segmented.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const normalizeOptions = (options) => {
+    return options.map((opt) => {
+        if (typeof opt === 'string' || typeof opt === 'number') {
+            return { label: String(opt), value: opt };
+        }
+        return opt;
+    });
+};
+const Segmented = React.forwardRef((props, ref) => {
+    const { options, defaultValue, block = false, disabled = false, size, prefixCls: customisedCls, className, style, onChange, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('segmented', configContext.prefixCls, customisedCls);
+    const segSize = size || configContext.componentSize || 'md';
+    const normalizedOptions = normalizeOptions(options);
+    const [selected, setSelected] = useState('value' in props
+        ? props.value
+        : defaultValue ?? normalizedOptions[0]?.value);
+    useEffect(() => {
+        if ('value' in props) {
+            setSelected(props.value);
+        }
+    }, [props.value]);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_${segSize}`]: segSize,
+        [`${prefixCls}_block`]: block,
+        [`${prefixCls}_disabled`]: disabled,
+    });
+    const handleClick = (value, optDisabled) => {
+        if (disabled || optDisabled)
+            return;
+        if (!('value' in props)) {
+            setSelected(value);
+        }
+        onChange?.(value);
+    };
+    return (_jsx("div", { ...otherProps, ref: ref, className: cls, style: style, role: "radiogroup", children: normalizedOptions.map((opt) => {
+            const isActive = opt.value === selected;
+            const itemCls = classNames(`${prefixCls}__item`, {
+                [`${prefixCls}__item_active`]: isActive,
+                [`${prefixCls}__item_disabled`]: opt.disabled,
+            });
+            return (_jsxs("label", { className: itemCls, onClick: () => handleClick(opt.value, opt.disabled), children: [_jsx("input", { type: "radio", className: `${prefixCls}__input`, checked: isActive, disabled: disabled || opt.disabled, onChange: () => handleClick(opt.value, opt.disabled), value: opt.value }), opt.icon && _jsx("span", { className: `${prefixCls}__icon`, children: opt.icon }), _jsx("span", { className: `${prefixCls}__label`, children: opt.label })] }, opt.value));
+        }) }));
+});
+Segmented.displayName = 'Segmented';
+export default Segmented;
+//# sourceMappingURL=segmented.js.map

package/es/segmented/segmented.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented.js","sourceRoot":"","sources":["../../components/segmented/segmented.tsx"],"names":[],"mappings":"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"}

package/es/segmented/style/_index.scss

@@ -0,0 +1,93 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-segmented {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px;
+  background: var(--ty-segmented-bg, #{$gray-200});
+  border-radius: $border-radius;
+  box-sizing: border-box;
+
+  &_block {
+    display: flex;
+    width: 100%;
+
+    .#{$prefix}-segmented__item {
+      flex: 1;
+      justify-content: center;
+    }
+  }
+
+  &_disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+
+    .#{$prefix}-segmented__item {
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  }
+
+  &_sm .#{$prefix}-segmented__item {
+    padding: 0 8px;
+    height: calc(#{$height-sm} - 4px);
+    font-size: $font-size-sm;
+  }
+
+  &_md .#{$prefix}-segmented__item {
+    padding: 0 12px;
+    height: calc(#{$height-md} - 4px);
+    font-size: $font-size-base;
+  }
+
+  &_lg .#{$prefix}-segmented__item {
+    padding: 0 16px;
+    height: calc(#{$height-lg} - 4px);
+    font-size: $font-size-lg;
+  }
+
+  &__item {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    cursor: pointer;
+    border-radius: $border-radius;
+    transition: all 0.2s;
+    user-select: none;
+    white-space: nowrap;
+
+    &:hover:not(&_active):not(&_disabled) {
+      color: var(--ty-color-text, #{$gray-900});
+    }
+
+    &_active {
+      background: var(--ty-segmented-active-bg, #fff);
+      color: var(--ty-color-text, #{$gray-900});
+      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+      font-weight: 500;
+    }
+
+    &_disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+  }
+
+  &__input {
+    position: absolute;
+    width: 0;
+    height: 0;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  &__icon {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  &__label {
+    display: inline-block;
+  }
+}

package/es/segmented/style/css.js

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.js.map

package/es/segmented/style/index.js

@@ -0,0 +1,2 @@
+import './index.scss';
+//# sourceMappingURL=index.js.map

package/es/segmented/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/segmented/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}

package/es/segmented/types.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BaseProps, SizeType } from '../_utils/props';
+export interface SegmentedOption {
+    label: React.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+}
+export type SegmentedValue = string | number;
+export interface SegmentedProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
+    options: (string | number | SegmentedOption)[];
+    value?: SegmentedValue;
+    defaultValue?: SegmentedValue;
+    onChange?: (value: SegmentedValue) => void;
+    block?: boolean;
+    disabled?: boolean;
+    size?: SizeType;
+}

package/es/segmented/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/segmented/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/segmented/types.ts"],"names":[],"mappings":""}

package/es/select/index.d.ts

@@ -0,0 +1,9 @@
+import Select from './select';
+import SelectOption from './option';
+import SelectOptGroup from './opt-group';
+type ISelect = typeof Select & {
+    Option: typeof SelectOption;
+    OptGroup: typeof SelectOptGroup;
+};
+declare const DefaultSelect: ISelect;
+export default DefaultSelect;

package/es/select/index.js

@@ -0,0 +1,8 @@
+import Select from './select';
+import SelectOption from './option';
+import SelectOptGroup from './opt-group';
+const DefaultSelect = Select;
+DefaultSelect.Option = SelectOption;
+DefaultSelect.OptGroup = SelectOptGroup;
+export default DefaultSelect;
+//# sourceMappingURL=index.js.map

package/es/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,UAAU,CAAC;AACpC,OAAO,cAAc,MAAM,aAAa,CAAC;AAOzC,MAAM,aAAa,GAAG,MAAiB,CAAC;AACxC,aAAa,CAAC,MAAM,GAAG,YAAY,CAAC;AACpC,aAAa,CAAC,QAAQ,GAAG,cAAc,CAAC;AAExC,eAAe,aAAa,CAAC"}

package/es/select/opt-group.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SelectOptGroupProps } from './types';
+declare const SelectOptGroup: {
+    (props: SelectOptGroupProps): React.ReactElement;
+    displayName: string;
+};
+export default SelectOptGroup;

package/es/select/opt-group.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const SelectOptGroup = (props) => {
+    const { prefixCls: customisedCls, label, className, children, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('select-group', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className);
+    return (_createElement("li", { ...otherProps, key: label, className: cls },
+        _jsx("div", { className: `${prefixCls}__title`, children: label }),
+        _jsx("ul", { className: `${prefixCls}__list`, children: React.Children.map(children, (child) => {
+                const childElement = child;
+                if (childElement.type.displayName === 'SelectOption') {
+                    const childProps = {
+                        ...childElement.props,
+                    };
+                    return React.cloneElement(childElement, childProps);
+                }
+                else {
+                    console.warn('Select has a child that is not neither SelectOption nor SelectOptGroup component.');
+                    return null;
+                }
+            }) })));
+};
+SelectOptGroup.displayName = 'SelectOptGroup';
+export default SelectOptGroup;
+//# sourceMappingURL=opt-group.js.map

package/es/select/opt-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opt-group.js","sourceRoot":"","sources":["../../components/select/opt-group.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAsB,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACtF,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,0BAAQ,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG;QAC5C,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,KAAK,GAAO;QACpD,aAAI,SAAS,EAAE,GAAG,SAAS,QAAQ,YAChC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtC,MAAM,YAAY,GAAG,KAA2D,CAAC;gBACjF,IAAI,YAAY,CAAC,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE,CAAC;oBACrD,MAAM,UAAU,GAAG;wBACjB,GAAG,YAAY,CAAC,KAAK;qBACtB,CAAC;oBACF,OAAO,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;gBACtD,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,IAAI,CACV,mFAAmF,CACpF,CAAC;oBACF,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC,CAAC,GACC,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,eAAe,cAAc,CAAC"}

package/es/select/option.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SelectOptionsProps } from './types';
+declare const SelectOption: {
+    (props: SelectOptionsProps): React.ReactElement;
+    displayName: string;
+};
+export default SelectOption;

package/es/select/option.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { useContext, useState } from 'react';
+import classNames from 'classnames';
+import { Check } from '../_utils/components';
+import { SelectContext } from './select-context';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const SelectOption = (props) => {
+    const { disabled = false, prefixCls: customisedCls, value, label, className, children, ...otherProps } = props;
+    const context = useContext(SelectContext);
+    const isMultiple = context.mode === 'multiple' || context.mode === 'tags';
+    const isSelected = isMultiple
+        ? Array.isArray(context.value) && context.value.includes(value)
+        : context.value === value;
+    const [active, setActive] = useState(false);
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('select-option', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_selected`]: isSelected,
+        [`${prefixCls}_active`]: active,
+        [`${prefixCls}_disabled`]: disabled,
+    });
+    const onClick = () => {
+        !disabled && context.onSelect(value);
+    };
+    const displayContent = label ?? children;
+    return (_createElement("li", { ...otherProps, key: value, role: "option", className: cls, onClick: onClick, onMouseEnter: () => setActive(true), onMouseLeave: () => setActive(false), "aria-selected": isSelected, "aria-disabled": disabled },
+        _jsx("span", { className: `${prefixCls}__content`, children: displayContent }),
+        isMultiple && isSelected && (_jsx("span", { className: `${prefixCls}__check`, children: _jsx(Check, { size: 14 }) }))));
+};
+SelectOption.displayName = 'SelectOption';
+export default SelectOption;
+//# sourceMappingURL=option.js.map

package/es/select/option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.js","sourceRoot":"","sources":["../../components/select/option.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAsB,EAAE;IACrE,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,KAAK,UAAU,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;IAC1E,MAAM,UAAU,GAAG,UAAU;QAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC/D,CAAC,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,CAAC;IAC5B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACxF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,UAAU;QACrC,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,MAAM;QAC/B,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;KACpC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,IAAI,QAAQ,CAAC;IAEzC,OAAO,CACL,0BACM,UAAU,EACd,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EACnC,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,mBACrB,UAAU,mBACV,QAAQ;QACvB,eAAM,SAAS,EAAE,GAAG,SAAS,WAAW,YAAG,cAAc,GAAQ;QAChE,UAAU,IAAI,UAAU,IAAI,CAC3B,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YACpC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACd,CACR,CACE,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/es/select/select-context.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Props = {
+    value?: string | string[];
+    mode?: 'multiple' | 'tags';
+    searchValue?: string;
+    onSelect: (value: string) => void;
+    prefixCls?: string;
+};
+export declare const SelectContext: React.Context<Props>;
+export {};

package/es/select/select-context.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export const SelectContext = React.createContext({
+    value: '',
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onSelect: () => { },
+});
+//# sourceMappingURL=select-context.js.map

package/es/select/select-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-context.js","sourceRoot":"","sources":["../../components/select/select-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAQ;IACtD,KAAK,EAAE,EAAE;IACT,gEAAgE;IAChE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC,CAAC"}

package/es/select/select.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SelectProps } from './types';
+declare const Select: {
+    (props: SelectProps): React.ReactElement;
+    displayName: string;
+};
+export default Select;