@x-plat/design-system 0.3.3 → 0.3.5

package/dist/{colors-BgzpjYfN.d.cts → colors-CY4JXVHj.d.cts}

@@ -121,43 +121,17 @@ declare const colors: {
     };
 };
 
-/**
- * 브랜드 토큰 패키지에서 확장 가능한 인터페이스.
- * declare module "@x-plat/design-system" 로 머지하면 됨.
- *
- * @example
- * // @x-plat/tokens-cbio/types.d.ts
- * declare module "@x-plat/design-system" {
- *   interface CustomNamespaces {
- *     cbio: {
- *       green: { 500: string; 600: string };
- *       primitive: { 500: string };
- *     };
- *   }
- *   interface CustomColors {
- *     textColor: { 500: string };
- *   }
- * }
- */
-interface CustomColors {
-}
-interface CustomNamespaces {
-}
 type DefaultColors = typeof colors;
-type AllNamespaces = DefaultColors & CustomNamespaces;
-type MergedNamespaceColors<N extends keyof AllNamespaces> = N extends keyof DefaultColors ? N extends keyof CustomNamespaces ? DefaultColors[N] & CustomNamespaces[N] & (N extends "xplat" ? CustomColors : {}) : DefaultColors[N] & (N extends "xplat" ? CustomColors : {}) : N extends keyof CustomNamespaces ? CustomNamespaces[N] : {};
-type ColorNamespace = keyof AllNamespaces;
-type ColorName<C extends ColorNamespace> = keyof MergedNamespaceColors<C>;
-type ColorDepth<C extends ColorNamespace, K extends ColorName<C>> = K extends keyof MergedNamespaceColors<C> ? MergedNamespaceColors<C>[K] extends string ? undefined : keyof MergedNamespaceColors<C>[K] : undefined;
-type BuildTokenStrings<N extends ColorNamespace> = {
-    [C in ColorName<N>]: ColorDepth<N, C> extends undefined ? `${N & string}-${C & string}` : `${N & string}-${C & string}-${ColorDepth<N, C> & (string | number)}`;
-}[ColorName<N>];
-type ColorToken = {
-    [N in ColorNamespace]: BuildTokenStrings<N>;
-}[ColorNamespace];
+type BuildDefaultTokens<N extends keyof DefaultColors> = {
+    [C in keyof DefaultColors[N]]: DefaultColors[N][C] extends string ? `${N & string}-${C & string}` : `${N & string}-${C & string}-${keyof DefaultColors[N][C] & (string | number)}`;
+}[keyof DefaultColors[N]];
+type DefaultColorToken = {
+    [N in keyof DefaultColors]: BuildDefaultTokens<N>;
+}[keyof DefaultColors];
+type ColorToken = DefaultColorToken | XplatColorTokenRegistry[keyof XplatColorTokenRegistry];
 interface ColorProps {
     /** "xplat-blue-500" 형태로 지정 (자동완성 지원) */
     color?: ColorToken;
 }
 
-export { type CustomColors as C, type CustomNamespaces as a, type ColorNamespace as b, colors as c, type ColorName as d, type ColorDepth as e, type ColorToken as f, type ColorProps as g };
+export { type ColorToken as C, type ColorProps as a, colors as c };

package/dist/{colors-BgzpjYfN.d.ts → colors-CY4JXVHj.d.ts}

@@ -121,43 +121,17 @@ declare const colors: {
     };
 };
 
-/**
- * 브랜드 토큰 패키지에서 확장 가능한 인터페이스.
- * declare module "@x-plat/design-system" 로 머지하면 됨.
- *
- * @example
- * // @x-plat/tokens-cbio/types.d.ts
- * declare module "@x-plat/design-system" {
- *   interface CustomNamespaces {
- *     cbio: {
- *       green: { 500: string; 600: string };
- *       primitive: { 500: string };
- *     };
- *   }
- *   interface CustomColors {
- *     textColor: { 500: string };
- *   }
- * }
- */
-interface CustomColors {
-}
-interface CustomNamespaces {
-}
 type DefaultColors = typeof colors;
-type AllNamespaces = DefaultColors & CustomNamespaces;
-type MergedNamespaceColors<N extends keyof AllNamespaces> = N extends keyof DefaultColors ? N extends keyof CustomNamespaces ? DefaultColors[N] & CustomNamespaces[N] & (N extends "xplat" ? CustomColors : {}) : DefaultColors[N] & (N extends "xplat" ? CustomColors : {}) : N extends keyof CustomNamespaces ? CustomNamespaces[N] : {};
-type ColorNamespace = keyof AllNamespaces;
-type ColorName<C extends ColorNamespace> = keyof MergedNamespaceColors<C>;
-type ColorDepth<C extends ColorNamespace, K extends ColorName<C>> = K extends keyof MergedNamespaceColors<C> ? MergedNamespaceColors<C>[K] extends string ? undefined : keyof MergedNamespaceColors<C>[K] : undefined;
-type BuildTokenStrings<N extends ColorNamespace> = {
-    [C in ColorName<N>]: ColorDepth<N, C> extends undefined ? `${N & string}-${C & string}` : `${N & string}-${C & string}-${ColorDepth<N, C> & (string | number)}`;
-}[ColorName<N>];
-type ColorToken = {
-    [N in ColorNamespace]: BuildTokenStrings<N>;
-}[ColorNamespace];
+type BuildDefaultTokens<N extends keyof DefaultColors> = {
+    [C in keyof DefaultColors[N]]: DefaultColors[N][C] extends string ? `${N & string}-${C & string}` : `${N & string}-${C & string}-${keyof DefaultColors[N][C] & (string | number)}`;
+}[keyof DefaultColors[N]];
+type DefaultColorToken = {
+    [N in keyof DefaultColors]: BuildDefaultTokens<N>;
+}[keyof DefaultColors];
+type ColorToken = DefaultColorToken | XplatColorTokenRegistry[keyof XplatColorTokenRegistry];
 interface ColorProps {
     /** "xplat-blue-500" 형태로 지정 (자동완성 지원) */
     color?: ColorToken;
 }
 
-export { type CustomColors as C, type CustomNamespaces as a, type ColorNamespace as b, colors as c, type ColorName as d, type ColorDepth as e, type ColorToken as f, type ColorProps as g };
+export { type ColorToken as C, type ColorProps as a, colors as c };

package/dist/components/Avatar/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type AvatarSize = "sm" | "md" | "lg";
 interface AvatarProps extends ColorProps {

package/dist/components/Avatar/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type AvatarSize = "sm" | "md" | "lg";
 interface AvatarProps extends ColorProps {

package/dist/components/Badge/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type BadgeSize = "sm" | "md" | "lg";
 interface BadgeProps extends ColorProps {

package/dist/components/Badge/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type BadgeSize = "sm" | "md" | "lg";
 interface BadgeProps extends ColorProps {

package/dist/components/Button/index.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { B as ButtonAttributes } from '../../attributes-DJIWir_0.cjs';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type ButtonType = "primary" | "secondary";
 type ButtonSize = "sm" | "md" | "lg";

package/dist/components/Button/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { B as ButtonAttributes } from '../../attributes-DJIWir_0.js';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type ButtonType = "primary" | "secondary";
 type ButtonSize = "sm" | "md" | "lg";

package/dist/components/CheckBox/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as InputAttributes } from '../../attributes-DJIWir_0.cjs';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 import 'react';
 
 type CheckBoxSize = "sm" | "md" | "lg";

package/dist/components/CheckBox/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as InputAttributes } from '../../attributes-DJIWir_0.js';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 import 'react';
 
 type CheckBoxSize = "sm" | "md" | "lg";

package/dist/components/Chip/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type ChipType = "primary" | "secondary";
 type ChipSize = "sm" | "md" | "lg";

package/dist/components/Chip/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type ChipType = "primary" | "secondary";
 type ChipSize = "sm" | "md" | "lg";

package/dist/components/DatePicker/index.d.cts

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 interface InputDatePickerProps {
     value: Date;

package/dist/components/DatePicker/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 interface InputDatePickerProps {
     value: Date;

package/dist/components/Pagination/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type PaginationSize = "sm" | "md" | "lg";
 interface PaginationProps extends ColorProps {

package/dist/components/Pagination/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type PaginationSize = "sm" | "md" | "lg";
 interface PaginationProps extends ColorProps {

package/dist/components/Progress/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type ProgressSize = "sm" | "md" | "lg";
 interface ProgressProps extends ColorProps {

package/dist/components/Progress/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type ProgressSize = "sm" | "md" | "lg";
 interface ProgressProps extends ColorProps {

package/dist/components/Radio/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as InputAttributes } from '../../attributes-DJIWir_0.cjs';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 import React from 'react';
 
 type RadioSize = "sm" | "md" | "lg";

package/dist/components/Radio/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as InputAttributes } from '../../attributes-DJIWir_0.js';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 import React from 'react';
 
 type RadioSize = "sm" | "md" | "lg";

package/dist/components/Spinner/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type SpinnerSize = "sm" | "md" | "lg";
 interface SpinnerProps extends ColorProps {

package/dist/components/Spinner/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type SpinnerSize = "sm" | "md" | "lg";
 interface SpinnerProps extends ColorProps {

package/dist/components/Steps/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 interface StepItem {
     title: string;

package/dist/components/Steps/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 interface StepItem {
     title: string;

package/dist/components/Switch/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type SwitchSize = "sm" | "md" | "lg";
 interface SwitchProps extends ColorProps {

package/dist/components/Switch/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type SwitchSize = "sm" | "md" | "lg";
 interface SwitchProps extends ColorProps {

package/dist/components/Table/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 interface TableProps {
     className?: string;

package/dist/components/Table/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 interface TableProps {
     className?: string;

package/dist/components/Tag/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type TagSize = "sm" | "md" | "lg";
 interface TagProps extends ColorProps {

package/dist/components/Tag/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type TagSize = "sm" | "md" | "lg";
 interface TagProps extends ColorProps {

package/dist/components/Tooltip/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.cjs';
+import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 interface TooltipProps extends ColorProps {
     type?: "primary" | "secondary";

package/dist/components/Tooltip/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { g as ColorProps } from '../../colors-BgzpjYfN.js';
+import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 interface TooltipProps extends ColorProps {
     type?: "primary" | "secondary";

package/dist/components/index.d.cts

@@ -38,5 +38,5 @@ export { Tooltip } from './Tooltip/index.cjs';
 export { Video, VideoProps } from './Video/index.cjs';
 import 'react';
 import 'react/jsx-runtime';
-import '../colors-BgzpjYfN.cjs';
+import '../colors-CY4JXVHj.cjs';
 import '../attributes-DJIWir_0.cjs';

package/dist/components/index.d.ts

@@ -38,5 +38,5 @@ export { Tooltip } from './Tooltip/index.js';
 export { Video, VideoProps } from './Video/index.js';
 import 'react';
 import 'react/jsx-runtime';
-import '../colors-BgzpjYfN.js';
+import '../colors-CY4JXVHj.js';
 import '../attributes-DJIWir_0.js';

package/dist/index.d.cts

@@ -1,3 +1,4 @@
+/// <reference path="../global.d.ts" />
 export { Accordion } from './components/Accordion/index.cjs';
 export { Alert } from './components/Alert/index.cjs';
 export { Avatar } from './components/Avatar/index.cjs';
@@ -43,7 +44,7 @@ export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig
 export { Header } from './layout/Header/index.cjs';
 export { Layout } from './layout/Layout/index.cjs';
 export { SideBar, SideBarContext, useSideBarContext } from './layout/SideBar/index.cjs';
-export { e as ColorDepth, d as ColorName, b as ColorNamespace, g as ColorProps, f as ColorToken, C as CustomColors, a as CustomNamespaces, c as colors } from './colors-BgzpjYfN.cjs';
+export { a as ColorProps, C as ColorToken, c as colors } from './colors-CY4JXVHj.cjs';
 export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookOpenIcon, BookmarkIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CalenderIcon, CallActiveIcon, CallForwardedIcon, DefaultCall as CallIcon, CallIncomingIcon, CallMissedIcon, CallOffIcon, CallOutgoingIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseEyeIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DefaultCall, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ErrorIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GierIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GitMergeIcon, GitPullRequestIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkIcon, LinkedinIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, OpenEyeIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProfileIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SendIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlashIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SuccessIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, ToolIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon } from './tokens/index.cjs';
 import 'react';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../global.d.ts" />
 export { Accordion } from './components/Accordion/index.js';
 export { Alert } from './components/Alert/index.js';
 export { Avatar } from './components/Avatar/index.js';
@@ -43,7 +44,7 @@ export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig
 export { Header } from './layout/Header/index.js';
 export { Layout } from './layout/Layout/index.js';
 export { SideBar, SideBarContext, useSideBarContext } from './layout/SideBar/index.js';
-export { e as ColorDepth, d as ColorName, b as ColorNamespace, g as ColorProps, f as ColorToken, C as CustomColors, a as CustomNamespaces, c as colors } from './colors-BgzpjYfN.js';
+export { a as ColorProps, C as ColorToken, c as colors } from './colors-CY4JXVHj.js';
 export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookOpenIcon, BookmarkIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CalenderIcon, CallActiveIcon, CallForwardedIcon, DefaultCall as CallIcon, CallIncomingIcon, CallMissedIcon, CallOffIcon, CallOutgoingIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseEyeIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DefaultCall, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ErrorIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GierIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GitMergeIcon, GitPullRequestIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkIcon, LinkedinIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, OpenEyeIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProfileIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SendIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlashIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SuccessIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, ToolIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon } from './tokens/index.js';
 import 'react';
 import 'react/jsx-runtime';

package/dist/tokens/index.d.cts

@@ -1,5 +1,5 @@
 export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig, G as GridSpanFor, c as breakpoints, g as gridColumns } from '../breakpoints-DsXkJgdl.cjs';
-export { e as ColorDepth, d as ColorName, b as ColorNamespace, g as ColorProps, f as ColorToken, C as CustomColors, a as CustomNamespaces, c as colors } from '../colors-BgzpjYfN.cjs';
+export { a as ColorProps, C as ColorToken, c as colors } from '../colors-CY4JXVHj.cjs';
 import React from 'react';
 
 declare const CopyIcon: React.FC;

package/dist/tokens/index.d.ts

@@ -1,5 +1,5 @@
 export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig, G as GridSpanFor, c as breakpoints, g as gridColumns } from '../breakpoints-DsXkJgdl.js';
-export { e as ColorDepth, d as ColorName, b as ColorNamespace, g as ColorProps, f as ColorToken, C as CustomColors, a as CustomNamespaces, c as colors } from '../colors-BgzpjYfN.js';
+export { a as ColorProps, C as ColorToken, c as colors } from '../colors-CY4JXVHj.js';
 import React from 'react';
 
 declare const CopyIcon: React.FC;

package/global.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 브랜드 토큰 확장 포인트 (global).
+ * 토큰 패키지에서 이 interface를 augment하면 ColorToken에 자동 반영.
+ *
+ * @example
+ * // @x-plat/tokens-cbio/types.d.ts
+ * interface XplatColorTokenRegistry {
+ *   cbio: "cbio-brand-500" | "cbio-oasis-1";
+ * }
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+interface XplatColorTokenRegistry {}
+
+declare module "*.svg" {
+  import * as React from "react";
+  const SVGComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  export default SVGComponent;
+}
+
+declare module "*.scss" {
+  const href: string;
+  export default href;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-plat/design-system",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "XPLAT UI Design System",
   "author": "XPLAT WOONG",
   "main": "dist/index.cjs",
@@ -46,12 +46,13 @@
     "./style.css": "./dist/index.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "global.d.ts"
   ],
   "scripts": {
     "generate-grid": "tsx generate_grid.ts",
     "inject-tokens": "tsx scripts/inject-tokens.ts",
-    "build": "npm run clean && npm run inject-tokens && npm run generate-grid && tsc --noEmit && NODE_OPTIONS='--max-old-space-size=8192' tsup",
+    "build": "npm run clean && npm run inject-tokens && npm run generate-grid && tsc --noEmit && NODE_OPTIONS='--max-old-space-size=8192' tsup && tsx scripts/post-build.ts",
     "dev": "tsup --watch",
     "clean": "rm -rf dist",
     "lint": "eslint src"