@x-plat/design-system 0.4.4 → 0.4.6

package/dist/components/DatePicker/index.cjs

@@ -59,7 +59,7 @@ function clsx() {
 }
 var clsx_default = clsx;
 
-// src/tokens/svg/validation/ErrorIcon.tsx
+// src/tokens/svg/status/ErrorIcon.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var ErrorIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
@@ -94,7 +94,7 @@ var ErrorIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
 );
 var ErrorIcon_default = ErrorIcon;
 
-// src/tokens/svg/validation/InfoIcon.tsx
+// src/tokens/svg/status/InfoIcon.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var InfoIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
   "svg",
@@ -136,7 +136,7 @@ var InfoIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
 );
 var InfoIcon_default = InfoIcon;
 
-// src/tokens/svg/validation/SuccessIcon.tsx
+// src/tokens/svg/status/SuccessIcon.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var SuccessIcon = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
   "svg",
@@ -265,7 +265,6 @@ var Input = import_react.default.forwardRef((props, ref) => {
     type = "text",
     size = "md",
     suffix,
-    className,
     disabled,
     validations,
     ...inputProps
@@ -285,7 +284,7 @@ var Input = import_react.default.forwardRef((props, ref) => {
       onChange(event);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: clsx_default("lib-xplat-input-wrap", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lib-xplat-input-wrap", children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
@@ -321,7 +320,7 @@ var Input_default = Input;
 // src/components/Input/PasswordInput/PasswordInput.tsx
 var import_react3 = __toESM(require("react"), 1);
 
-// src/tokens/svg/Input/CloseEyeIcon.tsx
+// src/tokens/svg/form/CloseEyeIcon.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var CloseEyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
   "svg",
@@ -353,7 +352,7 @@ var CloseEyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
 );
 var CloseEyeIcon_default = CloseEyeIcon;
 
-// src/tokens/svg/Input/OpenEyeIcon.tsx
+// src/tokens/svg/form/OpenEyeIcon.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var OpenEyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
   "svg",
@@ -469,855 +468,855 @@ var import_jsx_runtime27 = require("react/jsx-runtime");
 // src/tokens/svg/action/SearchIcon.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 
-// src/tokens/svg/action/SendIcon.tsx
+// src/tokens/svg/action/Share2Icon.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
 
-// src/tokens/svg/action/Share2Icon.tsx
+// src/tokens/svg/action/ShareIcon.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
 
-// src/tokens/svg/action/ShareIcon.tsx
+// src/tokens/svg/action/Trash2Icon.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
 
-// src/tokens/svg/action/Trash2Icon.tsx
+// src/tokens/svg/action/TrashIcon.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
 
-// src/tokens/svg/action/TrashIcon.tsx
+// src/tokens/svg/action/UploadCloudIcon.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
 
-// src/tokens/svg/action/UploadCloudIcon.tsx
+// src/tokens/svg/action/UploadIcon.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
 
-// src/tokens/svg/action/UploadIcon.tsx
+// src/tokens/svg/action/ZoomInIcon.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
 
-// src/tokens/svg/action/ZoomInIcon.tsx
+// src/tokens/svg/action/ZoomOutIcon.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 
-// src/tokens/svg/action/ZoomOutIcon.tsx
+// src/tokens/svg/arrow/ArrowDownCircleIcon.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 
-// src/tokens/svg/call/CallActiveIcon.tsx
+// src/tokens/svg/arrow/ArrowDownIcon.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 
-// src/tokens/svg/call/CallForwardedIcon.tsx
+// src/tokens/svg/arrow/ArrowDownLeftIcon.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 
-// src/tokens/svg/call/CallIcon.tsx
+// src/tokens/svg/arrow/ArrowDownRightIcon.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 
-// src/tokens/svg/call/CallIncomingIcon.tsx
+// src/tokens/svg/arrow/ArrowLeftCircleIcon.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
 
-// src/tokens/svg/call/CallMissedIcon.tsx
+// src/tokens/svg/arrow/ArrowLeftIcon.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
 
-// src/tokens/svg/call/CallOffIcon.tsx
+// src/tokens/svg/arrow/ArrowRightCircleIcon.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
 
-// src/tokens/svg/call/CallOutgoingIcon.tsx
+// src/tokens/svg/arrow/ArrowRightIcon.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 
-// src/tokens/svg/call/VoicemailIcon.tsx
+// src/tokens/svg/arrow/ArrowUpCircleIcon.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
-// src/tokens/svg/chart/BarChart2Icon.tsx
+// src/tokens/svg/arrow/ArrowUpIcon.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 
-// src/tokens/svg/chart/BarChartIcon.tsx
+// src/tokens/svg/arrow/ArrowUpLeftIcon.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
 
-// src/tokens/svg/chart/PieChartIcon.tsx
+// src/tokens/svg/arrow/ArrowUpRightIcon.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
-// src/tokens/svg/chart/TableIcon.tsx
+// src/tokens/svg/arrow/ChevronDownIcon.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
 
-// src/tokens/svg/chart/TrendingDownIcon.tsx
+// src/tokens/svg/arrow/ChevronLeftIcon.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
+var ChevronLeftIcon = () => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M11.9697 4.46978C12.2626 4.17689 12.7373 4.17689 13.0302 4.46978C13.3231 4.76268 13.3231 5.23746 13.0302 5.53033L8.56049 10.0001L13.0302 14.4698C13.3231 14.7627 13.3231 15.2375 13.0302 15.5303C12.7373 15.8232 12.2626 15.8232 11.9697 15.5303L6.96967 10.5303C6.67678 10.2374 6.67678 9.76268 6.96967 9.46978L11.9697 4.46978Z", fill: "currentColor" })
+  }
+);
+var ChevronLeftIcon_default = ChevronLeftIcon;
 
-// src/tokens/svg/chart/TrendingUpIcon.tsx
+// src/tokens/svg/arrow/ChevronRightIcon.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
-
-// src/tokens/svg/date/CalendarIcon.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-
-// src/tokens/svg/date/CalenderIcon.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var CalenderIcon = () => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 16 16",
+    viewBox: "0 0 20 20",
     fill: "none",
-    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M10.6671 0.733398C10.9983 0.73361 11.2671 1.00216 11.2671 1.3334V2.06621H12.6663C13.734 2.06621 14.5998 2.93214 14.5999 3.9998V13.3326C14.5999 14.4004 13.7341 15.2662 12.6663 15.2662H3.3335C2.26575 15.2662 1.3999 14.4004 1.3999 13.3326V3.9998C1.40001 2.93214 2.26581 2.06621 3.3335 2.06621H4.7335V1.3334C4.7335 1.00203 5.00213 0.733398 5.3335 0.733398C5.66469 0.73361 5.9335 1.00216 5.9335 1.3334V2.06621H10.0671V1.3334C10.0671 1.00203 10.3357 0.733398 10.6671 0.733398ZM2.5999 7.26621V13.3326C2.5999 13.7376 2.92849 14.0662 3.3335 14.0662H12.6663C13.0713 14.0662 13.3999 13.7376 13.3999 13.3326V7.26621H2.5999ZM3.3335 3.26621C2.92855 3.26621 2.60001 3.59489 2.5999 3.9998V6.06621H13.3999V3.9998C13.3998 3.59489 13.0713 3.26621 12.6663 3.26621H11.2671V3.9998C11.267 4.33096 10.9982 4.59959 10.6671 4.5998C10.3358 4.5998 10.0672 4.33109 10.0671 3.9998V3.26621H5.9335V3.9998C5.93339 4.33096 5.66462 4.59959 5.3335 4.5998C5.00219 4.5998 4.7336 4.33109 4.7335 3.9998V3.26621H3.3335Z",
-        fill: "currentColor"
-      }
-    )
+    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "M6.96967 4.46978C7.26256 4.17689 7.73732 4.17689 8.03022 4.46978L13.0302 9.46978C13.3231 9.76268 13.3231 10.2375 13.0302 10.5303L8.03022 15.5303C7.73734 15.8232 7.26257 15.8232 6.96967 15.5303C6.67678 15.2374 6.67678 14.7627 6.96967 14.4698L11.4394 10.0001L6.96967 5.53033C6.67678 5.23744 6.67678 4.76268 6.96967 4.46978Z", fill: "currentColor" })
   }
 );
-var CalenderIcon_default = CalenderIcon;
+var ChevronRightIcon_default = ChevronRightIcon;
 
-// src/tokens/svg/date/ClockIcon.tsx
+// src/tokens/svg/arrow/ChevronsDownIcon.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
+
+// src/tokens/svg/arrow/ChevronsLeftIcon.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+
+// src/tokens/svg/arrow/ChevronsRightIcon.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
 
-// src/tokens/svg/date/SunriseIcon.tsx
+// src/tokens/svg/arrow/ChevronsUpIcon.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 
-// src/tokens/svg/date/SunsetIcon.tsx
+// src/tokens/svg/arrow/ChevronUpIcon.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/BatteryChargingIcon.tsx
+// src/tokens/svg/arrow/CompassIcon.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/BatteryIcon.tsx
+// src/tokens/svg/arrow/CornerDownLeftIcon.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/BluetoothIcon.tsx
+// src/tokens/svg/arrow/CornerDownRightIcon.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/CommandIcon.tsx
+// src/tokens/svg/arrow/CornerLeftDownIcon.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/CpuIcon.tsx
+// src/tokens/svg/arrow/CornerLeftUpIcon.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/DatabaseIcon.tsx
+// src/tokens/svg/arrow/CornerRightDownIcon.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/HardDriveIcon.tsx
+// src/tokens/svg/arrow/CornerRightUpIcon.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/MonitorIcon.tsx
+// src/tokens/svg/arrow/CornerUpLeftIcon.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/PrinterIcon.tsx
+// src/tokens/svg/arrow/CornerUpRightIcon.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/ServerIcon.tsx
+// src/tokens/svg/arrow/MapIcon.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/SmartphoneIcon.tsx
+// src/tokens/svg/arrow/MapPinIcon.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/TabletIcon.tsx
+// src/tokens/svg/arrow/Navigation2Icon.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/TerminalIcon.tsx
+// src/tokens/svg/arrow/NavigationIcon.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/TvIcon.tsx
+// src/tokens/svg/call/CallActiveIcon.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/WatchIcon.tsx
+// src/tokens/svg/call/CallForwardedIcon.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/WifiIcon.tsx
+// src/tokens/svg/call/CallIcon.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 
-// src/tokens/svg/device/WifiOffIcon.tsx
+// src/tokens/svg/call/CallIncomingIcon.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/AlignCenterIcon.tsx
+// src/tokens/svg/call/CallMissedIcon.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/AlignJustifyIcon.tsx
+// src/tokens/svg/call/CallOffIcon.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/AlignLeftIcon.tsx
+// src/tokens/svg/call/CallOutgoingIcon.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/AlignRightIcon.tsx
+// src/tokens/svg/call/VoicemailIcon.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/BoldIcon.tsx
+// src/tokens/svg/chart/BarChart2Icon.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/CodeIcon.tsx
+// src/tokens/svg/chart/BarChartIcon.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/ItalicIcon.tsx
+// src/tokens/svg/chart/PieChartIcon.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/PenToolIcon.tsx
+// src/tokens/svg/chart/TableIcon.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/TypeIcon.tsx
+// src/tokens/svg/chart/TrendingDownIcon.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
 
-// src/tokens/svg/edit/UnderlineIcon.tsx
+// src/tokens/svg/chart/TrendingUpIcon.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/ArchiveIcon.tsx
+// src/tokens/svg/commerce/CreditCardIcon.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/BookIcon.tsx
+// src/tokens/svg/commerce/DollarSignIcon.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/BookOpenIcon.tsx
+// src/tokens/svg/commerce/GiftIcon.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/BookmarkIcon.tsx
+// src/tokens/svg/commerce/ShoppingBagIcon.tsx
 var import_jsx_runtime87 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/ClipboardIcon.tsx
+// src/tokens/svg/commerce/ShoppingCartIcon.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/FileIcon.tsx
+// src/tokens/svg/commerce/TagIcon.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/FileMinusIcon.tsx
+// src/tokens/svg/commerce/TruckIcon.tsx
 var import_jsx_runtime90 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/FilePlusIcon.tsx
+// src/tokens/svg/communication/BellIcon.tsx
 var import_jsx_runtime91 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/FileTextIcon.tsx
+// src/tokens/svg/communication/BellOffIcon.tsx
 var import_jsx_runtime92 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/FolderIcon.tsx
+// src/tokens/svg/communication/InboxIcon.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/FolderMinusIcon.tsx
+// src/tokens/svg/communication/MessageCircleIcon.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/FolderPlusIcon.tsx
+// src/tokens/svg/communication/MessageSquareIcon.tsx
 var import_jsx_runtime95 = require("react/jsx-runtime");
 
-// src/tokens/svg/file/PackageIcon.tsx
+// src/tokens/svg/communication/PaperclipIcon.tsx
 var import_jsx_runtime96 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/AirplayIcon.tsx
+// src/tokens/svg/communication/SendIcon.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/CameraIcon.tsx
+// src/tokens/svg/date/CalendarIcon.tsx
 var import_jsx_runtime98 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/CameraOffIcon.tsx
+// src/tokens/svg/date/CalenderIcon.tsx
 var import_jsx_runtime99 = require("react/jsx-runtime");
+var CalenderIcon = () => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M10.6671 0.733398C10.9983 0.73361 11.2671 1.00216 11.2671 1.3334V2.06621H12.6663C13.734 2.06621 14.5998 2.93214 14.5999 3.9998V13.3326C14.5999 14.4004 13.7341 15.2662 12.6663 15.2662H3.3335C2.26575 15.2662 1.3999 14.4004 1.3999 13.3326V3.9998C1.40001 2.93214 2.26581 2.06621 3.3335 2.06621H4.7335V1.3334C4.7335 1.00203 5.00213 0.733398 5.3335 0.733398C5.66469 0.73361 5.9335 1.00216 5.9335 1.3334V2.06621H10.0671V1.3334C10.0671 1.00203 10.3357 0.733398 10.6671 0.733398ZM2.5999 7.26621V13.3326C2.5999 13.7376 2.92849 14.0662 3.3335 14.0662H12.6663C13.0713 14.0662 13.3999 13.7376 13.3999 13.3326V7.26621H2.5999ZM3.3335 3.26621C2.92855 3.26621 2.60001 3.59489 2.5999 3.9998V6.06621H13.3999V3.9998C13.3998 3.59489 13.0713 3.26621 12.6663 3.26621H11.2671V3.9998C11.267 4.33096 10.9982 4.59959 10.6671 4.5998C10.3358 4.5998 10.0672 4.33109 10.0671 3.9998V3.26621H5.9335V3.9998C5.93339 4.33096 5.66462 4.59959 5.3335 4.5998C5.00219 4.5998 4.7336 4.33109 4.7335 3.9998V3.26621H3.3335Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+var CalenderIcon_default = CalenderIcon;
 
-// src/tokens/svg/media/CastIcon.tsx
+// src/tokens/svg/date/ClockIcon.tsx
 var import_jsx_runtime100 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/DiscIcon.tsx
+// src/tokens/svg/date/SunriseIcon.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/FastForwardIcon.tsx
+// src/tokens/svg/date/SunsetIcon.tsx
 var import_jsx_runtime102 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/FilmIcon.tsx
+// src/tokens/svg/dev/CodeIcon.tsx
 var import_jsx_runtime103 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/HeadphonesIcon.tsx
+// src/tokens/svg/dev/GitBranchIcon.tsx
 var import_jsx_runtime104 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/ImageIcon.tsx
+// src/tokens/svg/dev/GitCommitIcon.tsx
 var import_jsx_runtime105 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/MicIcon.tsx
+// src/tokens/svg/dev/GitMergeIcon.tsx
 var import_jsx_runtime106 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/MicOffIcon.tsx
+// src/tokens/svg/dev/GitPullRequestIcon.tsx
 var import_jsx_runtime107 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/MusicIcon.tsx
+// src/tokens/svg/dev/TerminalIcon.tsx
 var import_jsx_runtime108 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/PauseCircleIcon.tsx
+// src/tokens/svg/device/BatteryChargingIcon.tsx
 var import_jsx_runtime109 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/PauseIcon.tsx
+// src/tokens/svg/device/BatteryIcon.tsx
 var import_jsx_runtime110 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/PlayCircleIcon.tsx
+// src/tokens/svg/device/BluetoothIcon.tsx
 var import_jsx_runtime111 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/PlayIcon.tsx
+// src/tokens/svg/device/CommandIcon.tsx
 var import_jsx_runtime112 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/RepeatIcon.tsx
+// src/tokens/svg/device/CpuIcon.tsx
 var import_jsx_runtime113 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/RewindIcon.tsx
+// src/tokens/svg/device/DatabaseIcon.tsx
 var import_jsx_runtime114 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/SkipBackIcon.tsx
+// src/tokens/svg/device/HardDriveIcon.tsx
 var import_jsx_runtime115 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/SkipForwardIcon.tsx
+// src/tokens/svg/device/MonitorIcon.tsx
 var import_jsx_runtime116 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/SpeakerIcon.tsx
+// src/tokens/svg/device/PrinterIcon.tsx
 var import_jsx_runtime117 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/StopCircleIcon.tsx
+// src/tokens/svg/device/ServerIcon.tsx
 var import_jsx_runtime118 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/VideoIcon.tsx
+// src/tokens/svg/device/SmartphoneIcon.tsx
 var import_jsx_runtime119 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/VideoOffIcon.tsx
+// src/tokens/svg/device/TabletIcon.tsx
 var import_jsx_runtime120 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/Volume1Icon.tsx
+// src/tokens/svg/device/TvIcon.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/Volume2Icon.tsx
+// src/tokens/svg/device/WatchIcon.tsx
 var import_jsx_runtime122 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/VolumeIcon.tsx
+// src/tokens/svg/device/WifiIcon.tsx
 var import_jsx_runtime123 = require("react/jsx-runtime");
 
-// src/tokens/svg/media/VolumeXIcon.tsx
+// src/tokens/svg/device/WifiOffIcon.tsx
 var import_jsx_runtime124 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ActivityIcon.tsx
+// src/tokens/svg/edit/AlignCenterIcon.tsx
 var import_jsx_runtime125 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/AnchorIcon.tsx
+// src/tokens/svg/edit/AlignJustifyIcon.tsx
 var import_jsx_runtime126 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ApertureIcon.tsx
+// src/tokens/svg/edit/AlignLeftIcon.tsx
 var import_jsx_runtime127 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/AwardIcon.tsx
+// src/tokens/svg/edit/AlignRightIcon.tsx
 var import_jsx_runtime128 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/BellIcon.tsx
+// src/tokens/svg/edit/BoldIcon.tsx
 var import_jsx_runtime129 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/BellOffIcon.tsx
+// src/tokens/svg/edit/ItalicIcon.tsx
 var import_jsx_runtime130 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/BoxIcon.tsx
+// src/tokens/svg/edit/PenToolIcon.tsx
 var import_jsx_runtime131 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/BriefcaseIcon.tsx
+// src/tokens/svg/edit/TypeIcon.tsx
 var import_jsx_runtime132 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/CloudDrizzleIcon.tsx
+// src/tokens/svg/edit/UnderlineIcon.tsx
 var import_jsx_runtime133 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/CloudIcon.tsx
+// src/tokens/svg/file/ArchiveIcon.tsx
 var import_jsx_runtime134 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/CloudLightningIcon.tsx
+// src/tokens/svg/file/BookIcon.tsx
 var import_jsx_runtime135 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/CloudOffIcon.tsx
+// src/tokens/svg/file/BookOpenIcon.tsx
 var import_jsx_runtime136 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/CloudRainIcon.tsx
+// src/tokens/svg/file/BookmarkIcon.tsx
 var import_jsx_runtime137 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/CloudSnowIcon.tsx
+// src/tokens/svg/file/ClipboardIcon.tsx
 var import_jsx_runtime138 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/CoffeeIcon.tsx
+// src/tokens/svg/file/FileIcon.tsx
 var import_jsx_runtime139 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/CreditCardIcon.tsx
+// src/tokens/svg/file/FileMinusIcon.tsx
 var import_jsx_runtime140 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/CrosshairIcon.tsx
+// src/tokens/svg/file/FilePlusIcon.tsx
 var import_jsx_runtime141 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/DollarSignIcon.tsx
+// src/tokens/svg/file/FileTextIcon.tsx
 var import_jsx_runtime142 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/DropletIcon.tsx
+// src/tokens/svg/file/FolderIcon.tsx
 var import_jsx_runtime143 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/FeatherIcon.tsx
+// src/tokens/svg/file/FolderMinusIcon.tsx
 var import_jsx_runtime144 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/FlagIcon.tsx
+// src/tokens/svg/file/FolderPlusIcon.tsx
 var import_jsx_runtime145 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/FrownIcon.tsx
+// src/tokens/svg/file/PackageIcon.tsx
 var import_jsx_runtime146 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/GiftIcon.tsx
+// src/tokens/svg/form/CheckSquareIcon.tsx
 var import_jsx_runtime147 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/GitBranchIcon.tsx
+// src/tokens/svg/form/EyeIcon.tsx
 var import_jsx_runtime148 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/GitCommitIcon.tsx
+// src/tokens/svg/form/EyeOffIcon.tsx
 var import_jsx_runtime149 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/GitMergeIcon.tsx
+// src/tokens/svg/form/SettingsIcon.tsx
 var import_jsx_runtime150 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/GitPullRequestIcon.tsx
+// src/tokens/svg/form/SlidersIcon.tsx
 var import_jsx_runtime151 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/GlobeIcon.tsx
+// src/tokens/svg/form/ToggleLeftIcon.tsx
 var import_jsx_runtime152 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/HeartIcon.tsx
+// src/tokens/svg/form/ToggleRightIcon.tsx
 var import_jsx_runtime153 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/HomeIcon.tsx
+// src/tokens/svg/layout/ColumnsIcon.tsx
 var import_jsx_runtime154 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/InboxIcon.tsx
+// src/tokens/svg/layout/GridIcon.tsx
 var import_jsx_runtime155 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/LayersIcon.tsx
+// src/tokens/svg/layout/LayoutIcon.tsx
 var import_jsx_runtime156 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/LifeBuoyIcon.tsx
+// src/tokens/svg/layout/ListIcon.tsx
 var import_jsx_runtime157 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/MehIcon.tsx
+// src/tokens/svg/layout/Maximize2Icon.tsx
 var import_jsx_runtime158 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/MessageCircleIcon.tsx
+// src/tokens/svg/layout/MaximizeIcon.tsx
 var import_jsx_runtime159 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/MessageSquareIcon.tsx
+// src/tokens/svg/layout/MenuIcon.tsx
 var import_jsx_runtime160 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/MoonIcon.tsx
+// src/tokens/svg/layout/Minimize2Icon.tsx
 var import_jsx_runtime161 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/MousePointerIcon.tsx
+// src/tokens/svg/layout/MinimizeIcon.tsx
 var import_jsx_runtime162 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/PaperclipIcon.tsx
+// src/tokens/svg/layout/MoreHorizontalIcon.tsx
 var import_jsx_runtime163 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/PocketIcon.tsx
+// src/tokens/svg/layout/MoreVerticalIcon.tsx
 var import_jsx_runtime164 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/PowerIcon.tsx
+// src/tokens/svg/layout/SidebarIcon.tsx
 var import_jsx_runtime165 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/RadioIcon.tsx
+// src/tokens/svg/media/AirplayIcon.tsx
 var import_jsx_runtime166 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ShieldIcon.tsx
+// src/tokens/svg/media/CameraIcon.tsx
 var import_jsx_runtime167 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ShieldOffIcon.tsx
+// src/tokens/svg/media/CameraOffIcon.tsx
 var import_jsx_runtime168 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ShoppingBagIcon.tsx
+// src/tokens/svg/media/CastIcon.tsx
 var import_jsx_runtime169 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ShoppingCartIcon.tsx
+// src/tokens/svg/media/DiscIcon.tsx
 var import_jsx_runtime170 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ShuffleIcon.tsx
+// src/tokens/svg/media/FastForwardIcon.tsx
 var import_jsx_runtime171 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/SmileIcon.tsx
+// src/tokens/svg/media/FilmIcon.tsx
 var import_jsx_runtime172 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/StarIcon.tsx
+// src/tokens/svg/media/HeadphonesIcon.tsx
 var import_jsx_runtime173 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/SunIcon.tsx
+// src/tokens/svg/media/ImageIcon.tsx
 var import_jsx_runtime174 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/TagIcon.tsx
+// src/tokens/svg/media/MicIcon.tsx
 var import_jsx_runtime175 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/TargetIcon.tsx
+// src/tokens/svg/media/MicOffIcon.tsx
 var import_jsx_runtime176 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ThermometerIcon.tsx
+// src/tokens/svg/media/MusicIcon.tsx
 var import_jsx_runtime177 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ThumbsDownIcon.tsx
+// src/tokens/svg/media/PauseCircleIcon.tsx
 var import_jsx_runtime178 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ThumbsUpIcon.tsx
+// src/tokens/svg/media/PauseIcon.tsx
 var import_jsx_runtime179 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ToolIcon.tsx
+// src/tokens/svg/media/PlayCircleIcon.tsx
 var import_jsx_runtime180 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/TruckIcon.tsx
+// src/tokens/svg/media/PlayIcon.tsx
 var import_jsx_runtime181 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/UmbrellaIcon.tsx
+// src/tokens/svg/media/RepeatIcon.tsx
 var import_jsx_runtime182 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/WindIcon.tsx
+// src/tokens/svg/media/RewindIcon.tsx
 var import_jsx_runtime183 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ZapIcon.tsx
+// src/tokens/svg/media/SkipBackIcon.tsx
 var import_jsx_runtime184 = require("react/jsx-runtime");
 
-// src/tokens/svg/misc/ZapOffIcon.tsx
+// src/tokens/svg/media/SkipForwardIcon.tsx
 var import_jsx_runtime185 = require("react/jsx-runtime");
 
-// src/tokens/svg/Input/EyeIcon.tsx
+// src/tokens/svg/media/SpeakerIcon.tsx
 var import_jsx_runtime186 = require("react/jsx-runtime");
 
-// src/tokens/svg/Input/EyeOffIcon.tsx
+// src/tokens/svg/media/StopCircleIcon.tsx
 var import_jsx_runtime187 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowDownCircleIcon.tsx
+// src/tokens/svg/media/VideoIcon.tsx
 var import_jsx_runtime188 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowDownIcon.tsx
+// src/tokens/svg/media/VideoOffIcon.tsx
 var import_jsx_runtime189 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowDownLeftIcon.tsx
+// src/tokens/svg/media/Volume1Icon.tsx
 var import_jsx_runtime190 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowDownRightIcon.tsx
+// src/tokens/svg/media/Volume2Icon.tsx
 var import_jsx_runtime191 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowLeftCircleIcon.tsx
+// src/tokens/svg/media/VolumeIcon.tsx
 var import_jsx_runtime192 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowLeftIcon.tsx
+// src/tokens/svg/media/VolumeXIcon.tsx
 var import_jsx_runtime193 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowRightCircleIcon.tsx
+// src/tokens/svg/misc/AnchorIcon.tsx
 var import_jsx_runtime194 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowRightIcon.tsx
+// src/tokens/svg/misc/ApertureIcon.tsx
 var import_jsx_runtime195 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowUpCircleIcon.tsx
+// src/tokens/svg/misc/AwardIcon.tsx
 var import_jsx_runtime196 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowUpIcon.tsx
+// src/tokens/svg/misc/BoxIcon.tsx
 var import_jsx_runtime197 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowUpLeftIcon.tsx
+// src/tokens/svg/misc/BriefcaseIcon.tsx
 var import_jsx_runtime198 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/ArrowUpRightIcon.tsx
+// src/tokens/svg/misc/CoffeeIcon.tsx
 var import_jsx_runtime199 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/CompassIcon.tsx
+// src/tokens/svg/misc/CrosshairIcon.tsx
 var import_jsx_runtime200 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/CornerDownLeftIcon.tsx
+// src/tokens/svg/misc/FeatherIcon.tsx
 var import_jsx_runtime201 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/CornerDownRightIcon.tsx
+// src/tokens/svg/misc/FlagIcon.tsx
 var import_jsx_runtime202 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/CornerLeftDownIcon.tsx
+// src/tokens/svg/misc/FrownIcon.tsx
 var import_jsx_runtime203 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/CornerLeftUpIcon.tsx
+// src/tokens/svg/misc/GlobeIcon.tsx
 var import_jsx_runtime204 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/CornerRightDownIcon.tsx
+// src/tokens/svg/misc/HeartIcon.tsx
 var import_jsx_runtime205 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/CornerRightUpIcon.tsx
+// src/tokens/svg/misc/HomeIcon.tsx
 var import_jsx_runtime206 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/CornerUpLeftIcon.tsx
+// src/tokens/svg/misc/LayersIcon.tsx
 var import_jsx_runtime207 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/CornerUpRightIcon.tsx
+// src/tokens/svg/misc/LifeBuoyIcon.tsx
 var import_jsx_runtime208 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/MapIcon.tsx
+// src/tokens/svg/misc/MehIcon.tsx
 var import_jsx_runtime209 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/MapPinIcon.tsx
+// src/tokens/svg/misc/MousePointerIcon.tsx
 var import_jsx_runtime210 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/Navigation2Icon.tsx
+// src/tokens/svg/misc/PocketIcon.tsx
 var import_jsx_runtime211 = require("react/jsx-runtime");
 
-// src/tokens/svg/navigation/NavigationIcon.tsx
+// src/tokens/svg/misc/PowerIcon.tsx
 var import_jsx_runtime212 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/ChromeIcon.tsx
+// src/tokens/svg/misc/RadioIcon.tsx
 var import_jsx_runtime213 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/CodepenIcon.tsx
+// src/tokens/svg/misc/ShieldIcon.tsx
 var import_jsx_runtime214 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/CodesandboxIcon.tsx
+// src/tokens/svg/misc/ShieldOffIcon.tsx
 var import_jsx_runtime215 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/DribbbleIcon.tsx
+// src/tokens/svg/misc/ShuffleIcon.tsx
 var import_jsx_runtime216 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/FacebookIcon.tsx
+// src/tokens/svg/misc/SmileIcon.tsx
 var import_jsx_runtime217 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/FigmaIcon.tsx
+// src/tokens/svg/misc/StarIcon.tsx
 var import_jsx_runtime218 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/FramerIcon.tsx
+// src/tokens/svg/misc/TargetIcon.tsx
 var import_jsx_runtime219 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/GithubIcon.tsx
+// src/tokens/svg/misc/ThumbsDownIcon.tsx
 var import_jsx_runtime220 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/GitlabIcon.tsx
+// src/tokens/svg/misc/ThumbsUpIcon.tsx
 var import_jsx_runtime221 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/InstagramIcon.tsx
+// src/tokens/svg/misc/ToolIcon.tsx
 var import_jsx_runtime222 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/LinkedinIcon.tsx
+// src/tokens/svg/misc/ZapIcon.tsx
 var import_jsx_runtime223 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/RssIcon.tsx
+// src/tokens/svg/misc/ZapOffIcon.tsx
 var import_jsx_runtime224 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/SlackIcon.tsx
+// src/tokens/svg/shape/AtSignIcon.tsx
 var import_jsx_runtime225 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/TrelloIcon.tsx
+// src/tokens/svg/shape/CircleIcon.tsx
 var import_jsx_runtime226 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/TwitchIcon.tsx
+// src/tokens/svg/shape/DivideCircleIcon.tsx
 var import_jsx_runtime227 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/TwitterIcon.tsx
+// src/tokens/svg/shape/DivideIcon.tsx
 var import_jsx_runtime228 = require("react/jsx-runtime");
 
-// src/tokens/svg/social/YoutubeIcon.tsx
+// src/tokens/svg/shape/DivideSquareIcon.tsx
 var import_jsx_runtime229 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/AtSignIcon.tsx
+// src/tokens/svg/shape/HashIcon.tsx
 var import_jsx_runtime230 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/CheckCircleIcon.tsx
+// src/tokens/svg/shape/HexagonIcon.tsx
 var import_jsx_runtime231 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/CheckIcon.tsx
+// src/tokens/svg/shape/OctagonIcon.tsx
 var import_jsx_runtime232 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/CheckSquareIcon.tsx
+// src/tokens/svg/shape/PercentIcon.tsx
 var import_jsx_runtime233 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ChevronDownIcon.tsx
+// src/tokens/svg/shape/SlashIcon.tsx
 var import_jsx_runtime234 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ChevronLeftIcon.tsx
+// src/tokens/svg/shape/SquareIcon.tsx
 var import_jsx_runtime235 = require("react/jsx-runtime");
-var ChevronLeftIcon = () => /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("path", { d: "M11.9697 4.46978C12.2626 4.17689 12.7373 4.17689 13.0302 4.46978C13.3231 4.76268 13.3231 5.23746 13.0302 5.53033L8.56049 10.0001L13.0302 14.4698C13.3231 14.7627 13.3231 15.2375 13.0302 15.5303C12.7373 15.8232 12.2626 15.8232 11.9697 15.5303L6.96967 10.5303C6.67678 10.2374 6.67678 9.76268 6.96967 9.46978L11.9697 4.46978Z", fill: "currentColor" })
-  }
-);
-var ChevronLeftIcon_default = ChevronLeftIcon;
 
-// src/tokens/svg/ui/ChevronRightIcon.tsx
+// src/tokens/svg/shape/TriangleIcon.tsx
 var import_jsx_runtime236 = require("react/jsx-runtime");
-var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("path", { d: "M6.96967 4.46978C7.26256 4.17689 7.73732 4.17689 8.03022 4.46978L13.0302 9.46978C13.3231 9.76268 13.3231 10.2375 13.0302 10.5303L8.03022 15.5303C7.73734 15.8232 7.26257 15.8232 6.96967 15.5303C6.67678 15.2374 6.67678 14.7627 6.96967 14.4698L11.4394 10.0001L6.96967 5.53033C6.67678 5.23744 6.67678 4.76268 6.96967 4.46978Z", fill: "currentColor" })
-  }
-);
-var ChevronRightIcon_default = ChevronRightIcon;
 
-// src/tokens/svg/ui/ChevronUpIcon.tsx
+// src/tokens/svg/social/ChromeIcon.tsx
 var import_jsx_runtime237 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ChevronsDownIcon.tsx
+// src/tokens/svg/social/CodepenIcon.tsx
 var import_jsx_runtime238 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ChevronsLeftIcon.tsx
+// src/tokens/svg/social/CodesandboxIcon.tsx
 var import_jsx_runtime239 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ChevronsRightIcon.tsx
+// src/tokens/svg/social/DribbbleIcon.tsx
 var import_jsx_runtime240 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ChevronsUpIcon.tsx
+// src/tokens/svg/social/FacebookIcon.tsx
 var import_jsx_runtime241 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/CircleIcon.tsx
+// src/tokens/svg/social/FigmaIcon.tsx
 var import_jsx_runtime242 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ColumnsIcon.tsx
+// src/tokens/svg/social/FramerIcon.tsx
 var import_jsx_runtime243 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/DivideCircleIcon.tsx
+// src/tokens/svg/social/GithubIcon.tsx
 var import_jsx_runtime244 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/DivideIcon.tsx
+// src/tokens/svg/social/GitlabIcon.tsx
 var import_jsx_runtime245 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/DivideSquareIcon.tsx
+// src/tokens/svg/social/InstagramIcon.tsx
 var import_jsx_runtime246 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/GridIcon.tsx
+// src/tokens/svg/social/LinkedinIcon.tsx
 var import_jsx_runtime247 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/HashIcon.tsx
+// src/tokens/svg/social/RssIcon.tsx
 var import_jsx_runtime248 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/HexagonIcon.tsx
+// src/tokens/svg/social/SlackIcon.tsx
 var import_jsx_runtime249 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/LayoutIcon.tsx
+// src/tokens/svg/social/TrelloIcon.tsx
 var import_jsx_runtime250 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ListIcon.tsx
+// src/tokens/svg/social/TwitchIcon.tsx
 var import_jsx_runtime251 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/LoaderIcon.tsx
+// src/tokens/svg/social/TwitterIcon.tsx
 var import_jsx_runtime252 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/Maximize2Icon.tsx
+// src/tokens/svg/social/YoutubeIcon.tsx
 var import_jsx_runtime253 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/MaximizeIcon.tsx
+// src/tokens/svg/status/ActivityIcon.tsx
 var import_jsx_runtime254 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/MenuIcon.tsx
+// src/tokens/svg/status/AlertCircleIcon.tsx
 var import_jsx_runtime255 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/Minimize2Icon.tsx
+// src/tokens/svg/status/AlertOctagonIcon.tsx
 var import_jsx_runtime256 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/MinimizeIcon.tsx
+// src/tokens/svg/status/AlertTriangleIcon.tsx
 var import_jsx_runtime257 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/MinusCircleIcon.tsx
+// src/tokens/svg/status/CheckCircleIcon.tsx
 var import_jsx_runtime258 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/MinusIcon.tsx
+// src/tokens/svg/status/CheckIcon.tsx
 var import_jsx_runtime259 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/MinusSquareIcon.tsx
+// src/tokens/svg/status/HelpCircleIcon.tsx
 var import_jsx_runtime260 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/MoreHorizontalIcon.tsx
+// src/tokens/svg/status/LoaderIcon.tsx
 var import_jsx_runtime261 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/MoreVerticalIcon.tsx
+// src/tokens/svg/status/MinusCircleIcon.tsx
 var import_jsx_runtime262 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/OctagonIcon.tsx
+// src/tokens/svg/status/MinusIcon.tsx
 var import_jsx_runtime263 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/PercentIcon.tsx
+// src/tokens/svg/status/MinusSquareIcon.tsx
 var import_jsx_runtime264 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/PlusCircleIcon.tsx
+// src/tokens/svg/status/PlusCircleIcon.tsx
 var import_jsx_runtime265 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/PlusIcon.tsx
+// src/tokens/svg/status/PlusIcon.tsx
 var import_jsx_runtime266 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/PlusSquareIcon.tsx
+// src/tokens/svg/status/PlusSquareIcon.tsx
 var import_jsx_runtime267 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/SettingsIcon.tsx
+// src/tokens/svg/status/XCircleIcon.tsx
 var import_jsx_runtime268 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/SidebarIcon.tsx
+// src/tokens/svg/status/XIcon.tsx
 var import_jsx_runtime269 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/SlashIcon.tsx
+// src/tokens/svg/status/XOctagonIcon.tsx
 var import_jsx_runtime270 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/SlidersIcon.tsx
+// src/tokens/svg/status/XSquareIcon.tsx
 var import_jsx_runtime271 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/SquareIcon.tsx
+// src/tokens/svg/user/GierIcon.tsx
 var import_jsx_runtime272 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ToggleLeftIcon.tsx
+// src/tokens/svg/user/KeyIcon.tsx
 var import_jsx_runtime273 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/ToggleRightIcon.tsx
+// src/tokens/svg/user/LockIcon.tsx
 var import_jsx_runtime274 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/TriangleIcon.tsx
+// src/tokens/svg/user/LogInIcon.tsx
 var import_jsx_runtime275 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/XCircleIcon.tsx
+// src/tokens/svg/user/LogOutIcon.tsx
 var import_jsx_runtime276 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/XIcon.tsx
+// src/tokens/svg/user/MailIcon.tsx
 var import_jsx_runtime277 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/XOctagonIcon.tsx
+// src/tokens/svg/user/ProfileIcon.tsx
 var import_jsx_runtime278 = require("react/jsx-runtime");
 
-// src/tokens/svg/ui/XSquareIcon.tsx
+// src/tokens/svg/user/UnlockIcon.tsx
 var import_jsx_runtime279 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/GierIcon.tsx
+// src/tokens/svg/user/UserCheckIcon.tsx
 var import_jsx_runtime280 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/KeyIcon.tsx
+// src/tokens/svg/user/UserIcon.tsx
 var import_jsx_runtime281 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/LockIcon.tsx
+// src/tokens/svg/user/UserMinusIcon.tsx
 var import_jsx_runtime282 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/LogInIcon.tsx
+// src/tokens/svg/user/UserPlusIcon.tsx
 var import_jsx_runtime283 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/LogOutIcon.tsx
+// src/tokens/svg/user/UserXIcon.tsx
 var import_jsx_runtime284 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/MailIcon.tsx
+// src/tokens/svg/user/UsersIcon.tsx
 var import_jsx_runtime285 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/ProfileIcon.tsx
+// src/tokens/svg/weather/CloudDrizzleIcon.tsx
 var import_jsx_runtime286 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/UnlockIcon.tsx
+// src/tokens/svg/weather/CloudIcon.tsx
 var import_jsx_runtime287 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/UserCheckIcon.tsx
+// src/tokens/svg/weather/CloudLightningIcon.tsx
 var import_jsx_runtime288 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/UserIcon.tsx
+// src/tokens/svg/weather/CloudOffIcon.tsx
 var import_jsx_runtime289 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/UserMinusIcon.tsx
+// src/tokens/svg/weather/CloudRainIcon.tsx
 var import_jsx_runtime290 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/UserPlusIcon.tsx
+// src/tokens/svg/weather/CloudSnowIcon.tsx
 var import_jsx_runtime291 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/UserXIcon.tsx
+// src/tokens/svg/weather/DropletIcon.tsx
 var import_jsx_runtime292 = require("react/jsx-runtime");
 
-// src/tokens/svg/user/UsersIcon.tsx
+// src/tokens/svg/weather/MoonIcon.tsx
 var import_jsx_runtime293 = require("react/jsx-runtime");
 
-// src/tokens/svg/validation/AlertCircleIcon.tsx
+// src/tokens/svg/weather/SunIcon.tsx
 var import_jsx_runtime294 = require("react/jsx-runtime");
 
-// src/tokens/svg/validation/AlertOctagonIcon.tsx
+// src/tokens/svg/weather/ThermometerIcon.tsx
 var import_jsx_runtime295 = require("react/jsx-runtime");
 
-// src/tokens/svg/validation/AlertTriangleIcon.tsx
+// src/tokens/svg/weather/UmbrellaIcon.tsx
 var import_jsx_runtime296 = require("react/jsx-runtime");
 
-// src/tokens/svg/validation/HelpCircleIcon.tsx
+// src/tokens/svg/weather/WindIcon.tsx
 var import_jsx_runtime297 = require("react/jsx-runtime");
 
 // src/tokens/hooks/useClickOutside.ts
@@ -1669,7 +1668,7 @@ InputDatePicker.displayName = "InputDatePicker";
 var InputDatePicker_default = InputDatePicker;
 
 // src/components/DatePicker/PopupPicker/index.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 
 // src/components/Button/Button.tsx
 var import_jsx_runtime300 = require("react/jsx-runtime");
@@ -1680,14 +1679,13 @@ var Button = (props) => {
     size = "md",
     color = "xplat-black",
     disabled,
-    className,
     ...rest
   } = props;
   const colorClass = color;
   return /* @__PURE__ */ (0, import_jsx_runtime300.jsx)(
     "button",
     {
-      className: clsx_default("lib-xplat-button", type, size, colorClass, className),
+      className: clsx_default("lib-xplat-button", type, size, colorClass),
       disabled,
       ...rest,
       children
@@ -1744,6 +1742,7 @@ Modal.displayName = "Modal";
 var Modal_default = Modal;
 
 // src/components/DatePicker/RangePicker/index.tsx
+var import_react9 = __toESM(require("react"), 1);
 var import_jsx_runtime302 = require("react/jsx-runtime");
 var RangePicker = (props) => {
   const {
@@ -1755,6 +1754,7 @@ var RangePicker = (props) => {
     maxDate,
     locale = "ko"
   } = props;
+  const [activeTab, setActiveTab] = import_react9.default.useState("start");
   const startCal = useCalendar(startDate.getFullYear(), startDate.getMonth());
   const endCal = useCalendar(endDate.getFullYear(), endDate.getMonth());
   const isDisabled = (date, type) => {
@@ -1861,8 +1861,31 @@ var RangePicker = (props) => {
         "--datepicker-active-color": `var(--${color})`
       },
       children: [
-        renderCalendar(startCal, "start"),
-        renderCalendar(endCal, "end")
+        /* @__PURE__ */ (0, import_jsx_runtime302.jsxs)("div", { className: "datepicker-range-tabs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(
+            "button",
+            {
+              type: "button",
+              className: clsx_default("datepicker-range-tab", activeTab === "start" && "active"),
+              onClick: () => setActiveTab("start"),
+              children: locale === "ko" ? "\uC2DC\uC791\uC77C" : "Start"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime302.jsx)(
+            "button",
+            {
+              type: "button",
+              className: clsx_default("datepicker-range-tab", activeTab === "end" && "active"),
+              onClick: () => setActiveTab("end"),
+              children: locale === "ko" ? "\uC885\uB8CC\uC77C" : "End"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime302.jsxs)("div", { className: "datepicker-range-panels", children: [
+          renderCalendar(startCal, "start"),
+          renderCalendar(endCal, "end")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime302.jsx)("div", { className: "datepicker-range-mobile", children: activeTab === "start" ? renderCalendar(startCal, "start") : renderCalendar(endCal, "end") })
       ]
     }
   );
@@ -1874,7 +1897,7 @@ var RangePicker_default = RangePicker;
 var import_jsx_runtime303 = require("react/jsx-runtime");
 var PopupPicker = (props) => {
   const { component, type, locale } = props;
-  const [isOpen, setIsOpen] = import_react9.default.useState(false);
+  const [isOpen, setIsOpen] = import_react10.default.useState(false);
   const handleClick = () => setIsOpen(true);
   const handleClose = () => setIsOpen(false);
   const handleSingleChange = (date) => {
@@ -1883,7 +1906,7 @@ var PopupPicker = (props) => {
     handleClose();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime303.jsxs)("div", { className: "lib-xplat-popup-datepicker", children: [
-    import_react9.default.cloneElement(component, { onClick: handleClick }),
+    import_react10.default.cloneElement(component, { onClick: handleClick }),
     /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(Modal_default, { isOpen, onClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime303.jsxs)("div", { className: clsx_default("lib-xplat-popup-datepicker-card", type === "range" && "range-mode"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime303.jsxs)("div", { className: "popup-datepicker-content", children: [
         type === "single" && /* @__PURE__ */ (0, import_jsx_runtime303.jsx)(