@wallarm-org/design-system 0.1.0

package/dist/hooks/useOverflowItems.js

@@ -0,0 +1,100 @@
+import { jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from "react";
+function useOverflowItems({ items, renderItem, renderMeasurementItem, overflowRenderer, reserveSpace = 60 }) {
+    const containerRef = useRef(null);
+    const [visibleCount, setVisibleCount] = useState(items.length);
+    const [measurements, setMeasurements] = useState([]);
+    const measurementRefs = useRef([]);
+    useLayoutEffect(()=>{
+        if (0 === items.length) {
+            setVisibleCount(0);
+            setMeasurements([]);
+            return;
+        }
+        const widths = measurementRefs.current.slice(0, items.length).map((ref)=>ref?.offsetWidth || 0);
+        setMeasurements(widths);
+    }, [
+        items
+    ]);
+    useLayoutEffect(()=>{
+        const container = containerRef.current;
+        if (!container || 0 === measurements.length) return void setVisibleCount(items.length);
+        const calculateVisibleItems = ()=>{
+            const availableWidth = container.offsetWidth;
+            if (availableWidth <= 0) return void setVisibleCount(items.length);
+            const computedStyles = window.getComputedStyle(container);
+            const gap = parseFloat(computedStyles.gap || '0');
+            let accumulatedWidth = 0;
+            let count = 0;
+            for(let i = 0; i < measurements.length; i++){
+                const itemWidth = measurements[i];
+                if (!itemWidth) continue;
+                const widthWithGap = itemWidth + (i > 0 ? gap : 0);
+                const needsIndicator = i < measurements.length - 1;
+                let dynamicReserveSpace = reserveSpace;
+                if (needsIndicator && overflowRenderer) try {
+                    const tempDiv = document.createElement('div');
+                    tempDiv.style.cssText = 'position: absolute; visibility: hidden; top: -9999px;';
+                    tempDiv.style.font = computedStyles.font;
+                    document.body.appendChild(tempDiv);
+                    const overflowItem = items[0];
+                    if (overflowItem) {
+                        const overflowElement = overflowRenderer([
+                            overflowItem
+                        ]);
+                        if (overflowElement && 'object' == typeof overflowElement) tempDiv.textContent = '+1';
+                    }
+                    dynamicReserveSpace = tempDiv.offsetWidth + gap;
+                    document.body.removeChild(tempDiv);
+                } catch  {}
+                const maxWidth = availableWidth - (needsIndicator ? dynamicReserveSpace : 0);
+                if (accumulatedWidth + widthWithGap <= maxWidth || 0 === i) {
+                    count++;
+                    accumulatedWidth += widthWithGap;
+                } else break;
+            }
+            setVisibleCount(count || 1);
+        };
+        calculateVisibleItems();
+        const resizeObserver = new ResizeObserver(calculateVisibleItems);
+        resizeObserver.observe(container);
+        return ()=>{
+            resizeObserver.disconnect();
+        };
+    }, [
+        measurements,
+        items,
+        reserveSpace,
+        overflowRenderer
+    ]);
+    const visibleItems = items.slice(0, visibleCount);
+    const hiddenItems = items.slice(visibleCount);
+    const hiddenCount = hiddenItems.length;
+    const MeasurementContainer = ()=>{
+        if (0 === items.length) return null;
+        const renderMeasure = renderMeasurementItem || renderItem;
+        return /*#__PURE__*/ jsx("div", {
+            className: "absolute invisible pointer-events-none",
+            "aria-hidden": "true",
+            children: items.map((item, index)=>{
+                const key = `${index}`;
+                return /*#__PURE__*/ jsx("div", {
+                    ref: (el)=>{
+                        measurementRefs.current[index] = el;
+                    },
+                    className: "inline-flex",
+                    children: renderMeasure(item)
+                }, key);
+            })
+        });
+    };
+    return {
+        containerRef,
+        visibleItems,
+        hiddenItems,
+        visibleCount,
+        hiddenCount,
+        MeasurementContainer
+    };
+}
+export { useOverflowItems };

package/dist/icons/Activity.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Activity: FC<SvgIconProps>;

package/dist/icons/Activity.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Activity = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "m22 12-4-4-6 6-2-2-4 4",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+Activity.displayName = 'ActivityIcon';
+export { Activity };

package/dist/icons/Alt.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Alt: FC<SvgIconProps>;

package/dist/icons/Alt.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Alt = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M17 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10z",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M8 21h8",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 17v4",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            })
+        ]
+    });
+Alt.displayName = 'AltIcon';
+export { Alt };

package/dist/icons/ArrowBigUp.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowBigUp: FC<SvgIconProps>;

package/dist/icons/ArrowBigUp.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowBigUp = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M9 18v-6H5l7-7 7 7h-4v6H9z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ArrowBigUp.displayName = 'ArrowBigUpIcon';
+export { ArrowBigUp };

package/dist/icons/ArrowBigUpDash.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowBigUpDash: FC<SvgIconProps>;

package/dist/icons/ArrowBigUpDash.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowBigUpDash = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M9 19h6v-6h4l-7-7-7 7h4v6Z",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M9 22h6",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            })
+        ]
+    });
+ArrowBigUpDash.displayName = 'ArrowBigUpDashIcon';
+export { ArrowBigUpDash };

package/dist/icons/ArrowDown.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowDown: FC<SvgIconProps>;

package/dist/icons/ArrowDown.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowDown = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M12 5v14m7-7-7 7-7-7",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ArrowDown.displayName = 'ArrowDownIcon';
+export { ArrowDown };

package/dist/icons/ArrowDownLeft.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowDownLeft: FC<SvgIconProps>;

package/dist/icons/ArrowDownLeft.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowDownLeft = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M17 7 7 17",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M17 17H7V7",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            })
+        ]
+    });
+ArrowDownLeft.displayName = 'ArrowDownLeftIcon';
+export { ArrowDownLeft };

package/dist/icons/ArrowDownRight.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowDownRight: FC<SvgIconProps>;

package/dist/icons/ArrowDownRight.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowDownRight = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "m7 7 10 10",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M17 7v10H7",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            })
+        ]
+    });
+ArrowDownRight.displayName = 'ArrowDownRightIcon';
+export { ArrowDownRight };

package/dist/icons/ArrowLeft.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowLeft: FC<SvgIconProps>;

package/dist/icons/ArrowLeft.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowLeft = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "m12 19-7-7 7-7M5 12h14",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ArrowLeft.displayName = 'ArrowLeftIcon';
+export { ArrowLeft };

package/dist/icons/ArrowRight.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowRight: FC<SvgIconProps>;

package/dist/icons/ArrowRight.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowRight = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M5 12h14m-7-7 7 7-7 7",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ArrowRight.displayName = 'ArrowRightIcon';
+export { ArrowRight };

package/dist/icons/ArrowUp.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowUp: FC<SvgIconProps>;

package/dist/icons/ArrowUp.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowUp = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "m5 12 7-7 7 7M12 19V5",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ArrowUp.displayName = 'ArrowUpIcon';
+export { ArrowUp };

package/dist/icons/ArrowUpLeft.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowUpLeft: FC<SvgIconProps>;

package/dist/icons/ArrowUpLeft.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowUpLeft = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M17 17 7 7",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M7 17V7h10",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            })
+        ]
+    });
+ArrowUpLeft.displayName = 'ArrowUpLeftIcon';
+export { ArrowUpLeft };

package/dist/icons/ArrowUpRight.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowUpRight: FC<SvgIconProps>;

package/dist/icons/ArrowUpRight.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowUpRight = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M7 7h10v10M7 17 17 7",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ArrowUpRight.displayName = 'ArrowUpRightIcon';
+export { ArrowUpRight };

package/dist/icons/Check.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Check: FC<SvgIconProps>;

package/dist/icons/Check.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Check = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M18.9395 4.93946C19.5253 4.35368 20.4748 4.35368 21.0606 4.93946C21.6462 5.52526 21.6463 6.47482 21.0606 7.06056L10.0606 18.0606C9.47485 18.6463 8.52529 18.6462 7.93949 18.0606L2.93949 13.0606C2.3537 12.4748 2.3537 11.5253 2.93949 10.9395C3.52528 10.3537 4.4748 10.3537 5.06058 10.9395L9.00004 14.8789L18.9395 4.93946Z",
+            fill: "currentColor"
+        })
+    });
+Check.displayName = 'CheckIcon';
+export { Check };

package/dist/icons/CheckCheck.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const CheckCheck: FC<SvgIconProps>;

package/dist/icons/CheckCheck.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const CheckCheck = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M9 11l3 3L22 4",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M21 12c0 5-4 9-9 9s-9-4-9-9 4-9 9-9",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            })
+        ]
+    });
+CheckCheck.displayName = 'CheckCheckIcon';
+export { CheckCheck };

package/dist/icons/ChevronDown.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ChevronDown: FC<SvgIconProps>;

package/dist/icons/ChevronDown.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ChevronDown = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "m6 9 6 6 6-6",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ChevronDown.displayName = 'ChevronDownIcon';
+export { ChevronDown };

package/dist/icons/ChevronFirst.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ChevronFirst: FC<SvgIconProps>;

package/dist/icons/ChevronFirst.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ChevronFirst = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "m17 18-6-6 6-6",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M7 6v12",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            })
+        ]
+    });
+ChevronFirst.displayName = 'ChevronFirstIcon';
+export { ChevronFirst };

package/dist/icons/ChevronLast.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ChevronLast: FC<SvgIconProps>;

package/dist/icons/ChevronLast.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ChevronLast = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "m7 18 6-6-6-6",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M17 6v12",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+            })
+        ]
+    });
+ChevronLast.displayName = 'ChevronLastIcon';
+export { ChevronLast };

package/dist/icons/ChevronLeft.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ChevronLeft: FC<SvgIconProps>;

package/dist/icons/ChevronLeft.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ChevronLeft = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "m15 18-6-6 6-6",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ChevronLeft.displayName = 'ChevronLeftIcon';
+export { ChevronLeft };

package/dist/icons/ChevronRight.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ChevronRight: FC<SvgIconProps>;

package/dist/icons/ChevronRight.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ChevronRight = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "m9 18 6-6-6-6",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ChevronRight.displayName = 'ChevronRightIcon';
+export { ChevronRight };

package/dist/icons/ChevronUp.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ChevronUp: FC<SvgIconProps>;

package/dist/icons/ChevronUp.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ChevronUp = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "m18 15-6-6-6 6",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            fill: "none"
+        })
+    });
+ChevronUp.displayName = 'ChevronUpIcon';
+export { ChevronUp };

package/dist/icons/ChevronsDown.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ChevronsDown: FC<SvgIconProps>;