@veeqo/ui 9.4.0 → 9.5.0

package/dist/hoc/withLabels/withLabels.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { AttentionIcon } from '../../tempIcons/AttentionIcon.js';
 import { theme } from '../../theme/index.js';
 import { Stack } from '../../components/Stack/Stack.js';
@@ -9,18 +9,18 @@ import { useId } from '../../hooks/useId.js';
 const withLabels = (Component) => ({ label, hint, error, tooltip, tooltipContent, ...otherProps }) => {
     const componentId = useId({ id: otherProps === null || otherProps === undefined ? undefined : otherProps.id, prefix: Component.name });
     if (!label)
-        return React.createElement(Component, { hasError: !!error, ...otherProps });
-    return (React.createElement(RootStack, { spacing: "sm", alignX: "stretch" },
-        React.createElement("div", { style: { marginBottom: theme.sizes.xs } },
-            React.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
-                React.createElement(Label, { id: `${componentId}-label`, htmlFor: componentId }, label),
-                (tooltip || tooltipContent) && (React.createElement(BlockTooltip, { text: tooltip, content: tooltipContent },
-                    React.createElement(HelpIcon, { "data-testid": "tooltip-help", width: theme.sizes.base, height: theme.sizes.base, color: theme.colors.neutral.ink.light })))),
-            hint && React.createElement(Hint, { id: `${componentId}-hint` }, hint)),
-        React.createElement(Component, { id: componentId, hasError: !!error, ...otherProps }),
-        error && (React.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "xs" },
-            React.createElement(AttentionIcon, { width: 16, height: 16, color: theme.colors.secondary.red.base }),
-            React.createElement(Error, null, error)))));
+        return React__default.createElement(Component, { hasError: !!error, ...otherProps });
+    return (React__default.createElement(RootStack, { spacing: "sm", alignX: "stretch" },
+        React__default.createElement("div", { style: { marginBottom: theme.sizes.xs } },
+            React__default.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
+                React__default.createElement(Label, { id: `${componentId}-label`, htmlFor: componentId }, label),
+                (tooltip || tooltipContent) && (React__default.createElement(BlockTooltip, { text: tooltip, content: tooltipContent },
+                    React__default.createElement(HelpIcon, { "data-testid": "tooltip-help", width: theme.sizes.base, height: theme.sizes.base, color: theme.colors.neutral.ink.light })))),
+            hint && React__default.createElement(Hint, { id: `${componentId}-hint` }, hint)),
+        React__default.createElement(Component, { id: componentId, hasError: !!error, ...otherProps }),
+        error && (React__default.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "xs" },
+            React__default.createElement(AttentionIcon, { width: 16, height: 16, color: theme.colors.secondary.red.base }),
+            React__default.createElement(Error, null, error)))));
 };
 
 export { withLabels };

package/dist/hoc/withLabels/withLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactNode } from 'react';\nimport { AttentionIcon } from '../../tempIcons/AttentionIcon';\nimport { theme } from '../../theme';\nimport { Stack } from '../../components/Stack';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip } from './styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { useId } from '../../hooks/useId';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\nexport const withLabels =\n  <P extends object>(Component: ComponentType<P>): FC<P & WithLabelsProps> =>\n  ({ label, hint, error, tooltip, tooltipContent, ...otherProps }: WithLabelsProps) => {\n    const componentId = useId({ id: otherProps?.id, prefix: Component.name });\n\n    if (!label) return <Component hasError={!!error} {...(otherProps as P)} />;\n\n    return (\n      <RootStack spacing=\"sm\" alignX=\"stretch\">\n        <div style={{ marginBottom: theme.sizes.xs }}>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            <Label id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Label>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n        </div>\n        <Component id={componentId} hasError={!!error} {...(otherProps as P)} />\n        {error && (\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"xs\">\n            <AttentionIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n            <Error>{error}</Error>\n          </Stack>\n        )}\n      </RootStack>\n    );\n  };\n"],"names":[],"mappings":";;;;;;;;AAkBa,MAAA,UAAU,GACrB,CAAmB,SAA2B,KAC9C,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,UAAU,EAAmB,KAAI;IAClF,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,SAAA,GAAA,SAAA,GAAV,UAAU,CAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzE,IAAA,IAAI,CAAC,KAAK;QAAE,OAAO,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAA,CAAI;IAE1E,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;QACtC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAC1C,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,CAAC,OAAO,IAAI,cAAc,MACzB,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAA;AAClD,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;AACP,YAAA,IAAI,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAO,KAAA,CAAA,EAAA,EAAG,IAAI,CAAQ,CACnD;AACN,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;AACvE,QAAA,KAAK,KACJ,KAAC,CAAA,aAAA,CAAA,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;YACxD,KAAC,CAAA,aAAA,CAAA,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;YAChF,KAAC,CAAA,aAAA,CAAA,KAAK,QAAE,KAAK,CAAS,CAChB,CACT,CACS;AAEhB;;;;"}
+{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactNode } from 'react';\nimport { AttentionIcon } from '../../tempIcons/AttentionIcon';\nimport { theme } from '../../theme';\nimport { Stack } from '../../components/Stack';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip } from './styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { useId } from '../../hooks/useId';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\nexport const withLabels =\n  <P extends object>(Component: ComponentType<P>): FC<P & WithLabelsProps> =>\n  ({ label, hint, error, tooltip, tooltipContent, ...otherProps }: WithLabelsProps) => {\n    const componentId = useId({ id: otherProps?.id, prefix: Component.name });\n\n    if (!label) return <Component hasError={!!error} {...(otherProps as P)} />;\n\n    return (\n      <RootStack spacing=\"sm\" alignX=\"stretch\">\n        <div style={{ marginBottom: theme.sizes.xs }}>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            <Label id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Label>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n        </div>\n        <Component id={componentId} hasError={!!error} {...(otherProps as P)} />\n        {error && (\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"xs\">\n            <AttentionIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n            <Error>{error}</Error>\n          </Stack>\n        )}\n      </RootStack>\n    );\n  };\n"],"names":["React"],"mappings":";;;;;;;;AAkBa,MAAA,UAAU,GACrB,CAAmB,SAA2B,KAC9C,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,UAAU,EAAmB,KAAI;IAClF,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,SAAA,GAAA,SAAA,GAAV,UAAU,CAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzE,IAAA,IAAI,CAAC,KAAK;QAAE,OAAOA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAA,CAAI;IAE1E,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;QACtCA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAC1C,YAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,CAAC,OAAO,IAAI,cAAc,MACzBA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAA;AAClD,oBAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;AACP,YAAA,IAAI,IAAIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAO,KAAA,CAAA,EAAA,EAAG,IAAI,CAAQ,CACnD;AACN,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;AACvE,QAAA,KAAK,KACJA,cAAC,CAAA,aAAA,CAAA,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;YACxDA,cAAC,CAAA,aAAA,CAAA,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;YAChFA,cAAC,CAAA,aAAA,CAAA,KAAK,QAAE,KAAK,CAAS,CAChB,CACT,CACS;AAEhB;;;;"}

package/dist/hooks/useFocusVisible.js

@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 
 // A React hook based on: https://github.com/WICG/focus-visible
-const FocusVisibleContext = React.createContext({
+const FocusVisibleContext = React__default.createContext({
     hadKeyboardEvent: true,
     isInitialized: false,
 });
@@ -106,16 +106,16 @@ function FocusVisibleManager({ children }) {
     }, [setHadKeyboardEvent]);
     return (
     // eslint-disable-next-line react/jsx-no-constructed-context-values
-    React.createElement(FocusVisibleContext.Provider, { value: { hadKeyboardEvent, isInitialized: true } }, children));
+    React__default.createElement(FocusVisibleContext.Provider, { value: { hadKeyboardEvent, isInitialized: true } }, children));
 }
 function useFocusVisible() {
-    const [isFocused, setIsFocused] = React.useState(false);
-    const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);
-    const onFocus = React.useCallback(() => {
+    const [isFocused, setIsFocused] = React__default.useState(false);
+    const { hadKeyboardEvent, isInitialized } = React__default.useContext(FocusVisibleContext);
+    const onFocus = React__default.useCallback(() => {
         if (!isFocused)
             setIsFocused(true);
     }, [isFocused]);
-    const onBlur = React.useCallback(() => {
+    const onBlur = React__default.useCallback(() => {
         if (isFocused)
             setIsFocused(false);
     }, [isFocused]);
@@ -127,7 +127,7 @@ function useFocusVisible() {
         // Fallback to focused when the `FocusVisibleManager` is not used.
         focusVisible = isFocused;
     }
-    return React.useMemo(() => ({
+    return React__default.useMemo(() => ({
         focusVisible,
         onFocus,
         onBlur,

package/dist/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\n\n// A React hook based on: https://github.com/WICG/focus-visible\n\nexport const FocusVisibleContext = React.createContext({\n  hadKeyboardEvent: true,\n  isInitialized: false,\n});\n\nexport function FocusVisibleManager({ children }: PropsWithChildren<{}>) {\n  const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);\n\n  useEffect(() => {\n    function onPointerDown() {\n      setHadKeyboardEvent(false);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function onInitialPointerMove(e: any) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. ¯\\_(ツ)_/¯\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      setHadKeyboardEvent(false);\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeInitialPointerMoveListeners();\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      setHadKeyboardEvent(true);\n    }\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange() {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        setHadKeyboardEvent(true);\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true);\n      document.removeEventListener('mousedown', onPointerDown, true);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n      document.removeEventListener('touchstart', onPointerDown, true);\n      document.removeEventListener('visibilitychange', onVisibilityChange, true);\n\n      removeInitialPointerMoveListeners();\n    };\n  }, [setHadKeyboardEvent]);\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>\n      {children}\n    </FocusVisibleContext.Provider>\n  );\n}\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);\n\n  const onFocus = React.useCallback(() => {\n    if (!isFocused) setIsFocused(true);\n  }, [isFocused]);\n\n  const onBlur = React.useCallback(() => {\n    if (isFocused) setIsFocused(false);\n  }, [isFocused]);\n\n  let focusVisible: boolean;\n  if (isInitialized) {\n    focusVisible = hadKeyboardEvent && isFocused;\n  } else {\n    // Fallback to focused when the `FocusVisibleManager` is not used.\n    focusVisible = isFocused;\n  }\n\n  return React.useMemo(\n    () => ({\n      focusVisible,\n      onFocus,\n      onBlur,\n    }),\n    [focusVisible, onBlur, onFocus],\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\n\n// A React hook based on: https://github.com/WICG/focus-visible\n\nexport const FocusVisibleContext = React.createContext({\n  hadKeyboardEvent: true,\n  isInitialized: false,\n});\n\nexport function FocusVisibleManager({ children }: PropsWithChildren<{}>) {\n  const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);\n\n  useEffect(() => {\n    function onPointerDown() {\n      setHadKeyboardEvent(false);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function onInitialPointerMove(e: any) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. ¯\\_(ツ)_/¯\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      setHadKeyboardEvent(false);\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeInitialPointerMoveListeners();\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      setHadKeyboardEvent(true);\n    }\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange() {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        setHadKeyboardEvent(true);\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true);\n      document.removeEventListener('mousedown', onPointerDown, true);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n      document.removeEventListener('touchstart', onPointerDown, true);\n      document.removeEventListener('visibilitychange', onVisibilityChange, true);\n\n      removeInitialPointerMoveListeners();\n    };\n  }, [setHadKeyboardEvent]);\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>\n      {children}\n    </FocusVisibleContext.Provider>\n  );\n}\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);\n\n  const onFocus = React.useCallback(() => {\n    if (!isFocused) setIsFocused(true);\n  }, [isFocused]);\n\n  const onBlur = React.useCallback(() => {\n    if (isFocused) setIsFocused(false);\n  }, [isFocused]);\n\n  let focusVisible: boolean;\n  if (isInitialized) {\n    focusVisible = hadKeyboardEvent && isFocused;\n  } else {\n    // Fallback to focused when the `FocusVisibleManager` is not used.\n    focusVisible = isFocused;\n  }\n\n  return React.useMemo(\n    () => ({\n      focusVisible,\n      onFocus,\n      onBlur,\n    }),\n    [focusVisible, onBlur, onFocus],\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/index.cjs

@@ -90,6 +90,43 @@ var color = require('./utils/color.cjs');
 var generateId = require('./utils/generateId.cjs');
 var isExternalLink = require('./utils/isExternalLink.cjs');
 var index$6 = require('./theme/index.cjs');
+var ActiveCheckboxIcon = require('./tempIcons/ActiveCheckboxIcon.cjs');
+var ActiveRadioIcon = require('./tempIcons/ActiveRadioIcon.cjs');
+var ArrowDownIcon = require('./tempIcons/ArrowDownIcon.cjs');
+var ArrowUpIcon = require('./tempIcons/ArrowUpIcon.cjs');
+var AttentionIcon = require('./tempIcons/AttentionIcon.cjs');
+var CalendarIcon = require('./tempIcons/CalendarIcon.cjs');
+var ClipboardIcon = require('./tempIcons/ClipboardIcon.cjs');
+var CrossIcon = require('./tempIcons/CrossIcon.cjs');
+var DashboardIcon = require('./tempIcons/DashboardIcon.cjs');
+var DestructiveIcon = require('./tempIcons/DestructiveIcon.cjs');
+var DoubleArrowAscIcon = require('./tempIcons/DoubleArrowAscIcon.cjs');
+var DoubleArrowDescIcon = require('./tempIcons/DoubleArrowDescIcon.cjs');
+var DoubleArrowIcon = require('./tempIcons/DoubleArrowIcon.cjs');
+var DownArrowIcon = require('./tempIcons/DownArrowIcon.cjs');
+var DragIndicatorIcon = require('./tempIcons/DragIndicatorIcon.cjs');
+var DropdownIcon = require('./tempIcons/DropdownIcon.cjs');
+var EditIcon = require('./tempIcons/EditIcon.cjs');
+var EndArrowIcon = require('./tempIcons/EndArrowIcon.cjs');
+var FailIcon = require('./tempIcons/FailIcon.cjs');
+var HelpIcon = require('./tempIcons/HelpIcon.cjs');
+var InactiveCheckboxIcon = require('./tempIcons/InactiveCheckboxIcon.cjs');
+var InactiveRadioIcon = require('./tempIcons/InactiveRadioIcon.cjs');
+var InfoIcon = require('./tempIcons/InfoIcon.cjs');
+var LeftArrowIcon = require('./tempIcons/LeftArrowIcon.cjs');
+var MergeIcon = require('./tempIcons/MergeIcon.cjs');
+var PlusIcon = require('./tempIcons/PlusIcon.cjs');
+var RecommendIcon = require('./tempIcons/RecommendIcon.cjs');
+var ReorderIcon = require('./tempIcons/ReorderIcon.cjs');
+var RightArrowIcon = require('./tempIcons/RightArrowIcon.cjs');
+var SearchIcon = require('./tempIcons/SearchIcon.cjs');
+var StartArrowIcon = require('./tempIcons/StartArrowIcon.cjs');
+var SuccessIcon = require('./tempIcons/SuccessIcon.cjs');
+var ThreeDotsIcon = require('./tempIcons/ThreeDotsIcon.cjs');
+var UpArrowIcon = require('./tempIcons/UpArrowIcon.cjs');
+var VisibilityIcon = require('./tempIcons/VisibilityIcon.cjs');
+var VisibilityOffIcon = require('./tempIcons/VisibilityOffIcon.cjs');
+var WarningIcon = require('./tempIcons/WarningIcon.cjs');
 var utils = require('./theme/utils.cjs');
 
 
@@ -200,5 +237,42 @@ exports.hexToRgb = color.hexToRgb;
 exports.generateId = generateId.generateId;
 exports.isExternalLink = isExternalLink.isExternalLink;
 exports.theme = index$6.theme;
+exports.ActiveCheckboxIcon = ActiveCheckboxIcon.ActiveCheckboxIcon;
+exports.ActiveRadioIcon = ActiveRadioIcon.ActiveRadioIcon;
+exports.ArrowDownIcon = ArrowDownIcon.ArrowDownIcon;
+exports.ArrowUpIcon = ArrowUpIcon.ArrowUpIcon;
+exports.AttentionIcon = AttentionIcon.AttentionIcon;
+exports.CalendarIcon = CalendarIcon.CalendarIcon;
+exports.ClipboardIcon = ClipboardIcon.ClipboardIcon;
+exports.CrossIcon = CrossIcon.CrossIcon;
+exports.DashboardIcon = DashboardIcon.DashboardIcon;
+exports.DestructiveIcon = DestructiveIcon.DestructiveIcon;
+exports.DoubleArrowAscIcon = DoubleArrowAscIcon.DoubleArrowAscIcon;
+exports.DoubleArrowDescIcon = DoubleArrowDescIcon.DoubleArrowDescIcon;
+exports.DoubleArrowIcon = DoubleArrowIcon.DoubleArrowIcon;
+exports.DownArrowIcon = DownArrowIcon.DownArrowIcon;
+exports.DragIndicatorIcon = DragIndicatorIcon.DragIndicatorIcon;
+exports.DropdownIcon = DropdownIcon.DropdownIcon;
+exports.EditIcon = EditIcon.EditIcon;
+exports.EndArrowIcon = EndArrowIcon.EndArrowIcon;
+exports.FailIcon = FailIcon.FailIcon;
+exports.HelpIcon = HelpIcon.HelpIcon;
+exports.InactiveCheckboxIcon = InactiveCheckboxIcon.InactiveCheckboxIcon;
+exports.InactiveRadioIcon = InactiveRadioIcon.InactiveRadioIcon;
+exports.InfoIcon = InfoIcon.InfoIcon;
+exports.LeftArrowIcon = LeftArrowIcon.LeftArrowIcon;
+exports.MergeIcon = MergeIcon.MergeIcon;
+exports.PlusIcon = PlusIcon.PlusIcon;
+exports.RecommendIcon = RecommendIcon.RecommendIcon;
+exports.ReorderIcon = ReorderIcon.ReorderIcon;
+exports.RightArrowIcon = RightArrowIcon.RightArrowIcon;
+exports.SearchIcon = SearchIcon.SearchIcon;
+exports.StartArrowIcon = StartArrowIcon.StartArrowIcon;
+exports.SuccessIcon = SuccessIcon.SuccessIcon;
+exports.ThreeDotsIcon = ThreeDotsIcon.ThreeDotsIcon;
+exports.UpArrowIcon = UpArrowIcon.UpArrowIcon;
+exports.VisibilityIcon = VisibilityIcon.VisibilityIcon;
+exports.VisibilityOffIcon = VisibilityOffIcon.VisibilityOffIcon;
+exports.WarningIcon = WarningIcon.WarningIcon;
 exports.getTextStyles = utils.getTextStyles;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './hooks';
 export * from './hoc';
 export * from './utils';
 export * from './theme';
+export * from './tempIcons';

package/dist/index.js

@@ -88,5 +88,42 @@ export { getOpaqueHexColor, hexToRgb } from './utils/color.js';
 export { generateId } from './utils/generateId.js';
 export { isExternalLink } from './utils/isExternalLink.js';
 export { theme } from './theme/index.js';
+export { ActiveCheckboxIcon } from './tempIcons/ActiveCheckboxIcon.js';
+export { ActiveRadioIcon } from './tempIcons/ActiveRadioIcon.js';
+export { ArrowDownIcon } from './tempIcons/ArrowDownIcon.js';
+export { ArrowUpIcon } from './tempIcons/ArrowUpIcon.js';
+export { AttentionIcon } from './tempIcons/AttentionIcon.js';
+export { CalendarIcon } from './tempIcons/CalendarIcon.js';
+export { ClipboardIcon } from './tempIcons/ClipboardIcon.js';
+export { CrossIcon } from './tempIcons/CrossIcon.js';
+export { DashboardIcon } from './tempIcons/DashboardIcon.js';
+export { DestructiveIcon } from './tempIcons/DestructiveIcon.js';
+export { DoubleArrowAscIcon } from './tempIcons/DoubleArrowAscIcon.js';
+export { DoubleArrowDescIcon } from './tempIcons/DoubleArrowDescIcon.js';
+export { DoubleArrowIcon } from './tempIcons/DoubleArrowIcon.js';
+export { DownArrowIcon } from './tempIcons/DownArrowIcon.js';
+export { DragIndicatorIcon } from './tempIcons/DragIndicatorIcon.js';
+export { DropdownIcon } from './tempIcons/DropdownIcon.js';
+export { EditIcon } from './tempIcons/EditIcon.js';
+export { EndArrowIcon } from './tempIcons/EndArrowIcon.js';
+export { FailIcon } from './tempIcons/FailIcon.js';
+export { HelpIcon } from './tempIcons/HelpIcon.js';
+export { InactiveCheckboxIcon } from './tempIcons/InactiveCheckboxIcon.js';
+export { InactiveRadioIcon } from './tempIcons/InactiveRadioIcon.js';
+export { InfoIcon } from './tempIcons/InfoIcon.js';
+export { LeftArrowIcon } from './tempIcons/LeftArrowIcon.js';
+export { MergeIcon } from './tempIcons/MergeIcon.js';
+export { PlusIcon } from './tempIcons/PlusIcon.js';
+export { RecommendIcon } from './tempIcons/RecommendIcon.js';
+export { ReorderIcon } from './tempIcons/ReorderIcon.js';
+export { RightArrowIcon } from './tempIcons/RightArrowIcon.js';
+export { SearchIcon } from './tempIcons/SearchIcon.js';
+export { StartArrowIcon } from './tempIcons/StartArrowIcon.js';
+export { SuccessIcon } from './tempIcons/SuccessIcon.js';
+export { ThreeDotsIcon } from './tempIcons/ThreeDotsIcon.js';
+export { UpArrowIcon } from './tempIcons/UpArrowIcon.js';
+export { VisibilityIcon } from './tempIcons/VisibilityIcon.js';
+export { VisibilityOffIcon } from './tempIcons/VisibilityOffIcon.js';
+export { WarningIcon } from './tempIcons/WarningIcon.js';
 export { getTextStyles } from './theme/utils.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/tempIcons/ActiveCheckboxIcon.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const ActiveCheckboxIcon = (props) => (React__default.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "active-checkbox-icon", ...props },
+    React__default.default.createElement("rect", { x: "4", y: "4", width: "16", height: "16", fill: "white" }),
+    React__default.default.createElement("path", { d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z", fill: "#4CA1D9" })));
+
+exports.ActiveCheckboxIcon = ActiveCheckboxIcon;
+//# sourceMappingURL=ActiveCheckboxIcon.cjs.map

package/dist/tempIcons/ActiveCheckboxIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveCheckboxIcon.cjs","sources":["../../src/tempIcons/ActiveCheckboxIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ActiveCheckboxIcon = (props: any) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-checkbox-icon\"\n    {...props}\n  >\n    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" fill=\"white\" />\n    <path\n      d=\"M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z\"\n      fill=\"#4CA1D9\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAEO,MAAM,kBAAkB,GAAG,CAAC,KAAU,MAC3CA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,sBAAsB,KAC9B,KAAK,EAAA;AAET,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA;IACxDA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,wJAAwJ,EAC1J,IAAI,EAAC,SAAS,EAAA,CACd,CACE;;;;"}

package/dist/tempIcons/ActiveCheckboxIcon.js

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+const ActiveCheckboxIcon = (props) => (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "active-checkbox-icon", ...props },
+    React__default.createElement("rect", { x: "4", y: "4", width: "16", height: "16", fill: "white" }),
+    React__default.createElement("path", { d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z", fill: "#4CA1D9" })));
+
+export { ActiveCheckboxIcon };
+//# sourceMappingURL=ActiveCheckboxIcon.js.map

package/dist/tempIcons/ActiveCheckboxIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveCheckboxIcon.js","sources":["../../src/tempIcons/ActiveCheckboxIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ActiveCheckboxIcon = (props: any) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-checkbox-icon\"\n    {...props}\n  >\n    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" fill=\"white\" />\n    <path\n      d=\"M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z\"\n      fill=\"#4CA1D9\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAEO,MAAM,kBAAkB,GAAG,CAAC,KAAU,MAC3CA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,sBAAsB,KAC9B,KAAK,EAAA;AAET,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA;IACxDA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,wJAAwJ,EAC1J,IAAI,EAAC,SAAS,EAAA,CACd,CACE;;;;"}

package/dist/tempIcons/ActiveRadioIcon.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const ActiveRadioIcon = (props) => (React__default.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "active-radio-icon", ...props },
+    React__default.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z", fill: "#0079d1" }),
+    React__default.default.createElement("circle", { cx: "12", cy: "12", r: "5", fill: "#0079d1" })));
+
+exports.ActiveRadioIcon = ActiveRadioIcon;
+//# sourceMappingURL=ActiveRadioIcon.cjs.map

package/dist/tempIcons/ActiveRadioIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveRadioIcon.cjs","sources":["../../src/tempIcons/ActiveRadioIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ActiveRadioIcon = (props: any) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-radio-icon\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z\"\n      fill=\"#0079d1\"\n    />\n    <circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"#0079d1\" />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAEO,MAAM,eAAe,GAAG,CAAC,KAAU,MACxCA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,mBAAmB,KAC3B,KAAK,EAAA;AAET,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAC,SAAS,EACd,CAAA;AACF,IAAAA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,CAC3C;;;;"}

package/dist/tempIcons/ActiveRadioIcon.js

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+const ActiveRadioIcon = (props) => (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "active-radio-icon", ...props },
+    React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z", fill: "#0079d1" }),
+    React__default.createElement("circle", { cx: "12", cy: "12", r: "5", fill: "#0079d1" })));
+
+export { ActiveRadioIcon };
+//# sourceMappingURL=ActiveRadioIcon.js.map

package/dist/tempIcons/ActiveRadioIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveRadioIcon.js","sources":["../../src/tempIcons/ActiveRadioIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ActiveRadioIcon = (props: any) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-radio-icon\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z\"\n      fill=\"#0079d1\"\n    />\n    <circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"#0079d1\" />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAEO,MAAM,eAAe,GAAG,CAAC,KAAU,MACxCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,mBAAmB,KAC3B,KAAK,EAAA;AAET,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAC,SAAS,EACd,CAAA;AACF,IAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,CAC3C;;;;"}

package/dist/tempIcons/ArrowDownIcon.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import React__default from 'react';
 
 const ArrowDownIcon = (props) => {
-    return (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z", fill: "currentColor" })));
+    return (React__default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+        React__default.createElement("path", { d: "M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z", fill: "currentColor" })));
 };
 
 export { ArrowDownIcon };

package/dist/tempIcons/ArrowDownIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownIcon.js","sources":["../../src/tempIcons/ArrowDownIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ArrowDownIcon = (props: any) => {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";;AAEa,MAAA,aAAa,GAAG,CAAC,KAAU,KAAI;AAC1C,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,EAAA;QAC/E,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,uEAAuE,EACzE,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;AAEV;;;;"}
+{"version":3,"file":"ArrowDownIcon.js","sources":["../../src/tempIcons/ArrowDownIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ArrowDownIcon = (props: any) => {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"],"names":["React"],"mappings":";;AAEa,MAAA,aAAa,GAAG,CAAC,KAAU,KAAI;AAC1C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,EAAA;QAC/EA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,uEAAuE,EACzE,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;AAEV;;;;"}

package/dist/tempIcons/ArrowUpIcon.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import React__default from 'react';
 
 const ArrowUpIcon = (props) => {
-    return (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("path", { d: "M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z", fill: "currentColor" })));
+    return (React__default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+        React__default.createElement("path", { d: "M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z", fill: "currentColor" })));
 };
 
 export { ArrowUpIcon };

package/dist/tempIcons/ArrowUpIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowUpIcon.js","sources":["../../src/tempIcons/ArrowUpIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ArrowUpIcon = (props: any) => {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";;AAEa,MAAA,WAAW,GAAG,CAAC,KAAU,KAAI;AACxC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,EAAA;QAC/E,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,sEAAsE,EACxE,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;AAEV;;;;"}
+{"version":3,"file":"ArrowUpIcon.js","sources":["../../src/tempIcons/ArrowUpIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ArrowUpIcon = (props: any) => {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"],"names":["React"],"mappings":";;AAEa,MAAA,WAAW,GAAG,CAAC,KAAU,KAAI;AACxC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,EAAA;QAC/EA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,sEAAsE,EACxE,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;AAEV;;;;"}

package/dist/tempIcons/AttentionIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
-const AttentionIcon = (props) => (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z", fill: "currentColor" })));
+const AttentionIcon = (props) => (React__default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+    React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z", fill: "currentColor" })));
 
 export { AttentionIcon };
 //# sourceMappingURL=AttentionIcon.js.map

package/dist/tempIcons/AttentionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttentionIcon.js","sources":["../../src/tempIcons/AttentionIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const AttentionIcon = (props: any) => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;MAEa,aAAa,GAAG,CAAC,KAAU,MACtC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wOAAwO,EAC1O,IAAI,EAAC,cAAc,EACnB,CAAA,CACE;;;;"}
+{"version":3,"file":"AttentionIcon.js","sources":["../../src/tempIcons/AttentionIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const AttentionIcon = (props: any) => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;MAEa,aAAa,GAAG,CAAC,KAAU,MACtCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wOAAwO,EAC1O,IAAI,EAAC,cAAc,EACnB,CAAA,CACE;;;;"}

package/dist/tempIcons/CalendarIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
-const CalendarIcon = (props) => (React.createElement("svg", { viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z", fill: "currentColor" })));
+const CalendarIcon = (props) => (React__default.createElement("svg", { viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+    React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z", fill: "currentColor" })));
 
 export { CalendarIcon };
 //# sourceMappingURL=CalendarIcon.js.map

package/dist/tempIcons/CalendarIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarIcon.js","sources":["../../src/tempIcons/CalendarIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const CalendarIcon = (props: any) => (\n  <svg viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;MAEa,YAAY,GAAG,CAAC,KAAU,MACrC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6WAA6W,EAC/W,IAAI,EAAC,cAAc,EACnB,CAAA,CACE;;;;"}
+{"version":3,"file":"CalendarIcon.js","sources":["../../src/tempIcons/CalendarIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const CalendarIcon = (props: any) => (\n  <svg viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;MAEa,YAAY,GAAG,CAAC,KAAU,MACrCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6WAA6W,EAC/W,IAAI,EAAC,cAAc,EACnB,CAAA,CACE;;;;"}

package/dist/tempIcons/ClipboardIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
-const ClipboardIcon = (props) => (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React.createElement("path", { d: "M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z", fill: "currentColor" })));
+const ClipboardIcon = (props) => (React__default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+    React__default.createElement("path", { d: "M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z", fill: "currentColor" })));
 
 export { ClipboardIcon };
 //# sourceMappingURL=ClipboardIcon.js.map

package/dist/tempIcons/ClipboardIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardIcon.js","sources":["../../src/tempIcons/ClipboardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ClipboardIcon = (props: any) => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;MAEa,aAAa,GAAG,CAAC,KAAU,MACtC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;IAC/E,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,qQAAqQ,EACvQ,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}
+{"version":3,"file":"ClipboardIcon.js","sources":["../../src/tempIcons/ClipboardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ClipboardIcon = (props: any) => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      d=\"M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;MAEa,aAAa,GAAG,CAAC,KAAU,MACtCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;IAC/EA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,qQAAqQ,EACvQ,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}

package/dist/tempIcons/CrossIcon.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
-const CrossIcon = (props) => (React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "presentation", height: 24, width: 24, ...props },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z", fill: "currentColor" })));
+const CrossIcon = (props) => (React__default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "presentation", height: 24, width: 24, ...props },
+    React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z", fill: "currentColor" })));
 
 export { CrossIcon };
 //# sourceMappingURL=CrossIcon.js.map

package/dist/tempIcons/CrossIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CrossIcon.js","sources":["../../src/tempIcons/CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const CrossIcon = (props: any) => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    role=\"presentation\"\n    height={24}\n    width={24}\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AAEO,MAAM,SAAS,GAAG,CAAC,KAAU,MAClC,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,KACL,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,cAAc,EACnB,CAAA,CACE;;;;"}
+{"version":3,"file":"CrossIcon.js","sources":["../../src/tempIcons/CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const CrossIcon = (props: any) => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    role=\"presentation\"\n    height={24}\n    width={24}\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAEO,MAAM,SAAS,GAAG,CAAC,KAAU,MAClCA,cACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,KACL,KAAK,EAAA;AAET,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,cAAc,EACnB,CAAA,CACE;;;;"}

package/dist/tempIcons/DashboardIcon.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const DashboardIcon = (props) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", fill: "none", ...props },
+    React__default.default.createElement("path", { fill: "#37424D", d: "M10.667 1.333v1.334H8V1.333h2.667ZM4 1.333v4H1.333v-4H4Zm6.667 5.334v4H8v-4h2.667ZM4 9.333v1.334H1.333V9.333H4ZM12 0H6.667v4H12V0ZM5.333 0H0v6.667h5.333V0ZM12 5.333H6.667V12H12V5.333ZM5.333 8H0v4h5.333V8Z" })));
+
+exports.DashboardIcon = DashboardIcon;
+//# sourceMappingURL=DashboardIcon.cjs.map

package/dist/tempIcons/DashboardIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardIcon.cjs","sources":["../../src/tempIcons/DashboardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const DashboardIcon = (props: any) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"none\" {...props}>\n    <path\n      fill=\"#37424D\"\n      d=\"M10.667 1.333v1.334H8V1.333h2.667ZM4 1.333v4H1.333v-4H4Zm6.667 5.334v4H8v-4h2.667ZM4 9.333v1.334H1.333V9.333H4ZM12 0H6.667v4H12V0ZM5.333 0H0v6.667h5.333V0ZM12 5.333H6.667V12H12V5.333ZM5.333 8H0v4h5.333V8Z\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAEa,MAAA,aAAa,GAAG,CAAC,KAAU,MACtCA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA;IAClFA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,8MAA8M,EAAA,CAChN,CACE;;;;"}

package/dist/tempIcons/DashboardIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DashboardIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/DashboardIcon.js

@@ -0,0 +1,7 @@
+import React__default from 'react';
+
+const DashboardIcon = (props) => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", fill: "none", ...props },
+    React__default.createElement("path", { fill: "#37424D", d: "M10.667 1.333v1.334H8V1.333h2.667ZM4 1.333v4H1.333v-4H4Zm6.667 5.334v4H8v-4h2.667ZM4 9.333v1.334H1.333V9.333H4ZM12 0H6.667v4H12V0ZM5.333 0H0v6.667h5.333V0ZM12 5.333H6.667V12H12V5.333ZM5.333 8H0v4h5.333V8Z" })));
+
+export { DashboardIcon };
+//# sourceMappingURL=DashboardIcon.js.map

package/dist/tempIcons/DashboardIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardIcon.js","sources":["../../src/tempIcons/DashboardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const DashboardIcon = (props: any) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"none\" {...props}>\n    <path\n      fill=\"#37424D\"\n      d=\"M10.667 1.333v1.334H8V1.333h2.667ZM4 1.333v4H1.333v-4H4Zm6.667 5.334v4H8v-4h2.667ZM4 9.333v1.334H1.333V9.333H4ZM12 0H6.667v4H12V0ZM5.333 0H0v6.667h5.333V0ZM12 5.333H6.667V12H12V5.333ZM5.333 8H0v4h5.333V8Z\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAEa,MAAA,aAAa,GAAG,CAAC,KAAU,MACtCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA;IAClFA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,8MAA8M,EAAA,CAChN,CACE;;;;"}

package/dist/tempIcons/DestructiveIcon.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+// Less icon from old lib
+const DestructiveIcon = (props) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+    React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 11H7V13H11H13H17V11H13H11ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z", fill: "currentColor" })));
+
+exports.DestructiveIcon = DestructiveIcon;
+//# sourceMappingURL=DestructiveIcon.cjs.map

package/dist/tempIcons/DestructiveIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DestructiveIcon.cjs","sources":["../../src/tempIcons/DestructiveIcon.tsx"],"sourcesContent":["import * as React from 'react';\n\n// Less icon from old lib\nexport const DestructiveIcon = (props: any) => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 11H7V13H11H13H17V11H13H11ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEA;MACa,eAAe,GAAG,CAAC,KAAU,MACxCA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wNAAwN,EAC1N,IAAI,EAAC,cAAc,EACnB,CAAA,CACE;;;;"}