@elicecontents/content-ui 0.0.0

package/es/components/table/Table.js

@@ -0,0 +1,147 @@
+import _styled from '@emotion/styled/base';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTheme, Stack, Table, TableHead, TableRow, TableCell, TableBody } from '@mui/material';
+import { textTeriaryColor, gray50Color, gray200Color, main300Color, main400Color } from '../tokenColorTemporary.js';
+import EliceDottedPagination from '../dotted-pagination/DottedPagination.js';
+
+var StyledScrollBarStack = /*#__PURE__*/_styled(Stack, {
+  target: "eb6djt00"
+})("width:fit-content;max-width:100%;position:relative;overflow-x:auto;box-sizing:border-box;border-radius:1.375rem;gap:0;::-webkit-scrollbar{height:0.25rem;}::-webkit-scrollbar-track{background:", function (props) {
+  var _a;
+  return (_a = props.scrollbarTrackColor) !== null && _a !== void 0 ? _a : gray200Color;
+}, ";border-radius:0.5rem;}::-webkit-scrollbar-thumb{background:", function (props) {
+  var _a;
+  return (_a = props.scrollbarThumbColor) !== null && _a !== void 0 ? _a : main300Color;
+}, ";border-radius:0.5rem;}::-webkit-scrollbar-thumb:hover{background:", function (props) {
+  var _a;
+  return (_a = props.scrollbarHoverColor) !== null && _a !== void 0 ? _a : main400Color;
+}, ";}");
+var EliceTable = function EliceTable(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    rows = _ref.rows,
+    columnNames = _ref.columnNames,
+    tableTitleProps = _ref.tableTitleProps,
+    tableValueProps = _ref.tableValueProps,
+    pagination = _ref.pagination;
+  var theme = useTheme();
+  if (type === 'default') {
+    return jsxs(Stack, {
+      gap: "2.5rem",
+      alignItems: "center",
+      children: [jsx(StyledScrollBarStack, {
+        scrollbarThumbColor: theme.palette.primary.main,
+        scrollbarHoverColor: theme.palette.secondary.main,
+        border: "1px solid ".concat(gray50Color),
+        children: jsxs(Table, {
+          children: [jsx(TableHead, {
+            style: {
+              backgroundColor: theme.palette.primary.light
+            },
+            children: jsx(TableRow, {
+              children: columnNames.map(function (name, index) {
+                return jsx(TableCell, Object.assign({
+                  align: "center",
+                  style: {
+                    height: '3.625rem',
+                    minWidth: '13.5rem',
+                    padding: '1rem',
+                    boxSizing: 'border-box',
+                    borderBottom: "1px solid ".concat(theme.palette.secondary.main),
+                    borderRight: index < columnNames.length - 1 ? "1px solid ".concat(theme.palette.secondary.main) : 'none',
+                    fontSize: '1rem',
+                    fontWeight: 700,
+                    color: theme.palette.primary.dark
+                  }
+                }, tableTitleProps, {
+                  children: name
+                }));
+              })
+            })
+          }), jsx(TableBody, {
+            children: rows.map(function (row, index) {
+              return jsx(TableRow, {
+                children: Object.values(row).map(function (value, index) {
+                  return jsx(TableCell, Object.assign({
+                    component: "th",
+                    scope: "row",
+                    align: "center",
+                    style: {
+                      height: '3.625rem',
+                      minWidth: '13.5rem',
+                      padding: '1rem',
+                      boxSizing: 'border-box',
+                      borderBottom: "1px solid ".concat(theme.palette.secondary.main),
+                      borderRight: index < Object.values(row).length - 1 ? "1px solid ".concat(theme.palette.secondary.main) : 'none',
+                      fontSize: '1rem',
+                      fontWeight: 500,
+                      color: textTeriaryColor
+                    }
+                  }, tableValueProps, {
+                    children: value
+                  }));
+                })
+              }, "row".concat(index));
+            })
+          })]
+        })
+      }), pagination && jsx(EliceDottedPagination, Object.assign({}, pagination))]
+    });
+  } else {
+    return jsxs(Stack, {
+      direction: "row",
+      boxSizing: "border-box",
+      borderRadius: "1.375rem",
+      border: "1px solid ".concat(theme.palette.secondary.main),
+      overflow: "hidden",
+      width: "fit-content",
+      children: [jsx(Stack, {
+        gap: 0,
+        style: {
+          backgroundColor: theme.palette.primary.light
+        },
+        children: columnNames.map(function (name, index) {
+          return jsx(TableCell, Object.assign({
+            align: "center",
+            style: {
+              height: '3.625rem',
+              minWidth: '13.5rem',
+              padding: '1rem',
+              boxSizing: 'border-box',
+              borderRight: "1px solid ".concat(theme.palette.secondary.main),
+              borderBottom: index < columnNames.length - 1 ? "1px solid ".concat(theme.palette.secondary.main) : 'none',
+              fontSize: '1rem',
+              fontWeight: 700,
+              color: theme.palette.primary.dark
+            }
+          }, tableTitleProps, {
+            children: name
+          }));
+        })
+      }), jsx(Stack, {
+        gap: 0,
+        children: Object.values(rows[0]).map(function (value, index) {
+          return jsx(TableCell, Object.assign({
+            component: "th",
+            scope: "row",
+            align: "center",
+            style: {
+              height: '3.625rem',
+              minWidth: '13.5rem',
+              padding: '1rem',
+              boxSizing: 'border-box',
+              borderBottom: index < Object.values(rows[0]).length - 1 ? "1px solid ".concat(theme.palette.secondary.main) : 'none',
+              fontSize: '1rem',
+              fontWeight: 500,
+              color: textTeriaryColor
+            }
+          }, tableValueProps, {
+            children: value
+          }));
+        })
+      })]
+    });
+  }
+};
+
+export { EliceTable as default };

package/es/components/table/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EliceTable } from './Table';
+export type { EiceTableProps } from './Table';

package/es/components/table/index.js

@@ -0,0 +1 @@
+export { default as EliceTable } from './Table.js';

package/es/components/textarea/Textarea.d.ts

@@ -0,0 +1,3 @@
+import type { InputProps } from '@mui/material';
+declare const EliceTextarea: ({ rows, placeholder, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default EliceTextarea;

package/es/components/textarea/Textarea.js

@@ -0,0 +1,50 @@
+import _styled from '@emotion/styled/base';
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { useTheme, Stack, Input } from '@mui/material';
+import { main200Color, secondaryColor, gray300Color } from '../tokenColorTemporary.js';
+
+var StyledTextareaContainer = /*#__PURE__*/_styled(Stack, {
+  target: "eo1d81o1"
+})("border:1px solid ", function (props) {
+  var _a;
+  return (_a = props.borderColor) !== null && _a !== void 0 ? _a : main200Color;
+}, ";border-radius:1.5rem;padding:1.375rem 1.5rem;");
+var StyledTextarea = /*#__PURE__*/_styled(Input, {
+  target: "eo1d81o0"
+})("width:100%;border:none!important;background-color:#ffffff;font-size:", function (props) {
+  return props.fontSize;
+}, ";font-weight:", function (props) {
+  return props.fontWeight;
+}, ";line-height:", function (props) {
+  return props.lineHeight;
+}, ";outline:none;resize:none;color:", function (props) {
+  var _a;
+  return (_a = props.fontColor) !== null && _a !== void 0 ? _a : secondaryColor;
+}, ";::placeholder{color:", function (props) {
+  var _a;
+  return (_a = props.fontColor) !== null && _a !== void 0 ? _a : gray300Color;
+}, ";}::before{border:none;}:hover{::before{border:none!important;}}::after{border-bottom:none!important;}");
+var EliceTextarea = function EliceTextarea(_a) {
+  var _b, _c, _d;
+  var _a$rows = _a.rows,
+    rows = _a$rows === void 0 ? 5 : _a$rows,
+    _a$placeholder = _a.placeholder,
+    placeholder = _a$placeholder === void 0 ? 'Placeholder...' : _a$placeholder,
+    rest = __rest(_a, ["rows", "placeholder"]);
+  var theme = useTheme();
+  return jsx(StyledTextareaContainer, {
+    borderColor: theme.palette.secondary.main,
+    children: jsx(StyledTextarea, Object.assign({
+      multiline: true,
+      rows: rows,
+      placeholder: placeholder,
+      fontColor: theme.palette.secondary.main,
+      fontWeight: (_b = theme.typography.body1.fontWeight) !== null && _b !== void 0 ? _b : '700',
+      fontSize: (_c = theme.typography.body1.fontSize) !== null && _c !== void 0 ? _c : '1.375rem',
+      lineHeight: (_d = theme.typography.body1.lineHeight) !== null && _d !== void 0 ? _d : '1.925rem'
+    }, rest))
+  });
+};
+
+export { EliceTextarea as default };

package/es/components/textarea/index.d.ts

@@ -0,0 +1 @@
+export { default as EliceTextarea } from './Textarea';

package/es/components/textarea/index.js

@@ -0,0 +1 @@
+export { default as EliceTextarea } from './Textarea.js';

package/es/components/tokenColorTemporary.d.ts

@@ -0,0 +1,23 @@
+export declare const primaryColor = "#5D6BB3";
+export declare const secondaryColor = "#0A379B";
+export declare const blackColor = "#031234";
+export declare const main50Color = "#F4F6FF";
+export declare const main100Color = "#DFE1F0";
+export declare const main200Color = "#BEC4E1";
+export declare const main300Color = "#9EA6D1";
+export declare const main400Color = "#7D89C2";
+export declare const main950Color = "#072567";
+export declare const gray50Color = "#FAFAFD";
+export declare const gray100Color = "#F3F4FA";
+export declare const gray200Color = "#F1F1F6";
+export declare const gray300Color = "#D8D8E2";
+export declare const gray400Color = "#9B9BA9";
+export declare const textPrimaryColor = "#1E1E1E";
+export declare const textSecondaryColor = "#363643";
+export declare const textTeriaryColor = "#525265";
+export declare const textQuaternaryColor = "#9FA0B1";
+export declare const quaternaryColor = "#9FA0B1";
+export declare const point3Color = "#8F68F6";
+export declare const KeyElementaryBg = "#9BCAFF";
+export declare const KeyMiddleBg = "#B2B2B2";
+export declare const KeyHighBg = "#0A379B";

package/es/components/tokenColorTemporary.js

@@ -0,0 +1,22 @@
+// This is using token colors of blue-purple theme of Elice UI Content
+// https://www.figma.com/design/dtsncp7RSV7wMqPf3jiCvf/Design-System?node-id=51-10973&node-type=SECTION&t=gCjy5t3c42ojVpyW-0
+// TODO: apply theme;
+var secondaryColor = '#0A379B';
+var main200Color = '#BEC4E1';
+var main300Color = '#9EA6D1';
+var main400Color = '#7D89C2';
+var gray50Color = '#FAFAFD';
+var gray100Color = '#F3F4FA';
+var gray200Color = '#F1F1F6';
+var gray300Color = '#D8D8E2';
+var gray400Color = '#9B9BA9';
+var textPrimaryColor = '#1E1E1E';
+var textSecondaryColor = '#363643';
+var textTeriaryColor = '#525265';
+var textQuaternaryColor = '#9FA0B1';
+var point3Color = '#8F68F6';
+var KeyElementaryBg = '#9BCAFF';
+var KeyMiddleBg = '#B2B2B2';
+var KeyHighBg = '#0A379B';
+
+export { KeyElementaryBg, KeyHighBg, KeyMiddleBg, gray100Color, gray200Color, gray300Color, gray400Color, gray50Color, main200Color, main300Color, main400Color, point3Color, secondaryColor, textPrimaryColor, textQuaternaryColor, textSecondaryColor, textTeriaryColor };

package/es/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,11 @@
+import type { TooltipProps } from '@mui/material';
+import type { ReactElement, ReactNode } from 'react';
+export interface EliceTooltipProps extends TooltipProps {
+    title: string | ReactNode;
+    isControl?: boolean;
+    children: ReactElement<any, any>;
+    initOpen?: boolean;
+    triggerAction?: 'default' | 'click';
+}
+declare const EliceTooltip: ({ title, initOpen, isControl, placement, triggerAction, children, ...rest }: EliceTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default EliceTooltip;

package/es/components/tooltip/Tooltip.js

@@ -0,0 +1,120 @@
+import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _styled from '@emotion/styled/base';
+import { __rest } from 'tslib';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useTheme, Tooltip, Stack, Typography } from '@mui/material';
+import { main300Color, main400Color } from '../tokenColorTemporary.js';
+import Close from '../../icons/Close.js';
+
+var StyledScrollBar = /*#__PURE__*/_styled(Typography, {
+  target: "e1h4eaj70"
+})("::-webkit-scrollbar{width:0.5rem;}::-webkit-scrollbar-track{display:none;}::-webkit-scrollbar-thumb{background:", main300Color, ";border-radius:0.5rem;}::-webkit-scrollbar-thumb:hover{background:", main400Color, ";}");
+var EliceTooltip = function EliceTooltip(_a) {
+  var title = _a.title,
+    _a$initOpen = _a.initOpen,
+    initOpen = _a$initOpen === void 0 ? false : _a$initOpen,
+    isControl = _a.isControl,
+    _a$placement = _a.placement,
+    placement = _a$placement === void 0 ? 'left' : _a$placement,
+    _a$triggerAction = _a.triggerAction,
+    triggerAction = _a$triggerAction === void 0 ? 'default' : _a$triggerAction,
+    children = _a.children,
+    rest = __rest(_a, ["title", "initOpen", "isControl", "placement", "triggerAction", "children"]);
+  var theme = useTheme();
+  var slotProps = {
+    tooltip: {
+      style: {
+        backgroundColor: theme.palette.primary.main,
+        borderRadius: '1rem',
+        padding: '0.75rem',
+        maxWidth: '15.7rem',
+        maxHeight: '16rem'
+      }
+    },
+    arrow: {
+      style: {
+        color: theme.palette.primary.main,
+        fontSize: '0.75rem'
+      }
+    }
+  };
+  var _useState = useState(initOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  return isControl ? jsx(Tooltip, Object.assign({
+    arrow: true,
+    title: jsxs(Stack, {
+      direction: "row",
+      gap: "0.625rem",
+      children: [jsx(Close, {
+        style: {
+          opacity: 0.7,
+          flexShrink: 0,
+          cursor: 'pointer'
+        },
+        onClick: function onClick() {
+          return setOpen(false);
+        }
+      }), jsx(StyledScrollBar, {
+        style: {
+          maxHeight: '15rem',
+          overflowY: 'auto'
+        },
+        children: jsx(Typography, {
+          variant: "subtitle2",
+          children: title
+        })
+      })]
+    }),
+    placement: placement,
+    open: open,
+    onOpen: function onOpen() {
+      if (triggerAction === 'default') {
+        setOpen(true);
+      }
+    },
+    onClick: function onClick() {
+      if (triggerAction === 'click') {
+        setOpen(true);
+      }
+    },
+    slotProps: slotProps,
+    style: {
+      cursor: triggerAction === 'click' ? 'pointer' : 'auto'
+    }
+  }, rest, {
+    children: jsx(Stack, {
+      position: "relative",
+      width: "fit-content",
+      height: "fit-content",
+      children: children
+    })
+  })) : jsx(Tooltip, Object.assign({
+    arrow: true,
+    title: jsx(StyledScrollBar, {
+      style: {
+        fontWeight: 700,
+        fontSize: '1.375rem',
+        maxHeight: '15rem',
+        overflowY: 'auto'
+      },
+      children: jsx(Typography, {
+        variant: "subtitle2",
+        children: title
+      })
+    }),
+    placement: placement,
+    slotProps: slotProps
+  }, rest, {
+    children: jsx(Stack, {
+      position: "relative",
+      width: "fit-content",
+      height: "fit-content",
+      children: children
+    })
+  }));
+};
+
+export { EliceTooltip as default };

package/es/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EliceTooltip } from './Tooltip';
+export type { EliceTooltipProps } from './Tooltip';

package/es/components/tooltip/index.js

@@ -0,0 +1 @@
+export { default as EliceTooltip } from './Tooltip.js';

package/es/icons/ArrowLeft.d.ts

@@ -0,0 +1,6 @@
+declare const ArrowLeft: ({ size, color, ...other }: {
+    [x: string]: any;
+    size?: number | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowLeft;

package/es/icons/ArrowLeft.js

@@ -0,0 +1,24 @@
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+
+var ArrowLeft = function ArrowLeft(_a) {
+  var _a$size = _a.size,
+    size = _a$size === void 0 ? 16 : _a$size,
+    _a$color = _a.color,
+    color = _a$color === void 0 ? 'currentColor' : _a$color,
+    other = __rest(_a, ["size", "color"]);
+  return jsx("svg", Object.assign({
+    height: size,
+    width: size,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, other, {
+    children: jsx("path", {
+      d: "M10.4986 2.3535C10.6938 2.15826 11.0104 2.15827 11.2056 2.35352L11.4414 2.58924C11.6366 2.7845 11.6366 3.1011 11.4413 3.29636L6.60933 8.12799L11.4414 12.9599C11.6366 13.1551 11.6366 13.4717 11.4414 13.667L11.2057 13.9027C11.0104 14.0979 10.6938 14.0979 10.4986 13.9027L5.19526 8.59939C4.95494 8.35934 4.93645 7.98118 5.1398 7.71965L5.2 7.65133L10.4986 2.3535Z",
+      fill: color
+    })
+  }));
+};
+
+export { ArrowLeft as default };

package/es/icons/ArrowRight.d.ts

@@ -0,0 +1,6 @@
+declare const ArrowRight: ({ size, color, ...other }: {
+    [x: string]: any;
+    size?: number | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowRight;

package/es/icons/ArrowRight.js

@@ -0,0 +1,31 @@
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+
+var ArrowRight = function ArrowRight(_a) {
+  var _a$size = _a.size,
+    size = _a$size === void 0 ? 16 : _a$size,
+    _a$color = _a.color,
+    color = _a$color === void 0 ? 'currentColor' : _a$color,
+    other = __rest(_a, ["size", "color"]);
+  return jsx("svg", Object.assign({
+    height: size,
+    width: size,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, other, {
+    children: jsx("svg", {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: jsx("path", {
+        d: "M5.50144 13.7745C5.30617 13.9697 4.98961 13.9697 4.79436 13.7745L4.55865 13.5387C4.36338 13.3435 4.36338 13.0269 4.55866 12.8316L9.39067 7.99998L4.55864 3.1681C4.36338 2.97284 4.36337 2.65625 4.55864 2.46098L4.79433 2.22529C4.9896 2.03003 5.30618 2.03003 5.50144 2.22529L10.8047 7.52859C11.0451 7.76864 11.0635 8.14679 10.8602 8.40832L10.8 8.47665L5.50144 13.7745Z",
+        fill: color
+      })
+    })
+  }));
+};
+
+export { ArrowRight as default };

package/es/icons/Close.d.ts

@@ -0,0 +1,6 @@
+declare const Close: ({ size, color, ...other }: {
+    [x: string]: any;
+    size?: number | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Close;

package/es/icons/Close.js

@@ -0,0 +1,24 @@
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+
+var Close = function Close(_a) {
+  var _a$size = _a.size,
+    size = _a$size === void 0 ? 24 : _a$size,
+    _a$color = _a.color,
+    color = _a$color === void 0 ? 'currentColor' : _a$color,
+    other = __rest(_a, ["size", "color"]);
+  return jsx("svg", Object.assign({
+    height: size,
+    width: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, other, {
+    children: jsx("path", {
+      d: "M18.3641 4.22183L19.7783 5.63605L13.4139 11.9998L19.7783 18.364L18.3641 19.7782L11.9999 13.4138L5.63614 19.7782L4.22192 18.364L10.5859 11.9998L4.22192 5.63605L5.63614 4.22183L11.9999 10.5858L18.3641 4.22183Z",
+      fill: color
+    })
+  }));
+};
+
+export { Close as default };

package/es/icons/Micro.d.ts

@@ -0,0 +1,6 @@
+declare const Micro: ({ size, color, ...other }: {
+    [x: string]: any;
+    size?: number | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Micro;

package/es/icons/Micro.js

@@ -0,0 +1,40 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Micro = function Micro(_a) {
+  var _a$size = _a.size,
+    size = _a$size === void 0 ? 20 : _a$size,
+    _a$color = _a.color,
+    color = _a$color === void 0 ? 'currentColor' : _a$color,
+    other = __rest(_a, ["size", "color"]);
+  return jsxs("svg", Object.assign({
+    width: size,
+    height: size,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, other, {
+    children: [jsxs("g", {
+      "clip-path": "url(#clip0_766_783)",
+      children: [jsx("path", {
+        d: "M16.9711 8.8101C16.9711 8.63513 16.9016 8.46733 16.7779 8.34361C16.6542 8.21989 16.4864 8.15039 16.3114 8.15039C16.1364 8.15039 15.9686 8.21989 15.8449 8.34361C15.7212 8.46733 15.6517 8.63513 15.6517 8.8101C15.6517 10.3649 15.034 11.8561 13.9346 12.9556C12.8351 14.055 11.344 14.6727 9.78911 14.6727C8.23425 14.6727 6.74308 14.055 5.64364 12.9556C4.54419 11.8561 3.92653 10.3649 3.92653 8.8101C3.92653 8.63513 3.85702 8.46733 3.7333 8.34361C3.60958 8.21989 3.44179 8.15039 3.26682 8.15039C3.09186 8.15039 2.92406 8.21989 2.80034 8.34361C2.67662 8.46733 2.60712 8.63513 2.60712 8.8101C2.60932 10.5996 3.27906 12.3238 4.48533 13.6456C5.69159 14.9674 7.3476 15.7915 9.1294 15.9569V17.7161H6.11675C5.94178 17.7161 5.77399 17.7856 5.65027 17.9093C5.52655 18.0331 5.45704 18.2009 5.45704 18.3758C5.45704 18.5508 5.52655 18.7186 5.65027 18.8423C5.77399 18.966 5.94178 19.0355 6.11675 19.0355H13.4615C13.6364 19.0355 13.8042 18.966 13.9279 18.8423C14.0517 18.7186 14.1212 18.5508 14.1212 18.3758C14.1212 18.2009 14.0517 18.0331 13.9279 17.9093C13.8042 17.7856 13.6364 17.7161 13.4615 17.7161H10.4488V15.9569C12.2306 15.7915 13.8866 14.9674 15.0929 13.6456C16.2992 12.3238 16.9689 10.5996 16.9711 8.8101Z",
+        fill: color
+      }), jsx("path", {
+        d: "M9.78914 12.8875C10.8701 12.8863 11.9064 12.4564 12.6707 11.6921C13.435 10.9277 13.865 9.89142 13.8661 8.81049V4.19695C13.6462 -1.20823 5.94965 -1.20823 5.71216 4.19695V8.81049C5.71332 9.89142 6.14323 10.9277 6.90756 11.6921C7.67189 12.4564 8.70821 12.8863 9.78914 12.8875ZM7.03157 4.19695C7.15911 0.546586 12.4192 0.546586 12.5467 4.19695V8.81049C12.5467 9.54185 12.2562 10.2432 11.739 10.7604C11.2219 11.2775 10.5205 11.5681 9.78914 11.5681C9.05778 11.5681 8.35639 11.2775 7.83924 10.7604C7.3221 10.2432 7.03157 9.54185 7.03157 8.81049V4.19695Z",
+        fill: color
+      })]
+    }), jsx("defs", {
+      children: jsx("clipPath", {
+        id: "clip0_766_783",
+        children: jsx("rect", {
+          width: "19.7143",
+          height: "19.7143",
+          fill: "white",
+          transform: "translate(0.142883 0.143066)"
+        })
+      })
+    })]
+  }));
+};
+
+export { Micro as default };

package/es/icons/Reset.d.ts

@@ -0,0 +1,6 @@
+declare const Reset: ({ size, color, ...other }: {
+    [x: string]: any;
+    size?: number | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Reset;

package/es/icons/Reset.js

@@ -0,0 +1,24 @@
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+
+var Reset = function Reset(_a) {
+  var _a$size = _a.size,
+    size = _a$size === void 0 ? 20 : _a$size,
+    _a$color = _a.color,
+    color = _a$color === void 0 ? 'currentColor' : _a$color,
+    other = __rest(_a, ["size", "color"]);
+  return jsx("svg", Object.assign({
+    width: size,
+    height: size,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, other, {
+    children: jsx("path", {
+      d: "M5.75413 3.14911C3.64229 4.41804 2.30625 6.48622 1.90047 8.73415L3.32078 8.95861C3.66204 7.11581 4.76174 5.42244 6.4945 4.38129C9.48842 2.58236 13.3143 3.36629 15.3785 6.08645L12.7949 5.67738L12.5701 7.09718L16.6266 7.73968L16.7294 7.74948C17.1374 7.76277 17.501 7.47047 17.5665 7.05687L18.209 3.00029L16.7892 2.77541L16.4233 5.08766C13.8992 1.89446 9.33561 0.997147 5.75413 3.14911ZM3.26268 12.2896C2.85471 12.2763 2.49115 12.5686 2.42564 12.9822L1.78314 17.0388L3.20294 17.2637L3.56881 14.9514C6.09286 18.1446 10.6565 19.0419 14.238 16.89C16.3516 15.62 17.6881 13.5494 18.0927 11.2993L16.6725 11.0743C16.3325 12.9195 15.2323 14.6155 13.4976 15.6578C10.5037 17.4567 6.67784 16.6728 4.61355 13.9526L7.19716 14.3617L7.42203 12.9419L3.36546 12.2994L3.26268 12.2896Z",
+      fill: color
+    })
+  }));
+};
+
+export { Reset as default };

package/es/icons/SelectedCheckbox.d.ts

@@ -0,0 +1,4 @@
+declare const SelectedCheckbox: ({ color }: {
+    color: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SelectedCheckbox;

package/es/icons/SelectedCheckbox.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+
+var SelectedCheckbox = function SelectedCheckbox(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color;
+  return jsx("svg", {
+    width: "22",
+    height: "23",
+    viewBox: "0 0 22 23",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M6.875 4.625H15.125C16.6438 4.625 17.875 5.85622 17.875 7.375V15.625C17.875 17.1438 16.6438 18.375 15.125 18.375H6.875C5.35622 18.375 4.125 17.1438 4.125 15.625V7.375C4.125 5.85622 5.35622 4.625 6.875 4.625ZM2.75 7.375C2.75 5.09683 4.59683 3.25 6.875 3.25H15.125C17.4032 3.25 19.25 5.09683 19.25 7.375V15.625C19.25 17.9032 17.4032 19.75 15.125 19.75H6.875C4.59683 19.75 2.75 17.9032 2.75 15.625V7.375ZM16.2344 8.74304C16.4306 8.93736 16.4321 9.25394 16.2378 9.45014L10.67 15.0717C10.1642 15.5727 9.36741 15.6003 8.82945 15.1573L8.72547 15.0624L5.6392 11.9466C5.44487 11.7504 5.44638 11.4339 5.64257 11.2395L6.23461 10.6531C6.43081 10.4588 6.7474 10.4603 6.94172 10.6565L9.70201 13.4433L14.9352 8.16C15.1295 7.96382 15.4461 7.9623 15.6423 8.15661L16.2344 8.74304Z",
+      fill: color
+    })
+  });
+};
+
+export { SelectedCheckbox as default };

package/es/icons/SelectedRadio.d.ts

@@ -0,0 +1,4 @@
+declare const SelectedRadio: ({ color }: {
+    color: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SelectedRadio;

package/es/icons/SelectedRadio.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+
+var SelectedRadio = function SelectedRadio(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color;
+  return jsx("svg", {
+    width: "22",
+    height: "23",
+    viewBox: "0 0 22 23",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: jsx("path", {
+      d: "M11 2.3335C16.0627 2.3335 20.1667 6.43755 20.1667 11.5002C20.1667 16.5628 16.0627 20.6668 11 20.6668C5.93743 20.6668 1.83337 16.5628 1.83337 11.5002C1.83337 6.43755 5.93743 2.3335 11 2.3335ZM11 3.93766C6.82339 3.93766 3.43754 7.32351 3.43754 11.5002C3.43754 15.6768 6.82339 19.0627 11 19.0627C15.1767 19.0627 18.5625 15.6768 18.5625 11.5002C18.5625 7.32351 15.1767 3.93766 11 3.93766ZM16.5 11.5002C16.5 8.4626 14.0376 6.00016 11 6.00016C7.96247 6.00016 5.50004 8.4626 5.50004 11.5002C5.50004 14.5377 7.96247 17.0002 11 17.0002C14.0376 17.0002 16.5 14.5377 16.5 11.5002Z",
+      fill: color
+    })
+  });
+};
+
+export { SelectedRadio as default };

package/es/icons/Send.d.ts

@@ -0,0 +1,6 @@
+declare const Send: ({ size, color, ...other }: {
+    [x: string]: any;
+    size?: number | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Send;