@rainbow-robotics/plugin-ui 1.0.4 → 1.0.5-dev.0

package/dist/react.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as React$1 from 'react';
-import React__default, { ReactNode, MouseEvent, InputHTMLAttributes, MouseEventHandler, ReactElement, ChangeEvent, CSSProperties, TextareaHTMLAttributes, ComponentProps, Dispatch, SetStateAction, HTMLInputAutoCompleteAttribute, RefObject } from 'react';
+import React__default, { ReactNode, MouseEvent, InputHTMLAttributes, MouseEventHandler, ReactElement, ChangeEvent, CSSProperties, ComponentType, TextareaHTMLAttributes, ComponentProps, Dispatch, SetStateAction, HTMLInputAutoCompleteAttribute, RefObject, HTMLAttributes } from 'react';
 import { Matcher, DayPicker } from 'react-day-picker';
 import * as ShadDialogPrimitive from '@radix-ui/react-dialog';
 import { Command } from 'cmdk';
@@ -17,6 +17,8 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as ResizablePrimitive from 'react-resizable-panels';
+import { PolygonLayer, PathLayer, PointCloudLayer } from '@deck.gl/layers';
+import { Layer } from '@deck.gl/core';
 
 declare const batteryStatuses: readonly ["empty", "critical", "low", "normal", "full"];
 type BatteryStatus = (typeof batteryStatuses)[number];
@@ -297,7 +299,7 @@ declare const accordionVariants: (props?: {
 } & class_variance_authority_types.ClassProp) => string;
 type AccordionVariantProps = VariantProps<typeof accordionVariants>;
 
-interface PropsType$r {
+interface PropsType$t {
     className?: string;
     headerClassName?: string;
     /**
@@ -356,12 +358,12 @@ interface PropsType$r {
 /**
  * Accordion 컴포넌트는 접고 펼칠 수 있는 UI를 제공합니다.
  */
-declare const Accordion: ({ className, headerClassName, name, title, ripple, icon, dividerColor, open, initialOpen, children, disabled, type, handleOpenChange, }: PropsType$r) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ className, headerClassName, name, title, ripple, icon, dividerColor, open, initialOpen, children, disabled, type, handleOpenChange, }: PropsType$t) => react_jsx_runtime.JSX.Element;
 
 type Props$f = {
     className?: string;
     /** accordion 리스트 정보를 담은 배열 */
-    list: Omit<PropsType$r & {
+    list: Omit<PropsType$t & {
         key?: string | number;
     }, "handleOpenChange">[];
     icon?: string | ReactElement;
@@ -456,7 +458,21 @@ declare const textInputVariants: (props?: {
 } & class_variance_authority_types.ClassProp) => string;
 type TextInputVariantProps = VariantProps<typeof textInputVariants>;
 
-interface PropsType$q extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+
+interface ModalPropsType<T = AllowAny> {
+  children?: ReactNode;
+  className?: string;
+  open: boolean;
+  close: () => void | Promise<unknown>;
+  onOpenChange: (open: boolean) => void;
+  resolve: (value: T, useClose?: boolean) => void;
+  enableDimClose?: boolean;
+  hideCloseButton?: boolean;
+}
+
+interface PropsType$s extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
     className?: string;
     /**
      * TextInput 크기
@@ -494,6 +510,7 @@ interface PropsType$q extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
      * `ex) resetIcon={<SvgIcoClose2 />}`
      */
     resetIcon?: ReactElement;
+    variableModal?: ComponentType<ModalPropsType<string>>;
     /** 입력 값 검증을 위한 정규 표현식 또는 함수 */
     validate?: RegExp | ((value: string) => string) | ((value: number) => number);
     /** 리셋 버튼 숨김 처리 여부 */
@@ -511,7 +528,7 @@ interface PropsType$q extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
  * `TextInput` 컴포넌트는 다양한 유형의 입력 필드를 생성하기 위한 컴포넌트입니다.
  * 이 컴포넌트는 사용자 입력을 받고, 이를 검증하며, 입력 값이 변경될 때마다 지정된 함수를 호출할 수 있습니다.
  */
-declare const RBTextInput: React$1.ForwardRefExoticComponent<PropsType$q & React$1.RefAttributes<HTMLInputElement>>;
+declare const RBTextInput: React$1.ForwardRefExoticComponent<PropsType$s & React$1.RefAttributes<HTMLInputElement>>;
 
 declare const textAreaVariantsList: readonly ["default", "success"];
 type TextAreaVariant = (typeof textAreaVariantsList)[number];
@@ -536,6 +553,7 @@ interface Props$e extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     readOnly?: boolean;
     maxLength?: number;
     error?: boolean;
+    variableModal?: ComponentType<ModalPropsType<string>>;
     handleChange?: (value: string, name?: string) => void;
 }
 /**
@@ -669,20 +687,6 @@ type RangePresetKey = "last-24-hours" | "last-3-days" | "last-week" | "last-mont
  */
 declare const RangeDateInput: ({ className, calendarPanelClassName, showType, value, name, min, max, placeholder, disabled, disabledDates, readOnly, size, variant, error, showPresets, showFooter, handleChange, presets, }: Props$c) => react_jsx_runtime.JSX.Element;
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-
-interface ModalPropsType<T = AllowAny> {
-  children?: ReactNode;
-  className?: string;
-  open: boolean;
-  close: () => void | Promise<unknown>;
-  onOpenChange: (open: boolean) => void;
-  resolve: (value: T, useClose?: boolean) => void;
-  enableDimClose?: boolean;
-  hideCloseButton?: boolean;
-}
-
 interface Props$b extends ModalPropsType<boolean> {
     className?: string;
     /** alert 타이틀 */
@@ -761,13 +765,13 @@ interface Props$a extends ModalPropsType<boolean> {
 declare const RBConfirm: ({ className, open, onOpenChange, title, description, content, contentClassName, buttonText, buttonClassName, buttonWrapperClassName, snapshotCnt, containerId, onConfirm, onCancel, resolve, }: Props$a) => react_jsx_runtime.JSX.Element;
 
 type HelperTone = "default" | "error" | "success";
-interface PropsType$p {
+interface PropsType$r {
     className?: string;
     helperText?: React.ReactNode;
     helperTone?: HelperTone;
 }
 /** 입력 필드 하단의 안내/오류 메시지를 표시하는 컴포넌트 */
-declare function RBTextHelperText({ className, helperText, helperTone, }: PropsType$p): react_jsx_runtime.JSX.Element;
+declare function RBTextHelperText({ className, helperText, helperTone, }: PropsType$r): react_jsx_runtime.JSX.Element;
 
 interface Props$9 extends ModalPropsType<string> {
     className?: string;
@@ -831,10 +835,10 @@ interface Props$9 extends ModalPropsType<string> {
  */
 declare const RBPrompt: ({ className, open, onOpenChange, title, content, contentClassName, placeholder, inputType, inputElement, label, description, required, helperText, helperTone, autoFocus, value, buttonText, buttonClassName, buttonWrapperClassName, containerId, snapshotCnt, resolve, close, }: Props$9) => react_jsx_runtime.JSX.Element;
 
-interface PropsType$o extends React.ComponentPropsWithoutRef<"div"> {
+interface PropsType$q extends React.ComponentPropsWithoutRef<"div"> {
     className?: string;
 }
-declare function RBDim({ className, ...props }: PropsType$o): react_jsx_runtime.JSX.Element;
+declare function RBDim({ className, ...props }: PropsType$q): react_jsx_runtime.JSX.Element;
 
 type DialogSize = "sm" | "md" | "lg";
 type RBDialogContentProps = React.ComponentProps<typeof ShadDialogPrimitive.Content> & {
@@ -940,7 +944,7 @@ type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
 type RBSelectBoxRef = HTMLInputElement & {
     handleClickSelectBox?: () => void;
 };
-interface PropsType$n extends Pick<InputHTMLAttributes<HTMLInputElement>, "name" | "defaultValue" | "placeholder" | "disabled" | "readOnly" | "onChange" | "onFocus" | "onBlur" | "onInput"> {
+interface PropsType$p extends Pick<InputHTMLAttributes<HTMLInputElement>, "name" | "defaultValue" | "placeholder" | "disabled" | "readOnly" | "onChange" | "onFocus" | "onBlur" | "onInput"> {
     className?: string;
     /**
      * SelectBox의 크기
@@ -1026,9 +1030,9 @@ type SelectData = {
  * `SelectBox` 컴포넌트는 사용자에게 드롭다운 형태의 선택 옵션들을 제공합니다.
  * 이 컴포넌트는 HTML `<input>` 태그의 주요 속성들을 상속받으며, 추가적인 커스터마이징 옵션을 제공합니다.
  */
-declare const RBSelectBox: React$1.ForwardRefExoticComponent<PropsType$n & React$1.RefAttributes<RBSelectBoxRef>>;
+declare const RBSelectBox: React$1.ForwardRefExoticComponent<PropsType$p & React$1.RefAttributes<RBSelectBoxRef>>;
 
-interface PropsType$m {
+interface PropsType$o {
     className?: string;
     /**
      * SelectBox의 크기
@@ -1071,11 +1075,11 @@ interface PropsType$m {
  * @param {Function} [props.handleChange] - 값이 변경될 때 호출될 함수
  */
 declare const RBSelectOption: {
-    ({ className, size, text, value, label, children, description, selectedValue, searchText, enableGamepadFocus, disabled, handleChange, }: PropsType$m): react_jsx_runtime.JSX.Element;
+    ({ className, size, text, value, label, children, description, selectedValue, searchText, enableGamepadFocus, disabled, handleChange, }: PropsType$o): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface PropsType$l {
+interface PropsType$n {
     className?: string;
     theme?: string;
     /**
@@ -1140,12 +1144,12 @@ interface PropsType$l {
  * @param {function} props.handleSearchTextChange - 옵션을 검색하는 입력 필드 값이 변경될 때 호출되는 함수. 변경된 값을 상위 컴포넌트에 전달
  * @param {function} props.handleKeyPress - 옵션을 검색하는 입력 필드가 포커스된 상태에서 키보드 입력이 있을 때 호출되는 함수
  */
-declare const RBSelectDropBox: React__default.ForwardRefExoticComponent<PropsType$l & React__default.RefAttributes<HTMLDivElement>>;
+declare const RBSelectDropBox: React__default.ForwardRefExoticComponent<PropsType$n & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const noDataSizes: readonly ["sm", "md", "lg", "xl"];
 type noDataSize = (typeof noDataSizes)[number];
 
-interface PropsType$k {
+interface PropsType$m {
     /**
      * 데이터가 없을때 노출시킬 메세지 내용
      */
@@ -1158,7 +1162,7 @@ interface PropsType$k {
     children?: ReactElement;
     size?: noDataSize;
 }
-declare const RBNoData: ({ className, nullText, children, style, size, }: PropsType$k) => react_jsx_runtime.JSX.Element;
+declare const RBNoData: ({ className, nullText, children, style, size, }: PropsType$m) => react_jsx_runtime.JSX.Element;
 
 type Props$7 = {
     className?: string;
@@ -1289,7 +1293,7 @@ declare const radioRootVariants: (props?: {
 } & class_variance_authority_types.ClassProp) => string;
 type RadioVariantProps = VariantProps<typeof radioRootVariants>;
 
-interface PropsType$j extends Pick<InputHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "onBlur" | "onFocus"> {
+interface PropsType$l extends Pick<InputHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "onBlur" | "onFocus"> {
     className?: string;
     /** 라디오박스 UI 옆에 나올 텍스트 및 React 엘리먼트 */
     children?: ReactNode | string;
@@ -1314,9 +1318,9 @@ interface PropsType$j extends Pick<InputHTMLAttributes<HTMLInputElement>, "name"
  * RadioBox 컴포넌트는 라디오 버튼을 구현합니다. HTML `<input type="radio">` 요소의 특성을 확장하여
  * React에서 사용하기 쉽도록 만든 컴포넌트입니다.
  */
-declare const RBRadioBox: React$1.ForwardRefExoticComponent<PropsType$j & React$1.RefAttributes<HTMLInputElement>>;
+declare const RBRadioBox: React$1.ForwardRefExoticComponent<PropsType$l & React$1.RefAttributes<HTMLInputElement>>;
 
-type Props$5 = PropsType$j & {
+type Props$5 = PropsType$l & {
     /**
      * ripple UI 효과 옵션
      *
@@ -1324,7 +1328,7 @@ type Props$5 = PropsType$j & {
      */
     rippleOption?: RippleOption;
 };
-declare const RBRadioButton: React$1.ForwardRefExoticComponent<PropsType$j & {
+declare const RBRadioButton: React$1.ForwardRefExoticComponent<PropsType$l & {
     /**
      * ripple UI 효과 옵션
      *
@@ -1360,7 +1364,7 @@ type TabItem$2 = {
     /** tab 버튼과 컨텐츠를 숨길지 여부 */
     isHide?: boolean;
 };
-interface PropsType$i {
+interface PropsType$k {
     className?: string;
     size?: TabSize;
     /**
@@ -1426,11 +1430,11 @@ interface PropsType$i {
  * `Tab` 컴포넌트는 탭 UI를 구성할 때 사용되며, swipe 형식의 UI를 제공할 수도 있습니다.
  */
 declare const RBTab: {
-    ({ className, size, tabItems, activeKey, name, slider, swipeContent, disabled, rippleOption, tabNavScrollRef, destroyInactiveTabPanel, tabBtnClassName, style, onClick, handleChange, }: PropsType$i): react_jsx_runtime.JSX.Element;
+    ({ className, size, tabItems, activeKey, name, slider, swipeContent, disabled, rippleOption, tabNavScrollRef, destroyInactiveTabPanel, tabBtnClassName, style, onClick, handleChange, }: PropsType$k): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface PropsType$h {
+interface PropsType$j {
     className?: string;
     size?: TabSize;
     slider?: boolean;
@@ -1442,7 +1446,7 @@ interface PropsType$h {
     children?: ReactNode;
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
-declare const RBTabItem: React$1.ForwardRefExoticComponent<PropsType$h & React$1.RefAttributes<HTMLButtonElement>>;
+declare const RBTabItem: React$1.ForwardRefExoticComponent<PropsType$j & React$1.RefAttributes<HTMLButtonElement>>;
 
 type TabItem$1 = {
     /** tab item의 고유키 */
@@ -1456,7 +1460,7 @@ type TabItem$1 = {
     /** tab 버튼과 컨텐츠를 숨길지 여부 */
     isHide?: boolean;
 };
-interface PropsType$g {
+interface PropsType$i {
     className?: string;
     size?: ChipSize;
     /**
@@ -1522,11 +1526,11 @@ interface PropsType$g {
  * `Tab` 컴포넌트는 탭 UI를 구성할 때 사용되며, swipe 형식의 UI를 제공할 수도 있습니다.
  */
 declare const RBChipTab: {
-    ({ className, size, tabItems, activeKey, name, slider, swipeContent, disabled, rippleOption, tabNavScrollRef, destroyInactiveTabPanel, tabBtnClassName, style, onClick, handleChange, }: PropsType$g): react_jsx_runtime.JSX.Element;
+    ({ className, size, tabItems, activeKey, name, slider, swipeContent, disabled, rippleOption, tabNavScrollRef, destroyInactiveTabPanel, tabBtnClassName, style, onClick, handleChange, }: PropsType$i): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface PropsType$f {
+interface PropsType$h {
     className?: string;
     size?: ChipSize;
     selected?: boolean;
@@ -1536,7 +1540,7 @@ interface PropsType$f {
     children?: ReactNode;
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
-declare const RBChipItem: React$1.ForwardRefExoticComponent<PropsType$f & React$1.RefAttributes<HTMLButtonElement>>;
+declare const RBChipItem: React$1.ForwardRefExoticComponent<PropsType$h & React$1.RefAttributes<HTMLButtonElement>>;
 
 type TabItem = {
     key: string | number;
@@ -1545,7 +1549,7 @@ type TabItem = {
     disabled?: boolean;
     isHide?: boolean;
 };
-interface PropsType$e {
+interface PropsType$g {
     className?: string;
     size?: ChipBoxSize;
     tabItems: TabItem[];
@@ -1557,17 +1561,18 @@ interface PropsType$e {
     tabBtnClassName?: string;
     style?: CSSProperties;
     enableOverflowExpand?: boolean;
+    showBottomBorder?: boolean;
     rightIconButtonProps?: Partial<IconButtonProps>;
     leftSlot?: ReactNode;
     handleChange?: (key: AllowAny, name: string) => void;
     onClick?: (key: AllowAny, e: MouseEvent<HTMLButtonElement>) => void;
 }
 declare const RBChipsBoxTab: {
-    ({ className, size, tabItems, activeKey, name, disabled, destroyInactiveTabPanel, rippleOption, tabBtnClassName, style, enableOverflowExpand, rightIconButtonProps, leftSlot, handleChange, onClick, }: PropsType$e): react_jsx_runtime.JSX.Element;
+    ({ className, size, tabItems, activeKey, name, disabled, destroyInactiveTabPanel, rippleOption, tabBtnClassName, style, enableOverflowExpand, showBottomBorder, rightIconButtonProps, leftSlot, handleChange, onClick, }: PropsType$g): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface PropsType$d extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface PropsType$f extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     className?: string;
     size?: ChipBoxSize;
     selected?: boolean;
@@ -1577,7 +1582,7 @@ interface PropsType$d extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children?: ReactNode;
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
-declare const RBChipsBoxItem: React$1.ForwardRefExoticComponent<PropsType$d & React$1.RefAttributes<HTMLButtonElement>>;
+declare const RBChipsBoxItem: React$1.ForwardRefExoticComponent<PropsType$f & React$1.RefAttributes<HTMLButtonElement>>;
 
 type TableData = Record<string, AllowAny>;
 type ChildrenFuncParamsType<T> = {
@@ -1585,7 +1590,7 @@ type ChildrenFuncParamsType<T> = {
     item: T extends (infer R)[] ? R : never;
 };
 
-interface PropsType$c<T extends TableData[]> {
+interface PropsType$e<T extends TableData[]> {
     className?: string;
     /**
      * table에 랜더링될 list
@@ -1661,9 +1666,9 @@ interface PropsType$c<T extends TableData[]> {
  * @param {ReactElement | string} [props.sortNormalElement=SvgIcoSortNormalElement] - 소팅 정보가 없을 때 헤더에 표시될 요소. 문자열 또는 React 요소 형태.
  * @param {Function} props.children - 자식 컴포넌트를 렌더링하는 함수. 리스트의 각 항목(`item`)과 해당 항목의 인덱스(`index`)를 매개변수로 받아 React 노드로 변환하는 데 사용.
  */
-declare const RBTable: <T extends TableData[]>({ className, list, children, loadingElement, errorFallback, noDataMsg, hideThead, stickyThead, theadTopRows, sortUpElement, sortDownElement, sortNormalElement, loading, }: PropsType$c<T>) => react_jsx_runtime.JSX.Element;
+declare const RBTable: <T extends TableData[]>({ className, list, children, loadingElement, errorFallback, noDataMsg, hideThead, stickyThead, theadTopRows, sortUpElement, sortDownElement, sortNormalElement, loading, }: PropsType$e<T>) => react_jsx_runtime.JSX.Element;
 
-type PropsType$b = {
+type PropsType$d = {
     className?: string;
     /**
      * 자식 컴포넌트
@@ -1699,11 +1704,11 @@ type PropsType$b = {
  * @param {function} [props.onClick] - tr 태그를 클릭했을 때 호출될 함수
  */
 declare const RBTableRow: {
-    ({ className, children, expendOpen, handleExpendChange, beforeExpendOpen, onClick, }: PropsType$b): react_jsx_runtime.JSX.Element;
+    ({ className, children, expendOpen, handleExpendChange, beforeExpendOpen, onClick, }: PropsType$d): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface PropsType$a {
+interface PropsType$c {
     className?: string;
     /**
      * th와 td의 align
@@ -1801,11 +1806,11 @@ interface PropsType$a {
  * @param {Function} [props.onClick] - td 태그를 클릭했을 때 호출되는 함수
  */
 declare const RBTdColumn: {
-    ({ className, children, align, fieldId, size, colSpan, rowSpan, expend, expendOpen, handleExpendToggle, onClick, }: PropsType$a): react_jsx_runtime.JSX.Element;
+    ({ className, children, align, fieldId, size, colSpan, rowSpan, expend, expendOpen, handleExpendToggle, onClick, }: PropsType$c): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-interface PropsType$9 {
+interface PropsType$b {
     /**
      * 클래스 이름
      */
@@ -1826,7 +1831,7 @@ interface PropsType$9 {
  * @param {ReactElement | string} props.children - 자식 요소
  */
 declare const RBTdExpend: {
-    ({ className, children, style }: PropsType$9): react_jsx_runtime.JSX.Element;
+    ({ className, children, style }: PropsType$b): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1841,7 +1846,7 @@ declare const badgeRootVariants: (props?: {
 } & class_variance_authority_types.ClassProp) => string;
 type BadgeVariantProps = VariantProps<typeof badgeRootVariants>;
 
-interface PropsType$8 {
+interface PropsType$a {
     className?: string;
     /** badge 타입 */
     type?: BadgeType;
@@ -1862,14 +1867,14 @@ interface PropsType$8 {
 /**
  * RBBadge는 Number / Tag 형태의 배지 UI를 제공합니다.
  */
-declare function RBBadge({ className, type, numberVariant, color, leadingIcon, children, }: PropsType$8): react_jsx_runtime.JSX.Element;
+declare function RBBadge({ className, type, numberVariant, color, leadingIcon, children, }: PropsType$a): react_jsx_runtime.JSX.Element;
 
 declare const emptyViewTypes: readonly ["button", "icon"];
 type EmptyViewType = (typeof emptyViewTypes)[number];
 declare const emptyViewRootVariants: (props?: class_variance_authority_types.ClassProp) => string;
 type EmptyViewVariantProps = VariantProps<typeof emptyViewRootVariants>;
 
-interface PropsType$7 {
+interface PropsType$9 {
     className?: string;
     /** EmptyView 타입 (button | icon) */
     type?: EmptyViewType;
@@ -1887,9 +1892,9 @@ interface PropsType$7 {
 /**
  * RBEmptyView는 데이터가 비어있는 상태에서 안내 문구와 액션을 표시하는 컴포넌트입니다.
  */
-declare function RBEmptyView({ className, type, message, description, buttonLabel, onButtonClick, icon, }: PropsType$7): react_jsx_runtime.JSX.Element;
+declare function RBEmptyView({ className, type, message, description, buttonLabel, onButtonClick, icon, }: PropsType$9): react_jsx_runtime.JSX.Element;
 
-interface PropsType$6 {
+interface PropsType$8 {
     className?: string;
     label?: React.ReactNode;
     description?: React.ReactNode;
@@ -1897,9 +1902,9 @@ interface PropsType$6 {
     children?: React.ReactNode;
 }
 /** 입력 필드의 라벨과 부가 설명을 표시하는 컴포넌트 */
-declare function RBTextLabel({ className, label, description, required, children, }: PropsType$6): react_jsx_runtime.JSX.Element;
+declare function RBTextLabel({ className, label, description, required, children, }: PropsType$8): react_jsx_runtime.JSX.Element;
 
-interface PropsType$5 {
+interface PropsType$7 {
     className?: string;
     labelClassName?: string;
     helperClassName?: string;
@@ -1910,7 +1915,7 @@ interface PropsType$5 {
     helperTone?: HelperTone;
     children?: ReactNode;
 }
-declare function RBTextField({ className, labelClassName, helperClassName, label, description, required, helperText, helperTone, children, }: PropsType$5): react_jsx_runtime.JSX.Element;
+declare function RBTextField({ className, labelClassName, helperClassName, label, description, required, helperText, helperTone, children, }: PropsType$7): react_jsx_runtime.JSX.Element;
 
 type MultiRangeInputForwardRef = {
     focus: (options?: FocusOptions) => void;
@@ -2047,7 +2052,7 @@ type Props$3 = {
 declare const RBJoyStick: ({ className, type, size, stickColor, stickAreaColor, throttleThreshold, throttleDuration, xOnly, yOnly, disableDiagonal, disabled, keepMoveEventInterval, paddingSize, style, onStart, onMove, onEnd, }: Props$3) => react_jsx_runtime.JSX.Element;
 
 type PlaceType = "top" | "right" | "bottom" | "left";
-interface PropsType$4 {
+interface PropsType$6 {
     className?: string;
     /**
      * 툴팁 UI를 사용할 요소의 id값
@@ -2121,7 +2126,7 @@ interface PropsType$4 {
  * `Tooltip` 컴포넌트는 사용자 인터페이스에 추가 정보를 제공하는 데 사용됩니다.
  * 해당 요소에 마우스를 올리거나 클릭할 때 툴팁 UI가 나타납니다.
  */
-declare const RBTooltip: ({ className, anchorId, width, space, place, events, arrowPosition, hideArrow, tooltipPosition, tooltipColor, tooltipTextColor, tooltipBoxShadow, tooltipBorderRadius, open, whenWindowScrollClose, children, }: PropsType$4) => react_jsx_runtime.JSX.Element;
+declare const RBTooltip: ({ className, anchorId, width, space, place, events, arrowPosition, hideArrow, tooltipPosition, tooltipColor, tooltipTextColor, tooltipBoxShadow, tooltipBorderRadius, open, whenWindowScrollClose, children, }: PropsType$6) => react_jsx_runtime.JSX.Element;
 
 declare const cardRootVariants: (props?: {
     size?: "sm" | "md";
@@ -2264,7 +2269,7 @@ declare function RBSwitch({ className, disabled, invalid, size, ...props }: RBSw
 
 type SwitchType = "default" | "box";
 type SwitchControlPlacement = "start" | "end";
-interface PropsType$3 {
+interface PropsType$5 {
     children: ReactElement<RBSwitchProps>;
     className?: string;
     controlPlacement?: SwitchControlPlacement;
@@ -2276,7 +2281,7 @@ interface PropsType$3 {
     size?: SwitchSize;
     type?: SwitchType;
 }
-declare function RBSwitchField({ children, className, controlPlacement, description, descriptionClassName, invalid, label, labelClassName, size, type, }: PropsType$3): react_jsx_runtime.JSX.Element;
+declare function RBSwitchField({ children, className, controlPlacement, description, descriptionClassName, invalid, label, labelClassName, size, type, }: PropsType$5): react_jsx_runtime.JSX.Element;
 
 declare const toggleRootVariants: (props?: {
     size?: "sm" | "lg" | "default";
@@ -2332,17 +2337,17 @@ declare function RBResizableHandle({ className, hideThumb, onPointerDownCapture,
 
 declare function Calendar({ classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
 
-interface PropsType$2 {
+interface PropsType$4 {
     label: string;
     onClick?: () => void;
 }
-declare function RBDatePickerPreset({ label, onClick }: PropsType$2): react_jsx_runtime.JSX.Element;
+declare function RBDatePickerPreset({ label, onClick }: PropsType$4): react_jsx_runtime.JSX.Element;
 
 interface DatePickerTimeValue {
     hour: string;
     minute: string;
 }
-interface PropsType$1 {
+interface PropsType$3 {
     pickerType?: DatePickerType;
     setTimeEnabled?: boolean;
     startTime?: DatePickerTimeValue;
@@ -2367,9 +2372,9 @@ interface PropsType$1 {
         setTime?: string;
     };
 }
-declare function RBDatePickerFooterTime({ pickerType, setTimeEnabled, startTime, endTime, onEndTimeChange, onSetTimeChange, onStartTimeChange, selectedDate, setSelectedDate, enforceTimeOrder, labels, }: PropsType$1): react_jsx_runtime.JSX.Element;
+declare function RBDatePickerFooterTime({ pickerType, setTimeEnabled, startTime, endTime, onEndTimeChange, onSetTimeChange, onStartTimeChange, selectedDate, setSelectedDate, enforceTimeOrder, labels, }: PropsType$3): react_jsx_runtime.JSX.Element;
 
-interface PropsType {
+interface PropsType$2 {
     className?: string;
     onCancel: () => void;
     onConfirm: () => void;
@@ -2380,7 +2385,7 @@ interface PropsType {
         confirm?: string;
     };
 }
-declare function RBDatePickerFooterButton({ className, onCancel, onConfirm, onReset, labels, }: PropsType): react_jsx_runtime.JSX.Element;
+declare function RBDatePickerFooterButton({ className, onCancel, onConfirm, onReset, labels, }: PropsType$2): react_jsx_runtime.JSX.Element;
 
 declare const checkLabelButtonVariants: (props?: {
     size?: "xs" | "xs2" | "sm" | "md";
@@ -3341,6 +3346,618 @@ interface Props extends ModalPropsType<string> {
 }
 declare const RBQrBarCodeGuideModal: ({ className, open, resolve, onOpenChange, }: Props) => react_jsx_runtime.JSX.Element;
 
+interface PropsType$1 extends HTMLAttributes<HTMLElement> {
+    id?: string;
+    /**
+     * 컴포넌트 클래스명
+     */
+    className?: string;
+    /**
+     * 컴포넌트 태그
+     */
+    tag?: "div" | "section" | "article" | "header" | "footer" | "main" | "aside" | "nav";
+    /**
+     * flex의 justify-content
+     */
+    justifyContent?: CSSProperties["justifyContent"];
+    /**
+     * flex의 justify-items
+     */
+    justifyItems?: CSSProperties["justifyItems"];
+    /**
+     * flex의 justify-self
+     */
+    justifySelf?: CSSProperties["justifySelf"];
+    /**
+     * flex의 align-items
+     */
+    alignItems?: CSSProperties["alignItems"];
+    /**
+     * flex의 align-self
+     */
+    alignSelf?: CSSProperties["alignSelf"];
+    /**
+     * flex의 align-content
+     */
+    alignContent?: CSSProperties["alignContent"];
+    /**
+     * inline-flex 레이아웃 여부
+     */
+    inline?: boolean;
+    /**
+     * 컴포넌트 스타일
+     */
+    style?: Omit<CSSProperties, "columnGap" | "rowGap">;
+    /**
+     * flex의 column-gap
+     */
+    columnGap?: CSSProperties["columnGap"];
+    /**
+     * flex의 row-gap
+     */
+    rowGap?: CSSProperties["rowGap"];
+    /**
+     * flex의 gap
+     */
+    gap?: CSSProperties["gap"];
+    /**
+     * 컴포넌트 자식 노드
+     */
+    children: ReactNode;
+}
+/**
+ * `HStack`은 display: flex; 형태의 수평 스택 컴포넌트 입니다.
+ */
+declare const HStack: React$1.ForwardRefExoticComponent<PropsType$1 & React$1.RefAttributes<HTMLDivElement>>;
+
+interface PropsType extends HTMLAttributes<HTMLElement> {
+    id?: string;
+    /**
+     * 컴포넌트 클래스명
+     */
+    className?: string;
+    /**
+     * 컴포넌트 태그
+     */
+    tag?: "div" | "section" | "article" | "header" | "footer" | "main" | "aside" | "nav";
+    /**
+     * inline-flex 레이아웃 여부
+     */
+    inline?: boolean;
+    /**
+     * flex의 justify-content
+     */
+    justifyContent?: CSSProperties["justifyContent"];
+    /**
+     * flex의 justify-items
+     */
+    justifyItems?: CSSProperties["justifyItems"];
+    /**
+     * flex의 justify-self
+     */
+    justifySelf?: CSSProperties["justifySelf"];
+    /**
+     * flex의 align-items
+     */
+    alignItems?: CSSProperties["alignItems"];
+    /**
+     * flex의 align-self
+     */
+    alignSelf?: CSSProperties["alignSelf"];
+    /**
+     * flex의 align-content
+     */
+    alignContent?: CSSProperties["alignContent"];
+    /**
+     * flex의 gap
+     */
+    gap?: CSSProperties["gap"];
+    /**
+     * flex의 column-gap
+     */
+    columnGap?: CSSProperties["columnGap"];
+    /**
+     * flex의 row-gap
+     */
+    rowGap?: CSSProperties["rowGap"];
+    /**
+     * 컴포넌트 스타일
+     */
+    style?: Omit<CSSProperties, "columnGap" | "rowGap">;
+    /**
+     * 컴포넌트 자식 노드
+     */
+    children: ReactNode;
+}
+/**
+ * `VStack`은 display: flex; 형태의 수직 스택 컴포넌트 입니다.
+ */
+declare const VStack: React$1.ForwardRefExoticComponent<PropsType & React$1.RefAttributes<HTMLDivElement>>;
+
+type MoveStateType = {
+    autoMove: "stop" | "move" | "pause" | "error" | "not ready" | "vir";
+    moveId: string;
+    moveResult: string;
+    dockMove: string;
+    jogMove: "none";
+    obs: "none" | "near" | "stuck" | "far" | "vir";
+    pathState: "none" | "req_path" | "recv_path";
+    step: number;
+    multiId: string;
+    multiState: string;
+};
+/** `mapLegacyMoveStatusToMoveStatus` 단일 합류 결과: pose는 항상 숫자(레거시 string·muscat number 모두 parseNumber로 통일) */
+type PoseMappedType = {
+    x: number;
+    y: number;
+    rz: number;
+};
+type NodeMappedType = {
+    id: string;
+    name: string;
+    state: string;
+    pose: PoseMappedType;
+};
+/**
+ * 루트 `pose`만 UI·MapEditor(`applyPose` 등)용 string 계약.
+ * `curNode`·`goalNode`의 pose는 맵/좌표 연동 등에서 숫자로 쓰는 경로가 있어 `NodeMappedType` 그대로 둡니다.
+ */
+type PoseType = {
+    x: string;
+    y: string;
+    rz: string;
+};
+type MoveStatusType = {
+    moveState: MoveStateType;
+    pose: PoseType;
+    vel: {
+        vx: number;
+        vy: number;
+        wz: number;
+    };
+    curNode: NodeMappedType;
+    goalNode: NodeMappedType;
+};
+
+/** FactoryMap용: 실제로는 pose만 사용 (FRS 등 pose-only 맵 주입 허용) */
+type MoveStatusMapValue = Pick<MoveStatusType, "pose">;
+
+type RgbaColor = [number, number, number, number];
+
+/** AMR별 글로벌/로컬 경로 웨이포인트(맵 미터 오프셋). */
+type AmrPathWaypointsDatum = {
+    amrId: string;
+    waypoints: [number, number][];
+};
+
+type ConveyorFlowDirection = "forward" | "reverse";
+type ConveyorBeltItemTransform = {
+    name?: string;
+    flowDirection?: ConveyorFlowDirection;
+    conveyorOffsetX?: number;
+    conveyorOffsetY?: number;
+    conveyorScale?: number;
+    conveyorAngleDeg?: number;
+};
+type ConveyorBeltTransform = ConveyorBeltItemTransform & {
+    conveyorBelts?: ConveyorBeltItemTransform[];
+};
+declare const CONVEYOR_BELT_IMAGE_BASE_GEOMETRY: {
+    readonly centerX: 4.5;
+    readonly centerY: -0.3;
+    readonly width: 4;
+    readonly height: number;
+};
+
+type DockingStationItemTransform = {
+    name?: string;
+    dockingOffsetX?: number;
+    dockingOffsetY?: number;
+    dockingScale?: number;
+    dockingAngleDeg?: number;
+};
+type DockingStationTransform = DockingStationItemTransform & {
+    dockingStations?: DockingStationItemTransform[];
+};
+declare const DOCKING_STATION_IMAGE_BASE_GEOMETRY: {
+    readonly width: number;
+    readonly height: 0.82;
+};
+
+type SafetyZoneType = "NO_ENTRY" | "IGNORE_LIDAR_2D" | "IGNORE_LIDAR_3D";
+type ZonePoint = [x: number, y: number] | {
+    x: number;
+    y: number;
+};
+type SafetyZoneInput = {
+    id: string;
+    name: string;
+    type: SafetyZoneType;
+    polygon: ZonePoint[];
+};
+type TrafficZone = {
+    id: string;
+    name: string;
+    color: [number, number, number];
+    polygon: {
+        x: number;
+        y: number;
+    }[];
+};
+declare const SAFETY_ZONE_COLORS: Record<SafetyZoneType, number>;
+declare const parseTrafficZoneData: (zoneData: string | null | undefined) => TrafficZone[];
+declare const zoneColorNumberToCss: (color: number) => string;
+declare const trafficZoneColorToCss: (color: TrafficZone["color"]) => string;
+
+type MapImageTransformGeometry = {
+    id: string;
+    label?: string;
+    centerX: number;
+    centerY: number;
+    width: number;
+    height: number;
+    rotationDeg: number;
+    preserveAspectRatio?: boolean;
+};
+
+type TopoNode$4 = {
+    id: string;
+    name: string;
+    pose: string | {
+        x: number;
+        y: number;
+        z?: number;
+        rx?: number;
+        ry?: number;
+        rz?: number;
+    };
+    links?: {
+        id?: string;
+    }[];
+    type: string;
+    info?: string;
+    context?: string;
+    features?: string[];
+};
+type FactoryMapProps = {
+    tileUrlTemplate: string;
+    backgroundImageUrl?: string;
+    backgroundImageBounds?: [number, number, number, number] | [[number, number], [number, number], [number, number], [number, number]];
+    minZoom?: number;
+    maxZoom?: number;
+    mapTopoData?: TopoNode$4[];
+    /** 트래킹용 타깃 위치 (trackingAmrId 없을 때만 사용) */
+    targetPosition?: {
+        x: number;
+        y: number;
+    } | null;
+    /** 트래킹 중인 AMR id. 있으면 IconLayer와 동일한(보간된) 데이터로 카메라 추적 */
+    trackingAmrId?: string | null;
+    /** 단발성 포커스용 위치 (노드/로봇 목록 클릭 시 잠깐 화면만 이동) */
+    focusPosition?: {
+        x: number;
+        y: number;
+    } | null;
+    /** 노드 목록 클릭 시 맵에서 해당 노드를 잠시 테두리로 강조할 id. 일정 시간 후 자동 해제 */
+    highlightedNodeId?: string | null;
+    onGoalNodeClick?: (node: {
+        id: string;
+        name?: string;
+        type: string;
+    }) => void;
+    moveStatusDataMap?: Map<string, MoveStatusMapValue | undefined>;
+    /** AMR 목록 등에서 "이 로봇으로 시야 이동" 시 사용. 설정 시 moveStatusDataMap에서 위치 조회 후 포커스하고 onFocusAmrApplied 호출 */
+    focusAmrId?: string | null;
+    /** focusAmrId 적용 후 부모에서 focusAmrId 초기화할 때 호출 */
+    onFocusAmrApplied?: () => void;
+    /** AMR 아이콘·트래킹 보간 사용 여부. false면 수신값 즉시 반영(스냅) */
+    useInterpolation: boolean;
+    /** 페이지 이탈 시 true. 레이어를 비우고 리소스를 정리하여 메모리 해제를 촉진 */
+    exiting?: boolean;
+    /** 키맵 점군 (x,y 좌표 배열). 있으면 Scatter 레이어로 표시 */
+    keymapContent?: {
+        fileName: string;
+        content: number[][];
+    } | null;
+    /** true면 keymap point cloud 레이어를 표시 */
+    showKeymapPointCloudLayer?: boolean;
+    /** topology에 포함된 Safety Zone */
+    safetyZones?: readonly SafetyZoneInput[];
+    /** 현재 map에 연결된 Traffic Zone JSON */
+    trafficZoneData?: string | null;
+    /** false면 Safety Zone 레이어를 표시하지 않음 */
+    showSafetyZones?: boolean;
+    /** false면 Traffic Zone 레이어를 표시하지 않음 */
+    showTrafficZones?: boolean;
+    /** LiDAR 클라우드 포인트 (절대 좌표계, [x, y, z]) - 대용량을 위해 이진 버퍼 사용 */
+    lidarCloudPoints?: {
+        positions: Float32Array;
+        count: number;
+    } | undefined;
+    /** LiDAR 점멸 효과 사용 여부 */
+    enableLidarFlashEffect?: boolean;
+    /** 지도 드래그로 AMR 범위 선택 시 선택된 amr id 목록 전달. 빈 배열이면 선택 해제(ESC 등) */
+    onAmrSelectionChange?: (amrIds: string[]) => void;
+    /** Shift+드래그로 AMR 범위 선택을 시작할 때 호출. (검색 조건 초기화 등 외부 UI 동기화용) */
+    onAmrSelectionStart?: () => void;
+    /** Ctrl/Cmd+클릭으로 AMR 단일 토글 선택 시 호출. (맥: Command, Windows/Ubuntu: Ctrl) */
+    onAmrToggleClick?: (amrId: string) => void;
+    /** 지도/드래그로 선택된 AMR id 목록. 있으면 해당 AMR 아이콘을 선택 상태 색으로 표시 */
+    selectedAmrIdsFromMap?: string[] | null;
+    /** AMR 목록 클릭 등으로 포커스된 단일 AMR id (아이콘 강조용). 카메라 포커스용 focusAmrId와는 별도 */
+    focusedAmrIdForIcon?: string | null;
+    /** true면 AMR 이동 잔상(TripsLayer 꼬리)을 표시 */
+    showAmrMovementTrail?: boolean;
+    /** 컨베이어 PNG 위치·스케일·회전 조정 */
+    conveyorBeltTransform?: ConveyorBeltTransform;
+    /** 도킹 스테이션 위치·스케일·회전 조정 */
+    dockingStationTransform?: DockingStationTransform;
+    /** 컨베이어 벨트 아이콘 아틀라스 이미지 URL. 미제공 시 rb-components 내 기본 이미지 사용 */
+    conveyorBeltIconAtlasUrl?: string;
+    /** 도킹 스테이션 아이콘 아틀라스 이미지 URL */
+    dockingStationIconAtlasUrl?: string;
+    /** false면 컨베이어 벨트 레이어를 렌더링하지 않음 */
+    showConveyorBelt?: boolean;
+    /** false면 도킹 스테이션 레이어를 렌더링하지 않음 */
+    showDockingStation?: boolean;
+    /** 지도 표시 방식. control은 기존 마커/노드, real은 실제 AMR 이미지 표시용 확장값 */
+    mapMode?: "control" | "real";
+    /**
+     * real 모드에서 사용할 AMR PNG 데이터 URL (base64 inline).
+     * 제공 시 SVG 기반 real 아이콘 대신 실제 PNG 사진으로 아틀라스를 생성한다.
+     */
+    amrIconPngDataUrl?: string;
+    /** AMR id별 robot_model. real 모드 모델 이미지 분기에 사용한다. */
+    amrRobotModelById?: ReadonlyMap<string, string>;
+    /** robot_model prefix별 real 모드 이미지와 실제 크기. */
+    amrModelIconVariants?: ReadonlyArray<{
+        modelPrefix: string;
+        pngDataUrl: string;
+        pixelWidth: number;
+        pixelHeight: number;
+        sizeMeters: number;
+    }>;
+    layerColors?: Partial<{
+        pointCloud: string;
+        lidarSensor: string;
+        localPath: string;
+        globalPath: string;
+        oneWayLink: string;
+        twoWayLink: string;
+    }>;
+    /**
+     * 뷰 회전 각(도). Deck.gl MapView `bearing`과 동일 — 월드(미터/포인트) 좌표는 그대로 두고 카메라만 회전.
+     * 지정 시 해당 값이 우선(외부 제어). 미지정이면 내부 viewState.bearing 사용.
+     */
+    viewBearingDeg?: number;
+    /** AMR별 global path(맵 미터 웨이포인트) */
+    amrGlobalPaths?: AmrPathWaypointsDatum[];
+    /** AMR별 local path */
+    amrLocalPaths?: AmrPathWaypointsDatum[];
+    /** 줌 컨트롤 오버레이 위치 스타일 오버라이드 */
+    zoomControlsStyle?: CSSProperties;
+    /** 외부에서 초기 진입 시 적용할 메인 뷰 상태 */
+    initialMainViewState?: {
+        longitude: number;
+        latitude: number;
+        zoom: number;
+        bearing: number;
+    } | null;
+    /** 현재 메인 뷰 상태 변경 알림 */
+    onMainViewStateChange?: (viewState: {
+        longitude: number;
+        latitude: number;
+        zoom: number;
+        bearing: number;
+    }) => void;
+    /** false면 우상단 minimap을 렌더링하지 않음 */
+    showMiniMap?: boolean;
+    /** AMR 툴팁에 표시할 번역된 라벨 */
+    tooltipLabels?: {
+        currentNode?: string;
+        goalNode?: string;
+    };
+    /** 지도 위 이미지형 요소를 직접 이동·크기 조절·회전하기 위한 편집 컨트롤 */
+    imageTransformControl?: MapImageTransformGeometry | null;
+    /** 지도 위 이미지형 요소의 편집 결과 */
+    onImageTransformControlChange?: (geometry: MapImageTransformGeometry) => void;
+};
+declare const FactoryMap: ({ tileUrlTemplate, backgroundImageUrl, backgroundImageBounds, minZoom, maxZoom, mapTopoData, targetPosition, trackingAmrId, focusPosition, highlightedNodeId, onGoalNodeClick, moveStatusDataMap, focusAmrId, onFocusAmrApplied, useInterpolation, exiting, keymapContent, showKeymapPointCloudLayer, safetyZones, trafficZoneData, showSafetyZones, showTrafficZones, lidarCloudPoints, enableLidarFlashEffect, onAmrSelectionChange, onAmrSelectionStart, onAmrToggleClick, selectedAmrIdsFromMap, focusedAmrIdForIcon, showAmrMovementTrail, conveyorBeltTransform, dockingStationTransform, conveyorBeltIconAtlasUrl, dockingStationIconAtlasUrl, showConveyorBelt, showDockingStation, mapMode, amrIconPngDataUrl, amrRobotModelById, amrModelIconVariants, layerColors, viewBearingDeg, amrGlobalPaths, amrLocalPaths, zoomControlsStyle, initialMainViewState, onMainViewStateChange, showMiniMap, tooltipLabels, imageTransformControl, onImageTransformControlChange, }: FactoryMapProps) => react_jsx_runtime.JSX.Element;
+
+type TopoNode$3 = {
+    id: string;
+    name: string;
+    pose: string | {
+        x: number;
+        y: number;
+        z?: number;
+        rx?: number;
+        ry?: number;
+        rz?: number;
+    };
+    links?: {
+        id?: string;
+    }[];
+    type: string;
+    info?: string;
+    context?: string;
+    features?: string[];
+};
+type Params$3 = {
+    mapTopoData: TopoNode$3[];
+    /** 노드 목록 클릭 등으로 포커스된 노드 id. 일치하면 테두리로 강조 */
+    highlightedNodeId?: string;
+};
+declare const createArucoLayer: ({ mapTopoData, highlightedNodeId, }: Params$3) => PolygonLayer<any, {
+    id: "aruco-nodes";
+    data: {
+        polygon: number[][];
+        id: string;
+        name: string;
+        type: string;
+        detail: string;
+        features: string[];
+        linkCount: number;
+    }[];
+    coordinateSystem: 2;
+    coordinateOrigin: [number, number, number];
+    getPolygon: (d: any) => any;
+    getFillColor: [number, number, number, number];
+    stroked: true;
+    getLineColor: (d: any) => [number, number, number, number];
+    getLineWidth: (d: any) => 0.04 | 0.02;
+    lineWidthUnits: "meters";
+    pickable: true;
+    autoHighlight: true;
+    highlightColor: number[];
+}>;
+
+type TopoNode$2 = {
+    id: string;
+    name: string;
+    pose: string | {
+        x: number;
+        y: number;
+        z?: number;
+        rx?: number;
+        ry?: number;
+        rz?: number;
+    };
+    links?: {
+        id?: string;
+    }[];
+    type: string;
+    info?: string;
+    context?: string;
+    features?: string[];
+};
+type Params$2 = {
+    mapTopoData: TopoNode$2[];
+    onGoalNodeClick?: (node: {
+        id: string;
+        name?: string;
+        type: string;
+    }) => void;
+    highlightedNodeId?: string;
+    mapMode?: "control" | "real";
+};
+declare const createGoalLayer: ({ mapTopoData, onGoalNodeClick, highlightedNodeId, mapMode, }: Params$2) => Layer[];
+
+type TopoNode$1 = {
+    id: string;
+    pose: string | {
+        x: number;
+        y: number;
+        z?: number;
+        rx?: number;
+        ry?: number;
+        rz?: number;
+    };
+    links?: Array<string | {
+        id?: string | {
+            id?: string;
+        };
+    }>;
+};
+type Params$1 = {
+    mapTopoData: TopoNode$1[];
+    oneWayColor?: RgbaColor;
+    twoWayColor?: RgbaColor;
+};
+declare const createLinkLayer: ({ mapTopoData, oneWayColor, twoWayColor, }: Params$1) => PathLayer<any, {
+    id: "links";
+    data: {
+        path: Array<[number, number]>;
+        color: [number, number, number, number];
+        width: number;
+        sourceId: string;
+        targetId: string;
+        isDirectionalMark?: boolean;
+    }[];
+    coordinateSystem: 2;
+    coordinateOrigin: [number, number, number];
+    getPath: (d: any) => any;
+    getColor: (d: any) => any;
+    getWidth: (d: any) => any;
+    widthUnits: "meters";
+    widthMinPixels: 1;
+    pickable: false;
+    autoHighlight: false;
+}>;
+
+type TopoNode = {
+    id: string;
+    name: string;
+    pose: string | {
+        x: number;
+        y: number;
+        z?: number;
+        rx?: number;
+        ry?: number;
+        rz?: number;
+    };
+    links?: {
+        id?: string;
+    }[];
+    type: string;
+    info?: string;
+    context?: string;
+    features?: string[];
+};
+type Params = {
+    mapTopoData: TopoNode[];
+    /** 노드 목록 클릭 등으로 포커스된 노드 id. 일치하면 테두리로 강조 */
+    highlightedNodeId?: string;
+    mapMode?: "control" | "real";
+};
+declare const createRouteLayer: ({ mapTopoData, highlightedNodeId, mapMode, }: Params) => Layer | null;
+
+type TileKey = string;
+type KeymapTileIndex = Map<TileKey, number[][]>;
+declare const buildKeymapTileIndex: (keymapContent: {
+    content: number[][];
+} | null | undefined, minZoom: number, maxZoom: number) => KeymapTileIndex;
+
+declare const createKeymapPointCloudLayerByLod: ({ keymapTileIndex, zoom, longitude, latitude, viewportWidth, viewportHeight, pointSize, layerId, color, maxVisiblePoints, }: {
+    keymapTileIndex: KeymapTileIndex;
+    zoom: number;
+    longitude: number;
+    latitude: number;
+    viewportWidth: number;
+    viewportHeight: number;
+    pointSize?: number;
+    layerId?: string;
+    color?: RgbaColor;
+    maxVisiblePoints?: number;
+}) => PointCloudLayer<unknown, {}>;
+
+declare const AMR_ICON_VARIANTS: readonly [{
+    readonly key: "marker";
+    readonly color: "#111111";
+    readonly overlayOpacity: 0;
+}, {
+    readonly key: "marker-selected";
+    readonly color: "#F2E89A";
+    readonly overlayOpacity: 0.3;
+}, {
+    readonly key: "marker-focused";
+    readonly color: "#155dfc";
+    readonly overlayOpacity: 0.3;
+}];
+type AmrIconKey = (typeof AMR_ICON_VARIANTS)[number]["key"];
+type AmrIconMapping = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    anchorX: number;
+    anchorY: number;
+    mask: false;
+};
+type AmrIconMode = "control" | "real";
+declare const AMR_ICON_MAPPING: Record<AmrIconKey, AmrIconMapping>;
+declare const getAmrIcon: (mode?: AmrIconMode) => string;
+
 interface PluginUIServices {
     alert: (params: {
         title?: string;
@@ -3443,5 +4060,5 @@ declare function useRbFormData<T = unknown>(): T | undefined;
  */
 declare function useRbSave<T = unknown>(getPayload: () => T): void;
 
-export { RBSelectOption as Option, Accordion as RBAccordion, AccordionGroup as RBAccordionGroup, RBAlert, RBBadge, RBBattery, Calendar as RBCalendar, RBCard, RBCardAction, RBCardContent, RBCardDescription, RBCardFooter, RBCardHeader, RBCardHeaderText, RBCardPreviewSlot, RBCardTitle, CheckBox as RBCheckBox, RBCheckIconButton, RBCheckLabelButton, RBChipItem, RBChipTab, RBChipsBoxItem, RBChipsBoxTab, RBCommand, RBCommandDialog, RBCommandEmpty, RBCommandGroup, RBCommandInput, RBCommandItem, RBCommandList, RBCommandSelected, RBCommandSeparator, RBCommandShortcut, RBConfirm, DateInput as RBDateInput, RBDatePickerFooterButton, RBDatePickerFooterTime, RBDatePickerPreset, RBDialog, RBDialogClose, RBDialogContent, RBDialogDescription, RBDialogFooter, RBDialogHeader, RBDialogOverlay, RBDialogPortal, RBDialogTitle, RBDialogTrigger, RBDim, RBDivider, RBDrawer, RBDrawerBody, RBDrawerClose, RBDrawerContent, RBDrawerDescription, RBDrawerFooter, RBDrawerHeader, RBDrawerOverlay, RBDrawerPortal, RBDrawerTitle, RBDrawerTrigger, RBDropdownMenu, RBDropdownMenuCheckboxItem, RBDropdownMenuContent, RBDropdownMenuGroup, RBDropdownMenuItem, RBDropdownMenuLabel, RBDropdownMenuPortal, RBDropdownMenuRadioGroup, RBDropdownMenuRadioItem, RBDropdownMenuSeparator, RBDropdownMenuShortcut, RBDropdownMenuSub, RBDropdownMenuSubContent, RBDropdownMenuSubTrigger, RBDropdownMenuTrigger, RBEmptyView, RBIconButton, index as RBIcons, RBInlineLabelButton, RBJoyStick, RBLabelButton, RBLight, RBMenubar, RBMenubarCheckboxItem, RBMenubarContent, RBMenubarGroup, RBMenubarItem, RBMenubarLabel, RBMenubarMenu, RBMenubarPortal, RBMenubarRadioGroup, RBMenubarRadioItem, RBMenubarSeparator, RBMenubarShortcut, RBMenubarSub, RBMenubarSubContent, RBMenubarSubTrigger, RBMenubarTrigger, RBModal, MultiRangeInput as RBMultiRangeInput, RBNoData, RBPagination, RBPopover, RBPopoverAnchor, RBPopoverContent, RBPopoverPlacements, RBPopoverTrigger, RBPrompt, RBQrBarCodeGuideModal, RBRadioBox, RBRadioButton, RangeDateInput as RBRangeDateInput, RBResizable, RBResizableHandle, RBResizablePanel, RBResizable as RBResizablePanelGroup, RBSelectBox, RBSelectDropBox, RBSelectOption, RBSheet, RBSheetClose, RBSheetContent, RBSheetDescription, RBSheetFooter, RBSheetHeader, RBSheetOverlay, RBSheetPortal, RBSheetTitle, RBSheetTrigger, SideNumberInput as RBSideNumberInput, RBSimpleToast, RBSlider, RBSpinner, RBSwitch, RBSwitchField, RBTab, RBTabItem, RBTable, RBTableRow, RBTabs, RBTabsContent, RBTabsList, RBTabsTrigger, RBTdColumn, RBTdExpend, RBTextArea, RBTextField, RBTextHelperText, RBTextInput, RBTextLabel, RBToggle, RBToggleGroup, RBToggleGroupItem, RBTooltip, accordionVariants, badgeRootVariants, batteryFillVariants, cardRootVariants, checkBoxRootVariants, checkIconButtonVariants, checkLabelButtonVariants, chipRootVariants, dividerVariants, emptyViewRootVariants, iconButtonVariants, inlineLabelButtonVariants, labelButtonVariants, lightColors, lightSizes, radioRootVariants, selectTriggerVariants, sideNumberInputVariants, tabRootVariants, textAreaVariants, textInputVariants, useRb, useRbFormData, useRbSave };
-export type { PropsType$r as AccordionProps, AccordionVariantProps, PropsType$8 as BadgeProps, BadgeVariantProps, BatteryProps, BatteryVariantProps, CardVariantProps, Props$h as CheckBoxProps, CheckBoxVariantProps, Props$g as CheckIconButtonProps, PropsType$f as ChipItemProps, PropsType$g as ChipTabProps, ChipVariantProps, PropsType$d as ChipsBoxItemProps, PropsType$e as ChipsBoxTabProps, Props$d as DateInputProps, PropsType as DatePickerFooterButtonProps, PropsType$2 as DatePickerPresetProps, DatePickerTimeValue, PropsType$o as DimProps, DividerProps, DividerVariantProps, DrawerSide, DropdownItemVariant, PropsType$7 as EmptyViewProps, EmptyViewVariantProps, PropsType$9 as ExpendProps, HelperTone, IconButtonProps, IconButtonVariantProps, InlineLabelButtonProps, InlineLabelButtonVariantProps, Props$3 as JoyStickProps, LabelButtonProps, LabelButtonVariantProps, LightProps, LightVariantProps, MenubarItemVariant, Props$4 as MultiRangeInputProps, Props$7 as PaginationProps, Props$b as RBAlertProps, RBCardContentProps, RBCardFooterProps, RBCardHeaderProps, RBCardHeaderTextProps, RBCardPreviewSlotProps, RBCardProps, RBCardTitleProps, Props$a as RBConfirmProps, RBDialogContentProps, RBDrawerContentProps, RBDrawerProps, RBPopoverContentProps, RBPopoverPlacement, Props$9 as RBPromptProps, PropsType$j as RBRadioBoxProps, RBResizableHandleProps, RBResizablePanelProps, RBResizableProps, PropsType$n as RBSelectBoxProps, RBSelectBoxRef, RBSheetContentProps, Props$1 as RBSimpleToastProps, RBSliderProps, PropsType$3 as RBSwitchFieldProps, RBSwitchProps, RBTabsContentProps, RBTabsListProps, RBTabsProps, RBTabsTriggerProps, Props$e as RBTextAreaProps, RBToggleGroupItemProps, RBToggleGroupProps, RBToggleProps, Props$5 as RadioButtonProps, RadioVariantProps, Props$c as RangeDateInputProps, RbJoyStickEventData, RbSdk, PropsType$m as SelectOptionProps, SelectTriggerVariantProps, SheetSide, Props$6 as SideNumberInputProps, SideNumberInputVariantProps, SwitchControlPlacement, SwitchSize, SwitchTone, SwitchType, PropsType$h as TabItemProps, PropsType$i as TabProps, TabVariantProps, PropsType$c as TableProps, PropsType$b as TableRowProps, TabsSize, TabsVariant, PropsType$a as TdColumnProps, TextAreaVariantProps, PropsType$5 as TextFieldProps, PropsType$p as TextHelperTextProps, PropsType$q as TextInputProps, TextInputVariantProps, PropsType$6 as TextLabelProps, ToggleGroupOrientation, ToggleVariantProps, PropsType$4 as TooltipProps };
+export { AMR_ICON_MAPPING, CONVEYOR_BELT_IMAGE_BASE_GEOMETRY, DOCKING_STATION_IMAGE_BASE_GEOMETRY, FactoryMap, HStack, RBSelectOption as Option, Accordion as RBAccordion, AccordionGroup as RBAccordionGroup, RBAlert, RBBadge, RBBattery, Calendar as RBCalendar, RBCard, RBCardAction, RBCardContent, RBCardDescription, RBCardFooter, RBCardHeader, RBCardHeaderText, RBCardPreviewSlot, RBCardTitle, CheckBox as RBCheckBox, RBCheckIconButton, RBCheckLabelButton, RBChipItem, RBChipTab, RBChipsBoxItem, RBChipsBoxTab, RBCommand, RBCommandDialog, RBCommandEmpty, RBCommandGroup, RBCommandInput, RBCommandItem, RBCommandList, RBCommandSelected, RBCommandSeparator, RBCommandShortcut, RBConfirm, DateInput as RBDateInput, RBDatePickerFooterButton, RBDatePickerFooterTime, RBDatePickerPreset, RBDialog, RBDialogClose, RBDialogContent, RBDialogDescription, RBDialogFooter, RBDialogHeader, RBDialogOverlay, RBDialogPortal, RBDialogTitle, RBDialogTrigger, RBDim, RBDivider, RBDrawer, RBDrawerBody, RBDrawerClose, RBDrawerContent, RBDrawerDescription, RBDrawerFooter, RBDrawerHeader, RBDrawerOverlay, RBDrawerPortal, RBDrawerTitle, RBDrawerTrigger, RBDropdownMenu, RBDropdownMenuCheckboxItem, RBDropdownMenuContent, RBDropdownMenuGroup, RBDropdownMenuItem, RBDropdownMenuLabel, RBDropdownMenuPortal, RBDropdownMenuRadioGroup, RBDropdownMenuRadioItem, RBDropdownMenuSeparator, RBDropdownMenuShortcut, RBDropdownMenuSub, RBDropdownMenuSubContent, RBDropdownMenuSubTrigger, RBDropdownMenuTrigger, RBEmptyView, RBIconButton, index as RBIcons, RBInlineLabelButton, RBJoyStick, RBLabelButton, RBLight, RBMenubar, RBMenubarCheckboxItem, RBMenubarContent, RBMenubarGroup, RBMenubarItem, RBMenubarLabel, RBMenubarMenu, RBMenubarPortal, RBMenubarRadioGroup, RBMenubarRadioItem, RBMenubarSeparator, RBMenubarShortcut, RBMenubarSub, RBMenubarSubContent, RBMenubarSubTrigger, RBMenubarTrigger, RBModal, MultiRangeInput as RBMultiRangeInput, RBNoData, RBPagination, RBPopover, RBPopoverAnchor, RBPopoverContent, RBPopoverPlacements, RBPopoverTrigger, RBPrompt, RBQrBarCodeGuideModal, RBRadioBox, RBRadioButton, RangeDateInput as RBRangeDateInput, RBResizable, RBResizableHandle, RBResizablePanel, RBResizable as RBResizablePanelGroup, RBSelectBox, RBSelectDropBox, RBSelectOption, RBSheet, RBSheetClose, RBSheetContent, RBSheetDescription, RBSheetFooter, RBSheetHeader, RBSheetOverlay, RBSheetPortal, RBSheetTitle, RBSheetTrigger, SideNumberInput as RBSideNumberInput, RBSimpleToast, RBSlider, RBSpinner, RBSwitch, RBSwitchField, RBTab, RBTabItem, RBTable, RBTableRow, RBTabs, RBTabsContent, RBTabsList, RBTabsTrigger, RBTdColumn, RBTdExpend, RBTextArea, RBTextField, RBTextHelperText, RBTextInput, RBTextLabel, RBToggle, RBToggleGroup, RBToggleGroupItem, RBTooltip, SAFETY_ZONE_COLORS, VStack, accordionVariants, badgeRootVariants, batteryFillVariants, buildKeymapTileIndex, cardRootVariants, checkBoxRootVariants, checkIconButtonVariants, checkLabelButtonVariants, chipRootVariants, createArucoLayer, createGoalLayer, createKeymapPointCloudLayerByLod, createLinkLayer, createRouteLayer, dividerVariants, emptyViewRootVariants, getAmrIcon, iconButtonVariants, inlineLabelButtonVariants, labelButtonVariants, lightColors, lightSizes, parseTrafficZoneData, radioRootVariants, selectTriggerVariants, sideNumberInputVariants, tabRootVariants, textAreaVariants, textInputVariants, trafficZoneColorToCss, useRb, useRbFormData, useRbSave, zoneColorNumberToCss };
+export type { PropsType$t as AccordionProps, AccordionVariantProps, AmrPathWaypointsDatum, PropsType$a as BadgeProps, BadgeVariantProps, BatteryProps, BatteryVariantProps, CardVariantProps, Props$h as CheckBoxProps, CheckBoxVariantProps, Props$g as CheckIconButtonProps, PropsType$h as ChipItemProps, PropsType$i as ChipTabProps, ChipVariantProps, PropsType$f as ChipsBoxItemProps, PropsType$g as ChipsBoxTabProps, Props$d as DateInputProps, PropsType$2 as DatePickerFooterButtonProps, PropsType$4 as DatePickerPresetProps, DatePickerTimeValue, PropsType$q as DimProps, DividerProps, DividerVariantProps, DrawerSide, DropdownItemVariant, PropsType$9 as EmptyViewProps, EmptyViewVariantProps, PropsType$b as ExpendProps, FactoryMapProps, PropsType$1 as HStackProps, HelperTone, IconButtonProps, IconButtonVariantProps, InlineLabelButtonProps, InlineLabelButtonVariantProps, Props$3 as JoyStickProps, KeymapTileIndex, LabelButtonProps, LabelButtonVariantProps, LightProps, LightVariantProps, MapImageTransformGeometry, MenubarItemVariant, Props$4 as MultiRangeInputProps, Props$7 as PaginationProps, Props$b as RBAlertProps, RBCardContentProps, RBCardFooterProps, RBCardHeaderProps, RBCardHeaderTextProps, RBCardPreviewSlotProps, RBCardProps, RBCardTitleProps, Props$a as RBConfirmProps, RBDialogContentProps, RBDrawerContentProps, RBDrawerProps, RBPopoverContentProps, RBPopoverPlacement, Props$9 as RBPromptProps, PropsType$l as RBRadioBoxProps, RBResizableHandleProps, RBResizablePanelProps, RBResizableProps, PropsType$p as RBSelectBoxProps, RBSelectBoxRef, RBSheetContentProps, Props$1 as RBSimpleToastProps, RBSliderProps, PropsType$5 as RBSwitchFieldProps, RBSwitchProps, RBTabsContentProps, RBTabsListProps, RBTabsProps, RBTabsTriggerProps, Props$e as RBTextAreaProps, RBToggleGroupItemProps, RBToggleGroupProps, RBToggleProps, Props$5 as RadioButtonProps, RadioVariantProps, Props$c as RangeDateInputProps, RbJoyStickEventData, RbSdk, SafetyZoneInput, SafetyZoneType, PropsType$o as SelectOptionProps, SelectTriggerVariantProps, SheetSide, Props$6 as SideNumberInputProps, SideNumberInputVariantProps, SwitchControlPlacement, SwitchSize, SwitchTone, SwitchType, PropsType$j as TabItemProps, PropsType$k as TabProps, TabVariantProps, PropsType$e as TableProps, PropsType$d as TableRowProps, TabsSize, TabsVariant, PropsType$c as TdColumnProps, TextAreaVariantProps, PropsType$7 as TextFieldProps, PropsType$r as TextHelperTextProps, PropsType$s as TextInputProps, TextInputVariantProps, PropsType$8 as TextLabelProps, ToggleGroupOrientation, ToggleVariantProps, PropsType$6 as TooltipProps, TrafficZone, PropsType as VStackProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rainbow-robotics/plugin-ui",
-  "version": "1.0.4",
+  "version": "1.0.5-dev.0",
   "type": "module",
   "engines": {
     "node": ">=20"