@smitch/breeze 0.1.0

package/lib/charts/LineChart.js

@@ -0,0 +1,24 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ChartWrap from './ChartWrap';
+var LineChart = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition, _h = _a.gridColor, gridColor = _h === void 0 ? '#444444' : _h, _j = _a.aspect, aspect = _j === void 0 ? 'square' : _j, style = _a.style, className = _a.className;
+    return (_jsx(ChartWrap, { data: data, options: __assign(__assign({}, options), { scales: {
+                x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), { grid: __assign(__assign({}, (_d = (_c = options === null || options === void 0 ? void 0 : options.scales) === null || _c === void 0 ? void 0 : _c.x) === null || _d === void 0 ? void 0 : _d.grid), { color: gridColor }) }),
+                y: __assign(__assign({}, (_e = options === null || options === void 0 ? void 0 : options.scales) === null || _e === void 0 ? void 0 : _e.y), { grid: __assign(__assign({}, (_g = (_f = options === null || options === void 0 ? void 0 : options.scales) === null || _f === void 0 ? void 0 : _f.y) === null || _g === void 0 ? void 0 : _g.grid), { color: gridColor }) }),
+            } }), title: title, legendposition: legendposition, chartType: 'line', aspect: aspect, className: className, style: style }));
+};
+export default LineChart;
+//# sourceMappingURL=LineChart.js.map

package/lib/charts/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../src/ui/charts/LineChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AAIZ,OAAO,SAAS,MAAM,aAAa,CAAA;AAGnC,IAAM,SAAS,GAAG,UAAC,EASF;;QARhB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACN,KAAC,SAAS,IACT,IAAI,EAAE,IAAI,EACV,OAAO,wBACH,OAAO,KACV,MAAM,EAAE;gBACP,CAAC,wBACG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,KACrB,IAAI,wBACA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,0CAAE,IAAI,KAC3B,KAAK,EAAE,SAAS,MAEjB;gBACD,CAAC,wBACG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,KACrB,IAAI,wBACA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,0CAAE,IAAI,KAC3B,KAAK,EAAE,SAAS,MAEjB;aACD,KAEF,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACX,CACF,CAAA;AACF,CAAC,CAAA;AAED,eAAe,SAAS,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport ChartWrap from './ChartWrap'\nimport { LineChartProps } from './types'\n\nconst LineChart = ({\n\tdata,\n\toptions,\n\ttitle,\n\tlegendposition,\n\tgridColor = '#444444',\n\taspect = 'square',\n\tstyle,\n\tclassName,\n}: LineChartProps) => {\n\treturn (\n\t\t<ChartWrap\n\t\t\tdata={data}\n\t\t\toptions={{\n\t\t\t\t...options,\n\t\t\t\tscales: {\n\t\t\t\t\tx: {\n\t\t\t\t\t\t...options?.scales?.x,\n\t\t\t\t\t\tgrid: {\n\t\t\t\t\t\t\t...options?.scales?.x?.grid,\n\t\t\t\t\t\t\tcolor: gridColor,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\ty: {\n\t\t\t\t\t\t...options?.scales?.y,\n\t\t\t\t\t\tgrid: {\n\t\t\t\t\t\t\t...options?.scales?.y?.grid,\n\t\t\t\t\t\t\tcolor: gridColor,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}}\n\t\t\ttitle={title}\n\t\t\tlegendposition={legendposition}\n\t\t\tchartType='line'\n\t\t\taspect={aspect}\n\t\t\tclassName={className}\n\t\t\tstyle={style}\n\t\t/>\n\t)\n}\n\nexport default LineChart\n"]}

package/lib/charts/MixedChart.js

@@ -0,0 +1,24 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ChartWrap from './ChartWrap';
+var MixedChart = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition, _h = _a.gridColor, gridColor = _h === void 0 ? '#444444' : _h, _j = _a.aspect, aspect = _j === void 0 ? 'portrait' : _j, style = _a.style, className = _a.className;
+    return (_jsx(ChartWrap, { data: data, options: __assign(__assign({}, options), { scales: {
+                x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), { grid: __assign(__assign({}, (_d = (_c = options === null || options === void 0 ? void 0 : options.scales) === null || _c === void 0 ? void 0 : _c.x) === null || _d === void 0 ? void 0 : _d.grid), { color: gridColor }) }),
+                y: __assign(__assign({}, (_e = options === null || options === void 0 ? void 0 : options.scales) === null || _e === void 0 ? void 0 : _e.x), { grid: __assign(__assign({}, (_g = (_f = options === null || options === void 0 ? void 0 : options.scales) === null || _f === void 0 ? void 0 : _f.y) === null || _g === void 0 ? void 0 : _g.grid), { color: gridColor }) }),
+            } }), title: title, legendposition: legendposition, chartType: 'bar', aspect: aspect, className: className, style: style }));
+};
+export default MixedChart;
+//# sourceMappingURL=MixedChart.js.map

package/lib/charts/MixedChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MixedChart.js","sourceRoot":"","sources":["../../../src/ui/charts/MixedChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AAGZ,OAAO,SAAS,MAAM,aAAa,CAAA;AAGnC,IAAM,UAAU,GAAG,UAAC,EASF;;QARjB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,cAAmB,EAAnB,MAAM,mBAAG,UAAU,KAAA,EACnB,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACN,KAAC,SAAS,IACT,IAAI,EAAE,IAAI,EACV,OAAO,wBACH,OAAO,KACV,MAAM,EAAE;gBACP,CAAC,wBACG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,KACrB,IAAI,wBACA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,0CAAE,IAAI,KAC3B,KAAK,EAAE,SAAS,MAEjB;gBACD,CAAC,wBACG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,KACrB,IAAI,wBACA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,0CAAE,IAAI,KAC3B,KAAK,EAAE,SAAS,MAEjB;aACD,KAEF,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,KAAK,EACf,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACX,CACF,CAAA;AACF,CAAC,CAAA;AAED,eAAe,UAAU,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\nimport ChartWrap from './ChartWrap'\nimport { MixedChartProps } from './types'\n\nconst MixedChart = ({\n\tdata,\n\toptions,\n\ttitle,\n\tlegendposition,\n\tgridColor = '#444444',\n\taspect = 'portrait',\n\tstyle,\n\tclassName,\n}: MixedChartProps) => {\n\treturn (\n\t\t<ChartWrap\n\t\t\tdata={data}\n\t\t\toptions={{\n\t\t\t\t...options,\n\t\t\t\tscales: {\n\t\t\t\t\tx: {\n\t\t\t\t\t\t...options?.scales?.x,\n\t\t\t\t\t\tgrid: {\n\t\t\t\t\t\t\t...options?.scales?.x?.grid,\n\t\t\t\t\t\t\tcolor: gridColor,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\ty: {\n\t\t\t\t\t\t...options?.scales?.x,\n\t\t\t\t\t\tgrid: {\n\t\t\t\t\t\t\t...options?.scales?.y?.grid,\n\t\t\t\t\t\t\tcolor: gridColor,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}}\n\t\t\ttitle={title}\n\t\t\tlegendposition={legendposition}\n\t\t\tchartType='bar'\n\t\t\taspect={aspect}\n\t\t\tclassName={className}\n\t\t\tstyle={style}\n\t\t/>\n\t)\n}\n\nexport default MixedChart\n"]}

package/lib/charts/PieChart.js

@@ -0,0 +1,20 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ChartWrap from './ChartWrap';
+var PieChart = function (_a) {
+    var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition, _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.aspect, aspect = _c === void 0 ? 'portrait' : _c, style = _a.style, className = _a.className;
+    return (_jsx(ChartWrap, { data: data, options: __assign(__assign({}, options), { borderWidth: border ? 2 : 0 }), title: title, legendposition: legendposition, chartType: 'pie', aspect: aspect, className: className, style: style }));
+};
+export default PieChart;
+//# sourceMappingURL=PieChart.js.map

package/lib/charts/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../src/ui/charts/PieChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AAIZ,OAAO,SAAS,MAAM,aAAa,CAAA;AAGnC,IAAM,QAAQ,GAAG,UAAC,EASF;QARf,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,cAAmB,EAAnB,MAAM,mBAAG,UAAU,KAAA,EACnB,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACN,KAAC,SAAS,IACT,IAAI,EAAE,IAAI,EACV,OAAO,wBACF,OAAe,KACnB,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAE5B,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,KAAK,EACf,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACX,CACF,CAAA;AACF,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport ChartWrap from './ChartWrap'\nimport { PieChartProps } from './types'\n\nconst PieChart = ({\n\tdata,\n\toptions,\n\ttitle,\n\tlegendposition,\n\tborder = false,\n\taspect = 'portrait',\n\tstyle,\n\tclassName,\n}: PieChartProps) => {\n\treturn (\n\t\t<ChartWrap\n\t\t\tdata={data}\n\t\t\toptions={{\n\t\t\t\t...(options as any),\n\t\t\t\tborderWidth: border ? 2 : 0,\n\t\t\t}}\n\t\t\ttitle={title}\n\t\t\tlegendposition={legendposition}\n\t\t\tchartType='pie'\n\t\t\taspect={aspect}\n\t\t\tclassName={className}\n\t\t\tstyle={style}\n\t\t/>\n\t)\n}\n\nexport default PieChart\n"]}

package/lib/charts/PolarAreaChart.js

@@ -0,0 +1,23 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ChartWrap from './ChartWrap';
+var PolarAreaChart = function (_a) {
+    var _b, _c, _d;
+    var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition, _e = _a.gridColor, gridColor = _e === void 0 ? '#444444' : _e, _f = _a.aspect, aspect = _f === void 0 ? 'portrait' : _f, style = _a.style, className = _a.className;
+    return (_jsx(ChartWrap, { data: data, options: __assign(__assign({}, options), { scales: {
+                r: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.r), { grid: __assign(__assign({}, (_d = (_c = options === null || options === void 0 ? void 0 : options.scales) === null || _c === void 0 ? void 0 : _c.r) === null || _d === void 0 ? void 0 : _d.grid), { color: gridColor }) }),
+            } }), title: title, legendposition: legendposition, chartType: 'polarArea', aspect: aspect, className: className, style: style }));
+};
+export default PolarAreaChart;
+//# sourceMappingURL=PolarAreaChart.js.map

package/lib/charts/PolarAreaChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolarAreaChart.js","sourceRoot":"","sources":["../../../src/ui/charts/PolarAreaChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AAIZ,OAAO,SAAS,MAAM,aAAa,CAAA;AAGnC,IAAM,cAAc,GAAG,UAAC,EASF;;QARrB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,cAAmB,EAAnB,MAAM,mBAAG,UAAU,KAAA,EACnB,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACN,KAAC,SAAS,IACT,IAAI,EAAE,IAAI,EACV,OAAO,wBACH,OAAO,KACV,MAAM,EAAE;gBACP,CAAC,wBACG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,KACrB,IAAI,wBACA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,0CAAE,IAAI,KAC3B,KAAK,EAAE,SAAS,MAEjB;aACD,KAEF,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACX,CACF,CAAA;AACF,CAAC,CAAA;AAED,eAAe,cAAc,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport ChartWrap from './ChartWrap'\nimport { PolarAreaChartProps } from './types'\n\nconst PolarAreaChart = ({\n\tdata,\n\toptions,\n\ttitle,\n\tlegendposition,\n\tgridColor = '#444444',\n\taspect = 'portrait',\n\tstyle,\n\tclassName,\n}: PolarAreaChartProps) => {\n\treturn (\n\t\t<ChartWrap\n\t\t\tdata={data}\n\t\t\toptions={{\n\t\t\t\t...options,\n\t\t\t\tscales: {\n\t\t\t\t\tr: {\n\t\t\t\t\t\t...options?.scales?.r,\n\t\t\t\t\t\tgrid: {\n\t\t\t\t\t\t\t...options?.scales?.r?.grid,\n\t\t\t\t\t\t\tcolor: gridColor,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}}\n\t\t\ttitle={title}\n\t\t\tlegendposition={legendposition}\n\t\t\tchartType='polarArea'\n\t\t\taspect={aspect}\n\t\t\tclassName={className}\n\t\t\tstyle={style}\n\t\t/>\n\t)\n}\n\nexport default PolarAreaChart\n"]}

package/lib/charts/RadarChart.js

@@ -0,0 +1,23 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ChartWrap from './ChartWrap';
+var RadarChart = function (_a) {
+    var _b, _c, _d;
+    var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition, _e = _a.gridColor, gridColor = _e === void 0 ? '#444444' : _e, _f = _a.aspect, aspect = _f === void 0 ? 'square' : _f, style = _a.style, className = _a.className;
+    return (_jsx(ChartWrap, { data: data, options: __assign(__assign({}, options), { scales: {
+                r: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.r), { grid: __assign(__assign({}, (_d = (_c = options === null || options === void 0 ? void 0 : options.scales) === null || _c === void 0 ? void 0 : _c.r) === null || _d === void 0 ? void 0 : _d.grid), { color: gridColor }) }),
+            } }), title: title, legendposition: legendposition, chartType: 'radar', aspect: aspect, className: className, style: style }));
+};
+export default RadarChart;
+//# sourceMappingURL=RadarChart.js.map

package/lib/charts/RadarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.js","sourceRoot":"","sources":["../../../src/ui/charts/RadarChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AAIZ,OAAO,SAAS,MAAM,aAAa,CAAA;AAGnC,IAAM,UAAU,GAAG,UAAC,EASF;;QARjB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACN,KAAC,SAAS,IACT,IAAI,EAAE,IAAI,EACV,OAAO,wBACH,OAAO,KACV,MAAM,EAAE;gBACP,CAAC,wBACG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,KACrB,IAAI,wBACA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,0CAAE,IAAI,KAC3B,KAAK,EAAE,SAAS,MAEjB;aACD,KAEF,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,OAAO,EACjB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACX,CACF,CAAA;AACF,CAAC,CAAA;AAED,eAAe,UAAU,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport ChartWrap from './ChartWrap'\nimport { RadarChartProps } from './types'\n\nconst RadarChart = ({\n\tdata,\n\toptions,\n\ttitle,\n\tlegendposition,\n\tgridColor = '#444444',\n\taspect = 'square',\n\tstyle,\n\tclassName,\n}: RadarChartProps) => {\n\treturn (\n\t\t<ChartWrap\n\t\t\tdata={data}\n\t\t\toptions={{\n\t\t\t\t...options,\n\t\t\t\tscales: {\n\t\t\t\t\tr: {\n\t\t\t\t\t\t...options?.scales?.r,\n\t\t\t\t\t\tgrid: {\n\t\t\t\t\t\t\t...options?.scales?.r?.grid,\n\t\t\t\t\t\t\tcolor: gridColor,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}}\n\t\t\ttitle={title}\n\t\t\tlegendposition={legendposition}\n\t\t\tchartType='radar'\n\t\t\taspect={aspect}\n\t\t\tclassName={className}\n\t\t\tstyle={style}\n\t\t/>\n\t)\n}\n\nexport default RadarChart\n"]}

package/lib/charts/ScatterChart.js

@@ -0,0 +1,24 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ChartWrap from './ChartWrap';
+var ScatterChart = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition, _h = _a.gridColor, gridColor = _h === void 0 ? '#444444' : _h, _j = _a.aspect, aspect = _j === void 0 ? 'portrait' : _j, style = _a.style, className = _a.className;
+    return (_jsx(ChartWrap, { data: data, options: __assign(__assign({}, options), { scales: {
+                x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), { grid: __assign(__assign({}, (_d = (_c = options === null || options === void 0 ? void 0 : options.scales) === null || _c === void 0 ? void 0 : _c.x) === null || _d === void 0 ? void 0 : _d.grid), { color: gridColor }) }),
+                y: __assign(__assign({}, (_e = options === null || options === void 0 ? void 0 : options.scales) === null || _e === void 0 ? void 0 : _e.y), { grid: __assign(__assign({}, (_g = (_f = options === null || options === void 0 ? void 0 : options.scales) === null || _f === void 0 ? void 0 : _f.y) === null || _g === void 0 ? void 0 : _g.grid), { color: gridColor }) }),
+            } }), title: title, legendposition: legendposition, chartType: 'scatter', aspect: aspect, className: className, style: style }));
+};
+export default ScatterChart;
+//# sourceMappingURL=ScatterChart.js.map

package/lib/charts/ScatterChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterChart.js","sourceRoot":"","sources":["../../../src/ui/charts/ScatterChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;AAGZ,OAAO,SAAS,MAAM,aAAa,CAAA;AAGnC,IAAM,YAAY,GAAG,UAAC,EASF;;QARnB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,cAAmB,EAAnB,MAAM,mBAAG,UAAU,KAAA,EACnB,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACN,KAAC,SAAS,IACT,IAAI,EAAE,IAAI,EACV,OAAO,wBACH,OAAO,KACV,MAAM,EAAE;gBACP,CAAC,wBACG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,KACrB,IAAI,wBACA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,0CAAE,IAAI,KAC3B,KAAK,EAAE,SAAS,MAEjB;gBACD,CAAC,wBACG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,KACrB,IAAI,wBACA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,CAAC,0CAAE,IAAI,KAC3B,KAAK,EAAE,SAAS,MAEjB;aACD,KAEF,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,SAAS,EACnB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACX,CACF,CAAA;AACF,CAAC,CAAA;AAED,eAAe,YAAY,CAAA","sourcesContent":["'use client'\n\nimport React from 'react'\nimport ChartWrap from './ChartWrap'\nimport { ScatterChartProps } from './types'\n\nconst ScatterChart = ({\n\tdata,\n\toptions,\n\ttitle,\n\tlegendposition,\n\tgridColor = '#444444',\n\taspect = 'portrait',\n\tstyle,\n\tclassName,\n}: ScatterChartProps) => {\n\treturn (\n\t\t<ChartWrap\n\t\t\tdata={data}\n\t\t\toptions={{\n\t\t\t\t...options,\n\t\t\t\tscales: {\n\t\t\t\t\tx: {\n\t\t\t\t\t\t...options?.scales?.x,\n\t\t\t\t\t\tgrid: {\n\t\t\t\t\t\t\t...options?.scales?.x?.grid,\n\t\t\t\t\t\t\tcolor: gridColor,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\ty: {\n\t\t\t\t\t\t...options?.scales?.y,\n\t\t\t\t\t\tgrid: {\n\t\t\t\t\t\t\t...options?.scales?.y?.grid,\n\t\t\t\t\t\t\tcolor: gridColor,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}}\n\t\t\ttitle={title}\n\t\t\tlegendposition={legendposition}\n\t\t\tchartType='scatter'\n\t\t\taspect={aspect}\n\t\t\tclassName={className}\n\t\t\tstyle={style}\n\t\t/>\n\t)\n}\n\nexport default ScatterChart\n"]}

package/lib/charts/index.js

@@ -0,0 +1,10 @@
+export { default as BarChart } from './BarChart';
+export { default as BubbleChart } from './BubbleChart';
+export { default as LineChart } from './LineChart';
+export { default as PieChart } from './PieChart';
+export { default as DoughnutChart } from './DoughnutChart';
+export { default as ScatterChart } from './ScatterChart';
+export { default as RadarChart } from './RadarChart';
+export { default as PolarAreaChart } from './PolarAreaChart';
+export { default as MixedChart } from './MixedChart';
+//# sourceMappingURL=index.js.map

package/lib/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA","sourcesContent":["export { default as BarChart } from './BarChart'\nexport { default as BubbleChart } from './BubbleChart'\nexport { default as LineChart } from './LineChart'\nexport { default as PieChart } from './PieChart'\nexport { default as DoughnutChart } from './DoughnutChart'\nexport { default as ScatterChart } from './ScatterChart'\nexport { default as RadarChart } from './RadarChart'\nexport { default as PolarAreaChart } from './PolarAreaChart'\nexport { default as MixedChart } from './MixedChart'\n"]}

package/lib/charts/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/charts/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/charts/types/index.ts"],"names":[],"mappings":"","sourcesContent":["import { ChartData, ChartOptions } from 'chart.js'\n\ninterface ChartComponentProps {\n\ttitle?: string\n\tlegendposition?: 'top' | 'bottom' | 'left' | 'right'\n\taspect?: 'landscape' | 'portrait' | 'square' | 'auto'\n\tclassName?: string\n\tstyle?: React.CSSProperties\n}\n\nexport interface LineChartProps extends ChartComponentProps {\n\tdata: ChartData<'line', number[], string>\n\toptions?: ChartOptions<'line'>\n\tgridColor?: string\n}\n\nexport interface PieChartProps extends ChartComponentProps {\n\tdata: ChartData<'pie', number[], string>\n\toptions?: ChartOptions<'pie'>\n\tborder?: boolean\n}\n\nexport interface DoughnutChartProps extends ChartComponentProps {\n\tdata: ChartData<'doughnut', number[], string>\n\toptions?: ChartOptions<'doughnut'>\n\tborder?: boolean\n}\n\nexport interface BarChartProps extends ChartComponentProps {\n\tdata: ChartData<'bar', number[], string>\n\toptions?: ChartOptions<'bar'>\n\tlayout?: 'vertical' | 'horizontal'\n\tgridColor?: string\n}\n\nexport interface MixedChartProps extends ChartComponentProps {\n\tdata: ChartData<'bar', number[], string>\n\toptions?: ChartOptions<'bar'>\n\tgridColor?: string\n}\n\nexport interface RadarChartProps extends ChartComponentProps {\n\tdata: ChartData<'radar', number[], string>\n\toptions?: ChartOptions<'radar'>\n\tgridColor?: string\n}\n\nexport interface PolarAreaChartProps extends ChartComponentProps {\n\tdata: ChartData<'polarArea', number[], string>\n\toptions?: ChartOptions<'polarArea'>\n\tgridColor?: string\n}\n\nexport interface BubbleChartProps extends ChartComponentProps {\n\tdata: ChartData<'bubble', { x: number; y: number; r: number }[], string>\n\toptions?: ChartOptions<'bubble'>\n\tgridColor?: string\n}\n\nexport interface ScatterChartProps extends ChartComponentProps {\n\tdata: ChartData<'scatter', { x: number; y: number }[], string>\n\toptions?: ChartOptions<'scatter'>\n\tgridColor?: string\n}\n\nexport type ChartTypes =\n\t| 'bar'\n\t| 'bubble'\n\t| 'pie'\n\t| 'doughnut'\n\t| 'radar'\n\t| 'polarArea'\n\t| 'scatter'\n\t| 'line'\n\t| 'mixed'\n\nexport interface ChartDataMap {\n\tline: ChartData<'line'>\n\tpie: ChartData<'pie'>\n\tdoughnut: ChartData<'doughnut'>\n\tbar: ChartData<'bar'>\n\tmixed: ChartData<'bar'>\n\tradar: ChartData<'radar'>\n\tpolarArea: ChartData<'polarArea'>\n\tbubble: ChartData<'bubble'>\n\tscatter: ChartData<'scatter'>\n}\n\nexport interface ChartOptionsMap {\n\tline: ChartOptions<'line'>\n\tpie: ChartOptions<'pie'>\n\tdoughnut: ChartOptions<'doughnut'>\n\tbar: ChartOptions<'bar'>\n\tmixed: ChartOptions<'bar'>\n\tradar: ChartOptions<'radar'>\n\tpolarArea: ChartOptions<'polarArea'>\n\tbubble: ChartOptions<'bubble'>\n\tscatter: ChartOptions<'scatter'>\n}\n"]}

package/lib/checkbox/Checkbox.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { twMerge } from 'tailwind-merge';
+import { Input, Label } from '..';
+var Checkbox = function (_a) {
+    var _b = _a.name, name = _b === void 0 ? 'checkbox' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, style = _a.style, _d = _a.label, label = _d === void 0 ? 'I agree to Terms & Conditions' : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.rounded, rounded = _f === void 0 ? 'none' : _f, _g = _a.required, required = _g === void 0 ? false : _g, _h = _a.checked, checked = _h === void 0 ? false : _h, _j = _a.labelIsBold, labelIsBold = _j === void 0 ? false : _j, hint = _a.hint, onChange = _a.onChange, _k = _a.suppressHydrationWarning, suppressHydrationWarning = _k === void 0 ? false : _k;
+    return (_jsxs("div", { className: "text-".concat(size), children: [_jsx(Label, { type: 'checkbox', label: label, className: twMerge("check-label group ".concat(labelIsBold ? 'font-bold' : 'font-normal'), className), size: size, required: required, layout: 'row_reverse', style: style, children: _jsx(Input, { name: name, id: name, type: 'checkbox', "data-testid": "input-".concat(name), className: "checkbox", size: size, rounded: rounded, required: required, defaultChecked: checked, onChange: onChange, suppressHydrationWarning: suppressHydrationWarning }) }), hint && (_jsx("p", { className: "hint text-[.8em] font-normal mt-[.8em] dark:text-light", children: hint }))] }));
+};
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/lib/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAAI,CAAA;AAIjC,IAAM,QAAQ,GAAG,UAAC,EAaF;QAZf,YAAiB,EAAjB,IAAI,mBAAG,UAAU,KAAA,EACjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,aAAuC,EAAvC,KAAK,mBAAG,+BAA+B,KAAA,EACvC,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAA;IAEhC,OAAO,CACN,eAAK,SAAS,EAAE,eAAQ,IAAI,CAAE,aAC7B,KAAC,KAAK,IACL,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,CACjB,4BAAqB,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAE,EAChE,SAAS,CACT,EACD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,aAAa,EACpB,KAAK,EAAE,KAAK,YAEZ,KAAC,KAAK,IACL,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,IAAI,EAAC,UAAU,iBACF,gBAAS,IAAI,CAAE,EAC5B,SAAS,EAAE,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,OAAO,EACvB,QAAQ,EAAE,QAAQ,EAClB,wBAAwB,EAAE,wBAAwB,GACjD,GACK,EACP,IAAI,IAAI,CACR,YAAG,SAAS,EAAE,wDAAwD,YAAG,IAAI,GAAK,CAClF,IACI,CACN,CAAA;AACF,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA","sourcesContent":["import React from 'react'\n\nimport { twMerge } from 'tailwind-merge'\n\nimport { Input, Label } from '..'\n\nimport { CheckboxProps } from './types'\n\nconst Checkbox = ({\n\tname = 'checkbox',\n\tclassName = '',\n\tstyle,\n\tlabel = 'I agree to Terms & Conditions',\n\tsize = 'md',\n\trounded = 'none',\n\trequired = false,\n\tchecked = false,\n\tlabelIsBold = false,\n\thint,\n\tonChange,\n\tsuppressHydrationWarning = false,\n}: CheckboxProps) => {\n\treturn (\n\t\t<div className={`text-${size}`}>\n\t\t\t<Label\n\t\t\t\ttype='checkbox'\n\t\t\t\tlabel={label}\n\t\t\t\tclassName={twMerge(\n\t\t\t\t\t`check-label group ${labelIsBold ? 'font-bold' : 'font-normal'}`,\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\tsize={size}\n\t\t\t\trequired={required}\n\t\t\t\tlayout='row_reverse'\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tname={name}\n\t\t\t\t\tid={name}\n\t\t\t\t\ttype='checkbox'\n\t\t\t\t\tdata-testid={`input-${name}`}\n\t\t\t\t\tclassName={`checkbox`}\n\t\t\t\t\tsize={size}\n\t\t\t\t\trounded={rounded}\n\t\t\t\t\trequired={required}\n\t\t\t\t\tdefaultChecked={checked}\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t\tsuppressHydrationWarning={suppressHydrationWarning}\n\t\t\t\t/>\n\t\t\t</Label>\n\t\t\t{hint && (\n\t\t\t\t<p className={`hint text-[.8em] font-normal mt-[.8em] dark:text-light`}>{hint}</p>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nexport default Checkbox\n"]}

package/lib/checkbox/index.js

@@ -0,0 +1,2 @@
+export { default as Checkbox } from './Checkbox';
+//# sourceMappingURL=index.js.map

package/lib/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA","sourcesContent":["export { default as Checkbox } from './Checkbox'\n"]}

package/lib/checkbox/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/checkbox/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/checkbox/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface CheckboxProps {\n\tclassName?: string\n\tstyle?: React.CSSProperties\n\tsize?: 'md' | 'lg' | 'xl'\n\tlabel: string\n\tlabelIsBold?: boolean\n\trequired?: boolean\n\tchecked?: boolean\n\tname?: string\n\trounded?: 'none' | 'full'\n\thint?: React.ReactNode\n\tonChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n\tsuppressHydrationWarning?: boolean\n}\n"]}

package/lib/clock/Clock.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { twMerge } from "tailwind-merge";
+var layouts = {
+    column: "flex-col items-center",
+    "column-reverse": "flex-col-reverse items-center",
+    row: "flex-row items-center gap-2",
+    "row-reverse": "flex-row-reverse items-center gap-2",
+};
+var labelsizes = {
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg",
+    xl: "text-xl",
+};
+var Clock = function (_a) {
+    var _b;
+    var _c = _a.timezone, timezone = _c === void 0 ? "UTC" : _c, _d = _a.size, size = _d === void 0 ? 120 : _d, _e = _a.showSeconds, showSeconds = _e === void 0 ? false : _e, _f = _a.ticks, ticks = _f === void 0 ? false : _f, theme = _a.theme, _g = _a.layout, layout = _g === void 0 ? "column" : _g, _h = _a.showLabel, showLabel = _h === void 0 ? true : _h, _j = _a.clockFaceStroke, clockFaceStroke = _j === void 0 ? 4 : _j, _k = _a.labelSize, labelSize = _k === void 0 ? "md" : _k, _l = _a.className, className = _l === void 0 ? "" : _l;
+    var _m = useState(new Date()), time = _m[0], setTime = _m[1];
+    var _o = useState(""), city = _o[0], setCity = _o[1];
+    useEffect(function () {
+        if (!timezone)
+            setCity("");
+        else {
+            var parts = timezone.split("/");
+            if (parts.length > 1) {
+                setCity(parts[1].replace(/_/g, " "));
+            }
+            else {
+                setCity(timezone);
+            }
+        }
+    }, [timezone]);
+    useEffect(function () {
+        var timer = setInterval(function () {
+            setTime(new Date());
+        }, 1000);
+        return function () { return clearInterval(timer); };
+    }, []);
+    var layoutClass = layouts[layout] || "flex-col";
+    var labelClass = labelsizes[labelSize] || "text-base";
+    var hours = time.getHours();
+    var minutes = time.getMinutes();
+    var seconds = time.getSeconds();
+    var label = "";
+    if (timezone) {
+        var parts = new Intl.DateTimeFormat("en-US", {
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit",
+            hour12: false,
+            timeZone: timezone,
+            timeZoneName: "short",
+        })
+            .formatToParts(time)
+            .reduce(function (acc, part) {
+            if (part.type === "hour")
+                acc.hour = parseInt(part.value, 10);
+            if (part.type === "minute")
+                acc.minute = parseInt(part.value, 10);
+            if (part.type === "second")
+                acc.second = parseInt(part.value, 10);
+            if (part.type === "timeZoneName")
+                acc.label = part.value;
+            return acc;
+        }, {});
+        hours = parts.hour;
+        minutes = parts.minute;
+        seconds = parts.second;
+        label = parts.label;
+    }
+    else {
+        label =
+            ((_b = Intl.DateTimeFormat(undefined, { timeZoneName: "short" })
+                .formatToParts(time)
+                .find(function (part) { return part.type === "timeZoneName"; })) === null || _b === void 0 ? void 0 : _b.value) || "";
+    }
+    var hourAngle = ((hours % 12) + minutes / 60) * 30;
+    var minuteAngle = (minutes + seconds / 60) * 6;
+    var secondAngle = seconds * 6;
+    var ariaTime = time.toLocaleTimeString("en-US", {
+        hour: "2-digit",
+        minute: "2-digit",
+        second: showSeconds ? "2-digit" : undefined,
+        hour12: false,
+        timeZone: timezone,
+    });
+    return (_jsxs("div", { "data-testid": "clock", "aria-label": "Analog clock showing ".concat(ariaTime, " in ").concat(city || label), className: twMerge("clock flex group ".concat(layoutClass, " space-y-4"), className), children: [_jsxs("svg", { width: size, height: size, viewBox: "0 0 120 120", "aria-hidden": "true", className: "clock_face", children: [_jsx("circle", { cx: 60, cy: 60, r: 55, fill: theme === "dark" ? "#222" : "#fff", stroke: theme === "dark" ? "#fff" : "#222", strokeWidth: clockFaceStroke }), ticks &&
+                        Array.from({ length: 12 }).map(function (_, i) {
+                            var angle = i * 30 * (Math.PI / 180);
+                            var x1 = 60 + 48 * Math.sin(angle);
+                            var y1 = 60 - 48 * Math.cos(angle);
+                            var x2 = 60 + 54 * Math.sin(angle);
+                            var y2 = 60 - 54 * Math.cos(angle);
+                            return (_jsx("line", { x1: x1, y1: y1, x2: x2, y2: y2, stroke: theme === "dark" ? "#fff" : "#222", strokeWidth: 3, strokeLinecap: "round" }, i));
+                        }), showSeconds && (_jsx("line", { x1: 60, y1: 60, x2: 60 + 45 * Math.sin((Math.PI / 180) * secondAngle), y2: 60 - 45 * Math.cos((Math.PI / 180) * secondAngle), stroke: theme === "dark" ? "#fff" : "#222", strokeWidth: 2, strokeLinecap: "round", opacity: 0.5 })), _jsx("line", { x1: 60, y1: 60, x2: 60 + 40 * Math.sin((Math.PI / 180) * minuteAngle), y2: 60 - 40 * Math.cos((Math.PI / 180) * minuteAngle), stroke: theme === "dark" ? "#fff" : "#222", strokeWidth: 3, strokeLinecap: "round" }), _jsx("line", { x1: 60, y1: 60, x2: 60 + 25 * Math.sin((Math.PI / 180) * hourAngle), y2: 60 - 25 * Math.cos((Math.PI / 180) * hourAngle), stroke: theme === "dark" ? "#fff" : "#222", strokeWidth: 5, strokeLinecap: "round" }), _jsx("circle", { cx: 60, cy: 60, r: 4, fill: theme === "dark" ? "#fff" : "#222" })] }), showLabel && _jsx("div", { className: "clock_label ".concat(labelClass), children: city || label || timezone })] }));
+};
+export default Clock;
+//# sourceMappingURL=Clock.js.map

package/lib/clock/Clock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clock.js","sourceRoot":"","sources":["../../../src/ui/clock/Clock.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { ClockProps } from \"./types\";\nimport { twMerge } from \"tailwind-merge\";\n\nconst layouts = {\n  column: \"flex-col items-center\",\n  \"column-reverse\": \"flex-col-reverse items-center\",\n  row: \"flex-row items-center gap-2\",\n  \"row-reverse\": \"flex-row-reverse items-center gap-2\",\n};\n\nconst labelsizes = {\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n  xl: \"text-xl\",\n};\n\nconst Clock = ({\n  timezone = \"UTC\",\n  size = 120,\n  showSeconds = false,\n  ticks = false,\n  theme,\n  layout = \"column\",\n  showLabel = true,\n  clockFaceStroke = 4,\n  labelSize = \"md\",\n  className = \"\",\n}: ClockProps) => {\n  const [time, setTime] = useState(new Date());\n  const [city, setCity] = useState(\"\");\n\n  useEffect(() => {\n    if (!timezone) setCity(\"\");\n    else {\n      const parts = timezone.split(\"/\");\n      if (parts.length > 1) {\n        setCity(parts[1].replace(/_/g, \" \"));\n      } else {\n        setCity(timezone);\n      }\n    }\n  }, [timezone]);\n\n  useEffect(() => {\n    const timer = setInterval(() => {\n      setTime(new Date());\n    }, 1000);\n    return () => clearInterval(timer);\n  }, []);\n\n  const layoutClass = layouts[layout] || \"flex-col\";\n  const labelClass = labelsizes[labelSize] || \"text-base\";\n\n  let hours = time.getHours();\n  let minutes = time.getMinutes();\n  let seconds = time.getSeconds();\n  let label = \"\";\n\n  if (timezone) {\n    const parts = new Intl.DateTimeFormat(\"en-US\", {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n      second: \"2-digit\",\n      hour12: false,\n      timeZone: timezone,\n      timeZoneName: \"short\",\n    })\n      .formatToParts(time)\n      .reduce((acc, part) => {\n        if (part.type === \"hour\") acc.hour = parseInt(part.value, 10);\n        if (part.type === \"minute\") acc.minute = parseInt(part.value, 10);\n        if (part.type === \"second\") acc.second = parseInt(part.value, 10);\n        if (part.type === \"timeZoneName\") acc.label = part.value;\n        return acc;\n      }, {} as { hour: number; minute: number; second: number; label: string });\n\n    hours = parts.hour;\n    minutes = parts.minute;\n    seconds = parts.second;\n    label = parts.label;\n  } else {\n    label =\n      Intl.DateTimeFormat(undefined, { timeZoneName: \"short\" })\n        .formatToParts(time)\n        .find((part) => part.type === \"timeZoneName\")?.value || \"\";\n  }\n\n  const hourAngle = ((hours % 12) + minutes / 60) * 30;\n  const minuteAngle = (minutes + seconds / 60) * 6;\n  const secondAngle = seconds * 6;\n\n  const ariaTime = time.toLocaleTimeString(\"en-US\", {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: showSeconds ? \"2-digit\" : undefined,\n    hour12: false,\n    timeZone: timezone,\n  });\n\n  return (\n    <div\n      data-testid=\"clock\"\n      aria-label={`Analog clock showing ${ariaTime} in ${city || label}`}\n      className={twMerge(`clock flex group ${layoutClass} space-y-4`, className)}\n    >\n      <svg\n        width={size}\n        height={size}\n        viewBox=\"0 0 120 120\"\n        aria-hidden=\"true\"\n        className=\"clock_face\"\n      >\n        <circle\n          cx={60}\n          cy={60}\n          r={55}\n          fill={theme === \"dark\" ? \"#222\" : \"#fff\"}\n          stroke={theme === \"dark\" ? \"#fff\" : \"#222\"}\n          strokeWidth={clockFaceStroke}\n        />\n        {/* Hour tick marks */}\n        {ticks &&\n          Array.from({ length: 12 }).map((_, i) => {\n            const angle = i * 30 * (Math.PI / 180);\n            const x1 = 60 + 48 * Math.sin(angle);\n            const y1 = 60 - 48 * Math.cos(angle);\n            const x2 = 60 + 54 * Math.sin(angle);\n            const y2 = 60 - 54 * Math.cos(angle);\n            return (\n              <line\n                key={i}\n                x1={x1}\n                y1={y1}\n                x2={x2}\n                y2={y2}\n                stroke={theme === \"dark\" ? \"#fff\" : \"#222\"}\n                strokeWidth={3}\n                strokeLinecap=\"round\"\n              />\n            );\n          })}\n        {/* Second hand (optional) */}\n        {showSeconds && (\n          <line\n            x1={60}\n            y1={60}\n            x2={60 + 45 * Math.sin((Math.PI / 180) * secondAngle)}\n            y2={60 - 45 * Math.cos((Math.PI / 180) * secondAngle)}\n            stroke={theme === \"dark\" ? \"#fff\" : \"#222\"}\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            opacity={0.5}\n          />\n        )}\n\n        {/* Minute hand */}\n        <line\n          x1={60}\n          y1={60}\n          x2={60 + 40 * Math.sin((Math.PI / 180) * minuteAngle)}\n          y2={60 - 40 * Math.cos((Math.PI / 180) * minuteAngle)}\n          stroke={theme === \"dark\" ? \"#fff\" : \"#222\"}\n          strokeWidth={3}\n          strokeLinecap=\"round\"\n        />\n\n        {/* Hour hand */}\n        <line\n          x1={60}\n          y1={60}\n          x2={60 + 25 * Math.sin((Math.PI / 180) * hourAngle)}\n          y2={60 - 25 * Math.cos((Math.PI / 180) * hourAngle)}\n          stroke={theme === \"dark\" ? \"#fff\" : \"#222\"}\n          strokeWidth={5}\n          strokeLinecap=\"round\"\n        />\n\n        {/* Center dot */}\n        <circle cx={60} cy={60} r={4} fill={theme === \"dark\" ? \"#fff\" : \"#222\"} />\n      </svg>\n      {showLabel && <div className={`clock_label ${labelClass}`}>{city || label || timezone}</div>}\n    </div>\n  );\n};\n\nexport default Clock;\n"]}

package/lib/clock/index.js

@@ -0,0 +1,2 @@
+export { default as Clock } from './Clock';
+//# sourceMappingURL=index.js.map

package/lib/clock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/clock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA","sourcesContent":["export { default as Clock } from './Clock'\n"]}

package/lib/clock/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/clock/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/clock/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export type ClockTimezone =\n  | \"UTC\"\n  | \"America/New_York\"\n  | \"America/Chicago\"\n  | \"America/Denver\"\n  | \"America/Los_Angeles\"\n  | \"Europe/London\"\n  | \"Europe/Paris\"\n  | \"Europe/Berlin\"\n  | \"Europe/Moscow\"\n  | \"Asia/Tokyo\"\n  | \"Asia/Shanghai\"\n  | \"Asia/Kolkata\"\n  | \"Australia/Sydney\"\n  | string;\n\nexport type ClockProps = {\n  timezone?: ClockTimezone;\n  size?: number;\n  showSeconds?: boolean;\n  theme?: \"light\" | \"dark\";\n  layout?: \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\";\n  clockFaceStroke?: number;\n  ticks?: boolean;\n  showLabel?: boolean;\n  labelSize?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  className?: string;\n};\n"]}

package/lib/codeblock/Codeblock.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import Prism from "prismjs";
+var sizes = {
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg",
+    xl: "text-xl",
+    xxl: "text-2xl",
+};
+var Codeblock = function (_a) {
+    var _b = _a.language, language = _b === void 0 ? "plaintext" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, children = _a.children;
+    useEffect(function () {
+        Prism.highlightAll();
+    }, [children]);
+    var sizeClasses = useMemo(function () { return sizes[size]; }, [size]);
+    return (_jsx("pre", { className: "codeblock ".concat(sizeClasses), children: _jsx("code", { className: "language-".concat(language, " !whitespace-pre-wrap"), children: children }) }));
+};
+export default Codeblock;
+//# sourceMappingURL=Codeblock.js.map

package/lib/codeblock/Codeblock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Codeblock.js","sourceRoot":"","sources":["../../../src/ui/codeblock/Codeblock.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,IAAM,KAAK,GAAG;IACZ,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,IAAM,SAAS,GAAG,UAAC,EAIF;QAHf,gBAAsB,EAAtB,QAAQ,mBAAG,WAAW,KAAA,EACtB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,QAAQ,cAAA;IAER,SAAS,CAAC;QACR,KAAK,CAAC,YAAY,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,WAAW,GAAG,OAAO,CAAC,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,EAAX,CAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,cAAK,SAAS,EAAE,oBAAa,WAAW,CAAE,YACxC,eAAM,SAAS,EAAE,mBAAY,QAAQ,0BAAuB,YACzD,QAAQ,GACJ,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["\"use client\";\n\nimport React, { useEffect, useMemo } from \"react\";\nimport Prism from \"prismjs\";\n\nimport { CodeblockProps } from \"./types\";\n\nconst sizes = {\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n  xl: \"text-xl\",\n  xxl: \"text-2xl\",\n};\n\nconst Codeblock = ({\n  language = \"plaintext\",\n  size = \"md\",\n  children,\n}: CodeblockProps) => {\n  useEffect(() => {\n    Prism.highlightAll();\n  }, [children]);\n\n  const sizeClasses = useMemo(() => sizes[size], [size]);\n\n  return (\n    <pre className={`codeblock ${sizeClasses}`}>\n      <code className={`language-${language} !whitespace-pre-wrap`}>\n        {children}\n      </code>\n    </pre>\n  );\n};\n\nexport default Codeblock;\n"]}

package/lib/codeblock/index.js

@@ -0,0 +1,2 @@
+export { default as Codeblock } from './Codeblock';
+//# sourceMappingURL=index.js.map

package/lib/codeblock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/codeblock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA","sourcesContent":["export { default as Codeblock } from './Codeblock'\n"]}

package/lib/codeblock/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/codeblock/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/codeblock/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface CodeblockProps {\n  style?: React.CSSProperties;\n  children: string;\n  language?: string;\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n}\n"]}

package/lib/counter/Counter.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+import { twMerge } from "tailwind-merge";
+import { FaPlus, FaMinus } from "react-icons/fa6";
+import { Input, Button, Label } from "..";
+var Counter = function (_a) {
+    var _b = _a.name, name = _b === void 0 ? "counter" : _b, _c = _a.id, id = _c === void 0 ? "counter" : _c, _d = _a.className, className = _d === void 0 ? "font-semibold" : _d, _e = _a.min, min = _e === void 0 ? 0 : _e, max = _a.max, _f = _a.value, value = _f === void 0 ? 1 : _f, _g = _a.step, step = _g === void 0 ? 1 : _g, onCountChange = _a.onCountChange, _h = _a.btnShape, btnShape = _h === void 0 ? "circle" : _h, _j = _a.btnBackground, btnBackground = _j === void 0 ? "info" : _j, _k = _a.btnColor, btnColor = _k === void 0 ? "light" : _k, _l = _a.size, size = _l === void 0 ? "md" : _l, _m = _a.spacing, spacing = _m === void 0 ? "2" : _m, label = _a.label, _o = _a.labelIsBold, labelIsBold = _o === void 0 ? true : _o, _p = _a.layout, layout = _p === void 0 ? "col" : _p, title = _a.title, _q = _a.hint, hint = _q === void 0 ? false : _q, _r = _a.inputStyles, inputStyles = _r === void 0 ? "max-w-[3em] border-neutral border-2" : _r, _s = _a.rounded, rounded = _s === void 0 ? "md" : _s;
+    var _t = useState(value), total = _t[0], setTotal = _t[1];
+    var _u = useState(false), error = _u[0], setError = _u[1];
+    var input = useRef(null);
+    var handleValueChange = function (value) {
+        setTotal(value);
+        onCountChange(value);
+        input.current.valueAsNumber = value;
+        ifError(value);
+    };
+    var plus = function () {
+        var value = total + step;
+        handleValueChange(value);
+    };
+    var minus = function () {
+        var value = total - step;
+        handleValueChange(value);
+    };
+    var handleChange = function (e) {
+        var value = e.target.valueAsNumber;
+        handleValueChange(value);
+    };
+    var ifError = function (value) {
+        if (!value || value > max || value < min)
+            setError(true);
+        else
+            setError(false);
+    };
+    return (_jsxs(Label, { label: label, isBold: labelIsBold, layout: layout, forId: id, size: size, type: "number", className: twMerge("counter group", className), "data-testid": "counter", children: [_jsxs("div", { className: "flex items-center gap-".concat(spacing), children: [_jsxs(Button, { disabled: total <= Number(min), onClick: minus, "aria-label": "Minus", title: "Minus", id: "minus", layout: btnShape, size: size, btnBackground: btnBackground, btnColor: btnColor, children: [_jsx(FaMinus, {}), _jsx("span", { className: "sr-only", children: "Minus" })] }), _jsx(Input, { name: name, id: id, type: "number", max: max, min: min, value: total, ref: input, onChange: handleChange, "data-testid": "counter-input", className: "!me-0 ".concat(inputStyles), size: size, title: title, placeholder: min === null || min === void 0 ? void 0 : min.toString(), rounded: rounded }), _jsxs(Button, { disabled: total >= Number(max), onClick: plus, "aria-label": "Plus", title: "Plus", id: "plus", layout: btnShape, size: size, btnBackground: btnBackground, btnColor: btnColor, children: [_jsx(FaPlus, {}), _jsx("span", { className: "sr-only", children: "Add" })] })] }), hint && (_jsx("p", { className: "hint text-sm font-normal mt-[.5em] dark:text-light ".concat(error && "text-error"), children: title }))] }));
+};
+export default Counter;
+//# sourceMappingURL=Counter.js.map

package/lib/counter/Counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.js","sourceRoot":"","sources":["../../../src/ui/counter/Counter.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport React, { useState, useRef } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { FaPlus, FaMinus } from \"react-icons/fa6\";\n\nimport { Input, Button, Label } from \"..\";\n\nimport { CounterProps } from \"./types\";\n\nconst Counter = ({\n  name = \"counter\",\n  id = \"counter\",\n  className = \"font-semibold\",\n  min = 0,\n  max,\n  value = 1,\n  step = 1,\n  onCountChange,\n  btnShape = \"circle\",\n  btnBackground = \"info\",\n  btnColor = \"light\",\n  size = \"md\",\n  spacing = \"2\",\n  label,\n  labelIsBold = true,\n  layout = \"col\",\n  title,\n  hint = false,\n  inputStyles = \"max-w-[3em] border-neutral border-2\",\n  rounded = \"md\",\n}: CounterProps) => {\n  const [total, setTotal] = useState(value);\n  const [error, setError] = useState(false);\n  const input = useRef<HTMLInputElement>(null!);\n\n  const handleValueChange = (value: number) => {\n    setTotal(value);\n    onCountChange(value);\n    input.current.valueAsNumber = value;\n    ifError(value);\n  };\n\n  const plus = () => {\n    const value = total + step;\n    handleValueChange(value);\n  };\n\n  const minus = () => {\n    const value = total - step;\n    handleValueChange(value);\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.valueAsNumber;\n    handleValueChange(value);\n  };\n\n  const ifError = (value: number) => {\n    if (!value || value > max || value < min) setError(true);\n    else setError(false);\n  };\n\n  return (\n    <Label\n      label={label}\n      isBold={labelIsBold}\n      layout={layout}\n      forId={id}\n      size={size}\n      type=\"number\"\n      className={twMerge(`counter group`, className)}\n      data-testid=\"counter\"\n    >\n      <div className={`flex items-center gap-${spacing}`}>\n        <Button\n          disabled={total <= Number(min)}\n          onClick={minus}\n          aria-label=\"Minus\"\n          title=\"Minus\"\n          id=\"minus\"\n          layout={btnShape}\n          size={size}\n          btnBackground={btnBackground}\n          btnColor={btnColor}\n        >\n          <FaMinus />\n          <span className=\"sr-only\">Minus</span>\n        </Button>\n        <Input\n          name={name}\n          id={id}\n          type=\"number\"\n          max={max}\n          min={min}\n          value={total}\n          ref={input}\n          onChange={handleChange}\n          data-testid=\"counter-input\"\n          className={`!me-0 ${inputStyles}`}\n          size={size}\n          title={title}\n          placeholder={min?.toString()}\n          rounded={rounded}\n        />\n        <Button\n          disabled={total >= Number(max)}\n          onClick={plus}\n          aria-label=\"Plus\"\n          title=\"Plus\"\n          id=\"plus\"\n          layout={btnShape}\n          size={size}\n          btnBackground={btnBackground}\n          btnColor={btnColor}\n        >\n          <FaPlus />\n          <span className=\"sr-only\">Add</span>\n        </Button>\n      </div>\n      {hint && (\n        <p\n          className={`hint text-sm font-normal mt-[.5em] dark:text-light ${error && \"text-error\"}`}\n        >\n          {title}\n        </p>\n      )}\n    </Label>\n  );\n};\n\nexport default Counter;\n"]}

package/lib/counter/index.js

@@ -0,0 +1,2 @@
+export { default as Counter } from './Counter';
+//# sourceMappingURL=index.js.map

package/lib/counter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/counter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA","sourcesContent":["export { default as Counter } from './Counter'\n"]}

package/lib/counter/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/counter/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/counter/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface CounterProps extends React.HTMLAttributes<HTMLLabelElement> {\n  name?: string;\n  id?: string;\n  min: number;\n  max: number;\n  value: number;\n  step?: number;\n  className?: string;\n  label: string;\n  labelIsBold?: boolean;\n  layout?: \"col\" | \"row\";\n  onCountChange: (count: number) => void;\n  inputStyles?: string;\n  btnShape?: \"square\" | \"circle\" | \"rounded\";\n  btnBackground?: \"info\" | \"primary\" | \"dark\" | \"light\" | \"transparent\";\n  btnColor?: \"dark\" | \"light\" | \"current\";\n  size?: \"md\" | \"lg\";\n  spacing?: \"0\" | \"1\" | \"2\" | \"4\";\n  title?: string;\n  hint?: boolean;\n  rounded?: \"none\" | \"md\" | \"lg\" | \"full\";\n}\n"]}

package/lib/datatable/DataTable.js

@@ -0,0 +1,44 @@
+"use client";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useRef } from "react";
+import { twMerge } from "tailwind-merge";
+import { titleCase } from "@smitch/js-lib";
+var DataTable = function (_a) {
+    var className = _a.className, data = _a.data, ignore = _a.ignore, caption = _a.caption, dividersX = _a.dividersX, dividersY = _a.dividersY, _b = _a.sortable, sortable = _b === void 0 ? true : _b;
+    var _c = useState(data), tabledata = _c[0], setTabledata = _c[1];
+    var _d = useState(""), sortby = _d[0], setSortby = _d[1];
+    var _e = useState(true), ascending = _e[0], setAscending = _e[1];
+    var scrollRef = useRef(null);
+    var isIgnore = function (key) {
+        if (!(ignore === null || ignore === void 0 ? void 0 : ignore.length))
+            return false;
+        if (ignore.indexOf(key) !== -1)
+            return true;
+        return false;
+    };
+    var sort = useCallback(function (key) {
+        var asc = key === sortby ? !ascending : true;
+        setTabledata(__spreadArray([], data, true).sort(function (a, b) { return (asc ? (a[key] > b[key] ? 1 : -1) : a[key] < b[key] ? 1 : -1); }));
+        setAscending(asc);
+        setSortby(key);
+        if (scrollRef.current) {
+            scrollRef.current.scrollTop = 0;
+        }
+    }, [data, ascending, sortby]);
+    return (_jsx("div", { ref: scrollRef, className: "overflow-x-auto max-h-96 md:max-h-none", children: _jsxs("table", { className: twMerge("table table-fixed bg-white dark:bg-black group dark:border-slate-800 border text-base md:text-lg lg:text-xl ".concat(dividersX ? "dividersX" : "", " ").concat(dividersY ? "dividersY" : ""), className), children: [caption && (_jsx("caption", { className: "text-start text-lg md:text-xl lg:text-2x md:pb-2", children: caption })), _jsx("thead", { className: "sticky top-0 bg-slate-200 dark:bg-slate-600", children: _jsx("tr", { className: "group-[.dividersX]:border-b-2 dark:border-slate-800", children: Object.keys(tabledata[0]).map(function (key, index) {
+                            return !isIgnore(key) && (_jsx("th", { onClick: function () { return sort(key); }, className: "p-2 group-[.dividersY]:border-r dark:border-slate-800\n\t\t\t\t\t\t\t\t\t\t\t".concat(typeof data[0][key] === "number" ? "justify-end text-end" : "justify-start text-start", "\n\t\t\t\t\t\t\t\t\t\t"), children: sortable ? (_jsx("span", { className: "cursor-pointer border-b border-dashed border-current hover:text-info ".concat(key === sortby ? "text-info" : ""), children: titleCase(key) })) : (titleCase(key)) }, index));
+                        }) }) }), _jsx("tbody", { children: tabledata.map(function (obj, index) { return (_jsx("tr", { className: "group-[.dividersX]:border-b dark:border-slate-800", children: Object.keys(obj).map(function (key, index) {
+                            return !isIgnore(key) && (_jsx("td", { className: "p-2 group-[.dividersY]:border-r dark:border-slate-800\n\t\t\t\t\t\t\t\t\t\t\t\t".concat(typeof obj[key] === "number" ? "justify-end text-end" : "justify-start text-start"), children: obj[key] }, index));
+                        }) }, index)); }) })] }) }));
+};
+export default DataTable;
+//# sourceMappingURL=DataTable.js.map