@coldsurf/ocean-road 1.13.2

package/dist/css/global.css

@@ -0,0 +1,30 @@
+html,
+body {
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  background-color: white;
+  color: black;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: rgb(24, 24, 31);
+    color: rgb(238, 238, 238);
+  }
+}
+
+a {
+  color: #2563eb;
+  text-decoration: none;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+h1 {
+  font-weight: 800;
+}

package/dist/index.d.ts

@@ -0,0 +1,641 @@
+import * as react0$1 from "react";
+import * as react0 from "react";
+import * as react44 from "react";
+import * as react68 from "react";
+import * as react94 from "react";
+import * as react84 from "react";
+import * as react61 from "react";
+import * as react88 from "react";
+import * as react63 from "react";
+import * as react53 from "react";
+import * as react62 from "react";
+import * as react51 from "react";
+import * as react59 from "react";
+import * as react23 from "react";
+import * as react82 from "react";
+import * as react90 from "react";
+import * as react49 from "react";
+import * as react72 from "react";
+import * as react27 from "react";
+import * as react85 from "react";
+import * as react42 from "react";
+import * as react92 from "react";
+import * as react80 from "react";
+import * as react71 from "react";
+import * as react1 from "react";
+import { ButtonHTMLAttributes, CSSProperties, ComponentPropsWithRef, DetailedHTMLProps, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode, Ref, RefObject, SVGProps, TextareaHTMLAttributes } from "react";
+import * as _emotion_react1 from "@emotion/react";
+import * as _emotion_react0 from "@emotion/react";
+import { SerializedStyles } from "@emotion/react";
+import * as _emotion_styled1 from "@emotion/styled";
+import * as _emotion_styled0 from "@emotion/styled";
+import darkColorDesignTokens from "@coldsurfers/ocean-road-design-tokens/dist/json/color/variables-dark.json";
+import lightColorDesignTokens from "@coldsurfers/ocean-road-design-tokens/dist/json/color/variables-light.json";
+import colorDesignTokens from "@coldsurfers/ocean-road-design-tokens/js/color/variables";
+import { icons } from "lucide-react";
+import { MotionProps } from "framer-motion";
+
+//#region src/tokens/tokens.types.d.ts
+type ColorDesignTokens = typeof colorDesignTokens;
+type DarkColorDesignTokens = typeof darkColorDesignTokens;
+type LightColorDesignTokens = typeof lightColorDesignTokens;
+//# sourceMappingURL=tokens.types.d.ts.map
+//#endregion
+//#region src/tokens/tokens.d.ts
+declare const colors: ColorDesignTokens;
+declare const semantics: {
+  readonly color: {
+    readonly background: {
+      readonly "1": "var(--color-background-1)";
+      readonly "2": "var(--color-background-2)";
+      readonly "3": "var(--color-background-3)";
+      readonly "4": "var(--color-background-4)";
+      readonly "5": "var(--color-background-5)";
+    };
+    readonly foreground: {
+      readonly "1": "var(--color-foreground-1)";
+      readonly "2": "var(--color-foreground-2)";
+      readonly "3": "var(--color-foreground-3)";
+      readonly "4": "var(--color-foreground-4)";
+    };
+    readonly border: {
+      readonly "1": "var(--color-border-1)";
+      readonly "2": "var(--color-border-2)";
+    };
+    readonly dimmed: {
+      readonly "1": "var(--color-dimmed-1)";
+    };
+  };
+};
+declare const semanticVariables: {
+  readonly light: {
+    readonly color: {
+      readonly background: {
+        readonly "1": "#ffffff";
+        readonly "2": "#f1f3f5";
+        readonly "3": "#e9ecef";
+        readonly "4": "#dee2e6";
+        readonly "5": "#ced4da";
+      };
+      readonly foreground: {
+        readonly "1": "#212529";
+        readonly "2": "#343a40";
+        readonly "3": "#495057";
+        readonly "4": "#868e96";
+      };
+      readonly border: {
+        readonly "1": "#f1f3f5";
+        readonly "2": "#e9ecef";
+      };
+      readonly dimmed: {
+        readonly "1": "#f1f3f5";
+      };
+    };
+  };
+  readonly dark: {
+    readonly color: {
+      readonly background: {
+        readonly "1": "#000000";
+        readonly "2": "#212529";
+        readonly "3": "#343a40";
+        readonly "4": "#495057";
+        readonly "5": "#868e96";
+      };
+      readonly foreground: {
+        readonly "1": "#f1f3f5";
+        readonly "2": "#e9ecef";
+        readonly "3": "#dee2e6";
+        readonly "4": "#ced4da";
+      };
+      readonly border: {
+        readonly "1": "#495057";
+        readonly "2": "#868e96";
+      };
+      readonly dimmed: {
+        readonly "1": "#495057";
+      };
+    };
+  };
+};
+//# sourceMappingURL=tokens.d.ts.map
+//#endregion
+//#region src/contexts/ColorSchemeProvider.d.ts
+type ColorScheme = 'light' | 'dark' | 'userPreference';
+interface Theme extends DarkColorDesignTokens, LightColorDesignTokens {
+  name: 'lightMode' | 'darkMode';
+}
+declare const lightModeTheme: Theme;
+declare const darkModeTheme: Theme;
+declare const generateCssVar: (themeName: Theme["name"]) => string;
+declare const themeVariables: Record<"color-background-1" | "color-background-2" | "color-background-3" | "color-background-4" | "color-background-5" | "color-foreground-1" | "color-foreground-2" | "color-foreground-3" | "color-foreground-4" | "color-border-1" | "color-border-2" | "color-dimmed-1", string>;
+declare const themeToStyles: (theme: Theme) => string;
+type ThemeContextValue = {
+  theme: Theme;
+  setTheme: (theme: ColorScheme) => void;
+};
+declare const ColorSchemeProvider: ({
+  children,
+  colorScheme,
+  id
+}: PropsWithChildren<{
+  colorScheme: ColorScheme;
+  id?: string;
+}>) => react0$1.JSX.Element;
+declare const useColorScheme: () => ThemeContextValue;
+//# sourceMappingURL=ColorSchemeProvider.d.ts.map
+//#endregion
+//#region src/GlobalStyle.d.ts
+type Props$8 = {
+  themeStorageItem?: string;
+};
+declare function GlobalStyle({
+  themeStorageItem
+}: Props$8): react0.JSX.Element;
+//#endregion
+//#region src/base/button/button.types.d.ts
+type ButtonTheme = 'transparent' | 'transparentDarkGray' | 'white' | 'pink' | 'indigo' | 'border';
+//# sourceMappingURL=button.types.d.ts.map
+//#endregion
+//#region src/base/button/button.d.ts
+declare const Button: react44.ForwardRefExoticComponent<{
+  theme?: ButtonTheme;
+  variant?: ButtonTheme;
+  size?: "lg" | "md" | "sm";
+  leftIcon?: keyof typeof icons | react44.ReactElement;
+  rightIcon?: keyof typeof icons | react44.ReactElement;
+  textWeight?: "light" | "medium" | "bold";
+} & {
+  children?: react44.ReactNode | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react44.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map
+//#endregion
+//#region src/base/checkbox/checkbox.d.ts
+declare const Checkbox: react68.MemoExoticComponent<react68.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "formAction"> & {
+  size?: "lg" | "md" | "sm";
+  labelText?: string;
+} & react68.RefAttributes<HTMLInputElement>>>;
+//# sourceMappingURL=checkbox.d.ts.map
+//#endregion
+//#region src/base/icon-button/icon-button.d.ts
+declare const IconButton: react94.ForwardRefExoticComponent<react94.ButtonHTMLAttributes<HTMLButtonElement> & react94.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=icon-button.d.ts.map
+//#endregion
+//#region src/base/icon-button/icon-button.types.d.ts
+type IconButtonProps = {} & ButtonHTMLAttributes<HTMLButtonElement>;
+//# sourceMappingURL=icon-button.types.d.ts.map
+//#endregion
+//#region src/base/modal/modal.d.ts
+declare const Modal: ({
+  children,
+  visible,
+  onClose,
+  zIndex
+}: PropsWithChildren<{
+  visible: boolean;
+  onClose: () => void;
+  zIndex?: number;
+}>) => react84.JSX.Element;
+//# sourceMappingURL=modal.d.ts.map
+//#endregion
+//#region src/base/spinner/spinner.types.d.ts
+type SpinnerVariant = 'page-overlay';
+//# sourceMappingURL=spinner.types.d.ts.map
+//#endregion
+//#region src/base/spinner/spinner.d.ts
+type Props$7 = {
+  variant?: SpinnerVariant;
+  className?: string;
+};
+declare const Spinner: ({
+  variant,
+  className
+}: Props$7) => react61.JSX.Element;
+//#endregion
+//#region src/base/text/text.d.ts
+type TextProps = PropsWithChildren<ComponentPropsWithRef<'span'> & {
+  style?: CSSProperties;
+  as?: ElementType<any, keyof JSX.IntrinsicElements>;
+  numberOfLines?: number;
+}>;
+declare const Text: react88.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react88.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/base/text-area/text-area.types.d.ts
+type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
+  label?: string;
+  labelStyle?: CSSProperties;
+  noResize?: boolean;
+  isError?: boolean;
+};
+//# sourceMappingURL=text-area.types.d.ts.map
+//#endregion
+//#region src/base/text-area/text-area.d.ts
+declare const TextArea: react63.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react63.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=text-area.d.ts.map
+//#endregion
+//#region src/base/text-input/text-input.types.d.ts
+type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
+  label?: string;
+  labelStyle?: CSSProperties;
+  isError?: boolean;
+  required?: boolean;
+  left?: ReactNode;
+  right?: ReactNode;
+};
+interface TextInputRef {
+  focus: () => void;
+  blur: () => void;
+}
+//# sourceMappingURL=text-input.types.d.ts.map
+//#endregion
+//#region src/base/text-input/text-input.d.ts
+declare const TextInput: react53.ForwardRefExoticComponent<react53.InputHTMLAttributes<HTMLInputElement> & {
+  label?: string;
+  labelStyle?: react53.CSSProperties;
+  isError?: boolean;
+  required?: boolean;
+  left?: react53.ReactNode;
+  right?: react53.ReactNode;
+} & react53.RefAttributes<TextInputRef>>;
+//# sourceMappingURL=text-input.d.ts.map
+//#endregion
+//#region src/base/toast/toast.types.d.ts
+type ToastProps = {
+  message: string;
+  zIndex?: number;
+  onClose: () => void;
+};
+//# sourceMappingURL=toast.types.d.ts.map
+//#endregion
+//#region src/base/toast/toast.d.ts
+/**
+ * 사용시, framer-motion의 AnimatePresence 컴포넌트를 사용해야 합니다.
+ */
+declare const Toast: ({
+  message,
+  zIndex,
+  onClose
+}: ToastProps) => react62.JSX.Element;
+//# sourceMappingURL=toast.d.ts.map
+//#endregion
+//#region src/base/switch/switch.d.ts
+interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+  checked: boolean;
+  onChange: (checked: boolean) => void;
+}
+declare const Switch: react51.ForwardRefExoticComponent<SwitchProps & react51.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/base/badge/badge.d.ts
+type Props$6 = {
+  leftIcon?: keyof typeof icons;
+  onClick?: () => void;
+  isHighlighted?: boolean;
+  children?: string | ReactElement;
+};
+declare const Badge: react59.ForwardRefExoticComponent<Props$6 & react59.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/utils/breakpoints.d.ts
+declare const breakpoints: {
+  readonly small: 576;
+  readonly medium: 768;
+  readonly large: 992;
+  readonly 'x-large': 1280;
+  readonly 'xx-large': 1460;
+};
+//#endregion
+//#region src/utils/media.d.ts
+type BreakpointKey = keyof typeof breakpoints;
+declare const media: Record<BreakpointKey, (styles: SerializedStyles | string) => SerializedStyles>;
+//#endregion
+//#region src/utils/with-id.d.ts
+type WithId<T> = {
+  id: string;
+} & T;
+//# sourceMappingURL=with-id.d.ts.map
+//#endregion
+//#region src/extensions/grid-card-item/grid-card-item.d.ts
+type GridCardListItemProps = WithId<{
+  thumbnailUrl: string;
+  titleText: string;
+  subText: string;
+  bottomText?: string;
+  isSubscribed?: boolean;
+  rightBottomSlot?: {
+    type: 'subscribe';
+    subscribeEventBtn: ReactNode;
+  };
+  renderThumbnail?: (url: string) => ReactNode;
+  href?: string;
+  onClick?: MouseEventHandler<HTMLDivElement | HTMLAnchorElement>;
+}>;
+//#endregion
+//#region src/extensions/error-ui/index.d.ts
+declare const ErrorUI: {
+  NetworkError: react23.MemoExoticComponent<({
+    onClickRetry
+  }: {
+    onClickRetry: () => void;
+  }) => react23.JSX.Element>;
+  UnknownError: react23.MemoExoticComponent<({
+    onClickRetry
+  }: {
+    onClickRetry: () => void;
+  }) => react23.JSX.Element>;
+};
+//# sourceMappingURL=index.d.ts.map
+//#endregion
+//#region src/extensions/app-logo/app-logo.d.ts
+type LogoTheme = 'christmas' | 'transparent' | 'white-background';
+interface Props$5 {
+  type?: 'round' | 'square';
+  logoTheme: LogoTheme;
+}
+declare const AppLogo: react82.MemoExoticComponent<({
+  type,
+  logoTheme,
+  ...otherProps
+}: Props$5) => react82.JSX.Element>;
+//#endregion
+//#region src/extensions/app-store-button/app-store-button.d.ts
+type Props$4 = {
+  store: 'app-store' | 'google-play';
+};
+declare const AppStoreButton: react90.MemoExoticComponent<({
+  store
+}: Props$4) => react90.JSX.Element>;
+//#endregion
+//#region src/extensions/brand-icon/brand-icon.d.ts
+interface Props$3 extends SVGProps<SVGSVGElement> {
+  brand: 'apple' | 'google' | 'android';
+  ref?: Ref<SVGSVGElement>;
+}
+declare const BrandIcon: react49.MemoExoticComponent<({
+  brand,
+  ...svgProps
+}: Props$3) => react49.JSX.Element>;
+//#endregion
+//#region src/extensions/sns-icon/sns-icon.d.ts
+interface Props$2 extends React.SVGProps<SVGSVGElement> {
+  social: 'instagram' | 'x' | 'facebook' | 'youtube';
+  ref?: Ref<SVGSVGElement>;
+}
+declare const SNSIcon: react72.MemoExoticComponent<({
+  social,
+  ...svgProps
+}: Props$2) => react72.JSX.Element>;
+//#endregion
+//#region src/extensions/dropdown/dropdown.types.d.ts
+type DropdownMenuItemRef = {
+  close: () => void;
+};
+//# sourceMappingURL=dropdown.types.d.ts.map
+//#endregion
+//#region src/extensions/dropdown/dropdown.d.ts
+type Position = {
+  top: number;
+  left?: number;
+  right?: number;
+};
+type DropdownCoreBaseProps = {
+  isOpen: boolean;
+  onClose: () => void;
+  position?: Position;
+  className?: string;
+  style?: CSSProperties;
+  isLoading?: boolean;
+  backdrop?: boolean;
+  preventScroll?: boolean;
+  animate?: boolean;
+  triggerRef?: RefObject<HTMLElement>;
+  zIndex?: number;
+};
+type DropdownCoreProps = PropsWithChildren<({
+  edge: 'left';
+} & DropdownCoreBaseProps) | ({
+  edge: 'right';
+} & DropdownCoreBaseProps)>;
+//#endregion
+//#region src/extensions/dropdown/index.d.ts
+declare const Dropdown: {
+  ResultItem: _emotion_styled1.StyledComponent<{
+    theme?: _emotion_react1.Theme;
+    as?: React.ElementType;
+  } & {
+    $isActive?: boolean;
+  }, react27.DetailedHTMLProps<react27.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+  MenuItem: <DataItemT>(props: {
+    isCurrent: boolean;
+    icon?: react27.ReactNode;
+    title: react27.ReactNode;
+    dropdownData: DataItemT[];
+    renderDropdownItem: (item: DataItemT) => react27.ReactNode;
+    backdrop?: boolean;
+    absolute?: boolean;
+    isLoading?: boolean;
+    onClose?: () => void;
+    onMouseEnter?: (e: react27.MouseEvent<HTMLDivElement>, params: {
+      openDropdown: () => void;
+    }) => void;
+    onMouseLeave?: (e: react27.MouseEvent<HTMLDivElement>, params: {
+      closeDropdown: () => void;
+    }) => void;
+    onClick?: (e: react27.MouseEvent<HTMLDivElement>, params: {
+      openDropdown: () => void;
+    }) => void;
+  } & {
+    ref?: react27.Ref<DropdownMenuItemRef>;
+  }) => JSX.Element;
+  Core: react27.MemoExoticComponent<react27.ForwardRefExoticComponent<DropdownCoreProps & react27.RefAttributes<DropdownMenuItemRef>>>;
+  Trigger: ({
+    renderTriggerNode,
+    triggerRef,
+    children,
+    backdrop,
+    zIndex,
+    edge
+  }: react27.PropsWithChildren<{
+    renderTriggerNode: ({
+      openDropdown
+    }: {
+      openDropdown: () => void;
+    }) => react27.ReactNode;
+    triggerRef: DropdownCoreProps["triggerRef"];
+    backdrop: DropdownCoreProps["backdrop"];
+    zIndex: DropdownCoreProps["zIndex"];
+    edge: DropdownCoreProps["edge"];
+  }>) => react27.JSX.Element;
+};
+//#endregion
+//#region src/extensions/menu-item/menu-item.d.ts
+declare const MenuItem: react85.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MotionProps & {
+  isLoading?: boolean;
+  isCurrent?: boolean;
+  icon?: React.ReactNode;
+} & {
+  children?: react85.ReactNode | undefined;
+} & react85.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=menu-item.d.ts.map
+//#endregion
+//#region src/extensions/app-header/app-header.types.d.ts
+type AnimatedHeaderAnimation = 'show' | 'hide';
+//# sourceMappingURL=app-header.types.d.ts.map
+//#endregion
+//#region src/extensions/app-header/app-header.d.ts
+type AnimatedHeaderProps = PropsWithChildren<{
+  animation: AnimatedHeaderAnimation;
+  className?: string;
+  zIndex?: number;
+}>;
+//#endregion
+//#region src/extensions/app-header/app-header.hooks.d.ts
+declare function useHeaderScrollAnimation(): {
+  headerAnimation: AnimatedHeaderAnimation;
+};
+declare function useIsMobileMenuOpen(): {
+  isMobileMenuOpen: boolean;
+  openMobileMenu: () => void;
+  closeMobileMenu: () => void;
+};
+//#endregion
+//#region src/extensions/app-header/index.d.ts
+declare const AppHeader: {
+  useHeaderScrollAnimation: typeof useHeaderScrollAnimation;
+  useIsMobileMenuOpen: typeof useIsMobileMenuOpen;
+  AnimatedHeader: react42.MemoExoticComponent<({
+    animation,
+    children,
+    className,
+    zIndex
+  }: AnimatedHeaderProps) => react42.JSX.Element>;
+};
+//# sourceMappingURL=index.d.ts.map
+//#endregion
+//#region src/extensions/color-scheme-toggle/color-scheme-toggle.d.ts
+type Props$1 = {
+  onToggle?: (params: {
+    setTheme: ReturnType<typeof useColorScheme>['setTheme'];
+  }) => void;
+};
+declare const ColorSchemeToggle: react92.MemoExoticComponent<({
+  onToggle
+}: Props$1) => react92.JSX.Element>;
+//#endregion
+//#region src/extensions/full-screen-modal/full-screen-modal.d.ts
+type Props = PropsWithChildren<{
+  visible: boolean;
+  onClose: () => void;
+  zIndex?: number;
+}>;
+declare const FullScreenModal: react80.MemoExoticComponent<({
+  visible,
+  onClose,
+  children,
+  zIndex
+}: Props) => react80.JSX.Element>;
+//#endregion
+//#region src/extensions/accordion/accordion.d.ts
+type AccordionProps<ItemT> = {
+  data: ItemT[];
+  renderTrigger: (item: ItemT) => ReactNode;
+  renderExpanded: ({
+    selectedItem
+  }: {
+    selectedItem: ItemT;
+  }) => ReactNode;
+  customized?: ReactNode;
+};
+declare const Accordion: <ItemT extends {
+  accordionKey: string;
+}>({
+  data,
+  renderTrigger,
+  renderExpanded,
+  customized
+}: AccordionProps<ItemT>) => react71.JSX.Element;
+//# sourceMappingURL=accordion.d.ts.map
+//#endregion
+//#region src/extensions/index.d.ts
+declare const GridCardList: {
+  List: react1.MemoExoticComponent<({
+    items,
+    renderItem,
+    onLoadMore,
+    headerText,
+    hasNextPage,
+    isEmpty,
+    emptyComponent,
+    navigationComponent
+  }: {
+    items: GridCardListItemProps[];
+    renderItem: (item: GridCardListItemProps) => react1.ReactNode;
+    onLoadMore: () => void;
+    headerText?: string;
+    hasNextPage?: boolean;
+    isEmpty?: boolean;
+    emptyComponent?: react1.ReactNode;
+    navigationComponent?: react1.ReactNode;
+  }) => react1.JSX.Element>;
+  MasonryList: react1.MemoExoticComponent<({
+    items,
+    renderItem,
+    onLoadMore,
+    headerText,
+    hasNextPage,
+    isEmpty,
+    emptyComponent,
+    navigationComponent
+  }: {
+    items: GridCardListItemProps[];
+    renderItem: (item: GridCardListItemProps) => react1.ReactNode;
+    onLoadMore: () => void;
+    headerText?: string;
+    hasNextPage?: boolean;
+    isEmpty?: boolean;
+    emptyComponent?: react1.ReactNode;
+    navigationComponent?: react1.ReactNode;
+  }) => react1.JSX.Element>;
+  Item: react1.MemoExoticComponent<({
+    thumbnailUrl,
+    titleText,
+    subText,
+    bottomText,
+    rightBottomSlot,
+    renderThumbnail,
+    isSubscribed,
+    onClick
+  }: GridCardListItemProps) => react1.JSX.Element>;
+  MasonryItem: react1.MemoExoticComponent<({
+    isSubscribed,
+    thumbnailUrl,
+    titleText,
+    subText,
+    bottomText,
+    rightBottomSlot,
+    renderThumbnail
+  }: GridCardListItemProps) => react1.JSX.Element>;
+  LoadMore: react1.MemoExoticComponent<({
+    onLoadMore
+  }: {
+    onLoadMore: () => void;
+  }) => react1.JSX.Element>;
+  Empty: react1.MemoExoticComponent<({
+    text
+  }: {
+    text: string;
+  }) => react1.JSX.Element>;
+  ImageEmpty: _emotion_styled0.StyledComponent<{
+    theme?: _emotion_react0.Theme;
+    as?: React.ElementType;
+  }, react1.DetailedHTMLProps<react1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+  Image: _emotion_styled0.StyledComponent<{
+    theme?: _emotion_react0.Theme;
+    as?: React.ElementType;
+  }, react1.DetailedHTMLProps<react1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+};
+//#endregion
+//#region src/constants.d.ts
+declare const WEB_APP_HEADER_HEIGHT = "100px";
+//# sourceMappingURL=constants.d.ts.map
+
+//#endregion
+export { Accordion, AccordionProps, AppHeader, AppLogo, AppStoreButton, Badge, BrandIcon, Button, Checkbox, ColorDesignTokens, ColorScheme, ColorSchemeProvider, ColorSchemeToggle, DarkColorDesignTokens, Dropdown, type DropdownCoreProps, type DropdownMenuItemRef, ErrorUI, FullScreenModal, GlobalStyle, GridCardList, type GridCardListItemProps, IconButton, IconButtonProps, LightColorDesignTokens, MenuItem, Modal, SNSIcon, Spinner, SpinnerVariant, Switch, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextInputRef, Theme, Toast, ToastProps, WEB_APP_HEADER_HEIGHT, breakpoints, colors, darkModeTheme, generateCssVar, lightModeTheme, media, semanticVariables, semantics, themeToStyles, themeVariables, useColorScheme };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/tokens/tokens.types.ts","../src/tokens/tokens.ts","../src/contexts/ColorSchemeProvider.tsx","../src/GlobalStyle.tsx","../src/base/button/button.types.ts","../src/base/button/button.tsx","../src/base/checkbox/checkbox.tsx","../src/base/icon-button/icon-button.tsx","../src/base/icon-button/icon-button.types.ts","../src/base/modal/modal.tsx","../src/base/spinner/spinner.types.ts","../src/base/spinner/spinner.tsx","../src/base/text/text.tsx","../src/base/text-area/text-area.types.ts","../src/base/text-area/text-area.tsx","../src/base/text-input/text-input.types.ts","../src/base/text-input/text-input.tsx","../src/base/toast/toast.types.ts","../src/base/toast/toast.tsx","../src/base/switch/switch.tsx","../src/base/badge/badge.tsx","../src/utils/breakpoints.ts","../src/utils/media.ts","../src/utils/with-id.ts","../src/extensions/grid-card-item/grid-card-item.tsx","../src/extensions/error-ui/index.ts","../src/extensions/app-logo/app-logo.tsx","../src/extensions/app-store-button/app-store-button.tsx","../src/extensions/brand-icon/brand-icon.tsx","../src/extensions/sns-icon/sns-icon.tsx","../src/extensions/dropdown/dropdown.types.ts","../src/extensions/dropdown/dropdown.tsx","../src/extensions/dropdown/index.ts","../src/extensions/menu-item/menu-item.tsx","../src/extensions/app-header/app-header.types.ts","../src/extensions/app-header/app-header.tsx","../src/extensions/app-header/app-header.hooks.ts","../src/extensions/app-header/index.ts","../src/extensions/color-scheme-toggle/color-scheme-toggle.tsx","../src/extensions/full-screen-modal/full-screen-modal.tsx","../src/extensions/accordion/accordion.tsx","../src/extensions/index.ts","../src/constants.ts"],"sourcesContent":[],"mappings":"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"}