@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/components/charts/RadialBarChart.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { RadialBarChart as RechartsRadialBarChart, type RadialBarProps as RechartsRadialBarProps } from 'recharts';
-import { type DataType } from './chartHelper';
-import { type LegendProps } from './Legend';
-import { type ChartTooltipProps } from './ChartTooltip';
-import type { ResponsiveContainerProps } from './ResponsiveContainer';
+import { default as React } from 'react';
+import { RadialBarChart as RechartsRadialBarChart, RadialBarProps as RechartsRadialBarProps } from 'recharts';
+import { DataType } from './chartHelper';
+import { LegendProps } from './Legend';
+import { ChartTooltipProps } from './ChartTooltip';
+import { ResponsiveContainerProps } from './ResponsiveContainer';
 export type RadialBarChartDataType = DataType;
 export type RadialBarProps = Omit<RechartsRadialBarProps, 'ref'> & {};
 export type TextOptions = Record<string, unknown> & {

package/components/charts/RadialBarChart.js

@@ -1,49 +1,116 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { RadialBarChart as RechartsRadialBarChart, RadialBar as RechartsRadialBar, Legend as RechartsLegend, DefaultLegendContent, PolarAngleAxis, Cell, ResponsiveContainer, } from 'recharts';
-import { isFunction, isObject } from 'es-toolkit/compat';
-import { getColor, getFromDefaultColors, CURSOR_BACKGROUND_COLOR } from "./chartHelper.js";
-import { getLegendDefaultProps } from "./Legend.js";
-import ChartTooltip from "./ChartTooltip.js";
-const RadialBarChart = (props) => {
-    const { width, height, data = [], dataKey = 'value', startAngle = 180, endAngle = 0, innerRadius = '30%', outerRadius = '100%', legend = _jsx(RechartsLegend, {}), textOptions, radialBarOptions, containerOptions, showBarLabel = false, cornerRadius = 30, background = true, range, tooltip = false, ...remainingProps } = props;
-    const { text, size = '500%', weight = 'normal', color = 'gray-darkest', ...remainingTextOptions } = textOptions || {};
-    const textStyle = {
-        fontSize: size,
-        fontWeight: weight,
-        fill: color && getColor(color),
+import { jsx as o, jsxs as U } from "react/jsx-runtime";
+import C from "react";
+import { Legend as R, ResponsiveContainer as V, RadialBarChart as _, RadialBar as G, Cell as H, PolarAngleAxis as q, DefaultLegendContent as J } from "recharts";
+import { isObject as x, isFunction as m } from "es-toolkit/compat";
+import { getColor as g, getFromDefaultColors as y, CURSOR_BACKGROUND_COLOR as M } from "./chartHelper.js";
+import { getLegendDefaultProps as Q } from "./Legend.js";
+import X from "./ChartTooltip.js";
+const ne = (B) => {
+  const {
+    width: l,
+    height: i,
+    data: s = [],
+    dataKey: a = "value",
+    startAngle: O = 180,
+    endAngle: P = 0,
+    innerRadius: A = "30%",
+    outerRadius: b = "100%",
+    legend: c = /* @__PURE__ */ o(R, {}),
+    textOptions: u,
+    radialBarOptions: L,
+    containerOptions: v,
+    showBarLabel: D = !1,
+    cornerRadius: T = 30,
+    background: k = !0,
+    range: f,
+    tooltip: d = !1,
+    ...w
+  } = B, {
+    text: S,
+    size: j = "500%",
+    weight: N = "normal",
+    color: n = "gray-darkest",
+    ...W
+  } = u || {}, $ = {
+    fontSize: j,
+    fontWeight: N,
+    fill: n && g(n)
+  }, z = x(d) ? d.props : {}, E = x(c) ? { ...Q(), ...c.props } : {}, { content: r, iconType: h, ...F } = E, I = s.map((e, t) => {
+    const p = m(a) ? a(e) : e[a], K = g(e.color) ?? e.color ?? y(t);
+    return {
+      value: e.name ?? `${t + 1}`,
+      color: K,
+      type: h ?? "circle",
+      payload: { value: p }
     };
-    const tooltipProps = isObject(tooltip) ? tooltip.props : {};
-    // Start from defaults, then merge any custom legend props passed in.
-    const legendBaseProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};
-    const { content: userLegendContent, iconType: legendIconType, ...legendProps } = legendBaseProps;
-    // Recharts v3 removed the Legend "payload" prop; build it here and feed it via content.
-    const legendPayload = data.map((entry, index) => {
-        const entryValue = isFunction(dataKey) ? dataKey(entry) : entry[dataKey];
-        const resolvedColor = getColor(entry.color) ?? entry.color ?? getFromDefaultColors(index);
-        return {
-            value: entry.name ?? `${index + 1}`,
-            color: resolvedColor,
-            type: legendIconType ?? 'circle',
-            payload: { value: entryValue },
-        };
-    });
-    return (_jsx(ResponsiveContainer, { minHeight: 100, minWidth: 100, initialDimension: { width: 100, height: 100 }, ...containerOptions, children: _jsxs(RechartsRadialBarChart, { width: width, height: height, data: data, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, ...remainingProps, children: [_jsx(RechartsRadialBar, { label: showBarLabel && { fill: '#666', position: 'insideStart' }, background: background, dataKey: dataKey, cornerRadius: cornerRadius, ...radialBarOptions, children: data.map((entry, index) => {
-                        const cellColor = getColor(entry.color) || getFromDefaultColors(index);
-                        return (_jsx(Cell, { fill: isFunction(color) ? color(entry, index) : cellColor }, `cell-${index}`));
-                    }) }), range && _jsx(PolarAngleAxis, { type: 'number', domain: range, angleAxisId: 0, tick: false }), textOptions && (_jsx("text", { x: width ? width / 2 : '50%', y: height ? height / 2 : '50%', textAnchor: 'middle', dominantBaseline: 'middle', className: 'radialbarchart-text', style: textStyle, ...remainingTextOptions, children: text })), legend && (_jsx(RechartsLegend, { formatter: (value) => _jsx("span", { className: 'text-color-darker', children: value }), iconType: legendIconType, content: contentProps => {
-                        // Supply our payload to either user-provided legend content or the default renderer.
-                        const propsWithPayload = { ...contentProps, payload: legendPayload };
-                        if (userLegendContent) {
-                            if (isFunction(userLegendContent)) {
-                                return userLegendContent(propsWithPayload);
-                            }
-                            if (React.isValidElement(userLegendContent)) {
-                                return React.cloneElement(userLegendContent, propsWithPayload);
-                            }
-                            return userLegendContent;
-                        }
-                        return _jsx(DefaultLegendContent, { ...propsWithPayload });
-                    }, ...legendProps })), tooltip && _jsx(ChartTooltip, { cursor: { fill: CURSOR_BACKGROUND_COLOR }, ...tooltipProps })] }) }));
+  });
+  return /* @__PURE__ */ o(
+    V,
+    {
+      minHeight: 100,
+      minWidth: 100,
+      initialDimension: { width: 100, height: 100 },
+      ...v,
+      children: /* @__PURE__ */ U(
+        _,
+        {
+          width: l,
+          height: i,
+          data: s,
+          innerRadius: A,
+          outerRadius: b,
+          startAngle: O,
+          endAngle: P,
+          ...w,
+          children: [
+            /* @__PURE__ */ o(
+              G,
+              {
+                label: D && { fill: "#666", position: "insideStart" },
+                background: k,
+                dataKey: a,
+                cornerRadius: T,
+                ...L,
+                children: s.map((e, t) => {
+                  const p = g(e.color) || y(t);
+                  return /* @__PURE__ */ o(H, { fill: m(n) ? n(e, t) : p }, `cell-${t}`);
+                })
+              }
+            ),
+            f && /* @__PURE__ */ o(q, { type: "number", domain: f, angleAxisId: 0, tick: !1 }),
+            u && /* @__PURE__ */ o(
+              "text",
+              {
+                x: l ? l / 2 : "50%",
+                y: i ? i / 2 : "50%",
+                textAnchor: "middle",
+                dominantBaseline: "middle",
+                className: "radialbarchart-text",
+                style: $,
+                ...W,
+                children: S
+              }
+            ),
+            c && /* @__PURE__ */ o(
+              R,
+              {
+                formatter: (e) => /* @__PURE__ */ o("span", { className: "text-color-darker", children: e }),
+                iconType: h,
+                content: (e) => {
+                  const t = { ...e, payload: I };
+                  return r ? m(r) ? r(t) : C.isValidElement(r) ? C.cloneElement(r, t) : r : /* @__PURE__ */ o(J, { ...t });
+                },
+                ...F
+              }
+            ),
+            d && /* @__PURE__ */ o(X, { cursor: { fill: M }, ...z })
+          ]
+        }
+      )
+    }
+  );
 };
-export default RadialBarChart;
+export {
+  ne as default
+};
+//# sourceMappingURL=RadialBarChart.js.map

package/components/charts/RadialBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialBarChart.js","sources":["../../../src/components/charts/RadialBarChart.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    RadialBarChart as RechartsRadialBarChart,\n    RadialBar as RechartsRadialBar,\n    Legend as RechartsLegend,\n    DefaultLegendContent,\n    PolarAngleAxis,\n    Cell,\n    ResponsiveContainer,\n    type RadialBarProps as RechartsRadialBarProps,\n} from 'recharts';\nimport { isFunction, isObject } from 'es-toolkit/compat';\n\nimport { getColor, getFromDefaultColors, CURSOR_BACKGROUND_COLOR, type DataType } from './chartHelper';\nimport { getLegendDefaultProps, type LegendProps, type LegendPayload } from './Legend';\nimport ChartTooltip, { type ChartTooltipProps } from './ChartTooltip';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer';\n\nexport type RadialBarChartDataType = DataType;\n\nexport type RadialBarProps = Omit<RechartsRadialBarProps, 'ref'> & {};\n\nexport type TextOptions = Record<string, unknown> & {\n    text?: string;\n    size?: string;\n    weight?: string;\n    color?: string;\n};\n\ntype RechartsRadialBarChartProps = React.ComponentProps<typeof RechartsRadialBarChart>;\n\nexport type RadialBarChartProps<T extends DataType> = Omit<RechartsRadialBarChartProps, 'data'> & {\n    width?: number;\n    height?: number;\n    data: T[];\n    // biome-ignore lint/suspicious/noExplicitAny: unknown type\n    dataKey?: string | number | ((obj: T) => any);\n    startAngle?: number;\n    endAngle?: number;\n    outerRadius?: number | string;\n    innerRadius?: number | string;\n    cx?: number | string;\n    cy?: number | string;\n    textOptions?: TextOptions;\n    radialBarOptions?: RadialBarProps;\n    containerOptions?: ResponsiveContainerProps;\n    showBarLabel?: boolean;\n    cornerRadius?: number;\n    background?: boolean;\n    range?: number[];\n    legend?: React.ReactElement<LegendProps> | boolean;\n    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;\n};\n\nconst RadialBarChart = <T extends DataType>(props: RadialBarChartProps<T>) => {\n    const {\n        width,\n        height,\n        data = [],\n        dataKey = 'value',\n        startAngle = 180,\n        endAngle = 0,\n        innerRadius = '30%',\n        outerRadius = '100%',\n        legend = <RechartsLegend />,\n        textOptions,\n        radialBarOptions,\n        containerOptions,\n        showBarLabel = false,\n        cornerRadius = 30,\n        background = true,\n        range,\n        tooltip = false,\n        ...remainingProps\n    } = props;\n\n    const {\n        text,\n        size = '500%',\n        weight = 'normal',\n        color = 'gray-darkest',\n        ...remainingTextOptions\n    } = textOptions || {};\n\n    const textStyle = {\n        fontSize: size,\n        fontWeight: weight,\n        fill: color && getColor(color),\n    };\n\n    const tooltipProps = isObject(tooltip) ? tooltip.props : {};\n\n    // Start from defaults, then merge any custom legend props passed in.\n    const legendBaseProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};\n    const { content: userLegendContent, iconType: legendIconType, ...legendProps } = legendBaseProps;\n\n    // Recharts v3 removed the Legend \"payload\" prop; build it here and feed it via content.\n    const legendPayload: LegendPayload[] = data.map((entry, index) => {\n        const entryValue = isFunction(dataKey) ? dataKey(entry) : (entry as Record<string, unknown>)[dataKey];\n        const resolvedColor = getColor(entry.color) ?? entry.color ?? getFromDefaultColors(index);\n\n        return {\n            value: (entry as { name?: string }).name ?? `${index + 1}`,\n            color: resolvedColor,\n            type: legendIconType ?? 'circle',\n            payload: { value: entryValue },\n        };\n    });\n\n    return (\n        <ResponsiveContainer\n            minHeight={100}\n            minWidth={100}\n            initialDimension={{ width: 100, height: 100 }}\n            {...containerOptions}\n        >\n            <RechartsRadialBarChart\n                width={width}\n                height={height}\n                data={data}\n                innerRadius={innerRadius}\n                outerRadius={outerRadius}\n                startAngle={startAngle}\n                endAngle={endAngle}\n                {...remainingProps}\n            >\n                <RechartsRadialBar\n                    label={showBarLabel && { fill: '#666', position: 'insideStart' }}\n                    background={background}\n                    dataKey={dataKey}\n                    cornerRadius={cornerRadius}\n                    {...radialBarOptions}\n                >\n                    {data.map((entry, index) => {\n                        const cellColor = getColor(entry.color) || getFromDefaultColors(index);\n                        return (\n                            <Cell key={`cell-${index}`} fill={isFunction(color) ? color(entry, index) : cellColor} />\n                        );\n                    })}\n                </RechartsRadialBar>\n\n                {range && <PolarAngleAxis type='number' domain={range} angleAxisId={0} tick={false} />}\n\n                {textOptions && (\n                    <text\n                        x={width ? width / 2 : '50%'}\n                        y={height ? height / 2 : '50%'}\n                        textAnchor='middle'\n                        dominantBaseline='middle'\n                        className='radialbarchart-text'\n                        style={textStyle}\n                        {...remainingTextOptions}\n                    >\n                        {text}\n                    </text>\n                )}\n\n                {legend && (\n                    <RechartsLegend\n                        formatter={(value: number | string) => <span className='text-color-darker'>{value}</span>}\n                        iconType={legendIconType}\n                        content={contentProps => {\n                            // Supply our payload to either user-provided legend content or the default renderer.\n                            const propsWithPayload = { ...contentProps, payload: legendPayload };\n                            if (userLegendContent) {\n                                if (isFunction(userLegendContent)) {\n                                    return userLegendContent(propsWithPayload);\n                                }\n\n                                if (React.isValidElement(userLegendContent)) {\n                                    return React.cloneElement(userLegendContent, propsWithPayload);\n                                }\n\n                                return userLegendContent;\n                            }\n                            return <DefaultLegendContent {...propsWithPayload} />;\n                        }}\n                        {...legendProps}\n                    />\n                )}\n\n                {tooltip && <ChartTooltip cursor={{ fill: CURSOR_BACKGROUND_COLOR }} {...tooltipProps} />}\n            </RechartsRadialBarChart>\n        </ResponsiveContainer>\n    );\n};\n\nexport default RadialBarChart;\n"],"names":["RadialBarChart","props","width","height","data","dataKey","startAngle","endAngle","innerRadius","outerRadius","legend","RechartsLegend","textOptions","radialBarOptions","containerOptions","showBarLabel","cornerRadius","background","range","tooltip","remainingProps","text","size","weight","color","remainingTextOptions","textStyle","getColor","tooltipProps","isObject","legendBaseProps","getLegendDefaultProps","userLegendContent","legendIconType","legendProps","legendPayload","entry","index","entryValue","isFunction","resolvedColor","getFromDefaultColors","jsx","ResponsiveContainer","jsxs","RechartsRadialBarChart","RechartsRadialBar","cellColor","Cell","PolarAngleAxis","value","contentProps","propsWithPayload","React","DefaultLegendContent","ChartTooltip","CURSOR_BACKGROUND_COLOR"],"mappings":"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"}

package/components/charts/ReferenceLine.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import { type ReferenceLineProps as RechartsReferenceLineProps } from 'recharts';
+import { default as React } from 'react';
+import { ReferenceLineProps as RechartsReferenceLineProps } from 'recharts';
 export type ReferenceLineProps = Omit<RechartsReferenceLineProps, 'ref'> & {
     stroke?: string;
 };

package/components/charts/ReferenceLine.js

@@ -1,15 +1,15 @@
-import { createElement as _createElement } from "react";
-import { ReferenceLine as RechartsReferenceLine, } from 'recharts';
-import { getColor } from "./chartHelper.js";
-export const getReferenceLineDefaultProps = () => ({
-    stroke: 'color-coldplay-fountain',
-});
-export const renderReferenceLine = (element) => {
-    const referenceLinePropsWithDefault = { ...getReferenceLineDefaultProps(), ...element.props };
-    const { stroke, ...remainingReferenceLineProps } = referenceLinePropsWithDefault;
-    return _createElement(RechartsReferenceLine, { ...remainingReferenceLineProps, key: element.key, stroke: getColor(stroke) });
+import { createElement as t } from "react";
+import { ReferenceLine as c } from "recharts";
+import { getColor as s } from "./chartHelper.js";
+const f = () => ({
+  stroke: "color-coldplay-fountain"
+}), l = (e) => {
+  const r = { ...f(), ...e.props }, { stroke: n, ...o } = r;
+  return /* @__PURE__ */ t(c, { ...o, key: e.key, stroke: s(n) });
+}, m = (e) => null;
+export {
+  m as default,
+  f as getReferenceLineDefaultProps,
+  l as renderReferenceLine
 };
-// This is only used for passing this as prop to the UIKIT charts wrapper.
-// Recharts component need to be direct children of the chart itself and cannot be wrapped again
-const ReferenceLine = (props) => null;
-export default ReferenceLine;
+//# sourceMappingURL=ReferenceLine.js.map

package/components/charts/ReferenceLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceLine.js","sources":["../../../src/components/charts/ReferenceLine.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n    ReferenceLine as RechartsReferenceLine,\n    type ReferenceLineProps as RechartsReferenceLineProps,\n} from 'recharts';\n\nimport { getColor } from './chartHelper';\n\nexport type ReferenceLineProps = Omit<RechartsReferenceLineProps, 'ref'> & {\n    stroke?: string;\n};\n\nexport const getReferenceLineDefaultProps = () => ({\n    stroke: 'color-coldplay-fountain',\n});\n\nexport const renderReferenceLine = (element: React.ReactElement<ReferenceLineProps>) => {\n    const referenceLinePropsWithDefault = { ...getReferenceLineDefaultProps(), ...element.props };\n    const { stroke, ...remainingReferenceLineProps } = referenceLinePropsWithDefault;\n\n    return <RechartsReferenceLine {...remainingReferenceLineProps} key={element.key} stroke={getColor(stroke)} />;\n};\n\n// This is only used for passing this as prop to the UIKIT charts wrapper.\n// Recharts component need to be direct children of the chart itself and cannot be wrapped again\nconst ReferenceLine = (props: ReferenceLineProps) => null;\n\nexport default ReferenceLine;\n"],"names":["getReferenceLineDefaultProps","renderReferenceLine","element","referenceLinePropsWithDefault","stroke","remainingReferenceLineProps","createElement","RechartsReferenceLine","getColor","ReferenceLine","props"],"mappings":";;;AAYO,MAAMA,IAA+B,OAAO;AAAA,EAC/C,QAAQ;AACZ,IAEaC,IAAsB,CAACC,MAAoD;AACpF,QAAMC,IAAgC,EAAE,GAAGH,KAAgC,GAAGE,EAAQ,MAAA,GAChF,EAAE,QAAAE,GAAQ,GAAGC,EAAA,IAAgCF;AAEnD,SAAO,gBAAAG,EAACC,GAAA,EAAuB,GAAGF,GAA6B,KAAKH,EAAQ,KAAK,QAAQM,EAASJ,CAAM,EAAA,CAAG;AAC/G,GAIMK,IAAgB,CAACC,MAA8B;"}

package/components/charts/ResponsiveContainer.d.ts

@@ -1,2 +1,2 @@
-import type { ResponsiveContainerProps as RechartResponsiveContainerProps } from 'recharts';
+import { ResponsiveContainerProps as RechartResponsiveContainerProps } from 'recharts';
 export type ResponsiveContainerProps = Omit<Partial<RechartResponsiveContainerProps>, 'ref'> & {};

package/components/charts/XAxis.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type XAxisProps as XAxisPropsProps } from 'recharts';
-import { type YAxisProps } from './YAxis';
+import { default as React } from 'react';
+import { XAxisProps as XAxisPropsProps } from 'recharts';
+import { YAxisProps } from './YAxis';
 export type XAxisProps = Partial<XAxisPropsProps> & {};
 export declare const renderAxis: (axis: React.ReactElement<XAxisProps | YAxisProps>, index: number) => import("react/jsx-runtime").JSX.Element | null;
 declare const XAxis: React.FC<XAxisProps>;

package/components/charts/XAxis.js

@@ -1,18 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { XAxis as RechartsXAxis, YAxis as RechartsYAxis } from 'recharts';
-import YAxis from "./YAxis.js";
-export const renderAxis = (axis, index) => {
-    const key = `additional-axis-${index}`;
-    if (React.isValidElement(axis)) {
-        if (axis.type === XAxis) {
-            return _jsx(RechartsXAxis, { ...axis.props }, key);
-        }
-        if (axis.type === YAxis) {
-            return _jsx(RechartsYAxis, { ...axis.props }, key);
-        }
-    }
-    return null;
+import { jsx as o } from "react/jsx-runtime";
+import s from "react";
+import { XAxis as e, YAxis as p } from "recharts";
+import n from "./YAxis.js";
+const x = (r, i) => {
+  const t = `additional-axis-${i}`;
+  if (s.isValidElement(r)) {
+    if (r.type === m)
+      return /* @__PURE__ */ o(e, { ...r.props }, t);
+    if (r.type === n)
+      return /* @__PURE__ */ o(p, { ...r.props }, t);
+  }
+  return null;
+}, m = (r) => null;
+export {
+  m as default,
+  x as renderAxis
 };
-const XAxis = props => null;
-export default XAxis;
+//# sourceMappingURL=XAxis.js.map

package/components/charts/XAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XAxis.js","sources":["../../../src/components/charts/XAxis.tsx"],"sourcesContent":["import React from 'react';\nimport { XAxis as RechartsXAxis, YAxis as RechartsYAxis, type XAxisProps as XAxisPropsProps } from 'recharts';\n\nimport YAxis, { type YAxisProps } from './YAxis';\n\nexport type XAxisProps = Partial<XAxisPropsProps> & {};\n\nexport const renderAxis = (axis: React.ReactElement<XAxisProps | YAxisProps>, index: number) => {\n    const key = `additional-axis-${index}`;\n    if (React.isValidElement(axis)) {\n        if (axis.type === XAxis) {\n            return <RechartsXAxis key={key} {...(axis.props as XAxisProps)} />;\n        }\n        if (axis.type === YAxis) {\n            return <RechartsYAxis key={key} {...(axis.props as YAxisProps)} />;\n        }\n    }\n    return null;\n};\n\nconst XAxis: React.FC<XAxisProps> = props => null;\n\nexport default XAxis;\n"],"names":["renderAxis","axis","index","key","React","XAxis","jsx","RechartsXAxis","YAxis","RechartsYAxis","props"],"mappings":";;;;AAOO,MAAMA,IAAa,CAACC,GAAmDC,MAAkB;AAC5F,QAAMC,IAAM,mBAAmBD,CAAK;AACpC,MAAIE,EAAM,eAAeH,CAAI,GAAG;AAC5B,QAAIA,EAAK,SAASI;AACd,aAAO,gBAAAC,EAACC,GAAA,EAAyB,GAAIN,EAAK,SAAfE,CAAqC;AAEpE,QAAIF,EAAK,SAASO;AACd,aAAO,gBAAAF,EAACG,GAAA,EAAyB,GAAIR,EAAK,SAAfE,CAAqC;AAAA,EAExE;AACA,SAAO;AACX,GAEME,IAA8B,CAAAK,MAAS;"}

package/components/charts/YAxis.d.ts

@@ -1,4 +1,4 @@
-import type { YAxisProps as YAxisPropsProps } from 'recharts';
+import { YAxisProps as YAxisPropsProps } from 'recharts';
 export type YAxisProps = Omit<YAxisPropsProps, 'ref'> & {};
 declare const YAxis: React.FC<YAxisProps>;
 export default YAxis;

package/components/charts/YAxis.js

@@ -1,2 +1,5 @@
-const YAxis = props => null;
-export default YAxis;
+const l = (s) => null;
+export {
+  l as default
+};
+//# sourceMappingURL=YAxis.js.map

package/components/charts/YAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YAxis.js","sources":["../../../src/components/charts/YAxis.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport type { YAxisProps as YAxisPropsProps } from 'recharts';\n\nexport type YAxisProps = Omit<YAxisPropsProps, 'ref'> & {};\n\nconst YAxis: React.FC<YAxisProps> = props => null;\n\nexport default YAxis;\n"],"names":["YAxis","props"],"mappings":"AAKA,MAAMA,IAA8B,CAAAC,MAAS;"}

package/components/charts/chartHelper.js

@@ -1,19 +1,15 @@
-import colorsJson from '../../styles/variables/colors/colors.json';
-const colors = colorsJson;
-export const CURSOR_BACKGROUND_COLOR = '#a7afbb24';
-const brightColors = ['color-warmup-corn', 'color-coldplay-khaki'];
-export const defaultChartColors = Object.keys(colors)
-    .reverse()
-    .filter(key => !brightColors.includes(key))
-    .map(key => colors[key]);
-export const getFromDefaultColors = (index) => defaultChartColors[index];
-export const getColor = (colorKey) => (colorKey ? colors[colorKey] : undefined);
-export const mapGridOptions = (gridOptions) => {
-    if (!gridOptions) {
-        return;
-    }
-    const mappedGridOptions = { ...gridOptions };
-    const { stroke } = mappedGridOptions;
-    mappedGridOptions.stroke = stroke && !stroke.startsWith('#') ? getColor(stroke) : stroke;
-    return mappedGridOptions;
+import c from "../../styles/variables/colors/colors.json.js";
+const s = c, i = "#a7afbb24", e = ["color-warmup-corn", "color-coldplay-khaki"], n = Object.keys(s).reverse().filter((o) => !e.includes(o)).map((o) => s[o]), p = (o) => n[o], l = (o) => o ? s[o] : void 0, C = (o) => {
+  if (!o)
+    return;
+  const r = { ...o }, { stroke: t } = r;
+  return r.stroke = t && !t.startsWith("#") ? l(t) : t, r;
 };
+export {
+  i as CURSOR_BACKGROUND_COLOR,
+  n as defaultChartColors,
+  l as getColor,
+  p as getFromDefaultColors,
+  C as mapGridOptions
+};
+//# sourceMappingURL=chartHelper.js.map

package/components/charts/chartHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartHelper.js","sources":["../../../src/components/charts/chartHelper.ts"],"sourcesContent":["import colorsJson from '../../styles/variables/colors/colors.json';\n\ntype Colors = {\n    [key: string]: string;\n};\n\nconst colors: Colors = colorsJson;\n\nexport type DataType = Record<string, unknown> & { color?: string };\n\nexport const CURSOR_BACKGROUND_COLOR = '#a7afbb24';\n\nconst brightColors = ['color-warmup-corn', 'color-coldplay-khaki'];\n\nexport const defaultChartColors = Object.keys(colors)\n    .reverse()\n    .filter(key => !brightColors.includes(key))\n    .map(key => colors[key]);\n\nexport const getFromDefaultColors = (index: number) => defaultChartColors[index];\n\nexport const getColor = (colorKey?: string) => (colorKey ? colors[colorKey] : undefined);\n\nexport const mapGridOptions = <T extends { stroke?: string }>(gridOptions?: T) => {\n    if (!gridOptions) {\n        return;\n    }\n\n    const mappedGridOptions = { ...gridOptions };\n    const { stroke } = mappedGridOptions;\n\n    mappedGridOptions.stroke = stroke && !stroke.startsWith('#') ? getColor(stroke) : stroke;\n\n    return mappedGridOptions;\n};\n"],"names":["colors","colorsJson","CURSOR_BACKGROUND_COLOR","brightColors","defaultChartColors","key","getFromDefaultColors","index","getColor","colorKey","mapGridOptions","gridOptions","mappedGridOptions","stroke"],"mappings":";AAMA,MAAMA,IAAiBC,GAIVC,IAA0B,aAEjCC,IAAe,CAAC,qBAAqB,sBAAsB,GAEpDC,IAAqB,OAAO,KAAKJ,CAAM,EAC/C,QAAA,EACA,OAAO,CAAAK,MAAO,CAACF,EAAa,SAASE,CAAG,CAAC,EACzC,IAAI,CAAAA,MAAOL,EAAOK,CAAG,CAAC,GAEdC,IAAuB,CAACC,MAAkBH,EAAmBG,CAAK,GAElEC,IAAW,CAACC,MAAuBA,IAAWT,EAAOS,CAAQ,IAAI,QAEjEC,IAAiB,CAAgCC,MAAoB;AAC9E,MAAI,CAACA;AACD;AAGJ,QAAMC,IAAoB,EAAE,GAAGD,EAAA,GACzB,EAAE,QAAAE,MAAWD;AAEnB,SAAAA,EAAkB,SAASC,KAAU,CAACA,EAAO,WAAW,GAAG,IAAIL,EAASK,CAAM,IAAIA,GAE3ED;AACX;"}

package/components/checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode, type PropsWithChildren } from 'react';
+import { default as React, ReactNode, PropsWithChildren } from 'react';
 declare const ICON_LABEL_VERTICAL = "vertical";
 declare const ICON_LABEL_HORIZONTAL = "horizontal";
 export type CheckboxProps = {

package/components/checkbox/Checkbox.js

@@ -1,55 +1,100 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/function';
-import { CheckboxIcon } from "./CheckboxIcon.js";
-const DEFAULT_ICON_SIZE = 16;
-const ICON_LABEL_VERTICAL = 'vertical';
-const ICON_LABEL_HORIZONTAL = 'horizontal';
-const Checkbox = (props) => {
-    const { checked, children, className, custom = false, defaultChecked, disabled = false, error = false, icon = '', iconLabelPosition = ICON_LABEL_VERTICAL, iconSize = DEFAULT_ICON_SIZE, id = props.name, indeterminate = false, inline = false, inputRef, label, name, onChange = noop, onClick = noop, required = false, right, size, tabIndex = 0, ...remainingProps } = props;
-    const labelRef = useRef(null);
-    useEffect(() => {
-        const input = labelRef.current?.firstChild;
-        if (input) {
-            input.indeterminate = indeterminate;
-        }
-    }, [indeterminate, labelRef.current]);
-    const handleToggleKeyDown = (event) => {
-        switch (event.key) {
-            case ' ':
-                // toggle on space
-                toggle(event);
-                break;
-            case 'Enter':
-                // open on enter
-                toggle(event);
-                break;
-            default:
-                break;
-        }
-    };
-    const toggle = (event) => {
-        event.preventDefault();
-        if (disabled) {
-            return;
-        }
-        const input = labelRef.current?.firstChild;
-        if (input.indeterminate) {
-            input.indeterminate = false;
-        }
-        input.checked = !input.checked;
-        onClick(event);
-        onChange(event);
-    };
-    const text = label || children;
-    const labelClassnames = classNames('checkbox', inline && 'checkbox-inline', size === 'large' && 'checkbox-large', right && 'checkbox-right', className);
-    const inputClassnames = classNames(error && 'error', size === 'large' && 'large', indeterminate && 'indeterminate', className);
-    const renderCustomIcon = !!icon;
-    const renderCustomContent = custom && children;
-    const renderDefault = !icon && !custom;
-    return (_jsxs("label", { ...remainingProps, className: labelClassnames, tabIndex: tabIndex, htmlFor: id, onKeyDown: handleToggleKeyDown, ref: labelRef, children: [_jsx("input", { id: id, name: name, type: 'checkbox', checked: checked, required: required, defaultChecked: defaultChecked, disabled: disabled, className: inputClassnames, onClick: onClick, onChange: onChange, ref: inputRef }), renderCustomIcon && (_jsx(CheckboxIcon, { icon: icon, iconSize: iconSize, iconLabelPosition: iconLabelPosition, text: text })), renderDefault && _jsx("span", { className: 'checkbox-text', children: text && _jsx("span", { children: text }) }), renderCustomContent && children] }));
+import { jsxs as F, jsx as r } from "react/jsx-runtime";
+import { useRef as H, useEffect as K } from "react";
+import k from "classnames";
+import { noop as p } from "es-toolkit/function";
+import { CheckboxIcon as P } from "./CheckboxIcon.js";
+const S = 16, x = "vertical", V = "horizontal", I = (i) => {
+  const {
+    checked: L,
+    children: o,
+    className: l,
+    custom: m = !1,
+    defaultChecked: g,
+    disabled: d = !1,
+    error: N = !1,
+    icon: c = "",
+    iconLabelPosition: E = x,
+    iconSize: _ = S,
+    id: f = i.name,
+    indeterminate: s = !1,
+    inline: A = !1,
+    inputRef: O,
+    label: R,
+    name: D,
+    onChange: h = p,
+    onClick: u = p,
+    required: T = !1,
+    right: y,
+    size: C,
+    tabIndex: B = 0,
+    ...w
+  } = i, n = H(null);
+  K(() => {
+    const e = n.current?.firstChild;
+    e && (e.indeterminate = s);
+  }, [s, n.current]);
+  const z = (e) => {
+    switch (e.key) {
+      case " ":
+        b(e);
+        break;
+      case "Enter":
+        b(e);
+        break;
+    }
+  }, b = (e) => {
+    if (e.preventDefault(), d)
+      return;
+    const t = n.current?.firstChild;
+    t.indeterminate && (t.indeterminate = !1), t.checked = !t.checked, u(e), h(e);
+  }, a = R || o, Z = k(
+    "checkbox",
+    A && "checkbox-inline",
+    C === "large" && "checkbox-large",
+    y && "checkbox-right",
+    l
+  ), j = k(
+    N && "error",
+    C === "large" && "large",
+    s && "indeterminate",
+    l
+  );
+  return /* @__PURE__ */ F(
+    "label",
+    {
+      ...w,
+      className: Z,
+      tabIndex: B,
+      htmlFor: f,
+      onKeyDown: z,
+      ref: n,
+      children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            id: f,
+            name: D,
+            type: "checkbox",
+            checked: L,
+            required: T,
+            defaultChecked: g,
+            disabled: d,
+            className: j,
+            onClick: u,
+            onChange: h,
+            ref: O
+          }
+        ),
+        !!c && /* @__PURE__ */ r(P, { icon: c, iconSize: _, iconLabelPosition: E, text: a }),
+        !c && !m && /* @__PURE__ */ r("span", { className: "checkbox-text", children: a && /* @__PURE__ */ r("span", { children: a }) }),
+        m && o && o
+      ]
+    }
+  );
 };
-Checkbox.ICON_LABEL_VERTICAL = ICON_LABEL_VERTICAL;
-Checkbox.ICON_LABEL_HORIZONTAL = ICON_LABEL_HORIZONTAL;
-export default Checkbox;
+I.ICON_LABEL_VERTICAL = x;
+I.ICON_LABEL_HORIZONTAL = V;
+export {
+  I as default
+};
+//# sourceMappingURL=Checkbox.js.map

package/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useRef, useEffect, type ReactNode, type PropsWithChildren } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\nimport { CheckboxIcon } from './CheckboxIcon';\n\nconst DEFAULT_ICON_SIZE = 16;\n\nconst ICON_LABEL_VERTICAL = 'vertical';\nconst ICON_LABEL_HORIZONTAL = 'horizontal';\n\nexport type CheckboxProps = {\n    /**\n     * Passed through as HTML attribute to the underlying input.\n     * Set an `id` or a `name` otherwise.\n     */\n    id?: string;\n\n    /**\n     * Passed through as HTML attribute to the underlying input\n     */\n    name?: string;\n\n    /**\n     * Define some text or component as a label.\n     */\n    label?: string | ReactNode;\n\n    /**\n     * Define a custom icon for the checkbox by naming a rioglyph icon like `rioglyph-truck`.\n     */\n    icon?: string;\n\n    /**\n     * The icon size in pixel.\n     */\n    iconSize?: number;\n\n    /**\n     * The label position for a custom icon checkbox. Using this on a regular checkbox has no effect.\n     *\n     * Possible values are: `horizontal` or `vertical`.\n     */\n    iconLabelPosition?: typeof ICON_LABEL_VERTICAL | typeof ICON_LABEL_HORIZONTAL;\n\n    /**\n     * Callback function that is invoked when the checkbox is checked or unchecked.\n     * @param event\n     * @returns\n     */\n    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;\n\n    /**\n     * Callback function that is invoked when the checkbox value changes.\n     * This will also be invoked by a keyboard event.\n     * @param event\n     * @returns\n     */\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n\n    /**\n     * Defines whether the checkbox is checked or not (state cannot be changed).\n     */\n    checked?: boolean;\n\n    /**\n     * Defines whether the checkbox is initially checked or not (state can be changed on click).\n     */\n    defaultChecked?: boolean;\n\n    /**\n     * Defines whether the checkbox is disabled or not.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Allows for rendering a completely different layout with or without a checkbox tick.\n     * Note, when using the `custom` option, make sure to wrap the children with the class name\n     * `checkbox-text-wrapper`. For using the checkbox tick, use an element with class name\n     * `checkbox-text`.\n     *\n     * @example\n     *\n     * ```tsx\n     * <div className='checkbox-text-wrapper display-flex justify-content-between'>\n     *     <div className='margin-right-15'>\n     *         <div className='text-medium text-size-16 text-color-darker'>Option 1</div>\n     *         <div className='text-color-dark'>This option is a first option</div>\n     *     </div>\n     *     <div className='checkbox-text' />\n     * </div>\n     * ```\n     */\n    custom?: boolean;\n\n    /**\n     * Defines whether the checkbox is required or not.\n     *\n     * @default false\n     */\n    required?: boolean;\n\n    /**\n     * Defines if the checkbox is in an indeterminate state in regard to other checkboxes that may be in different\n     * selection state.\n     *\n     * @default false\n     */\n    indeterminate?: boolean;\n\n    /**\n     * Defines whether the checkbox is applying an inline style. Use this in combination\n     * with other checkboxes.\n     *\n     * @default false\n     */\n    inline?: boolean;\n\n    /**\n     * Defines whether the checkbox is on the right side.\n     *\n     * @default false\n     */\n    right?: boolean;\n\n    /**\n     * Use \"error\" to change color of the checkbox.\n     *\n     * @default false\n     */\n    error?: boolean;\n\n    /**\n     * Defines the size of the checkbox. Omitting this prop renders the Checkbox in normal size.\n     *\n     * Possible values are:\n     * `large`\n     */\n    size?: 'large';\n\n    /**\n     * A React ref assigned to the input itself.\n     */\n    inputRef?: React.RefObject<HTMLInputElement>;\n\n    /**\n     * Number of the index used for keyboard support.\n     *\n     * @default 0\n     */\n    tabIndex?: number;\n\n    /**\n     * Additional classes to be set on the input field.\n     */\n    className?: string;\n};\n\ntype CheckboxEvent =\n    | React.MouseEvent<HTMLInputElement>\n    | React.ChangeEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLLabelElement>;\n\nconst Checkbox = (props: PropsWithChildren<CheckboxProps>) => {\n    const {\n        checked,\n        children,\n        className,\n        custom = false,\n        defaultChecked,\n        disabled = false,\n        error = false,\n        icon = '',\n        iconLabelPosition = ICON_LABEL_VERTICAL,\n        iconSize = DEFAULT_ICON_SIZE,\n        id = props.name,\n        indeterminate = false,\n        inline = false,\n        inputRef,\n        label,\n        name,\n        onChange = noop,\n        onClick = noop,\n        required = false,\n        right,\n        size,\n        tabIndex = 0,\n        ...remainingProps\n    } = props;\n\n    const labelRef = useRef<HTMLLabelElement>(null);\n\n    useEffect(() => {\n        const input = labelRef.current?.firstChild as HTMLInputElement;\n        if (input) {\n            input.indeterminate = indeterminate;\n        }\n    }, [indeterminate, labelRef.current]);\n\n    const handleToggleKeyDown = (event: React.KeyboardEvent<HTMLLabelElement>) => {\n        switch (event.key) {\n            case ' ':\n                // toggle on space\n                toggle(event);\n                break;\n            case 'Enter':\n                // open on enter\n                toggle(event);\n                break;\n            default:\n                break;\n        }\n    };\n\n    const toggle = (event: CheckboxEvent) => {\n        event.preventDefault();\n\n        if (disabled) {\n            return;\n        }\n\n        const input = labelRef.current?.firstChild as HTMLInputElement;\n\n        if (input.indeterminate) {\n            input.indeterminate = false;\n        }\n\n        input.checked = !input.checked;\n\n        onClick(event as React.MouseEvent<HTMLInputElement>);\n        onChange(event as React.ChangeEvent<HTMLInputElement>);\n    };\n\n    const text = label || children;\n\n    const labelClassnames = classNames(\n        'checkbox',\n        inline && 'checkbox-inline',\n        size === 'large' && 'checkbox-large',\n        right && 'checkbox-right',\n        className\n    );\n\n    const inputClassnames = classNames(\n        error && 'error',\n        size === 'large' && 'large',\n        indeterminate && 'indeterminate',\n        className\n    );\n\n    const renderCustomIcon = !!icon;\n    const renderCustomContent = custom && children;\n    const renderDefault = !icon && !custom;\n\n    return (\n        <label\n            {...remainingProps}\n            className={labelClassnames}\n            tabIndex={tabIndex}\n            htmlFor={id}\n            onKeyDown={handleToggleKeyDown}\n            ref={labelRef}\n        >\n            <input\n                id={id}\n                name={name}\n                type='checkbox'\n                checked={checked}\n                required={required}\n                defaultChecked={defaultChecked}\n                disabled={disabled}\n                className={inputClassnames}\n                onClick={onClick}\n                onChange={onChange}\n                ref={inputRef}\n            />\n            {renderCustomIcon && (\n                <CheckboxIcon icon={icon} iconSize={iconSize} iconLabelPosition={iconLabelPosition} text={text} />\n            )}\n            {renderDefault && <span className='checkbox-text'>{text && <span>{text}</span>}</span>}\n            {renderCustomContent && children}\n        </label>\n    );\n};\n\nCheckbox.ICON_LABEL_VERTICAL = ICON_LABEL_VERTICAL as typeof ICON_LABEL_VERTICAL;\nCheckbox.ICON_LABEL_HORIZONTAL = ICON_LABEL_HORIZONTAL as typeof ICON_LABEL_HORIZONTAL;\n\nexport default Checkbox;\n"],"names":["DEFAULT_ICON_SIZE","ICON_LABEL_VERTICAL","ICON_LABEL_HORIZONTAL","Checkbox","props","checked","children","className","custom","defaultChecked","disabled","error","icon","iconLabelPosition","iconSize","id","indeterminate","inline","inputRef","label","name","onChange","noop","onClick","required","right","size","tabIndex","remainingProps","labelRef","useRef","useEffect","input","handleToggleKeyDown","event","toggle","text","labelClassnames","classNames","inputClassnames","jsxs","jsx","CheckboxIcon"],"mappings":";;;;;AAMA,MAAMA,IAAoB,IAEpBC,IAAsB,YACtBC,IAAwB,cA2JxBC,IAAW,CAACC,MAA4C;AAC1D,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,gBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,mBAAAC,IAAoBZ;AAAA,IACpB,UAAAa,IAAWd;AAAA,IACX,IAAAe,IAAKX,EAAM;AAAA,IACX,eAAAY,IAAgB;AAAA,IAChB,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC,IAAWC;AAAA,IACX,SAAAC,IAAUD;AAAA,IACV,UAAAE,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,IACHxB,GAEEyB,IAAWC,EAAyB,IAAI;AAE9C,EAAAC,EAAU,MAAM;AACZ,UAAMC,IAAQH,EAAS,SAAS;AAChC,IAAIG,MACAA,EAAM,gBAAgBhB;AAAA,EAE9B,GAAG,CAACA,GAAea,EAAS,OAAO,CAAC;AAEpC,QAAMI,IAAsB,CAACC,MAAiD;AAC1E,YAAQA,EAAM,KAAA;AAAA,MACV,KAAK;AAED,QAAAC,EAAOD,CAAK;AACZ;AAAA,MACJ,KAAK;AAED,QAAAC,EAAOD,CAAK;AACZ;AAAA,IAEA;AAAA,EAEZ,GAEMC,IAAS,CAACD,MAAyB;AAGrC,QAFAA,EAAM,eAAA,GAEFxB;AACA;AAGJ,UAAMsB,IAAQH,EAAS,SAAS;AAEhC,IAAIG,EAAM,kBACNA,EAAM,gBAAgB,KAG1BA,EAAM,UAAU,CAACA,EAAM,SAEvBT,EAAQW,CAA2C,GACnDb,EAASa,CAA4C;AAAA,EACzD,GAEME,IAAOjB,KAASb,GAEhB+B,IAAkBC;AAAA,IACpB;AAAA,IACArB,KAAU;AAAA,IACVS,MAAS,WAAW;AAAA,IACpBD,KAAS;AAAA,IACTlB;AAAA,EAAA,GAGEgC,IAAkBD;AAAA,IACpB3B,KAAS;AAAA,IACTe,MAAS,WAAW;AAAA,IACpBV,KAAiB;AAAA,IACjBT;AAAA,EAAA;AAOJ,SACI,gBAAAiC;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGZ;AAAA,MACJ,WAAWS;AAAA,MACX,UAAAV;AAAA,MACA,SAASZ;AAAA,MACT,WAAWkB;AAAA,MACX,KAAKJ;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAA1B;AAAA,YACA,MAAAK;AAAA,YACA,MAAK;AAAA,YACL,SAAAf;AAAA,YACA,UAAAmB;AAAA,YACA,gBAAAf;AAAA,YACA,UAAAC;AAAA,YACA,WAAW6B;AAAA,YACX,SAAAhB;AAAA,YACA,UAAAF;AAAA,YACA,KAAKH;AAAA,UAAA;AAAA,QAAA;AAAA,QAxBQ,CAAC,CAACN,KA2Bf,gBAAA6B,EAACC,GAAA,EAAa,MAAA9B,GAAY,UAAAE,GAAoB,mBAAAD,GAAsC,MAAAuB,GAAY;AAAA,QAzBtF,CAACxB,KAAQ,CAACJ,uBA2BL,QAAA,EAAK,WAAU,iBAAiB,UAAA4B,KAAQ,gBAAAK,EAAC,QAAA,EAAM,UAAAL,EAAA,CAAK,EAAA,CAAQ;AAAA,QA5B3D5B,KAAUF,KA6BNA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEAH,EAAS,sBAAsBF;AAC/BE,EAAS,wBAAwBD;"}

package/components/checkbox/CheckboxIcon.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 type CheckboxIconProps = {
     icon: string;
     iconSize: number;

package/components/checkbox/CheckboxIcon.js

@@ -1,11 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CheckboxIcon = (props) => {
-    const { icon, iconSize, iconLabelPosition, text } = props;
-    const iconStyles = {
-        width: `${iconSize}px`,
-        height: `${iconSize}px`,
-        fontSize: `${iconSize}px`,
-        lineHeight: `${iconSize}px`,
-    };
-    return (_jsxs("span", { className: `checkbox-icon label-${iconLabelPosition}`, children: [_jsx("span", { className: `rioglyph ${icon}`, style: iconStyles }), _jsx("span", { className: 'checkbox-label', children: text })] }));
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+const x = (o) => {
+  const { icon: n, iconSize: e, iconLabelPosition: s, text: i } = o, t = {
+    width: `${e}px`,
+    height: `${e}px`,
+    fontSize: `${e}px`,
+    lineHeight: `${e}px`
+  };
+  return /* @__PURE__ */ l("span", { className: `checkbox-icon label-${s}`, children: [
+    /* @__PURE__ */ c("span", { className: `rioglyph ${n}`, style: t }),
+    /* @__PURE__ */ c("span", { className: "checkbox-label", children: i })
+  ] });
 };
+export {
+  x as CheckboxIcon
+};
+//# sourceMappingURL=CheckboxIcon.js.map

package/components/checkbox/CheckboxIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxIcon.js","sources":["../../../src/components/checkbox/CheckboxIcon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\ntype CheckboxIconProps = {\n    icon: string;\n    iconSize: number;\n    iconLabelPosition: 'vertical' | 'horizontal';\n    text?: string | ReactNode;\n};\n\nexport const CheckboxIcon = (props: CheckboxIconProps) => {\n    const { icon, iconSize, iconLabelPosition, text } = props;\n\n    const iconStyles = {\n        width: `${iconSize}px`,\n        height: `${iconSize}px`,\n        fontSize: `${iconSize}px`,\n        lineHeight: `${iconSize}px`,\n    };\n\n    return (\n        <span className={`checkbox-icon label-${iconLabelPosition}`}>\n            <span className={`rioglyph ${icon}`} style={iconStyles} />\n            <span className='checkbox-label'>{text}</span>\n        </span>\n    );\n};\n"],"names":["CheckboxIcon","props","icon","iconSize","iconLabelPosition","text","iconStyles","jsxs","jsx"],"mappings":";AASO,MAAMA,IAAe,CAACC,MAA6B;AACtD,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,mBAAAC,GAAmB,MAAAC,MAASJ,GAE9CK,IAAa;AAAA,IACf,OAAO,GAAGH,CAAQ;AAAA,IAClB,QAAQ,GAAGA,CAAQ;AAAA,IACnB,UAAU,GAAGA,CAAQ;AAAA,IACrB,YAAY,GAAGA,CAAQ;AAAA,EAAA;AAG3B,SACI,gBAAAI,EAAC,QAAA,EAAK,WAAW,uBAAuBH,CAAiB,IACrD,UAAA;AAAA,IAAA,gBAAAI,EAAC,UAAK,WAAW,YAAYN,CAAI,IAAI,OAAOI,GAAY;AAAA,IACxD,gBAAAE,EAAC,QAAA,EAAK,WAAU,kBAAkB,UAAAH,EAAA,CAAK;AAAA,EAAA,GAC3C;AAER;"}