@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.6

package/dist/library/Lottie/index.es.js

@@ -0,0 +1,181 @@
+import { j } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import * as b from "react";
+import { useState as x, useRef as y, useMemo as T, useEffect as M } from "react";
+import W from "lottie-web";
+import F from "../../hooks/useLayoutIsMobile.es.js";
+import { uuid as P } from "../../utils/uuid.util.es.js";
+import { IconWithImage as _ } from "../IconWithImage/index.es.js";
+import { AlterImageWrapper as z, Wrapper as C, Container as D } from "./index.styled.es.js";
+var w = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new WeakMap(), V = 0, L = void 0;
+function I(e) {
+  return e ? (A.has(e) || (V += 1, A.set(e, V.toString())), A.get(e)) : "0";
+}
+function q(e) {
+  return Object.keys(e).sort().filter(
+    (t) => e[t] !== void 0
+  ).map((t) => `${t}_${t === "root" ? I(e.root) : e[t]}`).toString();
+}
+function G(e) {
+  const t = q(e);
+  let n = w.get(t);
+  if (!n) {
+    const f = /* @__PURE__ */ new Map();
+    let d;
+    const c = new IntersectionObserver((i) => {
+      i.forEach((o) => {
+        var s;
+        const h = o.isIntersecting && d.some((a) => o.intersectionRatio >= a);
+        e.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = h), (s = f.get(o.target)) == null || s.forEach((a) => {
+          a(h, o);
+        });
+      });
+    }, e);
+    d = c.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), n = {
+      id: t,
+      observer: c,
+      elements: f
+    }, w.set(t, n);
+  }
+  return n;
+}
+function H(e, t, n = {}, f = L) {
+  if (typeof window.IntersectionObserver > "u" && f !== void 0) {
+    const s = e.getBoundingClientRect();
+    return t(f, {
+      isIntersecting: f,
+      target: e,
+      intersectionRatio: typeof n.threshold == "number" ? n.threshold : 0,
+      time: 0,
+      boundingClientRect: s,
+      intersectionRect: s,
+      rootBounds: s
+    }), () => {
+    };
+  }
+  const { id: d, observer: c, elements: i } = G(n), o = i.get(e) || [];
+  return i.has(e) || i.set(e, o), o.push(t), c.observe(e), function() {
+    o.splice(o.indexOf(t), 1), o.length === 0 && (i.delete(e), c.unobserve(e)), i.size === 0 && (c.disconnect(), w.delete(d));
+  };
+}
+function J({
+  threshold: e,
+  delay: t,
+  trackVisibility: n,
+  rootMargin: f,
+  root: d,
+  triggerOnce: c,
+  skip: i,
+  initialInView: o,
+  fallbackInView: s,
+  onChange: h
+} = {}) {
+  var a;
+  const [v, R] = b.useState(null), l = b.useRef(h), [m, p] = b.useState({
+    inView: !!o,
+    entry: void 0
+  });
+  l.current = h, b.useEffect(
+    () => {
+      if (i || !v) return;
+      let g;
+      return g = H(
+        v,
+        ($, E) => {
+          p({
+            inView: $,
+            entry: E
+          }), l.current && l.current($, E), E.isIntersecting && c && g && (g(), g = void 0);
+        },
+        {
+          root: d,
+          rootMargin: f,
+          threshold: e,
+          // @ts-ignore
+          trackVisibility: n,
+          // @ts-ignore
+          delay: t
+        },
+        s
+      ), () => {
+        g && g();
+      };
+    },
+    // We break the rule here, because we aren't including the actual `threshold` variable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // If the threshold is an array, convert it to a string, so it won't change between renders.
+      Array.isArray(e) ? e.toString() : e,
+      v,
+      d,
+      f,
+      c,
+      i,
+      n,
+      s,
+      t
+    ]
+  );
+  const r = (a = m.entry) == null ? void 0 : a.target, S = b.useRef(void 0);
+  !v && r && !c && !i && S.current !== r && (S.current = r, p({
+    inView: !!o,
+    entry: void 0
+  }));
+  const u = [R, m.inView, m.entry];
+  return u.ref = u[0], u.inView = u[1], u.entry = u[2], u;
+}
+const O = ({
+  width: e,
+  height: t,
+  viewBox: n,
+  className: f,
+  playOnce: d,
+  autoplay: c = !1,
+  alterImgSrcOnLoad: i,
+  lottieFileSrcPath: o
+}) => {
+  const [s, h] = x(null), a = y(null), v = y(P()), R = F(), { ref: l, inView: m } = J({
+    /**
+     * 모바일 : 로띠의 높이가 PC와 다르게 작기 때문에 스크롤시 로띠의 play 시작점을 자연스럽게 하기위해 0.4
+     * PC : 로띠의 play 시작점이 lottie 끝에 들어왔을때 play하기 위해 value 0.9
+     */
+    threshold: R ? 0.4 : 0.9,
+    /**
+     * rootMargin을 주어서 lottie inview에 대한 범위를 추가하였습니다.
+     * 모바일, PC의 높이가 달라 다르게 선언하였습니다.
+     */
+    rootMargin: R ? "20% 0% 0% 0%" : "40% 0% 10% 0%"
+  }), p = T(
+    () => n ? `${n.x ?? 0} ${n.y ?? 0} ${n.width} ${n.height}` : void 0,
+    [n]
+  ), [r, S] = x();
+  return M(() => {
+    fetch(o).then((u) => u.json()).then((u) => {
+      h(u);
+    }).catch(() => {
+      console.info("lottie load 에 실패했습니다.");
+    });
+  }, [o]), M(() => {
+    if (!a.current || !s)
+      return;
+    const u = W.loadAnimation({
+      container: a.current,
+      renderer: "svg",
+      loop: !d,
+      autoplay: c,
+      animationData: s,
+      rendererSettings: {
+        viewBoxSize: p
+      },
+      name: f
+    });
+    return S(u), () => u.destroy();
+  }, [s, f, c, d, p]), M(() => {
+    m ? r == null || r.goToAndPlay(
+      (r == null ? void 0 : r.currentFrame) > 0.9 * (r == null ? void 0 : r.totalFrames) ? 0 : r == null ? void 0 : r.currentFrame,
+      !0
+    ) : d ? r == null || r.stop() : r == null || r.pause();
+  }, [m, r, d]), s === null && i ? /* @__PURE__ */ j.jsx(z, { children: /* @__PURE__ */ j.jsx(_, { width: e || 0, srcPath: i }) }) : /* @__PURE__ */ j.jsx(C, { ref: l, children: /* @__PURE__ */ j.jsx(D, { id: v.current, className: f, ref: a, width: e, height: t }) });
+};
+export {
+  O as Lottie
+};

package/dist/library/Lottie/index.styled.cjs.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react"),r=require("@emotion/styled"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=a(r),l=e.default.div`
+	width: 100%;
+`,n=e.default.div`
+	/* block 사용시 container div와 lottie svg 사이 미세한 여백이 발생하여 flex 사용*/
+	display: flex;
+
+	${t=>t.width&&i.css`
+			width: ${t.width}px;
+		`}
+	${t=>t.height&&i.css`
+			height: ${t.height}px;
+		`}
+`,o=e.default.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;exports.AlterImageWrapper=o;exports.Container=n;exports.Wrapper=l;

package/dist/library/Lottie/index.styled.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 export interface LottieContainerProps {
     width?: number;
     height?: number;
     className?: string;
 }
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & LottieContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AlterImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Container: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & LottieContainerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AlterImageWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/library/Lottie/index.styled.es.js

@@ -0,0 +1,24 @@
+import { css as i } from "@emotion/react";
+import e from "@emotion/styled";
+const n = e.div`
+	width: 100%;
+`, d = e.div`
+	/* block 사용시 container div와 lottie svg 사이 미세한 여백이 발생하여 flex 사용*/
+	display: flex;
+
+	${(t) => t.width && i`
+			width: ${t.width}px;
+		`}
+	${(t) => t.height && i`
+			height: ${t.height}px;
+		`}
+`, s = e.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;
+export {
+  s as AlterImageWrapper,
+  d as Container,
+  n as Wrapper
+};

package/dist/library/Spacing/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/jsx-runtime.713F0z8w.js"),i=require("./index.styled.cjs.js"),n=({spaceNumber:e})=>t.jsxRuntimeExports.jsx(i.Spacing,{spaceNumber:e});exports.Spacing=n;

package/dist/library/Spacing/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface SpacingProps {
     spaceNumber: number;
 }

package/dist/library/Spacing/index.es.js

@@ -0,0 +1,6 @@
+import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Spacing as p } from "./index.styled.es.js";
+const n = ({ spaceNumber: r }) => /* @__PURE__ */ o.jsx(p, { spaceNumber: r });
+export {
+  n as Spacing
+};

package/dist/library/Spacing/index.styled.cjs.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/styled"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},a=o(e),c=a.default.div`
+	height: ${t=>t.spaceNumber}px;
+`;exports.Spacing=c;

package/dist/library/Spacing/index.styled.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export declare const Spacing: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+export declare const Spacing: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
 } & {
     spaceNumber: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/library/Spacing/index.styled.es.js

@@ -0,0 +1,7 @@
+import p from "@emotion/styled";
+const i = p.div`
+	height: ${(e) => e.spaceNumber}px;
+`;
+export {
+  i as Spacing
+};

package/dist/library/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconWithImage/index.cjs.js"),e=require("./List/BottomSheetItemList/index.cjs.js"),i=require("./Lottie/index.cjs.js"),o=require("./Spacing/index.cjs.js");exports.IconWithImage=t.IconWithImage;exports.BottomSheetItemList=e.BottomSheetItemList;exports.Lottie=i.Lottie;exports.Spacing=o.Spacing;

package/dist/library/index.es.js

@@ -0,0 +1,10 @@
+import { IconWithImage as e } from "./IconWithImage/index.es.js";
+import { BottomSheetItemList as m } from "./List/BottomSheetItemList/index.es.js";
+import { Lottie as f } from "./Lottie/index.es.js";
+import { Spacing as x } from "./Spacing/index.es.js";
+export {
+  m as BottomSheetItemList,
+  e as IconWithImage,
+  f as Lottie,
+  x as Spacing
+};

package/dist/style/common.cjs.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react"),o=e.css`
+	overflow-x: auto;
+	&::-webkit-scrollbar {
+		display: none;
+	}
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+`;exports.scrollStyle=o;

package/dist/style/common.d.ts

@@ -1 +1 @@
-export declare const scrollStyle: import("@emotion/react").SerializedStyles;
+export declare const scrollStyle: import('@emotion/react').SerializedStyles;

package/dist/style/common.es.js

@@ -0,0 +1,12 @@
+import { css as o } from "@emotion/react";
+const r = o`
+	overflow-x: auto;
+	&::-webkit-scrollbar {
+		display: none;
+	}
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+`;
+export {
+  r as scrollStyle
+};

package/dist/types/date.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class h{constructor(s){this.isToday=()=>this.today.year===this.year&&this.today.month===this.month&&this.today.dateOfMonth===this.dateOfMonth,this.toDateString=(n="YYYY.MM.DD",t=".")=>{const i=this.month<10?`0${this.month}`:this.month,a=this.dateOfMonth<10?`0${this.dateOfMonth}`:this.dateOfMonth;switch(n){case"YYYY.MM.DD":return`${this.year}${t}${i}${t}${a}`;case"YY.MM.DD":return`${String(this.year).slice(2,4)}${t}${i}${t}${a}`;default:return"지원되지 않는 형식입니다."}},this.addMonth=n=>{const t=new Date(this.year,this.indexOfMonth+n,this.dateOfMonth);return new h([t.getFullYear(),t.getMonth()+1,t.getDate()])},this.addYear=n=>{const t=new Date(this.year+n,this.indexOfMonth,this.dateOfMonth);return new h([t.getFullYear(),t.getMonth()+1,t.getDate()])};let e;if(!s)e=new Date;else{const[n,t,i]=s;e=new Date(n,t-1,i)}this.year=e.getFullYear(),this.month=e.getMonth()+1,this.indexOfMonth=e.getMonth(),this.dateOfMonth=e.getDate(),this.indexOfDayOfWeek=e.getDay(),this.timestamp=Date.parse(`${this.year}-${this.month}-${this.dateOfMonth}`)}get today(){const s=new Date;return new h([s.getFullYear(),s.getMonth()+1,s.getDate()])}}const o=new h([1,12,31]),r=new h([9999,12,31]),d=null;exports.EMPTY_DATE=d;exports.END_DATE=r;exports.PurpleDate=h;exports.START_DATE=o;

package/dist/types/date.es.js

@@ -0,0 +1,40 @@
+class s {
+  constructor(h) {
+    this.isToday = () => this.today.year === this.year && this.today.month === this.month && this.today.dateOfMonth === this.dateOfMonth, this.toDateString = (n = "YYYY.MM.DD", t = ".") => {
+      const i = this.month < 10 ? `0${this.month}` : this.month, a = this.dateOfMonth < 10 ? `0${this.dateOfMonth}` : this.dateOfMonth;
+      switch (n) {
+        case "YYYY.MM.DD":
+          return `${this.year}${t}${i}${t}${a}`;
+        case "YY.MM.DD":
+          return `${String(this.year).slice(2, 4)}${t}${i}${t}${a}`;
+        default:
+          return "지원되지 않는 형식입니다.";
+      }
+    }, this.addMonth = (n) => {
+      const t = new Date(this.year, this.indexOfMonth + n, this.dateOfMonth);
+      return new s([t.getFullYear(), t.getMonth() + 1, t.getDate()]);
+    }, this.addYear = (n) => {
+      const t = new Date(this.year + n, this.indexOfMonth, this.dateOfMonth);
+      return new s([t.getFullYear(), t.getMonth() + 1, t.getDate()]);
+    };
+    let e;
+    if (!h)
+      e = /* @__PURE__ */ new Date();
+    else {
+      const [n, t, i] = h;
+      e = new Date(n, t - 1, i);
+    }
+    this.year = e.getFullYear(), this.month = e.getMonth() + 1, this.indexOfMonth = e.getMonth(), this.dateOfMonth = e.getDate(), this.indexOfDayOfWeek = e.getDay(), this.timestamp = Date.parse(`${this.year}-${this.month}-${this.dateOfMonth}`);
+  }
+  get today() {
+    const h = /* @__PURE__ */ new Date();
+    return new s([h.getFullYear(), h.getMonth() + 1, h.getDate()]);
+  }
+}
+const o = new s([1, 12, 31]), r = new s([9999, 12, 31]), d = null;
+export {
+  d as EMPTY_DATE,
+  r as END_DATE,
+  s as PurpleDate,
+  o as START_DATE
+};

package/dist/types/index.cjs.js

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

package/dist/types/index.es.js

@@ -0,0 +1,7 @@
+import { EMPTY_DATE as E, END_DATE as A, PurpleDate as e, START_DATE as r } from "./date.es.js";
+export {
+  E as EMPTY_DATE,
+  A as END_DATE,
+  e as PurpleDate,
+  r as START_DATE
+};

package/dist/types/react.cjs.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/react.es.js

@@ -0,0 +1 @@
+

package/dist/types/select-props.cjs.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/select-props.es.js

@@ -0,0 +1 @@
+

package/dist/utils/GenerateColorStyle/chip.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../../core/Colors/index.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.B3JLBK5h.js");require("../../core/TextStyles/index.cjs.js");module.exports=e.chipColorStyle;

package/dist/utils/GenerateColorStyle/chip.es.js

@@ -0,0 +1,7 @@
+import "../../core/Colors/index.es.js";
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { o as i } from "../../chunks/index.styled.ByGzJNsf.js";
+import "../../core/TextStyles/index.es.js";
+export {
+  i as default
+};

package/dist/utils/GenerateColorStyle/common/type.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["pink","red","orange","yellow","lime","green","mint","skyblue","blue","indigo","purple","gray"],e=["main","sub"],o=["default","disabled","hover","focused"],t=["on","off"];exports.ColorTypeArray=r;exports.PurposeArray=e;exports.StateArray=o;exports.StatusArray=t;

package/dist/utils/GenerateColorStyle/common/type.es.js

@@ -0,0 +1,20 @@
+const e = [
+  "pink",
+  "red",
+  "orange",
+  "yellow",
+  "lime",
+  "green",
+  "mint",
+  "skyblue",
+  "blue",
+  "indigo",
+  "purple",
+  "gray"
+], r = ["main", "sub"], o = ["default", "disabled", "hover", "focused"], a = ["on", "off"];
+export {
+  e as ColorTypeArray,
+  r as PurposeArray,
+  o as StateArray,
+  a as StatusArray
+};

package/dist/utils/GenerateColorStyle/control/check-box.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../core/Colors/index.cjs.js"),t=r=>{const l="transparent",n="transparent",a=o.basicColors.gray100,s=o.basicColors.gray100,C="transparent",e=o.basicColors.gray25,c=o.basicColors.gray50,i=o.basicColors.gray50;switch(r){case"gray":return{default:{on:{containerColor:o.basicColors.gray900,borderColor:l,iconColor:o.basicColors.gray900},off:{containerColor:n,borderColor:a,iconColor:s}},disabled:{on:{containerColor:o.basicColors.gray200,borderColor:C,iconColor:o.basicColors.gray200},off:{containerColor:e,borderColor:c,iconColor:i}}};default:return{default:{on:{containerColor:o.basicColors[`${r}400`],borderColor:l,iconColor:o.basicColors[`${r}400`]},off:{containerColor:n,borderColor:a,iconColor:s}},disabled:{on:{containerColor:o.basicColors[`${r}100`],borderColor:C,iconColor:o.basicColors[`${r}100`]},off:{containerColor:e,borderColor:c,iconColor:i}}}}};module.exports=t;

package/dist/utils/GenerateColorStyle/control/check-box.es.js

@@ -0,0 +1,63 @@
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+const i = (r) => {
+  const n = "transparent", l = "transparent", a = o.gray100, e = o.gray100, t = "transparent", C = o.gray25, d = o.gray50, f = o.gray50;
+  switch (r) {
+    case "gray":
+      return {
+        default: {
+          on: {
+            containerColor: o.gray900,
+            borderColor: n,
+            iconColor: o.gray900
+          },
+          off: {
+            containerColor: l,
+            borderColor: a,
+            iconColor: e
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o.gray200,
+            borderColor: t,
+            iconColor: o.gray200
+          },
+          off: {
+            containerColor: C,
+            borderColor: d,
+            iconColor: f
+          }
+        }
+      };
+    default:
+      return {
+        default: {
+          on: {
+            containerColor: o[`${r}400`],
+            borderColor: n,
+            iconColor: o[`${r}400`]
+          },
+          off: {
+            containerColor: l,
+            borderColor: a,
+            iconColor: e
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o[`${r}100`],
+            borderColor: t,
+            iconColor: o[`${r}100`]
+          },
+          off: {
+            containerColor: C,
+            borderColor: d,
+            iconColor: f
+          }
+        }
+      };
+  }
+};
+export {
+  i as default
+};

package/dist/utils/GenerateColorStyle/control/check-mark.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../core/Colors/index.cjs.js"),e=r=>{const n=o.basicColors.gray100,a=o.basicColors.gray50;switch(r){case"gray":return{default:{on:{containerColor:o.basicColors.gray900},off:{containerColor:n}},disabled:{on:{containerColor:o.basicColors.gray200},off:{containerColor:a}}};default:return{default:{on:{containerColor:o.basicColors[`${r}400`]},off:{containerColor:n}},disabled:{on:{containerColor:o.basicColors[`${r}100`]},off:{containerColor:a}}}}};module.exports=e;

package/dist/utils/GenerateColorStyle/control/check-mark.es.js

@@ -0,0 +1,47 @@
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+const e = (r) => {
+  const n = o.gray100, a = o.gray50;
+  switch (r) {
+    case "gray":
+      return {
+        default: {
+          on: {
+            containerColor: o.gray900
+          },
+          off: {
+            containerColor: n
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o.gray200
+          },
+          off: {
+            containerColor: a
+          }
+        }
+      };
+    default:
+      return {
+        default: {
+          on: {
+            containerColor: o[`${r}400`]
+          },
+          off: {
+            containerColor: n
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o[`${r}100`]
+          },
+          off: {
+            containerColor: a
+          }
+        }
+      };
+  }
+};
+export {
+  e as default
+};

package/dist/utils/GenerateColorStyle/control/radio-button.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../core/Colors/index.cjs.js"),C=r=>{const n="transparent",a="transparent",e=o.basicColors.gray100,l="transparent",t=o.basicColors.gray25,s=o.basicColors.gray50;switch(r){case"gray":return{default:{on:{containerColor:n,borderColor:o.basicColors.gray900},off:{containerColor:a,borderColor:e}},disabled:{on:{containerColor:l,borderColor:o.basicColors.gray200},off:{containerColor:t,borderColor:s}}};default:return{default:{on:{containerColor:n,borderColor:o.basicColors[`${r}400`]},off:{containerColor:a,borderColor:e}},disabled:{on:{containerColor:l,borderColor:o.basicColors[`${r}100`]},off:{containerColor:t,borderColor:s}}}}};module.exports=C;

package/dist/utils/GenerateColorStyle/control/radio-button.es.js

@@ -0,0 +1,55 @@
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+const f = (r) => {
+  const n = "transparent", a = "transparent", e = o.gray100, t = "transparent", l = o.gray25, d = o.gray50;
+  switch (r) {
+    case "gray":
+      return {
+        default: {
+          on: {
+            containerColor: n,
+            borderColor: o.gray900
+          },
+          off: {
+            containerColor: a,
+            borderColor: e
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: t,
+            borderColor: o.gray200
+          },
+          off: {
+            containerColor: l,
+            borderColor: d
+          }
+        }
+      };
+    default:
+      return {
+        default: {
+          on: {
+            containerColor: n,
+            borderColor: o[`${r}400`]
+          },
+          off: {
+            containerColor: a,
+            borderColor: e
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: t,
+            borderColor: o[`${r}100`]
+          },
+          off: {
+            containerColor: l,
+            borderColor: d
+          }
+        }
+      };
+  }
+};
+export {
+  f as default
+};

package/dist/utils/GenerateColorStyle/control/switch.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../core/Colors/index.cjs.js"),t=r=>{const n=o.basicColors.white,e=o.basicColors.gray100,l=o.semanticColors.controlSwitchEnabledOffInnerCircle,i=o.semanticColors.controlSwitchDisabledOnInnerCircle,c=o.basicColors.gray50,C=o.semanticColors.controlSwitchDisabledOffInnerCircle;switch(r){case"gray":return{default:{on:{containerColor:o.semanticColors.controlGraySwitchEnabledOnContainer,innerCircleColor:n},off:{containerColor:e,innerCircleColor:l}},disabled:{on:{containerColor:o.basicColors.gray200,innerCircleColor:i},off:{containerColor:c,innerCircleColor:C}}};default:return{default:{on:{containerColor:o.basicColors[`${r}400`],innerCircleColor:n},off:{containerColor:e,innerCircleColor:l}},disabled:{on:{containerColor:o.basicColors[`${r}100`],innerCircleColor:i},off:{containerColor:c,innerCircleColor:C}}}}};module.exports=t;