@tipp/ui 2.1.15 → 2.1.17

package/dist/chunk-JF5DIL5W.mjs

@@ -0,0 +1,152 @@
+// src/charts/chart-theme.json
+var chart_theme_default = {
+  version: 1,
+  themeName: "customed",
+  theme: {
+    seriesCnt: "5",
+    backgroundColor: "rgba(0,0,0,0)",
+    titleColor: "#1c2024",
+    subtitleColor: "#8d8d8d",
+    textColorShow: false,
+    textColor: "#333",
+    markTextColor: "#ffffff",
+    color: [
+      "#ffe629",
+      "#3e63dd",
+      "#ec9455",
+      "#5bb98b",
+      "#cb1d63",
+      "#3ba272",
+      "#fc8452",
+      "#9a60b4",
+      "#ea7ccc"
+    ],
+    borderColor: "#8d8d8d",
+    borderWidth: 0,
+    visualMapColor: ["#bf444c", "#d88273", "#f6efa6"],
+    legendTextColor: "#1c2024",
+    kColor: "#eb5454",
+    kColor0: "#47b262",
+    kBorderColor: "#eb5454",
+    kBorderColor0: "#47b262",
+    kBorderWidth: 1,
+    lineWidth: 2,
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    symbolBorderWidth: 1,
+    lineSmooth: false,
+    graphLineWidth: 1,
+    graphLineColor: "#aaa",
+    mapLabelColor: "#000",
+    mapLabelColorE: "rgb(100,0,0)",
+    mapBorderColor: "#444",
+    mapBorderColorE: "#444",
+    mapBorderWidth: 0.5,
+    mapBorderWidthE: 1,
+    mapAreaColor: "#eee",
+    mapAreaColorE: "rgba(255,215,0,0.8)",
+    axes: [
+      {
+        type: "all",
+        name: "\u901A\u7528\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "category",
+        name: "\u7C7B\u76EE\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: false,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "value",
+        name: "\u6570\u503C\u5750\u6807\u8F74",
+        axisLineShow: false,
+        axisLineColor: "#6E7079",
+        axisTickShow: false,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "log",
+        name: "\u5BF9\u6570\u5750\u6807\u8F74",
+        axisLineShow: false,
+        axisLineColor: "#6E7079",
+        axisTickShow: false,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "time",
+        name: "\u65F6\u95F4\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: false,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      }
+    ],
+    axisSeperateSetting: true,
+    toolboxColor: "#8d8d8d",
+    toolboxEmphasisColor: "#1c2024",
+    tooltipAxisColor: "#cccccc",
+    tooltipAxisWidth: 1,
+    timelineLineColor: "#dae1f5",
+    timelineLineWidth: 2,
+    timelineItemColor: "#a4b1d7",
+    timelineItemColorE: "#ffffff",
+    timelineCheckColor: "#316bf3",
+    timelineCheckBorderColor: "#ffffff",
+    timelineItemBorderWidth: 1,
+    timelineControlColor: "#a4b1d7",
+    timelineControlBorderColor: "#a4b1d7",
+    timelineControlBorderWidth: 1,
+    timelineLabelColor: "#a4b1d7"
+  }
+};
+
+// src/charts/chart-default-props.tsx
+var EchartDefaultProps = {
+  opts: { renderer: "svg" },
+  theme: chart_theme_default,
+  option: {
+    textStyle: { fontFamily: "Noto Sans KR" },
+    tooltip: { textStyle: { fontSize: 16 } }
+  }
+};
+
+export {
+  EchartDefaultProps
+};
+//# sourceMappingURL=chunk-JF5DIL5W.mjs.map

package/dist/chunk-JF5DIL5W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/chart-theme.json","../src/charts/chart-default-props.tsx"],"sourcesContent":["{\n  \"version\": 1,\n  \"themeName\": \"customed\",\n  \"theme\": {\n    \"seriesCnt\": \"5\",\n    \"backgroundColor\": \"rgba(0,0,0,0)\",\n    \"titleColor\": \"#1c2024\",\n    \"subtitleColor\": \"#8d8d8d\",\n    \"textColorShow\": false,\n    \"textColor\": \"#333\",\n    \"markTextColor\": \"#ffffff\",\n    \"color\": [\n      \"#ffe629\",\n      \"#3e63dd\",\n      \"#ec9455\",\n      \"#5bb98b\",\n      \"#cb1d63\",\n      \"#3ba272\",\n      \"#fc8452\",\n      \"#9a60b4\",\n      \"#ea7ccc\"\n    ],\n    \"borderColor\": \"#8d8d8d\",\n    \"borderWidth\": 0,\n    \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n    \"legendTextColor\": \"#1c2024\",\n    \"kColor\": \"#eb5454\",\n    \"kColor0\": \"#47b262\",\n    \"kBorderColor\": \"#eb5454\",\n    \"kBorderColor0\": \"#47b262\",\n    \"kBorderWidth\": 1,\n    \"lineWidth\": 2,\n    \"symbolSize\": 4,\n    \"symbol\": \"emptyCircle\",\n    \"symbolBorderWidth\": 1,\n    \"lineSmooth\": false,\n    \"graphLineWidth\": 1,\n    \"graphLineColor\": \"#aaa\",\n    \"mapLabelColor\": \"#000\",\n    \"mapLabelColorE\": \"rgb(100,0,0)\",\n    \"mapBorderColor\": \"#444\",\n    \"mapBorderColorE\": \"#444\",\n    \"mapBorderWidth\": 0.5,\n    \"mapBorderWidthE\": 1,\n    \"mapAreaColor\": \"#eee\",\n    \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n    \"axes\": [\n      {\n        \"type\": \"all\",\n        \"name\": \"通用坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"category\",\n        \"name\": \"类目坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"value\",\n        \"name\": \"数值坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"log\",\n        \"name\": \"对数坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"time\",\n        \"name\": \"时间坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      }\n    ],\n    \"axisSeperateSetting\": true,\n    \"toolboxColor\": \"#8d8d8d\",\n    \"toolboxEmphasisColor\": \"#1c2024\",\n    \"tooltipAxisColor\": \"#cccccc\",\n    \"tooltipAxisWidth\": 1,\n    \"timelineLineColor\": \"#dae1f5\",\n    \"timelineLineWidth\": 2,\n    \"timelineItemColor\": \"#a4b1d7\",\n    \"timelineItemColorE\": \"#ffffff\",\n    \"timelineCheckColor\": \"#316bf3\",\n    \"timelineCheckBorderColor\": \"#ffffff\",\n    \"timelineItemBorderWidth\": 1,\n    \"timelineControlColor\": \"#a4b1d7\",\n    \"timelineControlBorderColor\": \"#a4b1d7\",\n    \"timelineControlBorderWidth\": 1,\n    \"timelineLabelColor\": \"#a4b1d7\"\n  }\n}\n","import chartTheme from './chart-theme.json';\n\nexport const EchartDefaultProps = {\n  opts: { renderer: 'svg' as const },\n  theme: chartTheme,\n  option: {\n    textStyle: { fontFamily: 'Noto Sans KR' },\n    tooltip: { textStyle: { fontSize: 16 } },\n  },\n} as const;\n"],"mappings":"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","names":[]}

package/dist/chunk-JJGFSS3A.mjs

@@ -0,0 +1,100 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __restKey = (key) => typeof key === "symbol" ? key : key + "";
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __commonJS = (cb, mod) => function __require2() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __require,
+  __restKey,
+  __objRest,
+  __commonJS,
+  __export,
+  __toESM,
+  __publicField,
+  __async
+};
+//# sourceMappingURL=chunk-JJGFSS3A.mjs.map

package/dist/chunk-JJGFSS3A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-JJQUOJQB.mjs

@@ -0,0 +1,101 @@
+import {
+  ClosePanelArrowIcon
+} from "./chunk-WLIUHVCG.mjs";
+import {
+  usePortalContainer
+} from "./chunk-WSTO5FDN.mjs";
+import {
+  Close,
+  Content,
+  Description,
+  Overlay,
+  Portal,
+  R,
+  Root,
+  Title,
+  Trigger,
+  o3 as o,
+  o4 as o2,
+  o5 as o3,
+  p3 as p
+} from "./chunk-VHGFYBT7.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/atoms/drawer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Root2(props) {
+  return /* @__PURE__ */ jsx(Root, __spreadValues({}, props));
+}
+var preventDefault = (e) => {
+  e.preventDefault();
+};
+function Content2(props) {
+  const _a = props, {
+    position = "right",
+    className,
+    children,
+    HeaderContent
+  } = _a, rest = __objRest(_a, [
+    "position",
+    "className",
+    "children",
+    "HeaderContent"
+  ]);
+  const mobileHeaderSize = 48;
+  const desktopHeaderSize = 64;
+  const separatorSize = 1;
+  const { drawerContainerRef } = usePortalContainer();
+  return /* @__PURE__ */ jsx(Portal, { container: drawerContainerRef.current, children: /* @__PURE__ */ jsxs(R, { children: [
+    /* @__PURE__ */ jsx(Overlay, { className: "DrawerOverlay" }),
+    /* @__PURE__ */ jsx(
+      Content,
+      __spreadProps(__spreadValues({
+        className: `DrawerContent ${position} ${className || ""}`,
+        onPointerDownOutside: preventDefault
+      }, rest), {
+        children: /* @__PURE__ */ jsxs(
+          o,
+          {
+            height: "100%",
+            overflow: "hidden",
+            rows: {
+              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,
+              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`
+            },
+            children: [
+              /* @__PURE__ */ jsxs(p, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
+                /* @__PURE__ */ jsx(Close, { asChild: true, children: /* @__PURE__ */ jsx(o2, { color: "gray", variant: "outline", children: /* @__PURE__ */ jsx(ClosePanelArrowIcon, {}) }) }),
+                HeaderContent
+              ] }),
+              /* @__PURE__ */ jsx(o3, { orientation: "horizontal", size: "4" }),
+              children
+            ]
+          }
+        )
+      })
+    )
+  ] }) });
+}
+function Trigger2(props) {
+  return /* @__PURE__ */ jsx(Trigger, __spreadValues({ asChild: true }, props));
+}
+var Drawer = {
+  Root,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close,
+  Title,
+  Description
+};
+
+export {
+  Root2 as Root,
+  Content2 as Content,
+  Trigger2 as Trigger,
+  Drawer
+};
+//# sourceMappingURL=chunk-JJQUOJQB.mjs.map

package/dist/chunk-JJQUOJQB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { Grid, Theme } from '@radix-ui/themes';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { ClosePanelArrowIcon } from '../icons/close-panel-arrow';\nimport { Flex } from './flex';\nimport { Separator } from './separator';\nimport { IconButton } from './icon-button';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n  return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n  /** Drawer가 붙는 위치, 기본값 right */\n  position?: 'left' | 'right' | 'bottom' | 'top';\n  HeaderContent?: React.ReactNode;\n};\n\nconst preventDefault: Dialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n  const {\n    position = 'right',\n    className,\n    children,\n    HeaderContent,\n    ...rest\n  } = props;\n\n  const mobileHeaderSize = 48;\n  const desktopHeaderSize = 64;\n  const separatorSize = 1;\n  const { drawerContainerRef } = usePortalContainer();\n\n  return (\n    <Dialog.Portal container={drawerContainerRef.current}>\n      <Theme>\n        <Dialog.Overlay className=\"DrawerOverlay\" />\n        <Dialog.Content\n          className={`DrawerContent ${position} ${className || ''}`}\n          onPointerDownOutside={preventDefault}\n          {...rest}\n        >\n          <Grid\n            height=\"100%\"\n            overflow=\"hidden\"\n            rows={{\n              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,\n              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`,\n            }}\n          >\n            <Flex align=\"center\" gap=\"3\" px={{ initial: '4', md: '6' }}>\n              <Dialog.Close asChild>\n                <IconButton color=\"gray\" variant=\"outline\">\n                  <ClosePanelArrowIcon />\n                </IconButton>\n              </Dialog.Close>\n              {HeaderContent}\n            </Flex>\n            <Separator orientation=\"horizontal\" size=\"4\" />\n            {children}\n          </Grid>\n        </Dialog.Content>\n      </Theme>\n    </Dialog.Portal>\n  );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n  return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n  Root: Dialog.Root,\n  Trigger,\n  Content,\n  Close: Dialog.Close,\n  Title: Dialog.Title,\n  Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUS,cA8CG,YA9CH;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,MAAP,mBAAgB,MAAO;AACjC;AAQA,IAAM,iBAAoE,CACxE,MACG;AACH,IAAE,eAAe;AACnB;AAEO,SAASC,SAAQ,OAAsC;AAC5D,QAMI,YALF;AAAA,eAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EA9BJ,IAgCM,IADC,iBACD,IADC;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,mBAAmB;AACzB,QAAM,oBAAoB;AAC1B,QAAM,gBAAgB;AACtB,QAAM,EAAE,mBAAmB,IAAI,mBAAmB;AAElD,SACE,oBAAQ,QAAP,EAAc,WAAW,mBAAmB,SAC3C,+BAAC,KACC;AAAA,wBAAQ,SAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,QACvD,sBAAsB;AAAA,SAClB,OAHL;AAAA,QAKC;AAAA,UAAC;AAAA;AAAA,YACC,QAAO;AAAA,YACP,UAAS;AAAA,YACT,MAAM;AAAA,cACJ,SAAS,GAAG,gBAAgB,MAAM,aAAa,kBAAkB,mBAAmB,aAAa;AAAA,cACjG,IAAI,GAAG,iBAAiB,MAAM,aAAa,kBAAkB,oBAAoB,aAAa;AAAA,YAChG;AAAA,YAEA;AAAA,mCAAC,KAAK,OAAM,UAAS,KAAI,KAAI,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI,GACvD;AAAA,oCAAQ,OAAP,EAAa,SAAO,MACnB,8BAACC,IAAA,EAAW,OAAM,QAAO,SAAQ,WAC/B,8BAAC,uBAAoB,GACvB,GACF;AAAA,gBACC;AAAA,iBACH;AAAA,cACA,oBAACA,IAAA,EAAU,aAAY,cAAa,MAAK,KAAI;AAAA,cAC5C;AAAA;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,SAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB;AAAA,EACA,SAAAA;AAAA,EACA,SAAAF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":["Root","Content","o","Trigger"]}

package/dist/chunk-JJSYVI64.mjs

@@ -0,0 +1,50 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/icons/end-call.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EndCallIcon = React.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        ref: forwardedRef,
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M8 6.66667C8.90629 6.66667 9.77647 6.83841 10.5856 7.15419C10.6552 7.18136 10.69 7.19494 10.7285 7.21836C10.865 7.30159 10.9727 7.47044 10.9981 7.64117C11.0053 7.68921 11.0053 7.73711 11.0053 7.83291C11.0053 8.1259 11.0053 8.27239 11.0285 8.39394C11.1159 8.8523 11.4382 9.2104 11.8507 9.30757C11.9601 9.33333 12.092 9.33333 12.3557 9.33333H12.5026C12.9035 9.33333 13.1039 9.33333 13.266 9.27424C13.5883 9.1567 13.841 8.87584 13.9468 8.51773C14 8.33766 14 8.11498 14 7.6696V7.53749C14 7.09364 14 6.87172 13.9405 6.63611C13.8745 6.37466 13.7013 6.04705 13.528 5.85561C13.3718 5.68309 13.2352 5.5984 12.9619 5.42901C11.4932 4.51871 9.80113 4 8 4C6.19887 4 4.50678 4.51871 3.03812 5.42901C2.76484 5.5984 2.6282 5.68309 2.472 5.85561C2.29868 6.04705 2.12553 6.37466 2.0595 6.63611C2 6.87172 2 7.09364 2 7.53749V7.6696C2 8.11498 2 8.33766 2.05319 8.51773C2.15897 8.87584 2.41174 9.1567 2.73404 9.27424C2.8961 9.33333 3.09652 9.33333 3.49736 9.33333L3.64434 9.33333C3.90803 9.33333 4.03987 9.33333 4.14926 9.30757C4.56179 9.2104 4.88408 8.8523 4.97153 8.39394C4.99472 8.27239 4.99472 8.1259 4.99472 7.83291C4.99472 7.73711 4.99472 7.68921 5.00187 7.64117C5.0273 7.47044 5.13499 7.30159 5.27154 7.21836C5.30996 7.19494 5.34476 7.18136 5.41436 7.15419C6.22353 6.83841 7.09371 6.66667 8 6.66667Z",
+              fill: color
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M2 12H14M8 6.66667C8.90629 6.66667 9.77647 6.83841 10.5856 7.15419C10.6552 7.18136 10.69 7.19494 10.7285 7.21836C10.865 7.30159 10.9727 7.47044 10.9981 7.64117C11.0053 7.68921 11.0053 7.73711 11.0053 7.83291C11.0053 8.1259 11.0053 8.27239 11.0285 8.39394C11.1159 8.8523 11.4382 9.2104 11.8507 9.30757C11.9601 9.33333 12.092 9.33333 12.3557 9.33333H12.5026C12.9035 9.33333 13.1039 9.33333 13.266 9.27424C13.5883 9.1567 13.841 8.87584 13.9468 8.51773C14 8.33766 14 8.11498 14 7.6696V7.53749C14 7.09364 14 6.87172 13.9405 6.63611C13.8745 6.37466 13.7013 6.04705 13.528 5.85561C13.3718 5.68309 13.2352 5.5984 12.9619 5.42901C11.4932 4.51871 9.80113 4 8 4C6.19887 4 4.50678 4.51871 3.03812 5.42901C2.76484 5.5984 2.6282 5.68309 2.472 5.85561C2.29868 6.04705 2.12553 6.37466 2.0595 6.63611C2 6.87172 2 7.09364 2 7.53749V7.6696C2 8.11498 2 8.33766 2.05319 8.51773C2.15897 8.87584 2.41174 9.1567 2.73404 9.27424C2.8961 9.33333 3.09652 9.33333 3.49736 9.33333L3.64434 9.33333C3.90803 9.33333 4.03987 9.33333 4.14926 9.30757C4.56179 9.2104 4.88408 8.8523 4.97153 8.39394C4.99472 8.27239 4.99472 8.1259 4.99472 7.83291C4.99472 7.73711 4.99472 7.68921 5.00187 7.64117C5.0273 7.47044 5.13499 7.30159 5.27154 7.21836C5.30996 7.19494 5.34476 7.18136 5.41436 7.15419C6.22353 6.83841 7.09371 6.66667 8 6.66667Z",
+              stroke: color,
+              strokeLinecap: "round",
+              strokeWidth: "1.5"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+EndCallIcon.displayName = "EndCallIcon";
+
+export {
+  EndCallIcon
+};
+//# sourceMappingURL=chunk-JJSYVI64.mjs.map

package/dist/chunk-JJSYVI64.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/end-call.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const EndCallIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        ref={forwardedRef}\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M8 6.66667C8.90629 6.66667 9.77647 6.83841 10.5856 7.15419C10.6552 7.18136 10.69 7.19494 10.7285 7.21836C10.865 7.30159 10.9727 7.47044 10.9981 7.64117C11.0053 7.68921 11.0053 7.73711 11.0053 7.83291C11.0053 8.1259 11.0053 8.27239 11.0285 8.39394C11.1159 8.8523 11.4382 9.2104 11.8507 9.30757C11.9601 9.33333 12.092 9.33333 12.3557 9.33333H12.5026C12.9035 9.33333 13.1039 9.33333 13.266 9.27424C13.5883 9.1567 13.841 8.87584 13.9468 8.51773C14 8.33766 14 8.11498 14 7.6696V7.53749C14 7.09364 14 6.87172 13.9405 6.63611C13.8745 6.37466 13.7013 6.04705 13.528 5.85561C13.3718 5.68309 13.2352 5.5984 12.9619 5.42901C11.4932 4.51871 9.80113 4 8 4C6.19887 4 4.50678 4.51871 3.03812 5.42901C2.76484 5.5984 2.6282 5.68309 2.472 5.85561C2.29868 6.04705 2.12553 6.37466 2.0595 6.63611C2 6.87172 2 7.09364 2 7.53749V7.6696C2 8.11498 2 8.33766 2.05319 8.51773C2.15897 8.87584 2.41174 9.1567 2.73404 9.27424C2.8961 9.33333 3.09652 9.33333 3.49736 9.33333L3.64434 9.33333C3.90803 9.33333 4.03987 9.33333 4.14926 9.30757C4.56179 9.2104 4.88408 8.8523 4.97153 8.39394C4.99472 8.27239 4.99472 8.1259 4.99472 7.83291C4.99472 7.73711 4.99472 7.68921 5.00187 7.64117C5.0273 7.47044 5.13499 7.30159 5.27154 7.21836C5.30996 7.19494 5.34476 7.18136 5.41436 7.15419C6.22353 6.83841 7.09371 6.66667 8 6.66667Z\"\n          fill={color}\n        />\n        <path\n          d=\"M2 12H14M8 6.66667C8.90629 6.66667 9.77647 6.83841 10.5856 7.15419C10.6552 7.18136 10.69 7.19494 10.7285 7.21836C10.865 7.30159 10.9727 7.47044 10.9981 7.64117C11.0053 7.68921 11.0053 7.73711 11.0053 7.83291C11.0053 8.1259 11.0053 8.27239 11.0285 8.39394C11.1159 8.8523 11.4382 9.2104 11.8507 9.30757C11.9601 9.33333 12.092 9.33333 12.3557 9.33333H12.5026C12.9035 9.33333 13.1039 9.33333 13.266 9.27424C13.5883 9.1567 13.841 8.87584 13.9468 8.51773C14 8.33766 14 8.11498 14 7.6696V7.53749C14 7.09364 14 6.87172 13.9405 6.63611C13.8745 6.37466 13.7013 6.04705 13.528 5.85561C13.3718 5.68309 13.2352 5.5984 12.9619 5.42901C11.4932 4.51871 9.80113 4 8 4C6.19887 4 4.50678 4.51871 3.03812 5.42901C2.76484 5.5984 2.6282 5.68309 2.472 5.85561C2.29868 6.04705 2.12553 6.37466 2.0595 6.63611C2 6.87172 2 7.09364 2 7.53749V7.6696C2 8.11498 2 8.33766 2.05319 8.51773C2.15897 8.87584 2.41174 9.1567 2.73404 9.27424C2.8961 9.33333 3.09652 9.33333 3.49736 9.33333L3.64434 9.33333C3.90803 9.33333 4.03987 9.33333 4.14926 9.30757C4.56179 9.2104 4.88408 8.8523 4.97153 8.39394C4.99472 8.27239 4.99472 8.1259 4.99472 7.83291C4.99472 7.73711 4.99472 7.68921 5.00187 7.64117C5.0273 7.47044 5.13499 7.30159 5.27154 7.21836C5.30996 7.19494 5.34476 7.18136 5.41436 7.15419C6.22353 6.83841 7.09371 6.66667 8 6.66667Z\"\n          stroke={color}\n          strokeLinecap=\"round\"\n          strokeWidth=\"1.5\"\n        />\n      </svg>\n    );\n  }\n);\n\nEndCallIcon.displayName = 'EndCallIcon';\n"],"mappings":";;;;;;;AAAA,YAAY,WAAW;AAMjB,SASE,KATF;AAHC,IAAM,cAAoB;AAAA,EAC/B,CAAC,IAAsC,iBAAiB;AAAvD,iBAAE,UAAQ,eAJb,IAIG,IAA6B,kBAA7B,IAA6B,CAA3B;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAK;AAAA,QACL,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,OAAM;AAAA,SACF,QAPL;AAAA,QASC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,GAAE;AAAA,cACF,MAAM;AAAA;AAAA,UACR;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,GAAE;AAAA,cACF,QAAQ;AAAA,cACR,eAAc;AAAA,cACd,aAAY;AAAA;AAAA,UACd;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;","names":[]}

package/dist/chunk-JL5JFSKT.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-JL5JFSKT.mjs.map

package/dist/chunk-JL5JFSKT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-JMOODPMS.mjs

@@ -0,0 +1,30 @@
+import {
+  Typo
+} from "./chunk-ZTHEF5KT.mjs";
+import {
+  p3 as p
+} from "./chunk-VHGFYBT7.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/atoms/bullet-text.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function BulletText(_a) {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(p, { gap: "1", ml: "2", children: [
+    /* @__PURE__ */ jsx(Typo, __spreadProps(__spreadValues({}, rest), { children: "\u2022" })),
+    /* @__PURE__ */ jsx(Typo, __spreadProps(__spreadValues({}, rest), { children }))
+  ] });
+}
+
+export {
+  BulletText
+};
+//# sourceMappingURL=chunk-JMOODPMS.mjs.map

package/dist/chunk-JMOODPMS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/bullet-text.tsx"],"sourcesContent":["import React from 'react';\nimport type { TypoProps } from './typo';\nimport { Typo } from './typo';\nimport { Flex } from './flex';\n\nexport type BulletTextProps = TypoProps;\n\nexport function BulletText({\n  children,\n  ...rest\n}: BulletTextProps): React.ReactNode {\n  return (\n    <Flex gap=\"1\" ml=\"2\">\n      <Typo {...rest}>•</Typo>\n      <Typo {...rest}>{children}</Typo>\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAYI,SACE,KADF;AALG,SAAS,WAAW,IAGU;AAHV,eACzB;AAAA;AAAA,EARF,IAO2B,IAEtB,iBAFsB,IAEtB;AAAA,IADH;AAAA;AAGA,SACE,qBAAC,KAAK,KAAI,KAAI,IAAG,KACf;AAAA,wBAAC,uCAAS,OAAT,EAAe,qBAAC;AAAA,IACjB,oBAAC,uCAAS,OAAT,EAAgB,WAAS;AAAA,KAC5B;AAEJ;","names":[]}

package/dist/chunk-KBXCCRGO.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-KBXCCRGO.mjs.map

package/dist/chunk-KBXCCRGO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-KO35IBIX.mjs

@@ -0,0 +1,110 @@
+import {
+  format
+} from "./chunk-IN56NWI3.mjs";
+import {
+  Button
+} from "./chunk-OE36IPU3.mjs";
+import {
+  CopyIcon
+} from "./chunk-LGMZSQPS.mjs";
+import {
+  data_list_exports
+} from "./chunk-VHGFYBT7.mjs";
+
+// src/app/platform/userInfos/utils.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var infoList = [
+  { label: "\uC774\uB984", getValue: (customer) => customer == null ? void 0 : customer.username },
+  { label: "\uC131\uBCC4", getValue: (customer) => customer == null ? void 0 : customer.gender },
+  {
+    label: "\uC0DD\uB144\uC6D4\uC77C",
+    getValue: (customer) => (customer == null ? void 0 : customer.birthdate) && format(customer.birthdate, "yyyy.MM.dd")
+  },
+  { label: "\uBD80\uC11C", getValue: (customer) => customer == null ? void 0 : customer.team },
+  { label: "\uC9C1\uCC45", getValue: (customer) => customer == null ? void 0 : customer.position },
+  { label: "\uC9C1\uAE09", getValue: (customer) => customer == null ? void 0 : customer.level },
+  { label: "\uC774\uBA54\uC77C", getValue: (customer) => customer == null ? void 0 : customer.email, copyable: true },
+  {
+    label: "\uC804\uD654\uBC88\uD638",
+    getValue: (customer) => customer == null ? void 0 : customer.phone,
+    render: (value) => {
+      return value == null ? void 0 : value.replace(/[^0-9]/g, "").replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`);
+    },
+    copyable: true
+  }
+];
+var sessionStatusChecker = (value, session) => {
+  if ((session == null ? void 0 : session.state) === "inProgress") {
+    return value;
+  }
+  return "-";
+};
+var sessionList = [
+  {
+    label: "\uC9C4\uD589\uC911\uC778 \uC138\uC158",
+    getValue: (session) => {
+      const { currentSession, totalSession } = session || {};
+      if (currentSession && totalSession && currentSession > totalSession) {
+        return "-";
+      }
+      return sessionStatusChecker(
+        `${currentSession || "-"}\uD68C\uCC28/${totalSession || "-"}\uD68C\uCC28`,
+        session
+      );
+    }
+  },
+  {
+    label: "\uB2E4\uC74C \uC138\uC158 \uC77C\uC2DC",
+    getValue: (session) => sessionStatusChecker(
+      (session == null ? void 0 : session.nextSessionDate) ? format(session.nextSessionDate, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84") : "-",
+      session
+    )
+  },
+  {
+    label: "\uB2E4\uC74C \uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD",
+    getValue: (session) => sessionStatusChecker((session == null ? void 0 : session.nextSessionType) || "-", session)
+  },
+  {
+    label: "\uCF54\uCE6D \uB9CC\uB8CC \uAE30\uD55C",
+    getValue: (session) => (session == null ? void 0 : session.expiredAt) ? format(session.expiredAt, "yyyy\uB144 MM\uC6D4 dd\uC77C") : "-"
+  }
+];
+var renderItem = (args) => {
+  const { info, data, onClickCopy } = args;
+  const value = info.getValue(data);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    info.render ? info.render(value) : value || "-",
+    info.copyable && value ? /* @__PURE__ */ jsx(CopyButton, { onClickCopy, value }) : null
+  ] });
+};
+var renderDataListItem = (args) => {
+  const { info, data, onClickCopy } = args;
+  return /* @__PURE__ */ jsxs(data_list_exports.Item, { children: [
+    /* @__PURE__ */ jsx(data_list_exports.Label, { children: info.label }),
+    /* @__PURE__ */ jsx(data_list_exports.Value, { children: renderItem({ info, data, onClickCopy }) })
+  ] }, info.label);
+};
+function CopyButton(props) {
+  const { value, onClickCopy } = props;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      color: "gray",
+      onClick: () => {
+        onClickCopy(value);
+      },
+      style: { marginLeft: "0", marginTop: "0" },
+      variant: "transparent",
+      children: /* @__PURE__ */ jsx(CopyIcon, {})
+    }
+  );
+}
+
+export {
+  infoList,
+  sessionList,
+  renderItem,
+  renderDataListItem,
+  CopyButton
+};
+//# sourceMappingURL=chunk-KO35IBIX.mjs.map

package/dist/chunk-KO35IBIX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/platform/userInfos/utils.tsx"],"sourcesContent":["import type { ProjectStatus } from '@tipp/biz-utils';\nimport { format } from 'date-fns';\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { Button, DataList } from '../../../atoms';\n\nexport interface CoachingCustomerInfoProps {\n  customer?: Customer;\n  session?: Session;\n  children?: React.ReactNode;\n  badge?: React.ReactNode;\n  onClickCopy: (value: string) => void;\n}\n\nexport interface Customer {\n  username?: string;\n  email?: string;\n  gender?: string;\n  birthdate?: Date;\n  phone?: string;\n  company?: string;\n  team?: string;\n  position?: string;\n  level: string;\n}\n\nexport interface Session {\n  state?: ProjectStatus;\n  totalSession?: number;\n  currentSession?: number;\n  nextSessionDate?: Date;\n  nextSessionType?: string;\n  expiredAt?: Date;\n}\n\nexport interface DataListItems<T> {\n  label: string;\n  getValue: (original?: T) => string | undefined;\n  copyable?: boolean;\n  render?: (value?: string) => React.ReactNode;\n}\n\nexport const infoList: DataListItems<Customer>[] = [\n  { label: '이름', getValue: (customer) => customer?.username },\n  { label: '성별', getValue: (customer) => customer?.gender },\n  {\n    label: '생년월일',\n    getValue: (customer) =>\n      customer?.birthdate && format(customer.birthdate, 'yyyy.MM.dd'),\n  },\n  { label: '부서', getValue: (customer) => customer?.team },\n  { label: '직책', getValue: (customer) => customer?.position },\n  { label: '직급', getValue: (customer) => customer?.level },\n  { label: '이메일', getValue: (customer) => customer?.email, copyable: true },\n  {\n    label: '전화번호',\n    getValue: (customer) => customer?.phone,\n    render: (value) => {\n      // 핸드폰 전화번호 형식으로 변환\n      return (\n        value\n          ?.replace(/[^0-9]/g, '')\n          // eslint-disable-next-line prefer-named-capture-group -- target es 변경하기 전이라서 이대로 둠\n          .replace(/^(\\d{2,3})(\\d{3,4})(\\d{4})$/, `$1-$2-$3`)\n      );\n    },\n    copyable: true,\n  },\n];\n\nconst sessionStatusChecker = <T,>(value: T, session?: Session): T | string => {\n  if (session?.state === 'inProgress') {\n    return value;\n  }\n  return '-';\n};\n\nexport const sessionList: DataListItems<Session>[] = [\n  {\n    label: '진행중인 세션',\n    getValue: (session) => {\n      const { currentSession, totalSession } = session || {};\n      if (currentSession && totalSession && currentSession > totalSession) {\n        return '-';\n      }\n\n      return sessionStatusChecker(\n        `${currentSession || '-'}회차/${totalSession || '-'}회차`,\n        session\n      );\n    },\n  },\n  {\n    label: '다음 세션 일시',\n    getValue: (session) =>\n      sessionStatusChecker(\n        session?.nextSessionDate\n          ? format(session.nextSessionDate, 'yyyy년 MM월 dd일 HH시 mm분')\n          : '-',\n        session\n      ),\n  },\n  {\n    label: '다음 세션 참여 방식',\n    getValue: (session) =>\n      sessionStatusChecker(session?.nextSessionType || '-', session),\n  },\n  {\n    label: '코칭 만료 기한',\n    getValue: (session) =>\n      session?.expiredAt ? format(session.expiredAt, 'yyyy년 MM월 dd일') : '-',\n  },\n];\n\nexport const renderItem = <T extends object>(args: {\n  info: DataListItems<T>;\n  data?: T;\n  onClickCopy: (value: string) => void;\n}): React.ReactNode => {\n  const { info, data, onClickCopy } = args;\n  const value = info.getValue(data);\n  return (\n    <>\n      {info.render ? info.render(value) : value || '-'}\n      {info.copyable && value ? (\n        <CopyButton onClickCopy={onClickCopy} value={value} />\n      ) : null}\n    </>\n  );\n};\n\nexport const renderDataListItem = <T extends object>(args: {\n  info: DataListItems<T>;\n  data?: T;\n  onClickCopy: (value: string) => void;\n}): React.ReactNode => {\n  const { info, data, onClickCopy } = args;\n  return (\n    <DataList.Item key={info.label}>\n      <DataList.Label>{info.label}</DataList.Label>\n      <DataList.Value>{renderItem({ info, data, onClickCopy })}</DataList.Value>\n    </DataList.Item>\n  );\n};\n\nexport function CopyButton(props: {\n  value: string;\n  onClickCopy: (value: string) => void;\n}): React.ReactNode {\n  const { value, onClickCopy } = props;\n  return (\n    <Button\n      color=\"gray\"\n      onClick={() => {\n        onClickCopy(value);\n      }}\n      style={{ marginLeft: '0', marginTop: '0' }}\n      variant=\"transparent\"\n    >\n      <CopyIcon />\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}