@x-plat/design-system 0.3.2 → 0.3.4

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

@@ -121,43 +121,21 @@ 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];
+/** 브랜드 토큰 확장 포인트. declare module "@x-plat/design-system" 로 머지. */
+interface ColorTokenRegistry {
+}
+type ExternalColorTokens = ColorTokenRegistry extends Record<string, infer T> ? T extends string ? T : never : never;
+type ColorToken = DefaultColorToken | ExternalColorTokens;
 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 ColorTokenRegistry as C, type ColorToken as a, type ColorProps as b, colors as c };

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

@@ -121,43 +121,21 @@ 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];
+/** 브랜드 토큰 확장 포인트. declare module "@x-plat/design-system" 로 머지. */
+interface ColorTokenRegistry {
+}
+type ExternalColorTokens = ColorTokenRegistry extends Record<string, infer T> ? T extends string ? T : never : never;
+type ColorToken = DefaultColorToken | ExternalColorTokens;
 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 ColorTokenRegistry as C, type ColorToken as a, type ColorProps as b, colors as c };

package/dist/components/Accordion/index.css

@@ -32,6 +32,9 @@
   width: 20px;
   height: 20px;
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   transition: transform 0.25s ease;
   color: var(--xplat-neutral-500);
 }

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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.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 { b as ColorProps } from '../../colors-B2QFkaH-.js';
 
 interface TooltipProps extends ColorProps {
     type?: "primary" | "secondary";

package/dist/components/index.css

@@ -410,6 +410,9 @@
   width: 20px;
   height: 20px;
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   transition: transform 0.25s ease;
   color: var(--xplat-neutral-500);
 }

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-B2QFkaH-.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-B2QFkaH-.js';
 import '../attributes-DJIWir_0.js';

package/dist/index.css

@@ -410,6 +410,9 @@
   width: 20px;
   height: 20px;
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   transition: transform 0.25s ease;
   color: var(--xplat-neutral-500);
 }

package/dist/index.d.cts

@@ -43,7 +43,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 { b as ColorProps, a as ColorToken, C as ColorTokenRegistry, c as colors } from './colors-B2QFkaH-.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

@@ -43,7 +43,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 { b as ColorProps, a as ColorToken, C as ColorTokenRegistry, c as colors } from './colors-B2QFkaH-.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 { b as ColorProps, a as ColorToken, C as ColorTokenRegistry, c as colors } from '../colors-B2QFkaH-.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 { b as ColorProps, a as ColorToken, C as ColorTokenRegistry, c as colors } from '../colors-B2QFkaH-.js';
 import React from 'react';
 
 declare const CopyIcon: React.FC;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-plat/design-system",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "XPLAT UI Design System",
   "author": "XPLAT WOONG",
   "main": "dist/index.cjs",