@sprinklrjs/spaceweb 10.1.0

package/hooks/useLatest.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLatest = void 0;
+/**
+ *  Created by Aneree on 15/01/21.
+ */
+var react_1 = require("react");
+var useLatest = function (value) {
+    var ref = (0, react_1.useRef)(value);
+    ref.current = value;
+    return ref;
+};
+exports.useLatest = useLatest;

package/hooks/useMeasure.d.ts

@@ -0,0 +1,6 @@
+export declare type UseMeasureRect = Pick<DOMRectReadOnly, 'x' | 'y' | 'top' | 'left' | 'right' | 'bottom' | 'height' | 'width'>;
+export declare type UseMeasure<E extends Element = Element> = (element: E) => void;
+export declare type UseMeasureResult<E extends Element = Element> = [UseMeasure<E>, UseMeasureRect];
+declare function _useMeasure<E extends Element = Element>(): UseMeasureResult<E>;
+export declare const useMeasure: typeof _useMeasure;
+export {};

package/hooks/useMeasure.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMeasure = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var noop_1 = (0, tslib_1.__importDefault)(require("lodash/noop"));
+var useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
+var isBrowser = typeof window !== 'undefined';
+var defaultState = {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+};
+function _useMeasure() {
+    var _a = (0, tslib_1.__read)((0, react_1.useState)(null), 2), element = _a[0], ref = _a[1];
+    var _b = (0, tslib_1.__read)((0, react_1.useState)(defaultState), 2), rect = _b[0], setRect = _b[1];
+    var observer = (0, react_1.useMemo)(function () {
+        return new window.ResizeObserver(function (entries) {
+            if (entries[0]) {
+                var _a = entries[0].contentRect, x = _a.x, y = _a.y, width = _a.width, height = _a.height, top_1 = _a.top, left = _a.left, bottom = _a.bottom, right = _a.right;
+                setRect({ x: x, y: y, width: width, height: height, top: top_1, left: left, bottom: bottom, right: right });
+            }
+        });
+    }, []);
+    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(function () {
+        if (!element)
+            return;
+        observer.observe(element);
+        // eslint-disable-next-line consistent-return
+        return function () {
+            observer.disconnect();
+        };
+    }, [element]);
+    return [ref, rect];
+}
+exports.useMeasure = isBrowser && typeof window.ResizeObserver !== 'undefined'
+    ? _useMeasure
+    : (function () { return [noop_1.default, defaultState]; });

package/hooks/usePrevious.d.ts

@@ -0,0 +1,2 @@
+declare function usePrevious<T>(value: T): T | undefined;
+export default usePrevious;

package/hooks/usePrevious.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function usePrevious(value) {
+    var ref = (0, react_1.useRef)();
+    // Store current value in ref
+    (0, react_1.useEffect)(function () {
+        ref.current = value;
+    }, [value]);
+    // Return previous value (happens before update in useEffect above)
+    return ref.current;
+}
+exports.default = usePrevious;

package/hooks/useScrollCapture.d.ts

@@ -0,0 +1,5 @@
+declare type Options = {
+    enabled?: boolean;
+};
+declare const useScrollCapture: ({ enabled }: Options) => (el: HTMLElement) => void;
+export default useScrollCapture;

package/hooks/useScrollCapture.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var cancelScroll = function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+};
+var useScrollCapture = function (_a) {
+    var enabled = _a.enabled;
+    var touchStart = (0, react_1.useRef)(0);
+    var _b = (0, tslib_1.__read)((0, react_1.useState)(null), 2), scrollTarget = _b[0], setScrollTarget = _b[1];
+    // Prevents browser from handling scroll event, instead handle scroll using javascript
+    var handleElementScroll = (0, react_1.useCallback)(function (event, delta) {
+        if (!scrollTarget)
+            return;
+        var scrollTop = scrollTarget.scrollTop, scrollHeight = scrollTarget.scrollHeight, clientHeight = scrollTarget.clientHeight;
+        var isDeltaPositive = delta > 0;
+        var availableScroll = scrollHeight - clientHeight - scrollTop;
+        // bottom limit
+        if (isDeltaPositive && delta > availableScroll) {
+            scrollTarget.scrollTop = scrollHeight;
+            // top limit
+        }
+        else if (!isDeltaPositive && -delta > scrollTop) {
+            scrollTarget.scrollTop = 0;
+        }
+        else {
+            scrollTarget.scrollTo({ top: scrollTop + delta });
+        }
+        cancelScroll(event);
+    }, [scrollTarget]);
+    var onWheel = (0, react_1.useCallback)(function (event) {
+        handleElementScroll(event, event.deltaY);
+    }, [handleElementScroll]);
+    var onTouchStart = (0, react_1.useCallback)(function (event) {
+        // set touch start so we can calculate touchmove delta
+        touchStart.current = event.changedTouches[0].clientY;
+    }, []);
+    var onTouchMove = (0, react_1.useCallback)(function (event) {
+        var deltaY = touchStart.current - event.changedTouches[0].clientY;
+        handleElementScroll(event, deltaY);
+    }, [handleElementScroll]);
+    var lock = (0, react_1.useCallback)(function (el) {
+        if (!el)
+            return;
+        // Need to keep event as active, such that browser waits for the handler to complete and doesn't fire scroll in background
+        el.addEventListener('wheel', onWheel, { passive: false });
+        el.addEventListener('touchstart', onTouchStart, { passive: false });
+        el.addEventListener('touchmove', onTouchMove, { passive: false });
+    }, [onWheel, onTouchStart, onTouchMove]);
+    var unlock = (0, react_1.useCallback)(function (el) {
+        if (!el)
+            return;
+        el.removeEventListener('wheel', onWheel);
+        el.removeEventListener('touchstart', onTouchStart);
+        el.removeEventListener('touchmove', onTouchMove);
+    }, [onWheel, onTouchStart, onTouchMove]);
+    (0, react_1.useEffect)(function () {
+        if (!enabled)
+            return;
+        lock(scrollTarget);
+        return function () {
+            unlock(scrollTarget);
+        };
+    }, [enabled, lock, unlock, scrollTarget]);
+    return setScrollTarget;
+};
+exports.default = useScrollCapture;

package/hooks/useStickyElement.d.ts

@@ -0,0 +1,5 @@
+declare const useStickyElement: () => {
+    isSticky: boolean;
+    setStickySentinelRef: (el: HTMLDivElement | null) => void;
+};
+export default useStickyElement;

package/hooks/useStickyElement.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var useStickyElement = function () {
+    var _a = (0, tslib_1.__read)((0, react_1.useState)(null), 2), stickySentinelRef = _a[0], setStickySentinelRef = _a[1];
+    var _b = (0, tslib_1.__read)((0, react_1.useState)(false), 2), isSticky = _b[0], setIsSticky = _b[1];
+    (0, react_1.useEffect)(function () {
+        var observer = new IntersectionObserver(function (_a) {
+            var _b = (0, tslib_1.__read)(_a, 1), entry = _b[0];
+            // sentinel scrolls out of the visible viewport, the sticky property is active
+            if (entry.intersectionRatio === 0) {
+                setIsSticky(true);
+            }
+            // sentinel scrolls into the visible viewport, the sticky property is inactive
+            if (entry.intersectionRatio === 1) {
+                setIsSticky(false);
+            }
+        }, { threshold: [0, 1] });
+        if (stickySentinelRef !== null) {
+            observer.observe(stickySentinelRef);
+        }
+        return function () {
+            if (stickySentinelRef !== null) {
+                observer.unobserve(stickySentinelRef);
+            }
+        };
+    }, [stickySentinelRef]);
+    return {
+        isSticky: isSticky,
+        setStickySentinelRef: setStickySentinelRef,
+    };
+};
+exports.default = useStickyElement;

package/hooks/useTabsKeyboardNavigation.d.ts

@@ -0,0 +1,14 @@
+import { KeyboardEvent, RefObject } from 'react';
+export declare enum KEYBOARD_ACTION {
+    next = "next",
+    previous = "previous"
+}
+declare type Layout = 'horizontal' | 'vertical';
+export declare const useTabsKeyboardNavigation: ({ layout, activateOnFocus, }: {
+    layout?: Layout | undefined;
+    activateOnFocus?: boolean | undefined;
+}) => {
+    parentElementRef: RefObject<HTMLElement>;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+};
+export {};

package/hooks/useTabsKeyboardNavigation.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabsKeyboardNavigation = exports.KEYBOARD_ACTION = void 0;
+var react_1 = require("react");
+var theme_1 = require("../theme");
+var KEYBOARD_ACTION;
+(function (KEYBOARD_ACTION) {
+    KEYBOARD_ACTION["next"] = "next";
+    KEYBOARD_ACTION["previous"] = "previous";
+})(KEYBOARD_ACTION = exports.KEYBOARD_ACTION || (exports.KEYBOARD_ACTION = {}));
+function parseKeyDown(event, direction, layout) {
+    if (layout === 'vertical') {
+        switch (event.key) {
+            case 'ArrowDown':
+                return KEYBOARD_ACTION.next;
+            case 'ArrowUp':
+                return KEYBOARD_ACTION.previous;
+            default:
+                return null;
+        }
+    }
+    else if (direction === 'rtl') {
+        switch (event.key) {
+            case 'ArrowLeft':
+                return KEYBOARD_ACTION.next;
+            case 'ArrowRight':
+                return KEYBOARD_ACTION.previous;
+            default:
+                return null;
+        }
+    }
+    else {
+        switch (event.key) {
+            case 'ArrowLeft':
+                return KEYBOARD_ACTION.previous;
+            case 'ArrowRight':
+                return KEYBOARD_ACTION.next;
+            default:
+                return null;
+        }
+    }
+}
+var useTabsKeyboardNavigation = function (_a) {
+    var layout = _a.layout, activateOnFocus = _a.activateOnFocus;
+    var parentElementRef = (0, react_1.useRef)(null);
+    var direction = (0, theme_1.useTheme)().direction;
+    var onKeyDown = (0, react_1.useCallback)(function (event) {
+        var _a, _b;
+        var keyAction = parseKeyDown(event, direction, layout);
+        var childNodeArray = ((_a = parentElementRef.current) === null || _a === void 0 ? void 0 : _a.childNodes)
+            ? Array.from((_b = parentElementRef.current) === null || _b === void 0 ? void 0 : _b.childNodes)
+            : [];
+        var children = childNodeArray.filter(function (child) { return child.nodeType === Node.ELEMENT_NODE && !child.hasAttribute('disabled'); });
+        var activeChildIndex = children.findIndex(function (child) { return child === event.target; });
+        var nextChild;
+        if (keyAction === KEYBOARD_ACTION.next) {
+            if (activeChildIndex === children.length - 1) {
+                nextChild = children[0];
+            }
+            else {
+                nextChild = children[activeChildIndex + 1];
+            }
+            //stop scrolling when tabs are vertically aligned
+            if (layout === 'vertical') {
+                event.preventDefault();
+            }
+        }
+        else if (keyAction === KEYBOARD_ACTION.previous) {
+            if (activeChildIndex === 0) {
+                nextChild = children[children.length - 1];
+            }
+            else {
+                nextChild = children[activeChildIndex - 1];
+            }
+            //stop scrolling when tabs are vertically aligned
+            if (layout === 'vertical') {
+                event.preventDefault();
+            }
+        }
+        else {
+            switch (event.key) {
+                case 'Home': {
+                    nextChild = children[0];
+                    break;
+                }
+                case 'End': {
+                    nextChild = children[children.length - 1];
+                    break;
+                }
+                default:
+                    break;
+            }
+        }
+        if (nextChild) {
+            nextChild.focus();
+            if (activateOnFocus) {
+                nextChild.click();
+            }
+        }
+    }, [direction, layout, activateOnFocus]);
+    return { parentElementRef: parentElementRef, onKeyDown: onKeyDown };
+};
+exports.useTabsKeyboardNavigation = useTabsKeyboardNavigation;

package/hooks/useUniqueId.d.ts

@@ -0,0 +1,3 @@
+declare const useUniqueId: () => string;
+export declare const getUniqueId: () => string;
+export default useUniqueId;

package/hooks/useUniqueId.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUniqueId = void 0;
+var tslib_1 = require("tslib");
+var uniqueId_1 = (0, tslib_1.__importDefault)(require("lodash/uniqueId"));
+var react_1 = require("react");
+var PREFIX = 'sw-id--';
+var useUniqueId = function () { return (0, react_1.useMemo)(function () { return (0, uniqueId_1.default)(PREFIX); }, []); };
+var getUniqueId = function () { return (0, uniqueId_1.default)(PREFIX); };
+exports.getUniqueId = getUniqueId;
+exports.default = useUniqueId;

package/hooks/useUpdateEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+declare const useUpdateEffect: typeof useEffect;
+export default useUpdateEffect;

package/hooks/useUpdateEffect.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useFirstMountState_1 = require("./useFirstMountState");
+var useUpdateEffect = function (effect, deps) {
+    var isFirstMount = (0, useFirstMountState_1.useFirstMountState)();
+    (0, react_1.useEffect)(function () {
+        if (!isFirstMount) {
+            return effect();
+        }
+        return undefined;
+    }, deps);
+};
+exports.default = useUpdateEffect;

package/icon/components/alert-solid.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function AlertSolid(props: IconProps): React.ReactElement;

package/icon/components/alert-solid.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function AlertSolid(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "AlertSolid" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.063.012a6.994 6.994 0 1 0 6.994 6.994A6.996 6.996 0 0 0 7.063.012zm0 7.693a.701.701 0 0 1-.7-.699V4.21a.701.701 0 0 1 .7-.7.701.701 0 0 1 .7.7v2.797a.701.701 0 0 1-.7.7zm0 2.798a.701.701 0 0 1-.7-.7.701.701 0 0 1 .7-.699.701.701 0 0 1 .7.7.701.701 0 0 1-.7.699z" }, void 0) }), void 0));
+}
+exports.default = AlertSolid;

package/icon/components/alert.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function Alert(props: IconProps): React.ReactElement;

package/icon/components/alert.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function Alert(props) {
+    return ((0, jsx_runtime_1.jsxs)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 12 12", "data-icon-name": "Alert" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M5.904 6.5a.5.5 0 0 1-.5-.5V3.25a.5.5 0 1 1 1 0V6a.5.5 0 0 1-.5.5z" }, void 0), (0, jsx_runtime_1.jsx)("circle", { cx: "5.904", cy: "8.161", r: ".589" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M6 12c-3.308 0-6-2.69-6-6s2.692-6 6-6 6 2.692 6 6-2.691 6-6 6zM6 1C3.244 1 1 3.243 1 6s2.244 5 5 5 5-2.243 5-5-2.243-5-5-5z" }, void 0)] }), void 0));
+}
+exports.default = Alert;

package/icon/components/calendar-solid.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function CalendarSolid(props: IconProps): React.ReactElement;

package/icon/components/calendar-solid.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function CalendarSolid(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 15 15", "data-icon-name": "CalendarSolid" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M12.4 1.6c.9 0 1.7.8 1.7 1.7v1.2H0V3.3c0-.9.8-1.7 1.7-1.7h.9V0h1.6v1.6h5.6V0h1.6v1.6h1zM0 13.4V6.1h14.1v7.3c0 .9-.8 1.6-1.7 1.6H1.7C.8 15 0 14.3 0 13.4z" }, void 0) }), void 0));
+}
+exports.default = CalendarSolid;

package/icon/components/chevron-down.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function ChevronDown(props: IconProps): React.ReactElement;

package/icon/components/chevron-down.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function ChevronDown(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "ChevronDown" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7 10.922a.84.84 0 01-.597-.248L.247 4.518a.843.843 0 111.194-1.192L7 8.884l5.56-5.558a.844.844 0 011.193 1.192l-6.156 6.156a.84.84 0 01-.597.248z" }, void 0) }), void 0));
+}
+exports.default = ChevronDown;

package/icon/components/chevron-right-solid.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function ChevronRightSolid(props: IconProps): React.ReactElement;

package/icon/components/chevron-right-solid.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function ChevronRightSolid(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 10 10", "data-icon-name": "ChevronRightSolid" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.369 1.97v6.06a.5.5 0 00.79.408l4.262-3.03a.5.5 0 000-.815L3.159 1.562a.5.5 0 00-.79.407z" }, void 0) }), void 0));
+}
+exports.default = ChevronRightSolid;

package/icon/components/close.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function Close(props: IconProps): React.ReactElement;

package/icon/components/close.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function Close(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "Close" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M12.8 12.7c.3-.3.3-.8 0-1L8 7l4.6-4.7c.3-.3.3-.8 0-1.1-.3-.3-.8-.3-1.1 0L6.9 6 2.3 1.3C2 1 1.5 1 1.2 1.3s-.3.7 0 1L5.9 7l-4.7 4.7c-.3.3-.3.8 0 1.1.3.3.8.3 1 0l4.7-4.7 4.7 4.6c.3.3.8.3 1.2 0z" }, void 0) }), void 0));
+}
+exports.default = Close;

package/icon/components/error-clr.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function ErrorClr(props: IconProps): React.ReactElement;

package/icon/components/error-clr.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function ErrorClr(props) {
+    return ((0, jsx_runtime_1.jsxs)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "ErrorClr" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fill: "#FF6060", d: "M6.304 1.636c.385-.63 1.008-.63 1.391-.002l2.147 3.52 3.987 6.541c.385.63.097 1.142-.64 1.142H.81c-.737 0-1.024-.51-.639-1.142l6.133-10.06z" }, void 0), (0, jsx_runtime_1.jsx)("path", { fill: "#FFF", d: "M6.69 9.895h.843v.841H6.69zm0-4.624h.843v3.783H6.69z" }, void 0)] }), void 0));
+}
+exports.default = ErrorClr;

package/icon/components/error-solid.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function ErrorSolid(props: IconProps): React.ReactElement;

package/icon/components/error-solid.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function ErrorSolid(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 11.77", "data-icon-name": "ErrorSolid" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M13.87 10.4 7.77.42a.9.9 0 0 0-1.54 0L.13 10.4a.9.9 0 0 0 .78 1.38h12.18a.9.9 0 0 0 .78-1.38zM6.49 3.44a.46.46 0 0 1 .51-.4.46.46 0 0 1 .5.4v2.83a.46.46 0 0 1-.5.4.46.46 0 0 1-.5-.4zM7 9.29a.76.76 0 1 1 .76-.76.76.76 0 0 1-.76.76z", fillRule: "evenodd" }, void 0) }), void 0));
+}
+exports.default = ErrorSolid;

package/icon/components/error.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function Error(props: IconProps): React.ReactElement;

package/icon/components/error.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function Error(props) {
+    return ((0, jsx_runtime_1.jsxs)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 11.98", "data-icon-name": "Error" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M13.78 9.73L8.26.7a1.48 1.48 0 00-2.53 0L.22 9.73a1.48 1.48 0 001.26 2.25h11.04a1.48 1.48 0 001.26-2.25zm-1 1.2a.5.5 0 01-.26.06H1.48a.5.5 0 01-.42-.75l5.52-9.02A.5.5 0 017 1a.49.49 0 01.26.07.48.48 0 01.16.16l5.52 9.02a.5.5 0 01-.16.68z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M7 7.6a.44.44 0 00.48-.37V4.55A.44.44 0 007 4.17a.44.44 0 00-.48.38v2.68A.44.44 0 007 7.6zM7 8.63a.72.72 0 10.72.72.72.72 0 00-.72-.72z" }, void 0)] }), void 0));
+}
+exports.default = Error;

package/icon/components/imagePreview.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function ImagePreview(props: IconProps): React.ReactElement;

package/icon/components/imagePreview.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function ImagePreview(props) {
+    return ((0, jsx_runtime_1.jsxs)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "ImagePreview" }, props, { children: [(0, jsx_runtime_1.jsx)("circle", { fillRule: "evenodd", clipRule: "evenodd", cx: "12.5", cy: "3.35", r: "1.5" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9.33 14H0l3.87-5.5c.36-.52 1.29-.51 1.64 0L9.33 14zm1.52-.01l-1.52-2.18 1.2-1.4c.09-.13.25-.22.3-.19.11 0 .22.06.3.17L14 14h-3.15v-.01z" }, void 0)] }), void 0));
+}
+exports.default = ImagePreview;

package/icon/components/info.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function Info(props: IconProps): React.ReactElement;

package/icon/components/info.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function Info(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "Info" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.627 11.36a.196.196 0 0 0-.245-.067c-.962.455-2.053.936-2.267.978a.189.189 0 0 1-.025-.029.256.256 0 0 1-.043-.157c0-.544.41-2.198 1.22-4.916.682-2.284.76-2.757.76-2.914a.742.742 0 0 0-.268-.592c-.166-.138-.4-.208-.692-.208-.488 0-1.052.185-1.727.566-.653.369-1.382.993-2.166 1.857a.196.196 0 0 0 .219.312c.275-.112 1.658-.678 1.86-.805.164-.104.307-.156.424-.156a.14.14 0 0 1 .01 0c.002.008.004.02.004.037 0 .119-.025.26-.073.418-1.179 3.819-1.751 6.16-1.751 7.156 0 .352.097.635.29.842.197.211.462.318.788.318.348 0 .77-.145 1.294-.444.506-.29 1.278-.925 2.36-1.944a.195.195 0 0 0 .028-.253zM9.589.297A.985.985 0 0 0 8.857 0c-.366 0-.684.144-.946.429a1.46 1.46 0 0 0-.389 1.021c0 .314.097.575.287.774a.96.96 0 0 0 .722.305c.35 0 .667-.153.94-.453a1.49 1.49 0 0 0 .406-1.033c0-.299-.097-.55-.288-.746z", fillRule: "evenodd", clipRule: "evenodd" }, void 0) }), void 0));
+}
+exports.default = Info;

package/icon/components/play-video.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function PlayVideo(props: IconProps): React.ReactElement;

package/icon/components/play-video.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function PlayVideo(props) {
+    return ((0, jsx_runtime_1.jsxs)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 12 12", "data-icon-name": "PlayVideo" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M6 12c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM6 .5A5.506 5.506 0 00.5 6c0 3.032 2.467 5.5 5.5 5.5 3.032 0 5.5-2.468 5.5-5.5C11.5 2.967 9.032.5 6 .5z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M4.624 3.906l3.533 2.04c.08.046.08.163 0 .21l-3.533 2.04a.121.121 0 01-.182-.106V4.011c0-.093.101-.152.182-.105z" }, void 0)] }), void 0));
+}
+exports.default = PlayVideo;

package/icon/components/search.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function Search(props: IconProps): React.ReactElement;

package/icon/components/search.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function Search(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 12 12", "data-icon-name": "Search" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M11.854 11.149L7.75 7.037a4.32 4.32 0 00.946-2.68A4.356 4.356 0 004.348 0a4.357 4.357 0 000 8.713 4.299 4.299 0 002.7-.969l4.102 4.11a.496.496 0 00.704 0 .5.5 0 000-.705zM4.348 7.716a3.36 3.36 0 010-6.719 3.36 3.36 0 010 6.719z" }, void 0) }), void 0));
+}
+exports.default = Search;

package/icon/components/tick.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function Tick(props: IconProps): React.ReactElement;

package/icon/components/tick.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function Tick(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "Tick" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M4.792 12.037a.935.935 0 0 1-.657-.269L.28 7.975A.936.936 0 0 1 1.593 6.64L4.79 9.784l7.615-7.556a.936.936 0 0 1 1.32 1.329l-8.272 8.208a.935.935 0 0 1-.66.272z" }, void 0) }), void 0));
+}
+exports.default = Tick;

package/icon/components/tickCircle-solid.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function TickCircleSolid(props: IconProps): React.ReactElement;

package/icon/components/tickCircle-solid.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function TickCircleSolid(props) {
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "TickCircleSolid" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "m9.53 4.44-3.64 3.6-1.42-1.4a.72.72 0 1 0-1 1.03l1.92 1.9a.72.72 0 0 0 1.01 0l4.14-4.11a.72.72 0 1 0-1.01-1.02zM7 0a7 7 0 1 1-7 7 7 7 0 0 1 7-7z", fillRule: "evenodd" }, void 0) }), void 0));
+}
+exports.default = TickCircleSolid;

package/icon/components/user.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function User(props: IconProps): React.ReactElement;

package/icon/components/user.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function User(props) {
+    return ((0, jsx_runtime_1.jsxs)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "User" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M13.823 13.946c.003-.081.024-.159.024-.24a6.847 6.847 0 10-13.694-.001c0 .082.021.16.024.241z" }, void 0), (0, jsx_runtime_1.jsx)("circle", { cx: "7", cy: "2.889", r: "2.835" }, void 0)] }), void 0));
+}
+exports.default = User;

package/icon/components/video-non-playable.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+export default function VideoNonPlayable(props: IconProps): React.ReactElement;