@euler-edu/react 0.0.0-stage → 7.0.1-beta1

package/lib/components/molecules/navigations/TabNavigation.js

@@ -0,0 +1,17 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const TabButton = ({ text, isSelected = false, palette = 'body', ...props }) => {
+    const [hoverProps] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$display": "flex", "$position": "relative", "$alignItems": "center", "$paddingHorizontal": styles_1.theme.size.margin.base.medium, "$height": styles_1.theme.size.height.nav_shrinked - styles_1.theme.size.height.header, ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, "$color": styles_1.theme.color.palettes[palette]['content-primary'] }), isSelected && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$left": 0, "$right": 0, "$bottom": 0, "$height": 4, "$background": styles_1.theme.color.palettes['button-solid']['background-primary'] }))] }));
+};
+exports.default = react_1.default.memo(({ options, selectedOption, palette, ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { ...props, children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "relative", "$display": "flex", "$height": styles_1.theme.size.height.nav_shrinked - styles_1.theme.size.height.header, children: options === null || options === void 0 ? void 0 : options.map(option => ((0, jsx_runtime_1.jsx)(TabButton, { href: option.href, text: option.text, isSelected: option.value === selectedOption, palette: palette }, option.value))) }) })));
+//# sourceMappingURL=TabNavigation.js.map

package/lib/components/molecules/navigations/TabNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavigation.js","sourceRoot":"","sources":["../../../../src/components/molecules/navigations/TabNavigation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAI1B,2CAAuC;AAEvC,2CAA+C;AAE/C,8CAAyE;AAkBzE,MAAM,SAAS,GAAG,CAAC,EACjB,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,MAAM,EAChB,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAGrC,OAAO,CACL,wBAAC,0BAAkB,gBACR,MAAM,eACL,UAAU,iBACR,QAAQ,wBACA,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,aACxC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,KAC9D,UAAU,KACV,KAAK,aAET,uBAAC,YAAI,IACH,KAAK,EAAE,IAAI,YACH,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,GACxD,EACD,UAAU,IAAI,CACb,uBAAC,iBAAS,iBACE,UAAU,WACb,CAAC,YACA,CAAC,aACA,CAAC,aACD,CAAC,iBAER,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,oBAAoB,CAAC,GAE5D,CACH,IACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CACzD,uBAAC,iBAAS,OAAK,KAAK,YAClB,uBAAC,iBAAS,iBACE,UAAU,cACX,MAAM,aACN,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,YAEjE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACtB,uBAAC,SAAS,IAER,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,UAAU,EAAE,MAAM,CAAC,KAAK,KAAK,cAAc,EAC3C,OAAO,EAAE,OAAO,IAJX,MAAM,CAAC,KAAK,CAKjB,CACH,CAAC,GACQ,GACF,CACb,CACF,CAAC"}

package/lib/components/molecules/navigations/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PaneNavigation } from './PaneNavigation';
+export { default as TabNavigation } from './TabNavigation';

package/lib/components/molecules/navigations/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabNavigation = exports.PaneNavigation = void 0;
+var PaneNavigation_1 = require("./PaneNavigation");
+Object.defineProperty(exports, "PaneNavigation", { enumerable: true, get: function () { return __importDefault(PaneNavigation_1).default; } });
+var TabNavigation_1 = require("./TabNavigation");
+Object.defineProperty(exports, "TabNavigation", { enumerable: true, get: function () { return __importDefault(TabNavigation_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/molecules/navigations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/navigations/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB"}

package/lib/components/molecules/only_csr.d.ts

@@ -0,0 +1 @@
+export * from './trays/only_csr';

package/lib/components/molecules/only_csr.js

@@ -0,0 +1,18 @@
+"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 __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("./trays/only_csr"), exports);
+//# sourceMappingURL=only_csr.js.map

package/lib/components/molecules/only_csr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"only_csr.js","sourceRoot":"","sources":["../../../src/components/molecules/only_csr.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

package/lib/components/molecules/overlays/DropdownOverlay.d.ts

@@ -0,0 +1,4 @@
+import { Container } from '../../../components/atoms';
+type Props = React.ComponentProps<typeof Container>;
+declare const _default: ({ children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/overlays/DropdownOverlay.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "relative", "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": styles_1.theme.color.palettes.body['background-selected'], "$border": `1px solid ${styles_1.theme.color.palettes.body['border-primary']}`, ...props, children: children }));
+//# sourceMappingURL=DropdownOverlay.js.map

package/lib/components/molecules/overlays/DropdownOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownOverlay.js","sourceRoot":"","sources":["../../../../src/components/molecules/overlays/DropdownOverlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAEb,2CAAuC;AAEvC,8CAA+C;AAI/C,kBAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CAChD,uBAAC,iBAAS,iBACE,UAAU,mBACL,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,iBAC/B,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,aACpD,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,KAC/D,KAAK,YAER,QAAQ,GACC,CACb,CAAC"}

package/lib/components/molecules/overlays/ModalOverlay.d.ts

@@ -0,0 +1,7 @@
+import { Palette } from '../../../constants/styles';
+import { Container } from '../../../components/atoms';
+type Props = {
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: ({ palette, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/overlays/ModalOverlay.js

@@ -0,0 +1,11 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = ({ palette = 'body', children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": styles_1.theme.size.width.adaptives.tablet -
+            styles_1.theme.size.margin.main_horizontal * 2, "$maxWidth": `min(${styles_1.theme.size.width.adaptives.desktop - styles_1.theme.size.margin.main_horizontal * 2}px, calc(100vw - ${styles_1.theme.size.margin.main_horizontal * 2}px))`, "$background": styles_1.theme.color.palettes[palette]['background-primary'], "$border": `1px solid ${styles_1.theme.color.palettes[palette]['border-primary']}`, "$borderRadius": styles_1.theme.size.borderRadius.medium, "$padding": styles_1.theme.size.margin.base.large, "$css": styles_1.theme.effect.overlayScaleIn, ...props, children: children }));
+};
+//# sourceMappingURL=ModalOverlay.js.map

package/lib/components/molecules/overlays/ModalOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.js","sourceRoot":"","sources":["../../../../src/components/molecules/overlays/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAIb,2CAAuC;AAEvC,8CAA+C;AAQ/C,kBAAe,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IACjE,OAAO,CACL,uBAAC,iBAAS,cAEN,cAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM;YACjC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,eAE5B,OAAO,cAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,oBAAoB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,MAAM,iBAC9I,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,aACvD,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,EAAE,mBACxD,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,cACnC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,UAChC,cAAK,CAAC,MAAM,CAAC,cAAc,KAC7B,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/molecules/overlays/ToastOverlay.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ToastContentProps } from 'react-toastify';
+import { Palette } from '../../../constants/styles';
+import { Container, Icon, Text } from '../../../components/atoms';
+type Props = {
+    icon?: React.ComponentProps<typeof Icon>['type'];
+    title?: React.ComponentProps<typeof Text>['value'];
+    text?: React.ComponentProps<typeof Text>['value'];
+    isAutoClose?: boolean;
+    isDisplayProgressBar?: boolean;
+    palette?: Palette;
+} & React.ComponentProps<typeof Container> & Partial<ToastContentProps>;
+declare const _default: ({ icon, title, text, isAutoClose, isDisplayProgressBar, palette, closeToast, isPaused, toastProps, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/overlays/ToastOverlay.js

@@ -0,0 +1,50 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = require("styled-components");
+const styles_1 = require("../../../utils/styles");
+const stores_1 = require("../../../hooks/stores");
+const atoms_1 = require("../../../components/atoms");
+exports.default = ({ icon, title, text, isAutoClose = true, isDisplayProgressBar = true, palette = 'body', closeToast, isPaused, toastProps, children, ...props }) => {
+    const [progress, setProgress] = react_1.default.useState(0);
+    (0, stores_1.useShortcutEffect)('close', () => {
+        closeToast === null || closeToast === void 0 ? void 0 : closeToast();
+    }, [closeToast]);
+    react_1.default.useEffect(() => {
+        if (!isAutoClose)
+            return;
+        if (isPaused)
+            return;
+        const startTime = Date.now();
+        const startProgress = progress;
+        let animationFrameId;
+        const updateProgress = () => {
+            const elapsedTime = Date.now() - startTime;
+            const remainingProgress = Math.max((elapsedTime / styles_1.theme.time.toastAutoClose) * 100 - startProgress, 0);
+            setProgress(remainingProgress);
+            if (remainingProgress <= 100) {
+                animationFrameId = requestAnimationFrame(updateProgress);
+            }
+            else {
+                closeToast === null || closeToast === void 0 ? void 0 : closeToast();
+            }
+        };
+        animationFrameId = requestAnimationFrame(updateProgress);
+        return () => cancelAnimationFrame(animationFrameId);
+    }, [isAutoClose, isPaused, closeToast]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$width": styles_1.theme.size.width.toast, "$background": styles_1.theme.color.palettes[palette]['background-primary'], "$border": `1px solid ${styles_1.theme.color.palettes[palette]['border-primary']}`, "$borderRadius": styles_1.theme.size.borderRadius.medium, "$transition": "background", "$overflow": true, "$css": (0, styled_components_1.css) `
+        @media only screen and (max-width: 480px) {
+          width: 100vw;
+          border-radius: 0;
+          border: none;
+          border-bottom: 1px solid
+            ${styles_1.theme.color.palettes[palette]['border-primary']};
+        }
+      `, ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$padding": styles_1.theme.size.margin.base.medium, children: [(!!icon || !!title || !!text) && ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$gap": styles_1.theme.size.margin.base.small, children: [!!icon && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$size": 20, "$autoFill": styles_1.theme.color.palettes[palette]['content-highlight'], "$marginTop": 2 })), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$width": 0, "$flexGrow": true, children: [!!title && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium-bold", value: title, "$color": styles_1.theme.color.palettes[palette]['content-highlight'] })), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: text, "$color": styles_1.theme.color.palettes[palette]['content-primary'] }))] })] })), children] }), isAutoClose && isDisplayProgressBar && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "relative", "$height": 4, "$background": styles_1.theme.color.palettes[palette]['background-hovered'], children: (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": `${progress || 0}%`, "$height": "100%", "$background": styles_1.theme.color.palettes[palette]['content-highlight'], "$transition": "width, background" }) }))] }));
+};
+//# sourceMappingURL=ToastOverlay.js.map

package/lib/components/molecules/overlays/ToastOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastOverlay.js","sourceRoot":"","sources":["../../../../src/components/molecules/overlays/ToastOverlay.tsx"],"names":[],"mappings":"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"}

package/lib/components/molecules/overlays/TooltipOverlay.d.ts

@@ -0,0 +1,11 @@
+import type { FloatingContext } from '@floating-ui/react';
+import { Palette } from '../../../constants/styles';
+import { Container, Text } from '../../../components/atoms';
+type Props = {
+    text?: React.ComponentProps<typeof Text>['value'] | React.ComponentProps<typeof Text>['value'][];
+    palette?: Palette;
+    context?: FloatingContext;
+    arrowRef?: React.Ref<SVGSVGElement>;
+} & React.ComponentProps<typeof Container>;
+declare const _default: ({ text, palette, context, arrowRef, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/overlays/TooltipOverlay.js

@@ -0,0 +1,10 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@floating-ui/react");
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = ({ text, palette = 'overlay-tooltip', context, arrowRef, children, ...props }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$background": styles_1.theme.color.palettes[palette]['background-primary'], "$border": `1px solid ${styles_1.theme.color.palettes[palette]['border-primary']}`, "$borderRadius": styles_1.theme.size.borderRadius.small, "$paddingVertical": styles_1.theme.size.margin.base.x_small, "$paddingHorizontal": styles_1.theme.size.margin.base.small, "$transition": "background, border", ...props, children: [!!text &&
+                    (Array.isArray(text) ? text : [text]).map((value, index) => ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: value, "$color": styles_1.theme.color.palettes[palette]['content-primary'] }, index))), children] }), !!context && ((0, jsx_runtime_1.jsx)(react_1.FloatingArrow, { ref: arrowRef, width: 8, height: 4, context: context, fill: styles_1.theme.color.palettes[palette]['border-primary'] }))] }));
+//# sourceMappingURL=TooltipOverlay.js.map

package/lib/components/molecules/overlays/TooltipOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipOverlay.js","sourceRoot":"","sources":["../../../../src/components/molecules/overlays/TooltipOverlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAEb,8CAAmD;AAKnD,2CAAuC;AAEvC,8CAAqD;AAWrD,kBAAe,CAAC,EACd,IAAI,EACJ,OAAO,GAAG,iBAAiB,EAC3B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACF,EAAE,EAAE,CAAC,CACX,6DACE,wBAAC,iBAAS,mBACK,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,aACvD,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,EAAE,mBACxD,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,sBAC1B,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,wBAC5B,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,iBACpC,oBAAoB,KAC5B,KAAK,aAER,CAAC,CAAC,IAAI;oBACL,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,uBAAC,YAAI,IAEH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,YACJ,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,IAHnD,KAAK,CAIV,CACH,CAAC,EACH,QAAQ,IACC,EACX,CAAC,CAAC,OAAO,IAAI,CACZ,uBAAC,qBAAa,IACZ,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,GACrD,CACH,IACA,CACJ,CAAC"}

package/lib/components/molecules/overlays/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DropdownOverlay } from './DropdownOverlay';
+export { default as ModalOverlay } from './ModalOverlay';
+export { default as ToastOverlay } from './ToastOverlay';
+export { default as TooltipOverlay } from './TooltipOverlay';

package/lib/components/molecules/overlays/index.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.TooltipOverlay = exports.ToastOverlay = exports.ModalOverlay = exports.DropdownOverlay = void 0;
+var DropdownOverlay_1 = require("./DropdownOverlay");
+Object.defineProperty(exports, "DropdownOverlay", { enumerable: true, get: function () { return __importDefault(DropdownOverlay_1).default; } });
+var ModalOverlay_1 = require("./ModalOverlay");
+Object.defineProperty(exports, "ModalOverlay", { enumerable: true, get: function () { return __importDefault(ModalOverlay_1).default; } });
+var ToastOverlay_1 = require("./ToastOverlay");
+Object.defineProperty(exports, "ToastOverlay", { enumerable: true, get: function () { return __importDefault(ToastOverlay_1).default; } });
+var TooltipOverlay_1 = require("./TooltipOverlay");
+Object.defineProperty(exports, "TooltipOverlay", { enumerable: true, get: function () { return __importDefault(TooltipOverlay_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/molecules/overlays/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/overlays/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB;AACnC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,mDAA6D;AAApD,iIAAA,OAAO,OAAkB"}

package/lib/components/molecules/rows/BulletedRow.d.ts

@@ -0,0 +1,12 @@
+import type { BulletedRowSize, BulletedRowType } from '../../../constants/components/molecules';
+import { Container, Text } from '../../../components/atoms';
+import { TitleRow } from '../../../components/molecules';
+type Props = {
+    id?: React.ComponentProps<typeof TitleRow>['id'];
+    type?: BulletedRowType;
+    size?: BulletedRowSize;
+    index?: React.ComponentProps<typeof Text>['value'];
+    title?: React.ComponentProps<typeof TitleRow>['value'];
+} & React.ComponentProps<typeof Container>;
+declare const _default: ({ id, type, size, index, title, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/rows/BulletedRow.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const theme_1 = __importDefault(require("../../../utils/styles/theme"));
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+const gapBySize = {
+    medium: theme_1.default.size.margin.base.x_small,
+    large: theme_1.default.size.margin.base.small,
+};
+const numberedBulletTypeBySize = {
+    medium: 'x_small-bold',
+    large: 'small-bold',
+};
+const numberedBulletSizeBySize = {
+    medium: 20,
+    large: 24,
+};
+exports.default = ({ id, type = 'numbered', size = 'medium', index = 1, title, children, ...props }) => ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": gapBySize[size], children: [type === 'numbered' && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$background": theme_1.default.color.palettes['button-solid']['background-primary'], "$borderRadius": numberedBulletSizeBySize[size] / 2, "$size": numberedBulletSizeBySize[size], children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: index, type: numberedBulletTypeBySize[size], "$color": theme_1.default.color.palettes.body['background-selected'] }) })), (0, jsx_runtime_1.jsx)(molecules_1.TitleRow, { id: id, value: title, size: size, "$width": 0, "$flexGrow": true })] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$paddingLeft": numberedBulletSizeBySize[size] + gapBySize[size], "$marginTop": theme_1.default.size.margin.base.small, children: children })] }));
+//# sourceMappingURL=BulletedRow.js.map

package/lib/components/molecules/rows/BulletedRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulletedRow.js","sourceRoot":"","sources":["../../../../src/components/molecules/rows/BulletedRow.tsx"],"names":[],"mappings":";;;;;;AAKA,iEAAyC;AAEzC,8CAAqD;AACrD,sDAAkD;AAUlD,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE,eAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;IACtC,KAAK,EAAE,eAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;CAIpC,CAAC;AAEF,MAAM,wBAAwB,GAAG;IAC/B,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,YAAY;CAIpB,CAAC;AAEF,MAAM,wBAAwB,GAAG;IAC/B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CAIV,CAAC;AAEF,kBAAe,CAAC,EACd,EAAE,EACF,IAAI,GAAG,UAAU,EACjB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,CAAC,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACF,EAAE,EAAE,CAAC,CACX,wBAAC,iBAAS,OAAK,KAAK,aAClB,wBAAC,iBAAS,gBAAU,MAAM,iBAAa,QAAQ,UAAO,SAAS,CAAC,IAAI,CAAC,aAClE,IAAI,KAAK,UAAU,IAAI,CACtB,uBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,qBACJ,QAAQ,iBAEtB,eAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,oBAAoB,CAAC,mBAE7C,wBAAwB,CAAC,IAAI,CAAC,GAAG,CAAC,WAC1C,wBAAwB,CAAC,IAAI,CAAC,YAErC,uBAAC,YAAI,IACH,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,wBAAwB,CAAC,IAAI,CAAC,YAC5B,eAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,GACxD,GACQ,CACb,EACD,uBAAC,oBAAQ,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,YAAU,CAAC,sBAAc,IACzD,EACZ,uBAAC,iBAAS,oBACM,wBAAwB,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,gBAClD,eAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,YAEvC,QAAQ,GACC,IACF,CACb,CAAC"}

package/lib/components/molecules/rows/CheckboxLabelRow.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { CheckboxLabelRowSize } from '../../../constants/components';
+import { CheckboxInput, Container, Text } from '../../../components/atoms';
+type Props = {
+    size?: CheckboxLabelRowSize;
+    value?: React.ComponentProps<typeof CheckboxInput>['value'];
+    onChangeValue?: React.ComponentProps<typeof CheckboxInput>['onChangeValue'];
+    text?: React.ComponentProps<typeof Text>['value'];
+    description?: React.ComponentProps<typeof Text>['value'];
+    isDisabled?: boolean;
+} & React.ComponentProps<typeof Container>;
+declare const _default: ({ size, value, onChangeValue, text, description, isDisabled, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/rows/CheckboxLabelRow.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+const checkboxInputSizeBySize = {
+    x_small: 'x_small',
+    small: 'x_small',
+};
+exports.default = ({ size = 'small', value, onChangeValue, text, description, isDisabled = false, ...props }) => {
+    const onClick = react_1.default.useCallback(() => {
+        if (isDisabled)
+            return;
+        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(!value);
+    }, [value, isDisabled, onChangeValue]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, children: [(0, jsx_runtime_1.jsx)(atoms_1.CheckboxInput, { size: checkboxInputSizeBySize[size], value: value, isDisabled: isDisabled, onChangeValue: onChangeValue }), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: size, value: text, onClick: onClick, "$flexShrink": true, "$cursor": isDisabled ? 'not-allowed' : 'pointer', "$color": styles_1.theme.color.palettes.body['content-primary'], "$ellipsis": true }))] }), !!description && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$marginLeft": styles_1.theme.size.height.base[checkboxInputSizeBySize[size]] +
+                    styles_1.theme.size.margin.base.x_small, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: size, value: description, "$color": styles_1.theme.color.palettes.body['content-secondary'] }) }))] }));
+};
+//# sourceMappingURL=CheckboxLabelRow.js.map

package/lib/components/molecules/rows/CheckboxLabelRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxLabelRow.js","sourceRoot":"","sources":["../../../../src/components/molecules/rows/CheckboxLabelRow.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAI1B,2CAAuC;AAEvC,8CAAoE;AAWpE,MAAM,uBAAuB,GAAG;IAC9B,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;CAIjB,CAAC;AAEF,kBAAe,CAAC,EACd,IAAI,GAAG,OAAO,EACd,KAAK,EACL,aAAa,EACb,IAAI,EACJ,WAAW,EACX,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,OAAO,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU;YAAE,OAAO;QACvB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,wBAAC,iBAAS,gBAAU,MAAM,oBAAgB,QAAQ,KAAK,KAAK,aAC1D,wBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,UACd,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,aAEpC,uBAAC,qBAAa,IACZ,IAAI,EAAE,uBAAuB,CAAC,IAAI,CAAC,EACnC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,EACD,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,kCAEP,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,YACvC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,sBAEpD,CACH,IACS,EACX,CAAC,CAAC,WAAW,IAAI,CAChB,uBAAC,iBAAS,mBAEN,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;oBACrD,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,YAGhC,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,YACV,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,GACtD,GACQ,CACb,IACS,CACb,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/molecules/rows/PrevNextCardRow.d.ts

@@ -0,0 +1,8 @@
+import { Container } from '../../../components/atoms';
+import { Card } from '../../../components/molecules';
+type Props = {
+    prevCard?: React.ComponentProps<typeof Card>;
+    nextCard?: React.ComponentProps<typeof Card>;
+} & React.ComponentProps<typeof Container>;
+declare const _default: ({ prevCard, nextCard, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/rows/PrevNextCardRow.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+const molecules_1 = require("../../../components/molecules");
+exports.default = ({ prevCard, nextCard, ...props }) => ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "grid", "$gridTemplateColumnsRepeatCounts": "auto-fit", "$gridTemplateColumns": styles_1.theme.size.width.cards.small, "$gap": styles_1.theme.size.margin.base.small, ...props, children: [prevCard ? ((0, jsx_runtime_1.jsx)(molecules_1.Card, { type: "plain-horizontal", icon: "hero/chevron-left-outline", description: "\uC774\uC804 \uB2E8\uACC4", ...prevCard })) : ((0, jsx_runtime_1.jsx)(atoms_1.Container, {})), nextCard ? ((0, jsx_runtime_1.jsx)(molecules_1.Card, { type: "plain-horizontal", icon: "hero/chevron-right-outline", description: "\uB2E4\uC74C \uB2E8\uACC4", ...nextCard })) : ((0, jsx_runtime_1.jsx)(atoms_1.Container, {}))] }));
+//# sourceMappingURL=PrevNextCardRow.js.map

package/lib/components/molecules/rows/PrevNextCardRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrevNextCardRow.js","sourceRoot":"","sources":["../../../../src/components/molecules/rows/PrevNextCardRow.tsx"],"names":[],"mappings":";;;AAAA,2CAAuC;AAEvC,8CAA+C;AAC/C,sDAA8C;AAO9C,kBAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CAC1D,wBAAC,iBAAS,gBACC,MAAM,sCACkB,UAAU,0BACrB,cAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,UAC5C,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,KAC9B,KAAK,aAER,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,gBAAI,IACH,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAC,2BAA2B,EAChC,WAAW,EAAC,2BAAO,KACf,QAAQ,GACZ,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAS,KAAG,CACd,EACA,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,gBAAI,IACH,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAC,4BAA4B,EACjC,WAAW,EAAC,2BAAO,KACf,QAAQ,GACZ,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAS,KAAG,CACd,IACS,CACb,CAAC"}

package/lib/components/molecules/rows/RadioLabelRow.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { RadioLabelRowSize } from '../../../constants/components';
+import { Container, RadioInput, Text } from '../../../components/atoms';
+type Props = {
+    size?: RadioLabelRowSize;
+    value?: React.ComponentProps<typeof RadioInput>['value'];
+    onChangeValue?: React.ComponentProps<typeof RadioInput>['onChangeValue'];
+    text?: React.ComponentProps<typeof Text>['value'];
+    description?: React.ComponentProps<typeof Text>['value'];
+    isDisabled?: boolean;
+} & React.ComponentProps<typeof Container>;
+declare const _default: ({ size, value, onChangeValue, text, description, isDisabled, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/rows/RadioLabelRow.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+const radioInputSizeBySize = {
+    x_small: 'x_small',
+    small: 'x_small',
+};
+exports.default = ({ size = 'x_small', value, onChangeValue, text, description, isDisabled = false, ...props }) => {
+    const onClick = react_1.default.useCallback(() => {
+        if (isDisabled)
+            return;
+        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(!value);
+    }, [value, isDisabled, onChangeValue]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, children: [(0, jsx_runtime_1.jsx)(atoms_1.RadioInput, { size: radioInputSizeBySize[size], value: value, isDisabled: isDisabled, onChangeValue: onChangeValue }), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: size, value: text, onClick: onClick, "$cursor": isDisabled ? 'not-allowed' : 'pointer', "$color": styles_1.theme.color.palettes.body['content-primary'], "$ellipsis": true, "$flexShrink": true }))] }), !!description && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$marginLeft": styles_1.theme.size.height.base[radioInputSizeBySize[size]] +
+                    styles_1.theme.size.margin.base.x_small, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: size, value: description, "$color": styles_1.theme.color.palettes.body['content-secondary'] }) }))] }));
+};
+//# sourceMappingURL=RadioLabelRow.js.map

package/lib/components/molecules/rows/RadioLabelRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioLabelRow.js","sourceRoot":"","sources":["../../../../src/components/molecules/rows/RadioLabelRow.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAI1B,2CAAuC;AAEvC,8CAAiE;AAWjE,MAAM,oBAAoB,GAAG;IAC3B,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;CAIjB,CAAC;AAEF,kBAAe,CAAC,EACd,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,aAAa,EACb,IAAI,EACJ,WAAW,EACX,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,OAAO,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU;YAAE,OAAO;QACvB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,wBAAC,iBAAS,gBAAU,MAAM,oBAAgB,QAAQ,KAAK,KAAK,aAC1D,wBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,UACd,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,aAEpC,uBAAC,kBAAU,IACT,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAChC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,EACD,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,aACP,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,YACvC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,2CAGpD,CACH,IACS,EACX,CAAC,CAAC,WAAW,IAAI,CAChB,uBAAC,iBAAS,mBAEN,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;oBAClD,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,YAGhC,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,YACV,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,GACtD,GACQ,CACb,IACS,CACb,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/molecules/rows/TitleRow.d.ts

@@ -0,0 +1,10 @@
+import type { TitleRowSize } from '../../../constants/components/molecules';
+import { ClickableContainer, Text } from '../../../components/atoms';
+type Props = {
+    id?: string;
+    size?: TitleRowSize;
+    value?: React.ComponentProps<typeof Text>['value'];
+    subTitle?: React.ComponentProps<typeof Text>['value'];
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ id, size, value, subTitle, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/rows/TitleRow.js

@@ -0,0 +1,27 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const theme_1 = __importDefault(require("../../../utils/styles/theme"));
+const styles_1 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const textTypeBySize = {
+    medium: 'medium-bold',
+    large: 'large-bold',
+};
+const subTextTypeBySize = {
+    medium: 'x_small',
+    large: 'small',
+};
+const iconSizeBySize = {
+    medium: 16,
+    large: 20,
+};
+exports.default = ({ id, size = 'medium', value, subTitle, ...props }) => {
+    const [hoverProps, isHover] = (0, styles_1.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { id: id, href: id ? `#${id}` : undefined, "$display": "flex", "$alignItems": "center", "$gap": theme_1.default.size.margin.base.small, "$scrollMarginTop": theme_1.default.size.height.header + theme_1.default.size.margin.section, ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { type: textTypeBySize[size], value: value, "$flexShrink": true }), !!subTitle && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: subTextTypeBySize[size], value: subTitle, "$color": theme_1.default.color.palettes.body['content-secondary'], "$flexShrink": true })), !!id && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/link-outline", "$size": iconSizeBySize[size], "$autoFill": theme_1.default.color.palettes.body['content-secondary'], "$opacity": isHover ? 1 : 0, "$transition": "opacity" }))] }));
+};
+//# sourceMappingURL=TitleRow.js.map

package/lib/components/molecules/rows/TitleRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleRow.js","sourceRoot":"","sources":["../../../../src/components/molecules/rows/TitleRow.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAIb,iEAAyC;AAEzC,2CAA+C;AAE/C,8CAAoE;AASpE,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CAIpB,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACxB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,OAAO;CAIf,CAAC;AAEF,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CAIV,CAAC;AAEF,kBAAe,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IAC3E,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAC9C,OAAO,CACL,wBAAC,0BAAkB,IACjB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,cACtB,MAAM,iBACH,QAAQ,UACd,eAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,sBAChB,eAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,eAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,KAClE,UAAU,KACV,KAAK,aAET,uBAAC,YAAI,IAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,wBAAgB,EAC7D,CAAC,CAAC,QAAQ,IAAI,CACb,uBAAC,YAAI,IACH,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAC7B,KAAK,EAAE,QAAQ,YACP,eAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,wBAEtD,CACH,EACA,CAAC,CAAC,EAAE,IAAI,CACP,uBAAC,YAAI,IACH,IAAI,EAAC,mBAAmB,WACjB,cAAc,CAAC,IAAI,CAAC,eAChB,eAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,cAC/C,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBACb,SAAS,GACrB,CACH,IACkB,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/molecules/rows/ValidationMessageRow.d.ts

@@ -0,0 +1,9 @@
+import type { ValidationMessageRowSize, ValidationMessageRowType } from '../../../constants/components';
+import { Container, Text } from '../../../components/atoms';
+type Props = {
+    type?: ValidationMessageRowType;
+    size?: ValidationMessageRowSize;
+    text?: React.ComponentProps<typeof Text>['value'];
+} & React.ComponentProps<typeof Container>;
+declare const _default: ({ type, size, text, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/rows/ValidationMessageRow.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = ({ type = 'pending', size = 'small', text, ...props }) => ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, "$overflow": true, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: type === 'error'
+                ? 'hero/x-mark-mini'
+                : type === 'success'
+                    ? 'hero/check-mini'
+                    : 'hero/spinner-outline', "$autoFill": type === 'error'
+                ? styles_1.theme.color.palettes['badge-surface-error']['content-primary']
+                : type === 'success'
+                    ? styles_1.theme.color.palettes['badge-surface-success']['content-primary']
+                    : styles_1.theme.color.palettes['badge-surface-secondary']['content-primary'], "$size": styles_1.theme.size.height.base[size] }), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: size, value: text, "$color": type === 'error'
+                ? styles_1.theme.color.palettes['badge-surface-error']['content-primary']
+                : type === 'success'
+                    ? styles_1.theme.color.palettes['badge-surface-success']['content-primary']
+                    : styles_1.theme.color.palettes['badge-surface-secondary']['content-primary'], "$flexShrink": true, "$ellipsis": true }))] }));
+//# sourceMappingURL=ValidationMessageRow.js.map

package/lib/components/molecules/rows/ValidationMessageRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationMessageRow.js","sourceRoot":"","sources":["../../../../src/components/molecules/rows/ValidationMessageRow.tsx"],"names":[],"mappings":";;;AAKA,2CAAuC;AAEvC,8CAA2D;AAQ3D,kBAAe,CAAC,EACd,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,OAAO,EACd,IAAI,EACJ,GAAG,KAAK,EACF,EAAE,EAAE,CAAC,CACX,wBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,UACd,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,wBAEhC,KAAK,aAET,uBAAC,YAAI,IACH,IAAI,EACF,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,kBAAkB;gBACpB,CAAC,CAAC,IAAI,KAAK,SAAS;oBAClB,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,sBAAsB,eAG5B,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,iBAAiB,CAAC;gBAChE,CAAC,CAAC,IAAI,KAAK,SAAS;oBAClB,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC,iBAAiB,CAAC;oBAClE,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,iBAAiB,CAAC,WAEnE,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GACnC,EACD,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,YAET,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,iBAAiB,CAAC;gBAChE,CAAC,CAAC,IAAI,KAAK,SAAS;oBAClB,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC,iBAAiB,CAAC;oBAClE,CAAC,CAAC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAC7C,iBAAiB,CAClB,2CAIT,CACH,IACS,CACb,CAAC"}

package/lib/components/molecules/rows/index.d.ts

@@ -0,0 +1,6 @@
+export { default as BulletedRow } from './BulletedRow';
+export { default as CheckboxLabelRow } from './CheckboxLabelRow';
+export { default as PrevNextCardRow } from './PrevNextCardRow';
+export { default as RadioLabelRow } from './RadioLabelRow';
+export { default as TitleRow } from './TitleRow';
+export { default as ValidationMessageRow } from './ValidationMessageRow';

package/lib/components/molecules/rows/index.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.ValidationMessageRow = exports.TitleRow = exports.RadioLabelRow = exports.PrevNextCardRow = exports.CheckboxLabelRow = exports.BulletedRow = void 0;
+var BulletedRow_1 = require("./BulletedRow");
+Object.defineProperty(exports, "BulletedRow", { enumerable: true, get: function () { return __importDefault(BulletedRow_1).default; } });
+var CheckboxLabelRow_1 = require("./CheckboxLabelRow");
+Object.defineProperty(exports, "CheckboxLabelRow", { enumerable: true, get: function () { return __importDefault(CheckboxLabelRow_1).default; } });
+var PrevNextCardRow_1 = require("./PrevNextCardRow");
+Object.defineProperty(exports, "PrevNextCardRow", { enumerable: true, get: function () { return __importDefault(PrevNextCardRow_1).default; } });
+var RadioLabelRow_1 = require("./RadioLabelRow");
+Object.defineProperty(exports, "RadioLabelRow", { enumerable: true, get: function () { return __importDefault(RadioLabelRow_1).default; } });
+var TitleRow_1 = require("./TitleRow");
+Object.defineProperty(exports, "TitleRow", { enumerable: true, get: function () { return __importDefault(TitleRow_1).default; } });
+var ValidationMessageRow_1 = require("./ValidationMessageRow");
+Object.defineProperty(exports, "ValidationMessageRow", { enumerable: true, get: function () { return __importDefault(ValidationMessageRow_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/molecules/rows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/rows/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AACpC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB;AACnC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,+DAAyE;AAAhE,6IAAA,OAAO,OAAwB"}

package/lib/components/molecules/trays/CalloutTray.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CalloutTrayType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { Container, Icon, Text } from '../../../components/atoms';
+type Props = {
+    type?: CalloutTrayType;
+    icon?: React.ComponentProps<typeof Icon>['type'];
+    title?: React.ComponentProps<typeof Text>['value'];
+    description?: React.ComponentProps<typeof Text>['value'];
+    isLoading?: boolean;
+    palette?: Palette;
+} & Omit<React.ComponentProps<typeof Container>, 'title'>;
+declare const _default: React.MemoExoticComponent<({ type, icon, title, description, palette, isLoading, children, $css, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;