@x-plat/design-system 0.1.1

package/dist/components/CheckBox/index.js

@@ -0,0 +1,1089 @@
+// 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
+import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/tokens/svg/action/CropIcon.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/DeleteIcon.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/DownloadCloudIcon.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/DownloadIcon.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/Edit2Icon.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/Edit3Icon.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/EditIcon.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/ExternalLinkIcon.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/FilterIcon.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/Link2Icon.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/LinkIcon.tsx
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/MoveIcon.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/RefreshCcwIcon.tsx
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/RefreshCwIcon.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/RotateCcwIcon.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/RotateCwIcon.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/SaveIcon.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/ScissorsIcon.tsx
+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";
+
+// src/tokens/svg/action/ShareIcon.tsx
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/Trash2Icon.tsx
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/TrashIcon.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/UploadCloudIcon.tsx
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/UploadIcon.tsx
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/ZoomInIcon.tsx
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+
+// src/tokens/svg/action/ZoomOutIcon.tsx
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+
+// src/tokens/svg/call/CallActiveIcon.tsx
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+
+// src/tokens/svg/call/CallForwardedIcon.tsx
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+
+// src/tokens/svg/call/CallIcon.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+
+// src/tokens/svg/call/CallIncomingIcon.tsx
+import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
+
+// src/tokens/svg/call/CallMissedIcon.tsx
+import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+
+// src/tokens/svg/call/CallOffIcon.tsx
+import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+
+// src/tokens/svg/call/CallOutgoingIcon.tsx
+import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+
+// src/tokens/svg/call/VoicemailIcon.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+
+// src/tokens/svg/chart/BarChart2Icon.tsx
+import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+
+// src/tokens/svg/chart/BarChartIcon.tsx
+import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+
+// src/tokens/svg/chart/PieChartIcon.tsx
+import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+
+// src/tokens/svg/chart/TableIcon.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+
+// src/tokens/svg/chart/TrendingDownIcon.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+
+// src/tokens/svg/chart/TrendingUpIcon.tsx
+import { jsx as jsx43 } from "react/jsx-runtime";
+
+// src/tokens/svg/date/CalendarIcon.tsx
+import { jsx as jsx44 } from "react/jsx-runtime";
+
+// src/tokens/svg/date/CalenderIcon.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
+
+// src/tokens/svg/date/ClockIcon.tsx
+import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
+
+// src/tokens/svg/date/SunriseIcon.tsx
+import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
+
+// src/tokens/svg/date/SunsetIcon.tsx
+import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/BatteryChargingIcon.tsx
+import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/BatteryIcon.tsx
+import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/BluetoothIcon.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/CommandIcon.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/CpuIcon.tsx
+import { jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/DatabaseIcon.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/HardDriveIcon.tsx
+import { jsx as jsx55, jsxs as jsxs37 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/MonitorIcon.tsx
+import { jsx as jsx56 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/PrinterIcon.tsx
+import { jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/ServerIcon.tsx
+import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/SmartphoneIcon.tsx
+import { jsx as jsx59, jsxs as jsxs40 } 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";
+
+// src/tokens/svg/device/TvIcon.tsx
+import { jsx as jsx62, jsxs as jsxs43 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/WatchIcon.tsx
+import { jsx as jsx63, jsxs as jsxs44 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/WifiIcon.tsx
+import { jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
+
+// src/tokens/svg/device/WifiOffIcon.tsx
+import { jsx as jsx65, jsxs as jsxs46 } from "react/jsx-runtime";
+
+// src/tokens/svg/edit/AlignCenterIcon.tsx
+import { jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
+
+// src/tokens/svg/edit/AlignJustifyIcon.tsx
+import { jsx as jsx67, jsxs as jsxs48 } from "react/jsx-runtime";
+
+// src/tokens/svg/edit/AlignLeftIcon.tsx
+import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
+
+// src/tokens/svg/edit/AlignRightIcon.tsx
+import { jsx as jsx69, jsxs as jsxs50 } 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";
+
+// src/tokens/svg/edit/ItalicIcon.tsx
+import { jsx as jsx72 } from "react/jsx-runtime";
+
+// src/tokens/svg/edit/PenToolIcon.tsx
+import { jsx as jsx73, jsxs as jsxs52 } from "react/jsx-runtime";
+
+// src/tokens/svg/edit/TypeIcon.tsx
+import { jsx as jsx74 } from "react/jsx-runtime";
+
+// src/tokens/svg/edit/UnderlineIcon.tsx
+import { jsx as jsx75, jsxs as jsxs53 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/ArchiveIcon.tsx
+import { jsx as jsx76, jsxs as jsxs54 } 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";
+
+// src/tokens/svg/file/BookmarkIcon.tsx
+import { jsx as jsx79 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/ClipboardIcon.tsx
+import { jsx as jsx80 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/FileIcon.tsx
+import { jsx as jsx81 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/FileMinusIcon.tsx
+import { jsx as jsx82, jsxs as jsxs55 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/FilePlusIcon.tsx
+import { jsx as jsx83, jsxs as jsxs56 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/FileTextIcon.tsx
+import { jsx as jsx84, jsxs as jsxs57 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/FolderIcon.tsx
+import { jsx as jsx85 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/FolderMinusIcon.tsx
+import { jsx as jsx86, jsxs as jsxs58 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/FolderPlusIcon.tsx
+import { jsx as jsx87, jsxs as jsxs59 } from "react/jsx-runtime";
+
+// src/tokens/svg/file/PackageIcon.tsx
+import { jsx as jsx88 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/AirplayIcon.tsx
+import { jsx as jsx89, jsxs as jsxs60 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/CameraIcon.tsx
+import { jsx as jsx90, jsxs as jsxs61 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/CameraOffIcon.tsx
+import { jsx as jsx91, jsxs as jsxs62 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/CastIcon.tsx
+import { jsx as jsx92, jsxs as jsxs63 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/DiscIcon.tsx
+import { jsx as jsx93, jsxs as jsxs64 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/FastForwardIcon.tsx
+import { jsx as jsx94, jsxs as jsxs65 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/FilmIcon.tsx
+import { jsx as jsx95, jsxs as jsxs66 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/HeadphonesIcon.tsx
+import { jsx as jsx96 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/ImageIcon.tsx
+import { jsx as jsx97, jsxs as jsxs67 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/MicIcon.tsx
+import { jsx as jsx98, jsxs as jsxs68 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/MicOffIcon.tsx
+import { jsx as jsx99, jsxs as jsxs69 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/MusicIcon.tsx
+import { jsx as jsx100 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/PauseCircleIcon.tsx
+import { jsx as jsx101, jsxs as jsxs70 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/PauseIcon.tsx
+import { jsx as jsx102, jsxs as jsxs71 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/PlayCircleIcon.tsx
+import { jsx as jsx103, jsxs as jsxs72 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/PlayIcon.tsx
+import { jsx as jsx104 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/RepeatIcon.tsx
+import { jsx as jsx105, jsxs as jsxs73 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/RewindIcon.tsx
+import { jsx as jsx106, jsxs as jsxs74 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/SkipBackIcon.tsx
+import { jsx as jsx107, jsxs as jsxs75 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/SkipForwardIcon.tsx
+import { jsx as jsx108, jsxs as jsxs76 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/SpeakerIcon.tsx
+import { jsx as jsx109, jsxs as jsxs77 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/StopCircleIcon.tsx
+import { jsx as jsx110, jsxs as jsxs78 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/VideoIcon.tsx
+import { jsx as jsx111 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/VideoOffIcon.tsx
+import { jsx as jsx112, jsxs as jsxs79 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/Volume1Icon.tsx
+import { jsx as jsx113, jsxs as jsxs80 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/Volume2Icon.tsx
+import { jsx as jsx114, jsxs as jsxs81 } from "react/jsx-runtime";
+
+// src/tokens/svg/media/VolumeIcon.tsx
+import { jsx as jsx115 } 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";
+
+// src/tokens/svg/misc/AnchorIcon.tsx
+import { jsx as jsx118, jsxs as jsxs83 } from "react/jsx-runtime";
+
+// src/tokens/svg/misc/ApertureIcon.tsx
+import { jsx as jsx119, jsxs as jsxs84 } 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";
+
+// src/tokens/svg/misc/BoxIcon.tsx
+import { jsx as jsx123 } 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";
+
+// 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";
+
+// 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";
+
+// src/tokens/svg/misc/FeatherIcon.tsx
+import { jsx as jsx136, jsxs as jsxs94 } from "react/jsx-runtime";
+
+// src/tokens/svg/misc/FlagIcon.tsx
+import { jsx as jsx137 } 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";
+
+// src/tokens/svg/misc/GlobeIcon.tsx
+import { jsx as jsx144, jsxs as jsxs98 } from "react/jsx-runtime";
+
+// src/tokens/svg/misc/HeartIcon.tsx
+import { jsx as jsx145 } 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";
+
+// src/tokens/svg/misc/LayersIcon.tsx
+import { jsx as jsx148, jsxs as jsxs99 } from "react/jsx-runtime";
+
+// src/tokens/svg/misc/LifeBuoyIcon.tsx
+import { jsx as jsx149, jsxs as jsxs100 } 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";
+
+// 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";
+
+// src/tokens/svg/misc/PocketIcon.tsx
+import { jsx as jsx156, jsxs as jsxs102 } from "react/jsx-runtime";
+
+// src/tokens/svg/misc/PowerIcon.tsx
+import { jsx as jsx157, jsxs as jsxs103 } from "react/jsx-runtime";
+
+// src/tokens/svg/misc/RadioIcon.tsx
+import { jsx as jsx158, jsxs as jsxs104 } from "react/jsx-runtime";
+
+// src/tokens/svg/misc/ShieldIcon.tsx
+import { jsx as jsx159 } 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";
+
+// src/tokens/svg/misc/ShuffleIcon.tsx
+import { jsx as jsx163, jsxs as jsxs108 } from "react/jsx-runtime";
+
+// src/tokens/svg/misc/SmileIcon.tsx
+import { jsx as jsx164, jsxs as jsxs109 } 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";
+
+// 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";
+
+// src/tokens/svg/misc/ThumbsDownIcon.tsx
+import { jsx as jsx170 } from "react/jsx-runtime";
+
+// src/tokens/svg/misc/ThumbsUpIcon.tsx
+import { jsx as jsx171 } 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";
+
+// src/tokens/svg/misc/ZapIcon.tsx
+import { jsx as jsx176 } 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";
+
+// src/tokens/svg/navigation/ArrowDownCircleIcon.tsx
+import { jsx as jsx182, jsxs as jsxs120 } from "react/jsx-runtime";
+
+// src/tokens/svg/navigation/ArrowDownIcon.tsx
+import { jsx as jsx183 } from "react/jsx-runtime";
+
+// src/tokens/svg/navigation/ArrowDownLeftIcon.tsx
+import { jsx as jsx184 } from "react/jsx-runtime";
+
+// src/tokens/svg/navigation/ArrowDownRightIcon.tsx
+import { jsx as jsx185 } from "react/jsx-runtime";
+
+// src/tokens/svg/navigation/ArrowLeftCircleIcon.tsx
+import { jsx as jsx186, jsxs as jsxs121 } from "react/jsx-runtime";
+
+// src/tokens/svg/navigation/ArrowLeftIcon.tsx
+import { jsx as jsx187 } from "react/jsx-runtime";
+
+// src/tokens/svg/navigation/ArrowRightCircleIcon.tsx
+import { jsx as jsx188, jsxs as jsxs122 } from "react/jsx-runtime";
+
+// src/tokens/svg/navigation/ArrowRightIcon.tsx
+import { jsx as jsx189 } 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/navigation/CornerUpLeftIcon.tsx
+import { jsx as jsx201 } 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/navigation/NavigationIcon.tsx
+import { jsx as jsx206 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/ChromeIcon.tsx
+import { jsx as jsx207, jsxs as jsxs127 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/CodepenIcon.tsx
+import { jsx as jsx208, jsxs as jsxs128 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/CodesandboxIcon.tsx
+import { jsx as jsx209 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/DribbbleIcon.tsx
+import { jsx as jsx210, jsxs as jsxs129 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/FacebookIcon.tsx
+import { jsx as jsx211 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/FigmaIcon.tsx
+import { jsx as jsx212 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/FramerIcon.tsx
+import { jsx as jsx213 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/GithubIcon.tsx
+import { jsx as jsx214 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/GitlabIcon.tsx
+import { jsx as jsx215, jsxs as jsxs130 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/InstagramIcon.tsx
+import { jsx as jsx216, jsxs as jsxs131 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/LinkedinIcon.tsx
+import { jsx as jsx217, jsxs as jsxs132 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/RssIcon.tsx
+import { jsx as jsx218, jsxs as jsxs133 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/SlackIcon.tsx
+import { jsx as jsx219, jsxs as jsxs134 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/TrelloIcon.tsx
+import { jsx as jsx220, jsxs as jsxs135 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/TwitchIcon.tsx
+import { jsx as jsx221, jsxs as jsxs136 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/TwitterIcon.tsx
+import { jsx as jsx222 } from "react/jsx-runtime";
+
+// src/tokens/svg/social/YoutubeIcon.tsx
+import { jsx as jsx223, jsxs as jsxs137 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/AtSignIcon.tsx
+import { jsx as jsx224, jsxs as jsxs138 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/CheckCircleIcon.tsx
+import { jsx as jsx225, jsxs as jsxs139 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/CheckIcon.tsx
+import { jsx as jsx226 } from "react/jsx-runtime";
+var CheckIcon = () => /* @__PURE__ */ jsx226(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 9",
+    fill: "none",
+    children: /* @__PURE__ */ jsx226(
+      "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
+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/ui/HexagonIcon.tsx
+import { jsx as jsx243 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/LayoutIcon.tsx
+import { jsx as jsx244 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/ListIcon.tsx
+import { jsx as jsx245, jsxs as jsxs150 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/LoaderIcon.tsx
+import { jsx as jsx246, jsxs as jsxs151 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/Maximize2Icon.tsx
+import { jsx as jsx247, jsxs as jsxs152 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/MaximizeIcon.tsx
+import { jsx as jsx248, jsxs as jsxs153 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/MenuIcon.tsx
+import { jsx as jsx249, jsxs as jsxs154 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/Minimize2Icon.tsx
+import { jsx as jsx250, jsxs as jsxs155 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/MinimizeIcon.tsx
+import { jsx as jsx251, jsxs as jsxs156 } from "react/jsx-runtime";
+
+// src/tokens/svg/ui/MinusCircleIcon.tsx
+import { jsx as jsx252, jsxs as jsxs157 } 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/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
+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/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/user/GierIcon.tsx
+import { jsx as jsx274, jsxs as jsxs173 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/KeyIcon.tsx
+import { jsx as jsx275 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/LockIcon.tsx
+import { jsx as jsx276 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/LogInIcon.tsx
+import { jsx as jsx277, jsxs as jsxs174 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/LogOutIcon.tsx
+import { jsx as jsx278, jsxs as jsxs175 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/MailIcon.tsx
+import { jsx as jsx279 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/ProfileIcon.tsx
+import { jsx as jsx280, jsxs as jsxs176 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/UnlockIcon.tsx
+import { jsx as jsx281 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/UserCheckIcon.tsx
+import { jsx as jsx282, jsxs as jsxs177 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/UserIcon.tsx
+import { jsx as jsx283, jsxs as jsxs178 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/UserMinusIcon.tsx
+import { jsx as jsx284, jsxs as jsxs179 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/UserPlusIcon.tsx
+import { jsx as jsx285, jsxs as jsxs180 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/UserXIcon.tsx
+import { jsx as jsx286, jsxs as jsxs181 } from "react/jsx-runtime";
+
+// src/tokens/svg/user/UsersIcon.tsx
+import { jsx as jsx287, 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/validation/AlertOctagonIcon.tsx
+import { jsx as jsx289, 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/validation/ErrorIcon.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/validation/InfoIcon.tsx
+import { jsx as jsx293, jsxs as jsxs188 } from "react/jsx-runtime";
+
+// src/tokens/svg/validation/SuccessIcon.tsx
+import { jsx as jsx294 } from "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
+import { jsx as jsx295, jsxs as jsxs189 } from "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__ */ jsxs189("label", { className: clsx_default("lib-xplat-checkbox", className), children: [
+    /* @__PURE__ */ jsx295(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: handleChange,
+        disabled,
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ jsx295("span", { className: clsx_default("checkbox", boxClasses), children: checked && /* @__PURE__ */ jsx295(CheckIcon_default, {}) }),
+    label && /* @__PURE__ */ jsx295("span", { className: "label", children: label })
+  ] });
+};
+CheckBox.displayName = "CheckBox";
+var CheckBox_default = CheckBox;
+export {
+  CheckBox_default as CheckBox
+};