@dotss/ui 0.0.4 → 0.0.7

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import { BrandColorKey } from '../typings/color';
+import { GeneralComponentProps } from '../typings/component';
+
+export interface TooltipProps extends GeneralComponentProps<Omit<HTMLAttributes<HTMLDivElement>, 'title'>> {
+    placement?: 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-top' | 'left-middle' | 'left-bottom' | 'top-left' | 'top-center' | 'top-right' | 'right-top' | 'right-middle' | 'right-bottom';
+    color?: BrandColorKey;
+    title?: ReactNode;
+    body?: ReactNode;
+    endAdornment?: ReactNode;
+    open?: boolean;
+    closer?: boolean;
+    onOpen?: MouseEventHandler;
+    onClose?: MouseEventHandler;
+    wrapperProps?: GeneralComponentProps<HTMLAttributes<HTMLDivElement>>;
+}
+declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Tooltip;

package/dist/Tooltip/Tooltip.es.js

@@ -0,0 +1,341 @@
+import { jsxs as s, jsx as p } from "@emotion/react/jsx-runtime";
+import { forwardRef as R, useRef as $, useState as T, useEffect as L } from "react";
+import a from "../Flexbox/Flexbox.es.js";
+import b from "../Icon/Icon.es.js";
+import B from "../Typography/Typography.es.js";
+import c from "@emotion/styled";
+const w = c.div`
+  position: relative;
+  display: inline-block;
+  &[open] > .tooltip {
+    display: flex;
+  }
+`, C = c.div`
+  position: absolute;
+  display: none;
+  flex-direction: column;
+  gap: ${({ theme: { spacing: t } }) => `${t.content(1)}px`};
+  padding: ${({ theme: { spacing: t } }) => `${t.content(3)}px`};
+  border-radius: 8px;
+  width: auto;
+  height: auto;
+  max-width: 300px;
+  max-height: calc(136px - 8px);
+  z-index: 100003;
+  white-space: nowrap;
+
+  ${({
+  theme: {
+    palette: { brand: t, grey: o }
+  },
+  color: i
+}) => {
+  let r = {};
+  return i === "primary" && (r = {
+    backgroundColor: t.primary.tooltip,
+    color: o[100]
+  }), i === "secondary" && (r = {
+    backgroundColor: o[80],
+    color: o.white
+  }), r;
+}}
+
+  ${({ theme: { typography: t } }) => ({
+  fontSize: t.b4R.size,
+  fontWeight: t.b4R.weight,
+  lineHeight: t.b4R.lineHeight,
+  letterSpacing: t.b4R.letterSpacing,
+  "& svg:not(.tooltip__closer)": {
+    width: 24,
+    height: 24
+  }
+})};
+
+  ${({
+  theme: {
+    palette: { brand: t, grey: o }
+  },
+  placement: i,
+  color: r
+}) => {
+  let e = {};
+  switch (i) {
+    case "bottom-left":
+      e = {
+        top: "-12px",
+        left: "-6px",
+        transform: "translateY(-100%)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          top: "100%",
+          left: "12px",
+          borderTop: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`,
+          borderRight: "6px solid transparent",
+          borderBottom: "8px solid transparent",
+          borderLeft: "6px solid transparent"
+        }
+      };
+      break;
+    case "bottom-center":
+      e = {
+        top: "-12px",
+        left: "50%",
+        transform: "translate(-50%, -100%)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          top: "100%",
+          left: "50%",
+          transform: "translateX(-50%)",
+          borderTop: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`,
+          borderRight: "6px solid transparent",
+          borderBottom: "8px solid transparent",
+          borderLeft: "6px solid transparent"
+        }
+      };
+      break;
+    case "bottom-right":
+      e = {
+        top: "-12px",
+        right: "-6px",
+        transform: "translateY(-100%)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          top: "100%",
+          right: "12px",
+          borderTop: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`,
+          borderRight: "6px solid transparent",
+          borderBottom: "8px solid transparent",
+          borderLeft: "6px solid transparent"
+        }
+      };
+      break;
+    case "left-top":
+      e = {
+        top: "-6px",
+        left: "calc(100% + 12px)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          top: "12px",
+          right: "100%",
+          borderTop: "6px solid transparent",
+          borderRight: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`,
+          borderBottom: "6px solid transparent",
+          borderLeft: "8px solid transparent"
+        }
+      };
+      break;
+    case "left-middle":
+      e = {
+        top: "50%",
+        left: "calc(100% + 12px)",
+        transform: "translateY(-50%)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          top: "50%",
+          right: "100%",
+          transform: "translateY(-50%)",
+          borderTop: "6px solid transparent",
+          borderRight: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`,
+          borderBottom: "6px solid transparent",
+          borderLeft: "8px solid transparent"
+        }
+      };
+      break;
+    case "left-bottom":
+      e = {
+        bottom: "-6px",
+        left: "calc(100% + 12px)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          bottom: "12px",
+          right: "100%",
+          borderTop: "6px solid transparent",
+          borderRight: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`,
+          borderBottom: "6px solid transparent",
+          borderLeft: "8px solid transparent"
+        }
+      };
+      break;
+    case "top-left":
+      e = {
+        left: "-6px",
+        transform: "translate(0, 12px)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          bottom: "100%",
+          left: "12px",
+          borderTop: "8px solid transparent",
+          borderRight: "6px solid transparent",
+          borderBottom: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`,
+          borderLeft: "6px solid transparent"
+        }
+      };
+      break;
+    case "top-center":
+      e = {
+        right: "50%",
+        transform: "translate(50%, 12px)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          bottom: "100%",
+          left: "50%",
+          transform: "translateX(-50%)",
+          borderTop: "8px solid transparent",
+          borderRight: "6px solid transparent",
+          borderBottom: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`,
+          borderLeft: "6px solid transparent"
+        }
+      };
+      break;
+    case "top-right":
+      e = {
+        right: "-6px",
+        transform: "translate(0, 12px)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          bottom: "100%",
+          right: "12px",
+          borderTop: "8px solid transparent",
+          borderRight: "6px solid transparent",
+          borderBottom: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`,
+          borderLeft: "6px solid transparent"
+        }
+      };
+      break;
+    case "right-top":
+      e = {
+        top: "-6px",
+        right: "calc(100% + 12px)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          top: "12px",
+          left: "100%",
+          borderTop: "6px solid transparent",
+          borderRight: "8px solid transparent",
+          borderBottom: "6px solid transparent",
+          borderLeft: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`
+        }
+      };
+      break;
+    case "right-middle":
+      e = {
+        top: "50%",
+        right: "calc(100% + 12px)",
+        transform: "translateY(-50%)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          top: "50%",
+          left: "100%",
+          transform: "translateY(-50%)",
+          borderTop: "6px solid transparent",
+          borderRight: "8px solid transparent",
+          borderBottom: "6px solid transparent",
+          borderLeft: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`
+        }
+      };
+      break;
+    case "right-bottom":
+      e = {
+        bottom: "-6px",
+        right: "calc(100% + 12px)",
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          bottom: "12px",
+          left: "100%",
+          borderTop: "6px solid transparent",
+          borderRight: "8px solid transparent",
+          borderBottom: "6px solid transparent",
+          borderLeft: `8px solid ${r === "primary" ? t.primary.tooltip : o[80]}`
+        }
+      };
+      break;
+  }
+  return e;
+}};
+`, O = R(function({
+  children: o,
+  placement: i = "bottom-center",
+  color: r = "primary",
+  title: e,
+  body: h,
+  closer: d,
+  endAdornment: x,
+  inlineCSS: g,
+  open: m = !1,
+  onClose: f,
+  wrapperProps: n,
+  ...u
+}, y) {
+  const l = $(null), [S, k] = T(!1);
+  return L(() => {
+    l.current && l.current.getBoundingClientRect().width >= 276 && k(!0);
+  }, [m]), /* @__PURE__ */ s(w, { open: m, ...n, css: n == null ? void 0 : n.inlineCSS, children: [
+    o,
+    /* @__PURE__ */ s(
+      C,
+      {
+        className: "tooltip",
+        ref: y,
+        placement: i,
+        color: r,
+        ...u,
+        css: g,
+        children: [
+          e && /* @__PURE__ */ s(a, { alignItems: "center", justifyContent: "space-between", gap: 2, children: [
+            /* @__PURE__ */ p(B, { variant: "h5B", color: r === "primary" ? "grey.100" : "grey.white", children: e }),
+            d && /* @__PURE__ */ p(a, { flexShrink: 0, children: /* @__PURE__ */ p(
+              b,
+              {
+                className: "tooltip__closer",
+                name: "CloseLine",
+                size: "xSmall",
+                color: r === "primary" ? "grey.100" : "grey.white",
+                onClick: f,
+                inlineCSS: { marginLeft: "2px", cursor: "pointer" }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ s(
+            a,
+            {
+              alignItems: "center",
+              gap: 2,
+              ref: l,
+              style: S ? { width: "276px", whiteSpace: "wrap" } : {},
+              children: [
+                h,
+                x && /* @__PURE__ */ p(a, { flexShrink: 0, inlineCSS: { fontSize: "24px" }, children: x }),
+                !e && d && /* @__PURE__ */ p(a, { flexShrink: 0, children: /* @__PURE__ */ p(
+                  b,
+                  {
+                    className: "tooltip__closer",
+                    name: "CloseLine",
+                    size: "xSmall",
+                    color: r === "primary" ? "grey.100" : "grey.white",
+                    inlineCSS: { marginLeft: "2px", cursor: "pointer" },
+                    onClick: f
+                  }
+                ) })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+export {
+  O as default
+};

package/dist/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Tooltip').TooltipProps & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        children: {
+            control: {
+                type: "text";
+            };
+        };
+        placement: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        color: {
+            options: string[];
+            control: {
+                type: "radio";
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithTitleBody: Story;
+export declare const WithBody: Story;
+export declare const EndAdornment: Story;

package/dist/Tooltip/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tooltip.cjs");exports.default=e.default;

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Tooltip } from './Tooltip';
+
+export default Tooltip;

package/dist/Tooltip/index.es.js

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

package/dist/Typography/Typography.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@emotion/react/jsx-runtime"),h=require("react"),g=require("../core/useTheme.cjs"),y=require("@emotion/styled"),w=require("../utils/getPaletteColor/getPaletteColor.cjs"),b=e=>e&&e.__esModule?e:{default:e},v=b(y),S=v.default.div`
+  ${({theme:{typography:e},variant:t="b4R"})=>{const{size:o,weight:l,lineHeight:r,letterSpacing:i}=e[t];return{fontSize:o,fontWeight:l,lineHeight:r,letterSpacing:i}}};
+
+  color: ${({theme:e,color:t="grey.100"})=>w.default(t,{theme:e})};
+
+  ${({textAlign:e})=>e?{textAlign:e}:null};
+
+  ${({noWrap:e})=>e?{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}:null}
+
+  ${({lineClamp:e})=>e?{display:"-webkit-box",overflow:"hidden",WebkitLineClamp:e,WebkitBoxOrient:"vertical"}:null}
+
+  ${({visuallyHidden:e})=>e?{clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",overflow:"hidden",position:"absolute",whiteSpace:"nowrap",width:"1px"}:null}
+`,_=h.forwardRef(({children:e,tag:t,variant:o="b4R",color:l="grey.100",textAlign:r,noWrap:i,inlineCSS:n,lineClamp:u,visuallyHidden:a=!1,...c},d)=>{var s;const{typography:p}=g.default();return f.jsx(S,{ref:d,as:t||((s=p[o])==null?void 0:s.tag),variant:o,color:l,textAlign:r,noWrap:i,lineClamp:u,visuallyHidden:a,...c,css:n,children:e})});exports.default=_;

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,15 @@
+import { ElementType, ReactNode } from 'react';
+import { Color, PolymorphicComponentProps } from '../typings/component';
+import { TypographyBodyKey, TypographyCaptionKey, TypographyDisplayKey, TypographyHeadlineKey } from '../typings/typography';
+
+export type TypographyProps<T extends ElementType = 'div'> = PolymorphicComponentProps<T> & {
+    variant?: TypographyDisplayKey | TypographyHeadlineKey | TypographyBodyKey | TypographyCaptionKey;
+    color?: Color;
+    textAlign?: 'left' | 'center' | 'right';
+    noWrap?: boolean;
+    lineClamp?: number;
+    visuallyHidden?: boolean;
+};
+type TypographyComponent<DT extends ElementType> = <T extends ElementType = DT>(props: TypographyProps<T>) => ReactNode;
+declare const Typography: TypographyComponent<'div'>;
+export default Typography;

package/dist/Typography/Typography.es.js

@@ -0,0 +1,80 @@
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { forwardRef as m } from "react";
+import w from "../core/useTheme.es.js";
+import g from "@emotion/styled";
+import y from "../utils/getPaletteColor/getPaletteColor.es.js";
+const u = g.div`
+  ${({ theme: { typography: e }, variant: t = "b4R" }) => {
+  const { size: o, weight: r, lineHeight: i, letterSpacing: l } = e[t];
+  return {
+    fontSize: o,
+    fontWeight: r,
+    lineHeight: i,
+    letterSpacing: l
+  };
+}};
+
+  color: ${({ theme: e, color: t = "grey.100" }) => y(t, {
+  theme: e
+})};
+
+  ${({ textAlign: e }) => e ? { textAlign: e } : null};
+
+  ${({ noWrap: e }) => e ? {
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+} : null}
+
+  ${({ lineClamp: e }) => e ? {
+  display: "-webkit-box",
+  overflow: "hidden",
+  WebkitLineClamp: e,
+  WebkitBoxOrient: "vertical"
+} : null}
+
+  ${({ visuallyHidden: e }) => e ? {
+  clip: "rect(0 0 0 0)",
+  clipPath: "inset(50%)",
+  height: "1px",
+  overflow: "hidden",
+  position: "absolute",
+  whiteSpace: "nowrap",
+  width: "1px"
+} : null}
+`, k = m(
+  ({
+    children: e,
+    tag: t,
+    variant: o = "b4R",
+    color: r = "grey.100",
+    textAlign: i,
+    noWrap: l,
+    inlineCSS: n,
+    lineClamp: s,
+    visuallyHidden: a = !1,
+    ...h
+  }, f) => {
+    var p;
+    const { typography: c } = w();
+    return /* @__PURE__ */ d(
+      u,
+      {
+        ref: f,
+        as: t || ((p = c[o]) == null ? void 0 : p.tag),
+        variant: o,
+        color: r,
+        textAlign: i,
+        noWrap: l,
+        lineClamp: s,
+        visuallyHidden: a,
+        ...h,
+        css: n,
+        children: e
+      }
+    );
+  }
+);
+export {
+  k as default
+};

package/dist/Typography/Typography.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: <T extends import('react').ElementType = "div">(props: import('./Typography').TypographyProps<T>) => import('react').ReactNode;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Display: Story;
+export declare const Headline: Story;
+export declare const Body: Story;
+export declare const Caption: Story;
+export declare const TextAlign: Story;
+export declare const NoWrap: Story;
+export declare const LineClamp: Story;
+export declare const VisuallyHidden: Story;

package/dist/Typography/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Typography.cjs");exports.default=e.default;

package/dist/Typography/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Typography } from './Typography';
+
+export default Typography;

package/dist/Typography/index.es.js

@@ -0,0 +1,4 @@
+import p from "./Typography.es.js";
+export {
+  p as default
+};

package/dist/core/GlobalStyle.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@emotion/react/jsx-runtime"),o=require("@emotion/react"),r=require("./useTheme.cjs");function a(){const{palette:{grey:e}}=r.default();return t.jsx(o.Global,{styles:{"*":{margin:0,padding:0,font:"inherit",color:"inherit",WebkitTapHighlightColor:"transparent",userSelect:"none"},"*, :after, :before":{boxSizing:"border-box",MozOsxFontSmoothing:"grayscale",WebkitFontSmoothing:"antialiased"},":root":{WebkitTextSizeAdjust:"100%",textSizeAdjust:"100%",cursor:"default",overflowWrap:"break-word",MozTabSize:4,tabSize:4},"html, body":{height:"100%",backgroundColor:e.white,color:e[100],fontFamily:`Pretendard, -apple-system, BlinkMacSystemFont, Helvetica Neue,
+            Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, 나눔고딕, Nanum Gothic,
+            Noto Sans KR, Noto Sans CJK KR, arial, 돋움, Dotum, Tahoma, Geneva, sans-serif`},"input, textarea":{userSelect:"text"},"picture, video, canvas":{display:"block",maxWidth:"100%"},"svg, img, video":{verticalAlign:"middle"},button:{background:"none",border:0,cursor:"pointer"},a:{textDecoration:"none"},table:{borderCollapse:"collapse",borderSpacing:0},ul:{listStyle:"none"}}})}exports.default=a;

package/dist/core/GlobalStyle.d.ts

@@ -0,0 +1,2 @@
+declare function GlobalStyle(): import("@emotion/react/jsx-runtime").JSX.Element;
+export default GlobalStyle;

package/dist/core/GlobalStyle.es.js

@@ -0,0 +1,72 @@
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { Global as t } from "@emotion/react";
+import r from "./useTheme.es.js";
+function l() {
+  const {
+    palette: { grey: e }
+  } = r();
+  return /* @__PURE__ */ o(
+    t,
+    {
+      styles: {
+        "*": {
+          margin: 0,
+          padding: 0,
+          font: "inherit",
+          color: "inherit",
+          WebkitTapHighlightColor: "transparent",
+          userSelect: "none"
+        },
+        "*, :after, :before": {
+          boxSizing: "border-box",
+          MozOsxFontSmoothing: "grayscale",
+          WebkitFontSmoothing: "antialiased"
+        },
+        ":root": {
+          WebkitTextSizeAdjust: "100%",
+          textSizeAdjust: "100%",
+          cursor: "default",
+          overflowWrap: "break-word",
+          MozTabSize: 4,
+          tabSize: 4
+        },
+        "html, body": {
+          height: "100%",
+          backgroundColor: e.white,
+          color: e[100],
+          fontFamily: `Pretendard, -apple-system, BlinkMacSystemFont, Helvetica Neue,
+            Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, 나눔고딕, Nanum Gothic,
+            Noto Sans KR, Noto Sans CJK KR, arial, 돋움, Dotum, Tahoma, Geneva, sans-serif`
+        },
+        "input, textarea": {
+          userSelect: "text"
+        },
+        "picture, video, canvas": {
+          display: "block",
+          maxWidth: "100%"
+        },
+        "svg, img, video": {
+          verticalAlign: "middle"
+        },
+        button: {
+          background: "none",
+          border: 0,
+          cursor: "pointer"
+        },
+        a: {
+          textDecoration: "none"
+        },
+        table: {
+          borderCollapse: "collapse",
+          borderSpacing: 0
+        },
+        ul: {
+          listStyle: "none"
+        }
+      }
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/core/ThemeContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=e.createContext({mode:"light",type:"tictoccroc-parent"});exports.default=t;

package/dist/core/ThemeContext.d.ts

@@ -0,0 +1,4 @@
+import { ThemeConfig } from '../typings/theme/core';
+
+declare const ThemeContext: import('react').Context<ThemeConfig>;
+export default ThemeContext;

package/dist/core/ThemeContext.es.js

@@ -0,0 +1,8 @@
+import { createContext as t } from "react";
+const o = t({
+  mode: "light",
+  type: "tictoccroc-parent"
+});
+export {
+  o as default
+};

package/dist/core/ThemeProvider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@emotion/react/jsx-runtime"),o=require("@emotion/react"),i=require("../themes/tictoccroc/parentLight.cjs"),l=require("../themes/tictoccroc/teacherLight.cjs"),s=require("./GlobalStyle.cjs"),a=require("./ThemeContext.cjs");function d({children:r,themeConfig:e={mode:"light",type:"tictoccroc-parent"},disableGlobalStyle:c}){const u=(e==null?void 0:e.type)==="tictoccroc-teacher"?l.default:i.default;return t.jsxs(a.default.Provider,{value:e,children:[!c&&t.jsx(s.default,{}),t.jsx(o.ThemeProvider,{theme:u,children:r})]})}exports.default=d;

package/dist/core/ThemeProvider.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { ThemeConfig } from '../typings/theme/core';
+
+interface ThemeProviderProps {
+    themeConfig?: ThemeConfig;
+    disableGlobalStyle?: boolean;
+}
+declare function ThemeProvider({ children, themeConfig, disableGlobalStyle }: PropsWithChildren<ThemeProviderProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default ThemeProvider;