@x-plat/design-system 0.4.5 → 0.5.0

package/dist/components/CheckBox/index.js

@@ -1,3 +1,6 @@
+// src/tokens/colors.ts
+import { primitive, semantic } from "@x-plat/tokens-core";
+
 // src/tokens/svg/action/CopyIcon.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -58,624 +61,705 @@ import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 // src/tokens/svg/action/SearchIcon.tsx
 import { jsx as jsx20 } from "react/jsx-runtime";
 
-// src/tokens/svg/action/SendIcon.tsx
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
-
 // src/tokens/svg/action/Share2Icon.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 
 // src/tokens/svg/action/ShareIcon.tsx
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 
 // src/tokens/svg/action/Trash2Icon.tsx
-import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // src/tokens/svg/action/TrashIcon.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 
 // src/tokens/svg/action/UploadCloudIcon.tsx
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 
 // src/tokens/svg/action/UploadIcon.tsx
-import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 
 // src/tokens/svg/action/ZoomInIcon.tsx
-import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 
 // src/tokens/svg/action/ZoomOutIcon.tsx
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowDownCircleIcon.tsx
 import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 
+// src/tokens/svg/arrow/ArrowDownIcon.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowDownLeftIcon.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowDownRightIcon.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowLeftCircleIcon.tsx
+import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowLeftIcon.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowRightCircleIcon.tsx
+import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowRightIcon.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowUpCircleIcon.tsx
+import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowUpIcon.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowUpLeftIcon.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ArrowUpRightIcon.tsx
+import { jsx as jsx40 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ChevronDownIcon.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ChevronLeftIcon.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ChevronRightIcon.tsx
+import { jsx as jsx43 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ChevronsDownIcon.tsx
+import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ChevronsLeftIcon.tsx
+import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ChevronsRightIcon.tsx
+import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ChevronsUpIcon.tsx
+import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/ChevronUpIcon.tsx
+import { jsx as jsx48 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/CompassIcon.tsx
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/CornerDownLeftIcon.tsx
+import { jsx as jsx50 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/CornerDownRightIcon.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/CornerLeftDownIcon.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/CornerLeftUpIcon.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/CornerRightDownIcon.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/CornerRightUpIcon.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/CornerUpLeftIcon.tsx
+import { jsx as jsx56 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/CornerUpRightIcon.tsx
+import { jsx as jsx57 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/MapIcon.tsx
+import { jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/MapPinIcon.tsx
+import { jsx as jsx59, jsxs as jsxs31 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/Navigation2Icon.tsx
+import { jsx as jsx60 } from "react/jsx-runtime";
+
+// src/tokens/svg/arrow/NavigationIcon.tsx
+import { jsx as jsx61 } from "react/jsx-runtime";
+
 // src/tokens/svg/call/CallActiveIcon.tsx
-import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
 
 // src/tokens/svg/call/CallForwardedIcon.tsx
-import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/tokens/svg/call/CallIcon.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 
 // src/tokens/svg/call/CallIncomingIcon.tsx
-import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
 
 // src/tokens/svg/call/CallMissedIcon.tsx
-import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
 
 // src/tokens/svg/call/CallOffIcon.tsx
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs36 } from "react/jsx-runtime";
 
 // src/tokens/svg/call/CallOutgoingIcon.tsx
-import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs37 } from "react/jsx-runtime";
 
 // src/tokens/svg/call/VoicemailIcon.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 
 // src/tokens/svg/chart/BarChart2Icon.tsx
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs38 } from "react/jsx-runtime";
 
 // src/tokens/svg/chart/BarChartIcon.tsx
-import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs39 } from "react/jsx-runtime";
 
 // src/tokens/svg/chart/PieChartIcon.tsx
-import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs40 } from "react/jsx-runtime";
 
 // src/tokens/svg/chart/TableIcon.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 
 // src/tokens/svg/chart/TrendingDownIcon.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 
 // src/tokens/svg/chart/TrendingUpIcon.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
+
+// src/tokens/svg/commerce/CreditCardIcon.tsx
+import { jsx as jsx76 } from "react/jsx-runtime";
+
+// src/tokens/svg/commerce/DollarSignIcon.tsx
+import { jsx as jsx77 } from "react/jsx-runtime";
+
+// src/tokens/svg/commerce/GiftIcon.tsx
+import { jsx as jsx78, jsxs as jsxs41 } from "react/jsx-runtime";
+
+// src/tokens/svg/commerce/ShoppingBagIcon.tsx
+import { jsx as jsx79, jsxs as jsxs42 } from "react/jsx-runtime";
+
+// src/tokens/svg/commerce/ShoppingCartIcon.tsx
+import { jsx as jsx80, jsxs as jsxs43 } from "react/jsx-runtime";
+
+// src/tokens/svg/commerce/TagIcon.tsx
+import { jsx as jsx81, jsxs as jsxs44 } from "react/jsx-runtime";
+
+// src/tokens/svg/commerce/TruckIcon.tsx
+import { jsx as jsx82 } from "react/jsx-runtime";
+
+// src/tokens/svg/communication/BellIcon.tsx
+import { jsx as jsx83, jsxs as jsxs45 } from "react/jsx-runtime";
+
+// src/tokens/svg/communication/BellOffIcon.tsx
+import { jsx as jsx84, jsxs as jsxs46 } from "react/jsx-runtime";
+
+// src/tokens/svg/communication/InboxIcon.tsx
+import { jsx as jsx85 } from "react/jsx-runtime";
+
+// src/tokens/svg/communication/MessageCircleIcon.tsx
+import { jsx as jsx86 } from "react/jsx-runtime";
+
+// src/tokens/svg/communication/MessageSquareIcon.tsx
+import { jsx as jsx87 } from "react/jsx-runtime";
+
+// src/tokens/svg/communication/PaperclipIcon.tsx
+import { jsx as jsx88 } from "react/jsx-runtime";
+
+// src/tokens/svg/communication/SendIcon.tsx
+import { jsx as jsx89, jsxs as jsxs47 } from "react/jsx-runtime";
 
 // src/tokens/svg/date/CalendarIcon.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 
 // src/tokens/svg/date/CalenderIcon.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 
 // src/tokens/svg/date/ClockIcon.tsx
-import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs48 } from "react/jsx-runtime";
 
 // src/tokens/svg/date/SunriseIcon.tsx
-import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs49 } from "react/jsx-runtime";
 
 // src/tokens/svg/date/SunsetIcon.tsx
-import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs50 } from "react/jsx-runtime";
+
+// src/tokens/svg/dev/CodeIcon.tsx
+import { jsx as jsx95, jsxs as jsxs51 } from "react/jsx-runtime";
+
+// src/tokens/svg/dev/GitBranchIcon.tsx
+import { jsx as jsx96 } from "react/jsx-runtime";
+
+// src/tokens/svg/dev/GitCommitIcon.tsx
+import { jsx as jsx97 } from "react/jsx-runtime";
+
+// src/tokens/svg/dev/GitMergeIcon.tsx
+import { jsx as jsx98 } from "react/jsx-runtime";
+
+// src/tokens/svg/dev/GitPullRequestIcon.tsx
+import { jsx as jsx99, jsxs as jsxs52 } from "react/jsx-runtime";
+
+// src/tokens/svg/dev/TerminalIcon.tsx
+import { jsx as jsx100, jsxs as jsxs53 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/BatteryChargingIcon.tsx
-import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs54 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/BatteryIcon.tsx
-import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs55 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/BluetoothIcon.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/CommandIcon.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/CpuIcon.tsx
-import { jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs56 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/DatabaseIcon.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/HardDriveIcon.tsx
-import { jsx as jsx55, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs57 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/MonitorIcon.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/PrinterIcon.tsx
-import { jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs58 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/ServerIcon.tsx
-import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs59 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/SmartphoneIcon.tsx
-import { jsx as jsx59, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs60 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/TabletIcon.tsx
-import { jsx as jsx60, jsxs as jsxs41 } from "react/jsx-runtime";
-
-// src/tokens/svg/device/TerminalIcon.tsx
-import { jsx as jsx61, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs61 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/TvIcon.tsx
-import { jsx as jsx62, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs62 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/WatchIcon.tsx
-import { jsx as jsx63, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs63 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/WifiIcon.tsx
-import { jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs64 } from "react/jsx-runtime";
 
 // src/tokens/svg/device/WifiOffIcon.tsx
-import { jsx as jsx65, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs65 } from "react/jsx-runtime";
 
 // src/tokens/svg/edit/AlignCenterIcon.tsx
-import { jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs66 } from "react/jsx-runtime";
 
 // src/tokens/svg/edit/AlignJustifyIcon.tsx
-import { jsx as jsx67, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs67 } from "react/jsx-runtime";
 
 // src/tokens/svg/edit/AlignLeftIcon.tsx
-import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs68 } from "react/jsx-runtime";
 
 // src/tokens/svg/edit/AlignRightIcon.tsx
-import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs69 } from "react/jsx-runtime";
 
 // src/tokens/svg/edit/BoldIcon.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
-
-// src/tokens/svg/edit/CodeIcon.tsx
-import { jsx as jsx71, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx121 } from "react/jsx-runtime";
 
 // src/tokens/svg/edit/ItalicIcon.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 
 // src/tokens/svg/edit/PenToolIcon.tsx
-import { jsx as jsx73, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs70 } from "react/jsx-runtime";
 
 // src/tokens/svg/edit/TypeIcon.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 
 // src/tokens/svg/edit/UnderlineIcon.tsx
-import { jsx as jsx75, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs71 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/ArchiveIcon.tsx
-import { jsx as jsx76, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs72 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/BookIcon.tsx
-import { jsx as jsx77 } from "react/jsx-runtime";
-
-// src/tokens/svg/file/BookOpenIcon.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/BookmarkIcon.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/BookOpenIcon.tsx
+import { jsx as jsx129 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/ClipboardIcon.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/FileIcon.tsx
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/FileMinusIcon.tsx
-import { jsx as jsx82, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs73 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/FilePlusIcon.tsx
-import { jsx as jsx83, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs74 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/FileTextIcon.tsx
-import { jsx as jsx84, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs75 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/FolderIcon.tsx
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx135 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/FolderMinusIcon.tsx
-import { jsx as jsx86, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs76 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/FolderPlusIcon.tsx
-import { jsx as jsx87, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs77 } from "react/jsx-runtime";
 
 // src/tokens/svg/file/PackageIcon.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx138 } from "react/jsx-runtime";
+
+// src/tokens/svg/form/CheckSquareIcon.tsx
+import { jsx as jsx139, jsxs as jsxs78 } from "react/jsx-runtime";
+
+// src/tokens/svg/form/CloseEyeIcon.tsx
+import { jsx as jsx140, jsxs as jsxs79 } from "react/jsx-runtime";
+
+// src/tokens/svg/form/EyeIcon.tsx
+import { jsx as jsx141, jsxs as jsxs80 } from "react/jsx-runtime";
+
+// src/tokens/svg/form/EyeOffIcon.tsx
+import { jsx as jsx142, jsxs as jsxs81 } from "react/jsx-runtime";
+
+// src/tokens/svg/form/OpenEyeIcon.tsx
+import { jsx as jsx143, jsxs as jsxs82 } from "react/jsx-runtime";
+
+// src/tokens/svg/form/SettingsIcon.tsx
+import { jsx as jsx144, jsxs as jsxs83 } from "react/jsx-runtime";
+
+// src/tokens/svg/form/SlidersIcon.tsx
+import { jsx as jsx145, jsxs as jsxs84 } from "react/jsx-runtime";
+
+// src/tokens/svg/form/ToggleLeftIcon.tsx
+import { jsx as jsx146, jsxs as jsxs85 } from "react/jsx-runtime";
+
+// src/tokens/svg/form/ToggleRightIcon.tsx
+import { jsx as jsx147, jsxs as jsxs86 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/ColumnsIcon.tsx
+import { jsx as jsx148 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/GridIcon.tsx
+import { jsx as jsx149, jsxs as jsxs87 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/LayoutIcon.tsx
+import { jsx as jsx150 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/ListIcon.tsx
+import { jsx as jsx151, jsxs as jsxs88 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/Maximize2Icon.tsx
+import { jsx as jsx152, jsxs as jsxs89 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/MaximizeIcon.tsx
+import { jsx as jsx153, jsxs as jsxs90 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/MenuIcon.tsx
+import { jsx as jsx154, jsxs as jsxs91 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/Minimize2Icon.tsx
+import { jsx as jsx155, jsxs as jsxs92 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/MinimizeIcon.tsx
+import { jsx as jsx156, jsxs as jsxs93 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/MoreHorizontalIcon.tsx
+import { jsx as jsx157, jsxs as jsxs94 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/MoreVerticalIcon.tsx
+import { jsx as jsx158, jsxs as jsxs95 } from "react/jsx-runtime";
+
+// src/tokens/svg/layout/SidebarIcon.tsx
+import { jsx as jsx159 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/AirplayIcon.tsx
-import { jsx as jsx89, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx160, jsxs as jsxs96 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/CameraIcon.tsx
-import { jsx as jsx90, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx161, jsxs as jsxs97 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/CameraOffIcon.tsx
-import { jsx as jsx91, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs98 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/CastIcon.tsx
-import { jsx as jsx92, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx163, jsxs as jsxs99 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/DiscIcon.tsx
-import { jsx as jsx93, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx164, jsxs as jsxs100 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/FastForwardIcon.tsx
-import { jsx as jsx94, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx165, jsxs as jsxs101 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/FilmIcon.tsx
-import { jsx as jsx95, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs102 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/HeadphonesIcon.tsx
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx167 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/ImageIcon.tsx
-import { jsx as jsx97, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx168, jsxs as jsxs103 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/MicIcon.tsx
-import { jsx as jsx98, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx169, jsxs as jsxs104 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/MicOffIcon.tsx
-import { jsx as jsx99, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx170, jsxs as jsxs105 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/MusicIcon.tsx
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx171 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/PauseCircleIcon.tsx
-import { jsx as jsx101, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx172, jsxs as jsxs106 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/PauseIcon.tsx
-import { jsx as jsx102, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx173, jsxs as jsxs107 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/PlayCircleIcon.tsx
-import { jsx as jsx103, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx174, jsxs as jsxs108 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/PlayIcon.tsx
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx175 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/RepeatIcon.tsx
-import { jsx as jsx105, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx176, jsxs as jsxs109 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/RewindIcon.tsx
-import { jsx as jsx106, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx177, jsxs as jsxs110 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/SkipBackIcon.tsx
-import { jsx as jsx107, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx178, jsxs as jsxs111 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/SkipForwardIcon.tsx
-import { jsx as jsx108, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx179, jsxs as jsxs112 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/SpeakerIcon.tsx
-import { jsx as jsx109, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx180, jsxs as jsxs113 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/StopCircleIcon.tsx
-import { jsx as jsx110, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx181, jsxs as jsxs114 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/VideoIcon.tsx
-import { jsx as jsx111 } from "react/jsx-runtime";
+import { jsx as jsx182 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/VideoOffIcon.tsx
-import { jsx as jsx112, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx183, jsxs as jsxs115 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/Volume1Icon.tsx
-import { jsx as jsx113, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx184, jsxs as jsxs116 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/Volume2Icon.tsx
-import { jsx as jsx114, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs117 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/VolumeIcon.tsx
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx186 } from "react/jsx-runtime";
 
 // src/tokens/svg/media/VolumeXIcon.tsx
-import { jsx as jsx116, jsxs as jsxs82 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/ActivityIcon.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx187, jsxs as jsxs118 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/AnchorIcon.tsx
-import { jsx as jsx118, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx188, jsxs as jsxs119 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/ApertureIcon.tsx
-import { jsx as jsx119, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx189, jsxs as jsxs120 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/AwardIcon.tsx
-import { jsx as jsx120 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/BellIcon.tsx
-import { jsx as jsx121, jsxs as jsxs85 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/BellOffIcon.tsx
-import { jsx as jsx122, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx190 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/BoxIcon.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx191 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/BriefcaseIcon.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/CloudDrizzleIcon.tsx
-import { jsx as jsx125, jsxs as jsxs87 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/CloudIcon.tsx
-import { jsx as jsx126 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/CloudLightningIcon.tsx
-import { jsx as jsx127, jsxs as jsxs88 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/CloudOffIcon.tsx
-import { jsx as jsx128, jsxs as jsxs89 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/CloudRainIcon.tsx
-import { jsx as jsx129, jsxs as jsxs90 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/CloudSnowIcon.tsx
-import { jsx as jsx130, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx192 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/CoffeeIcon.tsx
-import { jsx as jsx131, jsxs as jsxs92 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/CreditCardIcon.tsx
-import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx193, jsxs as jsxs121 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/CrosshairIcon.tsx
-import { jsx as jsx133, jsxs as jsxs93 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/DollarSignIcon.tsx
-import { jsx as jsx134 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/DropletIcon.tsx
-import { jsx as jsx135 } from "react/jsx-runtime";
+import { jsx as jsx194, jsxs as jsxs122 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/FeatherIcon.tsx
-import { jsx as jsx136, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx195, jsxs as jsxs123 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/FlagIcon.tsx
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx196 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/FrownIcon.tsx
-import { jsx as jsx138, jsxs as jsxs95 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/GiftIcon.tsx
-import { jsx as jsx139, jsxs as jsxs96 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/GitBranchIcon.tsx
-import { jsx as jsx140 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/GitCommitIcon.tsx
-import { jsx as jsx141 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/GitMergeIcon.tsx
-import { jsx as jsx142 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/GitPullRequestIcon.tsx
-import { jsx as jsx143, jsxs as jsxs97 } from "react/jsx-runtime";
+import { jsx as jsx197, jsxs as jsxs124 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/GlobeIcon.tsx
-import { jsx as jsx144, jsxs as jsxs98 } from "react/jsx-runtime";
+import { jsx as jsx198, jsxs as jsxs125 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/HeartIcon.tsx
-import { jsx as jsx145 } from "react/jsx-runtime";
+import { jsx as jsx199 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/HomeIcon.tsx
-import { jsx as jsx146 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/InboxIcon.tsx
-import { jsx as jsx147 } from "react/jsx-runtime";
+import { jsx as jsx200 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/LayersIcon.tsx
-import { jsx as jsx148, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx201, jsxs as jsxs126 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/LifeBuoyIcon.tsx
-import { jsx as jsx149, jsxs as jsxs100 } from "react/jsx-runtime";
+import { jsx as jsx202, jsxs as jsxs127 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/MehIcon.tsx
-import { jsx as jsx150, jsxs as jsxs101 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/MessageCircleIcon.tsx
-import { jsx as jsx151 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/MessageSquareIcon.tsx
-import { jsx as jsx152 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/MoonIcon.tsx
-import { jsx as jsx153 } from "react/jsx-runtime";
+import { jsx as jsx203, jsxs as jsxs128 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/MousePointerIcon.tsx
-import { jsx as jsx154 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/PaperclipIcon.tsx
-import { jsx as jsx155 } from "react/jsx-runtime";
+import { jsx as jsx204 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/PocketIcon.tsx
-import { jsx as jsx156, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx205, jsxs as jsxs129 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/PowerIcon.tsx
-import { jsx as jsx157, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx206, jsxs as jsxs130 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/RadioIcon.tsx
-import { jsx as jsx158, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx207, jsxs as jsxs131 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/ShieldIcon.tsx
-import { jsx as jsx159 } from "react/jsx-runtime";
+import { jsx as jsx208 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/ShieldOffIcon.tsx
-import { jsx as jsx160, jsxs as jsxs105 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/ShoppingBagIcon.tsx
-import { jsx as jsx161, jsxs as jsxs106 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/ShoppingCartIcon.tsx
-import { jsx as jsx162, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx209, jsxs as jsxs132 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/ShuffleIcon.tsx
-import { jsx as jsx163, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx210, jsxs as jsxs133 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/SmileIcon.tsx
-import { jsx as jsx164, jsxs as jsxs109 } from "react/jsx-runtime";
+import { jsx as jsx211, jsxs as jsxs134 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/StarIcon.tsx
-import { jsx as jsx165 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/SunIcon.tsx
-import { jsx as jsx166, jsxs as jsxs110 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/TagIcon.tsx
-import { jsx as jsx167, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx212 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/TargetIcon.tsx
-import { jsx as jsx168, jsxs as jsxs112 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/ThermometerIcon.tsx
-import { jsx as jsx169 } from "react/jsx-runtime";
+import { jsx as jsx213, jsxs as jsxs135 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/ThumbsDownIcon.tsx
-import { jsx as jsx170 } from "react/jsx-runtime";
+import { jsx as jsx214 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/ThumbsUpIcon.tsx
-import { jsx as jsx171 } from "react/jsx-runtime";
+import { jsx as jsx215 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/ToolIcon.tsx
-import { jsx as jsx172 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/TruckIcon.tsx
-import { jsx as jsx173 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/UmbrellaIcon.tsx
-import { jsx as jsx174, jsxs as jsxs113 } from "react/jsx-runtime";
-
-// src/tokens/svg/misc/WindIcon.tsx
-import { jsx as jsx175, jsxs as jsxs114 } from "react/jsx-runtime";
+import { jsx as jsx216 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/ZapIcon.tsx
-import { jsx as jsx176 } from "react/jsx-runtime";
+import { jsx as jsx217 } from "react/jsx-runtime";
 
 // src/tokens/svg/misc/ZapOffIcon.tsx
-import { jsx as jsx177, jsxs as jsxs115 } from "react/jsx-runtime";
-
-// src/tokens/svg/Input/CloseEyeIcon.tsx
-import { jsx as jsx178, jsxs as jsxs116 } from "react/jsx-runtime";
-
-// src/tokens/svg/Input/EyeIcon.tsx
-import { jsx as jsx179, jsxs as jsxs117 } from "react/jsx-runtime";
-
-// src/tokens/svg/Input/EyeOffIcon.tsx
-import { jsx as jsx180, jsxs as jsxs118 } from "react/jsx-runtime";
-
-// src/tokens/svg/Input/OpenEyeIcon.tsx
-import { jsx as jsx181, jsxs as jsxs119 } from "react/jsx-runtime";
+import { jsx as jsx218, jsxs as jsxs136 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/ArrowDownCircleIcon.tsx
-import { jsx as jsx182, jsxs as jsxs120 } from "react/jsx-runtime";
+// src/tokens/svg/shape/AtSignIcon.tsx
+import { jsx as jsx219, jsxs as jsxs137 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/ArrowDownIcon.tsx
-import { jsx as jsx183 } from "react/jsx-runtime";
+// src/tokens/svg/shape/CircleIcon.tsx
+import { jsx as jsx220, jsxs as jsxs138 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/ArrowDownLeftIcon.tsx
-import { jsx as jsx184 } from "react/jsx-runtime";
+// src/tokens/svg/shape/DivideCircleIcon.tsx
+import { jsx as jsx221, jsxs as jsxs139 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/ArrowDownRightIcon.tsx
-import { jsx as jsx185 } from "react/jsx-runtime";
+// src/tokens/svg/shape/DivideIcon.tsx
+import { jsx as jsx222, jsxs as jsxs140 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/ArrowLeftCircleIcon.tsx
-import { jsx as jsx186, jsxs as jsxs121 } from "react/jsx-runtime";
+// src/tokens/svg/shape/DivideSquareIcon.tsx
+import { jsx as jsx223, jsxs as jsxs141 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/ArrowLeftIcon.tsx
-import { jsx as jsx187 } from "react/jsx-runtime";
+// src/tokens/svg/shape/HashIcon.tsx
+import { jsx as jsx224 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/ArrowRightCircleIcon.tsx
-import { jsx as jsx188, jsxs as jsxs122 } from "react/jsx-runtime";
+// src/tokens/svg/shape/HexagonIcon.tsx
+import { jsx as jsx225 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/ArrowRightIcon.tsx
-import { jsx as jsx189 } from "react/jsx-runtime";
+// src/tokens/svg/shape/OctagonIcon.tsx
+import { jsx as jsx226, jsxs as jsxs142 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/ArrowUpCircleIcon.tsx
-import { jsx as jsx190, jsxs as jsxs123 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/ArrowUpIcon.tsx
-import { jsx as jsx191 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/ArrowUpLeftIcon.tsx
-import { jsx as jsx192 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/ArrowUpRightIcon.tsx
-import { jsx as jsx193 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/CompassIcon.tsx
-import { jsx as jsx194, jsxs as jsxs124 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/CornerDownLeftIcon.tsx
-import { jsx as jsx195 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/CornerDownRightIcon.tsx
-import { jsx as jsx196 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/CornerLeftDownIcon.tsx
-import { jsx as jsx197 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/CornerLeftUpIcon.tsx
-import { jsx as jsx198 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/CornerRightDownIcon.tsx
-import { jsx as jsx199 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/CornerRightUpIcon.tsx
-import { jsx as jsx200 } from "react/jsx-runtime";
+// src/tokens/svg/shape/PercentIcon.tsx
+import { jsx as jsx227, jsxs as jsxs143 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/CornerUpLeftIcon.tsx
-import { jsx as jsx201 } from "react/jsx-runtime";
+// src/tokens/svg/shape/SlashIcon.tsx
+import { jsx as jsx228, jsxs as jsxs144 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/CornerUpRightIcon.tsx
-import { jsx as jsx202 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/MapIcon.tsx
-import { jsx as jsx203, jsxs as jsxs125 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/MapPinIcon.tsx
-import { jsx as jsx204, jsxs as jsxs126 } from "react/jsx-runtime";
-
-// src/tokens/svg/navigation/Navigation2Icon.tsx
-import { jsx as jsx205 } from "react/jsx-runtime";
+// src/tokens/svg/shape/SquareIcon.tsx
+import { jsx as jsx229 } from "react/jsx-runtime";
 
-// src/tokens/svg/navigation/NavigationIcon.tsx
-import { jsx as jsx206 } from "react/jsx-runtime";
+// src/tokens/svg/shape/TriangleIcon.tsx
+import { jsx as jsx230 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/ChromeIcon.tsx
-import { jsx as jsx207, jsxs as jsxs127 } from "react/jsx-runtime";
+import { jsx as jsx231, jsxs as jsxs145 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/CodepenIcon.tsx
-import { jsx as jsx208, jsxs as jsxs128 } from "react/jsx-runtime";
+import { jsx as jsx232, jsxs as jsxs146 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/CodesandboxIcon.tsx
-import { jsx as jsx209 } from "react/jsx-runtime";
+import { jsx as jsx233 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/DribbbleIcon.tsx
-import { jsx as jsx210, jsxs as jsxs129 } from "react/jsx-runtime";
+import { jsx as jsx234, jsxs as jsxs147 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/FacebookIcon.tsx
-import { jsx as jsx211 } from "react/jsx-runtime";
+import { jsx as jsx235 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/FigmaIcon.tsx
-import { jsx as jsx212 } from "react/jsx-runtime";
+import { jsx as jsx236 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/FramerIcon.tsx
-import { jsx as jsx213 } from "react/jsx-runtime";
+import { jsx as jsx237 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/GithubIcon.tsx
-import { jsx as jsx214 } from "react/jsx-runtime";
+import { jsx as jsx238 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/GitlabIcon.tsx
-import { jsx as jsx215, jsxs as jsxs130 } from "react/jsx-runtime";
+import { jsx as jsx239, jsxs as jsxs148 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/InstagramIcon.tsx
-import { jsx as jsx216, jsxs as jsxs131 } from "react/jsx-runtime";
+import { jsx as jsx240, jsxs as jsxs149 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/LinkedinIcon.tsx
-import { jsx as jsx217, jsxs as jsxs132 } from "react/jsx-runtime";
+import { jsx as jsx241, jsxs as jsxs150 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/RssIcon.tsx
-import { jsx as jsx218, jsxs as jsxs133 } from "react/jsx-runtime";
+import { jsx as jsx242, jsxs as jsxs151 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/SlackIcon.tsx
-import { jsx as jsx219, jsxs as jsxs134 } from "react/jsx-runtime";
+import { jsx as jsx243, jsxs as jsxs152 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/TrelloIcon.tsx
-import { jsx as jsx220, jsxs as jsxs135 } from "react/jsx-runtime";
+import { jsx as jsx244, jsxs as jsxs153 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/TwitchIcon.tsx
-import { jsx as jsx221, jsxs as jsxs136 } from "react/jsx-runtime";
+import { jsx as jsx245, jsxs as jsxs154 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/TwitterIcon.tsx
-import { jsx as jsx222 } from "react/jsx-runtime";
+import { jsx as jsx246 } from "react/jsx-runtime";
 
 // src/tokens/svg/social/YoutubeIcon.tsx
-import { jsx as jsx223, jsxs as jsxs137 } from "react/jsx-runtime";
+import { jsx as jsx247, jsxs as jsxs155 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/AtSignIcon.tsx
-import { jsx as jsx224, jsxs as jsxs138 } from "react/jsx-runtime";
+// src/tokens/svg/status/ActivityIcon.tsx
+import { jsx as jsx248 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/CheckCircleIcon.tsx
-import { jsx as jsx225, jsxs as jsxs139 } from "react/jsx-runtime";
+// src/tokens/svg/status/AlertCircleIcon.tsx
+import { jsx as jsx249, jsxs as jsxs156 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/CheckIcon.tsx
-import { jsx as jsx226 } from "react/jsx-runtime";
-var CheckIcon = () => /* @__PURE__ */ jsx226(
+// src/tokens/svg/status/AlertOctagonIcon.tsx
+import { jsx as jsx250, jsxs as jsxs157 } from "react/jsx-runtime";
+
+// src/tokens/svg/status/AlertTriangleIcon.tsx
+import { jsx as jsx251, jsxs as jsxs158 } from "react/jsx-runtime";
+
+// src/tokens/svg/status/CheckCircleIcon.tsx
+import { jsx as jsx252, jsxs as jsxs159 } from "react/jsx-runtime";
+
+// src/tokens/svg/status/CheckIcon.tsx
+import { jsx as jsx253 } from "react/jsx-runtime";
+var CheckIcon = () => /* @__PURE__ */ jsx253(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -683,7 +767,7 @@ var CheckIcon = () => /* @__PURE__ */ jsx226(
     height: "1em",
     viewBox: "0 0 12 9",
     fill: "none",
-    children: /* @__PURE__ */ jsx226(
+    children: /* @__PURE__ */ jsx253(
       "path",
       {
         d: "M10.842 0.175637C11.0762 -0.0586118 11.4561 -0.0584793 11.6904 0.175637C11.9247 0.409951 11.9247 0.78976 11.6904 1.02407L4.35759 8.35767C4.24516 8.46996 4.09228 8.53338 3.93338 8.53345C3.77449 8.53336 3.62157 8.46994 3.50916 8.35767L0.175563 5.02407C-0.0585904 4.78985 -0.0584518 4.40995 0.175563 4.17564C0.409855 3.94135 0.789681 3.94139 1.024 4.17564L3.93259 7.08423L10.842 0.175637Z",
@@ -694,209 +778,131 @@ var CheckIcon = () => /* @__PURE__ */ jsx226(
 );
 var CheckIcon_default = CheckIcon;
 
-// src/tokens/svg/ui/CheckSquareIcon.tsx
-import { jsx as jsx227, jsxs as jsxs140 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ChevronDownIcon.tsx
-import { jsx as jsx228 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ChevronLeftIcon.tsx
-import { jsx as jsx229 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ChevronRightIcon.tsx
-import { jsx as jsx230 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ChevronUpIcon.tsx
-import { jsx as jsx231 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ChevronsDownIcon.tsx
-import { jsx as jsx232, jsxs as jsxs141 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ChevronsLeftIcon.tsx
-import { jsx as jsx233, jsxs as jsxs142 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ChevronsRightIcon.tsx
-import { jsx as jsx234, jsxs as jsxs143 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ChevronsUpIcon.tsx
-import { jsx as jsx235, jsxs as jsxs144 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/CircleIcon.tsx
-import { jsx as jsx236, jsxs as jsxs145 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ColumnsIcon.tsx
-import { jsx as jsx237 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/DivideCircleIcon.tsx
-import { jsx as jsx238, jsxs as jsxs146 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/DivideIcon.tsx
-import { jsx as jsx239, jsxs as jsxs147 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/DivideSquareIcon.tsx
-import { jsx as jsx240, jsxs as jsxs148 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/GridIcon.tsx
-import { jsx as jsx241, jsxs as jsxs149 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/HashIcon.tsx
-import { jsx as jsx242 } from "react/jsx-runtime";
+// src/tokens/svg/status/ErrorIcon.tsx
+import { jsx as jsx254, jsxs as jsxs160 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/HexagonIcon.tsx
-import { jsx as jsx243 } from "react/jsx-runtime";
+// src/tokens/svg/status/HelpCircleIcon.tsx
+import { jsx as jsx255, jsxs as jsxs161 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/LayoutIcon.tsx
-import { jsx as jsx244 } from "react/jsx-runtime";
+// src/tokens/svg/status/InfoIcon.tsx
+import { jsx as jsx256, jsxs as jsxs162 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/ListIcon.tsx
-import { jsx as jsx245, jsxs as jsxs150 } from "react/jsx-runtime";
+// src/tokens/svg/status/LoaderIcon.tsx
+import { jsx as jsx257, jsxs as jsxs163 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/LoaderIcon.tsx
-import { jsx as jsx246, jsxs as jsxs151 } from "react/jsx-runtime";
+// src/tokens/svg/status/MinusCircleIcon.tsx
+import { jsx as jsx258, jsxs as jsxs164 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/Maximize2Icon.tsx
-import { jsx as jsx247, jsxs as jsxs152 } from "react/jsx-runtime";
+// src/tokens/svg/status/MinusIcon.tsx
+import { jsx as jsx259 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/MaximizeIcon.tsx
-import { jsx as jsx248, jsxs as jsxs153 } from "react/jsx-runtime";
+// src/tokens/svg/status/MinusSquareIcon.tsx
+import { jsx as jsx260, jsxs as jsxs165 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/MenuIcon.tsx
-import { jsx as jsx249, jsxs as jsxs154 } from "react/jsx-runtime";
+// src/tokens/svg/status/PlusCircleIcon.tsx
+import { jsx as jsx261, jsxs as jsxs166 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/Minimize2Icon.tsx
-import { jsx as jsx250, jsxs as jsxs155 } from "react/jsx-runtime";
+// src/tokens/svg/status/PlusIcon.tsx
+import { jsx as jsx262 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/MinimizeIcon.tsx
-import { jsx as jsx251, jsxs as jsxs156 } from "react/jsx-runtime";
+// src/tokens/svg/status/PlusSquareIcon.tsx
+import { jsx as jsx263, jsxs as jsxs167 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/MinusCircleIcon.tsx
-import { jsx as jsx252, jsxs as jsxs157 } from "react/jsx-runtime";
+// src/tokens/svg/status/SuccessIcon.tsx
+import { jsx as jsx264 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/MinusIcon.tsx
-import { jsx as jsx253 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/MinusSquareIcon.tsx
-import { jsx as jsx254, jsxs as jsxs158 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/MoreHorizontalIcon.tsx
-import { jsx as jsx255, jsxs as jsxs159 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/MoreVerticalIcon.tsx
-import { jsx as jsx256, jsxs as jsxs160 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/OctagonIcon.tsx
-import { jsx as jsx257, jsxs as jsxs161 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/PercentIcon.tsx
-import { jsx as jsx258, jsxs as jsxs162 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/PlusCircleIcon.tsx
-import { jsx as jsx259, jsxs as jsxs163 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/PlusIcon.tsx
-import { jsx as jsx260 } from "react/jsx-runtime";
+// src/tokens/svg/status/XCircleIcon.tsx
+import { jsx as jsx265, jsxs as jsxs168 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/PlusSquareIcon.tsx
-import { jsx as jsx261, jsxs as jsxs164 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/SettingsIcon.tsx
-import { jsx as jsx262, jsxs as jsxs165 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/SidebarIcon.tsx
-import { jsx as jsx263 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/SlashIcon.tsx
-import { jsx as jsx264, jsxs as jsxs166 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/SlidersIcon.tsx
-import { jsx as jsx265, jsxs as jsxs167 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/SquareIcon.tsx
+// src/tokens/svg/status/XIcon.tsx
 import { jsx as jsx266 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/ToggleLeftIcon.tsx
-import { jsx as jsx267, jsxs as jsxs168 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/ToggleRightIcon.tsx
-import { jsx as jsx268, jsxs as jsxs169 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/TriangleIcon.tsx
-import { jsx as jsx269 } from "react/jsx-runtime";
+// src/tokens/svg/status/XOctagonIcon.tsx
+import { jsx as jsx267, jsxs as jsxs169 } from "react/jsx-runtime";
 
-// src/tokens/svg/ui/XCircleIcon.tsx
-import { jsx as jsx270, jsxs as jsxs170 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/XIcon.tsx
-import { jsx as jsx271 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/XOctagonIcon.tsx
-import { jsx as jsx272, jsxs as jsxs171 } from "react/jsx-runtime";
-
-// src/tokens/svg/ui/XSquareIcon.tsx
-import { jsx as jsx273, jsxs as jsxs172 } from "react/jsx-runtime";
+// src/tokens/svg/status/XSquareIcon.tsx
+import { jsx as jsx268, jsxs as jsxs170 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/GierIcon.tsx
-import { jsx as jsx274, jsxs as jsxs173 } from "react/jsx-runtime";
+import { jsx as jsx269, jsxs as jsxs171 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/KeyIcon.tsx
-import { jsx as jsx275 } from "react/jsx-runtime";
+import { jsx as jsx270 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/LockIcon.tsx
-import { jsx as jsx276 } from "react/jsx-runtime";
+import { jsx as jsx271 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/LogInIcon.tsx
-import { jsx as jsx277, jsxs as jsxs174 } from "react/jsx-runtime";
+import { jsx as jsx272, jsxs as jsxs172 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/LogOutIcon.tsx
-import { jsx as jsx278, jsxs as jsxs175 } from "react/jsx-runtime";
+import { jsx as jsx273, jsxs as jsxs173 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/MailIcon.tsx
-import { jsx as jsx279 } from "react/jsx-runtime";
+import { jsx as jsx274 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/ProfileIcon.tsx
-import { jsx as jsx280, jsxs as jsxs176 } from "react/jsx-runtime";
+import { jsx as jsx275, jsxs as jsxs174 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/UnlockIcon.tsx
-import { jsx as jsx281 } from "react/jsx-runtime";
+import { jsx as jsx276 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/UserCheckIcon.tsx
-import { jsx as jsx282, jsxs as jsxs177 } from "react/jsx-runtime";
+import { jsx as jsx277, jsxs as jsxs175 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/UserIcon.tsx
-import { jsx as jsx283, jsxs as jsxs178 } from "react/jsx-runtime";
+import { jsx as jsx278, jsxs as jsxs176 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/UserMinusIcon.tsx
-import { jsx as jsx284, jsxs as jsxs179 } from "react/jsx-runtime";
+import { jsx as jsx279, jsxs as jsxs177 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/UserPlusIcon.tsx
-import { jsx as jsx285, jsxs as jsxs180 } from "react/jsx-runtime";
+import { jsx as jsx280, jsxs as jsxs178 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/UsersIcon.tsx
+import { jsx as jsx281, jsxs as jsxs179 } from "react/jsx-runtime";
 
 // src/tokens/svg/user/UserXIcon.tsx
-import { jsx as jsx286, jsxs as jsxs181 } from "react/jsx-runtime";
+import { jsx as jsx282, jsxs as jsxs180 } from "react/jsx-runtime";
 
-// src/tokens/svg/user/UsersIcon.tsx
-import { jsx as jsx287, jsxs as jsxs182 } from "react/jsx-runtime";
+// src/tokens/svg/weather/CloudDrizzleIcon.tsx
+import { jsx as jsx283, jsxs as jsxs181 } from "react/jsx-runtime";
+
+// src/tokens/svg/weather/CloudIcon.tsx
+import { jsx as jsx284 } from "react/jsx-runtime";
+
+// src/tokens/svg/weather/CloudLightningIcon.tsx
+import { jsx as jsx285, jsxs as jsxs182 } from "react/jsx-runtime";
 
-// src/tokens/svg/validation/AlertCircleIcon.tsx
-import { jsx as jsx288, jsxs as jsxs183 } from "react/jsx-runtime";
+// src/tokens/svg/weather/CloudOffIcon.tsx
+import { jsx as jsx286, jsxs as jsxs183 } from "react/jsx-runtime";
 
-// src/tokens/svg/validation/AlertOctagonIcon.tsx
-import { jsx as jsx289, jsxs as jsxs184 } from "react/jsx-runtime";
+// src/tokens/svg/weather/CloudRainIcon.tsx
+import { jsx as jsx287, jsxs as jsxs184 } from "react/jsx-runtime";
 
-// src/tokens/svg/validation/AlertTriangleIcon.tsx
-import { jsx as jsx290, jsxs as jsxs185 } from "react/jsx-runtime";
+// src/tokens/svg/weather/CloudSnowIcon.tsx
+import { jsx as jsx288, jsxs as jsxs185 } from "react/jsx-runtime";
 
-// src/tokens/svg/validation/ErrorIcon.tsx
+// src/tokens/svg/weather/DropletIcon.tsx
+import { jsx as jsx289 } from "react/jsx-runtime";
+
+// src/tokens/svg/weather/MoonIcon.tsx
+import { jsx as jsx290 } from "react/jsx-runtime";
+
+// src/tokens/svg/weather/SunIcon.tsx
 import { jsx as jsx291, jsxs as jsxs186 } from "react/jsx-runtime";
 
-// src/tokens/svg/validation/HelpCircleIcon.tsx
-import { jsx as jsx292, jsxs as jsxs187 } from "react/jsx-runtime";
+// src/tokens/svg/weather/ThermometerIcon.tsx
+import { jsx as jsx292 } from "react/jsx-runtime";
+
+// src/tokens/svg/weather/UmbrellaIcon.tsx
+import { jsx as jsx293, jsxs as jsxs187 } from "react/jsx-runtime";
 
-// src/tokens/svg/validation/InfoIcon.tsx
-import { jsx as jsx293, jsxs as jsxs188 } from "react/jsx-runtime";
+// src/tokens/svg/weather/WindIcon.tsx
+import { jsx as jsx294, jsxs as jsxs188 } from "react/jsx-runtime";
 
-// src/tokens/svg/validation/SuccessIcon.tsx
-import { jsx as jsx294 } from "react/jsx-runtime";
+// src/tokens/index.ts
+import { cssVar } from "@x-plat/tokens-core";
 
 // ../../node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -918,24 +924,22 @@ var clsx_default = clsx;
 import { jsx as jsx295, jsxs as jsxs189 } from "react/jsx-runtime";
 var CheckBox = (props) => {
   const {
-    color = "xplat-blue-500",
     checked,
     label,
     onChange,
-    className,
     disabled,
     size = "md",
+    type = "brand",
     ...rest
   } = props;
   const handleChange = (e) => {
     if (onChange) onChange(e);
   };
-  const mainColor = color;
   const uncheckedClasses = `unchecked`;
-  const checkedClasses = `checked ${mainColor}`;
+  const checkedClasses = `checked`;
   const disabledClasses = "disabled";
   const boxClasses = disabled ? disabledClasses : checked ? checkedClasses : uncheckedClasses;
-  return /* @__PURE__ */ jsxs189("label", { className: clsx_default("lib-xplat-checkbox", size, className), children: [
+  return /* @__PURE__ */ jsxs189("label", { className: clsx_default("lib-xplat-checkbox", size, type), children: [
     /* @__PURE__ */ jsx295(
       "input",
       {