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

package/lib/components/molecules/breadcrumbs/NavBreadcrumb.js

@@ -0,0 +1,73 @@
+'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 CHEVRON_SIZE = 24;
+const ELLIPSIS = 'ellipsis';
+const Button = ({ icon, text, isSelected = false, palette = 'body', ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$display": "flex", "$alignItems": "center", "$transition": "background", "$borderRadius": styles_1.theme.size.borderRadius.small, "$gap": styles_1.theme.size.margin.base.x_small, "$height": styles_1.theme.size.height.base.medium, "$paddingHorizontal": styles_1.theme.size.margin.base.small, "$background": styles_1.theme.color.with_opacity[isHover ? 'button' : 'none'](styles_1.theme.color.palettes[palette]['content-primary']), ...hoverProps, ...props, children: [!!icon && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": styles_1.theme.color.palettes[palette][isSelected ? 'content-primary' : 'content-secondary'], "$size": 24 })), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, "$color": styles_1.theme.color.palettes[palette][isSelected ? 'content-primary' : 'content-secondary'] }))] }));
+};
+const getTruncationSteps = (n) => {
+    const all = Array.from({ length: n }, (_, i) => i);
+    if (n <= 2)
+        return [all];
+    const steps = [all];
+    if (n >= 4)
+        steps.push([0, ELLIPSIS, n - 2, n - 1]);
+    steps.push([0, ELLIPSIS, n - 1]);
+    steps.push([ELLIPSIS, n - 1]);
+    return steps;
+};
+const getStepWidth = (step, itemWidths) => {
+    const itemsWidth = step.reduce((sum, s) => { var _a; return sum + (s === ELLIPSIS ? CHEVRON_SIZE : ((_a = itemWidths[s]) !== null && _a !== void 0 ? _a : 0)); }, 0);
+    const chevronsWidth = (step.length - 1) * CHEVRON_SIZE;
+    return itemsWidth + chevronsWidth;
+};
+exports.default = react_1.default.memo(({ values, isEllipsis = false, palette = 'body', ...props }) => {
+    var _a;
+    const wrapperRef = react_1.default.useRef(null);
+    const measureRefs = react_1.default.useRef([]);
+    const { offsetWidth: wrapperWidth } = (0, styles_2.useElementStates)(wrapperRef);
+    const [itemWidths, setItemWidths] = react_1.default.useState([]);
+    react_1.default.useLayoutEffect(() => {
+        setItemWidths(measureRefs.current.map(el => { var _a; return (_a = el === null || el === void 0 ? void 0 : el.offsetWidth) !== null && _a !== void 0 ? _a : 0; }));
+    }, [wrapperWidth, values]);
+    const steps = react_1.default.useMemo(() => {
+        var _a, _b;
+        return isEllipsis
+            ? getTruncationSteps((_a = values === null || values === void 0 ? void 0 : values.length) !== null && _a !== void 0 ? _a : 0)
+            : getTruncationSteps((_b = values === null || values === void 0 ? void 0 : values.length) !== null && _b !== void 0 ? _b : 0).slice(0, 1);
+    }, [isEllipsis, values === null || values === void 0 ? void 0 : values.length]);
+    const truncationLevel = react_1.default.useMemo(() => {
+        if (wrapperWidth === undefined || itemWidths.every(w => w === 0))
+            return 0;
+        const idx = steps.findIndex(step => getStepWidth(step, itemWidths) <= wrapperWidth);
+        return idx === -1 ? steps.length - 1 : idx;
+    }, [wrapperWidth, itemWidths, steps]);
+    const visibleStep = (_a = steps[truncationLevel]) !== null && _a !== void 0 ? _a : [];
+    if (!values || values.length === 0)
+        return (0, jsx_runtime_1.jsx)(atoms_1.Container, { ref: wrapperRef, ...props });
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { ref: wrapperRef, "$position": "relative", "$overflowX": "hidden", ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$position": "absolute", "$opacity": 0, "$nonePointerEvents": true, children: values.map(({ href: _, ...buttonProps }, index) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", ref: el => {
+                        measureRefs.current[index] = el;
+                    }, children: (0, jsx_runtime_1.jsx)(Button, { palette: palette, isSelected: index === values.length - 1, ...buttonProps }) }, index))) }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", children: visibleStep.map((item, stepIndex) => {
+                    const isLastStep = stepIndex === visibleStep.length - 1;
+                    if (item === ELLIPSIS) {
+                        return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/ellipsis-horizontal-mini", "$autoFill": styles_1.theme.color.palettes[palette]['content-secondary'], "$size": CHEVRON_SIZE }), !isLastStep && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/chevron-right-outline", "$size": CHEVRON_SIZE, "$autoFill": styles_1.theme.color.palettes[palette]['content-secondary'] }))] }, "ellipsis"));
+                    }
+                    const value = values[item];
+                    if (!value)
+                        return null;
+                    const { href, ...buttonProps } = value;
+                    const isSelected = item === values.length - 1;
+                    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", children: [(0, jsx_runtime_1.jsx)(Button, { palette: palette, isSelected: isSelected, href: href, ...buttonProps }), !isLastStep && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/chevron-right-outline", "$size": CHEVRON_SIZE, "$autoFill": styles_1.theme.color.palettes[palette]['content-secondary'] }))] }, item));
+                }) })] }));
+});
+//# sourceMappingURL=NavBreadcrumb.js.map

package/lib/components/molecules/breadcrumbs/NavBreadcrumb.js.map

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

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

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

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

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

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

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

package/lib/components/molecules/cards/BookCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ClickableContainer, Container, ImageContainer, Text } from '../../../components/atoms';
+type Props = {
+    imageSrc: React.ComponentProps<typeof ImageContainer>['src'];
+    text: React.ComponentProps<typeof Text>['value'] | React.ComponentProps<typeof Text>['value'][];
+    description?: React.ComponentProps<typeof Text>['value'];
+    $coverBackground?: React.ComponentProps<typeof Container>['$background'];
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ imageSrc, text, description, $coverBackground, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/cards/BookCard.js

@@ -0,0 +1,30 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = require("styled-components");
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const bookMaterial = {
+    pageLight: '#f3ecdb',
+    pageDark: '#ddd0b2',
+    pageCream: '#f7f1e3',
+    pageLine: '#d9cfb6',
+    pageInkShadow: 'rgba(120, 90, 40, 0.12)',
+    labelInk: 'rgb(70, 120, 170)',
+    spineShadow: 'rgba(0, 0, 0, 0.42)',
+    coverDropShadow: 'rgba(20, 20, 40, 0.4)',
+    coverInside: '#ddd0b2',
+};
+const innerPageLineWidths = ['82%', '66%', '74%', '58%'];
+const coverAspectRatio = 3 / 4;
+exports.default = ({ imageSrc, text, description, $coverBackground, ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "relative", "$css": "perspective: 1600px;", children: (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$transform": isHover ? 'rotateY(-24deg) translateY(-6px)' : 'rotateY(-16deg)', "$css": (0, styled_components_1.css) `
+            transform-style: preserve-3d;
+            transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.3, 1);
+            transform-origin: left center;
+          `, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$top": 5, "$left": "100%", "$width": 40, "$height": "calc(100% - 10px)", "$borderRadius": "0 2px 2px 0", "$background": `repeating-linear-gradient(90deg, ${bookMaterial.pageLight} 0 2px, ${bookMaterial.pageDark} 2px 3px)`, "$css": "transform: rotateY(72deg); transform-origin: left center;" }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$css": "inset: 0;", "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": `linear-gradient(90deg, ${bookMaterial.pageLight} 0 8px, ${bookMaterial.pageCream} 8px 100%)`, "$boxShadow": `inset 0 0 40px ${bookMaterial.pageInkShadow}`, "$padding": "22px 18px 18px 22px", "$display": "flex", "$flexDirection": "column", "$gap": styles_1.theme.size.margin.base.x_small, children: innerPageLineWidths.map(width => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": width, "$height": 7, "$borderRadius": 4, "$background": bookMaterial.pageLine }, width))) }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$zIndex": 5, "$css": "transform-style: preserve-3d; transform-origin: left center; transition: transform 0.65s cubic-bezier(0.3, 0.75, 0.25, 1);", "$transform": isHover ? 'rotateY(-126deg)' : 'rotateY(0deg)', children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$zIndex": 2, "$css": "backface-visibility: hidden;", children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$top": 0, "$left": 0, "$width": 14, "$height": "100%", "$zIndex": 6, "$borderRadius": "6px 0 0 6px", "$nonePointerEvents": true, "$background": `linear-gradient(90deg, ${bookMaterial.spineShadow}, rgba(0, 0, 0, 0))` }), (0, jsx_runtime_1.jsx)(atoms_1.ImageContainer, { src: imageSrc, alt: String(text) || String(description) || 'Book cover', placeholder: "blur", loading: "lazy", "$display": "block", "$width": "100%", "$height": "auto", "$aspectRatio": coverAspectRatio, "$objectFit": "cover", "$borderRadius": "2px 6px 6px 2px", "$boxShadow": `20px 26px 40px ${bookMaterial.coverDropShadow}` })] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$background": $coverBackground !== null && $coverBackground !== void 0 ? $coverBackground : bookMaterial.coverInside, "$borderRadius": "6px 2px 2px 6px", "$zIndex": 1, "$css": "inset: 0; transform: rotateY(180deg);" })] })] }) }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$marginTop": styles_1.theme.size.margin.base.medium, children: [(Array.isArray(text) ? text : [text]).map((text, index) => ((0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, "$ellipsis": true }, index))), !!description && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: description, "$color": styles_1.theme.color.palettes.body['content-secondary'], "$ellipsis": true }))] })] }));
+};
+//# sourceMappingURL=BookCard.js.map

package/lib/components/molecules/cards/BookCard.js.map

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

package/lib/components/molecules/cards/Card.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { CardType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { ClickableContainer, Container, Icon, ImageContainer, Text } from '../../../components/atoms';
+type Props = {
+    type?: CardType;
+    icon?: React.ComponentProps<typeof Icon>['type'];
+    imageSrc?: React.ComponentProps<typeof ImageContainer>['src'];
+    rightCornerGhostImageSrc?: React.ComponentProps<typeof ImageContainer>['src'];
+    title?: React.ComponentProps<typeof Text>['value'];
+    isRightCornerTag?: boolean;
+    description?: React.ComponentProps<typeof Text>['value'] | Array<React.ComponentProps<typeof Text>['value']>;
+    footerChildren?: React.ReactNode;
+    palette?: Palette;
+    $rightCornerTagBackground?: React.ComponentProps<typeof Container>['$background'];
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: React.MemoExoticComponent<({ type, icon, imageSrc, rightCornerGhostImageSrc, title, description, isRightCornerTag, children, footerChildren, palette, $rightCornerTagBackground, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/cards/Card.js

@@ -0,0 +1,33 @@
+'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");
+exports.default = react_1.default.memo(({ type = 'plain-vertical', icon, imageSrc, rightCornerGhostImageSrc, title, description, isRightCornerTag = false, children, footerChildren, palette = 'button-soft', $rightCornerTagBackground, ...props }) => {
+    var _a;
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$position": "relative", "$display": "flex", "$flexDirection": "column", "$justifyContent": "space-between", "$border": `1px solid ${styles_1.theme.color.palettes[palette]['border-primary']}`, "$background": styles_1.theme.color.palettes[palette]['background-primary'], "$borderRadius": styles_1.theme.size.borderRadius.medium, "$transform": isHover ? 'translateY(-2px)' : undefined, "$boxShadow": isHover ? '0 6px 18px rgba(130, 130, 130, 0.1)' : undefined, "$transition": "box-shadow, transform, background, border", "$overflow": true, ...hoverProps, ...props, children: [isRightCornerTag && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$top": 0, "$right": 0, "$borderTop": `46px solid ${$rightCornerTagBackground !== null && $rightCornerTagBackground !== void 0 ? $rightCornerTagBackground : styles_1.theme.color.base.primary.eulerRed}`, "$borderLeft": `46px solid transparent` })), !!rightCornerGhostImageSrc && ((0, jsx_runtime_1.jsx)(atoms_1.ImageContainer, { src: rightCornerGhostImageSrc, alt: "right-corner-ghost", placeholder: "blur", loading: "lazy", width: 120, height: 120, "$position": "absolute", "$bottom": -20, "$right": -20, "$size": 120, "$opacity": 0.15 })), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": ['plain-vertical', 'simple-vertical'].includes(type)
+                    ? 'stretch'
+                    : 'center', "$flexDirection": ['plain-vertical', 'simple-vertical'].includes(type)
+                    ? 'column'
+                    : 'row', "$gap": [
+                    'simple-horizontal',
+                    'simple-vertical',
+                    'plain-horizontal',
+                ].includes(type)
+                    ? styles_1.theme.size.margin.base.small
+                    : styles_1.theme.size.margin.base.x_small, "$padding": styles_1.theme.size.margin.base.medium, children: [!!icon &&
+                        ['simple-horizontal', 'simple-vertical'].includes(type) && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$size": 24 + styles_1.theme.size.margin.base.small * 2, "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$borderRadius": styles_1.theme.size.borderRadius.small, "$background": styles_1.theme.color.base.primary.eulerRed, children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a['background-primary'], "$size": 24 }) })), !!icon && ['plain-horizontal', 'plain-vertical'].includes(type) && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": styles_1.theme.color.palettes.body['content-primary'], "$size": 24 })), !!imageSrc && ((0, jsx_runtime_1.jsx)(atoms_1.ImageContainer, { src: imageSrc, alt: String(title || description) || 'card', width: styles_1.theme.size.height.base['2x_large'], height: styles_1.theme.size.height.base['2x_large'], "$size": styles_1.theme.size.height.base['2x_large'] })), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$width": ['plain-horizontal', 'simple-horizontal'].includes(type)
+                            ? 0
+                            : undefined, "$flexGrow": ['plain-horizontal', 'simple-horizontal'].includes(type)
+                            ? true
+                            : undefined, children: [!!title && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium-bold", value: title, "$color": styles_1.theme.color.palettes.body['content-primary'] })), !!description &&
+                                (Array.isArray(description) ? description : [description]).map((text, index) => ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: text, "$color": styles_1.theme.color.palettes.body['content-secondary'] }, index)))] }), children] }), !!footerChildren && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$background": styles_1.theme.color.palettes[palette]['background-selected'], "$borderTop": `1px solid ${styles_1.theme.color.palettes[palette]['border-primary']}`, "$paddingHorizontal": styles_1.theme.size.margin.base.medium, "$paddingVertical": styles_1.theme.size.margin.base.small, "$transition": "border", children: footerChildren }))] }));
+});
+//# sourceMappingURL=Card.js.map

package/lib/components/molecules/cards/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/molecules/cards/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAK1B,2CAAuC;AAEvC,2CAA+C;AAE/C,8CAM4B;AAmB5B,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EACC,IAAI,GAAG,gBAAgB,EACvB,IAAI,EACJ,QAAQ,EACR,wBAAwB,EACxB,KAAK,EACL,WAAW,EACX,gBAAgB,GAAG,KAAK,EACxB,QAAQ,EACR,cAAc,EACd,OAAO,GAAG,aAAa,EACvB,yBAAyB,EACzB,GAAG,KAAK,EACF,EAAE,EAAE;;IACV,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAE9C,OAAO,CACL,wBAAC,0BAAkB,iBACP,UAAU,cACX,MAAM,oBACA,QAAQ,qBACP,eAAe,aACtB,aAAa,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,EAAE,iBAC1D,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,mBACjD,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,gBACjC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,gBACxC,OAAO,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,SAAS,iBAC3D,2CAA2C,wBAEnD,UAAU,KACV,KAAK,aAER,gBAAgB,IAAI,CACnB,uBAAC,iBAAS,iBACE,UAAU,UACd,CAAC,YACC,CAAC,gBACG,cAAc,yBAAyB,aAAzB,yBAAyB,cAAzB,yBAAyB,GAAI,cAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,iBAC7E,wBAAwB,GACrC,CACH,EACA,CAAC,CAAC,wBAAwB,IAAI,CAC7B,uBAAC,sBAAc,IACb,GAAG,EAAE,wBAAwB,EAC7B,GAAG,EAAC,oBAAoB,EACxB,WAAW,EAAC,MAAM,EAClB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,eACD,UAAU,aACX,CAAC,EAAE,YACJ,CAAC,EAAE,WACJ,GAAG,cACA,IAAI,GACd,CACH,EACD,wBAAC,iBAAS,gBACC,MAAM,iBAEb,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;oBAClD,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,QAAQ,oBAGZ,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;oBAClD,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,KAAK,UAGT;oBACE,mBAAmB;oBACnB,iBAAiB;oBACjB,kBAAkB;iBACnB,CAAC,QAAQ,CAAC,IAAI,CAAC;oBACd,CAAC,CAAC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;oBAC9B,CAAC,CAAC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,cAE1B,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,aAEtC,CAAC,CAAC,IAAI;wBACL,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CACzD,uBAAC,iBAAS,aACD,EAAE,GAAG,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,cACnC,MAAM,iBACH,QAAQ,qBACJ,QAAQ,mBACT,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,iBAC/B,cAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,YAE9C,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,eAER,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,oBAAoB,CAAC,WAEhD,EAAE,GACT,GACQ,CACb,EACF,CAAC,CAAC,IAAI,IAAI,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAClE,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,eACC,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAChD,EAAE,GACT,CACH,EACA,CAAC,CAAC,QAAQ,IAAI,CACb,uBAAC,sBAAc,IACb,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,MAAM,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,MAAM,EAC3C,KAAK,EAAE,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EACzC,MAAM,EAAE,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,WACnC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,GACzC,CACH,EACD,wBAAC,iBAAS,cAEN,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;4BACtD,CAAC,CAAC,CAAC;4BACH,CAAC,CAAC,SAAS,eAGb,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;4BACtD,CAAC,CAAC,IAAI;4BACN,CAAC,CAAC,SAAS,aAGd,CAAC,CAAC,KAAK,IAAI,CACV,uBAAC,YAAI,IACH,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,KAAK,YACJ,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,GACpD,CACH,EACA,CAAC,CAAC,WAAW;gCACZ,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAC5D,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACf,uBAAC,YAAI,IACH,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,IAAI,YAEH,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,IADjD,KAAK,CAEV,CACH,CACF,IACO,EACX,QAAQ,IACC,EACX,CAAC,CAAC,cAAc,IAAI,CACnB,uBAAC,iBAAS,mBACK,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,gBACrD,aACV,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAChD,EAAE,wBACkB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,sBAC/B,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,iBAClC,QAAQ,YAEnB,cAAc,GACL,CACb,IACkB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/molecules/cards/ContestCard.d.ts

@@ -0,0 +1,18 @@
+import { type ConfigType } from '@euler-edu/utils/day';
+import type { ContestCardType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { ClickableContainer, Text, TextBadge } from '../../../components/atoms';
+type Props = {
+    type?: ContestCardType;
+    title: React.ComponentProps<typeof Text>['value'];
+    rankTypeText: React.ComponentProps<typeof Text>['value'];
+    joinTypeText: React.ComponentProps<typeof Text>['value'];
+    bottomText?: React.ComponentProps<typeof Text>['value'];
+    participantsCount?: number;
+    timeStart: ConfigType;
+    timeEnd: ConfigType;
+    textBadges?: React.ComponentProps<typeof TextBadge>[];
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ type, title, rankTypeText, joinTypeText, bottomText, participantsCount, timeStart, timeEnd, textBadges, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/cards/ContestCard.js

@@ -0,0 +1,15 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const day_1 = require("@euler-edu/utils/day");
+const styles_1 = require("../../../utils/styles");
+const styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = ({ type = 'simple', title, rankTypeText, joinTypeText, bottomText, participantsCount, timeStart, timeEnd, textBadges, palette = 'button-soft', ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$display": "flex", "$flexDirection": "column", "$justifyContent": "space-between", "$border": `1px solid ${styles_1.theme.color.palettes[palette]['border-primary']}`, "$background": styles_1.theme.color.palettes[palette]['background-primary'], "$borderRadius": styles_1.theme.size.borderRadius.medium, "$transform": isHover ? 'translateY(-2px)' : undefined, "$boxShadow": isHover ? '0 6px 18px rgba(130, 130, 130, 0.1)' : undefined, "$transition": "box-shadow, transform, background, border", "$padding": styles_1.theme.size.margin.base.medium, "$overflow": true, ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$gap": styles_1.theme.size.margin.base.x_small, children: [(textBadges || []).map((badge, index) => ((0, jsx_runtime_1.jsx)(atoms_1.TextBadge, { size: "small", ...badge }, index))), (0, jsx_runtime_1.jsx)(atoms_1.TextBadge, { size: "small", text: rankTypeText, palette: "badge-soft-purple" })] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "medium", value: title, "$marginTop": styles_1.theme.size.margin.base.small }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, "$marginTop": styles_1.theme.size.margin.base.small, children: [(0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/calendar-days-outline", "$size": 20, "$autoFill": styles_1.theme.color.palettes.body['content-secondary'] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: (0, day_1.getFormattedDate)(timeStart, 'date'), "$color": styles_1.theme.color.palettes.body['content-secondary'], "$ellipsis": true })] }), typeof participantsCount === 'number' && ((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.Icon, { type: participantsCount > 1
+                                    ? 'hero/users-outline'
+                                    : 'hero/user-outline', "$size": 20, "$autoFill": styles_1.theme.color.palettes.body['content-secondary'] }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small", value: `${participantsCount.toLocaleString()}명 참가`, "$color": styles_1.theme.color.palettes.body['content-secondary'] })] }))] }), !!bottomText && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "end", "$borderTop": `1px solid ${styles_1.theme.color.palettes[palette]['border-primary']}`, "$marginTop": styles_1.theme.size.margin.base.medium, "$paddingTop": styles_1.theme.size.margin.base.small, children: (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: bottomText }) }))] }));
+};
+//# sourceMappingURL=ContestCard.js.map

package/lib/components/molecules/cards/ContestCard.js.map

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

package/lib/components/molecules/cards/DiecutStickerCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Palette } from '../../../constants/styles';
+import { ClickableContainer, ImageContainer, Text } from '../../../components/atoms';
+type Props = {
+    imageSrc: React.ComponentProps<typeof ImageContainer>['src'];
+    text: React.ComponentProps<typeof Text>['value'] | React.ComponentProps<typeof Text>['value'][];
+    description?: React.ComponentProps<typeof Text>['value'] | React.ComponentProps<typeof Text>['value'][];
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ imageSrc, text, description, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/cards/DiecutStickerCard.js

@@ -0,0 +1,59 @@
+'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 styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const hashToRotation = (key) => {
+    let hash = 0;
+    for (let i = 0; i < key.length; i++) {
+        hash = (hash * 31 + key.charCodeAt(i)) | 0;
+    }
+    const magnitude = 4 + (Math.abs(hash) % 5);
+    const sign = hash % 2 === 0 ? 1 : -1;
+    return sign * magnitude;
+};
+exports.default = ({ imageSrc, text, description, palette = 'body', ...props }) => {
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    const rotate = react_1.default.useMemo(() => {
+        return hashToRotation(String(text || imageSrc));
+    }, [imageSrc, text]);
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.ImageContainer, { src: imageSrc, alt: String(text) || String(description) || 'Diecut Sticker', placeholder: "blur", loading: "lazy", "$width": "100%", "$height": "auto", "$aspectRatio": 1, "$transform": `scale(${isHover ? 1.05 : 1}) rotate(${isHover ? 0 : rotate}deg)`, "$transition": "transform", "$css": (0, styled_components_1.css) `
+          filter: drop-shadow(
+              3px 0 0 ${styles_1.theme.color.palettes[palette]['background-selected']}
+            )
+            drop-shadow(
+              -3px 0 0 ${styles_1.theme.color.palettes[palette]['background-selected']}
+            )
+            drop-shadow(
+              0 3px 0 ${styles_1.theme.color.palettes[palette]['background-selected']}
+            )
+            drop-shadow(
+              0 -3px 0 ${styles_1.theme.color.palettes[palette]['background-selected']}
+            )
+            drop-shadow(
+              2.2px 2.2px 0
+                ${styles_1.theme.color.palettes[palette]['background-selected']}
+            )
+            drop-shadow(
+              -2.2px 2.2px 0
+                ${styles_1.theme.color.palettes[palette]['background-selected']}
+            )
+            drop-shadow(
+              2.2px -2.2px 0
+                ${styles_1.theme.color.palettes[palette]['background-selected']}
+            )
+            drop-shadow(
+              -2.2px -2.2px 0
+                ${styles_1.theme.color.palettes[palette]['background-selected']}
+            )
+            drop-shadow(0 5px 7px rgba(120, 120, 120, 0.5));
+        ` }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$marginTop": styles_1.theme.size.margin.base.medium, children: [(Array.isArray(text) ? text : [text]).map((text, index) => ((0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, "$color": styles_1.theme.color.palettes[palette]['content-primary'] }, index))), (Array.isArray(description) ? description : [description]).map((text, index) => ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "x_small", value: text, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] }, index)))] })] }));
+};
+//# sourceMappingURL=DiecutStickerCard.js.map

package/lib/components/molecules/cards/DiecutStickerCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiecutStickerCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/cards/DiecutStickerCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAE1B,yDAAwC;AAIxC,2CAAuC;AAEvC,2CAA+C;AAE/C,8CAK4B;AAa5B,MAAM,cAAc,GAAG,CAAC,GAAW,EAAU,EAAE;IAC7C,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACpC,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC7C,CAAC;IACD,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,OAAO,IAAI,GAAG,SAAS,CAAC;AAC1B,CAAC,CAAC;AAEF,kBAAe,CAAC,EACd,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,OAAO,GAAG,MAAM,EAChB,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAE9C,MAAM,MAAM,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,cAAc,CAAC,MAAM,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,wBAAC,0BAAkB,OAAK,UAAU,KAAM,KAAK,aAC3C,uBAAC,sBAAc,IACb,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,IAAI,gBAAgB,EAC5D,WAAW,EAAC,MAAM,EAClB,OAAO,EAAC,MAAM,YACP,MAAM,aACL,MAAM,kBACA,CAAC,gBACH,SAAS,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,MAAM,iBACjE,WAAW,UACjB,IAAA,uBAAG,EAAA;;wBAEO,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC;;;yBAGnD,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC;;;wBAGrD,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC;;;yBAGnD,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC;;;;kBAI3D,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC;;;;kBAIpD,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC;;;;kBAIpD,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC;;;;kBAIpD,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC;;;SAG7D,GACD,EACF,wBAAC,iBAAS,kBAAa,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,aACjD,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,uBAAC,YAAI,IAEH,KAAK,EAAE,IAAI,YACH,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,IAFnD,KAAK,CAGV,CACH,CAAC,EACD,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAC7D,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACf,uBAAC,YAAI,IACH,IAAI,EAAC,SAAS,EAEd,KAAK,EAAE,IAAI,YACH,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,IAFrD,KAAK,CAGV,CACH,CACF,IACS,IACO,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/molecules/cards/ThemeCard.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeCardType } from '../../../constants/components';
+import { type Palette } from '../../../constants/styles';
+import { ClickableContainer, Text } from '../../../components/atoms';
+type Props = {
+    type: ThemeCardType;
+    text: React.ComponentProps<typeof Text>['value'];
+    palette?: Palette;
+    isSelected?: boolean;
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ type, text, palette, isSelected, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/molecules/cards/ThemeCard.js

@@ -0,0 +1,15 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../../constants/styles");
+const styles_2 = require("../../../utils/styles");
+const styles_3 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+exports.default = ({ type, text, palette = 'button-soft', isSelected = false, ...props }) => {
+    const [hoverProps, isHover] = (0, styles_3.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$width": 240, "$border": isSelected
+            ? `1px solid ${styles_2.theme.color.palettes['input-checkbox']['border-selected']}`
+            : `1px solid ${styles_2.theme.color.palettes[palette]['border-primary']}`, "$background": styles_2.theme.color.palettes[palette]['background-primary'], "$borderRadius": styles_2.theme.size.borderRadius.medium, "$transform": isHover ? 'translateY(-2px)' : undefined, "$boxShadow": isHover ? '0 6px 18px rgba(130, 130, 130, 0.1)' : undefined, "$transition": "box-shadow, transform, background, border", "$padding": styles_2.theme.size.margin.base.small, "$overflow": true, ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$position": "relative", "$aspectRatio": 16 / 9, "$borderRadius": styles_2.theme.size.borderRadius.small, "$background": styles_1.color.vars[type]['background-body'], "$overflow": true, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$position": "relative", "$alignItems": "center", "$height": "15%", "$background": styles_1.color.vars[type]['background-pure'], "$borderBottom": `1px solid ${styles_1.color.vars[type]['border-primary']}`, "$paddingHorizontal": "5.5%", children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": "40%", "$aspectRatio": 1 / 1, "$background": styles_2.theme.color.base.primary.eulerRed, "$borderRadius": 10000 }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "1.5%" }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "20%", "$height": "27%", "$background": styles_1.color.vars[type]['text-highlight'], "$borderRadius": 10000 }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": 0, "$flexGrow": true }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "10%", "$height": "27%", "$background": styles_1.color.vars[type]['shade-primary'], "$borderRadius": 10000 }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "1.5%" }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "10%", "$height": "27%", "$background": styles_1.color.vars[type]['shade-primary'], "$borderRadius": 10000 })] }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$justifyContent": "space-evenly", "$paddingHorizontal": "5%", "$flexGrow": true, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$justifyContent": "space-evenly", "$alignItems": "start", "$position": "relative", "$height": "35%", "$border": `1px solid ${styles_1.color.vars[type]['border-primary']}`, "$background": styles_1.color.vars[type]['background-pure'], "$paddingHorizontal": "4%", "$borderRadius": 7, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "80%", "$height": "18%", "$background": styles_1.color.vars[type]['text-primary'], "$borderRadius": 10000 }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "40%", "$height": "18%", "$background": styles_1.color.vars[type]['text-secondary'], "$borderRadius": 10000 })] }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$justifyContent": "space-between", "$alignItems": "center", "$height": "35%", "$border": `1px solid ${styles_1.color.vars[type]['border-primary']}`, "$background": styles_1.color.vars[type]['background-pure'], "$paddingHorizontal": "4%", "$borderRadius": 7, children: [(0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$flexDirection": "column", "$justifyContent": "space-evenly", "$position": "relative", "$width": "40%", "$height": "100%", children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "100%", "$height": "18%", "$background": styles_1.color.vars[type]['text-secondary'], "$borderRadius": 10000 }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$position": "relative", "$width": "100%", "$height": "18%", children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": "100%", "$aspectRatio": 1 / 1, "$borderRadius": 10000, "$background": styles_1.color.vars[type]['text-success'] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "3%" }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": "100%", "$aspectRatio": 1 / 1, "$borderRadius": 10000, "$background": styles_1.color.vars[type]['text-warning'] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "3%" }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$height": "100%", "$aspectRatio": 1 / 1, "$borderRadius": 10000, "$background": styles_1.color.vars[type]['text-error'] })] })] }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": "20%", "$height": "30%", "$background": styles_1.color.vars[type]['background-primary'], "$borderRadius": 10000 })] })] })] }), (0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$marginTop": styles_2.theme.size.margin.base.small, "$paddingHorizontal": styles_2.theme.size.margin.base.small, children: [(0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, "$width": 0, "$flexGrow": true, "$ellipsis": true }), isSelected && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "phosphor/check-circle-fill", "$size": styles_2.theme.size.height.base.small, "$autoFill": styles_2.theme.color.palettes['input-checkbox']['background-selected'] }))] })] }));
+};
+//# sourceMappingURL=ThemeCard.js.map

package/lib/components/molecules/cards/ThemeCard.js.map

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

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

@@ -0,0 +1,5 @@
+export { default as BookCard } from './BookCard';
+export { default as Card } from './Card';
+export { default as ContestCard } from './ContestCard';
+export { default as DiecutStickerCard } from './DiecutStickerCard';
+export { default as ThemeCard } from './ThemeCard';

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeCard = exports.DiecutStickerCard = exports.ContestCard = exports.Card = exports.BookCard = void 0;
+var BookCard_1 = require("./BookCard");
+Object.defineProperty(exports, "BookCard", { enumerable: true, get: function () { return __importDefault(BookCard_1).default; } });
+var Card_1 = require("./Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return __importDefault(Card_1).default; } });
+var ContestCard_1 = require("./ContestCard");
+Object.defineProperty(exports, "ContestCard", { enumerable: true, get: function () { return __importDefault(ContestCard_1).default; } });
+var DiecutStickerCard_1 = require("./DiecutStickerCard");
+Object.defineProperty(exports, "DiecutStickerCard", { enumerable: true, get: function () { return __importDefault(DiecutStickerCard_1).default; } });
+var ThemeCard_1 = require("./ThemeCard");
+Object.defineProperty(exports, "ThemeCard", { enumerable: true, get: function () { return __importDefault(ThemeCard_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/cards/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AACxB,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,yDAAmE;AAA1D,uIAAA,OAAO,OAAqB;AACrC,yCAAmD;AAA1C,uHAAA,OAAO,OAAa"}

package/lib/components/molecules/charts/BarChart.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { BarChartDirection, BarChartSize } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles/color';
+import { Container } from '../../../components/atoms';
+import SingleBarChart from './SingleBarChart';
+type BarProps = {
+    key: React.Key;
+} & Omit<React.ComponentProps<typeof SingleBarChart>, 'direction'>;
+type Props = {
+    direction?: BarChartDirection;
+    size?: BarChartSize;
+    maxValue?: number;
+    values?: BarProps[];
+    isGrowable?: boolean;
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ direction, size, maxValue: _maxValue, values, palette, isGrowable, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/charts/BarChart.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 SingleBarChart_1 = __importDefault(require("./SingleBarChart"));
+const gapBySize = {
+    x_small: styles_1.theme.size.margin.base.x_small,
+    small: styles_1.theme.size.margin.base.small,
+    medium: styles_1.theme.size.margin.base.medium,
+};
+exports.default = react_1.default.memo(({ direction = 'horizontal', size = 'medium', maxValue: _maxValue, values, palette = 'chart-soft', isGrowable = false, ...props }) => {
+    const maxValue = react_1.default.useMemo(() => {
+        const innerMax = (values || []).reduce((max, bar) => Math.max(max, (bar.values || []).reduce((acc, { value }) => acc + (value || 0), 0)), 0);
+        return Math.max(_maxValue || 0, innerMax);
+    }, [values, _maxValue]);
+    return ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$flexDirection": direction === 'horizontal' ? 'column' : 'row', "$alignItems": direction === 'horizontal' ? 'stretch' : 'flex-end', "$gap": gapBySize[size], ...props, children: (values || []).map(({ key, ...bar }) => ((0, jsx_runtime_1.jsx)(SingleBarChart_1.default, { direction: direction, size: size, maxValue: maxValue, palette: palette, isGrowable: isGrowable, "$width": direction === 'horizontal' ? '100%' : undefined, "$height": direction === 'horizontal' ? undefined : '100%', "$flexGrow": isGrowable, "$flexShrink": isGrowable, ...bar }, key))) }));
+});
+//# sourceMappingURL=BarChart.js.map

package/lib/components/molecules/charts/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../src/components/molecules/charts/BarChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAK1B,2CAAuC;AAEvC,8CAA+C;AAE/C,sEAA8C;AAe9C,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;IACvC,KAAK,EAAE,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;IACnC,MAAM,EAAE,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;CAItC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EACC,SAAS,GAAG,YAAY,EACxB,IAAI,GAAG,QAAQ,EACf,QAAQ,EAAE,SAAS,EACnB,MAAM,EACN,OAAO,GAAG,YAAY,EACtB,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,QAAQ,GAAG,eAAK,CAAC,OAAO,CAAS,GAAG,EAAE;QAC1C,MAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CACX,IAAI,CAAC,GAAG,CACN,GAAG,EACH,CAAC,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,MAAM,CACvB,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,EACtC,CAAC,CACF,CACF,EACH,CAAC,CACF,CAAC;QACF,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,uBAAC,iBAAS,gBACC,MAAM,oBACC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,iBAChD,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,UAC1D,SAAS,CAAC,IAAI,CAAC,KACjB,KAAK,YAER,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CACvC,uBAAC,wBAAc,IAEb,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,YACd,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAC9C,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,eAC7C,UAAU,iBACR,UAAU,KACnB,GAAG,IAVF,GAAG,CAWR,CACH,CAAC,GACQ,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/molecules/charts/DonutChart.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { DonutChartSize } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { Container } from '../../../components/atoms';
+type Props = {
+    size?: DonutChartSize;
+    values?: {
+        key: React.Key;
+        value?: number;
+        color?: React.ComponentProps<typeof Container>['$background'];
+    }[];
+    palette?: Palette;
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ size, values: _values, children, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/components/molecules/charts/DonutChart.js

@@ -0,0 +1,51 @@
+'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 atoms_1 = require("../../../components/atoms");
+const diameterBySize = {
+    small: 80,
+    medium: 120,
+    large: 160,
+};
+const thicknessBySize = {
+    small: 16,
+    medium: 24,
+    large: 32,
+};
+exports.default = react_1.default.memo(({ size = 'medium', values: _values, children, palette = 'chart-soft', ...props }) => {
+    const totalValue = react_1.default.useMemo(() => (_values || []).reduce((acc, { value }) => acc + (value || 0), 0), [_values]);
+    const background = react_1.default.useMemo(() => {
+        if (!totalValue) {
+            return styles_1.theme.color.palettes[palette]['background-selected'];
+        }
+        let cursor = 0;
+        const stops = (_values || []).map(({ color, value }) => {
+            const start = cursor;
+            cursor += ((value || 0) / totalValue) * 100;
+            return `${color} ${start}% ${cursor}%`;
+        });
+        return `conic-gradient(${stops.join(', ')})`;
+    }, [_values, totalValue, palette]);
+    const diameter = diameterBySize[size];
+    const thickness = thicknessBySize[size];
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$position": "relative", "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$size": diameter, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$size": "100%", "$borderRadius": "50%", "$background": background, "$css": (0, styled_components_1.css) `
+            mask: radial-gradient(
+              circle at center,
+              transparent ${diameter / 2 - thickness}px,
+              #000 ${diameter / 2 - thickness}px
+            );
+            -webkit-mask: radial-gradient(
+              circle at center,
+              transparent ${diameter / 2 - thickness}px,
+              #000 ${diameter / 2 - thickness}px
+            );
+          ` }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$display": "flex", "$flexDirection": "column", "$alignItems": "center", "$justifyContent": "center", "$gap": styles_1.theme.size.margin.base.x_small, "$size": diameter - thickness * 2, "$borderRadius": "50%", children: children })] }));
+});
+//# sourceMappingURL=DonutChart.js.map

package/lib/components/molecules/charts/DonutChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../src/components/molecules/charts/DonutChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAE1B,yDAAwC;AAKxC,2CAAuC;AAEvC,8CAA+C;AAY/C,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CAIX,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACwC,CAAC;AAEpD,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EACC,IAAI,GAAG,QAAQ,EACf,MAAM,EAAE,OAAO,EACf,QAAQ,EACR,OAAO,GAAG,YAAY,EACtB,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EACvE,CAAC,OAAO,CAAC,CACV,CAAC;IAGF,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC;QAC9D,CAAC;QAED,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,MAAM,KAAK,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;YACrD,MAAM,KAAK,GAAG,MAAM,CAAC;YACrB,MAAM,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC;YAC5C,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,MAAM,GAAG,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,OAAO,kBAAkB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;IAC/C,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnC,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAExC,OAAO,CACL,wBAAC,iBAAS,iBACE,UAAU,cACX,MAAM,iBACH,QAAQ,qBACJ,QAAQ,WACjB,QAAQ,KACX,KAAK,aAET,uBAAC,iBAAS,aACF,MAAM,mBACE,KAAK,iBACN,UAAU,UACjB,IAAA,uBAAG,EAAA;;;4BAGS,QAAQ,GAAG,CAAC,GAAG,SAAS;qBAC/B,QAAQ,GAAG,CAAC,GAAG,SAAS;;;;4BAIjB,QAAQ,GAAG,CAAC,GAAG,SAAS;qBAC/B,QAAQ,GAAG,CAAC,GAAG,SAAS;;WAElC,GACD,EACF,uBAAC,iBAAS,iBACE,UAAU,cACX,MAAM,oBACA,QAAQ,iBACX,QAAQ,qBACJ,QAAQ,UAClB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,WAC7B,QAAQ,GAAG,SAAS,GAAG,CAAC,mBACjB,KAAK,YAElB,QAAQ,GACC,IACF,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}