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

package/lib/components/atoms/buttons/UserChipButton.js

@@ -0,0 +1,52 @@
+'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 styles_2 = require("../../../hooks/styles");
+const atoms_1 = require("../../../components/atoms");
+const avatarSizeBySize = {
+    small: 'small',
+    medium: 'small',
+    large: 'medium',
+};
+const textTypeBySize = {
+    small: 'x_small',
+    medium: 'small',
+    large: 'medium',
+};
+const paddingRightBySize = {
+    small: styles_1.theme.size.height.base.small / 2,
+    medium: styles_1.theme.size.height.base.medium / 2 - styles_1.theme.size.margin.base.x_small,
+    large: styles_1.theme.size.height.base.large / 2 - styles_1.theme.size.margin.base.x_small,
+};
+const gapBySize = {
+    small: styles_1.theme.size.margin.base.x_small,
+    medium: styles_1.theme.size.margin.base.x_small,
+    large: styles_1.theme.size.margin.base.small,
+};
+const iconSizeBySize = {
+    small: 12,
+    medium: 16,
+    large: 20,
+};
+exports.default = ({ type = 'pill-rounded', size = 'medium', profileImageUrl, id, isSelected = false, isDisplayClose = false, palette = 'button-chip', ...props }) => {
+    var _a, _b, _c, _d;
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$display": "inline-flex", "$alignItems": "center", "$paddingRight": paddingRightBySize[size], "$gap": gapBySize[size], "$height": styles_1.theme.size.height.base[size], "$background": (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a[isSelected
+            ? 'background-selected'
+            : isHover
+                ? 'background-hovered'
+                : 'background-primary'], "$border": `1px solid ${(_b = styles_1.theme.color.palettes[palette]) === null || _b === void 0 ? void 0 : _b[isSelected
+            ? 'border-selected'
+            : isHover
+                ? 'border-hovered'
+                : 'border-primary']}`, "$borderRadius": styles_1.theme.size.height.base[size] / 2, "$transition": "background, border", ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Avatar, { size: avatarSizeBySize[size], src: profileImageUrl, id: id, "$marginLeft": (styles_1.theme.size.margin.base[size] -
+                    styles_1.theme.size.margin.base[avatarSizeBySize[size]]) /
+                    2, "$nonePointerEvents": true }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { value: id, type: textTypeBySize[size], "$color": (_c = styles_1.theme.color.palettes[palette]) === null || _c === void 0 ? void 0 : _c[isSelected ? 'content-selected' : 'content-primary'], "$whiteSpace": "nowrap", "$transition": true }), !!isDisplayClose && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "inline-flex", "$alignItems": "center", "$justifyContent": "center", "$marginRight": -styles_1.theme.size.margin.base.x_small, "$size": `${iconSizeBySize[size]}px`, children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: size === 'large' ? 'hero/x-mark-outline' : 'hero/x-mark-mini', "$autoFill": (_d = styles_1.theme.color.palettes[palette]) === null || _d === void 0 ? void 0 : _d[isSelected
+                        ? 'content-selected'
+                        : isHover
+                            ? 'content-hovered'
+                            : 'content-primary'], "$size": `${iconSizeBySize[size]}px`, "$transition": true }) }))] }));
+};
+//# sourceMappingURL=UserChipButton.js.map

package/lib/components/atoms/buttons/UserChipButton.js.map

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

package/lib/components/atoms/buttons/index.d.ts

@@ -0,0 +1,9 @@
+export { default as AvatarButton } from './AvatarButton';
+export { default as IconButton } from './IconButton';
+export { default as MenuButton } from './MenuButton';
+export { default as SelectableTextButton } from './SelectableTextButton';
+export { default as TextButton } from './TextButton';
+export { default as TextChipButton } from './TextChipButton';
+export { default as TextCoupleButton } from './TextCoupleButton';
+export { default as TextGroupButton } from './TextGroupButton';
+export { default as UserChipButton } from './UserChipButton';

package/lib/components/atoms/buttons/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserChipButton = exports.TextGroupButton = exports.TextCoupleButton = exports.TextChipButton = exports.TextButton = exports.SelectableTextButton = exports.MenuButton = exports.IconButton = exports.AvatarButton = void 0;
+var AvatarButton_1 = require("./AvatarButton");
+Object.defineProperty(exports, "AvatarButton", { enumerable: true, get: function () { return __importDefault(AvatarButton_1).default; } });
+var IconButton_1 = require("./IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
+var MenuButton_1 = require("./MenuButton");
+Object.defineProperty(exports, "MenuButton", { enumerable: true, get: function () { return __importDefault(MenuButton_1).default; } });
+var SelectableTextButton_1 = require("./SelectableTextButton");
+Object.defineProperty(exports, "SelectableTextButton", { enumerable: true, get: function () { return __importDefault(SelectableTextButton_1).default; } });
+var TextButton_1 = require("./TextButton");
+Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return __importDefault(TextButton_1).default; } });
+var TextChipButton_1 = require("./TextChipButton");
+Object.defineProperty(exports, "TextChipButton", { enumerable: true, get: function () { return __importDefault(TextChipButton_1).default; } });
+var TextCoupleButton_1 = require("./TextCoupleButton");
+Object.defineProperty(exports, "TextCoupleButton", { enumerable: true, get: function () { return __importDefault(TextCoupleButton_1).default; } });
+var TextGroupButton_1 = require("./TextGroupButton");
+Object.defineProperty(exports, "TextGroupButton", { enumerable: true, get: function () { return __importDefault(TextGroupButton_1).default; } });
+var UserChipButton_1 = require("./UserChipButton");
+Object.defineProperty(exports, "UserChipButton", { enumerable: true, get: function () { return __importDefault(UserChipButton_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/atoms/buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/buttons/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,+DAAyE;AAAhE,6IAAA,OAAO,OAAwB;AACxC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AACpC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB;AACnC,mDAA6D;AAApD,iIAAA,OAAO,OAAkB"}

package/lib/components/atoms/containers/ButtonContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.FC<{
+    as?: "button";
+} & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & import("../../../types/styles").ThemeCommonProps>;
+export default _default;

package/lib/components/atoms/containers/ButtonContainer.js

@@ -0,0 +1,41 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = __importStar(require("../../../utils/styles"));
+const Button = styles_1.default.button ``;
+exports.default = (0, styles_1.forwardStyledRef)(({ as = 'button', ...props }, ref) => ((0, jsx_runtime_1.jsx)(Button, { as: as, ref: ref, ...props })));
+//# sourceMappingURL=ButtonContainer.js.map

package/lib/components/atoms/containers/ButtonContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonContainer.js","sourceRoot":"","sources":["../../../../src/components/atoms/containers/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIb,yDAA0D;AAM1D,MAAM,MAAM,GAAG,gBAAM,CAAC,MAAM,CAAA,EAAE,CAAC;AAE/B,kBAAe,IAAA,yBAAgB,EAC7B,CAAC,EAAE,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAS,EAAE,GAAiC,EAAE,EAAE,CAAC,CACzE,uBAAC,MAAM,IAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CACxC,CACF,CAAC"}

package/lib/components/atoms/containers/ClickableContainer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { CommonProps } from '../../../types/components';
+import ButtonContainer from './ButtonContainer';
+import Container from './Container';
+import LinkContainer from './LinkContainer';
+type Props = {
+    as?: 'auto' | 'a' | 'link' | 'button' | 'span';
+    href?: React.ComponentProps<typeof LinkContainer>['href'];
+    target?: React.ComponentProps<typeof LinkContainer>['target'];
+    rel?: React.ComponentProps<typeof LinkContainer>['rel'];
+    replace?: React.ComponentProps<typeof LinkContainer>['replace'];
+    scroll?: React.ComponentProps<typeof LinkContainer>['scroll'];
+    prefetch?: React.ComponentProps<typeof LinkContainer>['prefetch'];
+} & Omit<CommonProps<CommonProps<React.ComponentProps<typeof ButtonContainer>, React.ComponentProps<typeof LinkContainer>>, React.ComponentProps<typeof Container>>, 'as'>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>>;
+export default _default;

package/lib/components/atoms/containers/ClickableContainer.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 ButtonContainer_1 = __importDefault(require("./ButtonContainer"));
+const Container_1 = __importDefault(require("./Container"));
+const LinkContainer_1 = __importDefault(require("./LinkContainer"));
+exports.default = react_1.default.forwardRef(({ as: _as = 'auto', href, target, rel, replace, scroll, prefetch, ...props }, ref) => {
+    const as = _as === 'auto'
+        ? href && (href.startsWith('/') || href.startsWith('#'))
+            ? 'link'
+            : href
+                ? 'a'
+                : 'onClick' in props && props.onClick
+                    ? 'button'
+                    : 'span'
+        : _as;
+    switch (as) {
+        case 'a':
+            return ((0, jsx_runtime_1.jsx)(LinkContainer_1.default, { ref: ref, as: as, href: href, target: target !== null && target !== void 0 ? target : '_blank', rel: rel !== null && rel !== void 0 ? rel : 'noreferrer', "$cursor": true, "$noneUserSelect": true, ...props }));
+        case 'link':
+            return ((0, jsx_runtime_1.jsx)(LinkContainer_1.default, { ref: ref, as: as, href: href, target: target, rel: rel, replace: replace, scroll: scroll, prefetch: prefetch, "$cursor": true, "$noneUserSelect": true, ...props }));
+        case 'button':
+            return ((0, jsx_runtime_1.jsx)(ButtonContainer_1.default, { ref: ref, as: as, "$cursor": true, "$noneUserSelect": true, ...props }));
+        default:
+            return ((0, jsx_runtime_1.jsx)(Container_1.default, { ref: ref, as: as, "$noneUserSelect": true, ...props }));
+    }
+});
+//# sourceMappingURL=ClickableContainer.js.map

package/lib/components/atoms/containers/ClickableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickableContainer.js","sourceRoot":"","sources":["../../../../src/components/atoms/containers/ClickableContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAI1B,wEAAgD;AAChD,4DAAoC;AACpC,oEAA4C;AAqB5C,kBAAe,eAAK,CAAC,UAAU,CAC7B,CACE,EACE,EAAE,EAAE,GAAG,GAAG,MAAM,EAChB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACF,EACR,GAAuE,EACvE,EAAE;IACF,MAAM,EAAE,GACN,GAAG,KAAK,MAAM;QACZ,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YACtD,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,IAAI;gBACJ,CAAC,CAAC,GAAG;gBACL,CAAC,CAAC,SAAS,IAAI,KAAK,IAAI,KAAK,CAAC,OAAO;oBACnC,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,MAAM;QACd,CAAC,CAAC,GAAG,CAAC;IAEV,QAAQ,EAAE,EAAE,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CACL,uBAAC,uBAAa,IACZ,GAAG,EAAE,GAAmC,EACxC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,QAAQ,EAC1B,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,YAAY,+CAGpB,KAAK,GACT,CACH,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACL,uBAAC,uBAAa,IACZ,GAAG,EAAE,GAAmC,EACxC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,+CAGd,KAAK,GACT,CACH,CAAC;QACJ,KAAK,QAAQ;YACX,OAAO,CACL,uBAAC,yBAAe,IACd,GAAG,EAAE,GAAmC,EACxC,EAAE,EAAE,EAAE,+CAGF,KAAK,GACT,CACH,CAAC;QACJ;YACE,OAAO,CACL,uBAAC,mBAAS,IACR,GAAG,EAAE,GAAgC,EACrC,EAAE,EAAE,EAAE,8BAEF,KAAK,GACT,CACH,CAAC;IACN,CAAC;AACH,CAAC,CACF,CAAC"}

package/lib/components/atoms/containers/Container.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.FC<{
+    as?: "div" | "span" | "kbd" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "header" | "footer" | "main" | "section" | "article";
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement> & import("../../../types/styles").ThemeCommonProps>;
+export default _default;

package/lib/components/atoms/containers/Container.js

@@ -0,0 +1,41 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = __importStar(require("../../../utils/styles"));
+const Div = styles_1.default.div ``;
+exports.default = (0, styles_1.forwardStyledRef)(({ as = 'div', ...props }, ref) => ((0, jsx_runtime_1.jsx)(Div, { as: as, ref: ref, ...props })));
+//# sourceMappingURL=Container.js.map

package/lib/components/atoms/containers/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../src/components/atoms/containers/Container.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIb,yDAA0D;AAqB1D,MAAM,GAAG,GAAG,gBAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAEzB,kBAAe,IAAA,yBAAgB,EAC7B,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,EAAS,EAAE,GAA8B,EAAE,EAAE,CAAC,CACnE,uBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CACrC,CACF,CAAC"}

package/lib/components/atoms/containers/ImageContainer.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: React.FC<{
+    as?: "img" | "optimized-img";
+    src: string;
+    width?: number;
+    height?: number;
+    alt: string;
+    fill?: boolean;
+    quality?: number;
+    sizes?: string;
+    placeholder?: string;
+    loading?: "eager" | "lazy";
+} & React.HTMLAttributes<HTMLImageElement> & React.RefAttributes<HTMLImageElement> & import("../../../types/styles").ThemeCommonProps>;
+export default _default;

package/lib/components/atoms/containers/ImageContainer.js

@@ -0,0 +1,51 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = __importStar(require("../../../utils/styles"));
+const Image = styles_1.default.img ``;
+let OptimizedImage = Image;
+let optimized_image_type = 'img';
+try {
+    OptimizedImage = (0, styles_1.default)(require('next/image').default) ``;
+    optimized_image_type = 'optimized-img';
+}
+catch (error) {
+    OptimizedImage = Image;
+    optimized_image_type = 'img';
+}
+exports.default = (0, styles_1.forwardStyledRef)(({ as = 'optimized-img', src, width, height, alt, fill, quality, sizes, placeholder, loading, ...props }, ref) => as === 'optimized-img' ? (optimized_image_type === 'optimized-img' ? ((0, jsx_runtime_1.jsx)(OptimizedImage, { src: src, width: width, height: height, alt: alt, fill: fill, quality: quality, sizes: sizes, placeholder: placeholder, loading: loading, ref: ref, ...props })) : ((0, jsx_runtime_1.jsx)(OptimizedImage, { src: src, alt: alt, sizes: sizes, ref: ref, ...props }))) : ((0, jsx_runtime_1.jsx)(Image, { as: as, src: src, sizes: sizes, ref: ref, ...props })));
+//# sourceMappingURL=ImageContainer.js.map

package/lib/components/atoms/containers/ImageContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageContainer.js","sourceRoot":"","sources":["../../../../src/components/atoms/containers/ImageContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIb,yDAA0D;AAe1D,MAAM,KAAK,GAAG,gBAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE3B,IAAI,cAAc,GAAG,KAEpB,CAAC;AACF,IAAI,oBAAoB,GAAG,KAAK,CAAC;AACjC,IAAI,CAAC;IACH,cAAc,GAAG,IAAA,gBAAM,EAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAA,EAAE,CAAC;IACzD,oBAAoB,GAAG,eAAe,CAAC;AACzC,CAAC;AAAC,OAAO,KAAK,EAAE,CAAC;IACf,cAAc,GAAG,KAAK,CAAC;IACvB,oBAAoB,GAAG,KAAK,CAAC;AAC/B,CAAC;AAED,kBAAe,IAAA,yBAAgB,EAC7B,CACE,EACE,EAAE,GAAG,eAAe,EACpB,GAAG,EACH,KAAK,EACL,MAAM,EACN,GAAG,EACH,IAAI,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAO,EACP,GAAG,KAAK,EACF,EACR,GAAgC,EAChC,EAAE,CACF,EAAE,KAAK,eAAe,CAAC,CAAC,CAAC,CACvB,oBAAoB,KAAK,eAAe,CAAC,CAAC,CAAC,CACzC,uBAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CACF,CAAC,CAAC,CAAC,CACF,uBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC/D,CACJ,CAAC"}

package/lib/components/atoms/containers/InputableContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.FC<{
+    as?: "input" | "textarea";
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement> & import("../../../types/styles").ThemeCommonProps>;
+export default _default;

package/lib/components/atoms/containers/InputableContainer.js

@@ -0,0 +1,41 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = __importStar(require("../../../utils/styles"));
+const Input = styles_1.default.input ``;
+exports.default = (0, styles_1.forwardStyledRef)(({ as = 'input', ...props }, ref) => ((0, jsx_runtime_1.jsx)(Input, { as: as, ref: ref, ...props })));
+//# sourceMappingURL=InputableContainer.js.map

package/lib/components/atoms/containers/InputableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputableContainer.js","sourceRoot":"","sources":["../../../../src/components/atoms/containers/InputableContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIb,yDAA0D;AAE1D,MAAM,KAAK,GAAG,gBAAM,CAAC,KAAK,CAAA,EAAE,CAAC;AAM7B,kBAAe,IAAA,yBAAgB,EAC7B,CAAC,EAAE,EAAE,GAAG,OAAO,EAAE,GAAG,KAAK,EAAS,EAAE,GAAgC,EAAE,EAAE,CAAC,CACvE,uBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CACvC,CACF,CAAC"}

package/lib/components/atoms/containers/LinkContainer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: React.FC<{
+    as?: "a" | "link";
+    href?: string | null;
+    replace?: boolean;
+    scroll?: boolean;
+    prefetch?: boolean | "auto" | null;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & import("../../../types/styles").ThemeCommonProps>;
+export default _default;

package/lib/components/atoms/containers/LinkContainer.js

@@ -0,0 +1,51 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = __importStar(require("../../../utils/styles"));
+const Anchor = styles_1.default.a ``;
+let Link = Anchor;
+let link_type = 'a';
+try {
+    Link = (0, styles_1.default)(require('next/link').default) ``;
+    link_type = 'next';
+}
+catch (error) {
+    Link = Anchor;
+    link_type = 'a';
+}
+exports.default = (0, styles_1.forwardStyledRef)(({ as = 'link', href, replace = false, scroll = true, prefetch = 'auto', ...props }, ref) => as === 'link' ? (link_type === 'next' ? ((0, jsx_runtime_1.jsx)(Link, { href: href, replace: replace, scroll: scroll, prefetch: prefetch, ref: ref, ...props })) : ((0, jsx_runtime_1.jsx)(Link, { href: href, ref: ref, ...props }))) : ((0, jsx_runtime_1.jsx)(Anchor, { as: as, href: href, ref: ref, ...props })));
+//# sourceMappingURL=LinkContainer.js.map

package/lib/components/atoms/containers/LinkContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkContainer.js","sourceRoot":"","sources":["../../../../src/components/atoms/containers/LinkContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIb,yDAA0D;AAU1D,MAAM,MAAM,GAAG,gBAAM,CAAC,CAAC,CAAA,EAAE,CAAC;AAE1B,IAAI,IAAI,GAAG,MAEV,CAAC;AACF,IAAI,SAAS,GAAG,GAAG,CAAC;AACpB,IAAI,CAAC;IACH,IAAI,GAAG,IAAA,gBAAM,EAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA,EAAE,CAAC;IAC9C,SAAS,GAAG,MAAM,CAAC;AACrB,CAAC;AAAC,OAAO,KAAK,EAAE,CAAC;IACf,IAAI,GAAG,MAAM,CAAC;IACd,SAAS,GAAG,GAAG,CAAC;AAClB,CAAC;AAED,kBAAe,IAAA,yBAAgB,EAC7B,CACE,EACE,EAAE,GAAG,MAAM,EACX,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,MAAM,EACjB,GAAG,KAAK,EACF,EACR,GAAiC,EACjC,EAAE,CACF,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,CACd,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CACrB,uBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC1C,CACF,CAAC,CAAC,CAAC,CACF,uBAAC,MAAM,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CACpD,CACJ,CAAC"}

package/lib/components/atoms/containers/LottieContainer.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+type Props = {
+    autoplay?: boolean;
+    loop?: boolean;
+    src?: string;
+    speed?: number;
+    data?: string | ArrayBuffer;
+    mode?: string;
+    backgroundColor?: string;
+    segment?: [number, number];
+    renderConfig?: {
+        devicePixelRatio?: number;
+        autoResize?: boolean;
+    };
+    playOnHover?: boolean;
+    dotLottieRefCallback?: React.RefCallback<unknown | null>;
+    useFrameInterpolation?: boolean;
+    marker?: string;
+    animationId?: string;
+};
+declare const _default: React.FC<Props & import("../../../types/styles").ThemeCommonProps>;
+export default _default;

package/lib/components/atoms/containers/LottieContainer.js

@@ -0,0 +1,19 @@
+'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");
+exports.default = (0, styles_1.forwardStyled)(({ ...props }) => {
+    const [DotLottie, setDotLottie] = react_1.default.useState(null);
+    react_1.default.useEffect(() => {
+        import('@lottiefiles/dotlottie-react').then(mod => {
+            setDotLottie(() => mod.DotLottieReact);
+        });
+    }, []);
+    return DotLottie ? (0, jsx_runtime_1.jsx)(DotLottie, { ...props }) : null;
+});
+//# sourceMappingURL=LottieContainer.js.map

package/lib/components/atoms/containers/LottieContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LottieContainer.js","sourceRoot":"","sources":["../../../../src/components/atoms/containers/LottieContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;AAEb,kDAA0B;AAE1B,2CAA+C;AAsB/C,kBAAe,IAAA,sBAAa,EAAC,CAAC,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAM,IAAI,CAAC,CAAC;IAE5D,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QAEnB,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAChD,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC,CAAC,CAAC,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AACrD,CAAC,CAAC,CAAC"}

package/lib/components/atoms/containers/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ClickableContainer } from './ClickableContainer';
+export { default as Container } from './Container';
+export { default as ImageContainer } from './ImageContainer';
+export { default as InputableContainer } from './InputableContainer';
+export { default as LottieContainer } from './LottieContainer';

package/lib/components/atoms/containers/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.LottieContainer = exports.InputableContainer = exports.ImageContainer = exports.Container = exports.ClickableContainer = void 0;
+var ClickableContainer_1 = require("./ClickableContainer");
+Object.defineProperty(exports, "ClickableContainer", { enumerable: true, get: function () { return __importDefault(ClickableContainer_1).default; } });
+var Container_1 = require("./Container");
+Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return __importDefault(Container_1).default; } });
+var ImageContainer_1 = require("./ImageContainer");
+Object.defineProperty(exports, "ImageContainer", { enumerable: true, get: function () { return __importDefault(ImageContainer_1).default; } });
+var InputableContainer_1 = require("./InputableContainer");
+Object.defineProperty(exports, "InputableContainer", { enumerable: true, get: function () { return __importDefault(InputableContainer_1).default; } });
+var LottieContainer_1 = require("./LottieContainer");
+Object.defineProperty(exports, "LottieContainer", { enumerable: true, get: function () { return __importDefault(LottieContainer_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/atoms/containers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/containers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2DAAqE;AAA5D,yIAAA,OAAO,OAAsB;AACtC,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,2DAAqE;AAA5D,yIAAA,OAAO,OAAsB;AACtC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB"}

package/lib/components/atoms/dividers/Divider.d.ts

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

package/lib/components/atoms/dividers/Divider.js

@@ -0,0 +1,7 @@
+"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 = 'solid', size = 'small', text, palette = 'body', ...props }) => ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": text ? styles_1.theme.size.margin.base.small : 0, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": 0, "$flexGrow": true, "$height": 0, "$borderTop": `1px ${type} ${styles_1.theme.color.palettes[palette]['content-secondary']}` }), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: size, value: text, "$color": styles_1.theme.color.palettes[palette]['content-secondary'] })), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$width": 0, "$flexGrow": true, "$height": 0, "$borderTop": `1px ${type} ${styles_1.theme.color.palettes[palette]['content-secondary']}` })] }));
+//# sourceMappingURL=Divider.js.map

package/lib/components/atoms/dividers/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/atoms/dividers/Divider.tsx"],"names":[],"mappings":";;;AAKA,2CAAuC;AAEvC,8CAAqD;AASrD,kBAAe,CAAC,EACd,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,OAAO,EACd,IAAI,EACJ,OAAO,GAAG,MAAM,EAChB,GAAG,KAAK,EACF,EAAE,EAAE,CAAC,CACX,wBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,UACd,IAAI,CAAC,CAAC,CAAC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KACzC,KAAK,aAET,uBAAC,iBAAS,cACA,CAAC,gCAEA,CAAC,gBACE,OAAO,IAAI,IAAI,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,EAAE,GAC/E,EACD,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,YACH,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,GAC1D,CACH,EACD,uBAAC,iBAAS,cACA,CAAC,gCAEA,CAAC,gBACE,OAAO,IAAI,IAAI,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,EAAE,GAC/E,IACQ,CACb,CAAC"}

package/lib/components/atoms/dividers/index.d.ts

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

package/lib/components/atoms/dividers/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.Divider = void 0;
+var Divider_1 = require("./Divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/components/atoms/dividers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/dividers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qCAA+C;AAAtC,mHAAA,OAAO,OAAW"}

package/lib/components/atoms/editors/CodeEditor.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import 'monaco-editor/editor/editor.main';
+import type { CodeEditorLanguage, CodeEditorTheme } from '../../../constants/components';
+import { Container } from '../../../components/atoms';
+type Props = {
+    language?: CodeEditorLanguage;
+    theme?: CodeEditorTheme;
+    isReadOnly?: boolean;
+    initValue?: string;
+    initValueVersion?: React.Key;
+    onChangeValue?: (value: string) => void;
+    onChangeLineNumber?: (lineNumber: number) => void;
+    onChangeColumnNumber?: (columnNumber: number) => void;
+    $letterSpacing?: number;
+    $fontSize?: number;
+    $tabSize?: number;
+} & React.ComponentProps<typeof Container>;
+declare const _default: ({ language, theme: _theme, isReadOnly, initValue, initValueVersion, onChangeValue, onChangeLineNumber, onChangeColumnNumber, $letterSpacing: _$letterSpacing, $font: _$font, $fontSize: _$fontSize, $tabSize: _$tabSize, $height: _$height, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;