@pfct/purple 1.5.0-npm-next.6 → 1.5.0-npm-next.8

package/dist/components/ToastMessage/BaseToastMessage/index.styled.es.js

@@ -1,81 +0,0 @@
-import "@emotion/react";
-import "@emotion/styled";
-import "../../../constants/style.constants.es.js";
-import "../../../core/Colors/index.es.js";
-import "../../../core/TextStyles/index.es.js";
-import "../../../utils/media.util.es.js";
-import "../../../utils/GenerateColorStyle/mini-button.es.js";
-import "../../../utils/GenerateColorStyle/datepicker.es.js";
-import "react/jsx-runtime";
-import { a2 as wo, a1 as yo } from "../../../chunks/index.styled.B9NKU_3J.js";
-import "../../ui/typography.es.js";
-import "../../Accordion/index.es.js";
-import "../../Badge/IconBadge/index.styled.es.js";
-import "../../Badge/TextBadge/index.styled.es.js";
-import "react";
-import "../../Loading/Skeleton/index.es.js";
-import "../../Loading/Spinner/index.styled.es.js";
-import "../../Card/index.styled.es.js";
-import "../../Comment/index.es.js";
-import "../../Control/CheckBox/index.styled.es.js";
-import "../../Control/CheckMark/index.styled.es.js";
-import "../../Control/Switch/index.styled.es.js";
-import "../../DatePicker/BaseDatePicker/index.styled.es.js";
-import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
-import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Check.es.js";
-import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
-import "../../../icons/src/icons/Filter.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
-import "../../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../../icons/src/icons/Information.es.js";
-import "../../../icons/src/icons/More.es.js";
-import "../../../icons/src/icons/Plus.es.js";
-import "../../../icons/src/icons/Menu.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
-import "../../../icons/src/icons/Question_circle.es.js";
-import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
-import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/Store.es.js";
-import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Search.es.js";
-import "../../../library/IconWithImage/index.styled.es.js";
-import "../../../library/List/BottomSheetItemList/index.styled.es.js";
-import "lottie-web";
-import "../../../library/Lottie/index.styled.es.js";
-import "../../../library/Spacing/index.styled.es.js";
-import "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
-import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
-import "../../../types/date.es.js";
-import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
-import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
-import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
-import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
-import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
-import "../../Divider/index.styled.es.js";
-import "../../../chunks/index.styled.DmJ27_dc.js";
-import "../../Input/BaseInput/index.es.js";
-import "../../Input/PostfixInput/index.es.js";
-import "../../Input/ResidentNumberInput/index.styled.es.js";
-import "../../Input/TextField/index.es.js";
-import "../../Navigation/index.styled.es.js";
-import "../../Navigation/BaseNavigation/index.styled.es.js";
-import "../../Navigation/constant.es.js";
-import "../../Segment/BaseSegment/index.styled.es.js";
-import "../../Segment/ExtendSegment/index.styled.es.js";
-import "../Toast/index.styled.es.js";
-import "../../Tooltip/TooltipBase/index.styled.es.js";
-import "../../ui/bottomSheet.es.js";
-export {
-  wo as Content,
-  yo as Toast
-};

package/dist/components/ToastMessage/Toast/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),x=require("../../MiniButton/BoxMiniButton/index.cjs.js"),M=require("../BaseToastMessage/index.cjs.js"),r=require("./index.styled.cjs.js"),T=({milliSeconds:i=2e3,children:t,icon:o,onClick:s,hasButton:n,buttonText:c,...u})=>{const d=n?5e3:i,l=p.useCallback(a=>{a.preventDefault(),a.stopPropagation(),s==null||s()},[s]);return e.jsx(M.BaseToastMessage,{milliSeconds:d,...u,children:e.jsxs(r.ContentWrapper,{children:[o?e.jsxs(r.IconWrapper,{children:[o," ",e.jsx("div",{children:t})]}):e.jsx("div",{children:t}),n&&e.jsx(x.BoxMiniButton,{colorType:"gray",onClick:l,children:c})]})})};exports.Toast=T;

package/dist/components/ToastMessage/Toast/index.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-import { BaseToastMessageProps } from '../BaseToastMessage';
-import { PropsWithChildren } from '../../../types/react';
-type IconToastProps = {
-    icon?: React.ReactNode;
-    hasButton?: boolean;
-    onClick?: () => void;
-    buttonText?: string;
-};
-type ToastMessageProps = PropsWithChildren<BaseToastMessageProps & IconToastProps>;
-declare const Toast: React.FC<ToastMessageProps>;
-export type { ToastMessageProps };
-export { Toast };

package/dist/components/ToastMessage/Toast/index.es.js

@@ -1,32 +0,0 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { useCallback as c } from "react";
-import { BoxMiniButton as f } from "../../MiniButton/BoxMiniButton/index.es.js";
-import { BaseToastMessage as g } from "../BaseToastMessage/index.es.js";
-import { ContentWrapper as u, IconWrapper as x } from "./index.styled.es.js";
-const j = ({
-  milliSeconds: i = 2e3,
-  children: t,
-  icon: e,
-  onClick: o,
-  hasButton: s,
-  buttonText: n,
-  ...m
-}) => {
-  const d = s ? 5e3 : i, l = c(
-    (a) => {
-      a.preventDefault(), a.stopPropagation(), o == null || o();
-    },
-    [o]
-  );
-  return /* @__PURE__ */ r(g, { milliSeconds: d, ...m, children: /* @__PURE__ */ p(u, { children: [
-    e ? /* @__PURE__ */ p(x, { children: [
-      e,
-      " ",
-      /* @__PURE__ */ r("div", { children: t })
-    ] }) : /* @__PURE__ */ r("div", { children: t }),
-    s && /* @__PURE__ */ r(f, { colorType: "gray", onClick: l, children: n })
-  ] }) });
-};
-export {
-  j as Toast
-};

package/dist/components/ToastMessage/Toast/index.styled.cjs.js

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/styled"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=a(n),l=e.default.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	width: 100%;
-`,o=e.default.div`
-	display: flex;
-	align-items: center;
-
-	& > * + * {
-		margin-left: 10px;
-	}
-`;exports.ContentWrapper=l;exports.IconWrapper=o;

package/dist/components/ToastMessage/Toast/index.styled.d.ts

@@ -1,8 +0,0 @@
-export declare const ContentWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ToastMessage/Toast/index.styled.es.js

@@ -1,18 +0,0 @@
-import e from "@emotion/styled";
-const n = e.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	width: 100%;
-`, i = e.div`
-	display: flex;
-	align-items: center;
-
-	& > * + * {
-		margin-left: 10px;
-	}
-`;
-export {
-  n as ContentWrapper,
-  i as IconWrapper
-};

package/dist/components/ToastMessage/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Toast/index.cjs.js");exports.Toast=e.Toast;

package/dist/components/ToastMessage/index.d.ts

@@ -1 +0,0 @@
-export * from './Toast';

package/dist/components/ToastMessage/index.es.js

@@ -1,4 +0,0 @@
-import { Toast as t } from "./Toast/index.es.js";
-export {
-  t as Toast
-};

package/dist/components/Tooltip/BasicTooltip/index.cjs.js

@@ -1 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("../TooltipBase/index.cjs.js"),t=e=>o.jsx(s.default,{...e,colorType:"white",alwaysShow:!1,hasCloseButton:!1});module.exports=t;

package/dist/components/Tooltip/BasicTooltip/index.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { TooltipBaseProps } from '../TooltipBase';
-export type BasicTooltipProps = Omit<TooltipBaseProps, 'colorType' | 'alwaysShow' | 'hasCloseButton'>;
-declare const BasicTooltip: React.FC<BasicTooltipProps>;
-export default BasicTooltip;

package/dist/components/Tooltip/BasicTooltip/index.es.js

@@ -1,6 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import s from "../TooltipBase/index.es.js";
-const l = (o) => /* @__PURE__ */ t(s, { ...o, colorType: "white", alwaysShow: !1, hasCloseButton: !1 });
-export {
-  l as default
-};

package/dist/components/Tooltip/ImpactTooltip/index.cjs.js

@@ -1 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),t=require("../TooltipBase/index.cjs.js"),s=e=>o.jsx(t.default,{...e,alwaysShow:!0,popperOptions:{modifiers:[{name:"flip",enabled:!1},{name:"preventOverflow",options:{mainAxis:!1}}]}});module.exports=s;

package/dist/components/Tooltip/ImpactTooltip/index.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { TooltipBaseProps, TooltipPlacementType } from '../TooltipBase';
-export type ImpactTooltipProps = Omit<TooltipBaseProps, 'alwaysShow' | 'placement'> & {
-    placement: TooltipPlacementType;
-};
-declare const ImpactTooltip: React.FC<ImpactTooltipProps>;
-export default ImpactTooltip;

package/dist/components/Tooltip/ImpactTooltip/index.es.js

@@ -1,23 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import p from "../TooltipBase/index.es.js";
-const r = (o) => /* @__PURE__ */ e(
-  p,
-  {
-    ...o,
-    alwaysShow: !0,
-    popperOptions: {
-      modifiers: [
-        { name: "flip", enabled: !1 },
-        {
-          name: "preventOverflow",
-          options: {
-            mainAxis: !1
-          }
-        }
-      ]
-    }
-  }
-);
-export {
-  r as default
-};

package/dist/components/Tooltip/TooltipBase/index.cjs.js

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),i=require("react"),n=require("./index.styled.cjs.js"),e=require("../../../core/Colors/index.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");const y=require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");const M=["white","pink","blue","gray","lime"],_=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right","left-center","right-center"],j=5.8,T=2,A=({backgroundColor:t})=>t===e.basicColors.white?`<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M4.67395 2.01734L5.08584e-07 8L1.31297 8L5.46343 2.67569C5.86314 2.16294 6.63816 2.16193 7.03919 2.67364L11.2136 8L12.5 8L7.82605 2.01734C7.02531 0.992394 5.4747 0.992392 4.67395 2.01734Z" fill="${e.basicColors.gray100}" />
-        <path d="M11.201 8L1.30078 8L5.45142 2.66295C5.85118 2.14892 6.62777 2.14801 7.02874 2.6611L11.201 8Z" fill="${e.basicColors.white}"/>
-    </svg>`:`
-    <svg id="hello" width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M4.67395 0.768711L0 6.75137L1.30078 6.75137L11.201 6.75137H12.5L7.82605 0.768713C7.02531 -0.256236 5.4747 -0.256238 4.67395 0.768711Z" fill="${t}"/>
-    </svg>
-`,k=({placement:t,colorType:o,content:d,children:p,className:C,alwaysShow:s=!1,hasCloseButton:b=!1,zIndex:g,popperOptions:h,isChildrenFullWidth:f=!1})=>{const[l,c]=i.useState(!1),q=i.useMemo(()=>{switch(t){case"top-left":return"bottom-start";case"top-center":return"bottom";case"top-right":return"bottom-end";case"bottom-left":return"top-start";case"bottom-center":return"top";case"bottom-right":return"top-end";case"left-center":return"right";case"right-center":return"left";default:return"top"}},[t]),u=i.useMemo(()=>{switch(o){case"gray":return{backgroundColor:e.basicColors.gray700,borderColor:e.basicColors.gray700,contentColor:e.basicColors.gray25};case"white":return{backgroundColor:e.basicColors.white,borderColor:e.basicColors.gray100,contentColor:e.basicColors.gray400};default:return{backgroundColor:e.basicColors[`${o}400`],borderColor:e.basicColors[`${o}400`],contentColor:e.basicColors.gray25}}},[o]),m={visible:l,arrow:A({backgroundColor:u.backgroundColor})},w=()=>{c(!0)},a=()=>{c(!1)},v=r.jsxs(n.TippyContentAndCloseButtonWrapper,{onClick:a,children:[r.jsx("div",{children:d}),b&&r.jsx(n.CloseButtonWrapper,{children:r.jsx(y.default,{className:"text-white",size:20})})]}),x=()=>{l&&s||w()},L=()=>{l&&s||a()};return i.useEffect(()=>{s&&c(!0)},[s]),r.jsx(n.TippyWrapper,{...u,...m,placement:q,className:C,content:v,offset:[0,j+T],interactive:!0,zIndex:g,popperOptions:h,children:r.jsx(n.Children,{isChildrenFullWidth:f,onMouseEnter:x,onMouseLeave:L,children:p})})};exports.ColorTypeArray=M;exports.PlacementArray=_;exports.default=k;

package/dist/components/Tooltip/TooltipBase/index.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-import { TippyProps } from '@tippyjs/react';
-import { ColorType } from '../../../utils';
-type ExtendColorType = ColorType | 'white';
-export declare const ColorTypeArray: ExtendColorType[];
-export declare const PlacementArray: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right", "left-center", "right-center"];
-export type TooltipPlacementType = (typeof PlacementArray)[number];
-export type TooltipBaseProps = Pick<TippyProps, 'children' | 'zIndex' | 'popperOptions'> & {
-    colorType: ExtendColorType;
-    isChildrenFullWidth?: boolean;
-    placement?: TooltipPlacementType;
-    content: React.ReactNode | string;
-    className?: string;
-    alwaysShow?: boolean;
-    hasCloseButton?: boolean;
-};
-declare const TooltipBase: React.FC<TooltipBaseProps>;
-export default TooltipBase;

package/dist/components/Tooltip/TooltipBase/index.es.js

@@ -1,146 +0,0 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import { useState as M, useMemo as c, useEffect as k } from "react";
-import { TippyWrapper as A, Children as B, TippyContentAndCloseButtonWrapper as $, CloseButtonWrapper as P } from "./index.styled.es.js";
-import { basicColors as t } from "../../../core/Colors/index.es.js";
-import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Check.es.js";
-import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
-import "../../../icons/src/icons/Filter.es.js";
-import T from "../../../icons/src/icons/Cancel.es.js";
-import "../../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../../icons/src/icons/Information.es.js";
-import "../../../icons/src/icons/More.es.js";
-import "../../../icons/src/icons/Plus.es.js";
-import "../../../icons/src/icons/Menu.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
-import "../../../icons/src/icons/Question_circle.es.js";
-import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
-import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/Store.es.js";
-import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Search.es.js";
-const at = ["white", "pink", "blue", "gray", "lime"], mt = [
-  "top-left",
-  "top-center",
-  "top-right",
-  "bottom-left",
-  "bottom-center",
-  "bottom-right",
-  "left-center",
-  "right-center"
-], W = 5.8, E = 2, Z = ({ backgroundColor: r }) => r === t.white ? `<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M4.67395 2.01734L5.08584e-07 8L1.31297 8L5.46343 2.67569C5.86314 2.16294 6.63816 2.16193 7.03919 2.67364L11.2136 8L12.5 8L7.82605 2.01734C7.02531 0.992394 5.4747 0.992392 4.67395 2.01734Z" fill="${t.gray100}" />
-        <path d="M11.201 8L1.30078 8L5.45142 2.66295C5.85118 2.14892 6.62777 2.14801 7.02874 2.6611L11.201 8Z" fill="${t.white}"/>
-    </svg>` : `
-    <svg id="hello" width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M4.67395 0.768711L0 6.75137L1.30078 6.75137L11.201 6.75137H12.5L7.82605 0.768713C7.02531 -0.256236 5.4747 -0.256238 4.67395 0.768711Z" fill="${r}"/>
-    </svg>
-`, ut = ({
-  placement: r,
-  colorType: o,
-  content: a,
-  children: m,
-  className: u,
-  alwaysShow: n = !1,
-  hasCloseButton: f = !1,
-  zIndex: h,
-  popperOptions: g,
-  isChildrenFullWidth: d = !1
-}) => {
-  const [i, s] = M(!1), C = c(() => {
-    switch (r) {
-      case "top-left":
-        return "bottom-start";
-      case "top-center":
-        return "bottom";
-      case "top-right":
-        return "bottom-end";
-      case "bottom-left":
-        return "top-start";
-      case "bottom-center":
-        return "top";
-      case "bottom-right":
-        return "top-end";
-      case "left-center":
-        return "right";
-      case "right-center":
-        return "left";
-      default:
-        return "top";
-    }
-  }, [r]), p = c(() => {
-    switch (o) {
-      case "gray":
-        return {
-          backgroundColor: t.gray700,
-          borderColor: t.gray700,
-          contentColor: t.gray25
-        };
-      case "white":
-        return {
-          backgroundColor: t.white,
-          borderColor: t.gray100,
-          contentColor: t.gray400
-        };
-      default:
-        return {
-          backgroundColor: t[`${o}400`],
-          borderColor: t[`${o}400`],
-          contentColor: t.gray25
-        };
-    }
-  }, [o]), b = {
-    visible: i,
-    arrow: Z({ backgroundColor: p.backgroundColor })
-  }, w = () => {
-    s(!0);
-  }, l = () => {
-    s(!1);
-  }, L = /* @__PURE__ */ y($, { onClick: l, children: [
-    /* @__PURE__ */ e("div", { children: a }),
-    f && /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(T, { className: "text-white", size: 20 }) })
-  ] }), v = () => {
-    i && n || w();
-  }, x = () => {
-    i && n || l();
-  };
-  return k(() => {
-    n && s(!0);
-  }, [n]), /* @__PURE__ */ e(
-    A,
-    {
-      ...p,
-      ...b,
-      placement: C,
-      className: u,
-      content: L,
-      offset: [0, W + E],
-      interactive: !0,
-      zIndex: h,
-      popperOptions: g,
-      children: /* @__PURE__ */ e(
-        B,
-        {
-          isChildrenFullWidth: d,
-          onMouseEnter: v,
-          onMouseLeave: x,
-          children: m
-        }
-      )
-    }
-  );
-};
-export {
-  at as ColorTypeArray,
-  mt as PlacementArray,
-  ut as default
-};