@channel.io/bezier-react 1.4.0 → 1.6.0

package/dist/esm/components/Tabs/TabList.mjs

@@ -0,0 +1,41 @@
+import React__default, { forwardRef, useMemo } from 'react';
+import TabListContext from './TabListContext.mjs';
+import { TabSize } from './Tabs.types.mjs';
+import { TabList as TabList$1 } from './TabList.styled.mjs';
+
+const heightBy = size => {
+  switch (size) {
+    case TabSize.L:
+      return 53;
+    case TabSize.M:
+      return 45;
+    case TabSize.S:
+    default:
+      return 33;
+  }
+};
+
+/**
+ * `TabList` gives size context to its children and decides the layout of `TabItems` and `TabActions`.
+ */
+const TabList = /*#__PURE__*/forwardRef(function TabList({
+  children,
+  size = TabSize.M,
+  ...rest
+}, forwardedRef) {
+  const heightContextValue = useMemo(() => ({
+    size
+  }), [size]);
+  return /*#__PURE__*/React__default.createElement(TabListContext.Provider, {
+    value: heightContextValue
+  }, /*#__PURE__*/React__default.createElement(TabList$1, Object.assign({
+    size: size,
+    ref: forwardedRef,
+    style: {
+      '--bezier-tabs-size': `${heightBy(size)}px`
+    }
+  }, rest), children));
+});
+
+export { TabList };
+//# sourceMappingURL=TabList.mjs.map

package/dist/esm/components/Tabs/TabList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.mjs","sources":["../../../../src/components/Tabs/TabList.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport TabListContext from './TabListContext'\nimport {\n  type TabListProps,\n  TabSize,\n} from './Tabs.types'\n\nimport * as Styled from './TabList.styled'\n\nconst heightBy = (size: TabSize) => {\n  switch (size) {\n    case TabSize.L:\n      return 53\n    case TabSize.M:\n      return 45\n    case TabSize.S:\n    default:\n      return 33\n  }\n}\n\n/**\n * `TabList` gives size context to its children and decides the layout of `TabItems` and `TabActions`.\n */\nexport const TabList = forwardRef(function TabList({\n  children,\n  size = TabSize.M,\n  ...rest\n}: TabListProps, forwardedRef: React.Ref<HTMLDivElement>) {\n  const heightContextValue = useMemo(() => ({\n    size,\n  }), [size])\n\n  return (\n    <TabListContext.Provider value={heightContextValue}>\n      <Styled.TabList\n        size={size}\n        ref={forwardedRef}\n        style={{\n          '--bezier-tabs-size': `${heightBy(size)}px`,\n        } as React.CSSProperties}\n        {...rest}\n      >\n        { children }\n      </Styled.TabList>\n    </TabListContext.Provider>\n  )\n})\n"],"names":["heightBy","size","TabSize","L","M","S","TabList","forwardRef","children","rest","forwardedRef","heightContextValue","useMemo","React","createElement","TabListContext","Provider","value","Styled","Object","assign","ref","style"],"mappings":";;;;;AAaA,MAAMA,QAAQ,GAAIC,IAAa,IAAK;AAClC,EAAA,QAAQA,IAAI;IACV,KAAKC,OAAO,CAACC,CAAC;AACZ,MAAA,OAAO,EAAE,CAAA;IACX,KAAKD,OAAO,CAACE,CAAC;AACZ,MAAA,OAAO,EAAE,CAAA;IACX,KAAKF,OAAO,CAACG,CAAC,CAAA;AACd,IAAA;AACE,MAAA,OAAO,EAAE,CAAA;AACb,GAAA;AACF,CAAC,CAAA;;AAED;AACA;AACA;MACaC,OAAO,gBAAGC,UAAU,CAAC,SAASD,OAAOA,CAAC;EACjDE,QAAQ;EACRP,IAAI,GAAGC,OAAO,CAACE,CAAC;EAChB,GAAGK,IAAAA;AACS,CAAC,EAAEC,YAAuC,EAAE;AACxD,EAAA,MAAMC,kBAAkB,GAAGC,OAAO,CAAC,OAAO;AACxCX,IAAAA,IAAAA;AACF,GAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC,CAAA;AAEX,EAAA,oBACEY,cAAA,CAAAC,aAAA,CAACC,cAAc,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEN,kBAAAA;GAC9BE,eAAAA,cAAA,CAAAC,aAAA,CAACI,SAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACbnB,IAAAA,IAAI,EAAEA,IAAK;AACXoB,IAAAA,GAAG,EAAEX,YAAa;AAClBY,IAAAA,KAAK,EAAE;AACL,MAAA,oBAAoB,EAAG,CAAA,EAAEtB,QAAQ,CAACC,IAAI,CAAE,CAAA,EAAA,CAAA;AAC1C,KAAA;AAAyB,GAAA,EACrBQ,IAAI,CAAA,EAEND,QACY,CACO,CAAC,CAAA;AAE9B,CAAC;;;;"}

package/dist/esm/components/Tabs/TabList.styled.mjs

@@ -0,0 +1,9 @@
+import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
+
+const TabList = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "TabListstyled__TabList",
+  componentId: "sc-otvcdx-0"
+})(["display:flex;justify-content:space-between;width:100%;height:var(--bezier-tabs-size);box-shadow:0 -1px 0 0 ", " inset;"], props => props.foundation?.theme?.['bg-black-light']);
+
+export { TabList };
+//# sourceMappingURL=TabList.styled.mjs.map

package/dist/esm/components/Tabs/TabList.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.styled.mjs","sources":["../../../../src/components/Tabs/TabList.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport { type TabSize } from './Tabs.types'\n\ninterface ListProps {\n  size: TabSize\n}\n\nexport const TabList = styled.div<ListProps>`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: var(--bezier-tabs-size);\n  box-shadow: 0 -1px 0 0 ${props => props.foundation?.theme?.['bg-black-light']} inset;\n`\n"],"names":["TabList","styled","div","withConfig","displayName","componentId","props","foundation","theme"],"mappings":";;MAQaA,OAAO,gBAAGC,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAKNC,CAAAA,CAAAA,CAAAA,6GAAAA,EAAAA,SAAAA,CAAAA,EAAAA,KAAK,IAAIA,KAAK,CAACC,UAAU,EAAEC,KAAK,GAAG,gBAAgB,CAAC;;;;"}

package/dist/esm/components/Tabs/TabListContext.mjs

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+import { TabSize } from './Tabs.types.mjs';
+
+const TabListContext = /*#__PURE__*/createContext({
+  size: TabSize.M
+});
+var TabListContext$1 = TabListContext;
+
+export { TabListContext$1 as default };
+//# sourceMappingURL=TabListContext.mjs.map

package/dist/esm/components/Tabs/TabListContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListContext.mjs","sources":["../../../../src/components/Tabs/TabListContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport {\n  type TabListContextValue,\n  TabSize,\n} from './Tabs.types'\n\nconst TabListContext = createContext<TabListContextValue>({\n  size: TabSize.M,\n})\n\nexport default TabListContext\n"],"names":["TabListContext","createContext","size","TabSize","M"],"mappings":";;;AAOA,MAAMA,cAAc,gBAAGC,aAAa,CAAsB;EACxDC,IAAI,EAAEC,OAAO,CAACC,CAAAA;AAChB,CAAC,CAAC,CAAA;AAEF,uBAAeJ,cAAc;;;;"}

package/dist/esm/components/Tabs/Tabs.mjs

@@ -0,0 +1,38 @@
+import React__default, { forwardRef } from 'react';
+import { Tabs as Tabs$1 } from './Tabs.styled.mjs';
+
+/**
+ * `Tabs` is a set of layered section of content.
+ *
+ * `Tabs` is a context of the Tab-related components and gives accessibility properties to Tab-related components.
+ *
+ * @example
+ *
+ * ```tsx
+ * <Tabs>
+ *  <TabList>
+ *    <TabItems>
+ *      <TabItem />
+ *    <TabItems />
+ *    <TabActions>
+ *      <TabAction />
+ *    </TabActions>
+ *  </TabList>
+ *  <TabContent />
+ * </Tabs>
+ * ```
+ */
+
+const Tabs = /*#__PURE__*/forwardRef(function Tabs({
+  activationMode = 'automatic',
+  children,
+  ...rest
+}, forwardedRef) {
+  return /*#__PURE__*/React__default.createElement(Tabs$1, Object.assign({
+    activationMode: activationMode,
+    ref: forwardedRef
+  }, rest), children);
+});
+
+export { Tabs };
+//# sourceMappingURL=Tabs.mjs.map

package/dist/esm/components/Tabs/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { type TabsProps } from '~/src/components/Tabs/Tabs.types'\n\nimport * as Styled from './Tabs.styled'\n\n/**\n * `Tabs` is a set of layered section of content.\n *\n * `Tabs` is a context of the Tab-related components and gives accessibility properties to Tab-related components.\n *\n * @example\n *\n * ```tsx\n * <Tabs>\n *  <TabList>\n *    <TabItems>\n *      <TabItem />\n *    <TabItems />\n *    <TabActions>\n *      <TabAction />\n *    </TabActions>\n *  </TabList>\n *  <TabContent />\n * </Tabs>\n * ```\n */\n\nexport const Tabs = forwardRef(function Tabs({\n  activationMode = 'automatic',\n  children,\n  ...rest\n}: TabsProps, forwardedRef: React.Ref<HTMLDivElement>) {\n  return (\n    <Styled.Tabs\n      activationMode={activationMode}\n      ref={forwardedRef}\n      {...rest}\n    >\n      { children }\n    </Styled.Tabs>\n  )\n})\n"],"names":["Tabs","forwardRef","activationMode","children","rest","forwardedRef","React","createElement","Styled","Object","assign","ref"],"mappings":";;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;MAEaA,IAAI,gBAAGC,UAAU,CAAC,SAASD,IAAIA,CAAC;AAC3CE,EAAAA,cAAc,GAAG,WAAW;EAC5BC,QAAQ;EACR,GAAGC,IAAAA;AACM,CAAC,EAAEC,YAAuC,EAAE;EACrD,oBACEC,cAAA,CAAAC,aAAA,CAACC,MAAW,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACVR,IAAAA,cAAc,EAAEA,cAAe;AAC/BS,IAAAA,GAAG,EAAEN,YAAAA;GACDD,EAAAA,IAAI,CAEND,EAAAA,QACS,CAAC,CAAA;AAElB,CAAC;;;;"}

package/dist/esm/components/Tabs/Tabs.styled.mjs

@@ -0,0 +1,10 @@
+import { Root as $69cb30bb0017df05$export$be92b6f5f03c0fe9 } from '../../node_modules/@radix-ui/react-tabs/dist/index.module.mjs';
+import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
+
+const Tabs = /*#__PURE__*/FoundationStyled($69cb30bb0017df05$export$be92b6f5f03c0fe9).withConfig({
+  displayName: "Tabsstyled__Tabs",
+  componentId: "sc-wm9mnc-0"
+})(["display:flex;flex-direction:column;width:100%;"]);
+
+export { Tabs };
+//# sourceMappingURL=Tabs.styled.mjs.map

package/dist/esm/components/Tabs/Tabs.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styled.mjs","sources":["../../../../src/components/Tabs/Tabs.styled.ts"],"sourcesContent":["import * as TabsPrimitive from '@radix-ui/react-tabs'\n\nimport { styled } from '~/src/foundation'\n\nexport const Tabs = styled(TabsPrimitive.Root)`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\n"],"names":["Tabs","styled","TabsPrimitive","withConfig","displayName","componentId"],"mappings":";;;AAIO,MAAMA,IAAI,gBAAGC,gBAAM,CAACC,yCAAkB,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAI7C,CAAA,CAAA,CAAA,gDAAA,CAAA;;;;"}

package/dist/esm/components/Tabs/Tabs.types.mjs

@@ -0,0 +1,9 @@
+let TabSize = /*#__PURE__*/function (TabSize) {
+  TabSize["L"] = "L";
+  TabSize["M"] = "M";
+  TabSize["S"] = "S";
+  return TabSize;
+}({});
+
+export { TabSize };
+//# sourceMappingURL=Tabs.types.mjs.map

package/dist/esm/components/Tabs/Tabs.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.types.mjs","sources":["../../../../src/components/Tabs/Tabs.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type DisableProps,\n  type SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum TabSize {\n  L = 'L',\n  M = 'M',\n  S = 'S',\n}\n\nexport interface TabListContextValue {\n  size: TabSize\n}\n\ninterface TabsOptions {\n  /**\n   * When automatic, tabs are activated when receiving focus.\n   * When manual, tabs are activated when clicked.\n   * @default automatic\n   */\n  activationMode?: 'automatic' | 'manual'\n  /**\n   * Use when you do not need to control the state of the component.\n   */\n  defaultValue?: string\n  /**\n   * The controlled value of the tab to activate.\n   */\n  value?: string\n  /**\n   * Event handler called when value is changed.\n   */\n  onValueChange?: (value: string) => void\n}\n\ninterface TabActionOptions<Link extends string | undefined> {\n  /**\n   * TabAction acts as a link when href is given, otherwise as a button.\n   */\n  href?: Link\n  /**\n   * Event handler called when tab action is clicked.\n   */\n  onClick?: Link extends string ? never : React.MouseEventHandler<HTMLButtonElement>\n}\n\ninterface TabItemOptions {\n  /**\n   * A unique value that associates the trigger with a content.\n   */\n  value: string\n}\n\ninterface TabContentOptions {\n  /**\n   * A unique value that associates the trigger with a content.\n   */\n  value: string\n}\n\nexport interface TabsProps extends\n  ChildrenProps,\n  BezierComponentProps,\n  TabsOptions {}\n\nexport interface TabListProps extends\n  ChildrenProps,\n  BezierComponentProps,\n  SizeProps<TabSize>,\n  React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface TabItemsProps extends\n  ChildrenProps,\n  BezierComponentProps,\n  React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface TabItemProps extends\n  ChildrenProps,\n  BezierComponentProps,\n  DisableProps,\n  React.HTMLAttributes<HTMLButtonElement>,\n  TabItemOptions {}\n\nexport interface TabActionsProps extends\n  BezierComponentProps,\n  ChildrenProps {}\n\nexport type TabActionElement<Link> = [Link] extends [string] ? HTMLAnchorElement : HTMLButtonElement\n\nexport interface TabActionProps<Link extends string | undefined> extends\n  ChildrenProps,\n  BezierComponentProps,\n  TabActionOptions<Link>,\n  Omit<React.HTMLAttributes<TabActionElement<Link>>, 'onClick'> {}\n\nexport interface TabContentProps extends\n  ChildrenProps,\n  BezierComponentProps,\n  TabContentOptions {}\n"],"names":["TabSize"],"mappings":"AASYA,IAAAA,OAAO,0BAAPA,OAAO,EAAA;EAAPA,OAAO,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAPA,OAAO,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAPA,OAAO,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;AAAA,EAAA,OAAPA,OAAO,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/components/TagBadge/Badge/Badge.mjs

@@ -0,0 +1,46 @@
+import React__default, { useMemo } from 'react';
+import { isEmpty } from '../../../utils/typeUtils.mjs';
+import { getProperTagBadgeBgColor, getProperBadgeTextColor, getProperTagBadgePadding, getProperTagBadgeRounding, getProperTagBadgeTypo } from '../TagBadgeCommon/utils.mjs';
+import LegacyIcon from '../../LegacyIcon/LegacyIcon.mjs';
+import { TAG_BADGE_ICON_SIZE, BADGE_TEXT_HORIZONTAL_PADDING } from '../TagBadgeCommon/constants/TagBadgeStyle.mjs';
+import TagBadgeStyled from '../TagBadgeCommon/TagBadge.styled.mjs';
+import TagBadgeText from '../TagBadgeCommon/TagBadgeText/TagBadgeText.mjs';
+import TagBadgeSize from '../TagBadgeCommon/constants/TagBadgeSize.mjs';
+import TagBadgeVariant from '../TagBadgeCommon/constants/TagBadgeVariant.mjs';
+
+// TODO: 테스트 코드 작성
+const BADGE_TEST_ID = 'bezier-react-badge';
+const Badge = /*#__PURE__*/React__default.memo(function Badge({
+  size = TagBadgeSize.M,
+  variant = TagBadgeVariant.Default,
+  iconName,
+  children,
+  className,
+  interpolation,
+  testId = BADGE_TEST_ID,
+  ...props
+}) {
+  const hasChildren = !isEmpty(children);
+  const bgSemanticName = useMemo(() => getProperTagBadgeBgColor(variant), [variant]);
+  const textSemanticName = useMemo(() => getProperBadgeTextColor(variant), [variant]);
+  const IconComponent = useMemo(() => iconName && /*#__PURE__*/React__default.createElement(LegacyIcon, {
+    name: iconName,
+    size: TAG_BADGE_ICON_SIZE,
+    color: textSemanticName
+  }), [iconName, textSemanticName]);
+  return /*#__PURE__*/React__default.createElement(TagBadgeStyled.Wrapper, Object.assign({}, props, {
+    className: className,
+    interpolation: interpolation,
+    "data-testid": testId,
+    horizontalPadding: getProperTagBadgePadding(size),
+    rounding: getProperTagBadgeRounding(size),
+    color: textSemanticName,
+    bgColor: bgSemanticName
+  }), IconComponent, hasChildren && /*#__PURE__*/React__default.createElement(TagBadgeText, {
+    horizontalPadding: BADGE_TEXT_HORIZONTAL_PADDING,
+    typo: getProperTagBadgeTypo(size)
+  }, children));
+});
+
+export { BADGE_TEST_ID, Badge };
+//# sourceMappingURL=Badge.mjs.map

package/dist/esm/components/TagBadge/Badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","sources":["../../../../../src/components/TagBadge/Badge/Badge.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\n\nimport { isEmpty } from '~/src/utils/typeUtils'\n\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport {\n  BADGE_TEXT_HORIZONTAL_PADDING,\n  TAG_BADGE_ICON_SIZE,\n  TagBadgeSize,\n  TagBadgeStyled,\n  TagBadgeText,\n  TagBadgeVariant,\n  getProperBadgeTextColor,\n  getProperTagBadgeBgColor,\n  getProperTagBadgePadding,\n  getProperTagBadgeRounding,\n  getProperTagBadgeTypo,\n} from '~/src/components/TagBadge/TagBadgeCommon'\n\nimport type BadgeProps from './Badge.types'\n\n// TODO: 테스트 코드 작성\nexport const BADGE_TEST_ID = 'bezier-react-badge'\n\nexport const Badge = React.memo(function Badge({\n  size = TagBadgeSize.M,\n  variant = TagBadgeVariant.Default,\n  iconName,\n  children,\n  className,\n  interpolation,\n  testId = BADGE_TEST_ID,\n  ...props\n}: BadgeProps) {\n  const hasChildren = !isEmpty(children)\n\n  const bgSemanticName = useMemo(() => (getProperTagBadgeBgColor(variant)), [variant])\n  const textSemanticName = useMemo(() => (getProperBadgeTextColor(variant)), [variant])\n\n  const IconComponent = useMemo(() => (iconName && (\n    <LegacyIcon\n      name={iconName}\n      size={TAG_BADGE_ICON_SIZE}\n      color={textSemanticName}\n    />\n  )), [\n    iconName,\n    textSemanticName,\n  ])\n\n  return (\n    <TagBadgeStyled.Wrapper\n      {...props}\n      className={className}\n      interpolation={interpolation}\n      data-testid={testId}\n      horizontalPadding={getProperTagBadgePadding(size)}\n      rounding={getProperTagBadgeRounding(size)}\n      color={textSemanticName}\n      bgColor={bgSemanticName}\n    >\n      { IconComponent }\n\n      { hasChildren && (\n        <TagBadgeText\n          horizontalPadding={BADGE_TEXT_HORIZONTAL_PADDING}\n          typo={getProperTagBadgeTypo(size)}\n        >\n            { children }\n        </TagBadgeText>\n      ) }\n    </TagBadgeStyled.Wrapper>\n  )\n})\n"],"names":["BADGE_TEST_ID","Badge","React","memo","size","TagBadgeSize","M","variant","TagBadgeVariant","Default","iconName","children","className","interpolation","testId","props","hasChildren","isEmpty","bgSemanticName","useMemo","getProperTagBadgeBgColor","textSemanticName","getProperBadgeTextColor","IconComponent","createElement","LegacyIcon","name","TAG_BADGE_ICON_SIZE","color","TagBadgeStyled","Wrapper","Object","assign","horizontalPadding","getProperTagBadgePadding","rounding","getProperTagBadgeRounding","bgColor","TagBadgeText","BADGE_TEXT_HORIZONTAL_PADDING","typo","getProperTagBadgeTypo"],"mappings":";;;;;;;;;;AAqBA;AACO,MAAMA,aAAa,GAAG,qBAAoB;AAE1C,MAAMC,KAAK,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,KAAKA,CAAC;EAC7CG,IAAI,GAAGC,YAAY,CAACC,CAAC;EACrBC,OAAO,GAAGC,eAAe,CAACC,OAAO;EACjCC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,aAAa;AACbC,EAAAA,MAAM,GAAGd,aAAa;EACtB,GAAGe,KAAAA;AACO,CAAC,EAAE;AACb,EAAA,MAAMC,WAAW,GAAG,CAACC,OAAO,CAACN,QAAQ,CAAC,CAAA;AAEtC,EAAA,MAAMO,cAAc,GAAGC,OAAO,CAAC,MAAOC,wBAAwB,CAACb,OAAO,CAAE,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AACpF,EAAA,MAAMc,gBAAgB,GAAGF,OAAO,CAAC,MAAOG,uBAAuB,CAACf,OAAO,CAAE,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;EAErF,MAAMgB,aAAa,GAAGJ,OAAO,CAAC,MAAOT,QAAQ,iBAC3CR,cAAA,CAAAsB,aAAA,CAACC,UAAU,EAAA;AACTC,IAAAA,IAAI,EAAEhB,QAAS;AACfN,IAAAA,IAAI,EAAEuB,mBAAoB;AAC1BC,IAAAA,KAAK,EAAEP,gBAAAA;AAAiB,GACzB,CACD,EAAE,CACFX,QAAQ,EACRW,gBAAgB,CACjB,CAAC,CAAA;AAEF,EAAA,oBACEnB,cAAA,CAAAsB,aAAA,CAACK,cAAc,CAACC,OAAO,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACjBjB,KAAK,EAAA;AACTH,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7B,IAAA,aAAA,EAAaC,MAAO;AACpBmB,IAAAA,iBAAiB,EAAEC,wBAAwB,CAAC9B,IAAI,CAAE;AAClD+B,IAAAA,QAAQ,EAAEC,yBAAyB,CAAChC,IAAI,CAAE;AAC1CwB,IAAAA,KAAK,EAAEP,gBAAiB;AACxBgB,IAAAA,OAAO,EAAEnB,cAAAA;GAEPK,CAAAA,EAAAA,aAAa,EAEbP,WAAW,iBACXd,cAAA,CAAAsB,aAAA,CAACc,YAAY,EAAA;AACXL,IAAAA,iBAAiB,EAAEM,6BAA8B;IACjDC,IAAI,EAAEC,qBAAqB,CAACrC,IAAI,CAAA;GAE5BO,EAAAA,QACQ,CAEM,CAAC,CAAA;AAE7B,CAAC;;;;"}

package/dist/esm/components/TagBadge/Tag/Tag.mjs

@@ -0,0 +1,48 @@
+import React__default, { useMemo } from 'react';
+import { CancelSmallIcon } from '@channel.io/bezier-icons';
+import { isEmpty, isNil } from '../../../utils/typeUtils.mjs';
+import Styled from './Tag.styled.mjs';
+import { getProperTagBadgeBgColor, getProperTagBadgePadding, getProperTagBadgeRounding, getProperTagBadgeTypo } from '../TagBadgeCommon/utils.mjs';
+import { TAG_BADGE_ICON_SIZE, TAG_TEXT_HORIZONTAL_PADDING } from '../TagBadgeCommon/constants/TagBadgeStyle.mjs';
+import TagBadgeStyled from '../TagBadgeCommon/TagBadge.styled.mjs';
+import TagBadgeText from '../TagBadgeCommon/TagBadgeText/TagBadgeText.mjs';
+import TagBadgeSize from '../TagBadgeCommon/constants/TagBadgeSize.mjs';
+import TagBadgeVariant from '../TagBadgeCommon/constants/TagBadgeVariant.mjs';
+
+// TODO: 테스트 코드 작성
+const TAG_TEST_ID = 'bezier-react-tag';
+const Tag = /*#__PURE__*/React__default.memo(function Tag({
+  size = TagBadgeSize.M,
+  variant = TagBadgeVariant.Default,
+  color: givenColor,
+  children,
+  // Handlers
+  onDelete,
+  className,
+  interpolation,
+  testId = TAG_TEST_ID,
+  ...props
+}) {
+  const hasChildren = useMemo(() => !isEmpty(children), [children]);
+  const bgSemanticName = useMemo(() => givenColor || getProperTagBadgeBgColor(variant), [givenColor, variant]);
+  const CloseIconComponent = useMemo(() => !isNil(onDelete) && /*#__PURE__*/React__default.createElement(Styled.CloseIcon, {
+    source: CancelSmallIcon,
+    size: TAG_BADGE_ICON_SIZE,
+    color: "txt-black-darker",
+    onClick: onDelete
+  }), [onDelete]);
+  return /*#__PURE__*/React__default.createElement(TagBadgeStyled.Wrapper, Object.assign({}, props, {
+    className: className,
+    interpolation: interpolation,
+    "data-testid": testId,
+    horizontalPadding: getProperTagBadgePadding(size),
+    rounding: getProperTagBadgeRounding(size),
+    bgColor: bgSemanticName
+  }), hasChildren && /*#__PURE__*/React__default.createElement(TagBadgeText, {
+    horizontalPadding: TAG_TEXT_HORIZONTAL_PADDING,
+    typo: getProperTagBadgeTypo(size)
+  }, children), CloseIconComponent);
+});
+
+export { TAG_TEST_ID, Tag };
+//# sourceMappingURL=Tag.mjs.map

package/dist/esm/components/TagBadge/Tag/Tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.mjs","sources":["../../../../../src/components/TagBadge/Tag/Tag.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\n\nimport { CancelSmallIcon } from '@channel.io/bezier-icons'\n\nimport {\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport {\n  TAG_BADGE_ICON_SIZE,\n  TAG_TEXT_HORIZONTAL_PADDING,\n  TagBadgeSize,\n  TagBadgeStyled,\n  TagBadgeText,\n  TagBadgeVariant,\n  getProperTagBadgeBgColor,\n  getProperTagBadgePadding,\n  getProperTagBadgeRounding,\n  getProperTagBadgeTypo,\n} from '~/src/components/TagBadge/TagBadgeCommon'\n\nimport type TagProps from './Tag.types'\n\nimport Styled from './Tag.styled'\n\n// TODO: 테스트 코드 작성\nexport const TAG_TEST_ID = 'bezier-react-tag'\n\nexport const Tag = React.memo(function Tag({\n  size = TagBadgeSize.M,\n  variant = TagBadgeVariant.Default,\n  color: givenColor,\n  children,\n  // Handlers\n  onDelete,\n  className,\n  interpolation,\n  testId = TAG_TEST_ID,\n  ...props\n}: TagProps) {\n  const hasChildren = useMemo(() => !isEmpty(children), [children])\n\n  const bgSemanticName = useMemo(() => (\n    givenColor || getProperTagBadgeBgColor(variant)\n  ), [\n    givenColor,\n    variant,\n  ])\n\n  const CloseIconComponent = useMemo(() => !isNil(onDelete) && (\n    <Styled.CloseIcon\n      source={CancelSmallIcon}\n      size={TAG_BADGE_ICON_SIZE}\n      color=\"txt-black-darker\"\n      onClick={onDelete}\n    />\n  ), [onDelete])\n\n  return (\n    <TagBadgeStyled.Wrapper\n      {...props}\n      className={className}\n      interpolation={interpolation}\n      data-testid={testId}\n      horizontalPadding={getProperTagBadgePadding(size)}\n      rounding={getProperTagBadgeRounding(size)}\n      bgColor={bgSemanticName}\n    >\n      { hasChildren && (\n        <TagBadgeText\n          horizontalPadding={TAG_TEXT_HORIZONTAL_PADDING}\n          typo={getProperTagBadgeTypo(size)}\n        >\n            { children }\n        </TagBadgeText>\n      ) }\n\n      { CloseIconComponent }\n    </TagBadgeStyled.Wrapper>\n  )\n})\n"],"names":["TAG_TEST_ID","Tag","React","memo","size","TagBadgeSize","M","variant","TagBadgeVariant","Default","color","givenColor","children","onDelete","className","interpolation","testId","props","hasChildren","useMemo","isEmpty","bgSemanticName","getProperTagBadgeBgColor","CloseIconComponent","isNil","createElement","Styled","CloseIcon","source","CancelSmallIcon","TAG_BADGE_ICON_SIZE","onClick","TagBadgeStyled","Wrapper","Object","assign","horizontalPadding","getProperTagBadgePadding","rounding","getProperTagBadgeRounding","bgColor","TagBadgeText","TAG_TEXT_HORIZONTAL_PADDING","typo","getProperTagBadgeTypo"],"mappings":";;;;;;;;;;;AA0BA;AACO,MAAMA,WAAW,GAAG,mBAAkB;AAEtC,MAAMC,GAAG,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,GAAGA,CAAC;EACzCG,IAAI,GAAGC,YAAY,CAACC,CAAC;EACrBC,OAAO,GAAGC,eAAe,CAACC,OAAO;AACjCC,EAAAA,KAAK,EAAEC,UAAU;EACjBC,QAAQ;AACR;EACAC,QAAQ;EACRC,SAAS;EACTC,aAAa;AACbC,EAAAA,MAAM,GAAGhB,WAAW;EACpB,GAAGiB,KAAAA;AACK,CAAC,EAAE;AACX,EAAA,MAAMC,WAAW,GAAGC,OAAO,CAAC,MAAM,CAACC,OAAO,CAACR,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEjE,EAAA,MAAMS,cAAc,GAAGF,OAAO,CAAC,MAC7BR,UAAU,IAAIW,wBAAwB,CAACf,OAAO,CAC/C,EAAE,CACDI,UAAU,EACVJ,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,MAAMgB,kBAAkB,GAAGJ,OAAO,CAAC,MAAM,CAACK,KAAK,CAACX,QAAQ,CAAC,iBACvDX,cAAA,CAAAuB,aAAA,CAACC,MAAM,CAACC,SAAS,EAAA;AACfC,IAAAA,MAAM,EAAEC,eAAgB;AACxBzB,IAAAA,IAAI,EAAE0B,mBAAoB;AAC1BpB,IAAAA,KAAK,EAAC,kBAAkB;AACxBqB,IAAAA,OAAO,EAAElB,QAAAA;AAAS,GACnB,CACF,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEX,cAAA,CAAAuB,aAAA,CAACO,cAAc,CAACC,OAAO,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACjBlB,KAAK,EAAA;AACTH,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7B,IAAA,aAAA,EAAaC,MAAO;AACpBoB,IAAAA,iBAAiB,EAAEC,wBAAwB,CAACjC,IAAI,CAAE;AAClDkC,IAAAA,QAAQ,EAAEC,yBAAyB,CAACnC,IAAI,CAAE;AAC1CoC,IAAAA,OAAO,EAAEnB,cAAAA;AAAe,GAAA,CAAA,EAEtBH,WAAW,iBACXhB,cAAA,CAAAuB,aAAA,CAACgB,YAAY,EAAA;AACXL,IAAAA,iBAAiB,EAAEM,2BAA4B;IAC/CC,IAAI,EAAEC,qBAAqB,CAACxC,IAAI,CAAA;AAAE,GAAA,EAE9BQ,QACQ,CACf,EAECW,kBACoB,CAAC,CAAA;AAE7B,CAAC;;;;"}

package/dist/esm/components/TagBadge/Tag/Tag.styled.mjs

@@ -0,0 +1,13 @@
+import { Icon } from '../../Icon/Icon.mjs';
+import { styled as FoundationStyled } from '../../../foundation/FoundationStyledComponent.mjs';
+
+const CloseIcon = /*#__PURE__*/FoundationStyled(Icon).withConfig({
+  displayName: "Tagstyled__CloseIcon",
+  componentId: "sc-16zqqwu-0"
+})(["cursor:pointer;"]);
+var Styled = {
+  CloseIcon
+};
+
+export { Styled as default };
+//# sourceMappingURL=Tag.styled.mjs.map

package/dist/esm/components/TagBadge/Tag/Tag.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.styled.mjs","sources":["../../../../../src/components/TagBadge/Tag/Tag.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport { Icon } from '~/src/components/Icon'\n\nconst CloseIcon = styled(Icon)`\n  cursor: pointer;\n`\n\nexport default {\n  CloseIcon,\n}\n"],"names":["CloseIcon","styled","Icon","withConfig","displayName","componentId"],"mappings":";;;AAIA,MAAMA,SAAS,gBAAGC,gBAAM,CAACC,IAAI,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,sBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAE7B,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;AAED,aAAe;AACbL,EAAAA,SAAAA;AACF,CAAC;;;;"}

package/dist/esm/components/TagBadge/TagBadgeCommon/TagBadge.styled.mjs

@@ -0,0 +1,28 @@
+import { TAGBADGE_VERTICAL_PADDING } from './constants/TagBadgeStyle.mjs';
+import { styled as FoundationStyled } from '../../../foundation/FoundationStyledComponent.mjs';
+
+const Wrapper = /*#__PURE__*/FoundationStyled.div.attrs(({
+  foundation,
+  bgColor,
+  color = 'txt-black-darkest',
+  horizontalPadding
+}) => ({
+  style: {
+    padding: `${TAGBADGE_VERTICAL_PADDING}px ${horizontalPadding}px`,
+    color: foundation?.theme?.[color],
+    backgroundColor: foundation?.theme?.[bgColor]
+  }
+})).withConfig({
+  displayName: "TagBadgestyled__Wrapper",
+  componentId: "sc-1arrfz9-0"
+})(["display:flex;align-items:center;", ";", ";"], ({
+  rounding
+}) => rounding, ({
+  interpolation
+}) => interpolation);
+var TagBadgeStyled = {
+  Wrapper
+};
+
+export { TagBadgeStyled as default };
+//# sourceMappingURL=TagBadge.styled.mjs.map

package/dist/esm/components/TagBadge/TagBadgeCommon/TagBadge.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBadge.styled.mjs","sources":["../../../../../src/components/TagBadge/TagBadgeCommon/TagBadge.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport type {\n  AdditionalColorProps,\n  ColorProps,\n} from '~/src/types/ComponentProps'\nimport type {\n  FoundationProps,\n  InjectedInterpolation,\n  InterpolationProps,\n} from '~/src/types/Foundation'\n\nimport { TAGBADGE_VERTICAL_PADDING } from './constants/TagBadgeStyle'\n\ninterface CommonTagBadgeStyleProps extends\n  InterpolationProps,\n  ColorProps,\n  Required<AdditionalColorProps<'bg'>> {\n  rounding: InjectedInterpolation\n  horizontalPadding: number\n}\n\nconst Wrapper = styled.div.attrs(({\n  foundation,\n  bgColor,\n  color = 'txt-black-darkest',\n  horizontalPadding,\n}: CommonTagBadgeStyleProps & FoundationProps) => ({\n  style: {\n    padding: `${TAGBADGE_VERTICAL_PADDING}px ${horizontalPadding}px`,\n    color: foundation?.theme?.[color],\n    backgroundColor: foundation?.theme?.[bgColor],\n  },\n}))<CommonTagBadgeStyleProps>`\n  display: flex;\n  align-items: center;\n\n  ${({ rounding }) => rounding};\n\n  ${({ interpolation }) => interpolation};\n`\n\nexport default {\n  Wrapper,\n}\n"],"names":["Wrapper","styled","div","attrs","foundation","bgColor","color","horizontalPadding","style","padding","TAGBADGE_VERTICAL_PADDING","theme","backgroundColor","withConfig","displayName","componentId","rounding","interpolation"],"mappings":";;;AAsBA,MAAMA,OAAO,gBAAGC,gBAAM,CAACC,GAAG,CAACC,KAAK,CAAC,CAAC;EAChCC,UAAU;EACVC,OAAO;AACPC,EAAAA,KAAK,GAAG,mBAAmB;AAC3BC,EAAAA,iBAAAA;AAC0C,CAAC,MAAM;AACjDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAG,CAAA,EAAEC,yBAA0B,CAAA,GAAA,EAAKH,iBAAkB,CAAG,EAAA,CAAA;AAChED,IAAAA,KAAK,EAAEF,UAAU,EAAEO,KAAK,GAAGL,KAAK,CAAC;AACjCM,IAAAA,eAAe,EAAER,UAAU,EAAEO,KAAK,GAAGN,OAAO,CAAA;AAC9C,GAAA;AACF,CAAC,CAAC,CAAC,CAAAQ,UAAA,CAAA;EAAAC,WAAA,EAAA,yBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,kCAAA,EAAA,GAAA,EAAA,GAAA,CAAA,EAIC,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAKA,QAAQ,EAE1B,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,CACvC,CAAA;AAED,qBAAe;AACbjB,EAAAA,OAAAA;AACF,CAAC;;;;"}

package/dist/esm/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.mjs

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import Text from '../../../Text/Text.mjs';
+import Styled from './TagBadgeText.styled.mjs';
+
+// TODO: 테스트 코드 작성
+const TAG_BADGE_TEXT_TEST_ID = 'bezier-react-avatar-group';
+function TagBadgeText({
+  testId = TAG_BADGE_TEXT_TEST_ID,
+  typo,
+  horizontalPadding,
+  children
+}) {
+  return /*#__PURE__*/React__default.createElement(Styled.Wrapper, {
+    "data-testid": testId,
+    horizontalPadding: horizontalPadding
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    typo: typo
+  }, children));
+}
+
+export { TagBadgeText as default };
+//# sourceMappingURL=TagBadgeText.mjs.map

package/dist/esm/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBadgeText.mjs","sources":["../../../../../../src/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/src/components/Text'\n\nimport type TagBadgeTextProps from './TagBadgeText.types'\n\nimport Styled from './TagBadgeText.styled'\n\n// TODO: 테스트 코드 작성\nconst TAG_BADGE_TEXT_TEST_ID = 'bezier-react-avatar-group'\n\nfunction TagBadgeText({\n  testId = TAG_BADGE_TEXT_TEST_ID,\n  typo,\n  horizontalPadding,\n  children,\n}: TagBadgeTextProps) {\n  return (\n    <Styled.Wrapper\n      data-testid={testId}\n      horizontalPadding={horizontalPadding}\n    >\n      <Text typo={typo}>\n        { children }\n      </Text>\n    </Styled.Wrapper>\n  )\n}\n\nexport default TagBadgeText\n"],"names":["TAG_BADGE_TEXT_TEST_ID","TagBadgeText","testId","typo","horizontalPadding","children","React","createElement","Styled","Wrapper","Text"],"mappings":";;;;AAQA;AACA,MAAMA,sBAAsB,GAAG,2BAA2B,CAAA;AAE1D,SAASC,YAAYA,CAAC;AACpBC,EAAAA,MAAM,GAAGF,sBAAsB;EAC/BG,IAAI;EACJC,iBAAiB;AACjBC,EAAAA,QAAAA;AACiB,CAAC,EAAE;AACpB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,MAAM,CAACC,OAAO,EAAA;AACb,IAAA,aAAA,EAAaP,MAAO;AACpBE,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GAAA,eAErCE,cAAA,CAAAC,aAAA,CAACG,IAAI,EAAA;AAACP,IAAAA,IAAI,EAAEA,IAAAA;GACRE,EAAAA,QACE,CACQ,CAAC,CAAA;AAErB;;;;"}

package/dist/esm/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.styled.mjs

@@ -0,0 +1,14 @@
+import { styled as FoundationStyled } from '../../../../foundation/FoundationStyledComponent.mjs';
+
+const Wrapper = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "TagBadgeTextstyled__Wrapper",
+  componentId: "sc-8nep8n-0"
+})(["display:flex;padding:0 ", "px;"], ({
+  horizontalPadding
+}) => horizontalPadding);
+var Styled = {
+  Wrapper
+};
+
+export { Styled as default };
+//# sourceMappingURL=TagBadgeText.styled.mjs.map

package/dist/esm/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBadgeText.styled.mjs","sources":["../../../../../../src/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\ninterface WrapperProps {\n  horizontalPadding: number\n}\n\nconst Wrapper = styled.div<WrapperProps>`\n  display: flex;\n  padding: 0 ${({ horizontalPadding }) => horizontalPadding}px;\n`\n\nexport default {\n  Wrapper,\n}\n"],"names":["Wrapper","styled","div","withConfig","displayName","componentId","horizontalPadding"],"mappings":";;AAMA,MAAMA,OAAO,gBAAGC,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,yBAAA,EAAA,KAAA,CAAA,EAEX,CAAC;AAAEC,EAAAA,iBAAAA;AAAkB,CAAC,KAAKA,iBAAiB,CAC1D,CAAA;AAED,aAAe;AACbN,EAAAA,OAAAA;AACF,CAAC;;;;"}

package/dist/esm/components/TagBadge/TagBadgeCommon/constants/TagBadgeSize.mjs

@@ -0,0 +1,11 @@
+var TagBadgeSize = /*#__PURE__*/function (TagBadgeSize) {
+  TagBadgeSize["XS"] = "xs";
+  TagBadgeSize["S"] = "s";
+  TagBadgeSize["M"] = "m";
+  TagBadgeSize["L"] = "l";
+  return TagBadgeSize;
+}(TagBadgeSize || {});
+var TagBadgeSize$1 = TagBadgeSize;
+
+export { TagBadgeSize$1 as default };
+//# sourceMappingURL=TagBadgeSize.mjs.map

package/dist/esm/components/TagBadge/TagBadgeCommon/constants/TagBadgeSize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBadgeSize.mjs","sources":["../../../../../../src/components/TagBadge/TagBadgeCommon/constants/TagBadgeSize.ts"],"sourcesContent":["enum TagBadgeSize {\n  XS = 'xs',\n  S = 's',\n  M = 'm',\n  L = 'l',\n}\n\nexport default TagBadgeSize\n"],"names":["TagBadgeSize"],"mappings":"AAAKA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;EAAZA,YAAY,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAZA,YAAY,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAZA,YAAY,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAZA,YAAY,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAZA,YAAY,IAAA,EAAA,CAAA,CAAA;AAOjB,qBAAeA,YAAY;;;;"}

package/dist/esm/components/TagBadge/TagBadgeCommon/constants/TagBadgeStyle.mjs

@@ -0,0 +1,9 @@
+import { IconSize } from '../../../Icon/Icon.types.mjs';
+
+const BADGE_TEXT_HORIZONTAL_PADDING = 3;
+const TAG_TEXT_HORIZONTAL_PADDING = 2;
+const TAGBADGE_VERTICAL_PADDING = 1;
+const TAG_BADGE_ICON_SIZE = IconSize.XS;
+
+export { BADGE_TEXT_HORIZONTAL_PADDING, TAGBADGE_VERTICAL_PADDING, TAG_BADGE_ICON_SIZE, TAG_TEXT_HORIZONTAL_PADDING };
+//# sourceMappingURL=TagBadgeStyle.mjs.map

package/dist/esm/components/TagBadge/TagBadgeCommon/constants/TagBadgeStyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBadgeStyle.mjs","sources":["../../../../../../src/components/TagBadge/TagBadgeCommon/constants/TagBadgeStyle.ts"],"sourcesContent":["import { IconSize } from '~/src/components/Icon'\n\nexport const BADGE_TEXT_HORIZONTAL_PADDING = 3\n\nexport const TAG_TEXT_HORIZONTAL_PADDING = 2\n\nexport const TAGBADGE_VERTICAL_PADDING = 1\n\nexport const TAG_BADGE_ICON_SIZE = IconSize.XS\n"],"names":["BADGE_TEXT_HORIZONTAL_PADDING","TAG_TEXT_HORIZONTAL_PADDING","TAGBADGE_VERTICAL_PADDING","TAG_BADGE_ICON_SIZE","IconSize","XS"],"mappings":";;AAEO,MAAMA,6BAA6B,GAAG,EAAC;AAEvC,MAAMC,2BAA2B,GAAG,EAAC;AAErC,MAAMC,yBAAyB,GAAG,EAAC;AAE7BC,MAAAA,mBAAmB,GAAGC,QAAQ,CAACC;;;;"}

package/dist/esm/components/TagBadge/TagBadgeCommon/constants/TagBadgeVariant.mjs

@@ -0,0 +1,53 @@
+var TagBadgeVariant = /*#__PURE__*/function (TagBadgeVariant) {
+  TagBadgeVariant["Default"] = "Default";
+  TagBadgeVariant["MonochromeLight"] = "MonochromeLight";
+  TagBadgeVariant["MonochromeDark"] = "MonochromeDark";
+  TagBadgeVariant["Blue"] = "Blue";
+  TagBadgeVariant["Cobalt"] = "Cobalt";
+  TagBadgeVariant["Teal"] = "Teal";
+  TagBadgeVariant["Green"] = "Green";
+  TagBadgeVariant["Olive"] = "Olive";
+  TagBadgeVariant["Pink"] = "Pink";
+  TagBadgeVariant["Navy"] = "Navy";
+  TagBadgeVariant["Yellow"] = "Yellow";
+  TagBadgeVariant["Orange"] = "Orange";
+  TagBadgeVariant["Red"] = "Red";
+  TagBadgeVariant["Purple"] = "Purple";
+  return TagBadgeVariant;
+}(TagBadgeVariant || {});
+const TagBadgeBgColorPreset = {
+  [TagBadgeVariant.Default]: 'bg-black-lighter',
+  [TagBadgeVariant.MonochromeLight]: 'bg-black-lighter',
+  [TagBadgeVariant.MonochromeDark]: 'bg-black-darker',
+  [TagBadgeVariant.Blue]: 'bgtxt-blue-lighter',
+  [TagBadgeVariant.Cobalt]: 'bgtxt-cobalt-lighter',
+  [TagBadgeVariant.Teal]: 'bgtxt-teal-lighter',
+  [TagBadgeVariant.Green]: 'bgtxt-green-lighter',
+  [TagBadgeVariant.Olive]: 'bgtxt-olive-lighter',
+  [TagBadgeVariant.Pink]: 'bgtxt-pink-lighter',
+  [TagBadgeVariant.Navy]: 'bgtxt-navy-lighter',
+  [TagBadgeVariant.Yellow]: 'bgtxt-yellow-lighter',
+  [TagBadgeVariant.Orange]: 'bgtxt-orange-lighter',
+  [TagBadgeVariant.Red]: 'bgtxt-red-lighter',
+  [TagBadgeVariant.Purple]: 'bgtxt-purple-lighter'
+};
+const BadgeColorPreset = {
+  [TagBadgeVariant.Default]: 'txt-black-darkest',
+  [TagBadgeVariant.MonochromeLight]: 'txt-black-dark',
+  [TagBadgeVariant.MonochromeDark]: 'bgtxt-absolute-white-dark',
+  [TagBadgeVariant.Blue]: 'bgtxt-blue-normal',
+  [TagBadgeVariant.Cobalt]: 'bgtxt-cobalt-normal',
+  [TagBadgeVariant.Teal]: 'bgtxt-teal-normal',
+  [TagBadgeVariant.Green]: 'bgtxt-green-normal',
+  [TagBadgeVariant.Olive]: 'bgtxt-olive-normal',
+  [TagBadgeVariant.Pink]: 'bgtxt-pink-normal',
+  [TagBadgeVariant.Navy]: 'bgtxt-navy-normal',
+  [TagBadgeVariant.Yellow]: 'bgtxt-yellow-normal',
+  [TagBadgeVariant.Orange]: 'bgtxt-orange-normal',
+  [TagBadgeVariant.Red]: 'bgtxt-red-normal',
+  [TagBadgeVariant.Purple]: 'bgtxt-purple-normal'
+};
+var TagBadgeVariant$1 = TagBadgeVariant;
+
+export { BadgeColorPreset, TagBadgeBgColorPreset, TagBadgeVariant$1 as default };
+//# sourceMappingURL=TagBadgeVariant.mjs.map

package/dist/esm/components/TagBadge/TagBadgeCommon/constants/TagBadgeVariant.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBadgeVariant.mjs","sources":["../../../../../../src/components/TagBadge/TagBadgeCommon/constants/TagBadgeVariant.ts"],"sourcesContent":["enum TagBadgeVariant {\n  Default = 'Default',\n  MonochromeLight = 'MonochromeLight',\n  MonochromeDark = 'MonochromeDark',\n  Blue = 'Blue',\n  Cobalt = 'Cobalt',\n  Teal = 'Teal',\n  Green = 'Green',\n  Olive = 'Olive',\n  Pink = 'Pink',\n  Navy = 'Navy',\n  Yellow = 'Yellow',\n  Orange = 'Orange',\n  Red = 'Red',\n  Purple = 'Purple',\n}\n\nexport const TagBadgeBgColorPreset = {\n  [TagBadgeVariant.Default]: 'bg-black-lighter',\n  [TagBadgeVariant.MonochromeLight]: 'bg-black-lighter',\n  [TagBadgeVariant.MonochromeDark]: 'bg-black-darker',\n  [TagBadgeVariant.Blue]: 'bgtxt-blue-lighter',\n  [TagBadgeVariant.Cobalt]: 'bgtxt-cobalt-lighter',\n  [TagBadgeVariant.Teal]: 'bgtxt-teal-lighter',\n  [TagBadgeVariant.Green]: 'bgtxt-green-lighter',\n  [TagBadgeVariant.Olive]: 'bgtxt-olive-lighter',\n  [TagBadgeVariant.Pink]: 'bgtxt-pink-lighter',\n  [TagBadgeVariant.Navy]: 'bgtxt-navy-lighter',\n  [TagBadgeVariant.Yellow]: 'bgtxt-yellow-lighter',\n  [TagBadgeVariant.Orange]: 'bgtxt-orange-lighter',\n  [TagBadgeVariant.Red]: 'bgtxt-red-lighter',\n  [TagBadgeVariant.Purple]: 'bgtxt-purple-lighter',\n} as const\n\nexport const BadgeColorPreset = {\n  [TagBadgeVariant.Default]: 'txt-black-darkest',\n  [TagBadgeVariant.MonochromeLight]: 'txt-black-dark',\n  [TagBadgeVariant.MonochromeDark]: 'bgtxt-absolute-white-dark',\n  [TagBadgeVariant.Blue]: 'bgtxt-blue-normal',\n  [TagBadgeVariant.Cobalt]: 'bgtxt-cobalt-normal',\n  [TagBadgeVariant.Teal]: 'bgtxt-teal-normal',\n  [TagBadgeVariant.Green]: 'bgtxt-green-normal',\n  [TagBadgeVariant.Olive]: 'bgtxt-olive-normal',\n  [TagBadgeVariant.Pink]: 'bgtxt-pink-normal',\n  [TagBadgeVariant.Navy]: 'bgtxt-navy-normal',\n  [TagBadgeVariant.Yellow]: 'bgtxt-yellow-normal',\n  [TagBadgeVariant.Orange]: 'bgtxt-orange-normal',\n  [TagBadgeVariant.Red]: 'bgtxt-red-normal',\n  [TagBadgeVariant.Purple]: 'bgtxt-purple-normal',\n} as const\n\nexport default TagBadgeVariant\n"],"names":["TagBadgeVariant","TagBadgeBgColorPreset","Default","MonochromeLight","MonochromeDark","Blue","Cobalt","Teal","Green","Olive","Pink","Navy","Yellow","Orange","Red","Purple","BadgeColorPreset"],"mappings":"AAAKA,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,iBAAA,CAAA,GAAA,iBAAA,CAAA;EAAfA,eAAe,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAAfA,eAAe,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAfA,eAAe,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAfA,eAAe,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAfA,eAAe,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAfA,eAAe,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAfA,eAAe,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAfA,eAAe,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAfA,eAAe,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAfA,eAAe,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAfA,eAAe,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAfA,eAAe,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAfA,eAAe,IAAA,EAAA,CAAA,CAAA;AAiBb,MAAMC,qBAAqB,GAAG;AACnC,EAAA,CAACD,eAAe,CAACE,OAAO,GAAG,kBAAkB;AAC7C,EAAA,CAACF,eAAe,CAACG,eAAe,GAAG,kBAAkB;AACrD,EAAA,CAACH,eAAe,CAACI,cAAc,GAAG,iBAAiB;AACnD,EAAA,CAACJ,eAAe,CAACK,IAAI,GAAG,oBAAoB;AAC5C,EAAA,CAACL,eAAe,CAACM,MAAM,GAAG,sBAAsB;AAChD,EAAA,CAACN,eAAe,CAACO,IAAI,GAAG,oBAAoB;AAC5C,EAAA,CAACP,eAAe,CAACQ,KAAK,GAAG,qBAAqB;AAC9C,EAAA,CAACR,eAAe,CAACS,KAAK,GAAG,qBAAqB;AAC9C,EAAA,CAACT,eAAe,CAACU,IAAI,GAAG,oBAAoB;AAC5C,EAAA,CAACV,eAAe,CAACW,IAAI,GAAG,oBAAoB;AAC5C,EAAA,CAACX,eAAe,CAACY,MAAM,GAAG,sBAAsB;AAChD,EAAA,CAACZ,eAAe,CAACa,MAAM,GAAG,sBAAsB;AAChD,EAAA,CAACb,eAAe,CAACc,GAAG,GAAG,mBAAmB;EAC1C,CAACd,eAAe,CAACe,MAAM,GAAG,sBAAA;AAC5B,EAAU;AAEH,MAAMC,gBAAgB,GAAG;AAC9B,EAAA,CAAChB,eAAe,CAACE,OAAO,GAAG,mBAAmB;AAC9C,EAAA,CAACF,eAAe,CAACG,eAAe,GAAG,gBAAgB;AACnD,EAAA,CAACH,eAAe,CAACI,cAAc,GAAG,2BAA2B;AAC7D,EAAA,CAACJ,eAAe,CAACK,IAAI,GAAG,mBAAmB;AAC3C,EAAA,CAACL,eAAe,CAACM,MAAM,GAAG,qBAAqB;AAC/C,EAAA,CAACN,eAAe,CAACO,IAAI,GAAG,mBAAmB;AAC3C,EAAA,CAACP,eAAe,CAACQ,KAAK,GAAG,oBAAoB;AAC7C,EAAA,CAACR,eAAe,CAACS,KAAK,GAAG,oBAAoB;AAC7C,EAAA,CAACT,eAAe,CAACU,IAAI,GAAG,mBAAmB;AAC3C,EAAA,CAACV,eAAe,CAACW,IAAI,GAAG,mBAAmB;AAC3C,EAAA,CAACX,eAAe,CAACY,MAAM,GAAG,qBAAqB;AAC/C,EAAA,CAACZ,eAAe,CAACa,MAAM,GAAG,qBAAqB;AAC/C,EAAA,CAACb,eAAe,CAACc,GAAG,GAAG,kBAAkB;EACzC,CAACd,eAAe,CAACe,MAAM,GAAG,qBAAA;AAC5B,EAAU;AAEV,wBAAef,eAAe;;;;"}

package/dist/esm/components/TagBadge/TagBadgeCommon/utils.mjs

@@ -0,0 +1,38 @@
+import TagBadgeSize from './constants/TagBadgeSize.mjs';
+import { TagBadgeBgColorPreset, BadgeColorPreset } from './constants/TagBadgeVariant.mjs';
+import { Rounding } from '../../../foundation/Rounding/index.mjs';
+import { Typography } from '../../../foundation/Typography.mjs';
+
+function getProperTagBadgePadding(size) {
+  return {
+    [TagBadgeSize.XS]: 2,
+    [TagBadgeSize.S]: 4,
+    [TagBadgeSize.M]: 4,
+    [TagBadgeSize.L]: 4
+  }[size];
+}
+function getProperTagBadgeRounding(size) {
+  return {
+    [TagBadgeSize.XS]: Rounding.round4,
+    [TagBadgeSize.S]: Rounding.round6,
+    [TagBadgeSize.M]: Rounding.round6,
+    [TagBadgeSize.L]: Rounding.round6
+  }[size];
+}
+function getProperTagBadgeTypo(size) {
+  return {
+    [TagBadgeSize.XS]: Typography.Size11,
+    [TagBadgeSize.S]: Typography.Size13,
+    [TagBadgeSize.M]: Typography.Size14,
+    [TagBadgeSize.L]: Typography.Size15
+  }[size];
+}
+function getProperTagBadgeBgColor(color) {
+  return TagBadgeBgColorPreset[color];
+}
+function getProperBadgeTextColor(color) {
+  return BadgeColorPreset[color];
+}
+
+export { getProperBadgeTextColor, getProperTagBadgeBgColor, getProperTagBadgePadding, getProperTagBadgeRounding, getProperTagBadgeTypo };
+//# sourceMappingURL=utils.mjs.map

package/dist/esm/components/TagBadge/TagBadgeCommon/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../src/components/TagBadge/TagBadgeCommon/utils.ts"],"sourcesContent":["import {\n  Rounding,\n  type SemanticNames,\n  Typography,\n} from '~/src/foundation'\n\nimport TagBadgeSize from './constants/TagBadgeSize'\nimport type TagBadgeVariant from './constants/TagBadgeVariant'\nimport {\n  BadgeColorPreset,\n  TagBadgeBgColorPreset,\n} from './constants/TagBadgeVariant'\n\nexport function getProperTagBadgePadding(size: TagBadgeSize) {\n  return {\n    [TagBadgeSize.XS]: 2,\n    [TagBadgeSize.S]: 4,\n    [TagBadgeSize.M]: 4,\n    [TagBadgeSize.L]: 4,\n  }[size]\n}\n\nexport function getProperTagBadgeRounding(size: TagBadgeSize) {\n  return {\n    [TagBadgeSize.XS]: Rounding.round4,\n    [TagBadgeSize.S]: Rounding.round6,\n    [TagBadgeSize.M]: Rounding.round6,\n    [TagBadgeSize.L]: Rounding.round6,\n  }[size]\n}\n\nexport function getProperTagBadgeTypo(size: TagBadgeSize) {\n  return {\n    [TagBadgeSize.XS]: Typography.Size11,\n    [TagBadgeSize.S]: Typography.Size13,\n    [TagBadgeSize.M]: Typography.Size14,\n    [TagBadgeSize.L]: Typography.Size15,\n  }[size]\n}\n\nexport function getProperTagBadgeBgColor(color: TagBadgeVariant): SemanticNames {\n  return TagBadgeBgColorPreset[color]\n}\n\nexport function getProperBadgeTextColor(color: TagBadgeVariant): SemanticNames {\n  return BadgeColorPreset[color]\n}\n"],"names":["getProperTagBadgePadding","size","TagBadgeSize","XS","S","M","L","getProperTagBadgeRounding","Rounding","round4","round6","getProperTagBadgeTypo","Typography","Size11","Size13","Size14","Size15","getProperTagBadgeBgColor","color","TagBadgeBgColorPreset","getProperBadgeTextColor","BadgeColorPreset"],"mappings":";;;;;AAaO,SAASA,wBAAwBA,CAACC,IAAkB,EAAE;EAC3D,OAAO;AACL,IAAA,CAACC,YAAY,CAACC,EAAE,GAAG,CAAC;AACpB,IAAA,CAACD,YAAY,CAACE,CAAC,GAAG,CAAC;AACnB,IAAA,CAACF,YAAY,CAACG,CAAC,GAAG,CAAC;IACnB,CAACH,YAAY,CAACI,CAAC,GAAG,CAAA;GACnB,CAACL,IAAI,CAAC,CAAA;AACT,CAAA;AAEO,SAASM,yBAAyBA,CAACN,IAAkB,EAAE;EAC5D,OAAO;AACL,IAAA,CAACC,YAAY,CAACC,EAAE,GAAGK,QAAQ,CAACC,MAAM;AAClC,IAAA,CAACP,YAAY,CAACE,CAAC,GAAGI,QAAQ,CAACE,MAAM;AACjC,IAAA,CAACR,YAAY,CAACG,CAAC,GAAGG,QAAQ,CAACE,MAAM;AACjC,IAAA,CAACR,YAAY,CAACI,CAAC,GAAGE,QAAQ,CAACE,MAAAA;GAC5B,CAACT,IAAI,CAAC,CAAA;AACT,CAAA;AAEO,SAASU,qBAAqBA,CAACV,IAAkB,EAAE;EACxD,OAAO;AACL,IAAA,CAACC,YAAY,CAACC,EAAE,GAAGS,UAAU,CAACC,MAAM;AACpC,IAAA,CAACX,YAAY,CAACE,CAAC,GAAGQ,UAAU,CAACE,MAAM;AACnC,IAAA,CAACZ,YAAY,CAACG,CAAC,GAAGO,UAAU,CAACG,MAAM;AACnC,IAAA,CAACb,YAAY,CAACI,CAAC,GAAGM,UAAU,CAACI,MAAAA;GAC9B,CAACf,IAAI,CAAC,CAAA;AACT,CAAA;AAEO,SAASgB,wBAAwBA,CAACC,KAAsB,EAAiB;EAC9E,OAAOC,qBAAqB,CAACD,KAAK,CAAC,CAAA;AACrC,CAAA;AAEO,SAASE,uBAAuBA,CAACF,KAAsB,EAAiB;EAC7E,OAAOG,gBAAgB,CAACH,KAAK,CAAC,CAAA;AAChC;;;;"}

package/dist/esm/components/Text/Text.mjs

@@ -0,0 +1,52 @@
+import React__default, { forwardRef } from 'react';
+import { noop } from '../../utils/functionUtils.mjs';
+import TextView from './Text.styled.mjs';
+import { Typography } from '../../foundation/Typography.mjs';
+
+const TEXT_TEST_ID = 'bezier-react-text';
+function Text({
+  as,
+  testId = TEXT_TEST_ID,
+  bold = false,
+  italic = false,
+  color,
+  typo = Typography.Size15,
+  truncated = false,
+  marginTop = 0,
+  marginRight = 0,
+  marginBottom = 0,
+  marginLeft = 0,
+  marginVertical = 0,
+  marginHorizontal = 0,
+  marginAll = 0,
+  style,
+  id,
+  className,
+  children,
+  onClick = noop,
+  /** To receive various HTMLElement attributes */
+  ...rest
+}, forwardedRef) {
+  return /*#__PURE__*/React__default.createElement(TextView, Object.assign({}, rest, {
+    as: as,
+    id: id,
+    style: style,
+    ref: forwardedRef,
+    className: className,
+    bold: bold,
+    italic: italic,
+    color: color,
+    typo: typo,
+    truncated: truncated,
+    "data-testid": testId,
+    margintop: marginTop || marginVertical || marginAll,
+    marginright: marginRight || marginHorizontal || marginAll,
+    marginbottom: marginBottom || marginVertical || marginAll,
+    marginleft: marginLeft || marginHorizontal || marginAll,
+    onClick: onClick
+  }), children);
+}
+var Text$1 = /*#__PURE__*/forwardRef(Text);
+
+export { TEXT_TEST_ID, Text$1 as default };
+//# sourceMappingURL=Text.mjs.map

package/dist/esm/components/Text/Text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { Typography } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type TextProps from './Text.types'\n\nimport TextView from './Text.styled'\n\nexport const TEXT_TEST_ID = 'bezier-react-text'\n\nfunction Text(\n  {\n    as,\n    testId = TEXT_TEST_ID,\n    bold = false,\n    italic = false,\n    color,\n    typo = Typography.Size15,\n    truncated = false,\n    marginTop = 0,\n    marginRight = 0,\n    marginBottom = 0,\n    marginLeft = 0,\n    marginVertical = 0,\n    marginHorizontal = 0,\n    marginAll = 0,\n    style,\n    id,\n    className,\n    children,\n    onClick = noop,\n    /** To receive various HTMLElement attributes */\n    ...rest\n  }: TextProps,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  return (\n    <TextView\n      {...rest}\n      as={as}\n      id={id}\n      style={style}\n      ref={forwardedRef}\n      className={className}\n      bold={bold}\n      italic={italic}\n      color={color}\n      typo={typo}\n      truncated={truncated}\n      data-testid={testId}\n      margintop={marginTop || marginVertical || marginAll}\n      marginright={marginRight || marginHorizontal || marginAll}\n      marginbottom={marginBottom || marginVertical || marginAll}\n      marginleft={marginLeft || marginHorizontal || marginAll}\n      onClick={onClick}\n    >\n      { children }\n    </TextView>\n  )\n}\n\nexport default forwardRef(Text)\n"],"names":["TEXT_TEST_ID","Text","as","testId","bold","italic","color","typo","Typography","Size15","truncated","marginTop","marginRight","marginBottom","marginLeft","marginVertical","marginHorizontal","marginAll","style","id","className","children","onClick","noop","rest","forwardedRef","React","createElement","TextView","Object","assign","ref","margintop","marginright","marginbottom","marginleft","forwardRef"],"mappings":";;;;;AAUO,MAAMA,YAAY,GAAG,oBAAmB;AAE/C,SAASC,IAAIA,CACX;EACEC,EAAE;AACFC,EAAAA,MAAM,GAAGH,YAAY;AACrBI,EAAAA,IAAI,GAAG,KAAK;AACZC,EAAAA,MAAM,GAAG,KAAK;EACdC,KAAK;EACLC,IAAI,GAAGC,UAAU,CAACC,MAAM;AACxBC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,SAAS,GAAG,CAAC;AACbC,EAAAA,WAAW,GAAG,CAAC;AACfC,EAAAA,YAAY,GAAG,CAAC;AAChBC,EAAAA,UAAU,GAAG,CAAC;AACdC,EAAAA,cAAc,GAAG,CAAC;AAClBC,EAAAA,gBAAgB,GAAG,CAAC;AACpBC,EAAAA,SAAS,GAAG,CAAC;EACbC,KAAK;EACLC,EAAE;EACFC,SAAS;EACTC,QAAQ;AACRC,EAAAA,OAAO,GAAGC,IAAI;AACd;EACA,GAAGC,IAAAA;AACM,CAAC,EACZC,YAAoC,EACpC;EACA,oBACEC,cAAA,CAAAC,aAAA,CAACC,QAAQ,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACHN,IAAI,EAAA;AACRtB,IAAAA,EAAE,EAAEA,EAAG;AACPiB,IAAAA,EAAE,EAAEA,EAAG;AACPD,IAAAA,KAAK,EAAEA,KAAM;AACba,IAAAA,GAAG,EAAEN,YAAa;AAClBL,IAAAA,SAAS,EAAEA,SAAU;AACrBhB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,SAAS,EAAEA,SAAU;AACrB,IAAA,aAAA,EAAaP,MAAO;AACpB6B,IAAAA,SAAS,EAAErB,SAAS,IAAII,cAAc,IAAIE,SAAU;AACpDgB,IAAAA,WAAW,EAAErB,WAAW,IAAII,gBAAgB,IAAIC,SAAU;AAC1DiB,IAAAA,YAAY,EAAErB,YAAY,IAAIE,cAAc,IAAIE,SAAU;AAC1DkB,IAAAA,UAAU,EAAErB,UAAU,IAAIE,gBAAgB,IAAIC,SAAU;AACxDK,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,CAAA,EAEfD,QACM,CAAC,CAAA;AAEf,CAAA;AAEA,aAAee,aAAAA,UAAU,CAACnC,IAAI,CAAC;;;;"}