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

package/lib/components/atoms/badges/ScoringResultBadge.d.ts

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

package/lib/components/atoms/badges/ScoringResultBadge.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+const configs = {
+    accept: {
+        icon: 'hero/check-mini',
+        palette: 'badge-surface-success',
+    },
+    time: {
+        icon: 'hero/clock-mini',
+        palette: 'badge-surface-error',
+    },
+    memory: {
+        icon: 'hero/cpu-chip-mini',
+        palette: 'badge-surface-error',
+    },
+    exclamation: {
+        icon: 'hero/exclamation-circle-mini',
+        palette: 'badge-surface-warning',
+    },
+    wrong: {
+        icon: 'hero/x-mark-mini',
+        palette: 'badge-surface-error',
+    },
+    pending: {
+        icon: 'hero/ellipsis-horizontal-mini',
+        palette: 'badge-surface-secondary',
+    },
+    unidentified: {
+        icon: 'hero/question-mark-circle-mini',
+        palette: 'badge-surface-warning',
+    },
+    none: {
+        icon: 'hero/circle-mini',
+        palette: 'badge-surface-secondary',
+    },
+};
+const BadgeIcon = ({ value, ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: configs[value].icon, "$autoFill": styles_1.theme.color.palettes[configs[value].palette]['content-primary'], ...props }));
+const Badge = ({ value, ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$size": styles_1.theme.size.height.base.small, "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$borderRadius": styles_1.theme.size.height.base.small / 2, "$border": `1px solid ${styles_1.theme.color.palettes[configs[value].palette]['border-primary']}`, "$background": styles_1.theme.color.palettes[configs[value].palette]['background-primary'], "$transition": "background, border", ...props, children: (0, jsx_runtime_1.jsx)(BadgeIcon, { value: value, "$size": 16 }) }));
+exports.default = ({ type = 'mini', value, text, ...props }) => type === 'mini' ? ((0, jsx_runtime_1.jsx)(BadgeIcon, { value: value, "$size": 18, ...props })) : type === 'circle' ? ((0, jsx_runtime_1.jsx)(Badge, { value: value, ...props })) : type === 'label' ? ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: text, "$color": styles_1.theme.color.palettes[configs[value].palette]['content-primary'], ...props })) : ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, ...props, children: [(0, jsx_runtime_1.jsx)(BadgeIcon, { value: value, "$size": 18 }), (0, jsx_runtime_1.jsx)(atoms_1.Text, { type: "small-bold", value: text, "$color": styles_1.theme.color.palettes[configs[value].palette]['content-primary'] })] }));
+//# sourceMappingURL=ScoringResultBadge.js.map

package/lib/components/atoms/badges/ScoringResultBadge.js.map

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

package/lib/components/atoms/badges/TextBadge.d.ts

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

package/lib/components/atoms/badges/TextBadge.js

@@ -0,0 +1,21 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("../../../utils/styles");
+const atoms_1 = require("../../../components/atoms");
+const textTypeBySize = {
+    small: 'x_small',
+    medium: 'small',
+    large: 'medium',
+};
+const iconSizeBySize = {
+    small: 12,
+    medium: 16,
+    large: 20,
+};
+exports.default = ({ size = 'medium', text, icon, palette = 'badge-surface', $iconAutoFill, ...props }) => {
+    var _a, _b, _c, _d;
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.Container, { "$display": "inline-flex", "$alignItems": "center", "$gap": styles_1.theme.size.margin.base.x_small, "$paddingHorizontal": styles_1.theme.size.height.base[size] / 2 - styles_1.theme.size.margin.base.x_small, "$height": styles_1.theme.size.height.base[size], "$background": (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a['background-primary'], "$border": `1px solid ${(_b = styles_1.theme.color.palettes[palette]) === null || _b === void 0 ? void 0 : _b['border-primary']}`, "$borderRadius": styles_1.theme.size.height.base[size] / 2, ...props, children: [!!icon && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": $iconAutoFill !== null && $iconAutoFill !== void 0 ? $iconAutoFill : (_c = styles_1.theme.color.palettes[palette]) === null || _c === void 0 ? void 0 : _c['content-primary'], "$size": `${iconSizeBySize[size]}px` })), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, type: textTypeBySize[size], "$color": (_d = styles_1.theme.color.palettes[palette]) === null || _d === void 0 ? void 0 : _d['content-primary'] }))] }));
+};
+//# sourceMappingURL=TextBadge.js.map

package/lib/components/atoms/badges/TextBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBadge.js","sourceRoot":"","sources":["../../../../src/components/atoms/badges/TextBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAQb,2CAAuC;AAEvC,8CAA2D;AAU3D,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAIhB,CAAC;AAEF,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CAIV,CAAC;AAEF,kBAAe,CAAC,EACd,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,eAAe,EACzB,aAAa,EACb,GAAG,KAAK,EACF,EAAE,EAAE;;IACV,OAAO,CACL,wBAAC,iBAAS,gBACC,aAAa,iBACV,QAAQ,UACd,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,wBAElC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,aAE1D,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,iBACxB,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,oBAAoB,CAAC,aACzD,aAAa,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,gBAAgB,CAAC,EAAE,mBAC1D,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAC3C,KAAK,aAER,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,eAER,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,iBAAiB,CAAC,WAE9D,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,GAClC,CACH,EACA,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IACH,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,YAClB,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,iBAAiB,CAAC,GAC1D,CACH,IACS,CACb,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/badges/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2DAAqE;AAA5D,yIAAA,OAAO,OAAsB;AACtC,yCAAmD;AAA1C,uHAAA,OAAO,OAAa"}

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

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

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

@@ -0,0 +1,18 @@
+'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 borderSizeBySize = {
+    small: 1,
+    medium: 2,
+    large: 3,
+};
+exports.default = ({ size = 'medium', src, id, isSelected = false, palette = 'button-soft', ...props }) => {
+    var _a, _b;
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$position": "relative", "$size": styles_1.theme.size.height.base[size], "$borderRadius": styles_1.theme.size.height.base[size] / 2, "$overflow": true, ...hoverProps, ...props, children: [(0, jsx_runtime_1.jsx)(atoms_1.Avatar, { size: size, src: src, id: id, "$nonePointerEvents": true }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$top": 0, "$left": 0, "$size": styles_1.theme.size.height.base[size], "$borderRadius": styles_1.theme.size.height.base[size] / 2, "$background": (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a['background-hovered'], "$opacity": isHover || isSelected ? 0.1 : 0, "$transition": "opacity", "$noneUserSelect": true, "$nonePointerEvents": true }), (0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$top": 0, "$left": 0, "$size": styles_1.theme.size.height.base[size], "$borderRadius": styles_1.theme.size.height.base[size] / 2, "$boxShadow": `inset 0 0 0 ${borderSizeBySize[size]}px ${(_b = styles_1.theme.color.palettes[palette]) === null || _b === void 0 ? void 0 : _b['border-hovered']}`, "$opacity": isHover || isSelected ? 1 : 0, "$transition": "opacity", "$noneUserSelect": true, "$nonePointerEvents": true })] }));
+};
+//# sourceMappingURL=AvatarButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarButton.js","sourceRoot":"","sources":["../../../../src/components/atoms/buttons/AvatarButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAOb,2CAAuC;AAEvC,2CAA+C;AAE/C,8CAA2E;AAU3E,MAAM,gBAAgB,GAAG;IACvB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;CAC2C,CAAC;AAEtD,kBAAe,CAAC,EACd,IAAI,GAAG,QAAQ,EACf,GAAG,EACH,EAAE,EACF,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,aAAa,EACvB,GAAG,KAAK,EACF,EAAE,EAAE;;IACV,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAE9C,OAAO,CACL,wBAAC,0BAAkB,iBACP,UAAU,WACb,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,mBACpB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,wBAE3C,UAAU,KACV,KAAK,aAET,uBAAC,cAAM,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,+BAAuB,EAC3D,uBAAC,iBAAS,iBACE,UAAU,UACd,CAAC,WACA,CAAC,WACD,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,mBACpB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,iBAClC,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,oBAAoB,CAAC,cACxD,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,iBAC7B,SAAS,wDAGrB,EACF,uBAAC,iBAAS,iBACE,UAAU,UACd,CAAC,WACA,CAAC,WACD,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,mBACpB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,gBACnC,eAAe,gBAAgB,CAAC,IAAI,CAAC,MAAM,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,gBAAgB,CAAC,EAAE,cAChG,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAC3B,SAAS,wDAGrB,IACiB,CACtB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { IconButtonSize, IconButtonType, IconType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { ClickableContainer } from '../../../components/atoms';
+type Props = {
+    type?: IconButtonType;
+    size?: IconButtonSize;
+    icon: IconType;
+    isSelected?: boolean;
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ type, size, icon, isSelected, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,25 @@
+'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");
+exports.default = ({ type = 'circular', size = 'medium', icon, isSelected = false, palette = 'button-soft', ...props }) => {
+    var _a, _b, _c, _d, _e, _f;
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsx)(atoms_1.ClickableContainer, { "$size": styles_1.theme.size.height.base[size], "$position": "relative", "$background": type === 'circular'
+            ? isHover || isSelected
+                ? (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a['background-hovered']
+                : (_b = styles_1.theme.color.palettes[palette]) === null || _b === void 0 ? void 0 : _b['background-primary']
+            : 'none', "$border": type === 'circular'
+            ? `1px solid ${isHover || isSelected
+                ? (_c = styles_1.theme.color.palettes[palette]) === null || _c === void 0 ? void 0 : _c['border-hovered']
+                : (_d = styles_1.theme.color.palettes[palette]) === null || _d === void 0 ? void 0 : _d['border-primary']}`
+            : 'none', "$borderRadius": type === 'circular' ? '50%' : 'none', "$transition": true, "$display": "flex", "$alignItems": "center", "$justifyContent": "center", ...hoverProps, ...props, children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": isHover || isSelected
+                ? (_e = styles_1.theme.color.palettes[palette]) === null || _e === void 0 ? void 0 : _e['content-hovered']
+                : (_f = styles_1.theme.color.palettes[palette]) === null || _f === void 0 ? void 0 : _f['content-primary'], "$transition": true, "$size": type === 'circular'
+                ? styles_1.theme.size.height.base[size] * 0.6
+                : styles_1.theme.size.height.base[size] }) }));
+};
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/atoms/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AASb,2CAAuC;AAEvC,2CAA+C;AAE/C,8CAA8D;AAU9D,kBAAe,CAAC,EACd,IAAI,GAAG,UAAU,EACjB,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,aAAa,EACvB,GAAG,KAAK,EACF,EAAE,EAAE;;IACV,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAC9C,OAAO,CACL,uBAAC,0BAAkB,aACV,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,eACzB,UAAU,iBAElB,IAAI,KAAK,UAAU;YACjB,CAAC,CAAC,OAAO,IAAI,UAAU;gBACrB,CAAC,CAAC,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,oBAAoB,CAAC;gBACvD,CAAC,CAAC,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,oBAAoB,CAAC;YACzD,CAAC,CAAC,MAAM,aAGV,IAAI,KAAK,UAAU;YACjB,CAAC,CAAC,aACE,OAAO,IAAI,UAAU;gBACnB,CAAC,CAAC,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,gBAAgB,CAAC;gBACnD,CAAC,CAAC,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,gBAAgB,CACtD,EAAE;YACJ,CAAC,CAAC,MAAM,mBAEG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,mCAE1C,MAAM,iBACH,QAAQ,qBACJ,QAAQ,KACpB,UAAU,KACV,KAAK,YAET,uBAAC,YAAI,IACH,IAAI,EAAE,IAAI,eAER,OAAO,IAAI,UAAU;gBACnB,CAAC,CAAC,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,iBAAiB,CAAC;gBACpD,CAAC,CAAC,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,iBAAiB,CAAC,gCAItD,IAAI,KAAK,UAAU;gBACjB,CAAC,CAAC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG;gBACpC,CAAC,CAAC,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAElC,GACiB,CACtB,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,20 @@
+'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 LineContainer = ({ type, isClose, palette = 'body', ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$position": "absolute", "$width": "70%", "$height": 2, "$borderRadius": 2, "$background": styles_1.theme.color.palettes[palette]['content-primary'], "$transition": "transform", "$transform": isClose
+        ? type === 'top'
+            ? 'rotate(45deg)'
+            : 'rotate(-45deg)'
+        : type === 'top'
+            ? 'translateY(-4px)'
+            : 'translateY(4px)', ...props }));
+exports.default = ({ type = 'menu', size = 'medium', palette = 'body', ...props }) => {
+    const [hoverProps] = (0, styles_2.useHoverProps)();
+    const isClose = type === 'close';
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$position": "relative", "$display": "flex", "$alignItems": "center", "$justifyContent": "center", "$size": styles_1.theme.size.height.base[size], ...props, ...hoverProps, children: [(0, jsx_runtime_1.jsx)(LineContainer, { type: "top", isClose: isClose, palette: palette }), (0, jsx_runtime_1.jsx)(LineContainer, { type: "bottom", isClose: isClose, palette: palette })] }));
+};
+//# sourceMappingURL=MenuButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../../src/components/atoms/buttons/MenuButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAOb,2CAAuC;AAEvC,2CAA+C;AAE/C,8CAAmE;AAcnE,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,GAAG,KAAK,EACW,EAAE,EAAE,CAAC,CACxB,uBAAC,iBAAS,iBACE,UAAU,YACb,KAAK,aACH,CAAC,mBACK,CAAC,iBACH,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,iBACjD,WAAW,gBAErB,OAAO;QACL,CAAC,CAAC,IAAI,KAAK,KAAK;YACd,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,gBAAgB;QACpB,CAAC,CAAC,IAAI,KAAK,KAAK;YACd,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,iBAAiB,KAErB,KAAK,GACT,CACH,CAAC;AAEF,kBAAe,CAAC,EACd,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,MAAM,EAChB,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IACrC,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC;IAEjC,OAAO,CACL,wBAAC,0BAAkB,iBACP,UAAU,cACX,MAAM,iBACH,QAAQ,qBACJ,QAAQ,WACjB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAC/B,KAAK,KACL,UAAU,aAEd,uBAAC,aAAa,IAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,EAChE,uBAAC,aAAa,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,IAChD,CACtB,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,17 @@
+'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 textTypeBySize = {
+    small: 'small',
+    medium: 'medium',
+};
+exports.default = ({ size = 'small', isSelected = false, text, palette = 'button-ghost-borderless', ...props }) => {
+    var _a, _b, _c, _d;
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$display": "flex", "$alignItems": "center", "$justifyContent": "space-between", "$height": styles_1.theme.size.height.base[size], "$gap": styles_1.theme.size.margin.base.medium, "$borderRadius": styles_1.theme.size.borderRadius.small, "$paddingHorizontal": styles_1.theme.size.margin.base.small, "$background": (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a[isHover ? 'background-hovered' : 'background-primary'], "$border": `1px solid ${(_b = styles_1.theme.color.palettes[palette]) === null || _b === void 0 ? void 0 : _b[isHover ? 'border-hovered' : 'border-primary']}`, "$transition": "background, border", ...hoverProps, ...props, children: [!!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { type: textTypeBySize[size], value: text, "$color": (_c = styles_1.theme.color.palettes[palette]) === null || _c === void 0 ? void 0 : _c[isSelected ? 'content-highlight' : 'content-primary'], "$ellipsis": true, "$flexShrink": true })), (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: "hero/check-outline", "$autoFill": (_d = styles_1.theme.color.palettes[palette]) === null || _d === void 0 ? void 0 : _d['content-highlight'], "$size": `calc(${styles_1.theme.size.height.base[size]}px * 0.7)`, "$opacity": isSelected ? 1 : 0, "$transition": "opacity" })] }));
+};
+//# sourceMappingURL=SelectableTextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableTextButton.js","sourceRoot":"","sources":["../../../../src/components/atoms/buttons/SelectableTextButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAOb,2CAAuC;AAEvC,2CAA+C;AAE/C,8CAAoE;AASpE,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CAIjB,CAAC;AAEF,kBAAe,CAAC,EACd,IAAI,GAAG,OAAO,EACd,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,OAAO,GAAG,yBAAyB,EACnC,GAAG,KAAK,EACF,EAAE,EAAE;;IACV,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IAE9C,OAAO,CACL,wBAAC,0BAAkB,gBACR,MAAM,iBACH,QAAQ,qBACJ,eAAe,aACtB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAC/B,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,mBACpB,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,wBACxB,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,iBAE9C,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAC3B,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CACtD,aAEM,aACP,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAC3B,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAEjD,EAAE,iBACU,oBAAoB,KAC5B,UAAU,KACV,KAAK,aAER,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,YAAI,IACH,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EAC1B,KAAK,EAAE,IAAI,YAET,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAC3B,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CACrD,2CAIH,CACH,EACD,uBAAC,YAAI,IACH,IAAI,EAAC,oBAAoB,eACd,MAAA,cAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,0CAAG,mBAAmB,CAAC,WACxD,QAAQ,cAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,cAC5C,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAChB,SAAS,GACrB,IACiB,CACtB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { IconType, TextButtonSize, TextButtonType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { Icon, Text, TextBadge } from '../../../components/atoms';
+declare const _default: React.ForwardRefExoticComponent<{
+    type?: TextButtonType;
+    size?: TextButtonSize;
+    icon?: IconType;
+    iconPosition?: "left" | "right";
+    text?: React.ComponentProps<typeof Text>["value"];
+    contentAlign?: "left" | "center" | "right";
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    isUnderlineEffect?: boolean;
+    palette?: Palette;
+    overlayedTextBadge?: React.ComponentProps<typeof TextBadge>;
+    $iconAutoFill?: React.ComponentProps<typeof Icon>["$autoFill"];
+} & Omit<{
+    as?: "auto" | "a" | "link" | "button" | "span";
+    href?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["href"];
+    target?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["target"];
+    rel?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["rel"];
+    replace?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["replace"];
+    scroll?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["scroll"];
+    prefetch?: React.ComponentProps<typeof import("../containers/LinkContainer").default>["prefetch"];
+} & Omit<import("../../../types/components").CommonProps<import("../../../types/components").CommonProps<{
+    as?: "button";
+} & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & import("../../../types/styles").ThemeCommonProps, {
+    as?: "a" | "link";
+    href?: string | null;
+    replace?: boolean;
+    scroll?: boolean;
+    prefetch?: boolean | "auto" | null;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & import("../../../types/styles").ThemeCommonProps>, {
+    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>, "as">, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement> & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

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

@@ -0,0 +1,42 @@
+'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 textSizeBySize = {
+    x_small: 'x_small',
+    small: 'medium',
+    medium: 'medium',
+    large: 'medium',
+};
+const paddingHorizontalBySize = {
+    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.small,
+    large: styles_1.theme.size.margin.base.medium,
+};
+const gapBySize = {
+    x_small: styles_1.theme.size.margin.base.x_small,
+    small: styles_1.theme.size.margin.base.x_small,
+    medium: styles_1.theme.size.margin.base.small,
+    large: styles_1.theme.size.margin.base.small,
+};
+exports.default = (0, styles_1.forwardRef)(({ type = 'rounded', size = 'medium', icon, iconPosition = 'left', text, contentAlign = 'left', isSelected = false, isDisabled = false, isUnderlineEffect = false, palette = 'button-soft', overlayedTextBadge, $iconAutoFill, ...props }, ref) => {
+    var _a, _b, _c, _d, _e, _f;
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { ref: ref, "$height": type === 'rounded' ? styles_1.theme.size.height.base[size] : undefined, "$position": "relative", "$background": type === 'rounded'
+            ? isHover || isSelected || isDisabled
+                ? (_a = styles_1.theme.color.palettes[palette]) === null || _a === void 0 ? void 0 : _a['background-hovered']
+                : (_b = styles_1.theme.color.palettes[palette]) === null || _b === void 0 ? void 0 : _b['background-primary']
+            : 'none', "$border": type === 'rounded'
+            ? `1px solid ${isHover || isSelected
+                ? (_c = styles_1.theme.color.palettes[palette]) === null || _c === void 0 ? void 0 : _c['border-hovered']
+                : (_d = styles_1.theme.color.palettes[palette]) === null || _d === void 0 ? void 0 : _d['border-primary']}`
+            : 'none', "$cursor": isDisabled ? 'not-allowed' : 'pointer', "$borderRadius": type === 'rounded' ? styles_1.theme.size.borderRadius.small : undefined, "$paddingHorizontal": type === 'rounded' ? paddingHorizontalBySize[size] : undefined, "$gap": type === 'rounded' ? gapBySize[size] : styles_1.theme.size.margin.base.x_small, "$transition": true, "$display": "flex", "$alignItems": "center", "$justifyContent": contentAlign, "$flexDirection": iconPosition === 'left' ? 'row' : 'row-reverse', ...hoverProps, ...props, children: [icon ? ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": $iconAutoFill ||
+                    ((_e = styles_1.theme.color.palettes[palette]) === null || _e === void 0 ? void 0 : _e[isHover || isSelected ? 'content-hovered' : 'content-primary']), "$size": `calc(${styles_1.theme.size.height.base[size === 'large' ? 'medium' : size]}px * 0.7)`, "$marginHorizontal": type === 'rounded' ? -3 : undefined, "$transition": true })) : null, text ? ((0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, type: type === 'rounded' ? textSizeBySize[size] : size, "$color": (_f = styles_1.theme.color.palettes[palette]) === null || _f === void 0 ? void 0 : _f[isHover || isSelected ? 'content-hovered' : 'content-primary'], "$textDecoration": isUnderlineEffect && (isHover || isSelected) && !isDisabled
+                    ? 'underline'
+                    : undefined, "$transition": "color" })) : null, !!overlayedTextBadge && ((0, jsx_runtime_1.jsx)(atoms_1.TextBadge, { size: "small", "$position": "absolute", "$top": 0, "$right": -styles_1.theme.size.margin.base.small, "$transform": "translateY(-50%)", ...overlayedTextBadge }))] }));
+});
+//# sourceMappingURL=TextButton.js.map

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { TextChipButtonSize, TextChipButtonType } from '../../../constants/components';
+import type { IconType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { ClickableContainer } from '../../../components/atoms';
+type Props = {
+    type?: TextChipButtonType;
+    size?: TextChipButtonSize;
+    text?: string;
+    icon?: IconType;
+    contentAlign?: 'left' | 'center' | 'right';
+    isSelected?: boolean;
+    isDisplayClose?: boolean;
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ type, size, text, icon, contentAlign, isSelected, isDisplayClose, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,49 @@
+'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 textTypeBySize = {
+    small: 'x_small',
+    medium: 'small',
+    large: 'medium',
+};
+const iconSizeBySize = {
+    small: 12,
+    medium: 16,
+    large: 20,
+};
+const borderRadiusByType = (type, size) => type === 'pill-rounded'
+    ? styles_1.theme.size.height.base[size] / 2
+    : styles_1.theme.size.borderRadius.small;
+const paddingByType = (type, size) => type === 'pill-rounded'
+    ? styles_1.theme.size.height.base[size] / 2 - styles_1.theme.size.margin.base.x_small
+    : styles_1.theme.size.margin.base.small;
+exports.default = ({ type = 'pill-rounded', size = 'medium', text, icon, contentAlign = 'left', isSelected = false, isDisplayClose = false, palette = 'button-chip', ...props }) => {
+    var _a, _b, _c, _d, _e;
+    const [hoverProps, isHover] = (0, styles_2.useHoverProps)();
+    return ((0, jsx_runtime_1.jsxs)(atoms_1.ClickableContainer, { "$display": "inline-flex", "$alignItems": "center", "$justifyContent": contentAlign, "$gap": styles_1.theme.size.margin.base.x_small, "$paddingHorizontal": paddingByType(type, 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": borderRadiusByType(type, size), "$transition": true, ...hoverProps, ...props, children: [!!icon && ((0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: icon, "$autoFill": (_c = styles_1.theme.color.palettes[palette]) === null || _c === void 0 ? void 0 : _c[isSelected
+                    ? 'content-selected'
+                    : isHover
+                        ? 'content-hovered'
+                        : 'content-primary'], "$size": `${iconSizeBySize[size]}px`, "$transition": true })), !!text && ((0, jsx_runtime_1.jsx)(atoms_1.Text, { value: text, type: textTypeBySize[size], "$color": (_d = styles_1.theme.color.palettes[palette]) === null || _d === void 0 ? void 0 : _d[isSelected
+                    ? 'content-selected'
+                    : isHover
+                        ? 'content-hovered'
+                        : 'content-primary'], "$transition": true })), !!isDisplayClose && ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "inline-flex", "$alignItems": "center", "$justifyContent": "center", "$size": `${iconSizeBySize[size]}px`, "$marginLeft": -styles_1.theme.size.margin.base.x_small / 2, children: (0, jsx_runtime_1.jsx)(atoms_1.Icon, { type: size === 'large' ? 'hero/x-mark-outline' : 'hero/x-mark-mini', "$autoFill": (_e = styles_1.theme.color.palettes[palette]) === null || _e === void 0 ? void 0 : _e[isSelected
+                        ? 'content-selected'
+                        : isHover
+                            ? 'content-hovered'
+                            : 'content-primary'], "$size": `${iconSizeBySize[size]}px`, "$transition": true }) }))] }));
+};
+//# sourceMappingURL=TextChipButton.js.map

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TextGroupButton } from '../../../components/atoms';
+type Props = {
+    leftButton?: NonNullable<React.ComponentProps<typeof TextGroupButton>['buttons']>[number];
+    rightButton?: NonNullable<React.ComponentProps<typeof TextGroupButton>['buttons']>[number];
+} & Omit<React.ComponentProps<typeof TextGroupButton>, 'buttons'>;
+declare const _default: React.MemoExoticComponent<({ leftButton, rightButton, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,13 @@
+"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 atoms_1 = require("../../../components/atoms");
+exports.default = react_1.default.memo(({ leftButton, rightButton, ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.TextGroupButton, { ...props, buttons: [
+        ...(leftButton ? [leftButton] : []),
+        ...(rightButton ? [rightButton] : []),
+    ] })));
+//# sourceMappingURL=TextCoupleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextCoupleButton.js","sourceRoot":"","sources":["../../../../src/components/atoms/buttons/TextCoupleButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8CAAqD;AAWrD,kBAAe,eAAK,CAAC,IAAI,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CAC1E,uBAAC,uBAAe,OACV,KAAK,EACT,OAAO,EAAE;QACP,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACnC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KACtC,GACD,CACH,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Container } from '../../../components/atoms';
+import TextButton from './TextButton';
+type Props = {
+    type?: React.ComponentProps<typeof TextButton>['type'];
+    size?: React.ComponentProps<typeof TextButton>['size'];
+    palette?: React.ComponentProps<typeof TextButton>['palette'];
+    buttons?: React.ComponentProps<typeof TextButton>[];
+} & React.ComponentProps<typeof Container>;
+declare const _default: React.MemoExoticComponent<({ type, size, palette, buttons, ...props }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 TextButton_1 = __importDefault(require("./TextButton"));
+exports.default = react_1.default.memo(({ type, size, palette, buttons, ...props }) => ((0, jsx_runtime_1.jsx)(atoms_1.Container, { "$display": "flex", "$alignItems": "center", "$justifyContent": "center", ...props, children: !!buttons &&
+        buttons.map(({ type: _type, size: _size, palette: _palette, ...buttonProps }, index) => ((0, jsx_runtime_1.jsx)(TextButton_1.default, { type: type || _type, size: size || _size, palette: palette || _palette, "$borderRadius": buttons.length === 1
+                ? styles_1.theme.size.borderRadius.small
+                : index === 0
+                    ? `${styles_1.theme.size.borderRadius.small}px 0 0 ${styles_1.theme.size.borderRadius.small}px`
+                    : index === buttons.length - 1
+                        ? `0 ${styles_1.theme.size.borderRadius.small}px ${styles_1.theme.size.borderRadius.small}px 0`
+                        : 0, "$borderLeft": index > 0 ? 'none' : undefined, ...buttonProps }, index))) })));
+//# sourceMappingURL=TextGroupButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextGroupButton.js","sourceRoot":"","sources":["../../../../src/components/atoms/buttons/TextGroupButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAuC;AAEvC,8CAA+C;AAE/C,8DAAsC;AAStC,kBAAe,eAAK,CAAC,IAAI,CACvB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE,CAAC,CACrD,uBAAC,iBAAS,gBACC,MAAM,iBACH,QAAQ,qBACJ,QAAQ,KACpB,KAAK,YAER,CAAC,CAAC,OAAO;QACR,OAAO,CAAC,GAAG,CACT,CACE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAC/D,KAAK,EACL,EAAE,CAAC,CACH,uBAAC,oBAAU,IAET,IAAI,EAAE,IAAI,IAAI,KAAK,EACnB,IAAI,EAAE,IAAI,IAAI,KAAK,EACnB,OAAO,EAAE,OAAO,IAAI,QAAQ,mBAE1B,OAAO,CAAC,MAAM,KAAK,CAAC;gBAClB,CAAC,CAAC,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK;gBAC/B,CAAC,CAAC,KAAK,KAAK,CAAC;oBACX,CAAC,CAAC,GAAG,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,UAAU,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI;oBAC7E,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC;wBAC5B,CAAC,CAAC,KAAK,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,MAAM,cAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,MAAM;wBAC7E,CAAC,CAAC,CAAC,iBAEE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACvC,WAAW,IAdV,KAAK,CAeV,CACH,CACF,GACO,CACb,CACF,CAAC"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { UserChipButtonSize, UserChipButtonType } from '../../../constants/components';
+import type { Palette } from '../../../constants/styles';
+import { Avatar, ClickableContainer } from '../../../components/atoms';
+type Props = {
+    type?: UserChipButtonType;
+    size?: UserChipButtonSize;
+    profileImageUrl?: React.ComponentProps<typeof Avatar>['src'];
+    id: React.ComponentProps<typeof Avatar>['id'];
+    isSelected?: boolean;
+    isDisplayClose?: boolean;
+    palette?: Palette;
+} & React.ComponentProps<typeof ClickableContainer>;
+declare const _default: ({ type, size, profileImageUrl, id, isSelected, isDisplayClose, palette, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;