@x-plat/design-system 0.1.1

package/dist/components/CheckBox/index.cjs

@@ -0,0 +1,1116 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/CheckBox/index.tsx
+var CheckBox_exports = {};
+__export(CheckBox_exports, {
+  CheckBox: () => CheckBox_default
+});
+module.exports = __toCommonJS(CheckBox_exports);
+
+// src/tokens/colors.ts
+var colors = {
+  xplat: {
+    red: {
+      50: "#FFF0F0",
+      100: "#FFDDDE",
+      200: "#FFC1C2",
+      300: "#FF9698",
+      400: "#FF5A5D",
+      500: "#FF272B",
+      600: "#F80409",
+      700: "#D40105",
+      800: "#AE0609",
+      900: "#900C0F"
+    },
+    green: {
+      50: "#E5F6EA",
+      100: "#C1E7CC",
+      200: "#98D8AC",
+      300: "#6CCA8B",
+      400: "#47BE72",
+      500: "#10B259",
+      600: "#00A34F",
+      700: "#009143",
+      800: "#007F38",
+      900: "#006024"
+    },
+    orange: {
+      50: "#FFF8EC",
+      100: "#FFF0D3",
+      200: "#FFDDA5",
+      300: "#FFC46D",
+      400: "#FF9F32",
+      500: "#FF820A",
+      600: "#FF6900",
+      700: "#CC4B02",
+      800: "#A13A0B",
+      900: "#82320C"
+    },
+    yellow: {
+      50: "#FFFDE7",
+      100: "#FFFAC1",
+      200: "#FFF186",
+      300: "#FFE041",
+      400: "#FFCC0D",
+      500: "#F0B100",
+      600: "#D18800",
+      700: "#A66002",
+      800: "#894B0A",
+      900: "#743D0F"
+    },
+    blue: {
+      50: "#F1F4FD",
+      100: "#DFE7FA",
+      200: "#C5D4F8",
+      300: "#9EB8F2",
+      400: "#7093EA",
+      500: "#4D6DE3",
+      600: "#3950D7",
+      700: "#303EC5",
+      800: "#2D35A0",
+      900: "#29317F"
+    },
+    lightblue: {
+      50: "#EEFAFF",
+      100: "#D9F4FF",
+      200: "#BBEDFF",
+      300: "#8DE3FF",
+      400: "#57D0FF",
+      500: "#30B6FF",
+      600: "#1999F7",
+      700: "#1280E3",
+      800: "#1566B8",
+      900: "#175791"
+    },
+    purple: {
+      50: "#FBF6FE",
+      100: "#F5EAFD",
+      200: "#EDD8FC",
+      300: "#E0BAF8",
+      400: "#CD8DF3",
+      500: "#B961EB",
+      600: "#A541DC",
+      700: "#9230C5",
+      800: "#782B9E",
+      900: "#62247F"
+    },
+    pink: {
+      50: "#FFF4FE",
+      100: "#FFE7FD",
+      200: "#FFCFFA",
+      300: "#FEA9F1",
+      400: "#FD75E7",
+      500: "#F553DA",
+      600: "#D821B6",
+      700: "#B31892",
+      800: "#921676",
+      900: "#781761"
+    },
+    neutral: {
+      50: "#FAFAFA",
+      100: "#F5F5F5",
+      200: "#E5E5E5",
+      300: "#D4D4D4",
+      400: "#A1A1A1",
+      500: "#737373",
+      600: "#525252",
+      700: "#404040",
+      800: "#262626",
+      900: "#171717"
+    },
+    black: "#000000",
+    white: "#FFFFFF"
+  },
+  test: {
+    default: "#ffffff"
+  }
+};
+
+// src/tokens/svg/action/CopyIcon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// src/tokens/svg/action/CropIcon.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/DeleteIcon.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/DownloadCloudIcon.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/DownloadIcon.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/Edit2Icon.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/Edit3Icon.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/EditIcon.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/ExternalLinkIcon.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/FilterIcon.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/Link2Icon.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/LinkIcon.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/MoveIcon.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/RefreshCcwIcon.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/RefreshCwIcon.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/RotateCcwIcon.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/RotateCwIcon.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/SaveIcon.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/ScissorsIcon.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/SearchIcon.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/SendIcon.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/Share2Icon.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/ShareIcon.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/Trash2Icon.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/TrashIcon.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/UploadCloudIcon.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/UploadIcon.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/ZoomInIcon.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+
+// src/tokens/svg/action/ZoomOutIcon.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+
+// src/tokens/svg/call/CallActiveIcon.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+
+// src/tokens/svg/call/CallForwardedIcon.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+
+// src/tokens/svg/call/CallIcon.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+
+// src/tokens/svg/call/CallIncomingIcon.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+
+// src/tokens/svg/call/CallMissedIcon.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+
+// src/tokens/svg/call/CallOffIcon.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+
+// src/tokens/svg/call/CallOutgoingIcon.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+
+// src/tokens/svg/call/VoicemailIcon.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+
+// src/tokens/svg/chart/BarChart2Icon.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+
+// src/tokens/svg/chart/BarChartIcon.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+
+// src/tokens/svg/chart/PieChartIcon.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+
+// src/tokens/svg/chart/TableIcon.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+
+// src/tokens/svg/chart/TrendingDownIcon.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+
+// src/tokens/svg/chart/TrendingUpIcon.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+
+// src/tokens/svg/date/CalendarIcon.tsx
+var import_jsx_runtime44 = require("react/jsx-runtime");
+
+// src/tokens/svg/date/CalenderIcon.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+
+// src/tokens/svg/date/ClockIcon.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+
+// src/tokens/svg/date/SunriseIcon.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+
+// src/tokens/svg/date/SunsetIcon.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/BatteryChargingIcon.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/BatteryIcon.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/BluetoothIcon.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/CommandIcon.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/CpuIcon.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/DatabaseIcon.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/HardDriveIcon.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/MonitorIcon.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/PrinterIcon.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/ServerIcon.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/SmartphoneIcon.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/TabletIcon.tsx
+var import_jsx_runtime60 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/TerminalIcon.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/TvIcon.tsx
+var import_jsx_runtime62 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/WatchIcon.tsx
+var import_jsx_runtime63 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/WifiIcon.tsx
+var import_jsx_runtime64 = require("react/jsx-runtime");
+
+// src/tokens/svg/device/WifiOffIcon.tsx
+var import_jsx_runtime65 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/AlignCenterIcon.tsx
+var import_jsx_runtime66 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/AlignJustifyIcon.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/AlignLeftIcon.tsx
+var import_jsx_runtime68 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/AlignRightIcon.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/BoldIcon.tsx
+var import_jsx_runtime70 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/CodeIcon.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/ItalicIcon.tsx
+var import_jsx_runtime72 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/PenToolIcon.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/TypeIcon.tsx
+var import_jsx_runtime74 = require("react/jsx-runtime");
+
+// src/tokens/svg/edit/UnderlineIcon.tsx
+var import_jsx_runtime75 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/ArchiveIcon.tsx
+var import_jsx_runtime76 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/BookIcon.tsx
+var import_jsx_runtime77 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/BookOpenIcon.tsx
+var import_jsx_runtime78 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/BookmarkIcon.tsx
+var import_jsx_runtime79 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/ClipboardIcon.tsx
+var import_jsx_runtime80 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/FileIcon.tsx
+var import_jsx_runtime81 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/FileMinusIcon.tsx
+var import_jsx_runtime82 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/FilePlusIcon.tsx
+var import_jsx_runtime83 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/FileTextIcon.tsx
+var import_jsx_runtime84 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/FolderIcon.tsx
+var import_jsx_runtime85 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/FolderMinusIcon.tsx
+var import_jsx_runtime86 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/FolderPlusIcon.tsx
+var import_jsx_runtime87 = require("react/jsx-runtime");
+
+// src/tokens/svg/file/PackageIcon.tsx
+var import_jsx_runtime88 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/AirplayIcon.tsx
+var import_jsx_runtime89 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/CameraIcon.tsx
+var import_jsx_runtime90 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/CameraOffIcon.tsx
+var import_jsx_runtime91 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/CastIcon.tsx
+var import_jsx_runtime92 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/DiscIcon.tsx
+var import_jsx_runtime93 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/FastForwardIcon.tsx
+var import_jsx_runtime94 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/FilmIcon.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/HeadphonesIcon.tsx
+var import_jsx_runtime96 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/ImageIcon.tsx
+var import_jsx_runtime97 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/MicIcon.tsx
+var import_jsx_runtime98 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/MicOffIcon.tsx
+var import_jsx_runtime99 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/MusicIcon.tsx
+var import_jsx_runtime100 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/PauseCircleIcon.tsx
+var import_jsx_runtime101 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/PauseIcon.tsx
+var import_jsx_runtime102 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/PlayCircleIcon.tsx
+var import_jsx_runtime103 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/PlayIcon.tsx
+var import_jsx_runtime104 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/RepeatIcon.tsx
+var import_jsx_runtime105 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/RewindIcon.tsx
+var import_jsx_runtime106 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/SkipBackIcon.tsx
+var import_jsx_runtime107 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/SkipForwardIcon.tsx
+var import_jsx_runtime108 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/SpeakerIcon.tsx
+var import_jsx_runtime109 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/StopCircleIcon.tsx
+var import_jsx_runtime110 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/VideoIcon.tsx
+var import_jsx_runtime111 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/VideoOffIcon.tsx
+var import_jsx_runtime112 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/Volume1Icon.tsx
+var import_jsx_runtime113 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/Volume2Icon.tsx
+var import_jsx_runtime114 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/VolumeIcon.tsx
+var import_jsx_runtime115 = require("react/jsx-runtime");
+
+// src/tokens/svg/media/VolumeXIcon.tsx
+var import_jsx_runtime116 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ActivityIcon.tsx
+var import_jsx_runtime117 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/AnchorIcon.tsx
+var import_jsx_runtime118 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ApertureIcon.tsx
+var import_jsx_runtime119 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/AwardIcon.tsx
+var import_jsx_runtime120 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/BellIcon.tsx
+var import_jsx_runtime121 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/BellOffIcon.tsx
+var import_jsx_runtime122 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/BoxIcon.tsx
+var import_jsx_runtime123 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/BriefcaseIcon.tsx
+var import_jsx_runtime124 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/CloudDrizzleIcon.tsx
+var import_jsx_runtime125 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/CloudIcon.tsx
+var import_jsx_runtime126 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/CloudLightningIcon.tsx
+var import_jsx_runtime127 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/CloudOffIcon.tsx
+var import_jsx_runtime128 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/CloudRainIcon.tsx
+var import_jsx_runtime129 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/CloudSnowIcon.tsx
+var import_jsx_runtime130 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/CoffeeIcon.tsx
+var import_jsx_runtime131 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/CreditCardIcon.tsx
+var import_jsx_runtime132 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/CrosshairIcon.tsx
+var import_jsx_runtime133 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/DollarSignIcon.tsx
+var import_jsx_runtime134 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/DropletIcon.tsx
+var import_jsx_runtime135 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/FeatherIcon.tsx
+var import_jsx_runtime136 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/FlagIcon.tsx
+var import_jsx_runtime137 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/FrownIcon.tsx
+var import_jsx_runtime138 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/GiftIcon.tsx
+var import_jsx_runtime139 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/GitBranchIcon.tsx
+var import_jsx_runtime140 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/GitCommitIcon.tsx
+var import_jsx_runtime141 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/GitMergeIcon.tsx
+var import_jsx_runtime142 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/GitPullRequestIcon.tsx
+var import_jsx_runtime143 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/GlobeIcon.tsx
+var import_jsx_runtime144 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/HeartIcon.tsx
+var import_jsx_runtime145 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/HomeIcon.tsx
+var import_jsx_runtime146 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/InboxIcon.tsx
+var import_jsx_runtime147 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/LayersIcon.tsx
+var import_jsx_runtime148 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/LifeBuoyIcon.tsx
+var import_jsx_runtime149 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/MehIcon.tsx
+var import_jsx_runtime150 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/MessageCircleIcon.tsx
+var import_jsx_runtime151 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/MessageSquareIcon.tsx
+var import_jsx_runtime152 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/MoonIcon.tsx
+var import_jsx_runtime153 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/MousePointerIcon.tsx
+var import_jsx_runtime154 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/PaperclipIcon.tsx
+var import_jsx_runtime155 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/PocketIcon.tsx
+var import_jsx_runtime156 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/PowerIcon.tsx
+var import_jsx_runtime157 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/RadioIcon.tsx
+var import_jsx_runtime158 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ShieldIcon.tsx
+var import_jsx_runtime159 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ShieldOffIcon.tsx
+var import_jsx_runtime160 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ShoppingBagIcon.tsx
+var import_jsx_runtime161 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ShoppingCartIcon.tsx
+var import_jsx_runtime162 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ShuffleIcon.tsx
+var import_jsx_runtime163 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/SmileIcon.tsx
+var import_jsx_runtime164 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/StarIcon.tsx
+var import_jsx_runtime165 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/SunIcon.tsx
+var import_jsx_runtime166 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/TagIcon.tsx
+var import_jsx_runtime167 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/TargetIcon.tsx
+var import_jsx_runtime168 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ThermometerIcon.tsx
+var import_jsx_runtime169 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ThumbsDownIcon.tsx
+var import_jsx_runtime170 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ThumbsUpIcon.tsx
+var import_jsx_runtime171 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ToolIcon.tsx
+var import_jsx_runtime172 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/TruckIcon.tsx
+var import_jsx_runtime173 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/UmbrellaIcon.tsx
+var import_jsx_runtime174 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/WindIcon.tsx
+var import_jsx_runtime175 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ZapIcon.tsx
+var import_jsx_runtime176 = require("react/jsx-runtime");
+
+// src/tokens/svg/misc/ZapOffIcon.tsx
+var import_jsx_runtime177 = require("react/jsx-runtime");
+
+// src/tokens/svg/Input/CloseEyeIcon.tsx
+var import_jsx_runtime178 = require("react/jsx-runtime");
+
+// src/tokens/svg/Input/EyeIcon.tsx
+var import_jsx_runtime179 = require("react/jsx-runtime");
+
+// src/tokens/svg/Input/EyeOffIcon.tsx
+var import_jsx_runtime180 = require("react/jsx-runtime");
+
+// src/tokens/svg/Input/OpenEyeIcon.tsx
+var import_jsx_runtime181 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowDownCircleIcon.tsx
+var import_jsx_runtime182 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowDownIcon.tsx
+var import_jsx_runtime183 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowDownLeftIcon.tsx
+var import_jsx_runtime184 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowDownRightIcon.tsx
+var import_jsx_runtime185 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowLeftCircleIcon.tsx
+var import_jsx_runtime186 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowLeftIcon.tsx
+var import_jsx_runtime187 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowRightCircleIcon.tsx
+var import_jsx_runtime188 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowRightIcon.tsx
+var import_jsx_runtime189 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowUpCircleIcon.tsx
+var import_jsx_runtime190 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowUpIcon.tsx
+var import_jsx_runtime191 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowUpLeftIcon.tsx
+var import_jsx_runtime192 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/ArrowUpRightIcon.tsx
+var import_jsx_runtime193 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/CompassIcon.tsx
+var import_jsx_runtime194 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/CornerDownLeftIcon.tsx
+var import_jsx_runtime195 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/CornerDownRightIcon.tsx
+var import_jsx_runtime196 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/CornerLeftDownIcon.tsx
+var import_jsx_runtime197 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/CornerLeftUpIcon.tsx
+var import_jsx_runtime198 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/CornerRightDownIcon.tsx
+var import_jsx_runtime199 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/CornerRightUpIcon.tsx
+var import_jsx_runtime200 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/CornerUpLeftIcon.tsx
+var import_jsx_runtime201 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/CornerUpRightIcon.tsx
+var import_jsx_runtime202 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/MapIcon.tsx
+var import_jsx_runtime203 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/MapPinIcon.tsx
+var import_jsx_runtime204 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/Navigation2Icon.tsx
+var import_jsx_runtime205 = require("react/jsx-runtime");
+
+// src/tokens/svg/navigation/NavigationIcon.tsx
+var import_jsx_runtime206 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/ChromeIcon.tsx
+var import_jsx_runtime207 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/CodepenIcon.tsx
+var import_jsx_runtime208 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/CodesandboxIcon.tsx
+var import_jsx_runtime209 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/DribbbleIcon.tsx
+var import_jsx_runtime210 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/FacebookIcon.tsx
+var import_jsx_runtime211 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/FigmaIcon.tsx
+var import_jsx_runtime212 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/FramerIcon.tsx
+var import_jsx_runtime213 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/GithubIcon.tsx
+var import_jsx_runtime214 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/GitlabIcon.tsx
+var import_jsx_runtime215 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/InstagramIcon.tsx
+var import_jsx_runtime216 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/LinkedinIcon.tsx
+var import_jsx_runtime217 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/RssIcon.tsx
+var import_jsx_runtime218 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/SlackIcon.tsx
+var import_jsx_runtime219 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/TrelloIcon.tsx
+var import_jsx_runtime220 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/TwitchIcon.tsx
+var import_jsx_runtime221 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/TwitterIcon.tsx
+var import_jsx_runtime222 = require("react/jsx-runtime");
+
+// src/tokens/svg/social/YoutubeIcon.tsx
+var import_jsx_runtime223 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/AtSignIcon.tsx
+var import_jsx_runtime224 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/CheckCircleIcon.tsx
+var import_jsx_runtime225 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/CheckIcon.tsx
+var import_jsx_runtime226 = require("react/jsx-runtime");
+var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 9",
+    fill: "none",
+    children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
+      "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",
+        fill: "white"
+      }
+    )
+  }
+);
+var CheckIcon_default = CheckIcon;
+
+// src/tokens/svg/ui/CheckSquareIcon.tsx
+var import_jsx_runtime227 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ChevronDownIcon.tsx
+var import_jsx_runtime228 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ChevronLeftIcon.tsx
+var import_jsx_runtime229 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ChevronRightIcon.tsx
+var import_jsx_runtime230 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ChevronUpIcon.tsx
+var import_jsx_runtime231 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ChevronsDownIcon.tsx
+var import_jsx_runtime232 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ChevronsLeftIcon.tsx
+var import_jsx_runtime233 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ChevronsRightIcon.tsx
+var import_jsx_runtime234 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ChevronsUpIcon.tsx
+var import_jsx_runtime235 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/CircleIcon.tsx
+var import_jsx_runtime236 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ColumnsIcon.tsx
+var import_jsx_runtime237 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/DivideCircleIcon.tsx
+var import_jsx_runtime238 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/DivideIcon.tsx
+var import_jsx_runtime239 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/DivideSquareIcon.tsx
+var import_jsx_runtime240 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/GridIcon.tsx
+var import_jsx_runtime241 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/HashIcon.tsx
+var import_jsx_runtime242 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/HexagonIcon.tsx
+var import_jsx_runtime243 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/LayoutIcon.tsx
+var import_jsx_runtime244 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ListIcon.tsx
+var import_jsx_runtime245 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/LoaderIcon.tsx
+var import_jsx_runtime246 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/Maximize2Icon.tsx
+var import_jsx_runtime247 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/MaximizeIcon.tsx
+var import_jsx_runtime248 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/MenuIcon.tsx
+var import_jsx_runtime249 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/Minimize2Icon.tsx
+var import_jsx_runtime250 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/MinimizeIcon.tsx
+var import_jsx_runtime251 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/MinusCircleIcon.tsx
+var import_jsx_runtime252 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/MinusIcon.tsx
+var import_jsx_runtime253 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/MinusSquareIcon.tsx
+var import_jsx_runtime254 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/MoreHorizontalIcon.tsx
+var import_jsx_runtime255 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/MoreVerticalIcon.tsx
+var import_jsx_runtime256 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/OctagonIcon.tsx
+var import_jsx_runtime257 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/PercentIcon.tsx
+var import_jsx_runtime258 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/PlusCircleIcon.tsx
+var import_jsx_runtime259 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/PlusIcon.tsx
+var import_jsx_runtime260 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/PlusSquareIcon.tsx
+var import_jsx_runtime261 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/SettingsIcon.tsx
+var import_jsx_runtime262 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/SidebarIcon.tsx
+var import_jsx_runtime263 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/SlashIcon.tsx
+var import_jsx_runtime264 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/SlidersIcon.tsx
+var import_jsx_runtime265 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/SquareIcon.tsx
+var import_jsx_runtime266 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ToggleLeftIcon.tsx
+var import_jsx_runtime267 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/ToggleRightIcon.tsx
+var import_jsx_runtime268 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/TriangleIcon.tsx
+var import_jsx_runtime269 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/XCircleIcon.tsx
+var import_jsx_runtime270 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/XIcon.tsx
+var import_jsx_runtime271 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/XOctagonIcon.tsx
+var import_jsx_runtime272 = require("react/jsx-runtime");
+
+// src/tokens/svg/ui/XSquareIcon.tsx
+var import_jsx_runtime273 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/GierIcon.tsx
+var import_jsx_runtime274 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/KeyIcon.tsx
+var import_jsx_runtime275 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/LockIcon.tsx
+var import_jsx_runtime276 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/LogInIcon.tsx
+var import_jsx_runtime277 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/LogOutIcon.tsx
+var import_jsx_runtime278 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/MailIcon.tsx
+var import_jsx_runtime279 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/ProfileIcon.tsx
+var import_jsx_runtime280 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/UnlockIcon.tsx
+var import_jsx_runtime281 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/UserCheckIcon.tsx
+var import_jsx_runtime282 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/UserIcon.tsx
+var import_jsx_runtime283 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/UserMinusIcon.tsx
+var import_jsx_runtime284 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/UserPlusIcon.tsx
+var import_jsx_runtime285 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/UserXIcon.tsx
+var import_jsx_runtime286 = require("react/jsx-runtime");
+
+// src/tokens/svg/user/UsersIcon.tsx
+var import_jsx_runtime287 = require("react/jsx-runtime");
+
+// src/tokens/svg/validation/AlertCircleIcon.tsx
+var import_jsx_runtime288 = require("react/jsx-runtime");
+
+// src/tokens/svg/validation/AlertOctagonIcon.tsx
+var import_jsx_runtime289 = require("react/jsx-runtime");
+
+// src/tokens/svg/validation/AlertTriangleIcon.tsx
+var import_jsx_runtime290 = require("react/jsx-runtime");
+
+// src/tokens/svg/validation/ErrorIcon.tsx
+var import_jsx_runtime291 = require("react/jsx-runtime");
+
+// src/tokens/svg/validation/HelpCircleIcon.tsx
+var import_jsx_runtime292 = require("react/jsx-runtime");
+
+// src/tokens/svg/validation/InfoIcon.tsx
+var import_jsx_runtime293 = require("react/jsx-runtime");
+
+// src/tokens/svg/validation/SuccessIcon.tsx
+var import_jsx_runtime294 = require("react/jsx-runtime");
+
+// src/util/getColor.ts
+var getColorClass = (namespace, palette, shade) => {
+  const namespaceMap = colors[namespace];
+  const paletteMap = namespaceMap[palette];
+  const hasShade = paletteMap && typeof paletteMap === "object" && shade !== void 0 && shade in paletteMap;
+  return `${String(namespace)}-${String(palette)}${hasShade ? `-${String(shade)}` : ""}`;
+};
+
+// node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+
+// src/components/CheckBox/CheckBox.tsx
+var import_jsx_runtime295 = require("react/jsx-runtime");
+var CheckBox = (props) => {
+  const {
+    colorNamespace = "xplat",
+    color = "blue",
+    colorDepth,
+    checked,
+    label,
+    onChange,
+    className,
+    disabled,
+    ...rest
+  } = props;
+  const handleChange = (e) => {
+    if (onChange) onChange(e);
+  };
+  const mainColor = getColorClass(
+    colorNamespace,
+    color,
+    colorDepth ?? 500
+  );
+  const uncheckedClasses = `unchecked`;
+  const checkedClasses = `checked ${mainColor}`;
+  const disabledClasses = "disabled";
+  const boxClasses = disabled ? disabledClasses : checked ? checkedClasses : uncheckedClasses;
+  return /* @__PURE__ */ (0, import_jsx_runtime295.jsxs)("label", { className: clsx_default("lib-xplat-checkbox", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: handleChange,
+        disabled,
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime295.jsx)("span", { className: clsx_default("checkbox", boxClasses), children: checked && /* @__PURE__ */ (0, import_jsx_runtime295.jsx)(CheckIcon_default, {}) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime295.jsx)("span", { className: "label", children: label })
+  ] });
+};
+CheckBox.displayName = "CheckBox";
+var CheckBox_default = CheckBox;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckBox
+});