@quillsql/react 2.10.31 → 2.10.32

package/dist/esm/Table.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from 'react';
+import { ClientContext, DashboardContext, ThemeContext, DashboardFiltersContext, } from './Context';
+import { getData } from './utils/dataFetcher';
+import { mergeComparisonRange } from './utils/merge';
+import QuillTable from './components/QuillTable';
+const Table = (data) => {
+    const { dispatch, dashboard } = useContext(DashboardContext);
+    const { dashboardFilters } = useContext(DashboardFiltersContext);
+    const [client, _] = useContext(ClientContext);
+    const [theme] = useContext(ThemeContext);
+    if ('rows' in data && 'columns' in data) {
+        return (_jsx(QuillTable, { showDownloadCSVButton: data.showDownloadCsvButton, downloadFileName: data.csvFilename, columns: data.columns, rows: data.rows, containerStyle: data.containerStyle, LoadingComponent: data.LoadingComponent, loading: data.loading }));
+    }
+    return (_jsx(ChartUpdater, { showDownloadCsvButton: data.showDownloadCsvButton, dispatch: dispatch, dashboard: dashboard, chartId: data.chartId, containerStyle: data.containerStyle, dashboardFilters: dashboardFilters, client: client, theme: theme, csvFilename: data.csvFilename, LoadingComponent: data.LoadingComponent }));
+};
+const ChartUpdater = ({ chartId, containerStyle, dashboard, dispatch, client, dashboardFilters, theme, csvFilename, showDownloadCsvButton = true, LoadingComponent, }) => {
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        let isSubscribed = true;
+        async function getChartOptions() {
+            if (isSubscribed) {
+                setLoading(true);
+                try {
+                    const hostedBody = {
+                        metadata: {
+                            dashboardItemId: chartId,
+                            orgId: client.customerId || '*',
+                            task: 'item',
+                            filters: [...Object.values(dashboardFilters)],
+                            clientId: client.publicKey,
+                            databaseType: client?.databaseType,
+                        },
+                    };
+                    const cloudBody = {
+                        id: chartId,
+                        filters: [...Object.values(dashboardFilters)],
+                    };
+                    const resp = await getData(client, 'itempost', 'omit', hostedBody, cloudBody);
+                    if (resp && resp.name !== 'error') {
+                        if (resp.compareRows) {
+                            mergeComparisonRange(resp);
+                        }
+                        dispatch({
+                            type: 'UPDATE_DASHBOARD_ITEM',
+                            id: chartId,
+                            data: {
+                                ...resp,
+                                filtersApplied: dashboardFilters,
+                            },
+                        });
+                    }
+                    setLoading(false);
+                }
+                catch (e) {
+                    console.log('Error fetching chart: ', e);
+                    setLoading(false);
+                }
+            }
+        }
+        getChartOptions();
+        return () => {
+            isSubscribed = false;
+        };
+    }, [dashboardFilters, client.customerId, chartId]);
+    // @ts-ignore
+    if (!dashboard[chartId] || loading) {
+        return (_jsx("div", { style: {
+                ...containerStyle,
+                boxSizing: 'content-box',
+                height: '100%',
+                display: 'flex',
+                flexDirection: 'column',
+                flex: 1,
+            }, children: _jsx("div", { style: {
+                    height: containerStyle?.height || 300,
+                    width: '100%',
+                    boxSizing: 'content-box',
+                }, children: _jsxs("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [_jsx("rect", { width: "100%", height: "100%", fill: "#F9F9FA" }), _jsx("defs", { fill: "#F9F9FA", children: _jsxs("linearGradient", { id: "skeletonGradient", x1: "0%", y1: "0%", x2: "10%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0%", stopColor: "rgba(255,255,255,0)" }), _jsx("stop", { offset: "50%", stopColor: "#FEFEFE" }), _jsx("stop", { offset: "100%", stopColor: "rgba(255,255,255,0)" }), _jsx("animate", { attributeName: "x1", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "x2", from: "-50%", to: "150%", dur: "2s", repeatCount: "indefinite" })] }) }), _jsx("rect", { width: "50%", height: "100%", fill: "url(#skeletonGradient)", children: _jsx("animate", { attributeName: "x", from: "-100%", to: "100%", dur: "2s", repeatCount: "indefinite" }) })] }) }) }));
+    }
+    return (_jsx(QuillTable, { showDownloadCSVButton: showDownloadCsvButton, 
+        // @ts-ignore
+        downloadFileName: csvFilename || dashboard[chartId].name, 
+        // @ts-ignore
+        columns: dashboard[chartId].columns || [], 
+        // @ts-ignore
+        rows: dashboard[chartId].rows || [], containerStyle: containerStyle, LoadingComponent: LoadingComponent, loading: loading }));
+};
+export default Table;

package/dist/esm/TableChart.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface YAxisField {
+    label: string;
+    field: string;
+    chartType?: string;
+}
+export interface BarListProps extends React.HTMLAttributes<HTMLDivElement> {
+    data: object[];
+    yAxisFields: YAxisField[];
+    colors: string[];
+}
+export declare function hexToRgbaWith10PercentAlpha(hex: any): string;
+declare const TableChart: React.ForwardRefExoticComponent<BarListProps & React.RefAttributes<HTMLDivElement>>;
+export default TableChart;
+//# sourceMappingURL=TableChart.d.ts.map

package/dist/esm/TableChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableChart.d.ts","sourceRoot":"","sources":["../../src/TableChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAqEjD,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,wBAAgB,2BAA2B,CAAC,GAAG,KAAA,UAW9C;AAuED,QAAA,MAAM,UAAU,qFAoQf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/TableChart.js

@@ -0,0 +1,290 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/display-name */
+// @ts-nocheck
+import React, { useMemo } from 'react';
+import { valueFormatter } from './utils/valueFormatter';
+const getWidthsFromValues = (dataValues) => {
+    let maxValue = -Infinity;
+    dataValues.forEach((value) => {
+        maxValue = Math.max(maxValue, value);
+    });
+    return dataValues.map((value) => {
+        if (value === 0)
+            return 0;
+        return Math.max((value / maxValue) * 100, 1);
+    });
+};
+export function hexToRgbaWith10PercentAlpha(hex) {
+    // Convert the hex color to RGB
+    const r = parseInt(hex.slice(1, 3), 16);
+    const g = parseInt(hex.slice(3, 5), 16);
+    const b = parseInt(hex.slice(5, 7), 16);
+    // Set the alpha value to 10%
+    const alpha = 0.1;
+    // Return the color as an rgba string
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+function Columns({ columns, data, theme }) {
+    return (_jsx("div", { style: {
+            display: 'flex',
+            flexDirection: 'row',
+            // overflowX: 'scroll',
+            // overflowY: 'hidden',
+            overflow: 'scroll',
+            height: '100%',
+        }, children: columns.map((elem) => (_jsx(Column, { column: elem, data: data, theme: theme }, elem.field))) }));
+}
+function Column({ column, data, theme }) {
+    return (_jsxs("div", { style: {
+            paddingLeft: 20,
+            paddingRight: 20,
+            // width: 'max-content',
+            display: 'inline-flex',
+            flexDirection: 'column',
+            whiteSpace: 'nowrap',
+        }, children: [_jsx("div", { style: {
+                    height: 40,
+                    minHeight: 40,
+                    color: theme?.primaryTextColor,
+                    boxSizing: 'content-box',
+                    fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
+                    fontSize: theme?.fontSizeSmall || '0.875rem',
+                    fontWeight: theme?.fontWeightMedium || '500',
+                }, children: column.label }), data.map((elem) => (_jsx(Cell, { item: elem[column.field], theme: theme })))] }));
+}
+function Cell({ item, theme }) {
+    return (_jsx("div", { style: {
+            height: 40,
+            minHeight: 40,
+            whiteSpace: 'nowrap',
+            width: '100%',
+            fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
+            fontSize: theme?.fontSizeSmall || '0.875rem',
+            color: theme?.chartLabelColor,
+        }, children: item }));
+}
+const TableChart = React.forwardRef((props, ref) => {
+    const { data = [], yAxisFields, containerStyle, theme, ...other } = props;
+    // const widths = getWidthsFromValues(
+    //   data.map(item => item[yAxisFields[0].field])
+    // );
+    const NUM_TO_SHOW = Math.floor(containerStyle?.height / 40) - 1 || 6;
+    const memoizedData = useMemo(() => {
+        return data.slice(0, NUM_TO_SHOW).map((item) => {
+            const fieldsWithFormattedValues = {};
+            for (const field of yAxisFields) {
+                const value = item[field.field];
+                fieldsWithFormattedValues[field.field] = valueFormatter({
+                    value,
+                    field: field.field,
+                    fields: yAxisFields,
+                });
+            }
+            return fieldsWithFormattedValues;
+        });
+    }, [data, NUM_TO_SHOW]);
+    if (!memoizedData.length) {
+        return (_jsx("div", { ref: ref, style: {
+                // width: '100%',
+                boxSizing: 'content-box',
+                height: '100%',
+                // height: hei
+                // marginLeft: 25,
+                // background: 'red',
+                marginTop: 20,
+                // paddingRight: 25,
+                overflow: 'hidden',
+                display: 'flex',
+                marginLeft: '1.5rem',
+                justifyContent: 'space-between',
+            }, ...other }));
+    }
+    return (_jsxs("div", { style: {
+            boxSizing: 'content-box',
+            height: containerStyle?.height || '100%',
+            marginTop: 20,
+            // overflow: 'hidden',
+            display: 'flex',
+            marginLeft: '1rem',
+            flexDirection: 'column',
+            // justifyContent: 'space-between',
+        }, children: [_jsx(Columns, { columns: yAxisFields, data: memoizedData, theme: theme }), data.length > NUM_TO_SHOW && (_jsxs("div", { style: {
+                    color: theme?.chartLabelColor,
+                    boxSizing: 'content-box',
+                    fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
+                    fontSize: theme?.fontSizeSmall || '0.875rem',
+                    marginLeft: 12,
+                    marginTop: 8,
+                }, children: ["...", data.length - NUM_TO_SHOW, " more"] }))] }));
+    // return (
+    //   <div
+    //     ref={ref}
+    //     style={{
+    //       // width: '100%',
+    //       boxSizing: 'content-box',
+    //       height: '100%',
+    //       // height: hei
+    //       // marginLeft: 25,
+    //       // background: 'red',
+    //       marginTop: 20,
+    //       // paddingRight: 25,
+    //       overflow: 'hidden',
+    //       display: 'flex',
+    //       marginLeft: '1.5rem',
+    //       justifyContent: 'space-between',
+    //     }}
+    //     // className={twMerge(
+    //     // makeBarListClassName('root'),
+    //     // 'qq-flex qq-justify-between qq-h-full qq-w-full',
+    //     // 'qq-space-x-6',
+    //     //   className
+    //     // )}
+    //     {...other}
+    //   >
+    //     <div
+    //       //   className={twMerge(makeBarListClassName('bars'), 'relative w-full')}
+    //       // className="qq-relative-w-full"
+    //       style={{
+    //         width: 'calc(100%)',
+    //         boxSizing: 'content-box',
+    //         height: '100%',
+    //         paddingRight: 25,
+    //         position: 'relative',
+    //       }}
+    //     >
+    //       <div
+    //         style={{
+    //           display: 'flex',
+    //           flexDirection: 'row',
+    //           alignItems: 'center',
+    //           boxSizing: 'content-box',
+    //         }}
+    //       >
+    //         {yAxisFields.map((elem, index) => (
+    //           <div
+    //             key={index}
+    //             style={{
+    //               color: theme?.primaryTextColor,
+    //               width: 98,
+    //               maxWidth: 98,
+    //               boxSizing: 'content-box',
+    //               whiteSpace: 'nowrap',
+    //               overflow: 'hidden',
+    //               textOverflow: 'ellipsis',
+    //               fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
+    //               fontSize: theme?.fontSizeSmall || '0.875rem',
+    //               fontWeight: theme?.fontWeightMedium || '500',
+    //             }}
+    //             // className={twMerge(
+    //             // makeBarListClassName('barText'),
+    //             //   'qq-whitespace-nowrap truncate',
+    //             //   'qq-text-sm'
+    //             // )}
+    //           >
+    //             {elem.label}
+    //           </div>
+    //         ))}
+    //       </div>
+    //       {data.slice(0, NUM_TO_SHOW).map((item, idx) => {
+    //         //   const Icon = item.icon;
+    //         const Icon = null;
+    //         return (
+    //           <div
+    //             key={'label' + idx}
+    //             // className={`qq-flex qq-items-center qq-h-9 qq-rounded qq-mb-2`}
+    //             style={{
+    //               //   width: `${widths[idx]}%`,
+    //               width: '100%',
+    //               transition: showAnimation ? 'all 2s' : '',
+    //               boxSizing: 'content-box',
+    //               //   backgroundColor: hexToRgbaWith10PercentAlpha(colors[0]),
+    //               display: 'flex',
+    //               alignItems: 'center',
+    //               height: '2.25rem',
+    //               // marginBottom: '0.5rem',
+    //               borderRadius: '0.25rem',
+    //             }}
+    //           >
+    //             <div
+    //               style={{
+    //                 boxSizing: 'content-box',
+    //                 position: 'absolute',
+    //                 maxWidth: '100%',
+    //                 display: 'flex',
+    //                 // height: 40,
+    //                 // minHeight: 40,
+    //                 // marginLeft: '0.5rem',
+    //               }}
+    //               // className={twMerge(
+    //               //   'qq-absolute qq-max-w-full qq-flex',
+    //               //   'qq-ml-2'
+    //               // )}
+    //             >
+    //               <div
+    //                 style={{
+    //                   display: 'flex',
+    //                   flexDirection: 'row',
+    //                   alignItems: 'center',
+    //                   boxSizing: 'content-box',
+    //                   height: 40,
+    //                   minHeight: 40,
+    //                 }}
+    //               >
+    //                 {yAxisFields.map((elem, index) => (
+    //                   <div
+    //                     key={index}
+    //                     style={{
+    //                       width: 98,
+    //                       maxWidth: 98,
+    //                       color: theme?.chartLabelColor,
+    //                       boxSizing: 'content-box',
+    //                       paddingRight: 10,
+    //                       height: 40,
+    //                       minHeight: 40,
+    //                       whiteSpace: 'nowrap',
+    //                       overflow: 'hidden',
+    //                       textOverflow: 'ellipsis',
+    //                       fontFamily:
+    //                         theme?.chartLabelFontFamily || theme?.fontFamily,
+    //                       fontSize: theme?.fontSizeSmall || '0.875rem',
+    //                       borderBottomColor: theme?.borderColor,
+    //                       borderBottomWidth: 1,
+    //                       borderBottomStyle: 'solid',
+    //                     }}
+    //                     // className={twMerge(
+    //                     // makeBarListClassName('barText'),
+    //                     //   'qq-whitespace-nowrap truncate',
+    //                     //   'qq-text-sm'
+    //                     // )}
+    //                   >
+    //                     {valueFormatter({
+    //                       value: item[elem.field],
+    //                       field: elem.field,
+    //                       fields: yAxisFields,
+    //                     })}
+    //                   </div>
+    //                 ))}
+    //               </div>
+    //             </div>
+    //           </div>
+    //         );
+    //       })}
+    //       {data.length > NUM_TO_SHOW && (
+    //         <div
+    //           style={{
+    //             color: theme?.chartLabelColor,
+    //             boxSizing: 'content-box',
+    //             fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
+    //             fontSize: theme?.fontSizeSmall || '0.875rem',
+    //           }}
+    //           // className="qq-text-sm"
+    //         >
+    //           ...{data.length - NUM_TO_SHOW} more
+    //         </div>
+    //       )}
+    //     </div>
+    //     {/* eslint-disable prettier/prettier */}
+    //   </div>
+    // );
+});
+export default TableChart;

package/dist/esm/assets/ArrowDownHeadIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowDownHeadIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowDownHeadIcon;
+//# sourceMappingURL=ArrowDownHeadIcon.d.ts.map

package/dist/esm/assets/ArrowDownHeadIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDownHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB;;6CAKtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/assets/ArrowDownHeadIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ArrowDownHeadIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: _jsx("path", { fill: "currentColor", d: "M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" }) }));
+export default ArrowDownHeadIcon;

package/dist/esm/assets/ArrowDownIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowDownIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowDownIcon;
+//# sourceMappingURL=ArrowDownIcon.d.ts.map

package/dist/esm/assets/ArrowDownIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDownIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,aAAa;;6CAQlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/assets/ArrowDownIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowDownIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M13 16.172l5.364-5.364 1.414 1.414L12 20l-7.778-7.778 1.414-1.414L11 16.172V4h2v12.172z" })] }));
+export default ArrowDownIcon;

package/dist/esm/assets/ArrowDownRightIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowDownRightIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowDownRightIcon;
+//# sourceMappingURL=ArrowDownRightIcon.d.ts.map

package/dist/esm/assets/ArrowDownRightIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDownRightIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownRightIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,kBAAkB;;6CAQvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/assets/ArrowDownRightIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowDownRightIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M14.59 16.004L5.982 7.397l1.414-1.414 8.607 8.606V7.004h2v11h-11v-2z" })] }));
+export default ArrowDownRightIcon;

package/dist/esm/assets/ArrowLeftHeadIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowLeftHeadIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowLeftHeadIcon;
+//# sourceMappingURL=ArrowLeftHeadIcon.d.ts.map

package/dist/esm/assets/ArrowLeftHeadIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowLeftHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowLeftHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB;;6CAKtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/assets/ArrowLeftHeadIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowLeftHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { d: "M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z" })] }));
+export default ArrowLeftHeadIcon;

package/dist/esm/assets/ArrowRightHeadIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowRightHeadIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowRightHeadIcon;
+//# sourceMappingURL=ArrowRightHeadIcon.d.ts.map

package/dist/esm/assets/ArrowRightHeadIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowRightHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,kBAAkB;;6CAKvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/assets/ArrowRightHeadIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowRightHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { d: "M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z" })] }));
+export default ArrowRightHeadIcon;

package/dist/esm/assets/ArrowRightIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowRightIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowRightIcon;
+//# sourceMappingURL=ArrowRightIcon.d.ts.map

package/dist/esm/assets/ArrowRightIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowRightIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc;;6CAQnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/assets/ArrowRightIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowRightIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" })] }));
+export default ArrowRightIcon;

package/dist/esm/assets/ArrowUpHeadIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowUpHeadIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowUpHeadIcon;
+//# sourceMappingURL=ArrowUpHeadIcon.d.ts.map

package/dist/esm/assets/ArrowUpHeadIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUpHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowUpHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,eAAe;;6CAKpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/assets/ArrowUpHeadIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowUpHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z" })] }));
+export default ArrowUpHeadIcon;

package/dist/esm/assets/ArrowUpIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowUpIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowUpIcon;
+//# sourceMappingURL=ArrowUpIcon.d.ts.map

package/dist/esm/assets/ArrowUpIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUpIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowUpIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;6CAQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/assets/ArrowUpIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowUpIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M13 7.828V20h-2V7.828l-5.364 5.364-1.414-1.414L12 4l7.778 7.778-1.414 1.414L13 7.828z" })] }));
+export default ArrowUpIcon;

package/dist/esm/assets/ArrowUpRightIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowUpRightIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowUpRightIcon;
+//# sourceMappingURL=ArrowUpRightIcon.d.ts.map

package/dist/esm/assets/ArrowUpRightIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUpRightIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowUpRightIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB;;6CAQrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/assets/ArrowUpRightIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ArrowUpRightIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M16.004 9.414l-8.607 8.607-1.414-1.414L14.589 8H7.004V6h11v11h-2V9.414z" })] }));
+export default ArrowUpRightIcon;

package/dist/esm/assets/CalendarIcon.d.ts

@@ -0,0 +1,5 @@
+declare const CalendarIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CalendarIcon;
+//# sourceMappingURL=CalendarIcon.d.ts.map

package/dist/esm/assets/CalendarIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/CalendarIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;6CAQjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/assets/CalendarIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const CalendarIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z", clipRule: "evenodd" }) }));
+export default CalendarIcon;

package/dist/esm/assets/CalendarNormalIcon.d.ts

@@ -0,0 +1,5 @@
+declare const CalendarNormalIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CalendarNormalIcon;
+//# sourceMappingURL=CalendarNormalIcon.d.ts.map

package/dist/esm/assets/CalendarNormalIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarNormalIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/CalendarNormalIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,kBAAkB;;6CAgBvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/assets/CalendarNormalIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CalendarNormalIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }), _jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }), _jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }), _jsx("line", { x1: "3", x2: "21", y1: "10", y2: "10" })] }));
+export default CalendarNormalIcon;

package/dist/esm/assets/DoubleArrowLeftHeadIcon.d.ts

@@ -0,0 +1,5 @@
+declare const DoubleArrowLeftHeadIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DoubleArrowLeftHeadIcon;
+//# sourceMappingURL=DoubleArrowLeftHeadIcon.d.ts.map

package/dist/esm/assets/DoubleArrowLeftHeadIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleArrowLeftHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/DoubleArrowLeftHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,uBAAuB;;6CAY5B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/esm/assets/DoubleArrowLeftHeadIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DoubleArrowLeftHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), _jsx("path", { id: "svg_2", d: "m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" }), _jsx("path", { id: "svg_3", d: "m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" })] }));
+export default DoubleArrowLeftHeadIcon;

package/dist/esm/assets/DoubleArrowRightHeadIcon.d.ts

@@ -0,0 +1,5 @@
+declare const DoubleArrowRightHeadIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DoubleArrowRightHeadIcon;
+//# sourceMappingURL=DoubleArrowRightHeadIcon.d.ts.map

package/dist/esm/assets/DoubleArrowRightHeadIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleArrowRightHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/DoubleArrowRightHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,wBAAwB;;6CAc7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/esm/assets/DoubleArrowRightHeadIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DoubleArrowRightHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), _jsx("path", { transform: "rotate(180 15.1857 12)", id: "svg_2", d: "m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" }), _jsx("path", { transform: "rotate(180 8.37252 12)", id: "svg_3", d: "m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" })] }));
+export default DoubleArrowRightHeadIcon;

package/dist/esm/assets/ExclamationFilledIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ExclamationFilledIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ExclamationFilledIcon;
+//# sourceMappingURL=ExclamationFilledIcon.d.ts.map

package/dist/esm/assets/ExclamationFilledIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExclamationFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ExclamationFilledIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,qBAAqB;;6CAQ1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}