npm - @clickhouse/click-ui - Versions diffs - 0.0.200 → 0.0.201 - Mend

@clickhouse/click-ui 0.0.200 → 0.0.201

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/click-ui.bundled.es.js +1264 -803
package/dist/click-ui.bundled.umd.js +1264 -803
package/dist/click-ui.es.js +1265 -804
package/dist/click-ui.umd.js +1536 -1075
package/dist/components/FileUpload/FileUpload.d.ts +14 -0
package/dist/components/index.d.ts +1 -0
package/dist/styles/types.d.ts +767 -672
package/dist/styles/variables.classic.json.d.ts +120 -120
package/dist/styles/variables.dark.json.d.ts +194 -152
package/dist/styles/variables.json.d.ts +597 -502
package/dist/styles/variables.light.json.d.ts +191 -149
package/dist/utils/truncate.d.ts +13 -0
package/package.json +1 -1

package/dist/click-ui.umd.js CHANGED Viewed

@@ -1,6 +1,6 @@
 (function(global2, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("styled-components"), require("react"), require("react-dom"), require("dayjs")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "styled-components", "react", "react-dom", "dayjs"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["click-ui"] = {}, global2.jsxRuntime, global2.styled, global2.React, global2.ReactDOM, global2.dayjs));
-})(this, function(exports2, jsxRuntime, styledComponents, React, ReactDOM, dayjs) {
+})(this, function(exports2, jsxRuntime, styled, React, ReactDOM, dayjs) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -271,7 +271,7 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M4 8.6V21h16V8.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m2 10 10-7 10 7M15 21v-6a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v6" })
   ] });
-  const animationCircle1 = styledComponents.keyframes`
+  const animationCircle1 = styled.keyframes`
   0 {
     r: 0;
   }
@@ -285,7 +285,7 @@ var __publicField = (obj, key, value) => {
     r: 0;
   }
 `;
-  const animationCircle2 = styledComponents.keyframes`
+  const animationCircle2 = styled.keyframes`
   0 {
     r: 0;
   }
@@ -302,7 +302,7 @@ var __publicField = (obj, key, value) => {
    r: 0
   }
 `;
-  const animationCircle3 = styledComponents.keyframes`
+  const animationCircle3 = styled.keyframes`
   0 {
     r: 0;
   }
@@ -316,7 +316,7 @@ var __publicField = (obj, key, value) => {
    r: 0
   }
 `;
-  const HorizontalLoading = styledComponents.styled(DotsHorizontal).withConfig({
+  const HorizontalLoading = styled.styled(DotsHorizontal).withConfig({
     componentId: "sc-1b02o5c-0"
   })(["circle{animation-name:horizontal-loading;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-name:horizontal-loading;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:horizontal-loading;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;&:nth-child(1){animation-name:", ";-webkit-animation-name:", ";-moz-animation-name:", ";}&:nth-child(2){animation-name:", ";-webkit-animation-name:", ";-moz-animation-name:", ";}&:nth-child(3){animation-name:", ";-webkit-animation-name:", ";-moz-animation-name:", ";}}"], animationCircle1, animationCircle1, animationCircle1, animationCircle2, animationCircle2, animationCircle2, animationCircle3, animationCircle3, animationCircle3);
   const Http = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M3 13.8v-3.6M5.88 10.2v3.6M5.88 12H3M10.92 10.2H8.04M9.48 10.2v3.6M18.12 10.2v3.6M15.96 10.2h-2.88M14.52 10.2v3.6M18.12 10.2h1.755c.621 0 1.125.504 1.125 1.125v0c0 .621-.504 1.125-1.125 1.125H18.12M3 7V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2" }) });
@@ -363,7 +363,7 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.25, d: "M16.375 15.125H19.5v3.125" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M4.5 12a7.495 7.495 0 0 0 14.312 3.125" })
   ] });
-  const LoadingFlipped = styledComponents.styled(Loading).withConfig({
+  const LoadingFlipped = styled.styled(Loading).withConfig({
     componentId: "sc-15ao23s-0"
   })(["transform:scaleX(-1);"]);
   const Lock = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
@@ -371,7 +371,7 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.375 14.458V17.5537", stroke: "#161517", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.375 21.6813H7.375C6.27 21.6813 5.375 20.7578 5.375 19.6176V12.3943C5.375 11.2541 6.27 10.3306 7.375 10.3306H17.375C18.48 10.3306 19.375 11.2541 19.375 12.3943V19.6176C19.375 20.7578 18.48 21.6813 17.375 21.6813Z", stroke: "#161517", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
-  const spin = styledComponents.keyframes`
+  const spin = styled.keyframes`
   from {
     transform: rotate(0deg) scaleX(-1);
   }
@@ -379,7 +379,7 @@ var __publicField = (obj, key, value) => {
     transform: rotate(360deg) scaleX(-1);
   }
 `;
-  const LoadingAnimated = styledComponents.styled(LoadingFlipped).withConfig({
+  const LoadingAnimated = styled.styled(LoadingFlipped).withConfig({
     componentId: "sc-1h6qu7m-0"
   })(["animation:", " 1s infinite linear;"], spin);
   const Metrics = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...props, children: [
@@ -1478,7 +1478,7 @@ var __publicField = (obj, key, value) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_5333_368", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "30", height: "20", rx: "1", fill: "white" }) }) })
   ] });
-  const FormRoot = styledComponents.styled.div.withConfig({
+  const FormRoot = styled.styled.div.withConfig({
     componentId: "sc-1sddmxu-0"
   })(["display:flex;width:100%;gap:", ";", " *{box-shadow:none;outline:none;}"], ({
     theme: theme2
@@ -1497,7 +1497,7 @@ var __publicField = (obj, key, value) => {
     }
     ` : ""}
   `);
-  const Error$1 = styledComponents.styled.div.withConfig({
+  const Error$1 = styled.styled.div.withConfig({
     componentId: "sc-1sddmxu-1"
   })(["", ";"], ({
     theme: theme2
@@ -1505,10 +1505,10 @@ var __publicField = (obj, key, value) => {
   font: ${theme2.click.field.typography.label.error};
   color: ${theme2.click.field.color.label.error};
 `);
-  const EmptyButton$1 = styledComponents.styled.button.withConfig({
+  const EmptyButton$1 = styled.styled.button.withConfig({
     componentId: "sc-1sddmxu-2"
   })(["background:transparent;border:none;cursor:pointer;outline:none;padding:0;border:0;color:inherit;font:inherit;&:disabled{cursor:not-allowed;}"]);
-  const CrossButton = styledComponents.styled(EmptyButton$1).withConfig({
+  const CrossButton = styled.styled(EmptyButton$1).withConfig({
     componentId: "sc-1sddmxu-3"
   })(["padding:", " ", ";background:", ";border-radius:", ";&:hover{background:", ";}"], ({
     theme: theme2
@@ -1521,10 +1521,10 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.button.iconButton.radii.all, ({
     theme: theme2
   }) => theme2.click.button.iconButton.color.primary.background.hover);
-  styledComponents.styled.div.withConfig({
+  styled.styled.div.withConfig({
     componentId: "sc-1sddmxu-4"
   })(["display:grid;place-items:center;width:100%;height:100%;"]);
-  const BaseButton = styledComponents.styled.button.withConfig({
+  const BaseButton = styled.styled.button.withConfig({
     componentId: "sc-1sddmxu-5"
   })(["display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;", ""], ({
     theme: theme2
@@ -1550,7 +1550,7 @@ var __publicField = (obj, key, value) => {
       cursor: not-allowed;
     }
     `);
-  const SvgImageElement = styledComponents.styled.svg.withConfig({
+  const SvgImageElement = styled.styled.svg.withConfig({
     componentId: "sc-1sddmxu-6"
   })(["display:flex;align-items:center;", ""], ({
     theme: theme2,
@@ -1561,12 +1561,12 @@ var __publicField = (obj, key, value) => {
         height: ${theme2.click.image[$size].size.height};
       ` : ""}
   `);
-  const FormElementContainer = styledComponents.styled.div.withConfig({
+  const FormElementContainer = styled.styled.div.withConfig({
     componentId: "sc-1sddmxu-7"
   })(["display:flex;flex-direction:column;align-items:flex-start;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;gap:", ";"], ({
     theme: theme2
   }) => theme2.click.field.space.gap);
-  styledComponents.styled.span.withConfig({
+  styled.styled.span.withConfig({
     componentId: "sc-1sddmxu-8"
   })(["display:flex;white-space:nowrap;overflow:hidden;justify-content:flex-end;gap:inherit;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
   const Switzerland = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "30", height: "20", viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
@@ -2440,7 +2440,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     const {
       name: themeName
-    } = styledComponents.useTheme();
+    } = styled.useTheme();
     const Component = ["light", "classic"].includes(theme2 ?? themeName) ? LogosLight[name2] : LogosDark[name2];
     if (!Component) {
       return null;
@@ -2519,7 +2519,7 @@ var __publicField = (obj, key, value) => {
     }
     return /* @__PURE__ */ jsxRuntime.jsx(SvgWrapper, { $color: color, $width: width, $height: height, $size: size2, className, state, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props }) });
   };
-  const SvgWrapper = styledComponents.styled.div.withConfig({
+  const SvgWrapper = styled.styled.div.withConfig({
     componentId: "sc-29ieut-0"
   })(["display:flex;align-items:center;", " ", ""], ({
     theme: theme2,
@@ -2579,7 +2579,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntime.jsx(Button$2, { ...props, $styleType: type, $size: size2, ref, role: "button", "aria-label": iconName, children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: icon, size: "sm" }) });
   });
   IconButton$1.displayName = "IconButton";
-  const Button$2 = styledComponents.styled.button.withConfig({
+  const Button$2 = styled.styled.button.withConfig({
     componentId: "sc-4ff7ue-0"
   })(["", ""], ({
     theme: theme2,
@@ -2617,7 +2617,7 @@ var __publicField = (obj, key, value) => {
     cursor: not-allowed;
   }
   `);
-  const FormFieldLabel$1 = styledComponents.styled.label.withConfig({
+  const FormFieldLabel$1 = styled.styled.label.withConfig({
     componentId: "sc-1gg29zb-0"
   })(["", ""], ({
     theme: theme2,
@@ -2649,7 +2649,7 @@ var __publicField = (obj, key, value) => {
     children,
     ...props
   }) => /* @__PURE__ */ jsxRuntime.jsx(FormFieldLabel$1, { disabled, $error: error2, ...props, children });
-  const FormFieldLabel = styledComponents.styled.label.withConfig({
+  const FormFieldLabel = styled.styled.label.withConfig({
     componentId: "sc-e2xmgs-0"
   })(["", ""], ({
     theme: theme2,
@@ -7761,7 +7761,7 @@ var __publicField = (obj, key, value) => {
   const $d08ef79370b62062$export$d7a01e11500dfb6f = $d08ef79370b62062$export$2f307d81a64f5442;
   const $d08ef79370b62062$export$2ea8a7a591ac5eac = $d08ef79370b62062$export$21dcb7ec56f874cf;
   const $d08ef79370b62062$export$6d4de93b380beddf = $d08ef79370b62062$export$f34ec8bc2482cc5f;
-  const GenericMenuPanel = styledComponents.styled.div.withConfig({
+  const GenericMenuPanel = styled.styled.div.withConfig({
     componentId: "sc-1fv0ktx-0"
   })(["outline:none;max-width:var(--radix-", "-content-available-width);max-height:var(--radix-", "-content-available-height);overflow:hidden;display:flex;align-items:flex-start;pointer-events:auto;", ";", ";"], ({
     $type
@@ -7791,7 +7791,7 @@ var __publicField = (obj, key, value) => {
         margin-left: -1px;
       }
   ` : "");
-  const GenericPopoverMenuPanel = styledComponents.styled.div.withConfig({
+  const GenericPopoverMenuPanel = styled.styled.div.withConfig({
     componentId: "sc-1fv0ktx-1"
   })(["outline:none;max-width:var(--radix-", "-content-available-width);max-height:var(--radix-", "-content-available-height);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;z-index:1;", " ", ";"], ({
     $type
@@ -7808,7 +7808,7 @@ var __publicField = (obj, key, value) => {
   `, ({
     $showArrow
   }) => $showArrow ? "margin: -1px 0;" : "");
-  const Arrow$1 = styledComponents.styled.svg.withConfig({
+  const Arrow$1 = styled.styled.svg.withConfig({
     componentId: "sc-1fv0ktx-2"
   })(["filter:drop-shadow(rgba(0,0,0,0.1) 0px 4px 6px);", ";"], ({
     theme: theme2
@@ -7816,7 +7816,7 @@ var __publicField = (obj, key, value) => {
     fill: ${theme2.click.genericMenu.panel.color.background.default};
     stroke: ${theme2.click.genericMenu.panel.color.stroke.default};
   `);
-  const GenericMenuItem = styledComponents.styled.div.withConfig({
+  const GenericMenuItem = styled.styled.div.withConfig({
     componentId: "sc-1fv0ktx-3"
   })(["display:flex;width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available;width:stretch;align-items:center;justify-content:flex-start;cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;outline:none;&[aria-selected]{outline:none;}", ';position:relative;&:hover .dropdown-arrow,&[data-state="open"] .dropdown-arrow{left:0.5rem;}&[hidden]{display:none;}'], ({
     theme: theme2
@@ -7862,7 +7862,7 @@ var __publicField = (obj, key, value) => {
       }
     });
   };
-  const EllipsisContainer$1 = styledComponents.styled.div.withConfig({
+  const EllipsisContainer$1 = styled.styled.div.withConfig({
     componentId: "sc-1ibz5fp-0"
   })(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;vertical-align:text-bottom;overflow:hidden;justify-content:flex-start;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
   const _EllipsisContent = ({
@@ -7876,7 +7876,7 @@ var __publicField = (obj, key, value) => {
     }]), ...props });
   };
   const EllipsisContent = React.forwardRef(_EllipsisContent);
-  const LabelContainer$1 = styledComponents.styled.div.withConfig({
+  const LabelContainer$1 = styled.styled.div.withConfig({
     componentId: "sc-1likhxd-0"
   })(["display:grid;grid-template-columns:", ";align-items:center;justify-content:flex-start;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;gap:", ";"], ({
     $hasIcon,
@@ -7902,7 +7902,7 @@ var __publicField = (obj, key, value) => {
     ] });
   };
   const Dropdown = (props) => /* @__PURE__ */ jsxRuntime.jsx($d08ef79370b62062$export$be92b6f5f03c0fe9, { ...props });
-  const DropdownMenuItem = styledComponents.styled(GenericMenuItem).withConfig({
+  const DropdownMenuItem = styled.styled(GenericMenuItem).withConfig({
     componentId: "sc-18bhwbw-0"
   })(['position:relative;display:flex;min-height:32px;&[data-state="open"]{', "}"], ({
     theme: theme2
@@ -7912,7 +7912,7 @@ var __publicField = (obj, key, value) => {
       color: ${theme2.click.genericMenu.item.color.text.hover};
       cursor: pointer;
     `);
-  const Trigger$5 = styledComponents.styled($d08ef79370b62062$export$41fb9f06171c75f4).withConfig({
+  const Trigger$5 = styled.styled($d08ef79370b62062$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-18bhwbw-1"
   })(["cursor:pointer;width:fit-content;&[disabled]{cursor:not-allowed;}"]);
   const DropdownTrigger = ({
@@ -7935,7 +7935,7 @@ var __publicField = (obj, key, value) => {
   };
   DropdownTrigger.displayName = "DropdownTrigger";
   Dropdown.Trigger = DropdownTrigger;
-  const DropdownMenuContent = styledComponents.styled(GenericMenuPanel).withConfig({
+  const DropdownMenuContent = styled.styled(GenericMenuPanel).withConfig({
     componentId: "sc-18bhwbw-2"
   })(["min-width:", ";flex-direction:column;z-index:1;overflow-y:auto;"], ({
     theme: theme2
@@ -7954,7 +7954,7 @@ var __publicField = (obj, key, value) => {
   };
   DropdownContent$1.displayName = "DropdownContent";
   Dropdown.Content = DropdownContent$1;
-  const DropdownMenuGroup = styledComponents.styled($d08ef79370b62062$export$eb2fcfdbd7ba97d4).withConfig({
+  const DropdownMenuGroup = styled.styled($d08ef79370b62062$export$eb2fcfdbd7ba97d4).withConfig({
     componentId: "sc-18bhwbw-3"
   })(["width:100%;border-bottom:1px solid ", ";"], ({
     theme: theme2
@@ -7964,7 +7964,7 @@ var __publicField = (obj, key, value) => {
   };
   DropdownGroup.displayName = "DropdownGroup";
   Dropdown.Group = DropdownGroup;
-  const DropdownMenuSub = styledComponents.styled($d08ef79370b62062$export$d7a01e11500dfb6f).withConfig({
+  const DropdownMenuSub = styled.styled($d08ef79370b62062$export$d7a01e11500dfb6f).withConfig({
     componentId: "sc-18bhwbw-4"
   })(["border-bottom:1px solid ", ";"], ({
     theme: theme2
@@ -8404,12 +8404,12 @@ var __publicField = (obj, key, value) => {
       children
     ] })
   ] }) });
-  const AccordionRoot$1 = styledComponents.styled($1bf158f521e1b1b4$export$be92b6f5f03c0fe9).withConfig({
+  const AccordionRoot$1 = styled.styled($1bf158f521e1b1b4$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-1ysh219-0"
   })(["", ";"], ({
     $fillWidth
   }) => $fillWidth && "width: 100%");
-  const AccordionTrigger$1 = styledComponents.styled($1bf158f521e1b1b4$export$41fb9f06171c75f4).withConfig({
+  const AccordionTrigger$1 = styled.styled($1bf158f521e1b1b4$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-1ysh219-1"
   })(["border:none;padding:0;background-color:transparent;display:flex;align-items:center;", " ", ";"], ({
     theme: theme2,
@@ -8433,21 +8433,21 @@ var __publicField = (obj, key, value) => {
   `, ({
     $fillWidth
   }) => $fillWidth && "width: 100%");
-  const AccordionIconWrapper$1 = styledComponents.styled.div.withConfig({
+  const AccordionIconWrapper$1 = styled.styled.div.withConfig({
     componentId: "sc-1ysh219-2"
   })(["display:flex;align-items:center;justify-content:center;transition:transform 200ms cubic-bezier(0.87,0,0.13,1);", "[data-state='open'] &{transform:rotate(90deg);}"], AccordionTrigger$1);
-  const AccordionIconsWrapper$1 = styledComponents.styled.div.withConfig({
+  const AccordionIconsWrapper$1 = styled.styled.div.withConfig({
     componentId: "sc-1ysh219-3"
   })(["display:flex;align-items:center;justify-content:center;"]);
-  const AccordionContent$1 = styledComponents.styled($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withConfig({
+  const AccordionContent$1 = styled.styled($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-1ysh219-4"
   })([""]);
-  styledComponents.styled(Accordion).withConfig({
+  styled.styled(Accordion).withConfig({
     componentId: "sc-1ysh219-5"
   })(["", "{gap:", ";}p{margin:0;}", "{visibility:hidden;}&:hover ", "{visibility:revert;}&:active ", "{visibility:revert;}", "[data-state='open'] ", "{visibility:revert;}"], AccordionTrigger$1, ({
     theme: theme2
   }) => theme2.click.sidebar.navigation.item.default.space.gap, AccordionIconWrapper$1, AccordionIconWrapper$1, AccordionIconWrapper$1, AccordionTrigger$1, AccordionIconWrapper$1);
-  const AccordionToExport = styledComponents.styled(Accordion).withConfig({
+  const AccordionToExport = styled.styled(Accordion).withConfig({
     componentId: "sc-1ysh219-6"
   })([""]);
   const stateIconMap = {
@@ -8479,7 +8479,7 @@ var __publicField = (obj, key, value) => {
       dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper$1, { "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
     ] }) : null;
   };
-  const Wrapper$d = styledComponents.styled.div.withConfig({
+  const Wrapper$d = styled.styled.div.withConfig({
     componentId: "sc-1wvczk0-0"
   })(["display:flex;border-radius:", ";justify-content:", ";overflow:hidden;background-color:", ";color:", ";width:100%;"], ({
     $type,
@@ -8493,7 +8493,7 @@ var __publicField = (obj, key, value) => {
     $state = "neutral",
     theme: theme2
   }) => theme2.click.alert.color.text[$state]);
-  const IconWrapper$2 = styledComponents.styled.div.withConfig({
+  const IconWrapper$2 = styled.styled.div.withConfig({
     componentId: "sc-1wvczk0-1"
   })(["display:flex;align-items:center;background-color:", ";", ""], ({
     $state = "neutral",
@@ -8507,7 +8507,7 @@ var __publicField = (obj, key, value) => {
     color: ${theme2.click.alert.color.iconForeground[$state]};
     padding: ${theme2.click.alert[$size].space.y} ${theme2.click.alert[$size].space.x};
   `);
-  const StyledIcon = styledComponents.styled(SvgImage).withConfig({
+  const StyledIcon = styled.styled(SvgImage).withConfig({
     componentId: "sc-1wvczk0-2"
   })(["", ""], ({
     $size,
@@ -8516,7 +8516,7 @@ var __publicField = (obj, key, value) => {
     height: ${theme2.click.alert[$size].icon.height};
     width: ${theme2.click.alert[$size].icon.width};
   `);
-  const TextWrapper = styledComponents.styled.div.withConfig({
+  const TextWrapper = styled.styled.div.withConfig({
     componentId: "sc-1wvczk0-3"
   })(["display:flex;flex-flow:column;word-break:break-word;", ""], ({
     $size,
@@ -8530,19 +8530,19 @@ var __publicField = (obj, key, value) => {
       text-decoration: underline;
     }
   `);
-  const Title$4 = styledComponents.styled.h6.withConfig({
+  const Title$4 = styled.styled.h6.withConfig({
     componentId: "sc-1wvczk0-4"
   })(["margin:0;font:", ";"], ({
     theme: theme2,
     $size
   }) => theme2.click.alert[$size].typography.title.default);
-  const Text$1 = styledComponents.styled.div.withConfig({
+  const Text$1 = styled.styled.div.withConfig({
     componentId: "sc-1wvczk0-5"
   })(["margin:0;font:", ";"], ({
     theme: theme2,
     $size
   }) => theme2.click.alert[$size].typography.text.default);
-  const DismissWrapper$1 = styledComponents.styled.button.withConfig({
+  const DismissWrapper$1 = styled.styled.button.withConfig({
     componentId: "sc-1wvczk0-6"
   })(["display:flex;align-items:center;margin-left:auto;border:none;background-color:transparent;color:inherit;cursor:pointer;"]);
   const DangerAlert = (props) => /* @__PURE__ */ jsxRuntime.jsx(Alert, { ...props, state: "danger" });
@@ -8854,7 +8854,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntime.jsx(Item, { ...props }, `autocomplete-${id}-item-${index2}`);
     }
   });
-  const SelectPopoverRoot$1 = styledComponents.styled($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9).withConfig({
+  const SelectPopoverRoot$1 = styled.styled($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-87wbnc-0"
   })(["width:100%;", " overflow:hidden;display:flex;padding:0.5rem 0rem;align-items:flex-start;gap:0.625rem;"], ({
     theme: theme2
@@ -8865,10 +8865,10 @@ var __publicField = (obj, key, value) => {
       0px 1px 2px 0px rgba(16, 24, 40, 0.06);
     border-radius: 0.25rem;
   `);
-  const PopoverContent$1 = styledComponents.styled($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2).withConfig({
+  const PopoverContent$1 = styled.styled($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-87wbnc-1"
   })(["width:var(--radix-popover-trigger-width);display:flex;flex-direction:column;align-items:flex-start;gap:5px;"]);
-  const SelectGroupContainer$1 = styledComponents.styled.div.withConfig({
+  const SelectGroupContainer$1 = styled.styled.div.withConfig({
     componentId: "sc-87wbnc-2"
   })(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:-webkit-fill-available;width:fill-available;width:stretch;overflow:hidden;background:transparent;&[aria-selected]{outline:none;}", ";&[hidden]{display:none;}"], ({
     theme: theme2
@@ -8876,7 +8876,7 @@ var __publicField = (obj, key, value) => {
     font: ${theme2.click.genericMenu.item.typography.sectionHeader.default};
     color: ${theme2.click.genericMenu.item.color.text.muted};
   `);
-  const SelectGroupName$1 = styledComponents.styled.div.withConfig({
+  const SelectGroupName$1 = styled.styled.div.withConfig({
     componentId: "sc-87wbnc-3"
   })(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
     theme: theme2
@@ -8887,10 +8887,10 @@ var __publicField = (obj, key, value) => {
      gap: ${theme2.click.genericMenu.item.space.gap};
      border-bottom: 1px solid ${theme2.click.genericMenu.item.color.stroke.default};
    `);
-  const SelectGroupContent$1 = styledComponents.styled.div.withConfig({
+  const SelectGroupContent$1 = styled.styled.div.withConfig({
     componentId: "sc-87wbnc-4"
   })(["width:inherit;"]);
-  const SelectListContent$1 = styledComponents.styled.div.withConfig({
+  const SelectListContent$1 = styled.styled.div.withConfig({
     componentId: "sc-87wbnc-5"
   })(["width:inherit;overflow:overlay;flex:1;"]);
   const childrenToComboboxItemArray$1 = (children, callback, heading) => {
@@ -8924,7 +8924,7 @@ var __publicField = (obj, key, value) => {
       return [];
     });
   };
-  const SelectNoDataContainer$1 = styledComponents.styled.div.withConfig({
+  const SelectNoDataContainer$1 = styled.styled.div.withConfig({
     componentId: "sc-87wbnc-6"
   })(['border:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;cursor:default;&[hidden="true"]{display:none;}', ""], ({
     theme: theme2
@@ -8934,7 +8934,7 @@ var __publicField = (obj, key, value) => {
     background: ${theme2.click.genericMenu.button.color.background.default};
     color: ${theme2.click.genericMenu.button.color.label.default};
   `);
-  const SelectList$1 = styledComponents.styled.div.withConfig({
+  const SelectList$1 = styled.styled.div.withConfig({
     componentId: "sc-87wbnc-7"
   })(["display:flex;flex-direction:column;width:inherit;max-height:var(--radix-popover-content-available-height);", ""], ({
     theme: theme2
@@ -9169,7 +9169,7 @@ var __publicField = (obj, key, value) => {
     ] });
   });
   Group.displayName = "AutoComplete.Group";
-  const CheckIcon$2 = styledComponents.styled.svg.withConfig({
+  const CheckIcon$2 = styled.styled.svg.withConfig({
     componentId: "sc-87wbnc-8"
   })(["opacity:", ";"], ({
     $showCheck
@@ -9319,13 +9319,13 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src, srcSet, alt: text2 }),
     /* @__PURE__ */ jsxRuntime.jsx(StyledFallback, { $textSize: textSize, delayMs: 0, children: text2.trim().replace(/(^.)([^ ]* )?(.).*/, "$1$3").trim().toUpperCase() })
   ] });
-  const StyledRoot = styledComponents.styled($cddcb0b647441e34$export$be92b6f5f03c0fe9).withConfig({
+  const StyledRoot = styled.styled($cddcb0b647441e34$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-181etfq-0"
   })(["width:", ";height:", ";display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;user-select:none;background-color:", ";color:", ";border-radius:", ";&:active{background-color:", ";color:", ";}&:hover{background-color:", ";color:", ";}"], (props) => props.theme.click.avatar.size.width, (props) => props.theme.click.avatar.size.height, (props) => props.theme.click.avatar.color.background.default, (props) => props.theme.click.avatar.color.text.default, (props) => props.theme.click.avatar.radii.all, (props) => props.theme.click.avatar.color.background.active, (props) => props.theme.click.avatar.color.text.active, (props) => props.theme.click.avatar.color.background.hover, (props) => props.theme.click.avatar.color.text.hover);
-  const AvatarImage = styledComponents.styled($cddcb0b647441e34$export$3e431a229df88919).withConfig({
+  const AvatarImage = styled.styled($cddcb0b647441e34$export$3e431a229df88919).withConfig({
     componentId: "sc-181etfq-1"
   })(["width:100%;height:100%;object-fit:cover;border-radius:inherit;"]);
-  const StyledFallback = styledComponents.styled($cddcb0b647441e34$export$fb8d7f40caaeea67).withConfig({
+  const StyledFallback = styled.styled($cddcb0b647441e34$export$fb8d7f40caaeea67).withConfig({
     componentId: "sc-181etfq-2"
   })(["width:", ";display:inline-flex;align-items:center;justify-content:center;", ""], (props) => props.theme.click.avatar.size.label.width, ({
     theme: theme2,
@@ -9341,7 +9341,7 @@ var __publicField = (obj, key, value) => {
       font: ${theme2.click.avatar.typography.label[$textSize].hover};
       }
   `);
-  const Wrapper$c = styledComponents.styled.div.withConfig({
+  const Wrapper$c = styled.styled.div.withConfig({
     componentId: "sc-471xo0-0"
   })(["display:inline-flex;", ""], ({
     $state = "default",
@@ -9356,13 +9356,13 @@ var __publicField = (obj, key, value) => {
     border: ${theme2.click.badge.stroke} solid ${theme2.click.badge[$type].color.stroke[$state]};
     padding: ${theme2.click.badge.space[$size].y} ${theme2.click.badge.space[$size].x};
   `);
-  const Content$4 = styledComponents.styled.div.withConfig({
+  const Content$4 = styled.styled.div.withConfig({
     componentId: "sc-471xo0-1"
   })(["display:inline-flex;align-items:center;gap:", ";max-width:100%;justify-content:flex-start;"], ({
     $size = "md",
     theme: theme2
   }) => theme2.click.badge.space[$size].gap);
-  const SvgContainer = styledComponents.styled.svg.withConfig({
+  const SvgContainer = styled.styled.svg.withConfig({
     componentId: "sc-471xo0-2"
   })(["", ""], ({
     $state = "default",
@@ -9374,7 +9374,7 @@ var __publicField = (obj, key, value) => {
     height: ${theme2.click.badge.icon[$size].size.height};
     width: ${theme2.click.badge.icon[$size].size.width};
   `);
-  const BadgeContent = styledComponents.styled.div.withConfig({
+  const BadgeContent = styled.styled.div.withConfig({
     componentId: "sc-471xo0-3"
   })(["width:auto;overflow:hidden;svg{", "}"], ({
     $state = "default",
@@ -9417,7 +9417,7 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx(Label, { $state: state, $size: size2, children: label }),
     /* @__PURE__ */ jsxRuntime.jsx(Title$3, { $state: state, $size: size2, children: title })
   ] });
-  const Wrapper$b = styledComponents.styled.div.withConfig({
+  const Wrapper$b = styled.styled.div.withConfig({
     componentId: "sc-u5029o-0"
   })(["display:flex;justify-content:center;box-sizing:border-box;", ""], ({
     $fillWidth = false,
@@ -9441,7 +9441,7 @@ var __publicField = (obj, key, value) => {
   width: ${$fillWidth === true ? "100%" : "auto"};
   max-width: ${$maxWidth ? $maxWidth : "none"};
   `);
-  const Label = styledComponents.styled.div.withConfig({
+  const Label = styled.styled.div.withConfig({
     componentId: "sc-u5029o-1"
   })(["", ""], ({
     $state = "default",
@@ -9451,7 +9451,7 @@ var __publicField = (obj, key, value) => {
     color: ${theme2.click.bigStat.color.label[$state]};
     font: ${theme2.click.bigStat.typography[$size].label[$state]};
   `);
-  const Title$3 = styledComponents.styled.div.withConfig({
+  const Title$3 = styled.styled.div.withConfig({
     componentId: "sc-u5029o-2"
   })(["", ""], ({
     $state = "default",
@@ -9480,7 +9480,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntime.jsx(ButtonGroupWrapper, { $fillWidth: fillWidth, $type: type, ...props, children: btns });
   };
-  const ButtonGroupWrapper = styledComponents.styled.div.withConfig({
+  const ButtonGroupWrapper = styled.styled.div.withConfig({
     componentId: "sc-ukgugp-0"
   })(["box-sizing:border-box;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:", ";border:1px solid ", ";background:", ";border-radius:", ";width:", ";"], ({
     theme: theme2,
@@ -9499,7 +9499,7 @@ var __publicField = (obj, key, value) => {
   const leftBorderRadius = `${endRadii} 0px 0px ${endRadii}`;
   const rightBorderRadius = `0px ${endRadii} ${endRadii} 0px`;
   const centerBorderRadius = "var(--click-button-button-group-radii-center)";
-  const Button$1 = styledComponents.styled.button.attrs((props) => ({
+  const Button$1 = styled.styled.button.attrs((props) => ({
     "aria-pressed": props.$active
   })).withConfig({
     componentId: "sc-ukgugp-1"
@@ -9569,10 +9569,10 @@ var __publicField = (obj, key, value) => {
       showLabelWithLoading ? label ?? children : ""
     ] })
   ] });
-  const LoadingIconWrapper = styledComponents.styled.div.withConfig({
+  const LoadingIconWrapper = styled.styled.div.withConfig({
     componentId: "sc-1k4tz4c-0"
   })(["background-color:inherit;top:0;left:0;bottom:0;right:0;display:flex;align-content:center;justify-content:center;align-items:center;gap:0.5rem;"]);
-  const StyledButton = styledComponents.styled(BaseButton).withConfig({
+  const StyledButton = styled.styled(BaseButton).withConfig({
     componentId: "sc-1k4tz4c-1"
   })(["width:", ";color:", ";background-color:", ";border:", " solid ", ";font:", ";position:relative;display:flex;align-items:center;justify-content:", ";white-space:nowrap;&:hover{background-color:", ";border:", " solid ", ";transition:", ";font:", ";}&:active,&:focus{background-color:", ";border:1px solid ", ";font:", ";}&:disabled,&:disabled:hover,&:disabled:active{background-color:", ";color:", ";border:", " solid ", ";font:", ";}"], ({
     $fillWidth
@@ -9625,7 +9625,7 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.button.basic.color[$styleType].stroke.disabled, ({
     theme: theme2
   }) => theme2.click.button.basic.typography.label.disabled);
-  const ButtonIcon = styledComponents.styled(SvgImage).withConfig({
+  const ButtonIcon = styled.styled(SvgImage).withConfig({
     componentId: "sc-1k4tz4c-2"
   })(["height:", ";width:", ";svg{height:", ";width:", ";}"], ({
     theme: theme2
@@ -9636,15 +9636,15 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.button.basic.size.icon.all, ({
     theme: theme2
   }) => theme2.click.button.basic.size.icon.all);
-  const Header$4 = styledComponents.styled.div.withConfig({
+  const Header$4 = styled.styled.div.withConfig({
     componentId: "sc-1qnbjoa-0"
   })(["max-width:100%;gap:inherit;"]);
-  const Description = styledComponents.styled.div.withConfig({
+  const Description = styled.styled.div.withConfig({
     componentId: "sc-1qnbjoa-1"
   })(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
     theme: theme2
   }) => theme2.click.card.horizontal.space.gap);
-  const Wrapper$a = styledComponents.styled.div.withConfig({
+  const Wrapper$a = styled.styled.div.withConfig({
     componentId: "sc-1qnbjoa-2"
   })(["display:inline-flex;width:100%;max-width:100%;align-items:center;justify-content:flex-start;", ""], ({
     theme: theme2,
@@ -9704,7 +9704,7 @@ var __publicField = (obj, key, value) => {
           }
         ` : ""}
   `);
-  const CardIcon$1 = styledComponents.styled(SvgImage).withConfig({
+  const CardIcon$1 = styled.styled(SvgImage).withConfig({
     componentId: "sc-1qnbjoa-3"
   })(["", ""], ({
     theme: theme2
@@ -9712,14 +9712,14 @@ var __publicField = (obj, key, value) => {
       height: ${theme2.click.card.horizontal.icon.size.all};
       width: ${theme2.click.card.horizontal.icon.size.all};
   `);
-  const ContentWrapper = styledComponents.styled.div.withConfig({
+  const ContentWrapper = styled.styled.div.withConfig({
     componentId: "sc-1qnbjoa-4"
   })(["display:flex;flex-direction:row;width:100%;gap:", ";@media (max-width:", "){flex-direction:column;}"], ({
     theme: theme2
   }) => theme2.click.card.horizontal.space.gap, ({
     theme: theme2
   }) => theme2.breakpoint.sizes.md);
-  const IconTextContentWrapper = styledComponents.styled.div.withConfig({
+  const IconTextContentWrapper = styled.styled.div.withConfig({
     componentId: "sc-1qnbjoa-5"
   })(["display:flex;flex-direction:row;align-items:center;width:100%;gap:", ";"], ({
     theme: theme2
@@ -9774,7 +9774,7 @@ var __publicField = (obj, key, value) => {
     children,
     ...props
   }, ref) => /* @__PURE__ */ jsxRuntime.jsx(CuiTitle, { ref, $align: align, $color: color, $size: size2, $family: family, as: type, ...props, children }));
-  const CuiTitle = styledComponents.styled.div.withConfig({
+  const CuiTitle = styled.styled.div.withConfig({
     componentId: "sc-1bq7thb-0"
   })(["font:", ";color:", ";margin:0;padding:0;font-style:inherit;text-align:", ";a,a:visited{color:", ";cursor:pointer;}a:hover{color:", ";}"], ({
     $size = "md",
@@ -9802,7 +9802,7 @@ var __publicField = (obj, key, value) => {
     fillWidth,
     ...props
   }, ref) => /* @__PURE__ */ jsxRuntime.jsx(CuiText, { as: component ?? "p", ref, $align: align, $color: color, $size: size2, $weight: weight, $fillWidth: fillWidth, className, ...props, children });
-  const CuiText = styledComponents.styled.p.withConfig({
+  const CuiText = styled.styled.p.withConfig({
     componentId: "sc-6r74pj-0"
   })(["font:", ";color:", ";text-align:", ";margin:0;", ";"], ({
     $size = "md",
@@ -9841,7 +9841,7 @@ var __publicField = (obj, key, value) => {
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(Wrapper$9, { ref, as: component ?? "div", $alignItems: alignItems ?? (orientation === "vertical" ? "start" : "center"), $fillWidth: fillWidth, $gapSize: gap, $grow: grow, $shrink: shrink, $isResponsive: isResponsive, $justifyContent: justifyContent, $maxWidth: maxWidth, $minWidth: minWidth, $orientation: orientation, $paddingSize: padding, $wrap: wrap, $fillHeight: fillHeight, $maxHeight: maxHeight, $minHeight: minHeight, $overflow: overflow, "data-testid": "container", ...props, children });
   };
-  const Wrapper$9 = styledComponents.styled.div.withConfig({
+  const Wrapper$9 = styled.styled.div.withConfig({
     componentId: "sc-bcplth-0"
   })(["display:flex;", " ", " ", " flex-wrap:", ";gap:", ";max-width:", ";min-width:", ";padding:", ";width:", ";flex-direction:", ";align-items:", ";justify-content:", ";@media (max-width:", "){width:", ";max-width:", ";flex-direction:", ";}"], ({
     $grow,
@@ -9892,10 +9892,10 @@ var __publicField = (obj, key, value) => {
     $isResponsive = true
   }) => $isResponsive === true ? "column" : "auto");
   const Container = React.forwardRef(_Container);
-  const TopBadgeWrapper = styledComponents.styled(Container).withConfig({
+  const TopBadgeWrapper = styled.styled(Container).withConfig({
     componentId: "sc-1d5pqpo-0"
   })(["position:relative;"]);
-  const CardPrimaryTopBadge = styledComponents.styled(Badge).withConfig({
+  const CardPrimaryTopBadge = styled.styled(Badge).withConfig({
     componentId: "sc-1d5pqpo-1"
   })(["position:absolute;top:0;left:50%;transform:translate(-50%,-50%);", " div:active + &{border-color:", ";}"], ({
     $isSelected,
@@ -9912,7 +9912,7 @@ var __publicField = (obj, key, value) => {
       topBadgeText && /* @__PURE__ */ jsxRuntime.jsx(CardPrimaryTopBadge, { "data-testid": "card-top-badge", text: topBadgeText, $isSelected: props.isSelected || false })
     ] });
   };
-  const Wrapper$8 = styledComponents.styled.div.withConfig({
+  const Wrapper$8 = styled.styled.div.withConfig({
     componentId: "sc-2dguvi-0"
   })(["background-color:", ";border-radius:", ";border:", ";display:flex;width:100%;max-width:100%;text-align:", ";flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,&:focus{background-color:", ";cursor:pointer;button{background-color:", ";border-color:", ";&:active{background-color:", ";border-color:", ";}}}&:active{border-color:", ';}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}", ""], ({
     theme: theme2
@@ -9962,7 +9962,7 @@ var __publicField = (obj, key, value) => {
     $isSelected,
     theme: theme2
   }) => $isSelected ? `border-color: ${theme2.click.button.basic.color.primary.stroke.active};` : "");
-  const Header$3 = styledComponents.styled.div.withConfig({
+  const Header$3 = styled.styled.div.withConfig({
     componentId: "sc-2dguvi-1"
   })(["display:flex;flex-direction:column;align-items:", ";gap:", ";h3{color:", ";}svg,img{height:", ";width:", ";}"], ({
     $alignContent = "center"
@@ -9979,7 +9979,7 @@ var __publicField = (obj, key, value) => {
     $size = "md",
     theme: theme2
   }) => theme2.click.card.primary.size.icon[$size].all);
-  const Content$3 = styledComponents.styled.div.withConfig({
+  const Content$3 = styled.styled.div.withConfig({
     componentId: "sc-2dguvi-2"
   })(["width:100%;display:flex;flex-direction:column;align-self:", ";gap:", ";flex:1;"], ({
     $alignContent = "center"
@@ -10032,7 +10032,7 @@ var __publicField = (obj, key, value) => {
     ] });
   };
   const CardPrimary = withTopBadge(Card);
-  const Background = styledComponents.styled.div.withConfig({
+  const Background = styled.styled.div.withConfig({
     componentId: "sc-6jamj6-0"
   })(["", ""], ({
     theme: theme2
@@ -10047,7 +10047,7 @@ var __publicField = (obj, key, value) => {
       background: ${theme2.click.card.promotion.color.stroke.focus};
     }
   `);
-  const Wrapper$7 = styledComponents.styled.div.withConfig({
+  const Wrapper$7 = styled.styled.div.withConfig({
     componentId: "sc-6jamj6-1"
   })(["display:flex;width:100%;align-items:center;justify-content:flex-start;cursor:pointer;", ""], ({
     theme: theme2
@@ -10069,7 +10069,7 @@ var __publicField = (obj, key, value) => {
       color: ${theme2.click.card.promotion.color.text.active};
     }
   `);
-  const CardIcon = styledComponents.styled(SvgImage).withConfig({
+  const CardIcon = styled.styled(SvgImage).withConfig({
     componentId: "sc-6jamj6-2"
   })(["", ""], ({
     theme: theme2
@@ -10078,7 +10078,7 @@ var __publicField = (obj, key, value) => {
       width: ${theme2.click.card.promotion.icon.size.all};
       color: ${theme2.click.card.promotion.color.icon.default};
   `);
-  const DismissWrapper = styledComponents.styled.button.withConfig({
+  const DismissWrapper = styled.styled.button.withConfig({
     componentId: "sc-6jamj6-3"
   })(["display:flex;align-items:center;margin-left:auto;border:none;background-color:transparent;color:inherit;cursor:pointer;"]);
   const CardPromotion = ({
@@ -10094,10 +10094,10 @@ var __publicField = (obj, key, value) => {
       dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper, { "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
     ] }) }) : null;
   };
-  const Header$2 = styledComponents.styled.div.withConfig({
+  const Header$2 = styled.styled.div.withConfig({
     componentId: "sc-1drx130-0"
   })(["display:flex;justify-content:space-between;align-items:center;"]);
-  const HeaderLeft = styledComponents.styled.div.withConfig({
+  const HeaderLeft = styled.styled.div.withConfig({
     componentId: "sc-1drx130-1"
   })(["display:flex;align-items:center;gap:", ";h3,svg{color:", ";}"], ({
     theme: theme2
@@ -10105,24 +10105,24 @@ var __publicField = (obj, key, value) => {
     $disabled,
     theme: theme2
   }) => $disabled == true ? theme2.click.global.color.text.muted : theme2.click.global.color.text.default);
-  const Content$2 = styledComponents.styled.div.withConfig({
+  const Content$2 = styled.styled.div.withConfig({
     componentId: "sc-1drx130-2"
   })(["display:flex;flex-direction:column;flex:1;"]);
-  const CustomIcon$1 = styledComponents.styled.img.withConfig({
+  const CustomIcon$1 = styled.styled.img.withConfig({
     componentId: "sc-1drx130-3"
   })(["height:", ";width:", ";"], ({
     theme: theme2
   }) => theme2.click.image.lg.size.height, ({
     theme: theme2
   }) => theme2.click.image.lg.size.width);
-  const InfoLink = styledComponents.styled.a.withConfig({
+  const InfoLink = styled.styled.a.withConfig({
     componentId: "sc-1drx130-4"
   })(["display:flex;align-items:center;color:", ";gap:", ";text-decoration:none;"], ({
     theme: theme2
   }) => theme2.click.card.secondary.color.link.default, ({
     theme: theme2
   }) => theme2.click.card.secondary.space.link.gap);
-  const LinkIconContainer = styledComponents.styled(SvgImage).withConfig({
+  const LinkIconContainer = styled.styled(SvgImage).withConfig({
     componentId: "sc-1drx130-5"
   })(["color:", ";height:", ";width:", ";"], ({
     theme: theme2
@@ -10131,13 +10131,13 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.image.md.size.height, ({
     theme: theme2
   }) => theme2.click.image.md.size.width);
-  const LinkText = styledComponents.styled(Text).withConfig({
+  const LinkText = styled.styled(Text).withConfig({
     componentId: "sc-1drx130-6"
   })([""]);
-  const LinkIcon = styledComponents.styled(LinkIconContainer).withConfig({
+  const LinkIcon = styled.styled(LinkIconContainer).withConfig({
     componentId: "sc-1drx130-7"
   })([""]);
-  const Wrapper$6 = styledComponents.styled.div.withConfig({
+  const Wrapper$6 = styled.styled.div.withConfig({
     componentId: "sc-1drx130-8"
   })(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}"], ({
     theme: theme2
@@ -10350,7 +10350,7 @@ var __publicField = (obj, key, value) => {
   }
   const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
   const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
-  const Wrapper$5 = styledComponents.styled(FormRoot).withConfig({
+  const Wrapper$5 = styled.styled(FormRoot).withConfig({
     componentId: "sc-1sck1ja-0"
   })(["align-items:center;max-width:fit-content;"]);
   const Checkbox = ({
@@ -10368,7 +10368,7 @@ var __publicField = (obj, key, value) => {
       label && /* @__PURE__ */ jsxRuntime.jsx(GenericLabel, { htmlFor: id ?? defaultId, disabled, children: label })
     ] });
   };
-  const CheckInput = styledComponents.styled($e698a72e93240346$export$be92b6f5f03c0fe9).withConfig({
+  const CheckInput = styled.styled($e698a72e93240346$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-1sck1ja-1"
   })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;", ";"], ({
     theme: theme2,
@@ -10397,7 +10397,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   `);
-  const CheckIconWrapper = styledComponents.styled($e698a72e93240346$export$adb584737d712b70).withConfig({
+  const CheckIconWrapper = styled.styled($e698a72e93240346$export$adb584737d712b70).withConfig({
     componentId: "sc-1sck1ja-2"
   })(["", ""], ({
     theme: theme2
@@ -14291,7 +14291,7 @@ var __publicField = (obj, key, value) => {
   var SyntaxHighlighter = highlight$2(core$1, {});
   SyntaxHighlighter.registerLanguage = core$1.registerLanguage;
   const useColorStyle = (defaultTheme) => {
-    const theme2 = styledComponents.useTheme();
+    const theme2 = styled.useTheme();
     const inheritedThemeName = theme2.name !== "classic" ? theme2.name : "light";
     const themeName = !defaultTheme ? inheritedThemeName : defaultTheme;
     const codeTheme = theme2.click.codeblock[`${themeName}Mode`].color;
@@ -14471,7 +14471,7 @@ var __publicField = (obj, key, value) => {
   SyntaxHighlighter.registerLanguage("bash", bash);
   SyntaxHighlighter.registerLanguage("json", json);
   SyntaxHighlighter.registerLanguage("tsx", tsx);
-  const CodeBlockContainer = styledComponents.styled.div.withConfig({
+  const CodeBlockContainer = styled.styled.div.withConfig({
     componentId: "sc-18gnqgi-0"
   })(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;position:relative;cursor:pointer;", ""], ({
     theme: theme2,
@@ -14486,7 +14486,7 @@ var __publicField = (obj, key, value) => {
     }
   `;
   });
-  const CodeButton = styledComponents.styled(EmptyButton$1).withConfig({
+  const CodeButton = styled.styled(EmptyButton$1).withConfig({
     componentId: "sc-18gnqgi-1"
   })(["", ""], ({
     $copied,
@@ -14497,13 +14497,13 @@ var __publicField = (obj, key, value) => {
     padding: 0;
     border: 0;
   `);
-  const Highlighter = styledComponents.styled(SyntaxHighlighter).withConfig({
+  const Highlighter = styled.styled(SyntaxHighlighter).withConfig({
     componentId: "sc-18gnqgi-2"
   })(["background:transparent;padding:0;margin:0;"]);
-  const CodeContent = styledComponents.styled.code.withConfig({
+  const CodeContent = styled.styled.code.withConfig({
     componentId: "sc-18gnqgi-3"
   })(["font-family:inherit;color:inherit;"]);
-  const ButtonContainer = styledComponents.styled.div.withConfig({
+  const ButtonContainer = styled.styled.div.withConfig({
     componentId: "sc-18gnqgi-4"
   })(["position:absolute;display:flex;", ""], ({
     theme: theme2
@@ -14583,10 +14583,10 @@ var __publicField = (obj, key, value) => {
       }, showLineNumbers, wrapLines: wrap || wrapLines, wrapLongLines: wrap || wrapLines, children })
     ] });
   };
-  const ActionsWrapper = styledComponents.styled.div.withConfig({
+  const ActionsWrapper = styled.styled.div.withConfig({
     componentId: "sc-6eozxy-0"
   })(["display:flex;justify-content:flex-end;gap:", ";"], (props) => props.theme.click.dialog.space.gap);
-  const DialogContent$1 = styledComponents.styled.div.withConfig({
+  const DialogContent$1 = styled.styled.div.withConfig({
     componentId: "sc-6eozxy-1"
   })(["overflow:hidden;display:flex;flex-direction:column;"]);
   const ConfirmationDialog = ({
@@ -14850,7 +14850,7 @@ var __publicField = (obj, key, value) => {
   };
   ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
   ContextMenu.SubTrigger = ContextMenuSubTrigger;
-  const RightMenuContent = styledComponents.styled(GenericMenuPanel).withConfig({
+  const RightMenuContent = styled.styled(GenericMenuPanel).withConfig({
     componentId: "sc-8z6kye-0"
   })(["flex-direction:column;z-index:1;", ";"], ({
     $showArrow
@@ -14889,7 +14889,7 @@ var __publicField = (obj, key, value) => {
   };
   ContextMenuContent.displayName = "ContextMenuContent";
   ContextMenu.Content = ContextMenuContent;
-  const RightMenuGroup = styledComponents.styled($1b0217ee4a91d156$export$eb2fcfdbd7ba97d4).withConfig({
+  const RightMenuGroup = styled.styled($1b0217ee4a91d156$export$eb2fcfdbd7ba97d4).withConfig({
     componentId: "sc-8z6kye-1"
   })(["width:100%;border-bottom:1px solid ", ";"], ({
     theme: theme2
@@ -14899,7 +14899,7 @@ var __publicField = (obj, key, value) => {
   };
   ContextMenuGroup.displayName = "ContextMenuGroup";
   ContextMenu.Group = ContextMenuGroup;
-  const RightMenuSub = styledComponents.styled($1b0217ee4a91d156$export$d7a01e11500dfb6f).withConfig({
+  const RightMenuSub = styled.styled($1b0217ee4a91d156$export$d7a01e11500dfb6f).withConfig({
     componentId: "sc-8z6kye-2"
   })(["border-bottom:1px solid ", ";"], ({
     theme: theme2
@@ -15351,7 +15351,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     return /* @__PURE__ */ jsxRuntime.jsx($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { ...props, children });
   };
-  const Trigger$4 = styledComponents.styled($cb5cc270b50c6fcd$export$41fb9f06171c75f4).withConfig({
+  const Trigger$4 = styled.styled($cb5cc270b50c6fcd$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-1dii14g-0"
   })(["background:inherit;border:none;color:inherit;cursor:pointer;font:inherit;width:fit-content;"]);
   const PopoverTrigger = ({
@@ -15366,7 +15366,7 @@ var __publicField = (obj, key, value) => {
   };
   PopoverTrigger.displayName = "PopoverTrigger";
   Popover.Trigger = PopoverTrigger;
-  const MenuPanel = styledComponents.styled(GenericMenuPanel).withConfig({
+  const MenuPanel = styled.styled(GenericMenuPanel).withConfig({
     componentId: "sc-1dii14g-1"
   })(["display:block;padding:", " ", ";background-color:", ";border:1px solid ", ";border-radius:", ";box-shadow:", ";", ";"], ({
     theme: theme2
@@ -15383,7 +15383,7 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.popover.shadow.default, ({
     $showClose
   }) => $showClose ? "padding-top: 1rem;" : "");
-  const CloseButton$1 = styledComponents.styled(EmptyButton$1).withConfig({
+  const CloseButton$1 = styled.styled(EmptyButton$1).withConfig({
     componentId: "sc-1dii14g-2"
   })(["position:absolute;top:", ";right:", ";width:", ";height:", ";"], ({
     theme: theme2
@@ -15410,7 +15410,7 @@ var __publicField = (obj, key, value) => {
   };
   PopoverContent.displayName = "PopoverContent";
   Popover.Content = PopoverContent;
-  const linkStyles = styledComponents.css(["font:", ";color:", ";margin:0;text-decoration:none;display:inline-flex;gap:", ";margin-right:", ";align-items:center;&:hover,&:focus{color:", ";transition:", ";text-decoration:underline;cursor:pointer;}&:visited{color:", ";}"], ({
+  const linkStyles = styled.css(["font:", ";color:", ";margin:0;text-decoration:none;display:inline-flex;gap:", ";margin-right:", ";align-items:center;&:hover,&:focus{color:", ";transition:", ";text-decoration:underline;cursor:pointer;}&:visited{color:", ";}"], ({
     $size,
     $weight = "normal",
     theme: theme2
@@ -15458,7 +15458,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(Wrapper$4, { $alignItems: alignItems, $alignContent: alignContent, $columnGap: columnGap, $gap: gap, $gridAutoColumns: gridAutoColumns, $gridAutoFlow: gridAutoFlow, $gridAutoRows: gridAutoRows, $gridTemplateAreas: gridTemplateAreas, $gridTemplateColumns: gridTemplateColumns, $gridTemplateRows: gridTemplateRows, $gridTemplate: gridTemplate, $inline: inline, $isResponsive: isResponsive, $justifyContent: justifyContent, $justifyItems: justifyItems, $rowGap: rowGap, $height: height, $maxHeight: maxHeight, $minHeight: minHeight, $fillWidth: fillWidth, $maxWidth: maxWidth, $minWidth: minWidth, $overflow: overflow, "data-testid": "grid-container", ...props, children });
   };
-  const Wrapper$4 = styledComponents.styled.div.withConfig({
+  const Wrapper$4 = styled.styled.div.withConfig({
     componentId: "sc-r57kdn-0"
   })(["align-items:", ";align-content:", ";display:", ";", ";", ";", ";", ";", ";", ";", ";justify-content:", ";justify-items:", ";", " ", " ", " ", " @media (max-width:", "){grid-template-columns:", ";}"], ({
     $alignItems = "stretch"
@@ -15598,7 +15598,7 @@ var __publicField = (obj, key, value) => {
       yy: "%d years"
     }
   });
-  const UnderlinedTrigger = styledComponents.styled(Popover.Trigger).withConfig({
+  const UnderlinedTrigger = styled.styled(Popover.Trigger).withConfig({
     componentId: "sc-17qquw8-0"
   })(["", ""], linkStyles);
   const formatDateDetails = (date, timezone2) => {
@@ -16068,7 +16068,7 @@ var __publicField = (obj, key, value) => {
       [calendar, getBody, getHeaders, setNext, setPrev, viewType]
     );
   }
-  const Wrapper$3 = styledComponents.styled.div.withConfig({
+  const Wrapper$3 = styled.styled.div.withConfig({
     componentId: "sc-1pvd2nj-0"
   })(["width:inherit;display:flex;align-items:center;justify-content:space-between;align-items:center;span:first-of-type{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}", ""], ({
     theme: theme2,
@@ -16159,7 +16159,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   `);
-  const StyledLabel = styledComponents.styled(Label$1).withConfig({
+  const StyledLabel = styled.styled(Label$1).withConfig({
     componentId: "sc-1pvd2nj-1"
   })(["", ""], ({
     $labelColor
@@ -16186,7 +16186,7 @@ var __publicField = (obj, key, value) => {
       label && /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { htmlFor: id, disabled, error: !!error2, $labelColor: labelColor, children: label })
     ] });
   };
-  const InputElement = styledComponents.styled.input.withConfig({
+  const InputElement = styled.styled.input.withConfig({
     componentId: "sc-1pvd2nj-2"
   })(["background:transparent;border:none;outline:none;width:100%;color:inherit;font:inherit;", ""], ({
     theme: theme2
@@ -16201,7 +16201,7 @@ var __publicField = (obj, key, value) => {
       color: ${theme2.click.field.color.placeholder.disabled};
     }
   `);
-  const NumberInputElement = styledComponents.styled(InputElement).withConfig({
+  const NumberInputElement = styled.styled(InputElement).withConfig({
     componentId: "sc-1pvd2nj-3"
   })(["", ""], ({
     $hideControls
@@ -16216,7 +16216,7 @@ var __publicField = (obj, key, value) => {
     -moz-appearance: textfield;
     ` : ""}
   `);
-  const TextAreaElement = styledComponents.styled.textarea.withConfig({
+  const TextAreaElement = styled.styled.textarea.withConfig({
     componentId: "sc-1pvd2nj-4"
   })(["background:transparent;border:none;outline:none;width:100%;color:inherit;font:inherit;resize:none;", ""], ({
     theme: theme2
@@ -16227,10 +16227,10 @@ var __publicField = (obj, key, value) => {
       color: ${theme2.click.field.color.placeholder.default};
     }
   `);
-  styledComponents.styled(InputWrapper).withConfig({
+  styled.styled(InputWrapper).withConfig({
     componentId: "sc-1pvd2nj-5"
   })(["resize:vertical;overflow:auto;color:red;"]);
-  const IconButton = styledComponents.styled.button.withConfig({
+  const IconButton = styled.styled.button.withConfig({
     componentId: "sc-1pvd2nj-6"
   })(["background:transparent;color:inherit;border:none;padding:0;outline:none;&:not(:disabled){cursor:pointer;}", ""], ({
     theme: theme2,
@@ -16239,7 +16239,7 @@ var __publicField = (obj, key, value) => {
       padding: ${theme2.click.field.space.y} 0;
       visibility: ${$show ? "visible" : "hidden"};
   `);
-  styledComponents.styled.svg.withConfig({
+  styled.styled.svg.withConfig({
     componentId: "sc-1pvd2nj-7"
   })(["", ""], ({
     theme: theme2
@@ -16265,7 +16265,7 @@ var __publicField = (obj, key, value) => {
     year: "numeric"
   });
   const explicitWidth = "250px";
-  const HighlightedInputWrapper = styledComponents.styled(InputWrapper).withConfig({
+  const HighlightedInputWrapper = styled.styled(InputWrapper).withConfig({
     componentId: "sc-1kfphgn-0"
   })(["", " width:", ";}"], ({
     $isActive,
@@ -16273,12 +16273,12 @@ var __publicField = (obj, key, value) => {
   }) => {
     return `border: ${theme2.click.datePicker.dateOption.stroke} solid ${$isActive ? theme2.click.datePicker.dateOption.color.stroke.active : theme2.click.field.color.stroke.default};`;
   }, explicitWidth);
-  const DatePickerContainer = styledComponents.styled(Container).withConfig({
+  const DatePickerContainer = styled.styled(Container).withConfig({
     componentId: "sc-1kfphgn-1"
   })(["background:", ";"], ({
     theme: theme2
   }) => theme2.click.datePicker.dateOption.color.background.default);
-  const UnselectableTitle = styledComponents.styled.h2.withConfig({
+  const UnselectableTitle = styled.styled.h2.withConfig({
     componentId: "sc-1kfphgn-2"
   })(["", " user-select:none;"], ({
     theme: theme2
@@ -16286,7 +16286,7 @@ var __publicField = (obj, key, value) => {
     color: ${theme2.click.datePicker.color.title.default};
     font: ${theme2.click.datePicker.typography.title.default};
   `);
-  const DateTable = styledComponents.styled.table.withConfig({
+  const DateTable = styled.styled.table.withConfig({
     componentId: "sc-1kfphgn-3"
   })(["border-collapse:separate;border-spacing:0;font:", " table-layout:fixed;user-select:none;width:", ";thead tr{height:", ";}tbody{cursor:pointer;}td,th{", ";padding:4px;}"], ({
     theme: theme2
@@ -16295,7 +16295,7 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.datePicker.dateOption.size.height, ({
     theme: theme2
   }) => `border: ${theme2.click.datePicker.dateOption.stroke} solid ${theme2.click.datePicker.dateOption.color.stroke.default}`);
-  const DateTableHeader = styledComponents.styled.th.withConfig({
+  const DateTableHeader = styled.styled.th.withConfig({
     componentId: "sc-1kfphgn-4"
   })(["", " width:14%;"], ({
     theme: theme2
@@ -16303,7 +16303,7 @@ var __publicField = (obj, key, value) => {
     color: ${theme2.click.datePicker.color.daytitle.default};
     font: ${theme2.click.datePicker.typography.daytitle.default};
   `);
-  const DateTableCell = styledComponents.styled.td.withConfig({
+  const DateTableCell = styled.styled.td.withConfig({
     componentId: "sc-1kfphgn-5"
   })(["", " ", " ", " text-align:center;", " &:hover{", ";}"], ({
     theme: theme2
@@ -16704,7 +16704,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     return /* @__PURE__ */ jsxRuntime.jsx($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { ...props, children });
   };
-  const Trigger$3 = styledComponents.styled($5d3850c4d0b4e6c7$export$41fb9f06171c75f4).withConfig({
+  const Trigger$3 = styled.styled($5d3850c4d0b4e6c7$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-1wr6otn-0"
   })(["width:fit-content;background:transparent;border:none;cursor:pointer;"]);
   const DialogTrigger = ({
@@ -16722,7 +16722,7 @@ var __publicField = (obj, key, value) => {
   }) => /* @__PURE__ */ jsxRuntime.jsx($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type, label, ...props }) });
   DialogClose.displayName = "DialogClose";
   Dialog.Close = DialogClose;
-  const overlayShow = styledComponents.keyframes({
+  const overlayShow = styled.keyframes({
     "0%": {
       opacity: 0
     },
@@ -16730,7 +16730,7 @@ var __publicField = (obj, key, value) => {
       opacity: 1
     }
   });
-  const contentShow = styledComponents.keyframes({
+  const contentShow = styled.keyframes({
     "0%": {
       opacity: 0,
       transform: "translate(-50%, -48%) scale(.96)"
@@ -16740,12 +16740,12 @@ var __publicField = (obj, key, value) => {
       transform: "translate(-50%, -50%) scale(1)"
     }
   });
-  const DialogOverlay = styledComponents.styled($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff).withConfig({
+  const DialogOverlay = styled.styled($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff).withConfig({
     componentId: "sc-1wr6otn-1"
   })(["background-color:", ";position:fixed;inset:0;animation:", " 150ms cubic-bezier(0.16,1,0.3,1);"], ({
     theme: theme2
   }) => theme2.click.dialog.color.opaqueBackground.default, overlayShow);
-  const ContentArea = styledComponents.styled($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2).withConfig({
+  const ContentArea = styled.styled($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-1wr6otn-2"
   })(["background:", ";border-radius:", ";padding:", " ", ";box-shadow:", ";border:1px solid ", ";width:75%;max-width:670px;position:fixed;top:50%;left:50%;max-height:75%;overflow:auto;transform:translate(-50%,-50%);animation:", " 150ms cubic-bezier(0.16,1,0.3,1);outline:none;"], ({
     theme: theme2
@@ -16760,12 +16760,12 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.dialog.shadow.default, ({
     theme: theme2
   }) => theme2.click.global.color.stroke.default, contentShow);
-  const TitleArea = styledComponents.styled.div.withConfig({
+  const TitleArea = styled.styled.div.withConfig({
     componentId: "sc-1wr6otn-3"
   })(["display:flex;justify-content:space-between;align-items:center;min-height:", ";"], ({
     theme: theme2
   }) => theme2.sizes[9]);
-  const Title$1 = styledComponents.styled.h2.withConfig({
+  const Title$1 = styled.styled.h2.withConfig({
     componentId: "sc-1wr6otn-4"
   })(["font:", ";padding:0;margin:0;"], ({
     theme: theme2
@@ -16797,6 +16797,287 @@ var __publicField = (obj, key, value) => {
   };
   DialogContent.displayName = "DialogContent";
   Dialog.Content = DialogContent;
+  const truncateFilename = (filename, maxLength = 40, delimiter = "~") => {
+    if (filename.length <= maxLength) {
+      return filename;
+    }
+    if (filename.startsWith(".")) {
+      return `${filename.slice(0, maxLength)}${delimiter}`;
+    }
+    const extension = filename.lastIndexOf(".") !== -1 ? filename.slice(filename.lastIndexOf(".")) : "";
+    const nameWithoutExtension = extension ? filename.slice(0, filename.lastIndexOf(".")) : filename;
+    const truncatedName = nameWithoutExtension.slice(0, maxLength) + delimiter;
+    return truncatedName + extension;
+  };
+  const UploadArea = styled.div.withConfig({
+    componentId: "sc-1rzizve-0"
+  })(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.color.background.default, ({
+    theme: theme2
+  }) => `1px solid ${theme2.click.fileUpload.color.stroke.default}`, ({
+    theme: theme2,
+    $hasFile
+  }) => $hasFile ? `${theme2.click.fileUpload.sm.radii.all}` : `${theme2.click.fileUpload.md.radii.all}`, ({
+    theme: theme2,
+    $hasFile,
+    $size
+  }) => $hasFile || $size === "sm" ? `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}` : `${theme2.click.fileUpload.md.space.y} ${theme2.click.fileUpload.md.space.x}`, (props) => props.$hasFile ? "row" : props.$size === "sm" ? "row" : "column", (props) => props.$hasFile ? "space-between" : props.$size === "sm" ? "space-between" : "center", ({
+    theme: theme2,
+    $size
+  }) => $size === "sm" ? theme2.click.fileUpload.sm.space.gap : theme2.click.fileUpload.md.space.gap, (props) => props.$hasFile ? "default" : "pointer", ({
+    theme: theme2
+  }) => theme2.click.fileUpload.transitions.all, (props) => !props.$hasFile && styled.css(["border-style:dashed;border-color:", ";", ""], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.color.stroke.default, props.$isDragging && styled.css(["background-color:", ";border-color:", ";"], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.color.background.active, ({
+    theme: theme2
+  }) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && styled.css(["background-color:", ";border:none;"], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.color.background.error));
+  const FileUploadTitle = styled(Title$2).withConfig({
+    componentId: "sc-1rzizve-1"
+  })(["font:", ";color:", ";"], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.typography.title.default, ({
+    theme: theme2,
+    $isNotSupported
+  }) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
+  const FileUploadDescription = styled(Text).withConfig({
+    componentId: "sc-1rzizve-2"
+  })(["font:", ";color:", ";"], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.typography.description.default, ({
+    theme: theme2
+  }) => theme2.click.fileUpload.color.description.default);
+  const DocumentIcon = styled(SvgImage).withConfig({
+    componentId: "sc-1rzizve-3"
+  })(["svg{width:", ";height:", ";color:", ";}"], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.sm.icon.size.width, ({
+    theme: theme2
+  }) => theme2.click.fileUpload.sm.icon.size.height, ({
+    theme: theme2
+  }) => theme2.click.fileUpload.sm.color.icon.default);
+  const UploadIcon = styled(SvgImage).withConfig({
+    componentId: "sc-1rzizve-4"
+  })(["svg{width:", ";height:", ";color:", ";}"], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.md.icon.size.width, ({
+    theme: theme2
+  }) => theme2.click.fileUpload.md.icon.size.height, ({
+    theme: theme2
+  }) => theme2.click.fileUpload.md.color.icon.default);
+  const UploadText = styled.div.withConfig({
+    componentId: "sc-1rzizve-5"
+  })(["text-align:", ";", " ", ""], (props) => props.$hasFile || props.$size === "sm" ? "left" : "center", (props) => (props.$hasFile || props.$size === "sm") && styled.css(["flex:1;"]), (props) => !props.$hasFile && props.$size === "md" && styled.css(["display:flex;flex-direction:column;align-items:center;width:100%;"]));
+  const FileInfoHeader = styled.div.withConfig({
+    componentId: "sc-1rzizve-6"
+  })(["display:flex;align-items:center;gap:", ";width:100%;"], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.sm.space.gap);
+  const FileInfo = styled.div.withConfig({
+    componentId: "sc-1rzizve-7"
+  })(["display:flex;flex-direction:column;gap:", ";flex:1;"], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.hasFile.header.space.gap);
+  const FileDetails = styled.div.withConfig({
+    componentId: "sc-1rzizve-8"
+  })(["display:flex;gap:", ";border:none;"], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.md.space.gap);
+  const FileActions = styled.div.withConfig({
+    componentId: "sc-1rzizve-9"
+  })(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
+  const ProgressContainer$1 = styled.div.withConfig({
+    componentId: "sc-1rzizve-10"
+  })(["display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;"]);
+  const ProgressBarContainer = styled.div.withConfig({
+    componentId: "sc-1rzizve-11"
+  })(["width:100%;flex:1;"]);
+  const ProgressPercentage = styled(Text).withConfig({
+    componentId: "sc-1rzizve-12"
+  })(["min-width:", ";text-align:right;padding-right:", ";"], ({
+    theme: theme2
+  }) => theme2.sizes[10], ({
+    theme: theme2
+  }) => theme2.click.fileUpload.md.space.gap);
+  const formatFileSize = (sizeInBytes) => {
+    if (sizeInBytes < 1024) {
+      return `${sizeInBytes.toFixed(1)} B`;
+    } else if (sizeInBytes < 1024 * 1024) {
+      return `${(sizeInBytes / 1024).toFixed(1)} KB`;
+    } else if (sizeInBytes < 1024 * 1024 * 1024) {
+      return `${(sizeInBytes / (1024 * 1024)).toFixed(1)} MB`;
+    } else {
+      return `${(sizeInBytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+    }
+  };
+  const isFiletypeSupported = (filename, supportedTypes) => {
+    if (!supportedTypes.length)
+      return true;
+    const extension = filename.toLowerCase().slice(filename.lastIndexOf("."));
+    return supportedTypes.some((type) => type.toLowerCase() === extension.toLowerCase());
+  };
+  const FileUpload = ({
+    title,
+    supportedFileTypes = [".txt", ".sql"],
+    size: size2 = "sm",
+    onFileSelect,
+    onRetry,
+    progress = 0,
+    failureMessage = "Upload failed",
+    showProgress = false,
+    showSuccess = false,
+    onFileSelectFailure
+  }) => {
+    const [isDragging, setIsDragging] = React.useState(false);
+    const [isNotSupported, setIsNotSupported] = React.useState(false);
+    const [file, setFile] = React.useState(null);
+    const fileInputRef = React.useRef(null);
+    const dragCounterRef = React.useRef(0);
+    React.useEffect(() => {
+      let timeoutId;
+      if (isNotSupported) {
+        timeoutId = setTimeout(() => {
+          setIsNotSupported(false);
+        }, 2e3);
+      }
+      return () => {
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
+      };
+    }, [isNotSupported]);
+    const handleDragEnter = React.useCallback((e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounterRef.current += 1;
+      setIsDragging(true);
+    }, []);
+    const handleDragLeave = React.useCallback((e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounterRef.current -= 1;
+      if (dragCounterRef.current <= 0) {
+        setIsDragging(false);
+        dragCounterRef.current = 0;
+      }
+    }, []);
+    const handleDragOver = React.useCallback((e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    }, []);
+    React.useEffect(() => {
+      const handleDragEnd = () => {
+        setIsDragging(false);
+        dragCounterRef.current = 0;
+      };
+      window.addEventListener("dragend", handleDragEnd);
+      document.addEventListener("drop", handleDragEnd);
+      document.addEventListener("mouseleave", handleDragEnd);
+      return () => {
+        window.removeEventListener("dragend", handleDragEnd);
+        document.removeEventListener("drop", handleDragEnd);
+        document.removeEventListener("mouseleave", handleDragEnd);
+      };
+    }, []);
+    const processFile = React.useCallback((file2) => {
+      if (!isFiletypeSupported(file2.name, supportedFileTypes)) {
+        if (onFileSelectFailure) {
+          onFileSelectFailure();
+          console.log("File type not supported");
+          setIsNotSupported(true);
+        } else {
+          console.warn(`File type not supported: ${file2.name}`);
+        }
+        return;
+      }
+      const newFile = {
+        name: file2.name,
+        size: file2.size
+      };
+      setFile(newFile);
+      if (onFileSelect) {
+        onFileSelect(file2);
+        setIsNotSupported(false);
+      }
+    }, [onFileSelect, supportedFileTypes, onFileSelectFailure]);
+    const handleDrop = React.useCallback((e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragging(false);
+      dragCounterRef.current = 0;
+      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+        const file2 = e.dataTransfer.files[0];
+        processFile(file2);
+      }
+    }, [processFile]);
+    const handleFileSelect = React.useCallback((e) => {
+      if (e.target.files && e.target.files.length > 0) {
+        const file2 = e.target.files[0];
+        processFile(file2);
+      }
+    }, [processFile]);
+    const handleBrowseClick = React.useCallback(() => {
+      if (fileInputRef.current) {
+        fileInputRef.current.click();
+      }
+    }, []);
+    const handleRemoveFile = React.useCallback(() => {
+      setFile(null);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+    }, []);
+    const handleRetryUpload = React.useCallback(() => {
+      if (onRetry) {
+        onRetry();
+      }
+    }, [onRetry]);
+    const acceptedFileTypes = supportedFileTypes.join(",");
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(UploadArea, { $isDragging: isDragging, $size: size2, $hasFile: !!file, $isError: !!file && !showSuccess && !showProgress, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, onClick: !file ? handleBrowseClick : void 0, children: !file ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(UploadIcon, { name: "upload" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(UploadText, { $size: size2, $hasFile: false, children: [
+          isNotSupported ? /* @__PURE__ */ jsxRuntime.jsx(FileUploadTitle, { $isNotSupported: true, type: "h1", children: "Unsupported file type" }) : /* @__PURE__ */ jsxRuntime.jsx(FileUploadTitle, { $isNotSupported: isNotSupported, type: "h1", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsxs(FileUploadDescription, { children: [
+            "Files supported: ",
+            supportedFileTypes.join(", ")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "secondary", onClick: (e) => {
+          e.stopPropagation();
+          handleBrowseClick();
+        }, children: "Browse file" })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(FileInfo, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(FileInfoHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DocumentIcon, { name: "document" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(FileDetails, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "md", children: truncateFilename(file.name) }),
+            (showSuccess || showProgress) && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "md", color: "muted", children: formatFileSize(file.size) }),
+            !showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "md", color: "danger", children: failureMessage }),
+            showSuccess && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { size: "xs", state: "success", name: "check" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(FileActions, { children: [
+            !showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: handleRetryUpload }),
+            /* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
+          ] })
+        ] }),
+        showProgress && /* @__PURE__ */ jsxRuntime.jsxs(ProgressContainer$1, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ProgressBarContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress, type: "small" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ProgressPercentage, { size: "sm", color: "muted", children: [
+            progress,
+            "%"
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, style: {
+        display: "none"
+      } })
+    ] });
+  };
   const Flyout = ({
     modal = false,
     ...props
@@ -16811,7 +17092,7 @@ var __publicField = (obj, key, value) => {
   };
   Trigger$2.displayName = "Flyout.Trigger";
   Flyout.Trigger = Trigger$2;
-  const animationWidth = () => styledComponents.keyframes({
+  const animationWidth = () => styled.keyframes({
     from: {
       width: 0
     },
@@ -16819,7 +17100,7 @@ var __publicField = (obj, key, value) => {
       width: "fit-content"
     }
   });
-  const FlyoutContent = styledComponents.styled($5d3850c4d0b4e6c7$export$b6d9565de1e068cf).withConfig({
+  const FlyoutContent = styled.styled($5d3850c4d0b4e6c7$export$b6d9565de1e068cf).withConfig({
     componentId: "sc-1vtv6sf-0"
   })(["display:flex;flex-direction:column;align-items:center;overflow:hidden;top:0;bottom:0;width:fit-content;--flyout-width:", ";animation:", " 500ms cubic-bezier(0.16,1,0.3,1) forwards;", ""], ({
     theme: theme2,
@@ -16855,7 +17136,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   `);
-  const FlyoutContainer = styledComponents.styled.div.withConfig({
+  const FlyoutContainer = styled.styled.div.withConfig({
     componentId: "sc-1vtv6sf-1"
   })(["display:flex;gap:0;width:var(--flyout-width);max-width:100%;flex-flow:column nowrap;gap:inherit;"]);
   const Content$1 = ({
@@ -16885,7 +17166,7 @@ var __publicField = (obj, key, value) => {
   };
   Content$1.displayName = "Flyout.Content";
   Flyout.Content = Content$1;
-  const FlyoutElement = styledComponents.styled(Container).withConfig({
+  const FlyoutElement = styled.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-2"
   })(["max-width:100%;max-width:-webkit-fill-available;max-width:fill-available;max-width:stretch;", ""], ({
     theme: theme2,
@@ -16900,7 +17181,7 @@ var __publicField = (obj, key, value) => {
   }) => /* @__PURE__ */ jsxRuntime.jsx(FlyoutElement, { orientation: "vertical", padding: "none", gap: "none", $type: type, ...props });
   Element$1.displayName = "Flyout.Element";
   Flyout.Element = Element$1;
-  const FlyoutHeaderContainer = styledComponents.styled(Container).withConfig({
+  const FlyoutHeaderContainer = styled.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-3"
   })(["", ""], ({
     theme: theme2,
@@ -16910,7 +17191,7 @@ var __publicField = (obj, key, value) => {
     column-gap: ${theme2.click.flyout.space[$type].content["column-gap"]};
     padding: ${theme2.click.flyout.space[$type].y} ${theme2.click.flyout.space[$type].y} 0 ${theme2.click.flyout.space[$type].y} ;
   `);
-  const FlyoutTitle = styledComponents.styled($5d3850c4d0b4e6c7$export$16f7638e4a34b909).withConfig({
+  const FlyoutTitle = styled.styled($5d3850c4d0b4e6c7$export$16f7638e4a34b909).withConfig({
     componentId: "sc-1vtv6sf-4"
   })(["", ""], ({
     theme: theme2,
@@ -16921,7 +17202,7 @@ var __publicField = (obj, key, value) => {
     margin: 0;
     padding: 0;
   `);
-  const FlyoutDescription = styledComponents.styled($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5).withConfig({
+  const FlyoutDescription = styled.styled($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5).withConfig({
     componentId: "sc-1vtv6sf-5"
   })(["", ""], ({
     theme: theme2,
@@ -16963,7 +17244,7 @@ var __publicField = (obj, key, value) => {
   };
   Header$1.displayName = "Flyout.Header";
   Flyout.Header = Header$1;
-  const FlyoutBody = styledComponents.styled(Container).withConfig({
+  const FlyoutBody = styled.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-6"
   })(["width:var(--flyout-width);max-width:100%;margin-top:", ";"], ({
     $align = "default"
@@ -16974,7 +17255,7 @@ var __publicField = (obj, key, value) => {
   }) => /* @__PURE__ */ jsxRuntime.jsx(FlyoutBody, { overflow: "auto", orientation: "vertical", grow: "1", $align: align, ...props });
   Body.displayName = "Flyout.Body";
   Flyout.Body = Body;
-  const FlyoutFooter = styledComponents.styled(Container).withConfig({
+  const FlyoutFooter = styled.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-7"
   })(["", ""], ({
     theme: theme2,
@@ -16992,7 +17273,7 @@ var __publicField = (obj, key, value) => {
   };
   FlyoutClose.displayName = "Flyout.Close";
   Flyout.Close = FlyoutClose;
-  const FooterContainer = styledComponents.styled(Container).withConfig({
+  const FooterContainer = styled.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-8"
   })(["width:var(--flyout-width);max-width:100%;"]);
   const Footer = (props) => {
@@ -17003,7 +17284,7 @@ var __publicField = (obj, key, value) => {
   };
   Footer.displayName = "Flyout.Footer";
   Flyout.Footer = Footer;
-  const CustomCodeBlock = styledComponents.styled(CodeBlock).withConfig({
+  const CustomCodeBlock = styled.styled(CodeBlock).withConfig({
     componentId: "sc-1vtv6sf-9"
   })(["display:flex;height:100%;pre{flex:1;overflow-wrap:break-word;code{display:inline-block;max-width:calc(100% - 1rem);}}"]);
   const FlyoutCodeBlock = ({
@@ -17038,7 +17319,7 @@ var __publicField = (obj, key, value) => {
     ] }),
     label && /* @__PURE__ */ jsxRuntime.jsx(Label$1, { htmlFor: id, error: !!error2, children: label })
   ] });
-  const InlineContainer = styledComponents.styled.span.withConfig({
+  const InlineContainer = styled.styled.span.withConfig({
     componentId: "sc-ugg5k0-0"
   })(["", ""], ({
     theme: theme2
@@ -18137,7 +18418,7 @@ var __publicField = (obj, key, value) => {
       }, !bailoutOnChildren && children(childParams));
     }
   }
-  const StyledCell = styledComponents.styled.div.withConfig({
+  const StyledCell = styled.styled.div.withConfig({
     componentId: "sc-30izhw-0"
   })(['display:block;text-align:left;&[data-align="right"]{text-align:right;}overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;width:100%;box-sizing:border-box;', " ", ";"], ({
     theme: theme2,
@@ -18198,7 +18479,7 @@ var __publicField = (obj, key, value) => {
             ${$rowAutoHeight && "border: none;"}
           }
         ` : "");
-  const RowNumberColumnContainer = styledComponents.styled.div.withConfig({
+  const RowNumberColumnContainer = styled.styled.div.withConfig({
     componentId: "sc-7gbi4d-0"
   })(["position:sticky;left:0;", " ", ""], ({
     $height,
@@ -18211,7 +18492,7 @@ var __publicField = (obj, key, value) => {
     $scrolledHorizontal,
     theme: theme2
   }) => $scrolledHorizontal ? `box-shadow: 0px 0 0px 1px ${theme2.click.grid.header.cell.color.stroke.default};` : "");
-  const RowNumberCell = styledComponents.styled.div.withConfig({
+  const RowNumberCell = styled.styled.div.withConfig({
     componentId: "sc-7gbi4d-1"
   })(["position:absolute;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;", ""], ({
     $height,
@@ -18510,7 +18791,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const DOUBLE_CLICK_THRESHOLD_MSEC = 300;
-  const ResizeSpan = styledComponents.styled.div.withConfig({
+  const ResizeSpan = styled.styled.div.withConfig({
     componentId: "sc-1r6e5v3-0"
   })(["top:", ";left:", ";z-index:1;position:absolute;height:", "px;cursor:col-resize;width:4px;overflow:auto;&:hover,&:active,&:hover{background:", ";}", ""], initialPosition.top, initialPosition.left, ({
     $height
@@ -18608,7 +18889,7 @@ var __publicField = (obj, key, value) => {
       setIsPressed(columnIndex, false);
     }, onClick: (e) => e.stopPropagation(), "data-resize": true, style: position });
   };
-  const HeaderContainer = styledComponents.styled.div.withConfig({
+  const HeaderContainer = styled.styled.div.withConfig({
     componentId: "sc-1oadqc8-0"
   })(["position:sticky;top:0;left:0;display:flex;flex-direction:row;height:", "px;", ""], ({
     $height
@@ -18616,12 +18897,12 @@ var __publicField = (obj, key, value) => {
     $scrolledVertical,
     theme: theme2
   }) => $scrolledVertical ? `box-shadow: 0px 0 0px 1px ${theme2.click.grid.header.cell.color.stroke.default};` : "");
-  const ScrollableHeaderContainer = styledComponents.styled.div.withConfig({
+  const ScrollableHeaderContainer = styled.styled.div.withConfig({
     componentId: "sc-1oadqc8-1"
   })(["position:relative;left:", "px;"], ({
     $left
   }) => $left);
-  const HeaderCellContainer = styledComponents.styled.div.withConfig({
+  const HeaderCellContainer = styled.styled.div.withConfig({
     componentId: "sc-1oadqc8-2"
   })(["position:absolute;display:flex;width:", ";height:", "px;left:", "px;&:hover [data-resize]{background:", ";}"], ({
     $width
@@ -18632,7 +18913,7 @@ var __publicField = (obj, key, value) => {
   }) => $columnPosition, ({
     theme: theme2
   }) => theme2.click.grid.header.cell.color.stroke.selectDirect);
-  const RowColumnContainer = styledComponents.styled(HeaderCellContainer).withConfig({
+  const RowColumnContainer = styled.styled(HeaderCellContainer).withConfig({
     componentId: "sc-1oadqc8-3"
   })(["position:sticky;top:0;left:0;width:", ";text-align:right;", ""], ({
     $width
@@ -18640,7 +18921,7 @@ var __publicField = (obj, key, value) => {
     $scrolledHorizontal,
     theme: theme2
   }) => $scrolledHorizontal ? `box-shadow: 0px 0 0px 1px ${theme2.click.grid.header.cell.color.stroke.default};` : "");
-  const RowColumn = styledComponents.styled(StyledCell).withConfig({
+  const RowColumn = styled.styled(StyledCell).withConfig({
     componentId: "sc-1oadqc8-4"
   })(["width:100%;text-align:right;overflow:hidden;"]);
   const Column = ({
@@ -33243,7 +33524,7 @@ var __publicField = (obj, key, value) => {
   const NO_BUTTONS_PRESSED = 0;
   const LEFT_BUTTON_PRESSED = 1;
   const RIGHT_BUTTON_PRESSED = 2;
-  const GridContainer = styledComponents.styled.div.withConfig({
+  const GridContainer = styled.styled.div.withConfig({
     componentId: "sc-175eneg-0"
   })(["display:flex;flex-direction:column-reverse;user-select:none;overflow-anchor:none;"]);
   const getRenderedCursor = (children) => children.reduce(([minRow, maxRow, minColumn, maxColumn], {
@@ -33266,7 +33547,7 @@ var __publicField = (obj, key, value) => {
     }
     return [minRow, maxRow, minColumn, maxColumn];
   }, [Number.POSITIVE_INFINITY, Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY, Number.NEGATIVE_INFINITY]);
-  const GridDataContainer = styledComponents.styled.div.withConfig({
+  const GridDataContainer = styled.styled.div.withConfig({
     componentId: "sc-175eneg-1"
   })(["position:absolute;top:0;left:0;", ""], ({
     $top,
@@ -33275,7 +33556,7 @@ var __publicField = (obj, key, value) => {
     margin-top: ${$top}px;
     margin-left: ${$left}px;
   `);
-  const ContextMenuTrigger = styledComponents.styled.div.withConfig({
+  const ContextMenuTrigger = styled.styled.div.withConfig({
     componentId: "sc-175eneg-2"
   })(["outline:none;overflow:hidden;height:", ";width:100%;background:", ";border-radius:", ";", ";"], ({
     $height
@@ -34058,7 +34339,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     return /* @__PURE__ */ jsxRuntime.jsx($cef8881cdc69808e$export$be92b6f5f03c0fe9, { ...props, children });
   };
-  const Trigger$1 = styledComponents.styled($cef8881cdc69808e$export$41fb9f06171c75f4).withConfig({
+  const Trigger$1 = styled.styled($cef8881cdc69808e$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-1ect7b6-0"
   })(["width:fit-content;"]);
   const HoverCardTrigger = ({
@@ -34083,10 +34364,10 @@ var __publicField = (obj, key, value) => {
   };
   HoverCardContent.displayName = "HoverCardContent";
   HoverCard.Content = HoverCardContent;
-  const CuiLink = styledComponents.styled.a.withConfig({
+  const CuiLink = styled.styled.a.withConfig({
     componentId: "sc-1bwz77u-0"
   })(["", ""], linkStyles);
-  const IconWrapper$1 = styledComponents.styled.span.withConfig({
+  const IconWrapper$1 = styled.styled.span.withConfig({
     componentId: "sc-1bwz77u-1"
   })([".external-icon{height:", ";width:", ";}"], ({
     $size,
@@ -34153,7 +34434,7 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntime.jsx(IconButton, { disabled, onClick: togglePasswordViewer, $show: value.length > 0, children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: viewPassword ? "eye-closed" : "eye", size: "md" }) })
     ] });
   });
-  const CustomSelect = styledComponents.styled.div.withConfig({
+  const CustomSelect = styled.styled.div.withConfig({
     componentId: "sc-dicnqe-0"
   })(["width:150px;"]);
   const Pagination = ({
@@ -34268,7 +34549,7 @@ var __publicField = (obj, key, value) => {
     width,
     ...props
   }) => /* @__PURE__ */ jsxRuntime.jsx(Wrapper$2, { $alignItems: alignItems, $color: color, $cursor: cursor, $fillHeight: fillHeight, $fillWidth: fillWidth, $gap: gap, $hasBorder: hasBorder, $hasShadow: hasShadow, $height: height, $orientation: orientation, $padding: padding, $radii: radii, $width: width, ...props, children });
-  const Wrapper$2 = styledComponents.styled.div.withConfig({
+  const Wrapper$2 = styled.styled.div.withConfig({
     componentId: "sc-1q78udp-0"
   })(["display:flex;flex-flow:", ";align-items:", ";width:", ";height:", ";background-color:", ";border-radius:", ";padding:", ";border:", ";box-shadow:", ";gap:", ";", ";"], ({
     $orientation = "horizontal"
@@ -34301,7 +34582,7 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.panel.space.gap[$gap], ({
     $cursor
   }) => $cursor && `cursor: ${$cursor}`);
-  const ProgressContainer = styledComponents.styled.div.withConfig({
+  const ProgressContainer = styled.styled.div.withConfig({
     componentId: "sc-16gr3cg-0"
   })(["display:flex;justify-content:space-between;align-items:center;overflow:hidden;transition:all 100ms ease-in-out;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;min-height:2px;", ";"], ({
     theme: theme2,
@@ -34332,10 +34613,10 @@ var __publicField = (obj, key, value) => {
       background-position: center;
     }
   `);
-  const ProgressText = styledComponents.styled.span.withConfig({
+  const ProgressText = styled.styled.span.withConfig({
     componentId: "sc-16gr3cg-1"
   })(["width:100%;font:inherit;mix-blend-mode:difference;"]);
-  const ProgressCloseButton = styledComponents.styled.button.withConfig({
+  const ProgressCloseButton = styled.styled.button.withConfig({
     componentId: "sc-16gr3cg-2"
   })(["mix-blend-mode:difference;border:0;visibility:", ";"], ({
     $dismissable
@@ -34561,7 +34842,7 @@ var __publicField = (obj, key, value) => {
   const $f99a8c78507165f7$export$be92b6f5f03c0fe9 = $f99a8c78507165f7$export$a98f0dcb43a68a25;
   const $f99a8c78507165f7$export$6d08773d2e66f8f2 = $f99a8c78507165f7$export$9f866c100ef519e4;
   const $f99a8c78507165f7$export$adb584737d712b70 = $f99a8c78507165f7$export$5fb54c671a65c88;
-  const RadioGroupRoot = styledComponents.styled($f99a8c78507165f7$export$be92b6f5f03c0fe9).withConfig({
+  const RadioGroupRoot = styled.styled($f99a8c78507165f7$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-p6cydr-0"
   })(["display:flex;flex-wrap:wrap;gap:", ";flex-direction:", ";label{", "}"], ({
     theme: theme2
@@ -34607,14 +34888,14 @@ var __publicField = (obj, key, value) => {
   };
   RadioGroupItem.displayName = "RadioGroupItem";
   RadioGroup.Item = RadioGroupItem;
-  const Wrapper$1 = styledComponents.styled(FormRoot).withConfig({
+  const Wrapper$1 = styled.styled(FormRoot).withConfig({
     componentId: "sc-p6cydr-1"
   })(["padding:", ";display:flex;align-items:center;gap:", ";width:auto;"], ({
     theme: theme2
   }) => theme2.click.checkbox.space.all, ({
     theme: theme2
   }) => theme2.click.checkbox.space.gap);
-  const RadioInput = styledComponents.styled($f99a8c78507165f7$export$6d08773d2e66f8f2).withConfig({
+  const RadioInput = styled.styled($f99a8c78507165f7$export$6d08773d2e66f8f2).withConfig({
     componentId: "sc-p6cydr-2"
   })(["display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;", ";"], ({
     theme: theme2
@@ -34637,7 +34918,7 @@ var __publicField = (obj, key, value) => {
       border-color: ${theme2.click.radio.color.stroke.disabled};
     }
   `);
-  const RadioGroupIndicator = styledComponents.styled($f99a8c78507165f7$export$adb584737d712b70).withConfig({
+  const RadioGroupIndicator = styled.styled($f99a8c78507165f7$export$adb584737d712b70).withConfig({
     componentId: "sc-p6cydr-3"
   })(["", ""], ({
     theme: theme2
@@ -34709,13 +34990,13 @@ var __publicField = (obj, key, value) => {
       return effect();
     }, deps);
   };
-  const SelectPopoverRoot = styledComponents.styled($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9).withConfig({
+  const SelectPopoverRoot = styled.styled($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-oudbwg-0"
   })(["width:100%;"]);
-  const SelectValue = styledComponents.styled.div.withConfig({
+  const SelectValue = styled.styled.div.withConfig({
     componentId: "sc-oudbwg-1"
   })(["text-align:left;flex:1;gap:inherit;color:inherit;font:inherit;overflow:hidden;"]);
-  const StyledSelectTrigger = styledComponents.styled($cb5cc270b50c6fcd$export$41fb9f06171c75f4).withConfig({
+  const StyledSelectTrigger = styled.styled($cb5cc270b50c6fcd$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-oudbwg-2"
   })(["width:100%;display:flex;align-items:center;justify-content:space-between;align-items:center;cursor:pointer;span:first-of-type{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}", " [data-hide-in-trigger]{display:none;}"], ({
     theme: theme2,
@@ -34763,7 +35044,7 @@ var __publicField = (obj, key, value) => {
       cursor: not-allowed;
     }
   `);
-  const SelectPopoverContent = styledComponents.styled($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2).withConfig({
+  const SelectPopoverContent = styled.styled($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-oudbwg-3"
   })(["width:var(--radix-popover-trigger-width);max-height:var(--radix-popover-content-available-height);border-radius:0.25rem;pointer-events:auto;", " ", " overflow:hidden;display:flex;padding:0.5rem 0rem;align-items:flex-start;gap:0.625rem;"], ({
     $useFullWidthItems,
@@ -34783,7 +35064,7 @@ var __publicField = (obj, key, value) => {
       0px 1px 2px 0px rgba(16, 24, 40, 0.06);
     border-radius: 0.25rem;
   `);
-  const SearchBarContainer = styledComponents.styled.div.withConfig({
+  const SearchBarContainer = styled.styled.div.withConfig({
     componentId: "sc-oudbwg-4"
   })(["width:auto;position:relative;display:flex;justify-content:flex-start;align-items:center;", ""], ({
     theme: theme2,
@@ -34794,7 +35075,7 @@ var __publicField = (obj, key, value) => {
     font: ${theme2.click.genericMenu.autocomplete.typography.search.term.default};
     height: ${$showSearch ? "auto" : " 0"};
   `);
-  const SearchBar = styledComponents.styled.input.withConfig({
+  const SearchBar = styled.styled.input.withConfig({
     componentId: "sc-oudbwg-5"
   })(["background:transparent;border:none;width:100%;outline:none;", ""], ({
     theme: theme2,
@@ -34813,7 +35094,7 @@ var __publicField = (obj, key, value) => {
       font: ${theme2.click.genericMenu.autocomplete.typography.search.placeholder.default};
     }
   `);
-  const SearchClose = styledComponents.styled.button.withConfig({
+  const SearchClose = styled.styled.button.withConfig({
     componentId: "sc-oudbwg-6"
   })(["position:absolute;", " visibility:", ";"], ({
     theme: theme2
@@ -34823,16 +35104,16 @@ var __publicField = (obj, key, value) => {
   `, ({
     $showClose
   }) => $showClose ? "visible" : "hidden");
-  const SelectList = styledComponents.styled.div.withConfig({
+  const SelectList = styled.styled.div.withConfig({
     componentId: "sc-oudbwg-7"
   })(["display:flex;flex-direction:column;width:inherit;max-height:calc(var(--radix-popover-content-available-height) - 1rem);"]);
-  const SelectListContent = styledComponents.styled.div.withConfig({
+  const SelectListContent = styled.styled.div.withConfig({
     componentId: "sc-oudbwg-8"
   })(["width:inherit;overflow:auto;flex:1;"]);
-  const HiddenSelectElement = styledComponents.styled.select.withConfig({
+  const HiddenSelectElement = styled.styled.select.withConfig({
     componentId: "sc-oudbwg-9"
   })(["visibility:hidden;position:absolute;z-index:-1;height:0;"]);
-  const SelectGroupContainer = styledComponents.styled.div.withConfig({
+  const SelectGroupContainer = styled.styled.div.withConfig({
     componentId: "sc-oudbwg-10"
   })(["display:flex;flex-direction:column;justify-content:center;width:-webkit-fill-available;width:fill-available;width:stretch;overflow:hidden;background:transparent;&[aria-selected]{outline:none;}", ";&[hidden]{display:none;}"], ({
     theme: theme2
@@ -34840,7 +35121,7 @@ var __publicField = (obj, key, value) => {
     font: ${theme2.click.genericMenu.item.typography.sectionHeader.default};
     color: ${theme2.click.genericMenu.item.color.text.muted};
   `);
-  const SelectGroupName = styledComponents.styled.div.withConfig({
+  const SelectGroupName = styled.styled.div.withConfig({
     componentId: "sc-oudbwg-11"
   })(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
     theme: theme2
@@ -34851,10 +35132,10 @@ var __publicField = (obj, key, value) => {
      gap: ${theme2.click.genericMenu.item.space.gap};
      border-bottom: 1px solid ${theme2.click.genericMenu.item.color.stroke.default};
    `);
-  const SelectGroupContent = styledComponents.styled.div.withConfig({
+  const SelectGroupContent = styled.styled.div.withConfig({
     componentId: "sc-oudbwg-12"
   })(["width:inherit;"]);
-  const SelectNoDataContainer = styledComponents.styled.div.withConfig({
+  const SelectNoDataContainer = styled.styled.div.withConfig({
     componentId: "sc-oudbwg-13"
   })(['border:none;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;&[hidden="true"]{display:none;}', ""], ({
     theme: theme2,
@@ -38163,10 +38444,10 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     $parcel$exportWildcard(module2.exports, $faefaad95e5fcca0$exports);
   })(dist);
   var distExports = dist.exports;
-  const BadgeList = styledComponents.styled.div.withConfig({
+  const BadgeList = styled.styled.div.withConfig({
     componentId: "sc-1ryyiol-0"
   })(["display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:inherit;font:inherit;color:inherit;"]);
-  const MultiSelectBadge = styledComponents.styled.div.withConfig({
+  const MultiSelectBadge = styled.styled.div.withConfig({
     componentId: "sc-1ryyiol-1"
   })(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;max-width:fit-content;"]);
   const MultiSelectValue = ({
@@ -38226,7 +38507,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
       return /* @__PURE__ */ jsxRuntime.jsx(MultiSelectBadge, { as: Badge, size: "sm", state: disabled ? "disabled" : "default", ...otherProps }, `multi-select-${id}-${value}`);
     }) });
   };
-  const SelectValueContainer = styledComponents.styled.div.withConfig({
+  const SelectValueContainer = styled.styled.div.withConfig({
     componentId: "sc-1bceuv1-0"
   })(["display:flex;width:100%;align-items:center;cursor:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:inherit;"]);
   const SingleSelectValue = ({
@@ -38546,7 +38827,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     ] });
   });
   SelectGroup.displayName = "Select.Group";
-  const CheckIcon$1 = styledComponents.styled.svg.withConfig({
+  const CheckIcon$1 = styled.styled.svg.withConfig({
     componentId: "sc-howzwz-0"
   })(["opacity:", ";"], ({
     $showCheck
@@ -38843,7 +39124,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     return $89eedd556c436f6a$var$ORIENTATIONS.includes(orientation);
   }
   const $89eedd556c436f6a$export$be92b6f5f03c0fe9 = $89eedd556c436f6a$export$1ff3c3f08ae963c0;
-  const CUISeparator = styledComponents.styled($89eedd556c436f6a$export$be92b6f5f03c0fe9).withConfig({
+  const CUISeparator = styled.styled($89eedd556c436f6a$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-ladr1y-0"
   })(["", ""], ({
     theme: theme2,
@@ -38864,12 +39145,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     orientation = "horizontal",
     ...props
   }) => /* @__PURE__ */ jsxRuntime.jsx(CUISeparator, { orientation, ...props });
-  const LabelContainer = styledComponents.styled.span.withConfig({
+  const LabelContainer = styled.styled.span.withConfig({
     componentId: "sc-1cu1l45-0"
   })(["display:flex;align-items:center;justify-content:flex-start;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;flex:1;gap:", ";overflow:hidden;"], ({
     theme: theme2
   }) => theme2.click.sidebar.navigation.item.default.space.gap);
-  const EllipsisContainer = styledComponents.styled.span.withConfig({
+  const EllipsisContainer = styled.styled.span.withConfig({
     componentId: "sc-1cu1l45-1"
   })(["display:flex;white-space:nowrap;overflow:hidden;justify-content:flex-start;gap:inherit;flex:1;& > *:not(button){overflow:hidden;text-overflow:ellipsis;}"]);
   const IconWrapper = ({
@@ -38895,7 +39176,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(SidebarItemWrapper, { $level: level, "data-selected": selected, $type: type, ref, "aria-disabled": disabled, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { icon, iconDir, children: label }) });
   });
-  const SidebarItemWrapper = styledComponents.styled.div.withConfig({
+  const SidebarItemWrapper = styled.styled.div.withConfig({
     componentId: "sc-1rz759l-0"
   })(["display:flex;align-items:center;border:none;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;white-space:nowrap;overflow:hidden;flex-wrap:nowrap;", ""], ({
     theme: theme2,
@@ -38967,7 +39248,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     open: false,
     onOpenChange: () => null
   });
-  const CollapsibleContainer = styledComponents.styled.div.withConfig({
+  const CollapsibleContainer = styled.styled.div.withConfig({
     componentId: "sc-guwmyz-0"
   })(['width:100%;[data-trigger-icon]{visibility:hidden;transition:transform 150ms cubic-bezier(0.87,0,0.13,1);&[data-open="true"]{transform:rotate(90deg);}}[data-collapsible-header]:hover [data-trigger-icon]{visibility:visible;}']);
   const Collapsible = ({
@@ -38994,7 +39275,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     };
     return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContainer, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(NavContext.Provider, { value, children }) });
   };
-  const CollapsipleHeaderContainer = styledComponents.styled.div.withConfig({
+  const CollapsipleHeaderContainer = styled.styled.div.withConfig({
     componentId: "sc-guwmyz-1"
   })(["margin-left:", ";user-select:none;"], ({
     theme: theme2,
@@ -39027,7 +39308,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   });
   CollapsipleHeader.displayName = "CollapsibleHeader";
   Collapsible.Header = CollapsipleHeader;
-  const CollapsipleTriggerButton = styledComponents.styled(EmptyButton$1).withConfig({
+  const CollapsipleTriggerButton = styled.styled(EmptyButton$1).withConfig({
     componentId: "sc-guwmyz-2"
   })(["display:flex;align-items:center;font:inherit;color:inherit;cursor:inherit;"]);
   const CollapsipleTrigger = ({
@@ -39058,7 +39339,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   };
   CollapsipleTrigger.displayName = "CollapsibleTrigger";
   Collapsible.Trigger = CollapsipleTrigger;
-  const CollapsibleContentWrapper = styledComponents.styled.div.withConfig({
+  const CollapsibleContentWrapper = styled.styled.div.withConfig({
     componentId: "sc-guwmyz-3"
   })(["", ""], ({
     theme: theme2,
@@ -39109,7 +39390,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(SidebarTitleWrapper, { "data-selected": selected, $type: type, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { icon, iconDir, children: label }) });
   };
-  const SidebarTitleWrapper = styledComponents.styled.button.withConfig({
+  const SidebarTitleWrapper = styled.styled.button.withConfig({
     componentId: "sc-1rg1a4o-0"
   })(["display:inline-flex;align-items:center;background:transparent;border:none;width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;white-space:nowrap;overflow:hidden;cursor:pointer;", " a{color:inherit;text-decoration:none;&:active{color:inherit;}}"], ({
     theme: theme2,
@@ -39154,7 +39435,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       /* @__PURE__ */ jsxRuntime.jsx(Collapsible.Content, { children })
     ] });
   };
-  const CUISpacer = styledComponents.styled.div.withConfig({
+  const CUISpacer = styled.styled.div.withConfig({
     componentId: "sc-6ga865-0"
   })(["background:transparent;display:flex;padding:", ";"], ({
     theme: theme2,
@@ -39203,7 +39484,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       /* @__PURE__ */ jsxRuntime.jsx(DropdownContent, { as: Dropdown.Content, side, $width: width, sideOffset: 4, align: "end", children: menu.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsx(MenuContentItem, { parentKey: `split-menu-option-${index2}`, ...item }, `split-menu-option-${index2}`)) })
     ] });
   };
-  const DropdownContent = styledComponents.styled.div.withConfig({
+  const DropdownContent = styled.styled.div.withConfig({
     componentId: "sc-85zs9e-0"
   })(["min-width:", "px;"], ({
     $width
@@ -39230,7 +39511,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] });
     }
   };
-  const SplitButtonTrigger = styledComponents.styled.div.withConfig({
+  const SplitButtonTrigger = styled.styled.div.withConfig({
     componentId: "sc-85zs9e-1"
   })(["display:inline-flex;align-items:center;overflow:hidden;user-select:none;", ""], ({
     theme: theme2,
@@ -39253,7 +39534,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           }
         `}
   `);
-  const PrimaryButton = styledComponents.styled(BaseButton).withConfig({
+  const PrimaryButton = styled.styled(BaseButton).withConfig({
     componentId: "sc-85zs9e-2"
   })(["border:none;align-self:stretch;border-radius:0;align-items:center;padding:", ";", ""], ({
     theme: theme2
@@ -39283,7 +39564,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       font: ${theme2.click.button.split.typography.label.disabled};
     }
   `);
-  const SecondaryButton = styledComponents.styled(BaseButton).withConfig({
+  const SecondaryButton = styled.styled(BaseButton).withConfig({
     componentId: "sc-85zs9e-3"
   })(["border:none;align-self:stretch;border-radius:0;", ""], ({
     theme: theme2,
@@ -39305,7 +39586,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: ${theme2.click.button.split[$type].text.disabled};
     }
   `);
-  const ButtonData = styledComponents.styled.div.withConfig({
+  const ButtonData = styled.styled.div.withConfig({
     componentId: "sc-85zs9e-4"
   })(["width:auto;"]);
   const $6be4966fd9bbc698$var$SWITCH_NAME = "Switch";
@@ -39418,7 +39699,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }
   const $6be4966fd9bbc698$export$be92b6f5f03c0fe9 = $6be4966fd9bbc698$export$b5d5cf8927ab7262;
   const $6be4966fd9bbc698$export$6521433ed15a34db = $6be4966fd9bbc698$export$4d07bf653ea69106;
-  const Wrapper = styledComponents.styled(FormRoot).withConfig({
+  const Wrapper = styled.styled(FormRoot).withConfig({
     componentId: "sc-egkkgl-0"
   })(["align-items:center;max-width:fit-content;"]);
   const Switch = React.forwardRef(({
@@ -39477,7 +39758,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       };
     }
   };
-  const SwitchRoot = styledComponents.styled($6be4966fd9bbc698$export$be92b6f5f03c0fe9).withConfig({
+  const SwitchRoot = styled.styled($6be4966fd9bbc698$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-egkkgl-1"
   })((props) => {
     const vars = getRootVars(props.theme, props.disabled, props.checked);
@@ -39492,7 +39773,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       cursor: props.disabled ? "not-allowed" : "pointer"
     };
   });
-  const SwitchThumb = styledComponents.styled($6be4966fd9bbc698$export$6521433ed15a34db).withConfig({
+  const SwitchThumb = styled.styled($6be4966fd9bbc698$export$6521433ed15a34db).withConfig({
     componentId: "sc-egkkgl-2"
   })((props) => {
     const vars = getThumbVars(props.theme, props.$disabled, props.$checked);
@@ -39644,13 +39925,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   const $69cb30bb0017df05$export$54c2e3dc7acea9f5 = $69cb30bb0017df05$export$9712d22edc0d78c1;
   const $69cb30bb0017df05$export$41fb9f06171c75f4 = $69cb30bb0017df05$export$8114b9fdfdf9f3ba;
   const $69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$bd905d70e8fd2ebb;
-  const Trigger = styledComponents.styled($69cb30bb0017df05$export$41fb9f06171c75f4).withConfig({
+  const Trigger = styled.styled($69cb30bb0017df05$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-tj736u-0"
   })(["padding:", ";border-top-left-radius:", ";border-top-right-radius:", ";border:none;border-bottom:2px solid ", ";background-color:", ";color:", ";font:", ';cursor:pointer;&[data-state="active"]{border-bottom:2px solid ', ";color:", ";font:", ";&:hover{font:", ";}}&:hover{border-bottom:2px solid ", ";background-color:", ";color:", ";font:", ';}&:hover[data-state="active"]{border-bottom:2px solid ', ";}"], (props) => `${props.theme.click.tabs.space.y} ${props.theme.click.tabs.space.x}`, (props) => props.theme.click.tabs.radii.all, (props) => props.theme.click.tabs.radii.all, (props) => props.theme.click.tabs.basic.color.stroke.default, (props) => props.theme.click.tabs.basic.color.background.default, (props) => props.theme.click.tabs.basic.color.text.default, (props) => props.theme.click.tabs.typography.label.default, (props) => props.theme.click.tabs.basic.color.stroke.active, (props) => props.theme.click.tabs.basic.color.text.active, (props) => props.theme.click.tabs.typography.label.active, (props) => props.theme.click.tabs.typography.label.active, (props) => props.theme.click.tabs.basic.color.stroke.hover, (props) => props.theme.click.tabs.basic.color.background.hover, (props) => props.theme.click.tabs.basic.color.text.hover, (props) => props.theme.click.tabs.typography.label.hover, (props) => props.theme.click.tabs.basic.color.stroke.active);
-  const Content = styledComponents.styled($69cb30bb0017df05$export$7c6e2c02157bb7d2).withConfig({
+  const Content = styled.styled($69cb30bb0017df05$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-tj736u-1"
   })([""]);
-  const TriggersList = styledComponents.styled($69cb30bb0017df05$export$54c2e3dc7acea9f5).withConfig({
+  const TriggersList = styled.styled($69cb30bb0017df05$export$54c2e3dc7acea9f5).withConfig({
     componentId: "sc-tj736u-2"
   })(["border-bottom:1px solid ", ";display:flex;"], (props) => props.theme.click.global.color.stroke.default);
   const Tabs = ({
@@ -39665,10 +39946,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   Tabs.TriggersList = TriggersList;
   Tabs.Trigger = Trigger;
   Tabs.Content = Content;
-  const FullWidthTabs = styledComponents.styled(Tabs).withConfig({
+  const FullWidthTabs = styled.styled(Tabs).withConfig({
     componentId: "sc-tj736u-3"
   })(["width:100%;"]);
-  FullWidthTabs.Trigger = styledComponents.styled(Trigger).withConfig({
+  FullWidthTabs.Trigger = styled.styled(Trigger).withConfig({
     componentId: "sc-tj736u-4"
   })(["", ";"], (props) => props.width ? `width: ${props.width};` : `
     flex-basis: auto;
@@ -39676,12 +39957,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     flex-shrink: 1;
   `);
   FullWidthTabs.TriggersList = TriggersList;
-  const TabsContainer = styledComponents.styled.div.withConfig({
+  const TabsContainer = styled.styled.div.withConfig({
     componentId: "sc-137ymle-0"
   })(["display:flex;position:relative;overflow:auto;overscroll-behavior:none;scrollbar-width:0;max-width:", ";&::-webkit-scrollbar{height:0;}"], ({
     $count
   }) => `${$count * 200}px`);
-  const TabsSortableContainer = styledComponents.styled.div.withConfig({
+  const TabsSortableContainer = styled.styled.div.withConfig({
     componentId: "sc-137ymle-1"
   })(["display:flex;& > div{height:100%;outline:none;min-width:100px;width:clamp(100px,100%,200px);&.sortable-ghost{opacity:0;}}"]);
   const TabContext = React.createContext({
@@ -39752,7 +40033,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       }
     }, revertOnSpill: true, ...props, children: React.Children.map(children, (child, index2) => /* @__PURE__ */ jsxRuntime.jsx("div", { tabIndex: index2 + 1, role: "tab", onClick: onSelect(index2), children: child }, `tab-element-${index2}`)) }) }) });
   };
-  const TabElement = styledComponents.styled.div.withConfig({
+  const TabElement = styled.styled.div.withConfig({
     componentId: "sc-137ymle-2"
   })(["display:grid;justify-content:flex-start;align-items:center;outline:none;max-width:100%;max-width:-webkit-fill-available;max-width:fill-available;max-width:stretch;border:none;cursor:pointer;height:100%;max-height:100%;box-sizing:border-box;", ' [data-type="close"]{display:none;}[data-indicator]{display:block;}&:hover{[data-type="close"]{display:block;}[data-indicator]{display:none;}}'], ({
     theme: theme2,
@@ -39790,7 +40071,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         `}
     ${$preview === true ? "font-style: italic;" : ""}
   `);
-  const Indicator = styledComponents.styled.div.withConfig({
+  const Indicator = styled.styled.div.withConfig({
     componentId: "sc-137ymle-3"
   })(['position:relative;&::after{position:absolute;left:0.25rem;top:0.25rem;content:"";width:0.5rem;height:0.5rem;', "}"], ({
     theme: theme2,
@@ -39799,15 +40080,15 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       background: ${$status === "default" ? "transparent" : theme2.click.alert.color.text[$status]};
       border-radius: 50%;
   `);
-  const TabContent = styledComponents.styled.div.withConfig({
+  const TabContent = styled.styled.div.withConfig({
     componentId: "sc-137ymle-4"
   })(["display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;overflow:hidden;gap:", ";"], ({
     theme: theme2
   }) => theme2.click.tabs.fileTabs.space.gap);
-  const TabContentText = styledComponents.styled.span.withConfig({
+  const TabContentText = styled.styled.span.withConfig({
     componentId: "sc-137ymle-5"
   })(["display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;"]);
-  const EmptyButton = styledComponents.styled.button.withConfig({
+  const EmptyButton = styled.styled.button.withConfig({
     componentId: "sc-137ymle-6"
   })(["padding:0;", ";&:hover{background:", ";}"], ({
     theme: theme2
@@ -39866,7 +40147,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       children && /* @__PURE__ */ jsxRuntime.jsx(TabContentText, { children })
     ] });
   };
-  const StyledHeader = styledComponents.styled.th.withConfig({
+  const StyledHeader = styled.styled.th.withConfig({
     componentId: "sc-1q458rb-0"
   })(["", " text-align:left;"], ({
     theme: theme2,
@@ -39876,10 +40157,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     font: ${theme2.click.table.header.title.default};
     color: ${theme2.click.table.header.color.title.default};
   `);
-  const HeaderContentWrapper = styledComponents.styled.div.withConfig({
+  const HeaderContentWrapper = styled.styled.div.withConfig({
     componentId: "sc-1q458rb-1"
   })(["display:flex;align-items:center;justify-content:start;gap:inherit;"]);
-  const SortIcon = styledComponents.styled(SvgImage).withConfig({
+  const SortIcon = styled.styled(SvgImage).withConfig({
     componentId: "sc-1q458rb-2"
   })(["transition:all 200ms;transform:rotate(", ");"], ({
     $sortDir
@@ -39939,7 +40220,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] }) })
     ] });
   };
-  const TableRow = styledComponents.styled.tr.withConfig({
+  const TableRow = styled.styled.tr.withConfig({
     componentId: "sc-1q458rb-3"
   })(["overflow:hidden;", " &:last-of-type,&:last-child{border-bottom:none;}@media (max-width:768px){position:relative;display:flex;flex-wrap:wrap;", "}"], ({
     theme: theme2,
@@ -39972,7 +40253,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ${$isSelectable ? `padding-left: calc(${theme2.click.table.body.cell.space.sm.x} + ${theme2.click.table.body.cell.space.sm.x} + ${theme2.click.checkbox.size.all});` : ""}
       ${$showActions ? `padding-right: calc(${theme2.click.table.body.cell.space.sm.x} + ${theme2.click.table.body.cell.space.sm.x} + ${theme2.click.image.sm.size.width} + ${theme2.click.button.iconButton.default.space.x} + ${theme2.click.button.iconButton.default.space.x});` : ""}
     `);
-  const TableData = styledComponents.styled.td.withConfig({
+  const TableData = styled.styled.td.withConfig({
     componentId: "sc-1q458rb-4"
   })(["overflow:hidden;", " @media (max-width:768px){width:auto;min-width:40%;", "}"], ({
     theme: theme2,
@@ -39986,10 +40267,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }) => `
       padding: ${theme2.click.table.body.cell.space.sm.y} ${theme2.click.table.body.cell.space.sm.x};
     `);
-  const StyledColGroup = styledComponents.styled.colgroup.withConfig({
+  const StyledColGroup = styled.styled.colgroup.withConfig({
     componentId: "sc-1q458rb-5"
   })(["@media (max-width:768px){display:none;}"]);
-  const StyledThead = styledComponents.styled.thead.withConfig({
+  const StyledThead = styled.styled.thead.withConfig({
     componentId: "sc-1q458rb-6"
   })(["tr{overflow:hidden;background-color:", ";", "}@media (max-width:768px){display:none;}"], ({
     theme: theme2
@@ -39997,7 +40278,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     theme: theme2
   }) => ` border-bottom: ${theme2.click.table.cell.stroke} solid ${theme2.click.table.row.color.stroke.default};
   `);
-  const MobileHeader = styledComponents.styled.div.withConfig({
+  const MobileHeader = styled.styled.div.withConfig({
     componentId: "sc-1q458rb-7"
   })(["display:none;", " @media (max-width:768px){display:block;}"], ({
     theme: theme2
@@ -40005,10 +40286,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     color: ${theme2.click.table.row.color.label.default};
     font:  ${theme2.click.table.cell.label.default};
   `);
-  const Tbody = styledComponents.styled.tbody.withConfig({
+  const Tbody = styled.styled.tbody.withConfig({
     componentId: "sc-1q458rb-8"
   })(["@media (max-width:768px){display:flex;flex-direction:column;gap:0.25rem;}"]);
-  const SelectData = styledComponents.styled.td.withConfig({
+  const SelectData = styled.styled.td.withConfig({
     componentId: "sc-1q458rb-9"
   })(["overflow:hidden;", " @media (max-width:768px){width:auto;align-self:stretch;position:absolute;left:0;top:0;bottom:0;", "}"], ({
     theme: theme2,
@@ -40023,7 +40304,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       padding: ${theme2.click.table.body.cell.space.sm.y} ${theme2.click.table.body.cell.space.sm.x};
       border-right: ${theme2.click.table.cell.stroke} solid ${theme2.click.table.row.color.stroke.default};
     `);
-  const ActionsList = styledComponents.styled.td.withConfig({
+  const ActionsList = styled.styled.td.withConfig({
     componentId: "sc-1q458rb-10"
   })(["overflow:hidden;", " @media (max-width:768px){width:auto;align-self:stretch;position:absolute;right:0;top:0;bottom:0;", "}"], ({
     theme: theme2,
@@ -40038,10 +40319,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       padding: ${theme2.click.table.body.cell.space.sm.y} ${theme2.click.table.body.cell.space.sm.x};
       border-left: 1px solid ${theme2.click.table.row.color.stroke.default};
     `);
-  const ActionsContainer = styledComponents.styled.div.withConfig({
+  const ActionsContainer = styled.styled.div.withConfig({
     componentId: "sc-1q458rb-11"
   })(["display:flex;flex-wrap:wrap;gap:0.5rem;overflow:hidden;@media (max-width:768px){flex-direction:column;overflow:auto;flex-wrap:nowrap;}"]);
-  const TableWrapper = styledComponents.styled.div.withConfig({
+  const TableWrapper = styled.styled.div.withConfig({
     componentId: "sc-1q458rb-12"
   })(["width:100%;height:100%;overflow:auto;", ""], ({
     theme: theme2
@@ -40049,18 +40330,18 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   border: ${theme2.click.table.cell.stroke} solid ${theme2.click.table.global.color.stroke.default};
   border-radius: ${theme2.click.table.radii.all}
   `);
-  const TableOuterContainer = styledComponents.styled.div.withConfig({
+  const TableOuterContainer = styled.styled.div.withConfig({
     componentId: "sc-1q458rb-13"
   })(["display:flex;flex-direction:column;gap:1rem;width:100%;"]);
-  const MobileActions = styledComponents.styled.div.withConfig({
+  const MobileActions = styled.styled.div.withConfig({
     componentId: "sc-1q458rb-14"
   })(["display:none;@media (max-width:768px){display:flex;justify-content:space-between;align-items:center;padding:0 ", ";}"], ({
     theme: theme2
   }) => theme2.click.table.body.cell.space.sm.x);
-  const EditButton = styledComponents.styled.button.withConfig({
+  const EditButton = styled.styled.button.withConfig({
     componentId: "sc-1q458rb-15"
   })(["&:disabled{background:transparent;}"]);
-  const TableRowCloseButton = styledComponents.styled.button.withConfig({
+  const TableRowCloseButton = styled.styled.button.withConfig({
     componentId: "sc-1q458rb-16"
   })(["svg{transition:transform 200ms;", "}&:disabled{background:transparent;}"], ({
     $isDeleted
@@ -40100,10 +40381,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] }) })
     ] });
   };
-  const SpanedTableData = styledComponents.styled(TableData).withConfig({
+  const SpanedTableData = styled.styled(TableData).withConfig({
     componentId: "sc-1q458rb-17"
   })(["text-align:center;"]);
-  const CustomTableDataMessage = styledComponents.styled.div.withConfig({
+  const CustomTableDataMessage = styled.styled.div.withConfig({
     componentId: "sc-1q458rb-18"
   })(["display:flex;gap:0.5rem;justify-content:center;"]);
   const LoadingData = () => {
@@ -40190,7 +40471,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] }) })
     ] });
   });
-  const StyledTable = styledComponents.styled.table.withConfig({
+  const StyledTable = styled.styled.table.withConfig({
     componentId: "sc-1q458rb-19"
   })(["width:100%;border-collapse:collapse;overflow:hidden;table-layout:fixed;@media (max-width:768px){border:none;table-layout:auto;}"]);
   const TextAreaField = React.forwardRef(({
@@ -40796,7 +41077,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   };
   TooltipTrigger.displayName = "TooltipTrigger";
   Tooltip.Trigger = TooltipTrigger;
-  const RadixTooltipContent = styledComponents.styled($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withConfig({
+  const RadixTooltipContent = styled.styled($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-ymqkp1-0"
   })(["display:flex;align-items:flex-start;", ""], ({
     theme: theme2,
@@ -40810,7 +41091,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     white-space: pre-wrap;
     ${$maxWidth && `max-width: ${$maxWidth}`};
   `);
-  const Arrow = styledComponents.styled.svg.withConfig({
+  const Arrow = styled.styled.svg.withConfig({
     componentId: "sc-ymqkp1-1"
   })(["", ";"], ({
     theme: theme2
@@ -41521,7 +41802,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   const ToastContext = React.createContext({
     createToast: () => null
   });
-  const ToastIcon = styledComponents.styled(SvgImage).withConfig({
+  const ToastIcon = styled.styled(SvgImage).withConfig({
     componentId: "sc-tmc8vl-0"
   })(["", ""], ({
     theme: theme2,
@@ -41531,7 +41812,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   height: ${theme2.click.toast.icon.size.height};
   color: ${theme2.click.toast.color.icon[$type]}
 `);
-  const hide = styledComponents.keyframes`
+  const hide = styled.keyframes`
   from {
     opacity: 1;
   }
@@ -41539,7 +41820,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     opacity: 0;
   }
 `;
-  const slideIn = styledComponents.keyframes`
+  const slideIn = styled.keyframes`
   from {
     transform: translateX(calc(100% + var(--viewport-padding)));
   }
@@ -41547,7 +41828,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     transform: translateX(0);
   }
 `;
-  const swipeOut = styledComponents.keyframes`
+  const swipeOut = styled.keyframes`
   from {
     transform: translateX(var(--radix-toast-swipe-end-x));
   }
@@ -41555,7 +41836,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     transform: translateX(calc(100% + var(--viewport-padding)));
   }
 `;
-  const ToastRoot = styledComponents.styled($054eb8030ebde76e$export$be92b6f5f03c0fe9).withConfig({
+  const ToastRoot = styled.styled($054eb8030ebde76e$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-tmc8vl-1"
   })(["display:flex;flex-direction:column;align-items:flex-start;width:100%;", " &[data-state='open']{animation:", ' 150ms cubic-bezier(0.16,1,0.3,1);}&[data-state="closed"]{animation:', ' 100ms ease-in;}&[data-swipe="move"]{transform:translateX(var(--radix-toast-swipe-move-x));}&[data-swipe="cancel"]{transform:translateX(0);transition:transform 200ms ease-out;}&[data-swipe="end"]{animation:', " 100ms ease-out;}"], ({
     theme: theme2
@@ -41567,7 +41848,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     background: ${theme2.click.global.color.background.default};
     box-shadow: ${theme2.click.toast.shadow};
   `, slideIn, hide, swipeOut);
-  const ToastHeader = styledComponents.styled($054eb8030ebde76e$export$f99233281efd08a0).withConfig({
+  const ToastHeader = styled.styled($054eb8030ebde76e$export$f99233281efd08a0).withConfig({
     componentId: "sc-tmc8vl-2"
   })(["display:flex;justify-content:space-between;align-items:center;width:100%;gap:inherit;", ""], ({
     theme: theme2
@@ -41575,7 +41856,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     font: ${theme2.click.toast.typography.title.default};
     color: ${theme2.click.toast.color.title.default};
   `);
-  const ToastDescriptionContainer = styledComponents.styled.div.withConfig({
+  const ToastDescriptionContainer = styled.styled.div.withConfig({
     componentId: "sc-tmc8vl-3"
   })(["display:flex;justify-content:space-between;width:100%;align-items:flex-end;gap:inherit;", ""], ({
     theme: theme2
@@ -41583,7 +41864,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     font: ${theme2.click.toast.typography.title.default};
     color: ${theme2.click.toast.color.title.default};
   `);
-  const ToastDescriptionContent = styledComponents.styled.div.withConfig({
+  const ToastDescriptionContent = styled.styled.div.withConfig({
     componentId: "sc-tmc8vl-4"
   })(["display:flex;align-self:stretch;gap:inherit;", ""], ({
     theme: theme2
@@ -41591,7 +41872,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     font: ${theme2.click.toast.typography.description.default};
     color: ${theme2.click.toast.color.description.default};
   `);
-  const Title = styledComponents.styled.div.withConfig({
+  const Title = styled.styled.div.withConfig({
     componentId: "sc-tmc8vl-5"
   })(["flex:1;"]);
   const Toast = ({
@@ -41625,7 +41906,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] })
     ] });
   };
-  const Viewport = styledComponents.styled($054eb8030ebde76e$export$d5c6c08dc2d3ca7).withConfig({
+  const Viewport = styled.styled($054eb8030ebde76e$export$d5c6c08dc2d3ca7).withConfig({
     componentId: "sc-tmc8vl-6"
   })(["--viewport-padding:25px;position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:var(--viewport-padding);gap:", ";width:", ";max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none;"], ({
     theme: theme2
@@ -42953,6 +43234,126 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    datePicker: {
+      dateOption: {
+        color: {
+          label: {
+            "default": "#161517",
+            hover: "#161517",
+            active: "#ffffff",
+            disabled: "#a0a0a0",
+            range: "#161517"
+          },
+          background: {
+            "default": "#ffffff",
+            hover: "#ffffff",
+            active: "#151515",
+            disabled: "#ffffff",
+            range: "#e6e7e9"
+          },
+          stroke: {
+            "default": "#ffffff",
+            hover: "#151515",
+            active: "#151515",
+            disabled: "#ffffff",
+            range: "#e6e7e9"
+          }
+        }
+      },
+      color: {
+        title: {
+          "default": "lch(10.2 1.39 305)"
+        },
+        daytitle: {
+          "default": "#696e79"
+        }
+      }
+    },
+    dialog: {
+      typography: {
+        title: {
+          "default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+        }
+      }
+    },
+    flyout: {
+      typography: {
+        title: {
+          "default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+        }
+      },
+      color: {
+        background: {
+          "default": "#ffffff"
+        },
+        title: {
+          "default": "lch(10.2 1.39 305)"
+        },
+        description: {
+          "default": "#696e79"
+        },
+        opaqueBackground: {
+          "default": "lch(6.77 0 0 / 0.45)"
+        },
+        stroke: {
+          "default": "#e6e7e9"
+        }
+      }
+    },
+    grid: {
+      header: {
+        cell: {
+          color: {
+            background: {
+              "default": "#f6f7fa",
+              selectIndirect: "lch(99.6 3.76 101)",
+              selectDirect: "lch(97.5 12 97.4)"
+            },
+            title: {
+              "default": "#696e79",
+              selectIndirect: "#161517",
+              selectDirect: "#161517"
+            },
+            stroke: {
+              "default": "lch(89.3 1.07 266)",
+              selectIndirect: "lch(92.8 31.1 85.9)",
+              selectDirect: "lch(90.9 28.1 85.9)"
+            }
+          }
+        }
+      },
+      body: {
+        cell: {
+          color: {
+            background: {
+              "default": "#ffffff",
+              selectIndirect: "lch(99.4 8.48 102 / 0.2)",
+              selectDirect: "lch(99.4 8.48 102 / 0.2)"
+            },
+            stroke: {
+              "default": "#e6e7e9",
+              selectIndirect: "lch(74.1 25.6 85.9)",
+              selectDirect: "#FFC029"
+            },
+            text: {
+              "default": "lch(7.17 1.44 305)",
+              selectIndirect: "#161517",
+              selectDirect: "#161517"
+            }
+          }
+        }
+      },
+      global: {
+        color: {
+          stroke: {
+            "default": "#e6e7e9"
+          },
+          background: {
+            "default": "#ffffff"
+          }
+        }
+      }
+    },
     sidebar: {
       main: {
         color: {
@@ -43207,126 +43608,6 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
-    dialog: {
-      typography: {
-        title: {
-          "default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-        }
-      }
-    },
-    flyout: {
-      typography: {
-        title: {
-          "default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-        }
-      },
-      color: {
-        background: {
-          "default": "#ffffff"
-        },
-        title: {
-          "default": "lch(10.2 1.39 305)"
-        },
-        description: {
-          "default": "#696e79"
-        },
-        opaqueBackground: {
-          "default": "lch(6.77 0 0 / 0.45)"
-        },
-        stroke: {
-          "default": "#e6e7e9"
-        }
-      }
-    },
-    grid: {
-      header: {
-        cell: {
-          color: {
-            background: {
-              "default": "#f6f7fa",
-              selectIndirect: "lch(99.6 3.76 101)",
-              selectDirect: "lch(97.5 12 97.4)"
-            },
-            title: {
-              "default": "#696e79",
-              selectIndirect: "#161517",
-              selectDirect: "#161517"
-            },
-            stroke: {
-              "default": "lch(89.3 1.07 266)",
-              selectIndirect: "lch(92.8 31.1 85.9)",
-              selectDirect: "lch(90.9 28.1 85.9)"
-            }
-          }
-        }
-      },
-      body: {
-        cell: {
-          color: {
-            background: {
-              "default": "#ffffff",
-              selectIndirect: "lch(99.4 8.48 102 / 0.2)",
-              selectDirect: "lch(99.4 8.48 102 / 0.2)"
-            },
-            stroke: {
-              "default": "#e6e7e9",
-              selectIndirect: "lch(74.1 25.6 85.9)",
-              selectDirect: "#FFC029"
-            },
-            text: {
-              "default": "lch(7.17 1.44 305)",
-              selectIndirect: "#161517",
-              selectDirect: "#161517"
-            }
-          }
-        }
-      },
-      global: {
-        color: {
-          stroke: {
-            "default": "#e6e7e9"
-          },
-          background: {
-            "default": "#ffffff"
-          }
-        }
-      }
-    },
-    datePicker: {
-      dateOption: {
-        color: {
-          label: {
-            "default": "#161517",
-            hover: "#161517",
-            active: "#ffffff",
-            disabled: "#a0a0a0",
-            range: "#161517"
-          },
-          background: {
-            "default": "#ffffff",
-            hover: "#ffffff",
-            active: "#151515",
-            disabled: "#ffffff",
-            range: "#e6e7e9"
-          },
-          stroke: {
-            "default": "#ffffff",
-            hover: "#151515",
-            active: "#151515",
-            disabled: "#ffffff",
-            range: "#e6e7e9"
-          }
-        }
-      },
-      color: {
-        title: {
-          "default": "lch(10.2 1.39 305)"
-        },
-        daytitle: {
-          "default": "#696e79"
-        }
-      }
-    },
     global: {
       color: {
         text: {
@@ -44368,6 +44649,57 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    datePicker: {
+      dateOption: {
+        color: {
+          label: {
+            "default": "#ffffff",
+            hover: "#ffffff",
+            active: "#1F1F1C",
+            disabled: "#a0a0a0",
+            range: "#ffffff"
+          },
+          background: {
+            "default": "#1F1F1C",
+            hover: "#1F1F1C",
+            active: "#FAFF69",
+            disabled: "#1F1F1C",
+            range: "#323232"
+          },
+          stroke: {
+            "default": "#1F1F1C",
+            hover: "#FAFF69",
+            active: "#FAFF69",
+            disabled: "#1F1F1C",
+            range: "#323232"
+          }
+        }
+      },
+      color: {
+        title: {
+          "default": "rgb(97.5% 97.5% 97.5%)"
+        },
+        daytitle: {
+          "default": "#b3b6bd"
+        }
+      }
+    },
+    dialog: {
+      color: {
+        background: {
+          "default": "#1F1F1C"
+        },
+        title: {
+          "default": "rgb(97.5% 97.5% 97.5%)"
+        },
+        description: {
+          "default": "#b3b6bd"
+        },
+        opaqueBackground: {
+          "default": "lch(40.7 0 0 / 0.75)"
+        }
+      }
+    },
     field: {
       color: {
         background: {
@@ -44417,6 +44749,67 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    fileUpload: {
+      sm: {
+        color: {
+          icon: {
+            "default": "#b3b6bd"
+          }
+        }
+      },
+      md: {
+        color: {
+          icon: {
+            "default": "#ffffff"
+          }
+        }
+      },
+      color: {
+        background: {
+          "default": "#1F1F1C",
+          hover: "#1F1F1C",
+          active: "rgb(19.9% 19.9% 19.9%)",
+          error: "rgb(100% 13.7% 13.7% / 0.2)"
+        },
+        stroke: {
+          "default": "rgb(23.6% 23.6% 23.6%)",
+          hover: "rgb(23.6% 23.6% 23.6%)",
+          active: "#414141",
+          error: "rgba(0,0,0,0)"
+        },
+        title: {
+          "default": "#ffffff",
+          hover: "#ffffff",
+          active: "#ffffff",
+          error: "#ffbaba"
+        },
+        description: {
+          "default": "#b3b6bd",
+          hover: "#b3b6bd",
+          active: "#b3b6bd",
+          error: "#ffbaba"
+        }
+      }
+    },
+    flyout: {
+      color: {
+        background: {
+          "default": "#282828"
+        },
+        title: {
+          "default": "rgb(97.5% 97.5% 97.5%)"
+        },
+        description: {
+          "default": "#b3b6bd"
+        },
+        opaqueBackground: {
+          "default": "lch(6.77 0 0 / 0.45)"
+        },
+        stroke: {
+          "default": "#323232"
+        }
+      }
+    },
     genericMenu: {
       item: {
         color: {
@@ -44491,6 +44884,88 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    grid: {
+      header: {
+        cell: {
+          color: {
+            background: {
+              "default": "#282828",
+              selectIndirect: "lch(19.5 0 0)",
+              selectDirect: "lch(27.3 0 0)"
+            },
+            title: {
+              "default": "#b3b6bd",
+              selectIndirect: "#ffffff",
+              selectDirect: "#ffffff"
+            },
+            stroke: {
+              "default": "lch(20.3 0 0)",
+              selectIndirect: "lch(26.8 0 0)",
+              selectDirect: "lch(29.4 0 0)"
+            }
+          }
+        }
+      },
+      body: {
+        cell: {
+          color: {
+            background: {
+              "default": "#1F1F1C",
+              selectIndirect: "lch(15.8 0 0)",
+              selectDirect: "lch(15.8 0 0)"
+            },
+            stroke: {
+              "default": "#323232",
+              selectIndirect: "lch(22 0 0)",
+              selectDirect: "#FAFF69"
+            },
+            text: {
+              "default": "lch(100 0 0)",
+              selectIndirect: "#ffffff",
+              selectDirect: "#ffffff"
+            }
+          }
+        }
+      },
+      global: {
+        color: {
+          stroke: {
+            "default": "#323232"
+          },
+          background: {
+            "default": "#1F1F1C"
+          }
+        }
+      }
+    },
+    icon: {
+      color: {
+        background: {
+          "default": "rgba(0,0,0,0)",
+          success: "rgb(20% 100% 26.7% / 0.2)",
+          neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
+          danger: "rgb(100% 13.7% 13.7% / 0.2)",
+          info: "rgb(26.3% 49.4% 93.7% / 0.2)",
+          warning: "rgb(100% 46.7% 16.1% / 0.2)"
+        },
+        text: {
+          "default": "rgba(0,0,0,0)",
+          success: "#CCFFD0",
+          neutral: "#c0c0c0",
+          danger: "#ffbaba",
+          info: "#D0DFFB",
+          warning: "#FFB88F"
+        },
+        stroke: {
+          "default": "rgba(0,0,0,0)",
+          success: "rgb(20% 100% 26.7% / 0.05)",
+          neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
+          danger: "rgb(100% 13.7% 13.7% / 0.05)",
+          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+          warning: "rgb(100% 46.7% 16.1% / 0.05)"
+        }
+      }
+    },
     image: {
       color: {
         stroke: "#ffffff"
@@ -44910,158 +45385,6 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
-    dialog: {
-      color: {
-        background: {
-          "default": "#1F1F1C"
-        },
-        title: {
-          "default": "rgb(97.5% 97.5% 97.5%)"
-        },
-        description: {
-          "default": "#b3b6bd"
-        },
-        opaqueBackground: {
-          "default": "lch(40.7 0 0 / 0.75)"
-        }
-      }
-    },
-    flyout: {
-      color: {
-        background: {
-          "default": "#282828"
-        },
-        title: {
-          "default": "rgb(97.5% 97.5% 97.5%)"
-        },
-        description: {
-          "default": "#b3b6bd"
-        },
-        opaqueBackground: {
-          "default": "lch(6.77 0 0 / 0.45)"
-        },
-        stroke: {
-          "default": "#323232"
-        }
-      }
-    },
-    grid: {
-      header: {
-        cell: {
-          color: {
-            background: {
-              "default": "#282828",
-              selectIndirect: "lch(19.5 0 0)",
-              selectDirect: "lch(27.3 0 0)"
-            },
-            title: {
-              "default": "#b3b6bd",
-              selectIndirect: "#ffffff",
-              selectDirect: "#ffffff"
-            },
-            stroke: {
-              "default": "lch(20.3 0 0)",
-              selectIndirect: "lch(26.8 0 0)",
-              selectDirect: "lch(29.4 0 0)"
-            }
-          }
-        }
-      },
-      body: {
-        cell: {
-          color: {
-            background: {
-              "default": "#1F1F1C",
-              selectIndirect: "lch(15.8 0 0)",
-              selectDirect: "lch(15.8 0 0)"
-            },
-            stroke: {
-              "default": "#323232",
-              selectIndirect: "lch(22 0 0)",
-              selectDirect: "#FAFF69"
-            },
-            text: {
-              "default": "lch(100 0 0)",
-              selectIndirect: "#ffffff",
-              selectDirect: "#ffffff"
-            }
-          }
-        }
-      },
-      global: {
-        color: {
-          stroke: {
-            "default": "#323232"
-          },
-          background: {
-            "default": "#1F1F1C"
-          }
-        }
-      }
-    },
-    icon: {
-      color: {
-        background: {
-          "default": "rgba(0,0,0,0)",
-          success: "rgb(20% 100% 26.7% / 0.2)",
-          neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
-          danger: "rgb(100% 13.7% 13.7% / 0.2)",
-          info: "rgb(26.3% 49.4% 93.7% / 0.2)",
-          warning: "rgb(100% 46.7% 16.1% / 0.2)"
-        },
-        text: {
-          "default": "rgba(0,0,0,0)",
-          success: "#CCFFD0",
-          neutral: "#c0c0c0",
-          danger: "#ffbaba",
-          info: "#D0DFFB",
-          warning: "#FFB88F"
-        },
-        stroke: {
-          "default": "rgba(0,0,0,0)",
-          success: "rgb(20% 100% 26.7% / 0.05)",
-          neutral: "rgb(62.7% 62.7% 62.7% / 0.2)",
-          danger: "rgb(100% 13.7% 13.7% / 0.05)",
-          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
-          warning: "rgb(100% 46.7% 16.1% / 0.05)"
-        }
-      }
-    },
-    datePicker: {
-      dateOption: {
-        color: {
-          label: {
-            "default": "#ffffff",
-            hover: "#ffffff",
-            active: "#1F1F1C",
-            disabled: "#a0a0a0",
-            range: "#ffffff"
-          },
-          background: {
-            "default": "#1F1F1C",
-            hover: "#1F1F1C",
-            active: "#FAFF69",
-            disabled: "#1F1F1C",
-            range: "#323232"
-          },
-          stroke: {
-            "default": "#1F1F1C",
-            hover: "#FAFF69",
-            active: "#FAFF69",
-            disabled: "#1F1F1C",
-            range: "#323232"
-          }
-        }
-      },
-      color: {
-        title: {
-          "default": "rgb(97.5% 97.5% 97.5%)"
-        },
-        daytitle: {
-          "default": "#b3b6bd"
-        }
-      }
-    },
     global: {
       color: {
         background: {
@@ -46138,6 +46461,57 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    datePicker: {
+      dateOption: {
+        color: {
+          label: {
+            "default": "#161517",
+            hover: "#161517",
+            active: "#ffffff",
+            disabled: "#a0a0a0",
+            range: "#161517"
+          },
+          background: {
+            "default": "#ffffff",
+            hover: "#ffffff",
+            active: "#151515",
+            disabled: "#ffffff",
+            range: "#e6e7e9"
+          },
+          stroke: {
+            "default": "#ffffff",
+            hover: "#151515",
+            active: "#151515",
+            disabled: "#ffffff",
+            range: "#e6e7e9"
+          }
+        }
+      },
+      color: {
+        title: {
+          "default": "lch(11.1 1.37 305)"
+        },
+        daytitle: {
+          "default": "#696e79"
+        }
+      }
+    },
+    dialog: {
+      color: {
+        background: {
+          "default": "#ffffff"
+        },
+        title: {
+          "default": "lch(11.1 1.37 305)"
+        },
+        description: {
+          "default": "#696e79"
+        },
+        opaqueBackground: {
+          "default": "lch(6.77 0 0 / 0.75)"
+        }
+      }
+    },
     field: {
       color: {
         background: {
@@ -46187,6 +46561,64 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    fileUpload: {
+      sm: {
+        color: {
+          icon: {
+            "default": "#696e79"
+          }
+        }
+      },
+      md: {
+        color: {
+          icon: {
+            "default": "#161517"
+          }
+        }
+      },
+      color: {
+        background: {
+          "default": "#ffffff",
+          hover: "#ffffff",
+          active: "rgb(96.6% 96.9% 98.1%)",
+          error: "rgb(100% 13.7% 13.7% / 0.1)"
+        },
+        stroke: {
+          "default": "rgb(90.7% 91.1% 91.8%)",
+          hover: "rgb(90.7% 91.1% 91.8%)",
+          active: "#b3b6bd",
+          error: "rgba(0,0,0,0)"
+        },
+        title: {
+          "default": "#161517",
+          hover: "#161517",
+          active: "#161517",
+          error: "#c10000"
+        },
+        description: {
+          "default": "#696e79",
+          hover: "#696e79",
+          active: "#696e79",
+          error: "#c10000"
+        }
+      }
+    },
+    flyout: {
+      color: {
+        background: {
+          "default": "#ffffff"
+        },
+        title: {
+          "default": "lch(11.1 1.37 305)"
+        },
+        description: {
+          "default": "#696e79"
+        },
+        stroke: {
+          "default": "#e6e7e9"
+        }
+      }
+    },
     genericMenu: {
       item: {
         color: {
@@ -46260,6 +46692,88 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    grid: {
+      header: {
+        cell: {
+          color: {
+            background: {
+              "default": "#f6f7fa",
+              selectIndirect: "lch(95.6 5.84 264)",
+              selectDirect: "lch(93.2 7.7 264)"
+            },
+            title: {
+              "default": "#696e79",
+              selectIndirect: "#161517",
+              selectDirect: "#161517"
+            },
+            stroke: {
+              "default": "lch(89.3 1.07 266)",
+              selectIndirect: "lch(91.8 7.59 264)",
+              selectDirect: "lch(86.1 15.1 266)"
+            }
+          }
+        }
+      },
+      body: {
+        cell: {
+          color: {
+            background: {
+              "default": "#ffffff",
+              selectIndirect: "lch(94.1 7.78 264 / 0.2)",
+              selectDirect: "lch(94.1 7.78 264 / 0.2)"
+            },
+            stroke: {
+              "default": "#e6e7e9",
+              selectIndirect: "lch(70.7 12.4 266)",
+              selectDirect: "#437EEF"
+            },
+            text: {
+              "default": "lch(7.17 1.44 305)",
+              selectIndirect: "#161517",
+              selectDirect: "#161517"
+            }
+          }
+        }
+      },
+      global: {
+        color: {
+          stroke: {
+            "default": "#e6e7e9"
+          },
+          background: {
+            "default": "#ffffff"
+          }
+        }
+      }
+    },
+    icon: {
+      color: {
+        background: {
+          "default": "rgba(0,0,0,0)",
+          success: "rgb(20% 100% 26.7% / 0.1)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.1)",
+          info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+          warning: "rgb(100% 46.7% 16.1% / 0.1)"
+        },
+        text: {
+          "default": "rgba(0,0,0,0)",
+          success: "#008A0B",
+          neutral: "#53575f",
+          danger: "#c10000",
+          info: "#437EEF",
+          warning: "#A33C00"
+        },
+        stroke: {
+          "default": "rgba(0,0,0,0)",
+          success: "rgb(20% 100% 26.7% / 0.05)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.05)",
+          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+          warning: "rgb(100% 46.7% 16.1% / 0.05)"
+        }
+      }
+    },
     image: {
       color: {
         stroke: "#161517"
@@ -46682,155 +47196,6 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
-    dialog: {
-      color: {
-        background: {
-          "default": "#ffffff"
-        },
-        title: {
-          "default": "lch(11.1 1.37 305)"
-        },
-        description: {
-          "default": "#696e79"
-        },
-        opaqueBackground: {
-          "default": "lch(6.77 0 0 / 0.75)"
-        }
-      }
-    },
-    flyout: {
-      color: {
-        background: {
-          "default": "#ffffff"
-        },
-        title: {
-          "default": "lch(11.1 1.37 305)"
-        },
-        description: {
-          "default": "#696e79"
-        },
-        stroke: {
-          "default": "#e6e7e9"
-        }
-      }
-    },
-    grid: {
-      header: {
-        cell: {
-          color: {
-            background: {
-              "default": "#f6f7fa",
-              selectIndirect: "lch(95.6 5.84 264)",
-              selectDirect: "lch(93.2 7.7 264)"
-            },
-            title: {
-              "default": "#696e79",
-              selectIndirect: "#161517",
-              selectDirect: "#161517"
-            },
-            stroke: {
-              "default": "lch(89.3 1.07 266)",
-              selectIndirect: "lch(91.8 7.59 264)",
-              selectDirect: "lch(86.1 15.1 266)"
-            }
-          }
-        }
-      },
-      body: {
-        cell: {
-          color: {
-            background: {
-              "default": "#ffffff",
-              selectIndirect: "lch(94.1 7.78 264 / 0.2)",
-              selectDirect: "lch(94.1 7.78 264 / 0.2)"
-            },
-            stroke: {
-              "default": "#e6e7e9",
-              selectIndirect: "lch(70.7 12.4 266)",
-              selectDirect: "#437EEF"
-            },
-            text: {
-              "default": "lch(7.17 1.44 305)",
-              selectIndirect: "#161517",
-              selectDirect: "#161517"
-            }
-          }
-        }
-      },
-      global: {
-        color: {
-          stroke: {
-            "default": "#e6e7e9"
-          },
-          background: {
-            "default": "#ffffff"
-          }
-        }
-      }
-    },
-    icon: {
-      color: {
-        background: {
-          "default": "rgba(0,0,0,0)",
-          success: "rgb(20% 100% 26.7% / 0.1)",
-          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
-          danger: "rgb(100% 13.7% 13.7% / 0.1)",
-          info: "rgb(26.3% 49.4% 93.7% / 0.1)",
-          warning: "rgb(100% 46.7% 16.1% / 0.1)"
-        },
-        text: {
-          "default": "rgba(0,0,0,0)",
-          success: "#008A0B",
-          neutral: "#53575f",
-          danger: "#c10000",
-          info: "#437EEF",
-          warning: "#A33C00"
-        },
-        stroke: {
-          "default": "rgba(0,0,0,0)",
-          success: "rgb(20% 100% 26.7% / 0.05)",
-          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
-          danger: "rgb(100% 13.7% 13.7% / 0.05)",
-          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
-          warning: "rgb(100% 46.7% 16.1% / 0.05)"
-        }
-      }
-    },
-    datePicker: {
-      dateOption: {
-        color: {
-          label: {
-            "default": "#161517",
-            hover: "#161517",
-            active: "#ffffff",
-            disabled: "#a0a0a0",
-            range: "#161517"
-          },
-          background: {
-            "default": "#ffffff",
-            hover: "#ffffff",
-            active: "#151515",
-            disabled: "#ffffff",
-            range: "#e6e7e9"
-          },
-          stroke: {
-            "default": "#ffffff",
-            hover: "#151515",
-            active: "#151515",
-            disabled: "#ffffff",
-            range: "#e6e7e9"
-          }
-        }
-      },
-      color: {
-        title: {
-          "default": "lch(11.1 1.37 305)"
-        },
-        daytitle: {
-          "default": "#696e79"
-        }
-      }
-    },
     global: {
       color: {
         background: {
@@ -48424,6 +48789,138 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    container: {
+      space: {
+        none: "0",
+        xxs: "0.25rem",
+        xs: "0.5rem",
+        sm: "0.75rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        xxl: "4rem"
+      },
+      gap: {
+        none: "0",
+        xxs: "0.25rem",
+        xs: "0.5rem",
+        sm: "0.75rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        xxl: "4rem"
+      }
+    },
+    datePicker: {
+      dateOption: {
+        space: {
+          gap: "2px"
+        },
+        radii: {
+          "default": "0.25rem",
+          range: "0"
+        },
+        stroke: "1px",
+        size: {
+          height: "2rem",
+          width: "2rem"
+        },
+        typography: {
+          label: {
+            "default": `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
+            hover: `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
+            active: `600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
+            disabled: `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
+            range: `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+          }
+        },
+        color: {
+          label: {
+            "default": "#161517",
+            hover: "#161517",
+            active: "#ffffff",
+            disabled: "#a0a0a0",
+            range: "#161517"
+          },
+          background: {
+            "default": "#ffffff",
+            hover: "#ffffff",
+            active: "#151515",
+            disabled: "#ffffff",
+            range: "#e6e7e9"
+          },
+          stroke: {
+            "default": "#ffffff",
+            hover: "#151515",
+            active: "#151515",
+            disabled: "#ffffff",
+            range: "#e6e7e9"
+          }
+        }
+      },
+      space: {
+        gap: "0.25rem"
+      },
+      typography: {
+        daytitle: {
+          "default": `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+        },
+        title: {
+          "default": `600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+        }
+      },
+      color: {
+        title: {
+          "default": "lch(11.1 1.37 305)"
+        },
+        daytitle: {
+          "default": "#696e79"
+        }
+      }
+    },
+    dialog: {
+      space: {
+        y: "1.5rem",
+        x: "2rem",
+        gap: "1rem"
+      },
+      title: {
+        space: {
+          gap: "0.25rem"
+        }
+      },
+      radii: {
+        all: "0.5rem"
+      },
+      shadow: {
+        "default": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)"
+      },
+      stroke: {
+        "default": "1px solid #e6e7e9"
+      },
+      typography: {
+        title: {
+          "default": `700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+        },
+        description: {
+          "default": `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+        }
+      },
+      color: {
+        background: {
+          "default": "#ffffff"
+        },
+        title: {
+          "default": "lch(11.1 1.37 305)"
+        },
+        description: {
+          "default": "#696e79"
+        },
+        opaqueBackground: {
+          "default": "lch(6.77 0 0 / 0.75)"
+        }
+      }
+    },
     docs: {
       typography: {
         titles: {
@@ -48556,6 +49053,182 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    fileUpload: {
+      sm: {
+        icon: {
+          size: {
+            height: "1.5rem",
+            width: "1.5rem"
+          }
+        },
+        space: {
+          gap: "0.75rem",
+          x: "1rem",
+          y: "0.5rem"
+        },
+        radii: {
+          all: "0.25rem"
+        },
+        color: {
+          icon: {
+            "default": "#696e79"
+          }
+        }
+      },
+      md: {
+        icon: {
+          size: {
+            height: "2rem",
+            width: "2rem"
+          }
+        },
+        space: {
+          gap: "0.5rem",
+          x: "1rem",
+          y: "0.75rem"
+        },
+        radii: {
+          all: "0.5rem"
+        },
+        color: {
+          icon: {
+            "default": "#161517"
+          }
+        }
+      },
+      typography: {
+        title: {
+          "default": `500 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+        },
+        description: {
+          "default": `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+        }
+      },
+      hasFile: {
+        space: {
+          gap: "0.75rem"
+        },
+        header: {
+          space: {
+            gap: "0.5rem"
+          }
+        }
+      },
+      transitions: {
+        all: "all 100ms ease-in 0ms"
+      },
+      color: {
+        background: {
+          "default": "#ffffff",
+          hover: "#ffffff",
+          active: "rgb(96.6% 96.9% 98.1%)",
+          error: "rgb(100% 13.7% 13.7% / 0.1)"
+        },
+        stroke: {
+          "default": "rgb(90.7% 91.1% 91.8%)",
+          hover: "rgb(90.7% 91.1% 91.8%)",
+          active: "#b3b6bd",
+          error: "rgba(0,0,0,0)"
+        },
+        title: {
+          "default": "#161517",
+          hover: "#161517",
+          active: "#161517",
+          error: "#c10000"
+        },
+        description: {
+          "default": "#696e79",
+          hover: "#696e79",
+          active: "#696e79",
+          error: "#c10000"
+        }
+      }
+    },
+    flyout: {
+      space: {
+        "default": {
+          x: "0",
+          y: "1.5rem",
+          gap: "1rem",
+          top: "0",
+          content: {
+            x: "1.5rem",
+            y: "1.5rem",
+            "row-gap": "0.25rem",
+            "column-gap": "1rem"
+          }
+        },
+        inline: {
+          x: "0",
+          y: "0.75rem",
+          gap: "0.75rem",
+          top: "3.5rem",
+          content: {
+            x: "0.75rem",
+            y: "0.75rem",
+            "row-gap": "0.25rem",
+            "column-gap": "0.75rem"
+          }
+        }
+      },
+      shadow: {
+        "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
+        reverse: "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)"
+      },
+      size: {
+        "default": {
+          width: "27.5rem",
+          height: "100%"
+        },
+        wide: {
+          width: "37.5rem",
+          height: "100vh"
+        },
+        narrow: {
+          width: "21rem",
+          height: "100%"
+        },
+        widest: {
+          width: "55rem",
+          height: "100vh"
+        }
+      },
+      typography: {
+        "default": {
+          description: {
+            "default": `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+          },
+          title: {
+            "default": `700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+          }
+        },
+        inline: {
+          description: {
+            "default": `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+          },
+          title: {
+            "default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+          }
+        }
+      },
+      color: {
+        background: {
+          "default": "#ffffff"
+        },
+        title: {
+          "default": "lch(11.1 1.37 305)"
+        },
+        description: {
+          "default": "#696e79"
+        },
+        opaqueBackground: {
+          "default": "lch(6.77 0 0 / 0.45)"
+        },
+        stroke: {
+          "default": "#e6e7e9"
+        }
+      }
+    },
     genericMenu: {
       item: {
         space: {
@@ -48724,6 +49397,149 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
+    grid: {
+      header: {
+        cell: {
+          space: {
+            y: "0.438rem",
+            x: "0.5rem"
+          },
+          size: {
+            height: "2rem"
+          },
+          color: {
+            background: {
+              "default": "#f6f7fa",
+              selectIndirect: "lch(95.6 5.84 264)",
+              selectDirect: "lch(93.2 7.7 264)"
+            },
+            title: {
+              "default": "#696e79",
+              selectIndirect: "#161517",
+              selectDirect: "#161517"
+            },
+            stroke: {
+              "default": "lch(89.3 1.07 266)",
+              selectIndirect: "lch(91.8 7.59 264)",
+              selectDirect: "lch(86.1 15.1 266)"
+            }
+          }
+        },
+        title: {
+          "default": `500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
+        }
+      },
+      body: {
+        cell: {
+          space: {
+            y: "5.5px",
+            x: "0.5rem"
+          },
+          size: {
+            height: "2rem"
+          },
+          color: {
+            background: {
+              "default": "#ffffff",
+              selectIndirect: "lch(94.1 7.78 264 / 0.2)",
+              selectDirect: "lch(94.1 7.78 264 / 0.2)"
+            },
+            stroke: {
+              "default": "#e6e7e9",
+              selectIndirect: "lch(70.7 12.4 266)",
+              selectDirect: "#437EEF"
+            },
+            text: {
+              "default": "lch(7.17 1.44 305)",
+              selectIndirect: "#161517",
+              selectDirect: "#161517"
+            }
+          }
+        }
+      },
+      cell: {
+        text: {
+          "default": `500 0.875rem/1.5 "Inconsolata", Consolas, '"SFMono Regular"', monospace`
+        }
+      },
+      radii: {
+        none: "0",
+        sm: "0.25rem",
+        md: "0.5rem",
+        lg: "0.75rem"
+      },
+      global: {
+        color: {
+          stroke: {
+            "default": "#e6e7e9"
+          },
+          background: {
+            "default": "#ffffff"
+          }
+        }
+      }
+    },
+    gridContainer: {
+      gap: {
+        none: "0",
+        xxs: "0.25rem",
+        xs: "0.5rem",
+        sm: "0.75rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        xxl: "4rem",
+        unset: ""
+      }
+    },
+    icon: {
+      space: {
+        xs: {
+          all: "0.25rem"
+        },
+        sm: {
+          all: "0.25rem"
+        },
+        md: {
+          all: "0.365rem"
+        },
+        lg: {
+          all: "0.5rem"
+        },
+        xl: {
+          all: "0.75rem"
+        },
+        xxl: {
+          all: "1rem"
+        }
+      },
+      color: {
+        background: {
+          "default": "rgba(0,0,0,0)",
+          success: "rgb(20% 100% 26.7% / 0.1)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.1)",
+          info: "rgb(26.3% 49.4% 93.7% / 0.1)",
+          warning: "rgb(100% 46.7% 16.1% / 0.1)"
+        },
+        text: {
+          "default": "rgba(0,0,0,0)",
+          success: "#008A0B",
+          neutral: "#53575f",
+          danger: "#c10000",
+          info: "#437EEF",
+          warning: "#A33C00"
+        },
+        stroke: {
+          "default": "rgba(0,0,0,0)",
+          success: "rgb(20% 100% 26.7% / 0.05)",
+          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
+          danger: "rgb(100% 13.7% 13.7% / 0.05)",
+          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
+          warning: "rgb(100% 46.7% 16.1% / 0.05)"
+        }
+      }
+    },
     image: {
       sm: {
         size: {
@@ -48761,10 +49577,36 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           width: "4rem"
         }
       },
+      borderWidth: {
+        "default": "1.5px",
+        thin: "1px"
+      },
       color: {
         stroke: "#161517"
       }
     },
+    link: {
+      space: {
+        md: {
+          gap: "0.25rem"
+        },
+        sm: {
+          gap: "2px"
+        }
+      },
+      icon: {
+        size: {
+          sm: {
+            height: "0.75rem",
+            width: "0.75rem"
+          },
+          md: {
+            height: "1rem",
+            width: "1rem"
+          }
+        }
+      }
+    },
     panel: {
       strokeWidth: {
         "default": "1px"
@@ -49629,388 +50471,6 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         }
       }
     },
-    dialog: {
-      space: {
-        y: "1.5rem",
-        x: "2rem",
-        gap: "1rem"
-      },
-      title: {
-        space: {
-          gap: "0.25rem"
-        }
-      },
-      radii: {
-        all: "0.5rem"
-      },
-      shadow: {
-        "default": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)"
-      },
-      stroke: {
-        "default": "1px solid #e6e7e9"
-      },
-      typography: {
-        title: {
-          "default": `700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-        },
-        description: {
-          "default": `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-        }
-      },
-      color: {
-        background: {
-          "default": "#ffffff"
-        },
-        title: {
-          "default": "lch(11.1 1.37 305)"
-        },
-        description: {
-          "default": "#696e79"
-        },
-        opaqueBackground: {
-          "default": "lch(6.77 0 0 / 0.75)"
-        }
-      }
-    },
-    link: {
-      space: {
-        md: {
-          gap: "0.25rem"
-        },
-        sm: {
-          gap: "2px"
-        }
-      },
-      icon: {
-        size: {
-          sm: {
-            height: "0.75rem",
-            width: "0.75rem"
-          },
-          md: {
-            height: "1rem",
-            width: "1rem"
-          }
-        }
-      }
-    },
-    flyout: {
-      space: {
-        "default": {
-          x: "0",
-          y: "1.5rem",
-          gap: "1rem",
-          top: "0",
-          content: {
-            x: "1.5rem",
-            y: "1.5rem",
-            "row-gap": "0.25rem",
-            "column-gap": "1rem"
-          }
-        },
-        inline: {
-          x: "0",
-          y: "0.75rem",
-          gap: "0.75rem",
-          top: "3.5rem",
-          content: {
-            x: "0.75rem",
-            y: "0.75rem",
-            "row-gap": "0.25rem",
-            "column-gap": "0.75rem"
-          }
-        }
-      },
-      shadow: {
-        "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
-        reverse: "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)"
-      },
-      size: {
-        "default": {
-          width: "27.5rem",
-          height: "100%"
-        },
-        wide: {
-          width: "37.5rem",
-          height: "100vh"
-        },
-        narrow: {
-          width: "21rem",
-          height: "100%"
-        },
-        widest: {
-          width: "55rem",
-          height: "100vh"
-        }
-      },
-      typography: {
-        "default": {
-          description: {
-            "default": `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-          },
-          title: {
-            "default": `700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-          }
-        },
-        inline: {
-          description: {
-            "default": `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-          },
-          title: {
-            "default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-          }
-        }
-      },
-      color: {
-        background: {
-          "default": "#ffffff"
-        },
-        title: {
-          "default": "lch(11.1 1.37 305)"
-        },
-        description: {
-          "default": "#696e79"
-        },
-        opaqueBackground: {
-          "default": "lch(6.77 0 0 / 0.45)"
-        },
-        stroke: {
-          "default": "#e6e7e9"
-        }
-      }
-    },
-    grid: {
-      header: {
-        cell: {
-          space: {
-            y: "0.438rem",
-            x: "0.5rem"
-          },
-          size: {
-            height: "2rem"
-          },
-          color: {
-            background: {
-              "default": "#f6f7fa",
-              selectIndirect: "lch(95.6 5.84 264)",
-              selectDirect: "lch(93.2 7.7 264)"
-            },
-            title: {
-              "default": "#696e79",
-              selectIndirect: "#161517",
-              selectDirect: "#161517"
-            },
-            stroke: {
-              "default": "lch(89.3 1.07 266)",
-              selectIndirect: "lch(91.8 7.59 264)",
-              selectDirect: "lch(86.1 15.1 266)"
-            }
-          }
-        },
-        title: {
-          "default": `500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-        }
-      },
-      body: {
-        cell: {
-          space: {
-            y: "5.5px",
-            x: "0.5rem"
-          },
-          size: {
-            height: "2rem"
-          },
-          color: {
-            background: {
-              "default": "#ffffff",
-              selectIndirect: "lch(94.1 7.78 264 / 0.2)",
-              selectDirect: "lch(94.1 7.78 264 / 0.2)"
-            },
-            stroke: {
-              "default": "#e6e7e9",
-              selectIndirect: "lch(70.7 12.4 266)",
-              selectDirect: "#437EEF"
-            },
-            text: {
-              "default": "lch(7.17 1.44 305)",
-              selectIndirect: "#161517",
-              selectDirect: "#161517"
-            }
-          }
-        }
-      },
-      cell: {
-        text: {
-          "default": `500 0.875rem/1.5 "Inconsolata", Consolas, '"SFMono Regular"', monospace`
-        }
-      },
-      radii: {
-        none: "0",
-        sm: "0.25rem",
-        md: "0.5rem",
-        lg: "0.75rem"
-      },
-      global: {
-        color: {
-          stroke: {
-            "default": "#e6e7e9"
-          },
-          background: {
-            "default": "#ffffff"
-          }
-        }
-      }
-    },
-    container: {
-      space: {
-        none: "0",
-        xxs: "0.25rem",
-        xs: "0.5rem",
-        sm: "0.75rem",
-        md: "1rem",
-        lg: "1.5rem",
-        xl: "2rem",
-        xxl: "4rem"
-      },
-      gap: {
-        none: "0",
-        xxs: "0.25rem",
-        xs: "0.5rem",
-        sm: "0.75rem",
-        md: "1rem",
-        lg: "1.5rem",
-        xl: "2rem",
-        xxl: "4rem"
-      }
-    },
-    gridContainer: {
-      gap: {
-        none: "0",
-        xxs: "0.25rem",
-        xs: "0.5rem",
-        sm: "0.75rem",
-        md: "1rem",
-        lg: "1.5rem",
-        xl: "2rem",
-        xxl: "4rem",
-        unset: ""
-      }
-    },
-    icon: {
-      space: {
-        xs: {
-          all: "0.25rem"
-        },
-        sm: {
-          all: "0.25rem"
-        },
-        md: {
-          all: "0.365rem"
-        },
-        lg: {
-          all: "0.5rem"
-        },
-        xl: {
-          all: "0.75rem"
-        },
-        xxl: {
-          all: "1rem"
-        }
-      },
-      color: {
-        background: {
-          "default": "rgba(0,0,0,0)",
-          success: "rgb(20% 100% 26.7% / 0.1)",
-          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
-          danger: "rgb(100% 13.7% 13.7% / 0.1)",
-          info: "rgb(26.3% 49.4% 93.7% / 0.1)",
-          warning: "rgb(100% 46.7% 16.1% / 0.1)"
-        },
-        text: {
-          "default": "rgba(0,0,0,0)",
-          success: "#008A0B",
-          neutral: "#53575f",
-          danger: "#c10000",
-          info: "#437EEF",
-          warning: "#A33C00"
-        },
-        stroke: {
-          "default": "rgba(0,0,0,0)",
-          success: "rgb(20% 100% 26.7% / 0.05)",
-          neutral: "rgb(41.2% 43.1% 47.5% / 0.1)",
-          danger: "rgb(100% 13.7% 13.7% / 0.05)",
-          info: "rgb(26.3% 49.4% 93.7% / 0.05)",
-          warning: "rgb(100% 46.7% 16.1% / 0.05)"
-        }
-      }
-    },
-    datePicker: {
-      dateOption: {
-        space: {
-          gap: "2px"
-        },
-        radii: {
-          "default": "0.25rem",
-          range: "0"
-        },
-        stroke: "1px",
-        size: {
-          height: "2rem",
-          width: "2rem"
-        },
-        typography: {
-          label: {
-            "default": `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
-            hover: `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
-            active: `600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
-            disabled: `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
-            range: `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-          }
-        },
-        color: {
-          label: {
-            "default": "#161517",
-            hover: "#161517",
-            active: "#ffffff",
-            disabled: "#a0a0a0",
-            range: "#161517"
-          },
-          background: {
-            "default": "#ffffff",
-            hover: "#ffffff",
-            active: "#151515",
-            disabled: "#ffffff",
-            range: "#e6e7e9"
-          },
-          stroke: {
-            "default": "#ffffff",
-            hover: "#151515",
-            active: "#151515",
-            disabled: "#ffffff",
-            range: "#e6e7e9"
-          }
-        }
-      },
-      space: {
-        gap: "0.25rem"
-      },
-      typography: {
-        daytitle: {
-          "default": `400 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-        },
-        title: {
-          "default": `600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
-        }
-      },
-      color: {
-        title: {
-          "default": "lch(11.1 1.37 305)"
-        },
-        daytitle: {
-          "default": "#696e79"
-        }
-      }
-    },
     global: {
       color: {
         background: {
@@ -50634,7 +51094,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     classic: merge$1({}, theme, classicTheme)
   };
   const useCUITheme = () => {
-    const theme2 = styledComponents.useTheme();
+    const theme2 = styled.useTheme();
     return {
       breakpoint: theme2.breakpoint,
       global: theme2.global,
@@ -50642,11 +51102,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       sizes: theme2.sizes
     };
   };
-  const GlobalStyle = styledComponents.createGlobalStyle(["body{color:", ";background-color:", "}"], (props) => props.theme.click.global.color.text.default, (props) => props.theme.click.global.color.background.default);
+  const GlobalStyle = styled.createGlobalStyle(["body{color:", ";background-color:", "}"], (props) => props.theme.click.global.color.text.default, (props) => props.theme.click.global.color.background.default);
   const ThemeProvider = ({
     theme: name2,
     children
-  }) => /* @__PURE__ */ jsxRuntime.jsxs(styledComponents.ThemeProvider, { theme: themes[name2], children: [
+  }) => /* @__PURE__ */ jsxRuntime.jsxs(styled.ThemeProvider, { theme: themes[name2], children: [
     /* @__PURE__ */ jsxRuntime.jsx(GlobalStyle, {}),
     children
   ] });
@@ -50671,7 +51131,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   const StepperContext = React.createContext({
     type: "numbered"
   });
-  const StepRoot = styledComponents.styled.div.withConfig({
+  const StepRoot = styled.styled.div.withConfig({
     componentId: "sc-xro1ly-0"
   })(["display:flex;flex-direction:column;align-items:flex-start;counter-reset:vertical-stepper;width:100%;"]);
   const VerticalStepper = ({
@@ -50684,7 +51144,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     };
     return /* @__PURE__ */ jsxRuntime.jsx(StepRoot, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value, children }) });
   };
-  const StepItem = styledComponents.styled.div.withConfig({
+  const StepItem = styled.styled.div.withConfig({
     componentId: "sc-xro1ly-1"
   })(["display:flex;flex-direction:column;position:relative;width:100%;padding:0;", ""], ({
     theme: theme2,
@@ -50709,7 +51169,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       }
     }
   `);
-  const StepTrigger = styledComponents.styled.button.withConfig({
+  const StepTrigger = styled.styled.button.withConfig({
     componentId: "sc-xro1ly-2"
   })(["", ""], ({
     $status
@@ -50724,7 +51184,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     cursor: ${$status === "active" ? "default" : $status === "complete" ? "pointer" : "not-allowed"};
     flex-direction: row;
   `);
-  const StepBubble = styledComponents.styled.div.withConfig({
+  const StepBubble = styled.styled.div.withConfig({
     componentId: "sc-xro1ly-3"
   })(["", ""], ({
     theme: theme2,
@@ -50763,10 +51223,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       }
       ` : ""};
   `);
-  const CheckIcon = styledComponents.styled(SvgImage).withConfig({
+  const CheckIcon = styled.styled(SvgImage).withConfig({
     componentId: "sc-xro1ly-4"
   })(["color:inherit;path{stroke-width:3;}"]);
-  const StepLabel = styledComponents.styled.div.withConfig({
+  const StepLabel = styled.styled.div.withConfig({
     componentId: "sc-xro1ly-5"
   })(["display:flex;flex-direction:column;", ")"], ({
     theme: theme2,
@@ -50777,7 +51237,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     color: ${theme2.click.stepper.vertical[$type].color.title[$status]};
     gap: inherit;
   `);
-  const StepContent = styledComponents.styled.div.withConfig({
+  const StepContent = styled.styled.div.withConfig({
     componentId: "sc-xro1ly-6"
   })(["display:flex;width:100%;flex-direction:column;", ""], ({
     theme: theme2,
@@ -50876,7 +51336,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   };
   MultiAccordionItem.displayName = "MultiAccordion.Item";
   MultiAccordion.Item = MultiAccordionItem;
-  const AccordionRoot = styledComponents.styled($1bf158f521e1b1b4$export$be92b6f5f03c0fe9).withConfig({
+  const AccordionRoot = styled.styled($1bf158f521e1b1b4$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-1lb3204-0"
   })(["display:flex;flex-direction:column;justify-content:start;align-items:start;gap:", ";", ";"], ({
     theme: theme2,
@@ -50884,7 +51344,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }) => theme2.click.container.gap[$gap], ({
     $fillWidth
   }) => $fillWidth && "width: 100%");
-  const AccordionItem = styledComponents.styled($1bf158f521e1b1b4$export$6d08773d2e66f8f2).withConfig({
+  const AccordionItem = styled.styled($1bf158f521e1b1b4$export$6d08773d2e66f8f2).withConfig({
     componentId: "sc-1lb3204-1"
   })(["", ";", ";"], ({
     theme: theme2,
@@ -50895,7 +51355,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   `, ({
     $fillWidth
   }) => $fillWidth && "width: 100%");
-  const AccordionTrigger = styledComponents.styled($1bf158f521e1b1b4$export$41fb9f06171c75f4).withConfig({
+  const AccordionTrigger = styled.styled($1bf158f521e1b1b4$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-1lb3204-2"
   })(["width:100%;border:none;padding:0;background-color:transparent;display:flex;align-items:center;", ';border-radius:inherit;&[data-state="open"]{border-bottom-left-radius:0px;border-bottom-right-radius:0px;[data-icon="accordion-status"]{color:', ";}}"], ({
     theme: theme2,
@@ -50928,13 +51388,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }, ({
     theme: theme2
   }) => theme2.global.color.accent.default);
-  const AccordionIconWrapper = styledComponents.styled.div.withConfig({
+  const AccordionIconWrapper = styled.styled.div.withConfig({
     componentId: "sc-1lb3204-3"
   })(["display:flex;align-items:center;justify-content:center;transition:transform 200ms cubic-bezier(0.87,0,0.13,1);", "[data-state='open'] &{transform:rotate(90deg);}"], AccordionTrigger);
-  const AccordionIconsWrapper = styledComponents.styled.div.withConfig({
+  const AccordionIconsWrapper = styled.styled.div.withConfig({
     componentId: "sc-1lb3204-4"
   })(["display:flex;align-items:center;justify-content:center;"]);
-  const CustomIcon = styledComponents.styled(SvgImage).withConfig({
+  const CustomIcon = styled.styled(SvgImage).withConfig({
     componentId: "sc-1lb3204-5"
   })(["", ""], ({
     $isCompleted,
@@ -50948,7 +51408,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           fill: ${theme2.global.color.accent.default} !important;;
         }
       `);
-  const AccordionContent = styledComponents.styled($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withConfig({
+  const AccordionContent = styled.styled($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-1lb3204-6"
   })(["padding:", ";padding-top:0;"], ({
     theme: theme2,
@@ -50981,6 +51441,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   exports2.EllipsisContent = EllipsisContent;
   exports2.FileTabElement = FileTabElement;
   exports2.FileTabs = FileTabs;
+  exports2.FileUpload = FileUpload;
   exports2.Flags = Flags;
   exports2.Flyout = Flyout;
   exports2.FormContainer = FormContainer;