@tipp/ui 1.0.10 → 1.0.12

package/dist/chart/chart.js

@@ -1,179 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "../chunk-N552FDTV.js";
-
-// src/chart/chart.tsx
-import { useMemo } from "react";
-import { useResizeDetector } from "react-resize-detector";
-import ReactECharts from "echarts-for-react";
-import { merge } from "lodash-es";
-
-// src/chart/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/chart/chart.tsx
-import { jsx } from "react/jsx-runtime";
-function Chart(props) {
-  const { width, height, ref } = useResizeDetector({
-    handleHeight: false,
-    refreshMode: "debounce",
-    refreshRate: 100
-  });
-  const option = useMemo(() => {
-    const baseOption = {
-      textStyle: { fontFamily: "Noto Sans KR" },
-      tooltip: { textStyle: { fontSize: 16 } }
-    };
-    return merge(baseOption, props.option);
-  }, [props.option]);
-  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(
-    ReactECharts,
-    __spreadProps(__spreadValues({
-      style: { width, height },
-      theme: chart_theme_default
-    }, props), {
-      option
-    })
-  ) });
-}
-export {
-  Chart,
-  chart_theme_default as chartTheme
-};
-//# sourceMappingURL=chart.js.map

package/dist/chart/chart.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport type { EChartOption } from 'echarts';\nimport { merge } from 'lodash-es';\nimport chartTheme from './chart-theme.json';\n\nexport { chartTheme };\n\nexport type ChartProps = Omit<\n  React.ComponentProps<typeof ReactECharts>,\n  'option'\n> & {\n  option: EChartOption;\n};\n\nexport function Chart(props: ChartProps): JSX.Element {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: false,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n\n  const option = useMemo(() => {\n    const baseOption: EChartOption = {\n      textStyle: { fontFamily: 'Noto Sans KR' },\n      tooltip: { textStyle: { fontSize: 16 } },\n    };\n    return merge(baseOption, props.option);\n  }, [props.option]);\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <ReactECharts\n        style={{ width, height }}\n        theme={chartTheme}\n        {...props}\n        option={option}\n      />\n    </div>\n  );\n}\n","{\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"],"mappings":"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","names":[]}

package/dist/charts/vertical-bar-chart.cjs

@@ -1,48 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/charts/vertical-bar-chart.tsx
-var vertical_bar_chart_exports = {};
-__export(vertical_bar_chart_exports, {
-  VerticalBarChart: () => VerticalBarChart
-});
-module.exports = __toCommonJS(vertical_bar_chart_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-function VerticalBarChart(props) {
-  const { total, value, backgroundColor, barColor, height } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: "tipp_vertical-bar-chart bar-wrapper",
-      style: { height, backgroundColor },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: `${Math.round(value / total * 100)}%`, height }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: "tipp_vertical-bar-chart bar",
-          style: { backgroundColor: barColor }
-        }
-      ) })
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  VerticalBarChart
-});
-//# sourceMappingURL=vertical-bar-chart.cjs.map

package/dist/charts/vertical-bar-chart.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/charts/vertical-bar-chart.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface VerticalBarChartProps {\n  /** 100% 바가 뜻하는 전체 값 */\n  total: number;\n  /** 화면에 채워져보이는 값 */\n  value: number;\n  /** 배경 색상 */\n  backgroundColor?: string;\n  /** 바의 색상 */\n  barColor?: string;\n  /** 바의 높이 */\n  height?: number;\n}\n\nexport function VerticalBarChart(\n  props: VerticalBarChartProps\n): React.ReactNode {\n  const { total, value, backgroundColor, barColor, height } = props;\n  return (\n    <div\n      className=\"tipp_vertical-bar-chart bar-wrapper\"\n      style={{ height, backgroundColor }}\n    >\n      <div style={{ width: `${Math.round((value / total) * 100)}%`, height }}>\n        <div\n          className=\"tipp_vertical-bar-chart bar\"\n          style={{ backgroundColor: barColor }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBQ;AAVD,SAAS,iBACd,OACiB;AACjB,QAAM,EAAE,OAAO,OAAO,iBAAiB,UAAU,OAAO,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAEjC,sDAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAO,QAAQ,QAAS,GAAG,CAAC,KAAK,OAAO,GACnE;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,iBAAiB,SAAS;AAAA;AAAA,MACrC,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/charts/vertical-bar-chart.d.cts

@@ -1,17 +0,0 @@
-import React__default from 'react';
-
-interface VerticalBarChartProps {
-    /** 100% 바가 뜻하는 전체 값 */
-    total: number;
-    /** 화면에 채워져보이는 값 */
-    value: number;
-    /** 배경 색상 */
-    backgroundColor?: string;
-    /** 바의 색상 */
-    barColor?: string;
-    /** 바의 높이 */
-    height?: number;
-}
-declare function VerticalBarChart(props: VerticalBarChartProps): React__default.ReactNode;
-
-export { VerticalBarChart, type VerticalBarChartProps };

package/dist/charts/vertical-bar-chart.d.ts

@@ -1,17 +0,0 @@
-import React__default from 'react';
-
-interface VerticalBarChartProps {
-    /** 100% 바가 뜻하는 전체 값 */
-    total: number;
-    /** 화면에 채워져보이는 값 */
-    value: number;
-    /** 배경 색상 */
-    backgroundColor?: string;
-    /** 바의 색상 */
-    barColor?: string;
-    /** 바의 높이 */
-    height?: number;
-}
-declare function VerticalBarChart(props: VerticalBarChartProps): React__default.ReactNode;
-
-export { VerticalBarChart, type VerticalBarChartProps };

package/dist/charts/vertical-bar-chart.js

@@ -1,8 +0,0 @@
-import {
-  VerticalBarChart
-} from "../chunk-7QVMAHXH.js";
-import "../chunk-N552FDTV.js";
-export {
-  VerticalBarChart
-};
-//# sourceMappingURL=vertical-bar-chart.js.map

package/dist/chunk-2A2IJOVV.js

@@ -1,60 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function EllipsisTooltip(props) {
-  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-    var _a2, _b;
-    const mouseOver = () => {
-      if (ref.current && children) {
-        const typo = ref.current;
-        console.log(typo.innerText, typo.textContent);
-        if (typo.innerText !== typo.textContent) {
-          setTooltipDisplay("block");
-        }
-      }
-    };
-    const mouseOut = () => {
-      setTooltipDisplay("none");
-    };
-    (_a2 = ref.current) == null ? void 0 : _a2.addEventListener("mouseenter", mouseOver);
-    (_b = ref.current) == null ? void 0 : _b.addEventListener("mouseleave", mouseOut);
-  }, [children]);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        WebkitLineClamp: lineClamp,
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        wordBreak: "break-word"
-      }, style),
-      children
-    })
-  ) });
-}
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-2A2IJOVV.js.map

package/dist/chunk-2A2IJOVV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(props: EllipsisTooltipProps): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    const mouseOver = ():void=>{\n      if (ref.current && children) {\n        const typo = ref.current;\n        console.log(typo.innerText, typo.textContent);\n        if (typo.innerText !== typo.textContent) {\n          setTooltipDisplay('block');\n        }\n      }\n    }\n\n    const mouseOut = ():void=>{\n      setTooltipDisplay('none');\n    }\n\n   ref.current?.addEventListener('mouseenter',mouseOver);\n   ref.current?.addEventListener('mouseleave',mouseOut);\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display:'-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAsC7C;AA7BC,SAAS,gBAAgB,OAA8C;AAC5E,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAVvC,IAUsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAjBlB,QAAAA,KAAA;AAkBI,UAAM,YAAY,MAAS;AACzB,UAAI,IAAI,WAAW,UAAU;AAC3B,cAAM,OAAO,IAAI;AACjB,gBAAQ,IAAI,KAAK,WAAW,KAAK,WAAW;AAC5C,YAAI,KAAK,cAAc,KAAK,aAAa;AACvC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAEA,UAAM,WAAW,MAAS;AACxB,wBAAkB,MAAM;AAAA,IAC1B;AAED,KAAAA,MAAA,IAAI,YAAJ,gBAAAA,IAAa,iBAAiB,cAAa;AAC3C,cAAI,YAAJ,mBAAa,iBAAiB,cAAa;AAAA,EAC5C,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["_a"]}

package/dist/chunk-2JZ3UQAX.js

@@ -1,48 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var EllipsisTooltip = forwardRef((props, maybeRef) => {
-  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const typoRef = maybeRef || ref;
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-  }, []);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref: typoRef,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        display: "-webkit-box",
-        WebkitLineClamp: lineClamp,
-        wordBreak: "break-word",
-        lineHeight: "1.5",
-        height: "calc(1.5 * 1em * 2)"
-      }, style),
-      children
-    })
-  ) });
-});
-EllipsisTooltip.displayName = "EllipsisTooltip";
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-2JZ3UQAX.js.map

package/dist/chunk-2JZ3UQAX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n  HTMLSpanElement,\n  EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n  const typoRef = maybeRef || ref;\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    // if (maybeRef) {\n    //   const typo = typoRef;\n    //   if (typo.scrollWidth > typo.clientWidth) {\n    //     setTooltipDisplay('block');\n    //   } else {\n    //     setTooltipDisplay('none');\n    //   }\n    // }\n  }, []);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={typoRef}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          display:'-webkit-box',\n          \n          WebkitLineClamp: lineClamp,\n          wordBreak: 'break-word',\n\n          lineHeight: '1.5',\n          height: 'calc(1.5 * 1em * 2)',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AAgCzD;AAxBC,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAAA,EAShB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,SAAQ;AAAA,QAER,iBAAiB;AAAA,QACjB,WAAW;AAAA,QAEX,YAAY;AAAA,QACZ,QAAQ;AAAA,SACL;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}

package/dist/chunk-2KZSNTY7.js

@@ -1,23 +0,0 @@
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/atoms/field-error-wrapper.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function FieldErrorWrapper({
-  children,
-  error
-}) {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
-    children,
-    error ? /* @__PURE__ */ jsx(Typo, { color: "red", children: error }) : null
-  ] });
-}
-
-export {
-  FieldErrorWrapper
-};
-//# sourceMappingURL=chunk-2KZSNTY7.js.map

package/dist/chunk-2KZSNTY7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/field-error-wrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from './flex';\nimport { Typo } from './typo';\n\nexport interface FieldErrorWrapperProps {\n  children?: React.ReactNode;\n  error?: React.ReactNode;\n}\n\nexport function FieldErrorWrapper({\n  children,\n  error,\n}: FieldErrorWrapperProps): JSX.Element {\n  return (\n    <Flex direction=\"column\" gap=\"1\">\n      {children}\n      {error ? <Typo color=\"red\">{error}</Typo> : null}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;AAcI,SAEW,KAFX;AALG,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAwC;AACtC,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B;AAAA;AAAA,IACA,QAAQ,oBAAC,QAAK,OAAM,OAAO,iBAAM,IAAU;AAAA,KAC9C;AAEJ;","names":[]}

package/dist/chunk-2QZV2WKV.js

@@ -1,42 +0,0 @@
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/molecules/navigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navigation({
-  items,
-  fontColor
-}) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "column",
-      gap: "4",
-      style: {
-        color: fontColor || "var(--white-a12)",
-        backgroundColor: "var(--black-a12)"
-      },
-      children: items == null ? void 0 : items.map((item) => {
-        const { key, title, icon, itemRender, onClick, children } = item;
-        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
-          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { gap: "3", pl: "4", pr: "4", children: [
-            icon,
-            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
-          ] }),
-          children == null ? void 0 : children.map((el) => {
-            return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(Flex, { pl: "7", children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title }) }, el.key);
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-2QZV2WKV.js.map

package/dist/chunk-2QZV2WKV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n  fontColor?: string;\n}\n\nexport function Navigation({\n  items,\n  fontColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      style={{\n        color: fontColor || 'var(--white-a12)',\n        backgroundColor: 'var(--black-a12)',\n      }}\n    >\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex gap=\"3\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Flex key={el.key} pl=\"7\">\n                  <Typo variant=\"subtitle\">{el.title}</Typo>\n                </Flex>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;AAqCc,SAEE,KAFF;AApBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB;AAAA,MACnB;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,KAAI,KAAI,IAAG,KAAI,IAAG,KACrB;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB,oBAAC,QAAkB,IAAG,KACpB,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM,KAD1B,GAAG,GAEd;AAAA,UAEJ;AAAA,aAjB4B,GAkB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-2RMZJS2O.js

@@ -1,59 +0,0 @@
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-RET725VL.js";
-
-// src/molecules/navigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navigation({
-  items,
-  fontColor,
-  backgroundColor
-}) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "column",
-      gap: "4",
-      style: {
-        color: fontColor || "var(--white-a12)",
-        backgroundColor: backgroundColor || "var(--black-a12)"
-      },
-      children: items == null ? void 0 : items.map((item) => {
-        const { key, title, icon, itemRender, onClick, children } = item;
-        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
-          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
-            icon,
-            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
-          ] }),
-          children == null ? void 0 : children.map((el) => {
-            return el.itemRender ? el.itemRender(el) : (
-              // <Flex
-              //   align="center"
-              //   height="32px"
-              //   key={el.key}
-              //   ml="6"
-              //   onClick={onClick}
-              //   pl="2"
-              //   pr="2"
-              // >
-              //   <Typo variant="subtitle">{el.title}</Typo>
-              // </Flex>
-              /* @__PURE__ */ jsx(Button, { size: "large", children: el.title })
-            );
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-2RMZJS2O.js.map

package/dist/chunk-2RMZJS2O.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n  fontColor?: string;\n  backgroundColor?: string;\n}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      style={{\n        color: fontColor || 'var(--white-a12)',\n        backgroundColor: backgroundColor || 'var(--black-a12)',\n      }}\n    >\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                // <Flex\n                //   align=\"center\"\n                //   height=\"32px\"\n                //   key={el.key}\n                //   ml=\"6\"\n                //   onClick={onClick}\n                //   pl=\"2\"\n                //   pr=\"2\"\n                // >\n                //   <Typo variant=\"subtitle\">{el.title}</Typo>\n                // </Flex>\n                <Button size=\"large\">{el.title}</Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAahB,oBAAC,UAAO,MAAK,SAAS,aAAG,OAAM;AAAA;AAAA,UAEnC;AAAA,aA1B4B,GA2B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-2TGD62PR.js

@@ -1,59 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function EllipsisTooltip(props) {
-  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-    var _a2, _b;
-    const mouseOver = () => {
-      if (ref.current && children) {
-        const typo = ref.current;
-        if (typo.clientHeight < typo.scrollHeight) {
-          setTooltipDisplay("block");
-        }
-      }
-    };
-    const mouseOut = () => {
-      setTooltipDisplay("none");
-    };
-    (_a2 = ref.current) == null ? void 0 : _a2.addEventListener("mouseenter", mouseOver);
-    (_b = ref.current) == null ? void 0 : _b.addEventListener("mouseleave", mouseOut);
-  }, [children]);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        WebkitLineClamp: lineClamp,
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        wordBreak: "break-word"
-      }, style),
-      children
-    })
-  ) });
-}
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-2TGD62PR.js.map

package/dist/chunk-2TGD62PR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(props: EllipsisTooltipProps): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    const mouseOver = ():void=>{\n      if (ref.current && children) {\n        const typo = ref.current;\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      }\n    }\n\n    const mouseOut = ():void=>{\n      setTooltipDisplay('none');\n    }\n\n   ref.current?.addEventListener('mouseenter',mouseOver);\n   ref.current?.addEventListener('mouseleave',mouseOut);\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display:'-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAqC7C;AA5BC,SAAS,gBAAgB,OAA8C;AAC5E,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAVvC,IAUsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAjBlB,QAAAA,KAAA;AAkBI,UAAM,YAAY,MAAS;AACzB,UAAI,IAAI,WAAW,UAAU;AAC3B,cAAM,OAAO,IAAI;AACjB,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAEA,UAAM,WAAW,MAAS;AACxB,wBAAkB,MAAM;AAAA,IAC1B;AAED,KAAAA,MAAA,IAAI,YAAJ,gBAAAA,IAAa,iBAAiB,cAAa;AAC3C,cAAI,YAAJ,mBAAa,iBAAiB,cAAa;AAAA,EAC5C,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["_a"]}