@liner-fe/prism 3.3.6 → 3.4.6

package/lib/index.css

@@ -1578,21 +1578,27 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/primitive/style.module.scss */
-._anchor_1d9jc_1 {
+._anchor_1ynpr_2 {
   transform: rotate(270deg) translateX(7px);
 }
-._content_1d9jc_5 {
+._content_1ynpr_6 {
   border-radius: var(--lp-sys-radius-m);
-  width: 100%;
   box-shadow:
     0px 2px 12px 0px rgba(0, 0, 0, 0.1),
     0px 1px 8px 0px rgba(0, 0, 0, 0.06),
     0px 0px 1px 0px rgba(0, 0, 0, 0.06);
 }
-._content_1d9jc_5 p {
+._content_1ynpr_6 p {
   margin: 0;
 }
-._overlay_1d9jc_14 {
+._content_1ynpr_6 {
+}
+._content_1ynpr_6[data-side] > span {
+  visibility: visible !important;
+}
+._content_1ynpr_6 {
+}
+._overlay_1ynpr_24 {
   position: fixed;
   top: 0;
   left: 0;
@@ -1601,21 +1607,84 @@
   background: rgba(255, 255, 255, 0.7490196078);
   z-index: 9;
 }
-._close_1d9jc_24 {
+._close_1ynpr_34 {
   cursor: pointer;
 }
 
+/* esbuild-sass-plugin:css-chunk:src/components/Badge/style.module.scss */
+._badge_f8fzb_1 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  box-sizing: border-box;
+  gap: var(--lp-sys-padding-component-50);
+}
+._s_f8fzb_10 {
+  padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
+  border-radius: var(--lp-sys-radius-xs);
+}
+._m_f8fzb_15 {
+  padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
+  border-radius: var(--lp-sys-radius-xs);
+}
+._l_f8fzb_20 {
+  padding: var(--lp-sys-padding-component-100) var(--lp-sys-padding-component-150);
+  border-radius: var(--lp-sys-radius-s);
+}
+._text_f8fzb_25 {
+  padding: 0 var(--lp-sys-padding-component-50);
+}
+._subtle_f8fzb_29 {
+  background: var(--neutral-fill-overlay-mid);
+}
+._outlined_f8fzb_33 {
+  background: var(--neutral-fill-opaque-lowest);
+  border: 1px solid var(--neutral-border-overlay-subtle);
+}
+._fill-primary_f8fzb_38 {
+  background: var(--brand-fill-low);
+}
+._fill-accent_f8fzb_42 {
+  background: var(--accent-fill-primary);
+}
+._inverse-primary_f8fzb_46 {
+  background: var(--brandinverse-fill-static-low);
+}
+._text-neutral_f8fzb_50 {
+  color: var(--neutral-label-primary);
+}
+._text-neutral-secondary_f8fzb_54 {
+  color: var(--neutral-label-secondary);
+}
+._text-primary_f8fzb_58 {
+  color: var(--brand-label-primary);
+}
+._text-primary-inverse_f8fzb_62 {
+  color: var(--brandinverse-label-static-primary);
+}
+._text-caution_f8fzb_66 {
+  color: var(--function-label-caution);
+}
+._text-error_f8fzb_70 {
+  color: var(--function-label-negative);
+}
+._text-accent_f8fzb_74 {
+  color: var(--accent-label-primary);
+}
+
 /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/compact/style.module.scss */
-._content_mrnt5_1 {
-  position: relative;
+._content_1wkpa_2 {
   display: flex;
   align-items: center;
-  gap: var(--lp-sys-gap-positive-100);
-  padding: var(--lp-sys-padding-component-200);
   width: fit-content;
-  animation: _slideIn_mrnt5_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+  background: var(--inverse-container-static-high);
+  animation: _slideIn_1wkpa_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+}
+._content_1wkpa_2 svg > path {
+  fill: var(--inverse-container-static-high);
 }
-@keyframes _slideIn_mrnt5_1 {
+@keyframes _slideIn_1wkpa_1 {
   from {
     transform: translateY(10px);
     opacity: 0;
@@ -1625,35 +1694,131 @@
     opacity: 1;
   }
 }
-._content_mrnt5_1:hover ._closeButton_mrnt5_20 {
-  display: block;
+._clickable_1wkpa_23 {
+  display: flex;
+  align-items: center;
+  gap: var(--lp-sys-gap-positive-200);
+  padding: var(--lp-sys-padding-component-200);
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  text-align: left;
+  color: inherit;
+  font: inherit;
 }
-._brand_mrnt5_24 {
-  background: var(--brand-container-mid);
+._main_1wkpa_36 {
+  margin: 0;
 }
-._brand_mrnt5_24 svg > path {
-  fill: var(--brand-container-mid);
+._content_1wkpa_2[data-side=top][data-align=start] > span,
+._content_1wkpa_2[data-side=bottom][data-align=start] > span {
+  left: 19px !important;
+  right: auto !important;
 }
-._inverse-static_mrnt5_31 {
+._content_1wkpa_2[data-side=top][data-align=end] > span,
+._content_1wkpa_2[data-side=bottom][data-align=end] > span {
+  left: auto !important;
+  right: 19px !important;
+}
+
+/* esbuild-sass-plugin:css-chunk:src/components/coach-mark/main/style.module.scss */
+._content_1cmnt_2 {
+  display: flex;
+  flex-direction: column;
+  width: 280px;
+  padding-top: var(--lp-sys-padding-component-300);
+  padding-bottom: var(--lp-sys-padding-component-400);
+  box-sizing: border-box;
   background: var(--inverse-container-static-high);
+  animation: _slideIn_1cmnt_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
 }
-._inverse-static_mrnt5_31 svg > path {
+._content_1cmnt_2 > span > svg > path {
   fill: var(--inverse-container-static-high);
 }
-._inverse_mrnt5_31 {
-  background: var(--inverse-container-lowest);
+@keyframes _slideIn_1cmnt_1 {
+  from {
+    transform: translateY(10px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0px);
+    opacity: 1;
+  }
+}
+._top_1cmnt_26 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--lp-sys-gap-positive-200);
+  padding-bottom: var(--lp-sys-padding-component-300);
 }
-._inverse_mrnt5_31 svg > path {
-  fill: var(--inverse-container-lowest);
+._main_1cmnt_33 {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: var(--lp-sys-gap-positive-200);
+}
+._title_1cmnt_40 {
+  display: flex;
+  align-items: center;
+  gap: var(--lp-sys-padding-component-200);
+  padding-left: var(--lp-sys-padding-component-400);
+  padding-right: var(--lp-sys-padding-component-700);
+  padding-top: var(--lp-sys-padding-component-50);
+  padding-bottom: var(--lp-sys-padding-component-50);
 }
-._close_mrnt5_20 {
+._title_1cmnt_40 > p {
+  flex: 1;
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+._description_1cmnt_57 {
+  white-space: pre-wrap;
+  padding-left: var(--lp-sys-padding-component-400);
+  padding-right: var(--lp-sys-padding-component-400);
+}
+._media_1cmnt_63 {
+  width: 100%;
+  max-width: 280px;
+  margin: var(--lp-sys-padding-component-50) 0;
+}
+._footer_1cmnt_69 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: var(--lp-sys-padding-component-400);
+  padding-right: var(--lp-sys-padding-component-400);
+}
+._footer_1cmnt_69 ._buttonGroup_1cmnt_76 {
+  display: flex;
+  gap: var(--lp-sys-gap-positive-100);
+  align-items: center;
+}
+._closeButton_1cmnt_82 {
   position: absolute;
-  top: 0;
-  right: 0;
-  transform: translate(40%, -40%);
+  top: 8px;
+  right: 8px;
+  border-radius: 4px;
 }
-._main_mrnt5_52 {
-  margin: 0;
+._content_1cmnt_2[data-side=top][data-align=start] > span,
+._content_1cmnt_2[data-side=bottom][data-align=start] > span {
+  left: 19px !important;
+  right: auto !important;
+}
+._content_1cmnt_2[data-side=top][data-align=end] > span,
+._content_1cmnt_2[data-side=bottom][data-align=end] > span {
+  left: auto !important;
+  right: 19px !important;
+}
+._content_1cmnt_2[data-side=left][data-align=start] > span,
+._content_1cmnt_2[data-side=right][data-align=start] > span {
+  top: 19px !important;
+  bottom: auto !important;
+}
+._content_1cmnt_2[data-side=left][data-align=end] > span,
+._content_1cmnt_2[data-side=right][data-align=end] > span {
+  top: auto !important;
+  bottom: 19px !important;
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Tag/style.module.scss */
@@ -1752,151 +1917,3 @@
 ._border-accent-pink_b57yu_124 {
   border: 1px solid var(--accent-label-pink);
 }
-
-/* esbuild-sass-plugin:css-chunk:src/components/coach-mark/main/style.module.scss */
-._content_1w9jj_1 {
-  display: flex;
-  flex-direction: column;
-  min-width: 230px;
-  padding: var(--lp-sys-padding-component-400);
-  box-sizing: border-box;
-  animation: _slideIn_1w9jj_1 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
-}
-@keyframes _slideIn_1w9jj_1 {
-  from {
-    transform: translateY(10px);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0px);
-    opacity: 1;
-  }
-}
-._content_1w9jj_1._brand_1w9jj_19 {
-  background: var(--inverse-container-static-high);
-}
-._content_1w9jj_1._brand_1w9jj_19 > span > svg > path {
-  fill: var(--inverse-container-static-high);
-}
-._content_1w9jj_1._inverse-static_1w9jj_25 {
-  background: var(--inverse-container-static-high);
-}
-._content_1w9jj_1._inverse-static_1w9jj_25 > span > svg > path {
-  fill: var(--inverse-container-static-high);
-}
-._content_1w9jj_1._inverse_1w9jj_25 {
-  background: var(--inverse-container-lowest);
-}
-._content_1w9jj_1._inverse_1w9jj_25 > span > svg > path {
-  fill: var(--inverse-container-lowest);
-}
-._top_1w9jj_38 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--lp-sys-padding-component-400);
-}
-._main_1w9jj_44 {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: var(--lp-sys-gap-positive-100);
-}
-._title_1w9jj_51 {
-  display: flex;
-  align-items: center;
-  gap: var(--lp-sys-gap-positive-150);
-}
-._description_1w9jj_57 {
-  white-space: pre-wrap;
-}
-._footer_1w9jj_61 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-top: var(--lp-sys-gap-positive-150);
-}
-._footer_1w9jj_61 ._buttonGroup_1w9jj_67 {
-  display: flex;
-  gap: var(--lp-sys-gap-positive-400);
-  height: 28px;
-}
-._closeButton_1w9jj_73 {
-  position: absolute;
-  top: 0;
-  right: 0;
-  transform: translate(-25%, 25%);
-  opacity: 0.64;
-}
-._image-container_1w9jj_81 {
-  position: relative;
-  width: 248px;
-  height: 160px;
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-._image_1w9jj_81 {
-  position: absolute;
-  transform: translateX(-5.7%);
-}
-
-/* esbuild-sass-plugin:css-chunk:src/components/Badge/style.module.scss */
-._badge_f8fzb_1 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  box-sizing: border-box;
-  gap: var(--lp-sys-padding-component-50);
-}
-._s_f8fzb_10 {
-  padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
-  border-radius: var(--lp-sys-radius-xs);
-}
-._m_f8fzb_15 {
-  padding: var(--lp-sys-padding-component-50) var(--lp-sys-padding-component-100);
-  border-radius: var(--lp-sys-radius-xs);
-}
-._l_f8fzb_20 {
-  padding: var(--lp-sys-padding-component-100) var(--lp-sys-padding-component-150);
-  border-radius: var(--lp-sys-radius-s);
-}
-._text_f8fzb_25 {
-  padding: 0 var(--lp-sys-padding-component-50);
-}
-._subtle_f8fzb_29 {
-  background: var(--neutral-fill-overlay-mid);
-}
-._outlined_f8fzb_33 {
-  background: var(--neutral-fill-opaque-lowest);
-  border: 1px solid var(--neutral-border-overlay-subtle);
-}
-._fill-primary_f8fzb_38 {
-  background: var(--brand-fill-low);
-}
-._fill-accent_f8fzb_42 {
-  background: var(--accent-fill-primary);
-}
-._inverse-primary_f8fzb_46 {
-  background: var(--brandinverse-fill-static-low);
-}
-._text-neutral_f8fzb_50 {
-  color: var(--neutral-label-primary);
-}
-._text-neutral-secondary_f8fzb_54 {
-  color: var(--neutral-label-secondary);
-}
-._text-primary_f8fzb_58 {
-  color: var(--brand-label-primary);
-}
-._text-primary-inverse_f8fzb_62 {
-  color: var(--brandinverse-label-static-primary);
-}
-._text-caution_f8fzb_66 {
-  color: var(--function-label-caution);
-}
-._text-error_f8fzb_70 {
-  color: var(--function-label-negative);
-}
-._text-accent_f8fzb_74 {
-  color: var(--accent-label-primary);
-}

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 import { SystemKeys, TypographyCaptionPrefix, TypographyParagraphPrefix, TypographyHeadingPrefix, TypographyTitlePrefix, TypographyDisplayPrefix, BasicColorType } from '@liner-fe/design-token-primitive';
 import * as react from 'react';
-import react__default, { ButtonHTMLAttributes, HTMLAttributes, JSX, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes, MouseEventHandler } from 'react';
+import react__default, { ButtonHTMLAttributes, HTMLAttributes, JSX, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes, MouseEventHandler, ReactElement } from 'react';
 import * as cva from 'cva';
 import { VariantProps } from 'cva';
 import { IconProps, IconComponentType } from '@liner-fe/icon';
@@ -10,7 +10,6 @@ import { breakpointOrigin } from '@liner-fe/design-token';
 import { Popover as Popover$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, RadioGroup, Select as Select$1, Label as Label$1 } from 'radix-ui';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { PopoverProps, PopoverPortalProps } from '@radix-ui/react-popover';
-import { IllustProps } from '@liner-fe/illust';
 
 declare const objectToArray: <T extends Record<string, unknown>>(obj: T) => [keyof T, T[keyof T]][];
 declare const arrayToStyleObject: <T extends SystemKeys>(colorKeys: T[], style: {
@@ -480,20 +479,58 @@ interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {
 }
 declare const Loading: ({ type, ...props }: LoadingProps) => react_jsx_runtime.JSX.Element;
 
-interface LogoSquareProps {
-    type: 'circle' | 'favicon' | 'symbol-main' | 'symbol-circle';
-    size: number;
-    className?: string;
+/**
+ * 로고 소스 레지스트리 — PRISM 파이프라인의 단일 진실 소스(P0).
+ *
+ * 아이콘의 figma.json 에 대응하는 "로고 소스"다. 이후 단계에서
+ * - admin `logos` 테이블 import / manifest `logos` 섹션
+ * - `@liner-fe/logo` codegen
+ * 이 같은 형태(name / category / viewBox / fixedColor / svg)를 그대로 소비한다.
+ *
+ * 네이밍은 Figma `lp-pri-logo-{category}-{name}` 택소노미를 정규형으로 채택한다.
+ * (파일 LmqEWmsAzA0cNzA63lyo4G, node 17361-40)
+ *
+ * 색 모델:
+ * - fixedColor=false → 단색 테마 적응. path 는 fill 을 지정하지 않고 상위 <svg fill> 을 상속.
+ *   렌더러가 디자인 토큰 색을 <svg fill> 로 주입한다.
+ * - fixedColor=true  → 브랜드 고정 멀티컬러(badge). path 가 자체 fill 을 가지며 토큰 주입 안 함.
+ */
+type LogoCategory = 'symbol' | 'combination' | 'wordmark' | 'badge';
+type LogoName = 'symbol-main' | 'symbol-circle' | 'symbol-rounded' | 'favicon' | 'combination-liner' | 'combination-team' | 'combination-scholar' | 'combination-write' | 'combination-platform' | 'combination-developers' | 'wordmark-careers' | 'badge-pro' | 'badge-max';
+interface LogoDef {
+    category: LogoCategory;
+    /** 본연 종횡비 산출용 [viewBoxWidth, viewBoxHeight] */
+    viewBox: [number, number];
+    /** true 면 브랜드 고정색(토큰 주입 안 함) */
+    fixedColor: boolean;
+    /**
+     * <svg> 내부 마크업. fixedColor=false 인 경우 `fill` 인자(디자인 토큰 색)를 사용하고,
+     * fixedColor=true 면 인자를 무시하고 자체 고정색을 쓴다.
+     */
+    paths: (fill: string) => ReactNode;
 }
-interface LogoRectangleProps {
-    type: 'combination' | 'team' | 'pro' | 'max' | 'scholar' | 'developers' | 'platform' | 'write' | 'careers';
-    width: number;
-    height: number;
-    className?: string;
+declare const LOGOS: Record<LogoName, LogoDef>;
+
+interface LogoProps {
+    /** 로고 이름. Figma `lp-pri-logo-{category}-{name}` 택소노미를 따른다. */
+    name: LogoName;
+    /**
+     * 렌더 높이(px). 너비는 로고 본연의 종횡비로 자동 계산된다.
+     * 미지정 시 로고의 viewBox 높이를 그대로 사용.
+     */
+    height?: number;
+    /**
+     * 단색(테마 적응) 로고의 색 토큰. 기본 `brand-label-secondary`.
+     * 고정색 로고(badge 등)에는 무시된다.
+     */
     fill?: BasicColorType;
+    className?: string;
 }
-type LogoProps = LogoSquareProps | LogoRectangleProps;
-declare const Logo: (props: LogoProps) => react_jsx_runtime.JSX.Element;
+/**
+ * 브랜드 로고. SVG 는 `logos.tsx` 레지스트리(PRISM 파이프라인 소스)에서 가져오며,
+ * 이 컴포넌트는 viewBox·종횡비·색 토큰을 적용하는 얇은 렌더러다.
+ */
+declare const Logo: ({ name, height, fill, className }: LogoProps) => react_jsx_runtime.JSX.Element;
 
 type PrimitiveCoachMarkRootProps = PopoverProps & {
     trigger: ReactNode;
@@ -517,6 +554,19 @@ declare const PrimitiveCoachMark: (({ trigger, children, ...props }: PrimitiveCo
     Close: ({ className, onClick }: HTMLAttributes<HTMLOrSVGElement>) => react_jsx_runtime.JSX.Element;
 };
 
+type CompactCoachMarkProps = PrimitiveCoachMarkRootProps;
+type CompactCoachMarkContentProps = Omit<PrimitiveCoachMarkContentProps, 'children'> & {
+    badge?: string;
+    title: string;
+};
+declare const CompactCoachMark: ((props: CompactCoachMarkProps) => react_jsx_runtime.JSX.Element) & {
+    Content: react.ForwardRefExoticComponent<Omit<PrimitiveCoachMarkContentProps, "children"> & {
+        badge?: string;
+        title: string;
+    } & react.RefAttributes<HTMLDivElement>>;
+    Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
+};
+
 interface Step {
     total: number;
     current: number;
@@ -529,43 +579,29 @@ interface RestrictedButtonProps {
 type CoachMarkProps = PrimitiveCoachMarkRootProps & {
     children?: ReactNode;
 };
-interface BaseCoachMarkContentProps extends Omit<PrimitiveCoachMarkContentProps, 'children'> {
-    tag?: string;
-    title?: string;
-    level?: 'brand' | 'inverse-static';
-    onClose?: MouseEventHandler<HTMLOrSVGElement>;
-}
-type BaseCoachMarkContent = {
-    icon?: {
-        icon: IconComponentType;
-    } & Pick<IconProps, 'fill' | 'type' | 'fillType'>;
+type CoachMarkContentProps = Omit<PrimitiveCoachMarkContentProps, 'children'> & {
+    badge?: string;
+    title: string;
     description?: string;
+    media?: ReactElement;
+    preloadSrc?: string;
     step?: Step;
-    primaryButton?: RestrictedButtonProps;
+    primaryButton: RestrictedButtonProps;
     secondaryButton?: RestrictedButtonProps;
-    width?: number;
+    onClose?: MouseEventHandler<HTMLButtonElement>;
 };
-type WithImage = BaseCoachMarkContent & {
-    image: React.ImgHTMLAttributes<HTMLImageElement>;
-    illust?: undefined;
-};
-type WithIllust = BaseCoachMarkContent & {
-    image?: undefined;
-    illust: Omit<IllustProps, 'width'>;
-};
-type WithoutMedia = BaseCoachMarkContent & {
-    image?: undefined;
-    illust?: undefined;
-};
-type CoachMarkContentProps = (WithImage | WithIllust | WithoutMedia) & BaseCoachMarkContentProps;
 declare const CoachMark: ((props: CoachMarkProps) => react_jsx_runtime.JSX.Element) & {
-    Content: react.ForwardRefExoticComponent<CoachMarkContentProps & react.RefAttributes<HTMLDivElement>>;
-    Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
-};
-
-type CompactCoachMarkProps = PrimitiveCoachMarkRootProps;
-declare const CompactCoachMark: ((props: CompactCoachMarkProps) => react_jsx_runtime.JSX.Element) & {
-    Content: react.ForwardRefExoticComponent<BaseCoachMarkContentProps & react.RefAttributes<HTMLDivElement>>;
+    Content: react.ForwardRefExoticComponent<Omit<PrimitiveCoachMarkContentProps, "children"> & {
+        badge?: string;
+        title: string;
+        description?: string;
+        media?: ReactElement;
+        preloadSrc?: string;
+        step?: Step;
+        primaryButton: RestrictedButtonProps;
+        secondaryButton?: RestrictedButtonProps;
+        onClose?: MouseEventHandler<HTMLButtonElement>;
+    } & react.RefAttributes<HTMLDivElement>>;
     Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
 };
 
@@ -605,4 +641,4 @@ type BadgeBaseProps = ComponentPropsWithoutRef<'span'> & {
 type BadgeProps = BadgeBaseProps & BadgeVariantColorProps;
 declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
 
-export { Badge, type BadgeColor, type BadgeIconProps, type BadgeProps, type BadgeSize, type BadgeVariant, type BaseCoachMarkContentProps, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DEFAULT_LEVEL_OPTIONS, DEFAULT_SIZE_OPTIONS, DefaultButton, type DefaultButtonProps, type DefaultLevelType, Display, Heading, ICON_LEVEL_OPTIONS, ICON_SIZE_OPTIONS, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, IconButton, type IconButtonProps, type ItemProps, Label, List, Loading, type LoadingLevelType, Logo, type LogoProps, type LogoRectangleProps, type LogoSquareProps, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, type PromiseToastOptions, Radio, Select, type SelectItemProps, type SelectProps, TEXT_LEVEL_OPTIONS, TEXT_SIZE_OPTIONS, Tag, TextButton, type TextButtonProps, type TextSizeType, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, type ToastOptions, type ToastType, Toaster, Tooltip, Typography, arrayToStyleObject, isEmptyObject, objectToArray, rootMediaStyle, toast };
+export { Badge, type BadgeColor, type BadgeIconProps, type BadgeProps, type BadgeSize, type BadgeVariant, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, type CompactCoachMarkContentProps, DEFAULT_LEVEL_OPTIONS, DEFAULT_SIZE_OPTIONS, DefaultButton, type DefaultButtonProps, type DefaultLevelType, Display, Heading, ICON_LEVEL_OPTIONS, ICON_SIZE_OPTIONS, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, IconButton, type IconButtonProps, type ItemProps, LOGOS, Label, List, Loading, type LoadingLevelType, Logo, type LogoCategory, type LogoName, type LogoProps, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, type PromiseToastOptions, Radio, Select, type SelectItemProps, type SelectProps, TEXT_LEVEL_OPTIONS, TEXT_SIZE_OPTIONS, Tag, TextButton, type TextButtonProps, type TextSizeType, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, type ToastOptions, type ToastType, Toaster, Tooltip, Typography, arrayToStyleObject, isEmptyObject, objectToArray, rootMediaStyle, toast };