@embeddable.com/remarkable-ui 0.1.9 → 0.1.10

package/dist/embeddable-components.json

@@ -3,15 +3,15 @@
     "DateRangeSelectFieldPro",
     "MultiSelectFieldPro",
     "SingleSelectFieldPro",
+    "BarChartDefaultPro",
+    "BarChartGroupedHorizontalPro",
     "BarChartDefaultHorizontalPro",
+    "BarChartStackedHorizontalPro",
+    "BarChartGroupedPro",
+    "BarChartStackedPro",
     "DonutLabelChartPro",
-    "BarChartGroupedHorizontalPro",
-    "PieChartPro",
     "DonutChartPro",
-    "BarChartStackedPro",
-    "BarChartGroupedPro",
-    "BarChartDefaultPro",
-    "BarChartStackedHorizontalPro"
+    "PieChartPro"
   ],
   "editors": [],
   "plugin": "react"

package/dist/index.js

@@ -1,19 +1,220 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+import { I as g } from "./object.utils-DgP__R-5.js";
+import { C as ms, S as hs, g as ds, r as xs, s as bs } from "./object.utils-DgP__R-5.js";
+import { j as s, U as m, W as v, X as S, Y as I, Z as N, _ as C } from "./component.constants-Bu7urPvk.js";
+import { $ as _s, a6 as fs, a0 as Cs, a5 as ys, a7 as js, a2 as ws, a3 as gs, a1 as vs, a4 as Ss, Q as Is, d as Ns, a8 as $s, c as ks, z as Ps, b as Ts, ai as Ls, aj as As, C as Ms, B as Bs, R as Ds, i as Fs, S as Rs, w as zs, a as Os, T as Ws, r as Es, p as Xs, h as qs, s as Us, g as Vs, e as Ys, ak as Gs, A as Hs, f as Ks, af as Qs, ae as Zs, ag as Js, ad as sa, ab as aa, ah as ea, ac as ta, a9 as na, aa as oa, t as ra, x as ia, v as ca, l as la, k as ua, y as ma, n as ha, u as da, q as xa } from "./component.constants-Bu7urPvk.js";
+import { useRef as $, useState as k, useEffect as P } from "react";
+import { B as T } from "./BaseButton-B7Q1U50t.js";
+import { E as pa, S as _a } from "./EditorCard-DT7pj7pD.js";
+import { B as f } from "./index-CE1y_sl-.js";
+import { b as Ca, i as ya } from "./index-CE1y_sl-.js";
+import { S as wa } from "./SingleSelectField-CZE2ZA1D.js";
+import { g as va } from "./formatter.utils-Dn4Xn4fs.js";
+import { a as Ia, g as Na } from "./pies.utils-D1yQ0gWU.js";
+import { i as ka } from "./index-DO003rMh.js";
+import { i as Ta } from "./index-XC3GHrUh.js";
+import { i as Aa } from "./index-DTBvrNIv.js";
+import { i as Ba } from "./index-DBrv4P-N.js";
+import { i as Fa } from "./index-BNnnY52a.js";
+const L = "_container_436fl_1", A = "_column_436fl_10", M = "_box_436fl_20", B = "_short_436fl_26", D = "_tall_436fl_34", a = {
+  container: L,
+  column: A,
+  box: M,
+  short: B,
+  tall: D
+}, os = ({ className: n }) => {
+  const e = $(null), [o, l] = k(2);
+  P(() => {
+    const t = () => {
+      if (!e.current) return;
+      const h = e.current.offsetWidth, y = 32, u = 16, j = 128, p = 256, d = h - y, x = Math.floor((d + u) / (j + u)), w = (d - (x - 1) * u) / x;
+      let _ = x;
+      w > p && (_ = Math.floor((d + u) / (p + u))), l(Math.max(2, _));
+    };
+    t();
+    const r = new ResizeObserver(t);
+    return e.current && r.observe(e.current), () => r.disconnect();
+  }, []);
+  const c = (t) => {
+    const r = t % 2 === 0;
+    return /* @__PURE__ */ s.jsx("div", { className: a.column, children: r ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` })
+    ] }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` })
+    ] }) }, t);
+  };
+  return /* @__PURE__ */ s.jsx("div", { ref: e, className: `${a.container} ${n || ""}`, children: Array.from({ length: o }, (t, r) => c(r)) });
+}, F = "_icon_bk4b5_1", R = "_iconPrimary_bk4b5_6", z = "_iconSecondary_bk4b5_9", O = "_buttonIcon_bk4b5_12", b = {
+  icon: F,
+  iconPrimary: R,
+  iconSecondary: z,
+  buttonIcon: O
+}, rs = ({
+  icon: n,
+  variant: e = "primary",
+  ...o
+}) => /* @__PURE__ */ s.jsx(T, { variant: e, size: "medium", className: b.buttonIcon, ...o, children: /* @__PURE__ */ s.jsx(
+  n,
+  {
+    className: m(
+      b.icon,
+      b[`icon${e.charAt(0).toUpperCase() + e.slice(1)}`]
+    )
+  }
+) }), W = "_overlay_1wzuc_1", E = {
+  overlay: W
+}, X = ({ className: n, children: e }) => /* @__PURE__ */ s.jsx("div", { className: m(E.overlay, n), children: e }), q = "_actions_pvzr9_1", U = {
+  actions: q
+}, is = ({
+  title: n,
+  message: e,
+  confirmLabel: o = "Confirm",
+  cancelLabel: l = "Cancel",
+  onConfirm: c,
+  onCancel: t,
+  className: r
+}) => /* @__PURE__ */ s.jsx(X, { children: /* @__PURE__ */ s.jsxs(v, { className: r, children: [
+  /* @__PURE__ */ s.jsx(S, { title: n, rightContent: /* @__PURE__ */ s.jsx(g, { icon: I, onClick: t }) }),
+  /* @__PURE__ */ s.jsxs(N, { children: [
+    /* @__PURE__ */ s.jsx(C, { as: "span", children: e }),
+    /* @__PURE__ */ s.jsxs("div", { className: U.actions, children: [
+      /* @__PURE__ */ s.jsx(f, { variant: "secondary", size: "medium", onClick: t, children: l }),
+      /* @__PURE__ */ s.jsx(f, { variant: "primary", size: "medium", onClick: c, children: o })
+    ] })
+  ] })
+] }) }), V = "_switchContainer_nupfs_1", Y = "_switchLabel_nupfs_8", G = "_switchInput_nupfs_14", H = "_switchTrack_nupfs_21", K = "_switchThumb_nupfs_51", Q = "_checked_nupfs_66", Z = "_disabled_nupfs_78", J = "_labelText_nupfs_100", i = {
+  switchContainer: V,
+  switchLabel: Y,
+  switchInput: G,
+  switchTrack: H,
+  switchThumb: K,
+  checked: Q,
+  disabled: Z,
+  labelText: J
+}, cs = ({
+  checked: n,
+  onChange: e,
+  disabled: o = !1,
+  className: l,
+  label: c,
+  ...t
+}) => {
+  const r = (h) => {
+    !o && e && e(h.target.checked);
+  };
+  return t["aria-label"] || console.warn(
+    "Switch component requires either a label prop or aria-label prop for accessibility"
+  ), /* @__PURE__ */ s.jsx("div", { className: m(i.switchContainer, l), children: /* @__PURE__ */ s.jsxs(
+    "label",
+    {
+      className: m(i.switchLabel, n && i.checked, o && i.disabled),
+      children: [
+        /* @__PURE__ */ s.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: n,
+            onChange: r,
+            disabled: o,
+            className: i.switchInput,
+            role: "switch",
+            "aria-checked": n,
+            "aria-disabled": o,
+            ...t
+          }
+        ),
+        /* @__PURE__ */ s.jsx("span", { className: i.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("span", { className: i.switchThumb, "aria-hidden": "true" }) }),
+        c && /* @__PURE__ */ s.jsx(C, { as: "span", className: m(i.labelText, o && i.disabled), children: c })
+      ]
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+  ) });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./remarkable-ui"), exports);
-__exportStar(require("./remarkable-pro"), exports);
-//# sourceMappingURL=index.js.map
+export {
+  f as Button,
+  rs as ButtonIcon,
+  v as Card,
+  N as CardContent,
+  _s as CardContentInfo,
+  S as CardHeader,
+  ms as ChartCard,
+  is as ConfirmCancelModal,
+  Fa as DateRangeSelectFieldPro,
+  fs as DonutChart,
+  Ta as DonutChartPro,
+  Aa as DonutLabelChartPro,
+  Cs as Dropdown,
+  pa as EditorCard,
+  os as EmptyStateSkeleton,
+  g as IconButton,
+  Ca as MultiSelectField,
+  ya as MultiSelectFieldPro,
+  ys as NumberField,
+  X as PageOverlay,
+  js as PieChart,
+  ka as PieChartPro,
+  ws as SelectButton,
+  gs as SelectList,
+  vs as SelectListOption,
+  _a as SelectListOptions,
+  wa as SingleSelectField,
+  Ba as SingleSelectFieldPro,
+  hs as Skeleton,
+  cs as Switch,
+  Ss as TextField,
+  C as Typography,
+  Is as chartColors,
+  Ns as dataset,
+  $s as defaultPieChartOptions,
+  ks as description,
+  Ps as dimension,
+  Ts as dimensionWithDateBounds,
+  Ls as dimensions,
+  As as displayPercentages,
+  Ia as getDefaultPieChartOptions,
+  ds as getObjectStableKey,
+  Na as getPieChartData,
+  Ms as getStyle,
+  Bs as getStyleNumber,
+  va as getThemeFormatter,
+  Ds as i18n,
+  Fs as i18nSetup,
+  Rs as maxLegendItems,
+  zs as measure,
+  Os as measures,
+  Ws as placeholder,
+  xs as remarkableTheme,
+  Es as resolveI18nProps,
+  Xs as reverseXAxis,
+  qs as reverseYAxis,
+  Us as showLegend,
+  Vs as showLogarithmicScale,
+  Ys as showTooltips,
+  Gs as showTopItems,
+  Hs as showTotalLabels,
+  Ks as showValueLabels,
+  bs as styles,
+  Qs as subInputAbbreviateLargeNumber,
+  Zs as subInputCurrency,
+  Js as subInputDateBounds,
+  sa as subInputDecimalPlaces,
+  aa as subInputDisplayName,
+  ea as subInputGranularity,
+  ta as subInputMaxCharacters,
+  na as subInputPrefix,
+  oa as subInputSuffix,
+  ra as title,
+  ia as xAxisLabel,
+  ca as xAxisMaxItems,
+  la as xAxisRangeMax,
+  ua as xAxisRangeMin,
+  ma as yAxisLabel,
+  ha as yAxisMaxItems,
+  da as yAxisRangeMax,
+  xa as yAxisRangeMin
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,mDAAiC"}
+{"version":3,"file":"index.js","sources":["../src/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.tsx","../src/remarkable-ui/shared/ButtonIcon/ButtonIcon.tsx","../src/remarkable-ui/shared/PageOverlay/PageOverlay.tsx","../src/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.tsx","../src/remarkable-ui/shared/Switch/Switch.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport styles from './EmptyStateSkeleton.module.css';\n\ninterface EmptyStateSkeletonProps {\n  className?: string;\n}\n\nexport const EmptyStateSkeleton: React.FC<EmptyStateSkeletonProps> = ({ className }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [visibleColumns, setVisibleColumns] = useState(2);\n\n  useEffect(() => {\n    const calculateColumns = () => {\n      if (!containerRef.current) return;\n\n      const containerWidth = containerRef.current.offsetWidth;\n      const padding = 32; // 2rem total padding (1rem each side)\n      const gap = 16; // 1rem gap between columns\n      const minColumnWidth = 128; // 8rem\n      const maxColumnWidth = 256; // 16rem\n\n      const availableWidth = containerWidth - padding;\n\n      // Calculate how many columns can fit at minimum width\n      const maxPossibleColumns = Math.floor((availableWidth + gap) / (minColumnWidth + gap));\n\n      // Calculate actual column width if we use maxPossibleColumns\n      const actualColumnWidth =\n        (availableWidth - (maxPossibleColumns - 1) * gap) / maxPossibleColumns;\n\n      // If columns would be wider than max width, reduce column count\n      let finalColumns = maxPossibleColumns;\n      if (actualColumnWidth > maxColumnWidth) {\n        finalColumns = Math.floor((availableWidth + gap) / (maxColumnWidth + gap));\n      }\n\n      setVisibleColumns(Math.max(2, finalColumns)); // Minimum 2 columns\n    };\n\n    calculateColumns();\n\n    const resizeObserver = new ResizeObserver(calculateColumns);\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const renderColumn = (index: number) => {\n    const isEvenColumn = index % 2 === 0;\n    return (\n      <div key={index} className={styles.column}>\n        {isEvenColumn ? (\n          <>\n            <div className={`${styles.box} ${styles.short}`}></div>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n            <div className={`${styles.box} ${styles.short}`}></div>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n          </>\n        ) : (\n          <>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n            <div className={`${styles.box} ${styles.short}`}></div>\n            <div className={`${styles.box} ${styles.tall}`}></div>\n            <div className={`${styles.box} ${styles.short}`}></div>\n          </>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div ref={containerRef} className={`${styles.container} ${className || ''}`}>\n      {Array.from({ length: visibleColumns }, (_, index) => renderColumn(index))}\n    </div>\n  );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './ButtonIcon.module.css';\nimport { BaseButton, type BaseButtonProps } from '../BaseButton';\nimport { TablerIcon } from '@tabler/icons-react';\n\ntype ButtonIconProps = Omit<BaseButtonProps, 'size'> & {\n  icon: TablerIcon;\n};\n\nexport const ButtonIcon: React.FC<ButtonIconProps> = ({\n  icon: Icon,\n  variant = 'primary',\n  ...props\n}) => {\n  return (\n    <BaseButton variant={variant} size=\"medium\" className={styles.buttonIcon} {...props}>\n      <Icon\n        className={clsx(\n          styles.icon,\n          styles[`icon${variant.charAt(0).toUpperCase() + variant.slice(1)}`],\n        )}\n      />\n    </BaseButton>\n  );\n};\n","import clsx from 'clsx';\nimport styles from './PageOverlay.module.css';\nimport type { PageOverlayProps } from './PageOverlay.types';\n\nexport const PageOverlay: React.FC<PageOverlayProps> = ({ className, children }) => {\n  return <div className={clsx(styles.overlay, className)}>{children}</div>;\n};\n","import React from 'react';\nimport { Card, CardHeader, CardContent } from '../Card/Card';\nimport { Button } from '../Button/Button';\nimport { Typography } from '../Typography/Typography';\nimport styles from './ConfirmCancelModal.module.css';\nimport type { ConfirmCancelModalProps } from './ConfirmCancelModal.types';\nimport { PageOverlay } from '../PageOverlay';\nimport { IconX } from '@tabler/icons-react';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport const ConfirmCancelModal: React.FC<ConfirmCancelModalProps> = ({\n  title,\n  message,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  onConfirm,\n  onCancel,\n  className,\n}) => {\n  return (\n    <PageOverlay>\n      <Card className={className}>\n        <CardHeader title={title} rightContent={<IconButton icon={IconX} onClick={onCancel} />} />\n        <CardContent>\n          <Typography as=\"span\">{message}</Typography>\n          <div className={styles.actions}>\n            <Button variant=\"secondary\" size=\"medium\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n            <Button variant=\"primary\" size=\"medium\" onClick={onConfirm}>\n              {confirmLabel}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </PageOverlay>\n  );\n};\n","import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Switch.module.css';\nimport { Typography } from '../Typography/Typography';\n\ntype SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n  label?: string;\n};\n\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  onChange,\n  disabled = false,\n  className,\n  label,\n  ...props\n}) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!disabled && onChange) {\n      onChange(event.target.checked);\n    }\n  };\n\n  // Ensure accessibility: either aria-label must be provided\n  if (!props['aria-label']) {\n    console.warn(\n      'Switch component requires either a label prop or aria-label prop for accessibility',\n    );\n  }\n\n  return (\n    <div className={clsx(styles.switchContainer, className)}>\n      <label\n        className={clsx(styles.switchLabel, checked && styles.checked, disabled && styles.disabled)}\n      >\n        <input\n          type=\"checkbox\"\n          checked={checked}\n          onChange={handleChange}\n          disabled={disabled}\n          className={styles.switchInput}\n          role=\"switch\"\n          aria-checked={checked}\n          aria-disabled={disabled}\n          {...props}\n        />\n        <span className={styles.switchTrack} aria-hidden=\"true\">\n          <span className={styles.switchThumb} aria-hidden=\"true\" />\n        </span>\n        {label && (\n          <Typography as=\"span\" className={clsx(styles.labelText, disabled && styles.disabled)}>\n            {label}\n          </Typography>\n        )}\n      </label>\n    </div>\n  );\n};\n"],"names":["EmptyStateSkeleton","className","containerRef","useRef","visibleColumns","setVisibleColumns","useState","useEffect","calculateColumns","containerWidth","padding","gap","minColumnWidth","maxColumnWidth","availableWidth","maxPossibleColumns","actualColumnWidth","finalColumns","resizeObserver","renderColumn","index","isEvenColumn","styles","jsxs","Fragment","jsx","_","ButtonIcon","Icon","variant","props","BaseButton","clsx","PageOverlay","children","ConfirmCancelModal","title","message","confirmLabel","cancelLabel","onConfirm","onCancel","Card","CardHeader","IconButton","IconX","CardContent","Typography","Button","Switch","checked","onChange","disabled","label","handleChange","event"],"mappings":"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"}

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties, FC } from 'react';
+import { default as React, CSSProperties, FC } from 'react';
 import { DataResponse, Dimension, Measure } from '@embeddable.com/core';
 type ChartCardProps = {
     title: string;

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.d.ts

@@ -1,13 +1,13 @@
 declare const meta: {
-    component: import("react").FC<{
+    component: import('react').FC<{
         title: string;
         subtitle?: string;
         children: React.ReactNode;
-        data: import("@embeddable.com/core").DataResponse;
+        data: import('@embeddable.com/core').DataResponse;
         isLoading?: boolean;
         errorMessage?: string;
-        style?: import("react").CSSProperties;
-        dimensionsAndMeasures?: (import("@embeddable.com/core").Dimension | import("@embeddable.com/core").Measure)[];
+        style?: import('react').CSSProperties;
+        dimensionsAndMeasures?: (import('@embeddable.com/core').Dimension | import('@embeddable.com/core').Measure)[];
     }>;
 };
 export default meta;

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';
 type ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, 'theme'>;
 export declare const ChartCardMenuPro: React.FC<ChartCardMenuProProps>;

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.stories.d.ts

@@ -1,11 +1,11 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").FC<{
+    component: import('react').FC<{
         title?: string | undefined;
         data?: {
             [attr: string]: any;
         }[] | undefined;
-        dimensionsAndMeasures?: (import("@embeddable.com/core").Dimension | import("@embeddable.com/core").Measure)[] | undefined;
+        dimensionsAndMeasures?: (import('@embeddable.com/core').Dimension | import('@embeddable.com/core').Measure)[] | undefined;
         containerRef?: React.RefObject<HTMLDivElement | null> | undefined;
     }>;
 };

package/dist/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.stories.d.ts

@@ -1,10 +1,10 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     component: (props: {
         description?: string;
-        onChange: (selectedTimeRange: import("@embeddable.com/core").TimeRange) => void;
+        onChange: (selectedTimeRange: import('@embeddable.com/core').TimeRange) => void;
         placeholder?: string;
-        selectedValue: import("@embeddable.com/core").TimeRange;
+        selectedValue: import('@embeddable.com/core').TimeRange;
         title?: string;
     }) => import("react/jsx-runtime").JSX.Element | null;
 };

package/dist/remarkable-pro/components/editors/shared/EditorCard/EditorCard.stories.d.ts

@@ -1,5 +1,5 @@
 declare const meta: {
-    component: import("react").FC<{
+    component: import('react').FC<{
         title?: string;
         subtitle?: string;
         children: React.ReactNode;

package/dist/remarkable-pro/theme/i18n/i18n.d.ts

@@ -1,4 +1,4 @@
-import i18n from 'i18next';
+import { default as i18n } from 'i18next';
 import { Theme } from '../theme.types';
 declare const i18nSetup: (theme: Theme) => void;
 export { i18nSetup, i18n };

package/dist/remarkable-pro/theme/styles/styles.constants.d.ts

@@ -1,2 +1,2 @@
-export declare const remarkableThemeStyles: import("../../../remarkable-ui/styles/styles.constants").Styles;
+export declare const remarkableThemeStyles: import('../../../remarkable-ui/styles/styles.constants').Styles;
 //# sourceMappingURL=styles.constants.d.ts.map

package/dist/remarkable-ui/charts/bars/BarChart.stories.d.ts

@@ -1,6 +1,6 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").FC<import("./bars.types").BaseBarChartProps>;
+    component: import('react').FC<import('./bars.types').BaseBarChartProps>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/remarkable-ui/charts/pies/DonutChart.stories.d.ts

@@ -1,6 +1,6 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").FC<import("./DonutChart").DonutLabelChartProps>;
+    component: import('react').FC<import('./DonutChart').DonutLabelChartProps>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/remarkable-ui/charts/pies/PieChart.stories.d.ts

@@ -1,6 +1,6 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").FC<import("./pies.types").BasePieChartProps>;
+    component: import('react').FC<import('./pies.types').BasePieChartProps>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/remarkable-ui/editors/InputField/InputField.d.ts

@@ -7,12 +7,12 @@ export type InputFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>,
     onChange: (value: string) => void;
     clearable?: boolean;
 };
-export declare const InputField: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+export declare const InputField: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
     value?: string;
     placeholder?: string;
     startIcon?: TablerIcon;
     endIcon?: TablerIcon;
     onChange: (value: string) => void;
     clearable?: boolean;
-} & import("react").RefAttributes<HTMLInputElement>>;
+} & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=InputField.d.ts.map

package/dist/remarkable-ui/editors/NumberField/NumberField.d.ts

@@ -1,9 +1,9 @@
 import { InputFieldProps } from '../InputField/InputField';
-export declare const NumberField: import("react").ForwardRefExoticComponent<Omit<InputFieldProps, "onChange" | "value"> & {
+export declare const NumberField: import('react').ForwardRefExoticComponent<Omit<InputFieldProps, "onChange" | "value"> & {
     value?: number | null;
     step?: number;
     min?: number;
     max?: number;
     onChange?: (value: number | null) => void;
-} & import("react").RefAttributes<HTMLInputElement>>;
+} & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=NumberField.d.ts.map

package/dist/remarkable-ui/editors/NumberField/NumberField.stories.d.ts

@@ -1,12 +1,12 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").ForwardRefExoticComponent<Omit<import("../InputField/InputField").InputFieldProps, "onChange" | "value"> & {
+    component: import('react').ForwardRefExoticComponent<Omit<import('../InputField/InputField').InputFieldProps, "onChange" | "value"> & {
         value?: number | null;
         step?: number;
         min?: number;
         max?: number;
         onChange?: (value: number | null) => void;
-    } & import("react").RefAttributes<HTMLInputElement>>;
+    } & import('react').RefAttributes<HTMLInputElement>>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/remarkable-ui/editors/TextField/TextField.d.ts

@@ -1,9 +1,9 @@
-export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+export declare const TextField: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
     value?: string;
     placeholder?: string;
-    startIcon?: import("@tabler/icons-react").TablerIcon;
-    endIcon?: import("@tabler/icons-react").TablerIcon;
+    startIcon?: import('@tabler/icons-react').TablerIcon;
+    endIcon?: import('@tabler/icons-react').TablerIcon;
     onChange: (value: string) => void;
     clearable?: boolean;
-} & import("react").RefAttributes<HTMLInputElement>>;
+} & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=TextField.d.ts.map

package/dist/remarkable-ui/editors/TextField/TextField.stories.d.ts

@@ -1,13 +1,13 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+    component: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
         value?: string;
         placeholder?: string;
-        startIcon?: import("@tabler/icons-react").TablerIcon;
-        endIcon?: import("@tabler/icons-react").TablerIcon;
+        startIcon?: import('@tabler/icons-react').TablerIcon;
+        endIcon?: import('@tabler/icons-react').TablerIcon;
         onChange: (value: string) => void;
         clearable?: boolean;
-    } & import("react").RefAttributes<HTMLInputElement>>;
+    } & import('react').RefAttributes<HTMLInputElement>>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts

@@ -1,6 +1,6 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").FC<import("./MultiSelectField").MultiSelectFieldProps>;
+    component: import('react').FC<import('./MultiSelectField').MultiSelectFieldProps>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts

@@ -1,6 +1,6 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").FC<import("./SingleSelectField").SingleSelectFieldProps>;
+    component: import('react').FC<import('./SingleSelectField').SingleSelectFieldProps>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/remarkable-ui/editors/select/shared/SelectButton/SelectButton.d.ts

@@ -1,10 +1,10 @@
 import { TablerIcon } from '@tabler/icons-react';
-export declare const SelectButton: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const SelectButton: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
     startIcon?: TablerIcon;
     valueLabel?: string;
     placeholder?: string;
     isClearable?: boolean;
     isLoading?: boolean;
     onClear?: () => void;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+} & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=SelectButton.d.ts.map

package/dist/remarkable-ui/shared/BaseButton/BaseButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type BaseButtonProps = {
     variant?: 'primary' | 'secondary';
     size?: 'small' | 'medium';

package/dist/remarkable-ui/shared/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { TablerIcon } from '@tabler/icons-react';
-import { type BaseButtonProps } from '../BaseButton';
+import { BaseButtonProps } from '../BaseButton';
 type ButtonProps = BaseButtonProps & {
     startIcon?: TablerIcon;
     endIcon?: TablerIcon;

package/dist/remarkable-ui/shared/Button/Button.stories.d.ts

@@ -1,12 +1,12 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").FC<{
+    component: import('react').FC<{
         variant?: "primary" | "secondary";
         size?: "small" | "medium";
         ref?: React.Ref<HTMLButtonElement>;
-    } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-        startIcon?: import("@tabler/icons-react").TablerIcon;
-        endIcon?: import("@tabler/icons-react").TablerIcon;
+    } & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+        startIcon?: import('@tabler/icons-react').TablerIcon;
+        endIcon?: import('@tabler/icons-react').TablerIcon;
         children: string;
         size: "small" | "medium";
     }>;

package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type BaseButtonProps } from '../BaseButton';
+import { default as React } from 'react';
+import { BaseButtonProps } from '../BaseButton';
 import { TablerIcon } from '@tabler/icons-react';
 type ButtonIconProps = Omit<BaseButtonProps, 'size'> & {
     icon: TablerIcon;

package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.stories.d.ts

@@ -1,7 +1,7 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").FC<Omit<import("../BaseButton").BaseButtonProps, "size"> & {
-        icon: import("@tabler/icons-react").TablerIcon;
+    component: import('react').FC<Omit<import('../BaseButton').BaseButtonProps, "size"> & {
+        icon: import('@tabler/icons-react').TablerIcon;
     }>;
 };
 export default meta;

package/dist/remarkable-ui/shared/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     children: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/remarkable-ui/shared/Card/Card.stories.d.ts

@@ -1,7 +1,7 @@
 declare const meta: {
-    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
         children: React.ReactNode;
-    } & import("react").RefAttributes<HTMLDivElement>>;
+    } & import('react').RefAttributes<HTMLDivElement>>;
 };
 export default meta;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { ConfirmCancelModalProps } from './ConfirmCancelModal.types';
+import { default as React } from 'react';
+import { ConfirmCancelModalProps } from './ConfirmCancelModal.types';
 export declare const ConfirmCancelModal: React.FC<ConfirmCancelModalProps>;
 //# sourceMappingURL=ConfirmCancelModal.d.ts.map

package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.stories.d.ts

@@ -1,6 +1,6 @@
-import type { StoryObj } from '@storybook/react-webpack5';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import("react").FC<import("./ConfirmCancelModal.types").ConfirmCancelModalProps>;
+    component: import('react').FC<import('./ConfirmCancelModal.types').ConfirmCancelModalProps>;
     parameters: {
         layout: string;
     };

package/dist/remarkable-ui/shared/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
-import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import { FC } from 'react';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 export type DropdownProps = {
     triggerComponent: React.ReactNode;
     children: React.ReactNode;