@embeddable.com/remarkable-ui 0.1.7 → 0.1.9

package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithState = exports.WithStartIcon = exports.SmallButtonRightSideLabel = exports.SmallButtonSmallText = exports.SmallButtonLongText = exports.Disabled = exports.Filled = exports.Empty = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const preview_api_1 = require("storybook/internal/preview-api");
+const SingleSelectField_1 = require("./SingleSelectField");
+const icons_react_1 = require("@tabler/icons-react");
+const meta = {
+    component: SingleSelectField_1.SingleSelectField,
+};
+exports.default = meta;
+const mockLongOptions = [
+    {
+        value: 'red',
+        label: 'Red - The color of passion and energy, often associated with excitement, love, and intensity.',
+    },
+    {
+        value: 'green',
+        label: 'Green - The color of nature and growth, symbolizing renewal, harmony, and freshness.',
+    },
+    { value: 'yellow', label: 'Yellow - The color of sunshine, happiness, and optimism.' },
+    {
+        value: 'orange',
+        label: 'Orange - A vibrant color representing enthusiasm, creativity, and encouragement.',
+    },
+    { value: 'purple', label: 'Purple - Associated with royalty, luxury, and ambition.' },
+    { value: 'pink', label: 'Pink - The color of compassion, nurturing, and love.' },
+    { value: 'brown', label: 'Brown - The color of stability, reliability, and comfort.' },
+    { value: 'gray', label: 'Gray - A neutral color representing balance and calm.' },
+    { value: 'black', label: 'Black - The color of elegance, mystery, and sophistication.' },
+];
+const mockOptions = [
+    { value: 'red', label: 'Red', rightLabel: 'This is color Red' },
+    { value: 'green', label: 'Green', rightLabel: 'This is color Green' },
+    { value: 'blue', label: 'Blue', rightLabel: 'This is color Blue' },
+    { value: 'yellow', label: 'Yellow', rightLabel: 'This is color Yellow' },
+    { value: 'orange', label: 'Orange', rightLabel: 'This is color Orange' },
+    { value: 'purple', label: 'Purple', rightLabel: 'This is color Purple' },
+    { value: 'pink', label: 'Pink', rightLabel: 'This is color Pink' },
+    { value: 'brown', label: 'Brown', rightLabel: 'This is color Brown' },
+    { value: 'gray', label: 'Gray', rightLabel: 'This is color Gray' },
+    { value: 'black', label: 'Black', rightLabel: 'This is color Black' },
+];
+const mockOptionsWithRightLabel = [
+    { value: 'red', label: 'Red', rightLabel: 'This is color Red' },
+    { value: 'green', label: 'Green', rightLabel: 'This is color Green' },
+    { value: 'blue', label: 'Blue', rightLabel: 'This is color Blue' },
+    { value: 'yellow', label: 'Yellow', rightLabel: 'This is color Yellow' },
+    { value: 'orange', label: 'Orange', rightLabel: 'This is color Orange' },
+    { value: 'purple', label: 'Purple', rightLabel: 'This is color Purple' },
+    { value: 'pink', label: 'Pink', rightLabel: 'This is color Pink' },
+    { value: 'brown', label: 'Brown', rightLabel: 'This is color Brown' },
+    { value: 'gray', label: 'Gray', rightLabel: 'This is color Gray' },
+    { value: 'black', label: 'Black', rightLabel: 'This is color Black' },
+];
+exports.Empty = {
+    args: {
+        value: '',
+        isSearchable: true,
+        options: mockOptions,
+        onChange: (value) => console.log('onChange', value),
+    },
+};
+exports.Filled = {
+    args: {
+        value: mockOptions[0].value,
+        options: mockOptions,
+        isSearchable: true,
+        onChange: (value) => console.log('onChange', value),
+    },
+};
+exports.Disabled = {
+    args: {
+        disabled: true,
+        value: '',
+        options: mockOptions,
+        onChange: (value) => console.log('onChange', value),
+    },
+};
+const SmallButtonLongText = () => ((0, jsx_runtime_1.jsx)("div", { style: { width: 200 }, children: (0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { isClearable: true, value: mockLongOptions[0].value, options: mockLongOptions, isSearchable: true, onChange: (value) => console.log('onChange', value) }) }));
+exports.SmallButtonLongText = SmallButtonLongText;
+const SmallButtonSmallText = () => ((0, jsx_runtime_1.jsx)("div", { style: { width: 200 }, children: (0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { isClearable: true, value: mockOptions[0].value, options: mockOptions, isSearchable: true, onChange: (value) => console.log('onChange', value) }) }));
+exports.SmallButtonSmallText = SmallButtonSmallText;
+const SmallButtonRightSideLabel = () => ((0, jsx_runtime_1.jsx)("div", { style: { width: 200 }, children: (0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { isClearable: true, value: mockOptionsWithRightLabel[0].value, options: mockOptionsWithRightLabel, isSearchable: true, onChange: (value) => console.log('onChange', value) }) }));
+exports.SmallButtonRightSideLabel = SmallButtonRightSideLabel;
+exports.WithStartIcon = {
+    args: {
+        value: '',
+        startIcon: icons_react_1.IconPalette,
+        isSearchable: true,
+        isClearable: true,
+        options: mockOptions,
+        placeholder: 'Select a color',
+        onChange: (value) => console.log('onChange', value),
+    },
+};
+exports.WithState = {
+    render: (args) => {
+        const [{ value }, updateArgs] = (0, preview_api_1.useArgs)();
+        return ((0, jsx_runtime_1.jsx)(SingleSelectField_1.SingleSelectField, { ...args, value: value, onChange: (newValue) => updateArgs({ value: newValue }) }));
+    },
+    args: {
+        value: '',
+        isClearable: true,
+        isSearchable: true,
+        options: mockOptions,
+        onChange: (value) => console.log('onChange', value),
+    },
+};
+//# sourceMappingURL=SingleSelectField.stories.js.map

package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectField.stories.js","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.tsx"],"names":[],"mappings":"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"}

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/editors/select/shared/SelectButton/SelectButton.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SelectButton_module_css_1 = __importDefault(require("./SelectButton.module.css"));
+const icons_react_1 = require("@tabler/icons-react");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+const Typography_1 = require("../../../../shared/Typography/Typography");
+exports.SelectButton = (0, react_1.forwardRef)(({ startIcon: StartIcon, valueLabel, placeholder = 'Select', isClearable, isLoading, onClear, ...props }, ref) => {
+    const displayValue = valueLabel || placeholder;
+    const showClearButton = valueLabel && isClearable;
+    const handleClear = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onClear?.();
+    };
+    return ((0, jsx_runtime_1.jsxs)("button", { ref: ref, className: (0, clsx_1.default)(SelectButton_module_css_1.default.button, showClearButton && SelectButton_module_css_1.default.hasValue), ...props, children: [(0, jsx_runtime_1.jsxs)("span", { className: SelectButton_module_css_1.default.leftContent, children: [StartIcon && (0, jsx_runtime_1.jsx)(StartIcon, {}), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { as: "span", children: displayValue })] }), (0, jsx_runtime_1.jsxs)("span", { className: SelectButton_module_css_1.default.rightContent, children: [showClearButton && (0, jsx_runtime_1.jsx)(icons_react_1.IconX, { onPointerDown: handleClear }), isLoading ? (0, jsx_runtime_1.jsx)(icons_react_1.IconLoader2, { className: SelectButton_module_css_1.default.loading }) : (0, jsx_runtime_1.jsx)(icons_react_1.IconCaretDownFilled, {})] })] }));
+});
+exports.SelectButton.displayName = 'SelectButton';
+//# sourceMappingURL=SelectButton.js.map

package/dist/remarkable-ui/editors/select/shared/SelectButton/SelectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.js","sourceRoot":"","sources":["../../../../../../src/remarkable-ui/editors/select/shared/SelectButton/SelectButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,wFAA+C;AAC/C,qDAA0F;AAC1F,gDAAwB;AACxB,iCAAmC;AACnC,yEAAsE;AAWzD,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EACE,SAAS,EAAE,SAAS,EACpB,UAAU,EACV,WAAW,GAAG,QAAQ,EACtB,WAAW,EACX,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,UAAU,IAAI,WAAW,CAAC;IAE/C,MAAM,eAAe,GAAG,UAAU,IAAI,WAAW,CAAC;IAElD,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC1C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,oCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,iCAAM,CAAC,MAAM,EAAE,eAAe,IAAI,iCAAM,CAAC,QAAQ,CAAC,KAC9D,KAAK,aAET,kCAAM,SAAS,EAAE,iCAAM,CAAC,WAAW,aAChC,SAAS,IAAI,uBAAC,SAAS,KAAG,EAC3B,uBAAC,uBAAU,IAAC,EAAE,EAAC,MAAM,YAAE,YAAY,GAAc,IAC5C,EACP,kCAAM,SAAS,EAAE,iCAAM,CAAC,YAAY,aACjC,eAAe,IAAI,uBAAC,mBAAK,IAAC,aAAa,EAAE,WAAW,GAAI,EACxD,SAAS,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,SAAS,EAAE,iCAAM,CAAC,OAAO,GAAI,CAAC,CAAC,CAAC,uBAAC,iCAAmB,KAAG,IAC5E,IACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/remarkable-ui/editors/select/shared/SelectList/SelectList.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SelectList_module_css_1 = __importDefault(require("./SelectList.module.css"));
+const clsx_1 = __importDefault(require("clsx"));
+const SelectList = ({ children, autoFocus, className }) => {
+    const containerRef = (0, react_1.useRef)(null);
+    const currentIndex = (0, react_1.useRef)(0);
+    (0, react_1.useEffect)(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const items = Array.from(container.querySelectorAll('[role="menuitem"], [role="searchbox"], button'));
+        const focusItem = (index) => {
+            if (index >= 0 && index < items.length) {
+                items[index]?.focus();
+                currentIndex.current = index;
+            }
+        };
+        const onKeyDown = (e) => {
+            if (items.length === 0)
+                return;
+            switch (e.key) {
+                case 'ArrowDown':
+                    e.preventDefault();
+                    focusItem((currentIndex.current + 1) % items.length);
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    focusItem((currentIndex.current - 1 + items.length) % items.length);
+                    break;
+                case 'Home':
+                    e.preventDefault();
+                    focusItem(0);
+                    break;
+                case 'End':
+                    e.preventDefault();
+                    focusItem(items.length - 1);
+                    break;
+            }
+        };
+        container.addEventListener('keydown', onKeyDown);
+        if (autoFocus) {
+            setTimeout(() => {
+                currentIndex.current = 0;
+                focusItem(0);
+            }, 0);
+        }
+        return () => {
+            container.removeEventListener('keydown', onKeyDown);
+        };
+    }, [autoFocus, children]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, tabIndex: -1, className: (0, clsx_1.default)(SelectList_module_css_1.default.list, className), children: children }));
+};
+exports.SelectList = SelectList;
+//# sourceMappingURL=SelectList.js.map

package/dist/remarkable-ui/editors/select/shared/SelectList/SelectList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../../../../../../src/remarkable-ui/editors/select/shared/SelectList/SelectList.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0C;AAC1C,oFAA6C;AAC7C,gDAAwB;AAQjB,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;IAC1F,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,SAAS,CAAC,gBAAgB,CAAC,+CAA+C,CAAC,CAC3D,CAAC;QAEnB,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE;YAClC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;gBACvC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;gBACtB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACrC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAC/B,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACd,KAAK,WAAW;oBACd,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,CAAC,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;oBACrD,MAAM;gBACR,KAAK,SAAS;oBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,CAAC,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;oBACpE,MAAM;gBACR,KAAK,MAAM;oBACT,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,CAAC,CAAC,CAAC,CAAC;oBACb,MAAM;gBACR,KAAK,KAAK;oBACR,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC5B,MAAM;YACV,CAAC;QACH,CAAC,CAAC;QAEF,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAEjD,IAAI,SAAS,EAAE,CAAC;YACd,UAAU,CAAC,GAAG,EAAE;gBACd,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC;gBACzB,SAAS,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;QAED,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,gCAAK,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,+BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,YAC1E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,UAAU,cA4DrB"}

package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.js

@@ -0,0 +1,49 @@
+"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]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectListOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DropdownMenu = __importStar(require("@radix-ui/react-dropdown-menu"));
+const SelectListOption_module_css_1 = __importDefault(require("./SelectListOption.module.css"));
+const Typography_1 = require("../../../../../../shared/Typography/Typography");
+const clsx_1 = __importDefault(require("clsx"));
+const SelectListOption = ({ value, isSelected, label, rightLabel, startIcon, endIcon, disabled, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(DropdownMenu.Item, { className: (0, clsx_1.default)(SelectListOption_module_css_1.default.listItem, disabled && SelectListOption_module_css_1.default.disabled, isSelected && SelectListOption_module_css_1.default.selected), "data-value": value, ...props, children: [(0, jsx_runtime_1.jsxs)("span", { className: SelectListOption_module_css_1.default.leftContent, children: [startIcon, (0, jsx_runtime_1.jsx)(Typography_1.Typography, { title: label, children: label })] }), (0, jsx_runtime_1.jsxs)("span", { className: SelectListOption_module_css_1.default.rightContent, children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { title: rightLabel, children: rightLabel }), endIcon] })] }));
+};
+exports.SelectListOption = SelectListOption;
+//# sourceMappingURL=SelectListOption.js.map

package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectListOption.js","sourceRoot":"","sources":["../../../../../../../../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4EAA8D;AAE9D,gGAAmD;AACnD,+EAA4E;AAC5E,gDAAwB;AAiBjB,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,KAAK,EACL,UAAU,EACV,KAAK,EACL,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,YAAY,CAAC,IAAI,IAChB,SAAS,EAAE,IAAA,cAAI,EAAC,qCAAM,CAAC,QAAQ,EAAE,QAAQ,IAAI,qCAAM,CAAC,QAAQ,EAAE,UAAU,IAAI,qCAAM,CAAC,QAAQ,CAAC,gBAChF,KAAK,KACb,KAAK,aAET,kCAAM,SAAS,EAAE,qCAAM,CAAC,WAAW,aAChC,SAAS,EACV,uBAAC,uBAAU,IAAC,KAAK,EAAE,KAAK,YAAG,KAAK,GAAc,IACzC,EACP,kCAAM,SAAS,EAAE,qCAAM,CAAC,YAAY,aAClC,uBAAC,uBAAU,IAAC,KAAK,EAAE,UAAU,YAAG,UAAU,GAAc,EACvD,OAAO,IACH,IACW,CACrB,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B"}

package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectListOptions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SelectListOptions_module_css_1 = __importDefault(require("./SelectListOptions.module.css"));
+const clsx_1 = __importDefault(require("clsx"));
+const SelectListOptions = ({ children, disabled, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)(SelectListOptions_module_css_1.default.listOptions, disabled && SelectListOptions_module_css_1.default.disabled), ...props, children: children }));
+};
+exports.SelectListOptions = SelectListOptions;
+//# sourceMappingURL=SelectListOptions.js.map

package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectListOptions.js","sourceRoot":"","sources":["../../../../../../../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx"],"names":[],"mappings":";;;;;;;AACA,kGAAoD;AACpD,gDAAwB;AAOjB,MAAM,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,cAAI,EAAC,sCAAM,CAAC,WAAW,EAAE,QAAQ,IAAI,sCAAM,CAAC,QAAQ,CAAC,KAAM,KAAK,YAC7E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,iBAAiB,qBAM5B"}

package/dist/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectSearchFocus = void 0;
+const react_1 = require("react");
+const useSelectSearchFocus = (isOpen, searchFieldRef) => {
+    (0, react_1.useEffect)(() => {
+        if (isOpen) {
+            setTimeout(() => {
+                searchFieldRef.current?.focus();
+            }, 100);
+        }
+    }, [isOpen, searchFieldRef]);
+};
+exports.useSelectSearchFocus = useSelectSearchFocus;
+//# sourceMappingURL=useSelectSearchFocus.hook.js.map

package/dist/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectSearchFocus.hook.js","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAE3B,MAAM,oBAAoB,GAAG,CAClC,MAAe,EACf,cAAwD,EACxD,EAAE;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,UAAU,CAAC,GAAG,EAAE;gBACb,cAAc,CAAC,OAAuC,EAAE,KAAK,EAAE,CAAC;YACnE,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC;AAXW,QAAA,oBAAoB,wBAW/B"}

package/dist/remarkable-ui/index.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyleNumber = exports.getStyle = exports.styles = exports.chartColors = exports.defaultPieChartOptions = exports.PieChart = exports.DonutChart = exports.NumberField = exports.TextField = exports.SingleSelectField = exports.SelectList = exports.SelectButton = exports.Switch = exports.MultiSelectField = exports.ConfirmCancelModal = exports.PageOverlay = exports.Button = exports.SelectListOptions = exports.SelectListOption = exports.Dropdown = exports.ButtonIcon = exports.IconButton = exports.Typography = exports.CardContentInfo = exports.CardHeader = exports.CardContent = exports.Card = exports.EmptyStateSkeleton = exports.Skeleton = void 0;
+// Components
+var Skeleton_1 = require("./shared/Skeleton/Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
+var EmptyStateSkeleton_1 = require("./shared/EmptyStateSkeleton/EmptyStateSkeleton");
+Object.defineProperty(exports, "EmptyStateSkeleton", { enumerable: true, get: function () { return EmptyStateSkeleton_1.EmptyStateSkeleton; } });
+var Card_1 = require("./shared/Card/Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return Card_1.CardContent; } });
+Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return Card_1.CardHeader; } });
+var CardContentInfo_1 = require("./shared/Card/CardContentInfo/CardContentInfo");
+Object.defineProperty(exports, "CardContentInfo", { enumerable: true, get: function () { return CardContentInfo_1.CardContentInfo; } });
+var Typography_1 = require("./shared/Typography/Typography");
+Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return Typography_1.Typography; } });
+var IconButton_1 = require("./shared/IconButton/IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
+var ButtonIcon_1 = require("./shared/ButtonIcon/ButtonIcon");
+Object.defineProperty(exports, "ButtonIcon", { enumerable: true, get: function () { return ButtonIcon_1.ButtonIcon; } });
+var Dropdown_1 = require("./shared/Dropdown/Dropdown");
+Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
+var SelectListOption_1 = require("./editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption");
+Object.defineProperty(exports, "SelectListOption", { enumerable: true, get: function () { return SelectListOption_1.SelectListOption; } });
+var SelectListOptions_1 = require("./editors/select/shared/SelectList/SelectListOptions/SelectListOptions");
+Object.defineProperty(exports, "SelectListOptions", { enumerable: true, get: function () { return SelectListOptions_1.SelectListOptions; } });
+var Button_1 = require("./shared/Button/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var PageOverlay_1 = require("./shared/PageOverlay");
+Object.defineProperty(exports, "PageOverlay", { enumerable: true, get: function () { return PageOverlay_1.PageOverlay; } });
+var ConfirmCancelModal_1 = require("./shared/ConfirmCancelModal");
+Object.defineProperty(exports, "ConfirmCancelModal", { enumerable: true, get: function () { return ConfirmCancelModal_1.ConfirmCancelModal; } });
+var MultiSelectField_1 = require("./editors/select/MultiSelectField/MultiSelectField");
+Object.defineProperty(exports, "MultiSelectField", { enumerable: true, get: function () { return MultiSelectField_1.MultiSelectField; } });
+var Switch_1 = require("./shared/Switch/Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
+// Editors
+var SelectButton_1 = require("./editors/select/shared/SelectButton/SelectButton");
+Object.defineProperty(exports, "SelectButton", { enumerable: true, get: function () { return SelectButton_1.SelectButton; } });
+var SelectList_1 = require("./editors/select/shared/SelectList/SelectList");
+Object.defineProperty(exports, "SelectList", { enumerable: true, get: function () { return SelectList_1.SelectList; } });
+var SingleSelectField_1 = require("./editors/select/SingleSelectField/SingleSelectField");
+Object.defineProperty(exports, "SingleSelectField", { enumerable: true, get: function () { return SingleSelectField_1.SingleSelectField; } });
+var TextField_1 = require("./editors/TextField/TextField");
+Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return TextField_1.TextField; } });
+var NumberField_1 = require("./editors/NumberField/NumberField");
+Object.defineProperty(exports, "NumberField", { enumerable: true, get: function () { return NumberField_1.NumberField; } });
+// Charts
+var DonutChart_1 = require("./charts/pies/DonutChart");
+Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return DonutChart_1.DonutChart; } });
+var PieChart_1 = require("./charts/pies/PieChart");
+Object.defineProperty(exports, "PieChart", { enumerable: true, get: function () { return PieChart_1.PieChart; } });
+var pies_constants_1 = require("./charts/pies/pies.constants");
+Object.defineProperty(exports, "defaultPieChartOptions", { enumerable: true, get: function () { return pies_constants_1.defaultPieChartOptions; } });
+// Constants
+var charts_constants_1 = require("./charts/charts.constants");
+Object.defineProperty(exports, "chartColors", { enumerable: true, get: function () { return charts_constants_1.chartColors; } });
+var styles_constants_1 = require("./styles/styles.constants");
+Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return styles_constants_1.styles; } });
+// Utils
+var styles_utils_1 = require("./styles/styles.utils");
+Object.defineProperty(exports, "getStyle", { enumerable: true, get: function () { return styles_utils_1.getStyle; } });
+Object.defineProperty(exports, "getStyleNumber", { enumerable: true, get: function () { return styles_utils_1.getStyleNumber; } });
+//# sourceMappingURL=index.js.map

package/dist/remarkable-ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/remarkable-ui/index.ts"],"names":[],"mappings":";;;AAAA,aAAa;AACb,uDAAsD;AAA7C,oGAAA,QAAQ,OAAA;AACjB,qFAAoF;AAA3E,wHAAA,kBAAkB,OAAA;AAC3B,2CAAmE;AAA1D,4FAAA,IAAI,OAAA;AAAE,mGAAA,WAAW,OAAA;AAAE,kGAAA,UAAU,OAAA;AACtC,iFAAgF;AAAvE,kHAAA,eAAe,OAAA;AACxB,6DAA4D;AAAnD,wGAAA,UAAU,OAAA;AACnB,6DAA4D;AAAnD,wGAAA,UAAU,OAAA;AACnB,6DAA4D;AAAnD,wGAAA,UAAU,OAAA;AACnB,uDAAsD;AAA7C,oGAAA,QAAQ,OAAA;AACjB,2HAGgG;AAF9F,oHAAA,gBAAgB,OAAA;AAGlB,4GAA2G;AAAlG,sHAAA,iBAAiB,OAAA;AAC1B,iDAAgD;AAAvC,gGAAA,MAAM,OAAA;AACf,oDAAmD;AAA1C,0GAAA,WAAW,OAAA;AAEpB,kEAAiE;AAAxD,wHAAA,kBAAkB,OAAA;AAE3B,uFAAsF;AAA7E,oHAAA,gBAAgB,OAAA;AACzB,iDAAgD;AAAvC,gGAAA,MAAM,OAAA;AAEf,UAAU;AACV,kFAAiF;AAAxE,4GAAA,YAAY,OAAA;AACrB,4EAA2E;AAAlE,wGAAA,UAAU,OAAA;AACnB,0FAAyF;AAAhF,sHAAA,iBAAiB,OAAA;AAC1B,2DAA0D;AAAjD,sGAAA,SAAS,OAAA;AAClB,iEAAgE;AAAvD,0GAAA,WAAW,OAAA;AAEpB,SAAS;AACT,uDAAsD;AAA7C,wGAAA,UAAU,OAAA;AACnB,mDAAkD;AAAzC,oGAAA,QAAQ,OAAA;AACjB,+DAAsE;AAA7D,wHAAA,sBAAsB,OAAA;AAE/B,YAAY;AACZ,8DAAwD;AAA/C,+GAAA,WAAW,OAAA;AACpB,8DAAgE;AAAvD,0GAAA,MAAM,OAAA;AAEf,QAAQ;AACR,sDAAiE;AAAxD,wGAAA,QAAQ,OAAA;AAAE,8GAAA,cAAc,OAAA"}

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

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

package/dist/remarkable-ui/shared/BaseButton/BaseButton.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const BaseButton_module_css_1 = __importDefault(require("./BaseButton.module.css"));
+const BaseButton = ({ variant = 'primary', size = 'medium', className, children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("button", { className: (0, clsx_1.default)(BaseButton_module_css_1.default.baseButton, BaseButton_module_css_1.default[variant], BaseButton_module_css_1.default[size], className), ...props, children: children }));
+};
+exports.BaseButton = BaseButton;
+//# sourceMappingURL=BaseButton.js.map

package/dist/remarkable-ui/shared/BaseButton/BaseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/BaseButton/BaseButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAAwB;AAExB,oFAA6C;AAQtC,MAAM,UAAU,GAA8B,CAAC,EACpD,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,mCACE,SAAS,EAAE,IAAA,cAAI,EAAC,+BAAM,CAAC,UAAU,EAAE,+BAAM,CAAC,OAAO,CAAC,EAAE,+BAAM,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KACxE,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB"}

package/dist/remarkable-ui/shared/BaseButton/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseButton = void 0;
+var BaseButton_1 = require("./BaseButton");
+Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return BaseButton_1.BaseButton; } });
+//# sourceMappingURL=index.js.map

package/dist/remarkable-ui/shared/BaseButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/BaseButton/index.ts"],"names":[],"mappings":";;;AAAA,2CAAgE;AAAvD,wGAAA,UAAU,OAAA"}

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

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

package/dist/remarkable-ui/shared/Button/Button.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_module_css_1 = __importDefault(require("./Button.module.css"));
+const BaseButton_1 = require("../BaseButton");
+const Typography_1 = require("../Typography/Typography");
+const clsx_1 = __importDefault(require("clsx"));
+const Button = ({ variant, startIcon: StartIcon, endIcon: EndIcon, children, size, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(BaseButton_1.BaseButton, { variant: variant, className: size === 'medium' ? Button_module_css_1.default.buttonMedium : Button_module_css_1.default.buttonSmall, ...props, size: size, children: [StartIcon && (0, jsx_runtime_1.jsx)(StartIcon, { className: Button_module_css_1.default.icon }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { as: "span", className: (0, clsx_1.default)(Button_module_css_1.default.buttonText, Button_module_css_1.default[`buttonText${size.charAt(0).toUpperCase() + size.slice(1)}`]), children: children }), EndIcon && (0, jsx_runtime_1.jsx)(EndIcon, { className: Button_module_css_1.default.icon })] }));
+};
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

package/dist/remarkable-ui/shared/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/Button/Button.tsx"],"names":[],"mappings":";;;;;;;AACA,4EAAyC;AACzC,8CAAiE;AACjE,yDAAsD;AACtD,gDAAwB;AASjB,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,EACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,uBAAU,IACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,2BAAM,CAAC,YAAY,CAAC,CAAC,CAAC,2BAAM,CAAC,WAAW,KACnE,KAAK,EACT,IAAI,EAAE,IAAI,aAET,SAAS,IAAI,uBAAC,SAAS,IAAC,SAAS,EAAE,2BAAM,CAAC,IAAI,GAAI,EACnD,uBAAC,uBAAU,IACT,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,IAAA,cAAI,EACb,2BAAM,CAAC,UAAU,EACjB,2BAAM,CAAC,aAAa,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CACpE,YAEA,QAAQ,GACE,EACZ,OAAO,IAAI,uBAAC,OAAO,IAAC,SAAS,EAAE,2BAAM,CAAC,IAAI,GAAI,IACpC,CACd,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,MAAM,UA4BjB"}

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

@@ -1,12 +1,12 @@
-import { StoryObj } from '@storybook/react-webpack5';
+import type { 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/Button/Button.stories.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondarySmall = exports.SecondaryMedium = exports.PrimarySmall = exports.PrimaryMedium = void 0;
+const Button_1 = require("./Button");
+const icons_react_1 = require("@tabler/icons-react");
+const meta = {
+    component: Button_1.Button,
+};
+exports.default = meta;
+exports.PrimaryMedium = {
+    args: {
+        children: 'Primary Medium Button',
+        variant: 'primary',
+        size: 'medium',
+        startIcon: icons_react_1.IconBoltFilled,
+        endIcon: icons_react_1.IconBoltFilled,
+        disabled: false,
+        onClick: () => console.log('Button clicked!'),
+    },
+};
+exports.PrimarySmall = {
+    args: {
+        children: 'Primary Small Button',
+        variant: 'primary',
+        size: 'small',
+        startIcon: icons_react_1.IconBoltFilled,
+        endIcon: icons_react_1.IconBoltFilled,
+        disabled: false,
+        onClick: () => console.log('Button clicked!'),
+    },
+};
+exports.SecondaryMedium = {
+    args: {
+        children: 'Secondary Medium Button',
+        variant: 'secondary',
+        size: 'medium',
+        startIcon: icons_react_1.IconBoltFilled,
+        endIcon: icons_react_1.IconBoltFilled,
+        disabled: false,
+        onClick: () => console.log('Button clicked!'),
+    },
+};
+exports.SecondarySmall = {
+    args: {
+        children: 'Secondary Small Button',
+        variant: 'secondary',
+        size: 'small',
+        startIcon: icons_react_1.IconBoltFilled,
+        endIcon: icons_react_1.IconBoltFilled,
+        disabled: false,
+        onClick: () => console.log('Button clicked!'),
+    },
+};
+//# sourceMappingURL=Button.stories.js.map

package/dist/remarkable-ui/shared/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/Button/Button.stories.tsx"],"names":[],"mappings":";;;AAEA,qCAAkC;AAClC,qDAAqD;AAErD,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,eAAM;CACY,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,QAAQ,EAAE,uBAAuB;QACjC,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,4BAAc;QACzB,OAAO,EAAE,4BAAc;QACvB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC;KAC9C;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,QAAQ,EAAE,sBAAsB;QAChC,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,4BAAc;QACzB,OAAO,EAAE,4BAAc;QACvB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC;KAC9C;CACF,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,QAAQ,EAAE,yBAAyB;QACnC,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,4BAAc;QACzB,OAAO,EAAE,4BAAc;QACvB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC;KAC9C;CACF,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,QAAQ,EAAE,wBAAwB;QAClC,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,4BAAc;QACzB,OAAO,EAAE,4BAAc;QACvB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC;KAC9C;CACF,CAAC"}

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

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

package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const ButtonIcon_module_css_1 = __importDefault(require("./ButtonIcon.module.css"));
+const BaseButton_1 = require("../BaseButton");
+const ButtonIcon = ({ icon: Icon, variant = 'primary', ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { variant: variant, size: "medium", className: ButtonIcon_module_css_1.default.buttonIcon, ...props, children: (0, jsx_runtime_1.jsx)(Icon, { className: (0, clsx_1.default)(ButtonIcon_module_css_1.default.icon, ButtonIcon_module_css_1.default[`icon${variant.charAt(0).toUpperCase() + variant.slice(1)}`]) }) }));
+};
+exports.ButtonIcon = ButtonIcon;
+//# sourceMappingURL=ButtonIcon.js.map

package/dist/remarkable-ui/shared/ButtonIcon/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":";;;;;;;AACA,gDAAwB;AACxB,oFAA6C;AAC7C,8CAAiE;AAO1D,MAAM,UAAU,GAA8B,CAAC,EACpD,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,uBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,+BAAM,CAAC,UAAU,KAAM,KAAK,YACjF,uBAAC,IAAI,IACH,SAAS,EAAE,IAAA,cAAI,EACb,+BAAM,CAAC,IAAI,EACX,+BAAM,CAAC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CACpE,GACD,GACS,CACd,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB"}

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

@@ -1,7 +1,7 @@
-import { StoryObj } from '@storybook/react-webpack5';
+import type { 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;