@embeddable.com/remarkable-ui 0.1.6 → 0.1.9

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Secondary = exports.Primary = void 0;
+const icons_react_1 = require("@tabler/icons-react");
+const ButtonIcon_1 = require("./ButtonIcon");
+const meta = {
+    component: ButtonIcon_1.ButtonIcon,
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        icon: icons_react_1.IconBoltFilled,
+        variant: 'primary',
+        onClick: () => console.log('Button icon primary clicked!'),
+    },
+};
+exports.Secondary = {
+    args: {
+        icon: icons_react_1.IconBoltFilled,
+        variant: 'secondary',
+        onClick: () => console.log('Button icon secondary clicked!'),
+    },
+};
+//# sourceMappingURL=ButtonIcon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/ButtonIcon/ButtonIcon.stories.tsx"],"names":[],"mappings":";;;AACA,qDAAqD;AAErD,6CAA0C;AAE1C,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,uBAAU;CACY,CAAC;AAEpC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,4BAAc;QACpB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,8BAA8B,CAAC;KAC3D;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE,4BAAc;QACpB,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gCAAgC,CAAC;KAC7D;CACF,CAAC"}

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import 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.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardContent = exports.CardHeader = exports.Card = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const Card_module_css_1 = __importDefault(require("./Card.module.css"));
+const clsx_1 = __importDefault(require("clsx"));
+const Typography_1 = require("../Typography/Typography");
+exports.Card = react_1.default.forwardRef(({ children, className, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)(Card_module_css_1.default.card, className), ref: ref, ...props, children: children }));
+});
+exports.Card.displayName = 'Card';
+const CardHeader = ({ title, subtitle, rightContent }) => {
+    if (!title && !subtitle && !rightContent) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: Card_module_css_1.default.header, children: [(0, jsx_runtime_1.jsxs)("div", { className: Card_module_css_1.default.titles, children: [title && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { as: "h1", className: Card_module_css_1.default.title, children: title })), subtitle && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { as: "p", className: Card_module_css_1.default.subtitle, children: subtitle }))] }), rightContent] }));
+};
+exports.CardHeader = CardHeader;
+exports.CardContent = react_1.default.forwardRef(({ children }, ref) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: Card_module_css_1.default.content, ref: ref, children: children }));
+});
+exports.CardContent.displayName = 'CardContent';
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/Card/Card.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,wEAAuC;AACvC,gDAAwB;AACxB,yDAAsD;AAMzC,QAAA,IAAI,GAAG,eAAK,CAAC,UAAU,CAClC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,cAAI,EAAC,yBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,YAC9D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAQnB,MAAM,UAAU,GAA8B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;IACzF,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,iCAAK,SAAS,EAAE,yBAAM,CAAC,MAAM,aAC3B,iCAAK,SAAS,EAAE,yBAAM,CAAC,MAAM,aAC1B,KAAK,IAAI,CACR,uBAAC,uBAAU,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,yBAAM,CAAC,KAAK,YACxC,KAAK,GACK,CACd,EACA,QAAQ,IAAI,CACX,uBAAC,uBAAU,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,yBAAM,CAAC,QAAQ,YAC1C,QAAQ,GACE,CACd,IACG,EACL,YAAY,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,UAAU,cAsBrB;AAMW,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CACzC,CAAC,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IACpB,OAAO,CACL,gCAAK,SAAS,EAAE,yBAAM,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,YACrC,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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/Card/Card.stories.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Card_1 = require("./Card");
+const meta = {
+    component: Card_1.Card,
+};
+exports.default = meta;
+const Default = () => ((0, jsx_runtime_1.jsxs)(Card_1.Card, { children: [(0, jsx_runtime_1.jsx)(Card_1.CardHeader, { title: "Title", subtitle: "Subtitle" }), (0, jsx_runtime_1.jsx)(Card_1.CardContent, { children: "This is the content of the card." })] }));
+exports.Default = Default;
+//# sourceMappingURL=Card.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/Card/Card.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAuD;AAEvD,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,WAAI;CACY,CAAC;AAE9B,kBAAe,IAAI,CAAC;AAEb,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAC3B,wBAAC,WAAI,eACH,uBAAC,iBAAU,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,GAAG,EAChD,uBAAC,kBAAW,mDAA+C,IACtD,CACR,CAAC;AALW,QAAA,OAAO,WAKlB"}

package/dist/remarkable-ui/shared/Card/CardContentInfo/CardContentInfo.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.CardContentInfo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const CardContentInfo_module_css_1 = __importDefault(require("./CardContentInfo.module.css"));
+const Typography_1 = require("../../Typography/Typography");
+const CardContentInfo = ({ icon: Icon, title, message, className, }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)(CardContentInfo_module_css_1.default.info, className), children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { as: "h2", className: CardContentInfo_module_css_1.default.title, children: title }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { as: "p", className: CardContentInfo_module_css_1.default.message, children: message })] }));
+};
+exports.CardContentInfo = CardContentInfo;
+//# sourceMappingURL=CardContentInfo.js.map

package/dist/remarkable-ui/shared/Card/CardContentInfo/CardContentInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContentInfo.js","sourceRoot":"","sources":["../../../../../src/remarkable-ui/shared/Card/CardContentInfo/CardContentInfo.tsx"],"names":[],"mappings":";;;;;;;AACA,gDAAwB;AACxB,8FAAkD;AAClD,4DAAyD;AASlD,MAAM,eAAe,GAAmC,CAAC,EAC9D,IAAI,EAAE,IAAI,EACV,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE,EAAE;IACH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,cAAI,EAAC,oCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,aACzC,IAAI,IAAI,uBAAC,IAAI,KAAG,EACjB,uBAAC,uBAAU,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,oCAAM,CAAC,KAAK,YACxC,KAAK,GACK,EACb,uBAAC,uBAAU,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,oCAAM,CAAC,OAAO,YACzC,OAAO,GACG,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,eAAe,mBAiB1B"}

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmCancelModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Card_1 = require("../Card/Card");
+const Button_1 = require("../Button/Button");
+const Typography_1 = require("../Typography/Typography");
+const ConfirmCancelModal_module_css_1 = __importDefault(require("./ConfirmCancelModal.module.css"));
+const PageOverlay_1 = require("../PageOverlay");
+const icons_react_1 = require("@tabler/icons-react");
+const IconButton_1 = require("../IconButton/IconButton");
+const ConfirmCancelModal = ({ title, message, confirmLabel = 'Confirm', cancelLabel = 'Cancel', onConfirm, onCancel, className, }) => {
+    return ((0, jsx_runtime_1.jsx)(PageOverlay_1.PageOverlay, { children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { className: className, children: [(0, jsx_runtime_1.jsx)(Card_1.CardHeader, { title: title, rightContent: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { icon: icons_react_1.IconX, onClick: onCancel }) }), (0, jsx_runtime_1.jsxs)(Card_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { as: "span", children: message }), (0, jsx_runtime_1.jsxs)("div", { className: ConfirmCancelModal_module_css_1.default.actions, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "secondary", size: "medium", onClick: onCancel, children: cancelLabel }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "medium", onClick: onConfirm, children: confirmLabel })] })] })] }) }));
+};
+exports.ConfirmCancelModal = ConfirmCancelModal;
+//# sourceMappingURL=ConfirmCancelModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmCancelModal.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.tsx"],"names":[],"mappings":";;;;;;;AACA,uCAA6D;AAC7D,6CAA0C;AAC1C,yDAAsD;AACtD,oGAAqD;AAErD,gDAA6C;AAC7C,qDAA4C;AAC5C,yDAAsD;AAE/C,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,OAAO,EACP,YAAY,GAAG,SAAS,EACxB,WAAW,GAAG,QAAQ,EACtB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,yBAAW,cACV,wBAAC,WAAI,IAAC,SAAS,EAAE,SAAS,aACxB,uBAAC,iBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,uBAAC,uBAAU,IAAC,IAAI,EAAE,mBAAK,EAAE,OAAO,EAAE,QAAQ,GAAI,GAAI,EAC1F,wBAAC,kBAAW,eACV,uBAAC,uBAAU,IAAC,EAAE,EAAC,MAAM,YAAE,OAAO,GAAc,EAC5C,iCAAK,SAAS,EAAE,uCAAM,CAAC,OAAO,aAC5B,uBAAC,eAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,YACxD,WAAW,GACL,EACT,uBAAC,eAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,YACvD,YAAY,GACN,IACL,IACM,IACT,GACK,CACf,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,kBAAkB,sBA2B7B"}

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

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

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Button_1 = require("../Button/Button");
+const ConfirmCancelModal_1 = require("./ConfirmCancelModal");
+const meta = {
+    component: ConfirmCancelModal_1.ConfirmCancelModal,
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        title: {
+            control: 'text',
+        },
+        message: {
+            control: 'text',
+        },
+        confirmLabel: {
+            control: 'text',
+        },
+        cancelLabel: {
+            control: 'text',
+        },
+    },
+};
+exports.default = meta;
+// Helper component to demonstrate modal state management
+const ConfirmCancelModalDemo = (args) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "medium", onClick: () => setIsOpen(true), children: "Open Confirm Modal" }), isOpen && ((0, jsx_runtime_1.jsx)(ConfirmCancelModal_1.ConfirmCancelModal, { ...args, onConfirm: () => {
+                    args.onConfirm();
+                    setIsOpen(false);
+                }, onCancel: () => {
+                    args.onCancel?.();
+                    setIsOpen(false);
+                } }))] }));
+};
+exports.Default = {
+    render: (args) => (0, jsx_runtime_1.jsx)(ConfirmCancelModalDemo, { ...args }),
+    args: {
+        title: 'Confirm Action',
+        message: 'Are you sure you want to delete this chart?',
+        confirmLabel: 'Confirm',
+        cancelLabel: 'Cancel',
+        onConfirm: () => console.log('Confirmed'),
+        onCancel: () => console.log('Cancelled'),
+    },
+};
+//# sourceMappingURL=ConfirmCancelModal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmCancelModal.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,6CAA0C;AAC1C,6DAA0D;AAE1D,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,uCAAkB;IAC7B,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;SAChB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;SAChB;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;SAChB;KACF;CACwC,CAAC;AAE5C,kBAAe,IAAI,CAAC;AAGpB,yDAAyD;AACzD,MAAM,sBAAsB,GAAG,CAAC,IAAqD,EAAE,EAAE;IACvF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,6DACE,uBAAC,eAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,mCAE7D,EACR,MAAM,IAAI,CACT,uBAAC,uCAAkB,OACb,IAAI,EACR,SAAS,EAAE,GAAG,EAAE;oBACd,IAAI,CAAC,SAAS,EAAE,CAAC;oBACjB,SAAS,CAAC,KAAK,CAAC,CAAC;gBACnB,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;oBAClB,SAAS,CAAC,KAAK,CAAC,CAAC;gBACnB,CAAC,GACD,CACH,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,sBAAsB,OAAK,IAAI,GAAI;IACtD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,OAAO,EAAE,6CAA6C;QACtD,YAAY,EAAE,SAAS;QACvB,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC;QACzC,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC;KACzC;CACF,CAAC"}

package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ConfirmCancelModal.types.js.map

package/dist/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmCancelModal.types.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/ConfirmCancelModal/ConfirmCancelModal.types.ts"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/ConfirmCancelModal/index.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA"}

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

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

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

@@ -0,0 +1,43 @@
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DropdownMenu = __importStar(require("@radix-ui/react-dropdown-menu"));
+const Dropdown = ({ triggerComponent, children, disabled, open, side = 'bottom', align = 'start', onOpenChange, }) => {
+    return ((0, jsx_runtime_1.jsxs)(DropdownMenu.Root, { open: open, onOpenChange: onOpenChange, children: [(0, jsx_runtime_1.jsx)(DropdownMenu.Trigger, { asChild: true, disabled: disabled, children: triggerComponent }), (0, jsx_runtime_1.jsx)(DropdownMenu.Content, { side: side, align: align, style: { zIndex: 5 }, children: children })] }));
+};
+exports.Dropdown = Dropdown;
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4EAA8D;AAavD,MAAM,QAAQ,GAAsB,CAAC,EAC1C,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,OAAO,EACf,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,YAAY,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aACvD,uBAAC,YAAY,CAAC,OAAO,IAAC,OAAO,QAAC,QAAQ,EAAE,QAAQ,YAC7C,gBAAgB,GACI,EACvB,uBAAC,YAAY,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YACjE,QAAQ,GACY,IACL,CACrB,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,QAAQ,YAmBnB"}

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 interface EmptyStateSkeletonProps {
     className?: string;
 }

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

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyStateSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const EmptyStateSkeleton_module_css_1 = __importDefault(require("./EmptyStateSkeleton.module.css"));
+const EmptyStateSkeleton = ({ className }) => {
+    const containerRef = (0, react_1.useRef)(null);
+    const [visibleColumns, setVisibleColumns] = (0, react_1.useState)(2);
+    (0, react_1.useEffect)(() => {
+        const calculateColumns = () => {
+            if (!containerRef.current)
+                return;
+            const containerWidth = containerRef.current.offsetWidth;
+            const padding = 32; // 2rem total padding (1rem each side)
+            const gap = 16; // 1rem gap between columns
+            const minColumnWidth = 128; // 8rem
+            const maxColumnWidth = 256; // 16rem
+            const availableWidth = containerWidth - padding;
+            // Calculate how many columns can fit at minimum width
+            const maxPossibleColumns = Math.floor((availableWidth + gap) / (minColumnWidth + gap));
+            // Calculate actual column width if we use maxPossibleColumns
+            const actualColumnWidth = (availableWidth - (maxPossibleColumns - 1) * gap) / maxPossibleColumns;
+            // If columns would be wider than max width, reduce column count
+            let finalColumns = maxPossibleColumns;
+            if (actualColumnWidth > maxColumnWidth) {
+                finalColumns = Math.floor((availableWidth + gap) / (maxColumnWidth + gap));
+            }
+            setVisibleColumns(Math.max(2, finalColumns)); // Minimum 2 columns
+        };
+        calculateColumns();
+        const resizeObserver = new ResizeObserver(calculateColumns);
+        if (containerRef.current) {
+            resizeObserver.observe(containerRef.current);
+        }
+        return () => resizeObserver.disconnect();
+    }, []);
+    const renderColumn = (index) => {
+        const isEvenColumn = index % 2 === 0;
+        return ((0, jsx_runtime_1.jsx)("div", { className: EmptyStateSkeleton_module_css_1.default.column, children: isEvenColumn ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: `${EmptyStateSkeleton_module_css_1.default.box} ${EmptyStateSkeleton_module_css_1.default.short}` }), (0, jsx_runtime_1.jsx)("div", { className: `${EmptyStateSkeleton_module_css_1.default.box} ${EmptyStateSkeleton_module_css_1.default.tall}` }), (0, jsx_runtime_1.jsx)("div", { className: `${EmptyStateSkeleton_module_css_1.default.box} ${EmptyStateSkeleton_module_css_1.default.short}` }), (0, jsx_runtime_1.jsx)("div", { className: `${EmptyStateSkeleton_module_css_1.default.box} ${EmptyStateSkeleton_module_css_1.default.tall}` })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: `${EmptyStateSkeleton_module_css_1.default.box} ${EmptyStateSkeleton_module_css_1.default.tall}` }), (0, jsx_runtime_1.jsx)("div", { className: `${EmptyStateSkeleton_module_css_1.default.box} ${EmptyStateSkeleton_module_css_1.default.short}` }), (0, jsx_runtime_1.jsx)("div", { className: `${EmptyStateSkeleton_module_css_1.default.box} ${EmptyStateSkeleton_module_css_1.default.tall}` }), (0, jsx_runtime_1.jsx)("div", { className: `${EmptyStateSkeleton_module_css_1.default.box} ${EmptyStateSkeleton_module_css_1.default.short}` })] })) }, index));
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: `${EmptyStateSkeleton_module_css_1.default.container} ${className || ''}`, children: Array.from({ length: visibleColumns }, (_, index) => renderColumn(index)) }));
+};
+exports.EmptyStateSkeleton = EmptyStateSkeleton;
+//# sourceMappingURL=EmptyStateSkeleton.js.map

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

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

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

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react-webpack5';
+import type { Meta } from '@storybook/react-webpack5';
 import { EmptyStateSkeleton } from './EmptyStateSkeleton';
 declare const meta: Meta<typeof EmptyStateSkeleton>;
 export default meta;

package/dist/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.stories.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const EmptyStateSkeleton_1 = require("./EmptyStateSkeleton");
+const meta = {
+    component: EmptyStateSkeleton_1.EmptyStateSkeleton,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+exports.default = meta;
+const Default = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '100vh', width: '100vw', margin: 0, padding: 0 }, children: (0, jsx_runtime_1.jsx)(EmptyStateSkeleton_1.EmptyStateSkeleton, {}) }));
+};
+exports.Default = Default;
+//# sourceMappingURL=EmptyStateSkeleton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateSkeleton.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/EmptyStateSkeleton/EmptyStateSkeleton.stories.tsx"],"names":[],"mappings":";;;;AAEA,6DAA0D;AAE1D,MAAM,IAAI,GAAoC;IAC5C,SAAS,EAAE,uCAAkB;IAC7B,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEb,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,YACpE,uBAAC,uCAAkB,KAAG,GAClB,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,OAAO,WAMlB"}

package/dist/remarkable-ui/shared/Foundations/Colors.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_constants_1 = require("../../styles/styles.constants");
+exports.default = {
+    title: 'Foundations/Colors',
+};
+const Default = () => {
+    return Object.entries(styles_constants_1.stylesColors).map(([key, value]) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', marginBottom: '20px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    backgroundColor: value,
+                    borderRadius: '100%',
+                    width: '100px',
+                    height: '100px',
+                    border: '1px solid black',
+                } }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: key }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { children: value })] })] }, key)));
+};
+exports.Default = Default;
+//# sourceMappingURL=Colors.stories.js.map

package/dist/remarkable-ui/shared/Foundations/Colors.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/Foundations/Colors.stories.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6D;AAE7D,kBAAe;IACb,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,MAAM,CAAC,OAAO,CAAC,+BAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACxD,iCAAe,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,aACtF,gCACE,KAAK,EAAE;oBACL,eAAe,EAAE,KAAK;oBACtB,YAAY,EAAE,MAAM;oBACpB,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,OAAO;oBACf,MAAM,EAAE,iBAAiB;iBAC1B,GACD,EACF,4CACE,6CAAS,GAAG,GAAU,EACtB,gCAAM,EACN,2CAAO,KAAK,GAAQ,IAChB,KAdE,GAAG,CAeP,CACP,CAAC,CAAC;AACL,CAAC,CAAC;AAnBW,QAAA,OAAO,WAmBlB"}

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

@@ -1,6 +1,6 @@
-import { default as React } from 'react';
+import React from 'react';
 import { TablerIcon } from '@tabler/icons-react';
-import { BaseButtonProps } from '../BaseButton';
+import { type BaseButtonProps } from '../BaseButton';
 type IconButtonProps = Omit<BaseButtonProps, 'variant'> & {
     className?: string;
     icon: TablerIcon;

package/dist/remarkable-ui/shared/IconButton/IconButton.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.IconButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const IconButton_module_css_1 = __importDefault(require("./IconButton.module.css"));
+const BaseButton_1 = require("../BaseButton");
+const IconButton = ({ icon: Icon, className, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { variant: "secondary", className: (0, clsx_1.default)(IconButton_module_css_1.default.iconButton, className), ...props, children: (0, jsx_runtime_1.jsx)(Icon, { className: IconButton_module_css_1.default.icon }) }));
+};
+exports.IconButton = IconButton;
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAAwB;AAExB,oFAA6C;AAE7C,8CAAiE;AAO1D,MAAM,UAAU,GAA8B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,OAAO,CACL,uBAAC,uBAAU,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,IAAA,cAAI,EAAC,+BAAM,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,YACtF,uBAAC,IAAI,IAAC,SAAS,EAAE,+BAAM,CAAC,IAAI,GAAI,GACrB,CACd,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,UAAU,cAMrB"}

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

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

package/dist/remarkable-ui/shared/IconButton/IconButton.stories.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const icons_react_1 = require("@tabler/icons-react");
+const IconButton_1 = require("./IconButton");
+const meta = {
+    component: IconButton_1.IconButton,
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        icon: icons_react_1.IconBoltFilled,
+    },
+};
+//# sourceMappingURL=IconButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/IconButton/IconButton.stories.tsx"],"names":[],"mappings":";;;AACA,qDAAqD;AAErD,6CAA0C;AAE1C,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,uBAAU;CACY,CAAC;AAEpC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,4BAAc;KACrB;CACF,CAAC"}

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

@@ -1,3 +1,3 @@
-import { PageOverlayProps } from './PageOverlay.types';
+import type { PageOverlayProps } from './PageOverlay.types';
 export declare const PageOverlay: React.FC<PageOverlayProps>;
 //# sourceMappingURL=PageOverlay.d.ts.map

package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.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.PageOverlay = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const PageOverlay_module_css_1 = __importDefault(require("./PageOverlay.module.css"));
+const PageOverlay = ({ className, children }) => {
+    return (0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)(PageOverlay_module_css_1.default.overlay, className), children: children });
+};
+exports.PageOverlay = PageOverlay;
+//# sourceMappingURL=PageOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageOverlay.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/PageOverlay/PageOverlay.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAAwB;AACxB,sFAA8C;AAGvC,MAAM,WAAW,GAA+B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjF,OAAO,gCAAK,SAAS,EAAE,IAAA,cAAI,EAAC,gCAAM,CAAC,OAAO,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AAC3E,CAAC,CAAC;AAFW,QAAA,WAAW,eAEtB"}

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

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

package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleOverlay = exports.WithCustomContent = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const PageOverlay_1 = require("./PageOverlay");
+const Button_1 = require("../Button/Button");
+const Card_1 = require("../Card/Card");
+const meta = {
+    component: PageOverlay_1.PageOverlay,
+};
+exports.default = meta;
+const OverlayWithContent = ({ onClose }) => ((0, jsx_runtime_1.jsx)(PageOverlay_1.PageOverlay, { children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { style: { padding: '2rem', maxWidth: '400px', margin: '1rem' }, children: [(0, jsx_runtime_1.jsx)("h2", { style: { margin: '0 0 1rem 0', color: '#212129' }, children: "Modal Content" }), (0, jsx_runtime_1.jsx)("p", { style: { margin: '0 0 1.5rem 0', color: '#5c5c66' }, children: "This is content inside the overlay. Use the button to close." }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "medium", onClick: onClose, children: "Close Modal" })] }) }));
+exports.Default = {
+    render: () => {
+        const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+        return ((0, jsx_runtime_1.jsxs)("div", { style: { padding: '2rem' }, children: [(0, jsx_runtime_1.jsx)("h1", { children: "Page Overlay Demo" }), (0, jsx_runtime_1.jsx)("p", { children: "Click the button below to show the overlay:" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "medium", onClick: () => setIsVisible(true), children: "Show Overlay" }), isVisible && (0, jsx_runtime_1.jsx)(OverlayWithContent, { onClose: () => setIsVisible(false) })] }));
+    },
+};
+exports.WithCustomContent = {
+    render: () => {
+        const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+        return ((0, jsx_runtime_1.jsxs)("div", { style: { padding: '2rem' }, children: [(0, jsx_runtime_1.jsx)("h1", { children: "Custom Content Overlay" }), (0, jsx_runtime_1.jsx)("p", { children: "This overlay contains custom content:" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "secondary", size: "medium", onClick: () => setIsVisible(true), children: "Show Custom Overlay" }), isVisible && ((0, jsx_runtime_1.jsx)(PageOverlay_1.PageOverlay, { children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                            background: 'white',
+                            padding: '3rem',
+                            borderRadius: '8px',
+                            textAlign: 'center',
+                            boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',
+                        }, children: [(0, jsx_runtime_1.jsx)("h2", { style: { color: '#212129', marginBottom: '1rem' }, children: "Custom Modal" }), (0, jsx_runtime_1.jsx)("p", { style: { color: '#5c5c66', marginBottom: '2rem' }, children: "This is a custom modal with different styling." }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "medium", onClick: () => setIsVisible(false), children: "Close" })] }) }))] }));
+    },
+};
+exports.SimpleOverlay = {
+    render: () => {
+        const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+        return ((0, jsx_runtime_1.jsxs)("div", { style: { padding: '2rem' }, children: [(0, jsx_runtime_1.jsx)("h1", { children: "Simple Overlay" }), (0, jsx_runtime_1.jsx)("p", { children: "This is a simple overlay without click functionality:" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "medium", onClick: () => setIsVisible(true), children: "Show Simple Overlay" }), isVisible && ((0, jsx_runtime_1.jsx)(PageOverlay_1.PageOverlay, { children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { style: { padding: '2rem', maxWidth: '400px', margin: '1rem' }, children: [(0, jsx_runtime_1.jsx)("h2", { style: { margin: '0 0 1rem 0', color: '#212129' }, children: "Simple Modal" }), (0, jsx_runtime_1.jsx)("p", { style: { margin: '0 0 1.5rem 0', color: '#5c5c66' }, children: "This overlay cannot be closed by clicking outside. You must use the button." }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "medium", onClick: () => setIsVisible(false), children: "Close Modal" })] }) }))] }));
+    },
+};
+//# sourceMappingURL=PageOverlay.stories.js.map

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

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

package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=PageOverlay.types.js.map

package/dist/remarkable-ui/shared/PageOverlay/PageOverlay.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageOverlay.types.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/PageOverlay/PageOverlay.types.ts"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/PageOverlay/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA"}