tiny-ui 0.0.95 → 1.0.0

package/es/avatar/style/_index.scss

@@ -0,0 +1,80 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-avatar {
+  box-sizing: border-box;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  background: $avatar-bg;
+  color: $avatar-color;
+  white-space: nowrap;
+  position: relative;
+  vertical-align: middle;
+  user-select: none;
+  border: 2px solid var(--ty-avatar-border);
+
+  &__img {
+    width: 100%;
+    height: 100%;
+  }
+
+  &__text {
+    position: absolute;
+    left: 50%;
+    transform-origin: 0 center;
+    transform: translateX(-50%);
+  }
+
+  &__presence {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    border-radius: 50%;
+    box-shadow: var(--ty-avatar-presence-shadow);
+    height: 0.4em;
+    width: 0.4em;
+
+    &_online {
+      background-color: var(--ty-color-success);
+    }
+
+    &_busy {
+      background-color: var(--ty-color-danger);
+    }
+
+    &_away {
+      background-color: var(--ty-color-warning);
+    }
+
+    &_offline {
+      background-color: $gray-400;
+    }
+  }
+
+  &_circle {
+    border-radius: 50%;
+
+    .#{$prefix}-avatar__img {
+      border-radius: 50%;
+    }
+  }
+
+  &_square {
+    border-radius: $avatar-border-radius;
+  }
+
+  &_clickable {
+    cursor: pointer;
+  }
+
+  &-group {
+    .#{$prefix}-avatar {
+      z-index: 1;
+
+      &:hover {
+        z-index: 2;
+      }
+    }
+  }
+}

package/es/avatar/style/css.js

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

package/es/avatar/style/index.js

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

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

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

package/es/avatar/types.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+export type AvatarShape = 'circle' | 'square';
+export type AvatarPresence = 'online' | 'busy' | 'away' | 'offline';
+export interface AvatarProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['span']> {
+    /** use an icon */
+    icon?: React.ReactNode;
+    /** avatar shape */
+    shape?: AvatarShape;
+    /** avatar size */
+    size?: number;
+    /** use an image */
+    src?: string;
+    /** display presence status  */
+    presence?: AvatarPresence;
+    /** alt prop for src */
+    alt?: string;
+}
+export interface AvatarGroupProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['span']> {
+    /** the distance between two avatars */
+    gap: number | string;
+}

package/es/avatar/types.js

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

package/es/avatar/types.js.map

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

package/es/back-top/index.d.ts

@@ -0,0 +1,3 @@
+import { BackTopProps } from './types';
+declare const BackTop: (props: BackTopProps) => JSX.Element | null;
+export default BackTop;

package/es/back-top/index.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const easeInOutCubic = (t, b, c, d) => {
+    const cc = c - b;
+    t /= d / 2;
+    if (t < 1) {
+        return (cc / 2) * t * t * t + b;
+    }
+    else {
+        return (cc / 2) * ((t -= 2) * t * t + 2) + b;
+    }
+};
+const BackTop = (props) => {
+    const { visibilityHeight = 300, target = () => window, prefixCls: customisedCls, onClick, className, style, children, } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('back-top', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_custom`]: !!children,
+    });
+    const [visible, setVisible] = useState(true);
+    const getDistanceFromTop = useCallback(() => {
+        const targetNode = target();
+        if (targetNode === window) {
+            return window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
+        }
+        return targetNode.scrollTop;
+    }, [target]);
+    const setScrollToTop = (distance) => {
+        const targetNode = target();
+        if (targetNode === window) {
+            document.body.scrollTop = distance;
+            document.documentElement.scrollTop = distance;
+        }
+        else {
+            targetNode.scrollTop = distance;
+        }
+    };
+    const scrollToTop = (e) => {
+        const scrollTop = getDistanceFromTop();
+        const startTime = Date.now();
+        const step = () => {
+            const timestamp = Date.now();
+            const time = timestamp - startTime;
+            setScrollToTop(easeInOutCubic(time, scrollTop, 0, 450));
+            if (time < 450) {
+                requestAnimationFrame(step);
+            }
+            else {
+                setScrollToTop(0);
+            }
+        };
+        requestAnimationFrame(step);
+        onClick && onClick(e);
+    };
+    const handleOnScroll = useCallback(() => {
+        if (getDistanceFromTop() > visibilityHeight) {
+            !visible && setVisible(true);
+        }
+        else if (visible) {
+            setVisible(false);
+        }
+    }, [getDistanceFromTop, visible, visibilityHeight]);
+    useEffect(() => {
+        const targetNode = target();
+        targetNode.addEventListener('scroll', handleOnScroll);
+        handleOnScroll();
+        return () => {
+            targetNode.removeEventListener('scroll', handleOnScroll);
+        };
+    }, [target, handleOnScroll]);
+    if (visible) {
+        return (_jsx("button", { type: "button", className: cls, style: style, onClick: scrollToTop, "aria-label": "Back to top", children: children || (_jsx("svg", { viewBox: "0 0 1024 1024", width: "18", height: "18", children: _jsx("path", { d: "M563.2 379.757048 563.2 972.755371C563.2 1001.056998 540.219441 1024 512 1024\n                483.723021 1024 460.8 1001.019181 460.8 972.755371L460.8 379.740842 272.093167\n                568.447675C252.13208 588.408762 219.700711 588.340711 199.746554 568.386554 179.75171\n                548.39171 179.766716 515.958656 199.685432 496.039941L473.973319 221.752055C483.353204\n                211.343458 496.929524 204.8 512 204.8 527.198527 204.8 540.850334 211.438998 550.227358\n                221.968936L824.32552 496.0671C844.244236 515.985815 844.259243 548.418868 824.2644\n                568.413712 804.310241 588.367871 771.878874 588.435921 751.917786 568.474834L563.2\n                379.757048ZM0 51.2C0 22.923021 22.82342 0 51.130666 0L972.869334 0C1001.108021 0 1024\n                22.980559 1024 51.2 1024 79.476979 1001.17658 102.4 972.869334 102.4L51.130666\n                102.4C22.891979 102.4 0 79.419441 0 51.2Z", fill: "#ffffff" }) })) }));
+    }
+    return null;
+};
+export default BackTop;
+//# sourceMappingURL=index.js.map

package/es/back-top/index.js.map

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

package/es/back-top/style/_index.scss

@@ -0,0 +1,25 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-back-top {
+  position: fixed;
+  right: 40px;
+  bottom: 30px;
+  background-color: var(--ty-back-top-bg);
+  width: 45px;
+  height: 45px;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+  padding: 0;
+  transition: opacity 200ms linear 0s, visibility;
+
+  &_custom {
+    background: none;
+    width: auto;
+    height: auto;
+    border-radius: 0;
+  }
+}

package/es/back-top/style/css.js

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

package/es/back-top/style/index.js

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

package/es/back-top/style/index.js.map

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

package/es/back-top/types.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+import { Target } from '../_utils/dom';
+export interface BackTopProps extends BaseProps {
+    target?: () => Target;
+    onClick?: (e: React.MouseEvent) => void;
+    visibilityHeight?: number;
+    children?: React.ReactNode;
+}

package/es/back-top/types.js

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

package/es/back-top/types.js.map

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

package/es/badge/index.d.ts

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

package/es/badge/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import warning from '../_utils/warning';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const Badge = React.forwardRef((props, ref) => {
+    const { count, color = '#f2453d', max = 99, dot = false, processing = false, showZero = false, prefixCls: customisedCls, title, className, badgeStyle, children, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('badge', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, { [`${prefixCls}_no-wrap`]: !children });
+    const dotCls = classNames(`${prefixCls}__dot`, { [`${prefixCls}__dot_wave`]: processing });
+    warning(!dot && processing, 'only dot badge has the processing effect');
+    const renderCount = () => {
+        if (typeof count === 'number' || typeof count === 'string') {
+            if (count === 0 && !showZero) {
+                return null;
+            }
+            return (_jsx("sup", { title: title, className: `${prefixCls}__count`, style: { backgroundColor: color, ...badgeStyle }, children: typeof count === 'number' && count > max ? `${max}+` : count }));
+        }
+        else {
+            return _jsx("span", { className: `${prefixCls}__custom`, children: count });
+        }
+    };
+    return (_jsxs("span", { ...otherProps, ref: ref, className: cls, "aria-label": typeof count === 'number' ? `${count > max ? `${max}+` : count} notifications` : undefined, children: [children, dot ? (_jsx("sup", { title: title, className: dotCls, style: { backgroundColor: color, ...badgeStyle } })) : (renderCount())] }));
+});
+Badge.displayName = 'Badge';
+export default Badge;
+//# sourceMappingURL=index.js.map

package/es/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/badge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EACJ,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,GAAG,GAAG,EAAE,EACR,GAAG,GAAG,KAAK,EACX,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtF,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,SAAS,OAAO,EAAE,EAAE,CAAC,GAAG,SAAS,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;IAE3F,OAAO,CAAC,CAAC,GAAG,IAAI,UAAU,EAAE,0CAA0C,CAAC,CAAC;IAExE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC3D,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAC7B,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,CACL,cACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,SAAS,SAAS,EAChC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,YAC/C,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GACzD,CACP,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,eAAM,SAAS,EAAE,GAAG,SAAS,UAAU,YAAG,KAAK,GAAQ,CAAC;QACjE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,mBACM,UAAU,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,gBACF,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,gBAAgB,CAAC,CAAC,CAAC,SAAS,aACrG,QAAQ,EACR,GAAG,CAAC,CAAC,CAAC,CACL,cAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAI,CAC3F,CAAC,CAAC,CAAC,CACF,WAAW,EAAE,CACd,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}

package/es/badge/style/_index.scss

@@ -0,0 +1,60 @@
+@use '../../style/variables' as *;
+@use '../../style/animation' as *;
+@use './mixin' as *;
+
+.#{$prefix}-badge {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1;
+
+  &__count {
+    @include badge-base();
+    min-width: $badge-size;
+    min-height: $badge-size;
+    line-height: $badge-size;
+    padding: 0 5px;
+    color: #fff;
+    font-weight: normal;
+    font-size: $badge-font-size;
+    white-space: nowrap;
+    text-align: center;
+  }
+
+  &__custom {
+    position: absolute;
+    right: 0;
+    top: 0;
+    transform: translateX(50%) translateY(-50%);
+  }
+
+  &__dot {
+    @include badge-base();
+    width: $badge-dot-size;
+    height: $badge-dot-size;
+    line-height: $badge-dot-size;
+
+    &_wave {
+      &:after {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+        background-color: inherit;
+        animation: ty-processing 1.2s infinite ease-in-out;
+      }
+    }
+  }
+
+  &_no-wrap {
+    .#{$prefix}-badge__count,
+    .#{$prefix}-badge__dot {
+      display: block;
+      transform: none;
+      position: relative;
+    }
+  }
+}

package/es/badge/style/_mixin.scss

@@ -0,0 +1,11 @@
+@use '../../style/variables' as *;
+
+@mixin badge-base {
+  box-sizing: border-box;
+  display: inline-block;
+  z-index: 10;
+  position: absolute;
+  transform: translateX(-50%) translateY(-50%);
+  border-radius: $badge-size;
+  box-shadow: var(--ty-badge-shadow);
+}

package/es/badge/style/css.js

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

package/es/badge/style/index.js

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

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

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

package/es/badge/types.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+export interface BadgeProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['span']> {
+    /** the number to show in badge */
+    count?: React.ReactNode;
+    /** background color */
+    color?: string;
+    /** max count to show */
+    max?: number;
+    /** display a dot only */
+    dot?: boolean;
+    /** display wave effect */
+    processing?: boolean;
+    /** when value is equal to zero, the badge will be hidden by default */
+    showZero?: boolean;
+    /** text to show when hovering over the badge */
+    title?: string;
+    /** internal badge style */
+    badgeStyle?: React.CSSProperties;
+}

package/es/badge/types.js

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

package/es/badge/types.js.map

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

package/es/breadcrumb/breadcrumb-item.d.ts

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

package/es/breadcrumb/breadcrumb-item.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const BreadcrumbItem = (props) => {
+    const { separator, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('breadcrumb-item', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className);
+    return (_jsxs("li", { ...otherProps, className: cls, style: style, children: [children, _jsx("span", { className: `${prefixCls}__separator`, children: separator })] }));
+};
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+export default BreadcrumbItem;
+//# sourceMappingURL=breadcrumb-item.js.map

package/es/breadcrumb/breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","sourceRoot":"","sources":["../../components/breadcrumb/breadcrumb-item.tsx"],"names":[],"mappings":";AAAA,OAAc,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,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACjG,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,iBAAiB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC1F,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,iBAAQ,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,aAC7C,QAAQ,EACT,eAAM,SAAS,EAAE,GAAG,SAAS,aAAa,YAAG,SAAS,GAAQ,IAC3D,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,eAAe,cAAc,CAAC"}

package/es/breadcrumb/breadcrumb.d.ts

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

package/es/breadcrumb/breadcrumb.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } 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';
+const Breadcrumb = (props) => {
+    const { separator = '/', prefixCls: customisedCls, className, style, children } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('breadcrumb', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className);
+    return (_jsx("nav", { className: cls, style: style, "aria-label": "Breadcrumb", children: _jsx("ol", { className: `${prefixCls}__ol`, children: React.Children.map(children, (child) => {
+                const childProps = { separator };
+                return React.cloneElement(child, childProps);
+            }) }) }));
+};
+Breadcrumb.displayName = 'Breadcrumb';
+export default Breadcrumb;
+//# sourceMappingURL=breadcrumb.js.map

package/es/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAsB,EAAE;IAChE,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxF,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACrF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,gBAAa,YAAY,YACxD,aAAI,SAAS,EAAE,GAAG,SAAS,MAAM,YAC9B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAwC,EAAE,EAAE;gBACzE,MAAM,UAAU,GAAiC,EAAE,SAAS,EAAE,CAAC;gBAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;YAC/C,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}

package/es/breadcrumb/index.d.ts

@@ -0,0 +1,7 @@
+import Breadcrumb from './breadcrumb';
+import BreadcrumbItem from './breadcrumb-item';
+type IBreadcrumb = typeof Breadcrumb & {
+    Item: typeof BreadcrumbItem;
+};
+declare const DefaultBreadcrumb: IBreadcrumb;
+export default DefaultBreadcrumb;

package/es/breadcrumb/index.js

@@ -0,0 +1,6 @@
+import Breadcrumb from './breadcrumb';
+import BreadcrumbItem from './breadcrumb-item';
+const DefaultBreadcrumb = Breadcrumb;
+DefaultBreadcrumb.Item = BreadcrumbItem;
+export default DefaultBreadcrumb;
+//# sourceMappingURL=index.js.map

package/es/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/breadcrumb/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAM/C,MAAM,iBAAiB,GAAG,UAAyB,CAAC;AACpD,iBAAiB,CAAC,IAAI,GAAG,cAAc,CAAC;AAExC,eAAe,iBAAiB,CAAC"}

package/es/breadcrumb/style/_index.scss

@@ -0,0 +1,38 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-breadcrumb {
+  &__ol {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    display: flex;
+    align-items: center;
+    color: var(--ty-color-text-tertiary);
+    font-size: $breadcrumb-font-size;
+  }
+
+  &-item {
+    &__separator {
+      margin: 0 8px;
+    }
+
+    a {
+      color: var(--ty-color-text-tertiary);
+      transition: all 300ms;
+
+      &:hover {
+        color: var(--ty-color-primary);
+      }
+    }
+
+    &:last-child {
+      color: var(--ty-color-text);
+
+      .#{$prefix}-breadcrumb-item {
+        &__separator {
+          display: none;
+        }
+      }
+    }
+  }
+}

package/es/breadcrumb/style/css.js

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

package/es/breadcrumb/style/index.js

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

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

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

package/es/breadcrumb/types.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactElement } from 'react';
+import { BaseProps } from '../_utils/props';
+export interface BreadcrumbProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['nav']> {
+    separator?: React.ReactNode;
+    children: ReactElement<BreadcrumbItemProps>;
+}
+export interface BreadcrumbItemProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['li']> {
+    separator?: React.ReactNode;
+    children?: React.ReactNode;
+}

package/es/breadcrumb/types.js

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

package/es/breadcrumb/types.js.map

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

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

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

package/es/button/button-group.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } 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';
+const ButtonGroup = React.forwardRef((props, ref) => {
+    const { size = 'md', btnType = 'default', disabled = false, round = false, prefixCls: customisedCls, className, children, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('btn-group', configContext.prefixCls, customisedCls);
+    const btnSize = props.size || configContext.componentSize || size;
+    const cls = classNames(prefixCls, {
+        [`${prefixCls}_round`]: round,
+        [`${prefixCls}_${btnType}`]: btnType,
+    }, className);
+    return (_jsx("div", { ...otherProps, className: cls, ref: ref, children: React.Children.map(children, (child) => {
+            const childElement = child;
+            const { displayName } = childElement.type;
+            if (displayName === 'Button') {
+                const childProps = {
+                    btnType: btnType,
+                    size: btnSize,
+                    disabled: 'disabled' in childElement.props ? childElement.props.disabled : disabled,
+                };
+                return React.cloneElement(childElement, childProps);
+            }
+            else {
+                return child;
+            }
+        }) }));
+});
+ButtonGroup.displayName = 'ButtonGroup';
+export default ButtonGroup;
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../components/button/button-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;AAIjD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,KAAuB,EAAE,GAAG,EAAE,EAAE;IAC/B,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,EAAE,aAAa,EACxB,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,WAAW,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpF,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,aAAa,IAAI,IAAI,CAAC;IAClE,MAAM,GAAG,GAAG,UAAU,CACpB,SAAS,EACT;QACE,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,KAAK;QAC7B,CAAC,GAAG,SAAS,IAAI,OAAO,EAAE,CAAC,EAAE,OAAO;KACrC,EACD,SAAS,CACV,CAAC;IACF,OAAO,CACL,iBAAS,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,YAC1C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtC,MAAM,YAAY,GAAG,KAAoD,CAAC;YAC1E,MAAM,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC;YAC1C,IAAI,WAAW,KAAK,QAAQ,EAAE,CAAC;gBAC7B,MAAM,UAAU,GAAyB;oBACvC,OAAO,EAAE,OAAqB;oBAC9B,IAAI,EAAE,OAAmB;oBACzB,QAAQ,EAAE,UAAU,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;iBACpF,CAAC;gBACF,OAAO,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;YACtD,CAAC;iBAAM,CAAC;gBACN,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,eAAe,WAAW,CAAC"}

package/es/button/button.d.ts

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