@clickhouse/click-ui 0.0.177 → 0.0.178

package/dist/click-ui.umd.js

@@ -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")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "styled-components", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["click-ui"] = {}, global2.jsxRuntime, global2.styled, global2.React, global2.ReactDOM));
-})(this, function(exports2, jsxRuntime, styled, React, ReactDOM) {
+})(this, function(exports2, jsxRuntime, styledComponents, React, ReactDOM) {
   "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) => {
@@ -239,7 +239,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 = styled.keyframes`
+  const animationCircle1 = styledComponents.keyframes`
   0 {
     r: 0;
   }
@@ -253,7 +253,7 @@ var __publicField = (obj, key, value) => {
     r: 0;
   }
 `;
-  const animationCircle2 = styled.keyframes`
+  const animationCircle2 = styledComponents.keyframes`
   0 {
     r: 0;
   }
@@ -270,7 +270,7 @@ var __publicField = (obj, key, value) => {
    r: 0
   }
 `;
-  const animationCircle3 = styled.keyframes`
+  const animationCircle3 = styledComponents.keyframes`
   0 {
     r: 0;
   }
@@ -284,7 +284,7 @@ var __publicField = (obj, key, value) => {
    r: 0
   }
 `;
-  const HorizontalLoading = styled.styled(DotsHorizontal).withConfig({
+  const HorizontalLoading = styledComponents.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" }) });
@@ -331,7 +331,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 = styled.styled(Loading).withConfig({
+  const LoadingFlipped = styledComponents.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: [
@@ -339,7 +339,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 = styled.keyframes`
+  const spin = styledComponents.keyframes`
   from {
     transform: rotate(0deg) scaleX(-1);
   }
@@ -347,7 +347,7 @@ var __publicField = (obj, key, value) => {
     transform: rotate(360deg) scaleX(-1);
   }
 `;
-  const LoadingAnimated = styled.styled(LoadingFlipped).withConfig({
+  const LoadingAnimated = styledComponents.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: [
@@ -1411,7 +1411,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 = styled.styled.div.withConfig({
+  const FormRoot = styledComponents.styled.div.withConfig({
     componentId: "sc-1sddmxu-0"
   })(["display:flex;width:100%;gap:", ";", " *{box-shadow:none;outline:none;}"], ({
     theme: theme2
@@ -1430,7 +1430,7 @@ var __publicField = (obj, key, value) => {
     }
     ` : ""}
   `);
-  const Error$1 = styled.styled.div.withConfig({
+  const Error$1 = styledComponents.styled.div.withConfig({
     componentId: "sc-1sddmxu-1"
   })(["", ";"], ({
     theme: theme2
@@ -1438,10 +1438,10 @@ var __publicField = (obj, key, value) => {
   font: ${theme2.click.field.typography.label.error};
   color: ${theme2.click.field.color.label.error};
 `);
-  const EmptyButton$1 = styled.styled.button.withConfig({
+  const EmptyButton$1 = styledComponents.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 = styled.styled(EmptyButton$1).withConfig({
+  const CrossButton = styledComponents.styled(EmptyButton$1).withConfig({
     componentId: "sc-1sddmxu-3"
   })(["padding:", " ", ";background:", ";border-radius:", ";&:hover{background:", ";}"], ({
     theme: theme2
@@ -1454,10 +1454,10 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.button.iconButton.radii.all, ({
     theme: theme2
   }) => theme2.click.button.iconButton.color.primary.background.hover);
-  styled.styled.div.withConfig({
+  styledComponents.styled.div.withConfig({
     componentId: "sc-1sddmxu-4"
   })(["display:grid;place-items:center;width:100%;height:100%;"]);
-  const BaseButton = styled.styled.button.withConfig({
+  const BaseButton = styledComponents.styled.button.withConfig({
     componentId: "sc-1sddmxu-5"
   })(["display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;", ""], ({
     theme: theme2
@@ -1483,7 +1483,7 @@ var __publicField = (obj, key, value) => {
       cursor: not-allowed;
     }
     `);
-  const SvgImageElement = styled.styled.svg.withConfig({
+  const SvgImageElement = styledComponents.styled.svg.withConfig({
     componentId: "sc-1sddmxu-6"
   })(["display:flex;align-items:center;", ""], ({
     theme: theme2,
@@ -1494,12 +1494,12 @@ var __publicField = (obj, key, value) => {
         height: ${theme2.click.image[$size].size.height};
       ` : ""}
   `);
-  const FormElementContainer = styled.styled.div.withConfig({
+  const FormElementContainer = styledComponents.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);
-  styled.styled.span.withConfig({
+  styledComponents.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: [
@@ -2398,7 +2398,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     const {
       name: themeName
-    } = styled.useTheme();
+    } = styledComponents.useTheme();
     const Component = ["light", "classic"].includes(theme2 ?? themeName) ? LogosLight[name2] : LogosDark[name2];
     if (!Component) {
       return null;
@@ -2477,7 +2477,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 = styled.styled.div.withConfig({
+  const SvgWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-29ieut-0"
   })(["display:flex;align-items:center;", " ", ""], ({
     theme: theme2,
@@ -2537,7 +2537,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 = styled.styled.button.withConfig({
+  const Button$2 = styledComponents.styled.button.withConfig({
     componentId: "sc-4ff7ue-0"
   })(["", ""], ({
     theme: theme2,
@@ -2575,7 +2575,7 @@ var __publicField = (obj, key, value) => {
     cursor: not-allowed;
   }
   `);
-  const FormFieldLabel$1 = styled.styled.label.withConfig({
+  const FormFieldLabel$1 = styledComponents.styled.label.withConfig({
     componentId: "sc-1gg29zb-0"
   })(["", ""], ({
     theme: theme2,
@@ -2607,7 +2607,7 @@ var __publicField = (obj, key, value) => {
     children,
     ...props
   }) => /* @__PURE__ */ jsxRuntime.jsx(FormFieldLabel$1, { disabled, $error: error2, ...props, children });
-  const FormFieldLabel = styled.styled.label.withConfig({
+  const FormFieldLabel = styledComponents.styled.label.withConfig({
     componentId: "sc-e2xmgs-0"
   })(["", ""], ({
     theme: theme2,
@@ -7717,7 +7717,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 = styled.styled.div.withConfig({
+  const GenericMenuPanel = styledComponents.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
@@ -7747,7 +7747,7 @@ var __publicField = (obj, key, value) => {
         margin-left: -1px;
       }
   ` : "");
-  const GenericPopoverMenuPanel = styled.styled.div.withConfig({
+  const GenericPopoverMenuPanel = styledComponents.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
@@ -7764,7 +7764,7 @@ var __publicField = (obj, key, value) => {
   `, ({
     $showArrow
   }) => $showArrow ? "margin: -1px 0;" : "");
-  const Arrow$1 = styled.styled.svg.withConfig({
+  const Arrow$1 = styledComponents.styled.svg.withConfig({
     componentId: "sc-1fv0ktx-2"
   })(["filter:drop-shadow(rgba(0,0,0,0.1) 0px 4px 6px);", ";"], ({
     theme: theme2
@@ -7772,7 +7772,7 @@ var __publicField = (obj, key, value) => {
     fill: ${theme2.click.genericMenu.panel.color.background.default};
     stroke: ${theme2.click.genericMenu.panel.color.stroke.default};
   `);
-  const GenericMenuItem = styled.styled.div.withConfig({
+  const GenericMenuItem = styledComponents.styled.div.withConfig({
     componentId: "sc-1fv0ktx-3"
   })(["display:flex;width:100%;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
@@ -7818,7 +7818,7 @@ var __publicField = (obj, key, value) => {
       }
     });
   };
-  const EllipsisContainer$1 = styled.styled.div.withConfig({
+  const EllipsisContainer$1 = styledComponents.styled.div.withConfig({
     componentId: "sc-1ibz5fp-0"
   })(["display:inline-block;white-space:nowrap;text-overflow:ellipsis;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 = ({
@@ -7832,7 +7832,7 @@ var __publicField = (obj, key, value) => {
     }]), ...props });
   };
   const EllipsisContent = React.forwardRef(_EllipsisContent);
-  const LabelContainer$1 = styled.styled.div.withConfig({
+  const LabelContainer$1 = styledComponents.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,
@@ -7856,7 +7856,7 @@ var __publicField = (obj, key, value) => {
     ] });
   };
   const Dropdown = (props) => /* @__PURE__ */ jsxRuntime.jsx($d08ef79370b62062$export$be92b6f5f03c0fe9, { ...props });
-  const DropdownMenuItem = styled.styled(GenericMenuItem).withConfig({
+  const DropdownMenuItem = styledComponents.styled(GenericMenuItem).withConfig({
     componentId: "sc-18bhwbw-0"
   })(['position:relative;display:flex;&[data-state="open"]{', "}"], ({
     theme: theme2
@@ -7866,7 +7866,7 @@ var __publicField = (obj, key, value) => {
       color: ${theme2.click.genericMenu.item.color.text.hover};
       cursor: pointer;
     `);
-  const Trigger$5 = styled.styled($d08ef79370b62062$export$41fb9f06171c75f4).withConfig({
+  const Trigger$5 = styledComponents.styled($d08ef79370b62062$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-18bhwbw-1"
   })(["cursor:pointer;width:fit-content;&[disabled]{cursor:not-allowed;}"]);
   const DropdownTrigger = ({
@@ -7889,7 +7889,7 @@ var __publicField = (obj, key, value) => {
   };
   DropdownTrigger.displayName = "DropdownTrigger";
   Dropdown.Trigger = DropdownTrigger;
-  const DropdownMenuContent = styled.styled(GenericMenuPanel).withConfig({
+  const DropdownMenuContent = styledComponents.styled(GenericMenuPanel).withConfig({
     componentId: "sc-18bhwbw-2"
   })(["min-width:", ";flex-direction:column;z-index:1;"], ({
     theme: theme2
@@ -7908,7 +7908,7 @@ var __publicField = (obj, key, value) => {
   };
   DropdownContent$1.displayName = "DropdownContent";
   Dropdown.Content = DropdownContent$1;
-  const DropdownMenuGroup = styled.styled($d08ef79370b62062$export$eb2fcfdbd7ba97d4).withConfig({
+  const DropdownMenuGroup = styledComponents.styled($d08ef79370b62062$export$eb2fcfdbd7ba97d4).withConfig({
     componentId: "sc-18bhwbw-3"
   })(["width:100%;border-bottom:1px solid ", ";"], ({
     theme: theme2
@@ -7918,7 +7918,7 @@ var __publicField = (obj, key, value) => {
   };
   DropdownGroup.displayName = "DropdownGroup";
   Dropdown.Group = DropdownGroup;
-  const DropdownMenuSub = styled.styled($d08ef79370b62062$export$d7a01e11500dfb6f).withConfig({
+  const DropdownMenuSub = styledComponents.styled($d08ef79370b62062$export$d7a01e11500dfb6f).withConfig({
     componentId: "sc-18bhwbw-4"
   })(["border-bottom:1px solid ", ";"], ({
     theme: theme2
@@ -8358,12 +8358,12 @@ var __publicField = (obj, key, value) => {
       children
     ] })
   ] }) });
-  const AccordionRoot$1 = styled.styled($1bf158f521e1b1b4$export$be92b6f5f03c0fe9).withConfig({
+  const AccordionRoot$1 = styledComponents.styled($1bf158f521e1b1b4$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-1ysh219-0"
   })(["", ";"], ({
     $fillWidth
   }) => $fillWidth && "width: 100%");
-  const AccordionTrigger$1 = styled.styled($1bf158f521e1b1b4$export$41fb9f06171c75f4).withConfig({
+  const AccordionTrigger$1 = styledComponents.styled($1bf158f521e1b1b4$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-1ysh219-1"
   })(["border:none;padding:0;background-color:transparent;display:flex;align-items:center;", " ", ";"], ({
     theme: theme2,
@@ -8387,21 +8387,21 @@ var __publicField = (obj, key, value) => {
   `, ({
     $fillWidth
   }) => $fillWidth && "width: 100%");
-  const AccordionIconWrapper$1 = styled.styled.div.withConfig({
+  const AccordionIconWrapper$1 = styledComponents.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 = styled.styled.div.withConfig({
+  const AccordionIconsWrapper$1 = styledComponents.styled.div.withConfig({
     componentId: "sc-1ysh219-3"
   })(["display:flex;align-items:center;justify-content:center;"]);
-  const AccordionContent$1 = styled.styled($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withConfig({
+  const AccordionContent$1 = styledComponents.styled($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-1ysh219-4"
   })([""]);
-  styled.styled(Accordion).withConfig({
+  styledComponents.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 = styled.styled(Accordion).withConfig({
+  const AccordionToExport = styledComponents.styled(Accordion).withConfig({
     componentId: "sc-1ysh219-6"
   })([""]);
   const stateIconMap = {
@@ -8433,7 +8433,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 = styled.styled.div.withConfig({
+  const Wrapper$d = styledComponents.styled.div.withConfig({
     componentId: "sc-1wvczk0-0"
   })(["display:flex;border-radius:", ";justify-content:", ";overflow:hidden;background-color:", ";color:", ";width:100%;"], ({
     $type,
@@ -8447,7 +8447,7 @@ var __publicField = (obj, key, value) => {
     $state = "neutral",
     theme: theme2
   }) => theme2.click.alert.color.text[$state]);
-  const IconWrapper$2 = styled.styled.div.withConfig({
+  const IconWrapper$2 = styledComponents.styled.div.withConfig({
     componentId: "sc-1wvczk0-1"
   })(["display:flex;align-items:center;background-color:", ";", ""], ({
     $state = "neutral",
@@ -8461,7 +8461,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 = styled.styled(SvgImage).withConfig({
+  const StyledIcon = styledComponents.styled(SvgImage).withConfig({
     componentId: "sc-1wvczk0-2"
   })(["", ""], ({
     $size,
@@ -8470,7 +8470,7 @@ var __publicField = (obj, key, value) => {
     height: ${theme2.click.alert[$size].icon.height};
     width: ${theme2.click.alert[$size].icon.width};
   `);
-  const TextWrapper = styled.styled.div.withConfig({
+  const TextWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-1wvczk0-3"
   })(["display:flex;flex-flow:column;word-break:break-word;", ""], ({
     $size,
@@ -8484,19 +8484,19 @@ var __publicField = (obj, key, value) => {
       text-decoration: underline;
     }
   `);
-  const Title$4 = styled.styled.h6.withConfig({
+  const Title$4 = styledComponents.styled.h6.withConfig({
     componentId: "sc-1wvczk0-4"
   })(["margin:0;font:", ";"], ({
     theme: theme2,
     $size
   }) => theme2.click.alert[$size].typography.title.default);
-  const Text$1 = styled.styled.div.withConfig({
+  const Text$1 = styledComponents.styled.div.withConfig({
     componentId: "sc-1wvczk0-5"
   })(["margin:0;font:", ";"], ({
     theme: theme2,
     $size
   }) => theme2.click.alert[$size].typography.text.default);
-  const DismissWrapper$1 = styled.styled.button.withConfig({
+  const DismissWrapper$1 = styledComponents.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" });
@@ -8808,7 +8808,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntime.jsx(Item, { ...props }, `autocomplete-${id}-item-${index2}`);
     }
   });
-  const SelectPopoverRoot$1 = styled.styled($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9).withConfig({
+  const SelectPopoverRoot$1 = styledComponents.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
@@ -8819,10 +8819,10 @@ var __publicField = (obj, key, value) => {
       0px 1px 2px 0px rgba(16, 24, 40, 0.06);
     border-radius: 0.25rem;
   `);
-  const PopoverContent$1 = styled.styled($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2).withConfig({
+  const PopoverContent$1 = styledComponents.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 = styled.styled.div.withConfig({
+  const SelectGroupContainer$1 = styledComponents.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
@@ -8830,7 +8830,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 = styled.styled.div.withConfig({
+  const SelectGroupName$1 = styledComponents.styled.div.withConfig({
     componentId: "sc-87wbnc-3"
   })(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
     theme: theme2
@@ -8841,10 +8841,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 = styled.styled.div.withConfig({
+  const SelectGroupContent$1 = styledComponents.styled.div.withConfig({
     componentId: "sc-87wbnc-4"
   })(["width:inherit;"]);
-  const SelectListContent$1 = styled.styled.div.withConfig({
+  const SelectListContent$1 = styledComponents.styled.div.withConfig({
     componentId: "sc-87wbnc-5"
   })(["width:inherit;overflow:overlay;flex:1;"]);
   const childrenToComboboxItemArray$1 = (children, callback, heading) => {
@@ -8878,7 +8878,7 @@ var __publicField = (obj, key, value) => {
       return [];
     });
   };
-  const SelectNoDataContainer$1 = styled.styled.div.withConfig({
+  const SelectNoDataContainer$1 = styledComponents.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
@@ -8888,7 +8888,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 = styled.styled.div.withConfig({
+  const SelectList$1 = styledComponents.styled.div.withConfig({
     componentId: "sc-87wbnc-7"
   })(["display:flex;flex-direction:column;width:inherit;max-height:var(--radix-popover-content-available-height);", ""], ({
     theme: theme2
@@ -9123,7 +9123,7 @@ var __publicField = (obj, key, value) => {
     ] });
   });
   Group.displayName = "AutoComplete.Group";
-  const CheckIcon$2 = styled.styled.svg.withConfig({
+  const CheckIcon$2 = styledComponents.styled.svg.withConfig({
     componentId: "sc-87wbnc-8"
   })(["opacity:", ";"], ({
     $showCheck
@@ -9273,13 +9273,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 = styled.styled($cddcb0b647441e34$export$be92b6f5f03c0fe9).withConfig({
+  const StyledRoot = styledComponents.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 = styled.styled($cddcb0b647441e34$export$3e431a229df88919).withConfig({
+  const AvatarImage = styledComponents.styled($cddcb0b647441e34$export$3e431a229df88919).withConfig({
     componentId: "sc-181etfq-1"
   })(["width:100%;height:100%;object-fit:cover;border-radius:inherit;"]);
-  const StyledFallback = styled.styled($cddcb0b647441e34$export$fb8d7f40caaeea67).withConfig({
+  const StyledFallback = styledComponents.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,
@@ -9295,7 +9295,7 @@ var __publicField = (obj, key, value) => {
       font: ${theme2.click.avatar.typography.label[$textSize].hover};
       }
   `);
-  const Wrapper$c = styled.styled.div.withConfig({
+  const Wrapper$c = styledComponents.styled.div.withConfig({
     componentId: "sc-471xo0-0"
   })(["display:inline-flex;", ""], ({
     $state = "default",
@@ -9309,13 +9309,13 @@ var __publicField = (obj, key, value) => {
     border: ${theme2.click.badge.stroke} solid ${theme2.click.badge.color.stroke[$state]};
     padding: ${theme2.click.badge.space[$size].y} ${theme2.click.badge.space[$size].x};
   `);
-  const Content$4 = styled.styled.div.withConfig({
+  const Content$4 = styledComponents.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 = styled.styled.svg.withConfig({
+  const SvgContainer = styledComponents.styled.svg.withConfig({
     componentId: "sc-471xo0-2"
   })(["", ""], ({
     $state = "default",
@@ -9326,7 +9326,7 @@ var __publicField = (obj, key, value) => {
     height: ${theme2.click.badge.icon[$size].size.height};
     width: ${theme2.click.badge.icon[$size].size.width};
   `);
-  const BadgeContent = styled.styled.div.withConfig({
+  const BadgeContent = styledComponents.styled.div.withConfig({
     componentId: "sc-471xo0-3"
   })(["width:auto;overflow:hidden;svg{", "}"], ({
     $state = "default",
@@ -9366,7 +9366,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 = styled.styled.div.withConfig({
+  const Wrapper$b = styledComponents.styled.div.withConfig({
     componentId: "sc-u5029o-0"
   })(["display:flex;justify-content:center;box-sizing:border-box;", ""], ({
     $fillWidth = false,
@@ -9390,7 +9390,7 @@ var __publicField = (obj, key, value) => {
   width: ${$fillWidth === true ? "100%" : "auto"};
   max-width: ${$maxWidth ? $maxWidth : "none"};
   `);
-  const Label = styled.styled.div.withConfig({
+  const Label = styledComponents.styled.div.withConfig({
     componentId: "sc-u5029o-1"
   })(["", ""], ({
     $state = "default",
@@ -9400,7 +9400,7 @@ var __publicField = (obj, key, value) => {
     color: ${theme2.click.bigStat.color.label[$state]};
     font: ${theme2.click.bigStat.typography[$size].label[$state]};
   `);
-  const Title$3 = styled.styled.div.withConfig({
+  const Title$3 = styledComponents.styled.div.withConfig({
     componentId: "sc-u5029o-2"
   })(["", ""], ({
     $state = "default",
@@ -9429,7 +9429,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ jsxRuntime.jsx(ButtonGroupWrapper, { $fillWidth: fillWidth, $type: type, ...props, children: btns });
   };
-  const ButtonGroupWrapper = styled.styled.div.withConfig({
+  const ButtonGroupWrapper = styledComponents.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,
@@ -9448,7 +9448,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 = styled.styled.button.attrs((props) => ({
+  const Button$1 = styledComponents.styled.button.attrs((props) => ({
     "aria-pressed": props.$active
   })).withConfig({
     componentId: "sc-ukgugp-1"
@@ -9518,10 +9518,10 @@ var __publicField = (obj, key, value) => {
       showLabelWithLoading ? label ?? children : ""
     ] })
   ] });
-  const LoadingIconWrapper = styled.styled.div.withConfig({
+  const LoadingIconWrapper = styledComponents.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 = styled.styled(BaseButton).withConfig({
+  const StyledButton = styledComponents.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
@@ -9574,7 +9574,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 = styled.styled(SvgImage).withConfig({
+  const ButtonIcon = styledComponents.styled(SvgImage).withConfig({
     componentId: "sc-1k4tz4c-2"
   })(["height:", ";width:", ";svg{height:", ";width:", ";}"], ({
     theme: theme2
@@ -9594,7 +9594,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 = styled.styled.div.withConfig({
+  const CuiTitle = styledComponents.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",
@@ -9622,7 +9622,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 = styled.styled.p.withConfig({
+  const CuiText = styledComponents.styled.p.withConfig({
     componentId: "sc-6r74pj-0"
   })(["font:", ";color:", ";text-align:", ";margin:0;", ";"], ({
     $size = "md",
@@ -9638,10 +9638,10 @@ var __publicField = (obj, key, value) => {
   }) => $fillWidth && "width: 100%");
   _Text.displayName = "Text";
   const Text = React.forwardRef(_Text);
-  const Header$4 = styled.styled.div.withConfig({
+  const Header$4 = styledComponents.styled.div.withConfig({
     componentId: "sc-1drx130-0"
   })(["display:flex;justify-content:space-between;align-items:center;"]);
-  const HeaderLeft = styled.styled.div.withConfig({
+  const HeaderLeft = styledComponents.styled.div.withConfig({
     componentId: "sc-1drx130-1"
   })(["display:flex;align-items:center;gap:", ";h3,svg{color:", ";}"], ({
     theme: theme2
@@ -9649,24 +9649,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$3 = styled.styled.div.withConfig({
+  const Content$3 = styledComponents.styled.div.withConfig({
     componentId: "sc-1drx130-2"
   })(["display:flex;flex-direction:column;flex:1;"]);
-  const CustomIcon$1 = styled.styled.img.withConfig({
+  const CustomIcon$1 = styledComponents.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 = styled.styled.a.withConfig({
+  const InfoLink = styledComponents.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 = styled.styled(SvgImage).withConfig({
+  const LinkIconContainer = styledComponents.styled(SvgImage).withConfig({
     componentId: "sc-1drx130-5"
   })(["color:", ";height:", ";width:", ";"], ({
     theme: theme2
@@ -9675,13 +9675,13 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.image.md.size.height, ({
     theme: theme2
   }) => theme2.click.image.md.size.width);
-  const LinkText = styled.styled(Text).withConfig({
+  const LinkText = styledComponents.styled(Text).withConfig({
     componentId: "sc-1drx130-6"
   })([""]);
-  const LinkIcon = styled.styled(LinkIconContainer).withConfig({
+  const LinkIcon = styledComponents.styled(LinkIconContainer).withConfig({
     componentId: "sc-1drx130-7"
   })([""]);
-  const Wrapper$a = styled.styled.div.withConfig({
+  const Wrapper$a = styledComponents.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{', "}"], ({
     theme: theme2
@@ -9766,7 +9766,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 = styled.styled.div.withConfig({
+  const Wrapper$9 = styledComponents.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,
@@ -9817,10 +9817,10 @@ var __publicField = (obj, key, value) => {
     $isResponsive = true
   }) => $isResponsive === true ? "column" : "auto");
   const Container = React.forwardRef(_Container);
-  const TopBadgeWrapper = styled.styled(Container).withConfig({
+  const TopBadgeWrapper = styledComponents.styled(Container).withConfig({
     componentId: "sc-1d5pqpo-0"
   })(["position:relative;"]);
-  const CardPrimaryTopBadge = styled.styled(Badge).withConfig({
+  const CardPrimaryTopBadge = styledComponents.styled(Badge).withConfig({
     componentId: "sc-1d5pqpo-1"
   })(["position:absolute;top:0;left:50%;transform:translate(-50%,-50%);", " div:active + &{border-color:", ";}"], ({
     $isSelected,
@@ -9837,7 +9837,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 = styled.styled.div.withConfig({
+  const Wrapper$8 = styledComponents.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{', "}", ""], ({
     theme: theme2
@@ -9887,7 +9887,7 @@ var __publicField = (obj, key, value) => {
     $isSelected,
     theme: theme2
   }) => $isSelected ? `border-color: ${theme2.click.button.basic.color.primary.stroke.active};` : "");
-  const Header$3 = styled.styled.div.withConfig({
+  const Header$3 = styledComponents.styled.div.withConfig({
     componentId: "sc-2dguvi-1"
   })(["display:flex;flex-direction:column;align-items:", ";gap:", ";h3{color:", ";}svg,img{height:", ";width:", ";}"], ({
     $alignContent = "center"
@@ -9904,7 +9904,7 @@ var __publicField = (obj, key, value) => {
     $size = "md",
     theme: theme2
   }) => theme2.click.card.primary.size.icon[$size].all);
-  const Content$2 = styled.styled.div.withConfig({
+  const Content$2 = styledComponents.styled.div.withConfig({
     componentId: "sc-2dguvi-2"
   })(["width:100%;display:flex;flex-direction:column;align-self:", ";gap:", ";flex:1;"], ({
     $alignContent = "center"
@@ -9957,15 +9957,15 @@ var __publicField = (obj, key, value) => {
     ] });
   };
   const CardPrimary = withTopBadge(Card);
-  const Header$2 = styled.styled.div.withConfig({
+  const Header$2 = styledComponents.styled.div.withConfig({
     componentId: "sc-1qnbjoa-0"
   })(["display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;gap:inherit;"]);
-  const Description = styled.styled.div.withConfig({
+  const Description = styledComponents.styled.div.withConfig({
     componentId: "sc-1qnbjoa-1"
   })(["display:flex;flex-direction:column;align-self:center;gap:", ";flex:1;"], ({
     theme: theme2
   }) => theme2.click.card.horizontal.space.gap);
-  const Wrapper$7 = styled.styled.div.withConfig({
+  const Wrapper$7 = styledComponents.styled.div.withConfig({
     componentId: "sc-1qnbjoa-2"
   })(["display:inline-flex;width:100%;max-width:100%;align-items:center;justify-content:flex-start;", ""], ({
     theme: theme2,
@@ -10023,7 +10023,7 @@ var __publicField = (obj, key, value) => {
           }
         ` : ""}
   `);
-  const CardIcon$1 = styled.styled(SvgImage).withConfig({
+  const CardIcon$1 = styledComponents.styled(SvgImage).withConfig({
     componentId: "sc-1qnbjoa-3"
   })(["", ""], ({
     theme: theme2
@@ -10031,7 +10031,7 @@ var __publicField = (obj, key, value) => {
       height: ${theme2.click.card.horizontal.icon.size.all};
       width: ${theme2.click.card.horizontal.icon.size.all};
   `);
-  const ContentWrapper = styled.styled.div.withConfig({
+  const ContentWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-1qnbjoa-4"
   })(["display:flex;flex-direction:column;"]);
   const CardHorizontal = ({
@@ -10053,7 +10053,7 @@ var __publicField = (obj, key, value) => {
       ] })
     ] });
   };
-  const Background = styled.styled.div.withConfig({
+  const Background = styledComponents.styled.div.withConfig({
     componentId: "sc-6jamj6-0"
   })(["", ""], ({
     theme: theme2
@@ -10068,7 +10068,7 @@ var __publicField = (obj, key, value) => {
       background: ${theme2.click.card.promotion.color.stroke.focus};
     }
   `);
-  const Wrapper$6 = styled.styled.div.withConfig({
+  const Wrapper$6 = styledComponents.styled.div.withConfig({
     componentId: "sc-6jamj6-1"
   })(["display:flex;width:100%;align-items:center;justify-content:flex-start;cursor:pointer;", ""], ({
     theme: theme2
@@ -10090,7 +10090,7 @@ var __publicField = (obj, key, value) => {
       color: ${theme2.click.card.promotion.color.text.active};
     }
   `);
-  const CardIcon = styled.styled(SvgImage).withConfig({
+  const CardIcon = styledComponents.styled(SvgImage).withConfig({
     componentId: "sc-6jamj6-2"
   })(["", ""], ({
     theme: theme2
@@ -10099,7 +10099,7 @@ var __publicField = (obj, key, value) => {
       width: ${theme2.click.card.promotion.icon.size.all};
       color: ${theme2.click.card.promotion.color.icon.default};
   `);
-  const DismissWrapper = styled.styled.button.withConfig({
+  const DismissWrapper = styledComponents.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 = ({
@@ -10266,7 +10266,7 @@ var __publicField = (obj, key, value) => {
   }
   const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
   const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
-  const Wrapper$5 = styled.styled(FormRoot).withConfig({
+  const Wrapper$5 = styledComponents.styled(FormRoot).withConfig({
     componentId: "sc-1sck1ja-0"
   })(["align-items:center;max-width:fit-content;"]);
   const Checkbox = ({
@@ -10284,7 +10284,7 @@ var __publicField = (obj, key, value) => {
       label && /* @__PURE__ */ jsxRuntime.jsx(GenericLabel, { htmlFor: id ?? defaultId, disabled, children: label })
     ] });
   };
-  const CheckInput = styled.styled($e698a72e93240346$export$be92b6f5f03c0fe9).withConfig({
+  const CheckInput = styledComponents.styled($e698a72e93240346$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-1sck1ja-1"
   })(["display:flex;align-items:center;justify-content:center;", ";"], ({
     theme: theme2,
@@ -10313,7 +10313,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   `);
-  const CheckIconWrapper = styled.styled($e698a72e93240346$export$adb584737d712b70).withConfig({
+  const CheckIconWrapper = styledComponents.styled($e698a72e93240346$export$adb584737d712b70).withConfig({
     componentId: "sc-1sck1ja-2"
   })(["", ""], ({
     theme: theme2
@@ -13563,6 +13563,634 @@ var __publicField = (obj, key, value) => {
     sql_1 = sql2;
     return sql_1;
   }
+  var typescript_1;
+  var hasRequiredTypescript;
+  function requireTypescript() {
+    if (hasRequiredTypescript)
+      return typescript_1;
+    hasRequiredTypescript = 1;
+    const IDENT_RE2 = "[A-Za-z$_][0-9A-Za-z$_]*";
+    const KEYWORDS = [
+      "as",
+      // for exports
+      "in",
+      "of",
+      "if",
+      "for",
+      "while",
+      "finally",
+      "var",
+      "new",
+      "function",
+      "do",
+      "return",
+      "void",
+      "else",
+      "break",
+      "catch",
+      "instanceof",
+      "with",
+      "throw",
+      "case",
+      "default",
+      "try",
+      "switch",
+      "continue",
+      "typeof",
+      "delete",
+      "let",
+      "yield",
+      "const",
+      "class",
+      // JS handles these with a special rule
+      // "get",
+      // "set",
+      "debugger",
+      "async",
+      "await",
+      "static",
+      "import",
+      "from",
+      "export",
+      "extends"
+    ];
+    const LITERALS = [
+      "true",
+      "false",
+      "null",
+      "undefined",
+      "NaN",
+      "Infinity"
+    ];
+    const TYPES = [
+      "Intl",
+      "DataView",
+      "Number",
+      "Math",
+      "Date",
+      "String",
+      "RegExp",
+      "Object",
+      "Function",
+      "Boolean",
+      "Error",
+      "Symbol",
+      "Set",
+      "Map",
+      "WeakSet",
+      "WeakMap",
+      "Proxy",
+      "Reflect",
+      "JSON",
+      "Promise",
+      "Float64Array",
+      "Int16Array",
+      "Int32Array",
+      "Int8Array",
+      "Uint16Array",
+      "Uint32Array",
+      "Float32Array",
+      "Array",
+      "Uint8Array",
+      "Uint8ClampedArray",
+      "ArrayBuffer",
+      "BigInt64Array",
+      "BigUint64Array",
+      "BigInt"
+    ];
+    const ERROR_TYPES = [
+      "EvalError",
+      "InternalError",
+      "RangeError",
+      "ReferenceError",
+      "SyntaxError",
+      "TypeError",
+      "URIError"
+    ];
+    const BUILT_IN_GLOBALS = [
+      "setInterval",
+      "setTimeout",
+      "clearInterval",
+      "clearTimeout",
+      "require",
+      "exports",
+      "eval",
+      "isFinite",
+      "isNaN",
+      "parseFloat",
+      "parseInt",
+      "decodeURI",
+      "decodeURIComponent",
+      "encodeURI",
+      "encodeURIComponent",
+      "escape",
+      "unescape"
+    ];
+    const BUILT_IN_VARIABLES = [
+      "arguments",
+      "this",
+      "super",
+      "console",
+      "window",
+      "document",
+      "localStorage",
+      "module",
+      "global"
+      // Node.js
+    ];
+    const BUILT_INS = [].concat(
+      BUILT_IN_GLOBALS,
+      BUILT_IN_VARIABLES,
+      TYPES,
+      ERROR_TYPES
+    );
+    function source2(re) {
+      if (!re)
+        return null;
+      if (typeof re === "string")
+        return re;
+      return re.source;
+    }
+    function lookahead(re) {
+      return concat2("(?=", re, ")");
+    }
+    function concat2(...args) {
+      const joined = args.map((x) => source2(x)).join("");
+      return joined;
+    }
+    function javascript(hljs) {
+      const hasClosingTag = (match, { after }) => {
+        const tag2 = "</" + match[0].slice(1);
+        const pos = match.input.indexOf(tag2, after);
+        return pos !== -1;
+      };
+      const IDENT_RE$1 = IDENT_RE2;
+      const FRAGMENT = {
+        begin: "<>",
+        end: "</>"
+      };
+      const XML_TAG = {
+        begin: /<[A-Za-z0-9\\._:-]+/,
+        end: /\/[A-Za-z0-9\\._:-]+>|\/>/,
+        /**
+         * @param {RegExpMatchArray} match
+         * @param {CallbackResponse} response
+         */
+        isTrulyOpeningTag: (match, response) => {
+          const afterMatchIndex = match[0].length + match.index;
+          const nextChar = match.input[afterMatchIndex];
+          if (nextChar === "<") {
+            response.ignoreMatch();
+            return;
+          }
+          if (nextChar === ">") {
+            if (!hasClosingTag(match, { after: afterMatchIndex })) {
+              response.ignoreMatch();
+            }
+          }
+        }
+      };
+      const KEYWORDS$1 = {
+        $pattern: IDENT_RE2,
+        keyword: KEYWORDS,
+        literal: LITERALS,
+        built_in: BUILT_INS
+      };
+      const decimalDigits = "[0-9](_?[0-9])*";
+      const frac = `\\.(${decimalDigits})`;
+      const decimalInteger = `0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*`;
+      const NUMBER = {
+        className: "number",
+        variants: [
+          // DecimalLiteral
+          { begin: `(\\b(${decimalInteger})((${frac})|\\.)?|(${frac}))[eE][+-]?(${decimalDigits})\\b` },
+          { begin: `\\b(${decimalInteger})\\b((${frac})\\b|\\.)?|(${frac})\\b` },
+          // DecimalBigIntegerLiteral
+          { begin: `\\b(0|[1-9](_?[0-9])*)n\\b` },
+          // NonDecimalIntegerLiteral
+          { begin: "\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b" },
+          { begin: "\\b0[bB][0-1](_?[0-1])*n?\\b" },
+          { begin: "\\b0[oO][0-7](_?[0-7])*n?\\b" },
+          // LegacyOctalIntegerLiteral (does not include underscore separators)
+          // https://tc39.es/ecma262/#sec-additional-syntax-numeric-literals
+          { begin: "\\b0[0-7]+n?\\b" }
+        ],
+        relevance: 0
+      };
+      const SUBST = {
+        className: "subst",
+        begin: "\\$\\{",
+        end: "\\}",
+        keywords: KEYWORDS$1,
+        contains: []
+        // defined later
+      };
+      const HTML_TEMPLATE = {
+        begin: "html`",
+        end: "",
+        starts: {
+          end: "`",
+          returnEnd: false,
+          contains: [
+            hljs.BACKSLASH_ESCAPE,
+            SUBST
+          ],
+          subLanguage: "xml"
+        }
+      };
+      const CSS_TEMPLATE = {
+        begin: "css`",
+        end: "",
+        starts: {
+          end: "`",
+          returnEnd: false,
+          contains: [
+            hljs.BACKSLASH_ESCAPE,
+            SUBST
+          ],
+          subLanguage: "css"
+        }
+      };
+      const TEMPLATE_STRING = {
+        className: "string",
+        begin: "`",
+        end: "`",
+        contains: [
+          hljs.BACKSLASH_ESCAPE,
+          SUBST
+        ]
+      };
+      const JSDOC_COMMENT = hljs.COMMENT(
+        /\/\*\*(?!\/)/,
+        "\\*/",
+        {
+          relevance: 0,
+          contains: [
+            {
+              className: "doctag",
+              begin: "@[A-Za-z]+",
+              contains: [
+                {
+                  className: "type",
+                  begin: "\\{",
+                  end: "\\}",
+                  relevance: 0
+                },
+                {
+                  className: "variable",
+                  begin: IDENT_RE$1 + "(?=\\s*(-)|$)",
+                  endsParent: true,
+                  relevance: 0
+                },
+                // eat spaces (not newlines) so we can find
+                // types or variables
+                {
+                  begin: /(?=[^\n])\s/,
+                  relevance: 0
+                }
+              ]
+            }
+          ]
+        }
+      );
+      const COMMENT2 = {
+        className: "comment",
+        variants: [
+          JSDOC_COMMENT,
+          hljs.C_BLOCK_COMMENT_MODE,
+          hljs.C_LINE_COMMENT_MODE
+        ]
+      };
+      const SUBST_INTERNALS = [
+        hljs.APOS_STRING_MODE,
+        hljs.QUOTE_STRING_MODE,
+        HTML_TEMPLATE,
+        CSS_TEMPLATE,
+        TEMPLATE_STRING,
+        NUMBER,
+        hljs.REGEXP_MODE
+      ];
+      SUBST.contains = SUBST_INTERNALS.concat({
+        // we need to pair up {} inside our subst to prevent
+        // it from ending too early by matching another }
+        begin: /\{/,
+        end: /\}/,
+        keywords: KEYWORDS$1,
+        contains: [
+          "self"
+        ].concat(SUBST_INTERNALS)
+      });
+      const SUBST_AND_COMMENTS = [].concat(COMMENT2, SUBST.contains);
+      const PARAMS_CONTAINS = SUBST_AND_COMMENTS.concat([
+        // eat recursive parens in sub expressions
+        {
+          begin: /\(/,
+          end: /\)/,
+          keywords: KEYWORDS$1,
+          contains: ["self"].concat(SUBST_AND_COMMENTS)
+        }
+      ]);
+      const PARAMS = {
+        className: "params",
+        begin: /\(/,
+        end: /\)/,
+        excludeBegin: true,
+        excludeEnd: true,
+        keywords: KEYWORDS$1,
+        contains: PARAMS_CONTAINS
+      };
+      return {
+        name: "Javascript",
+        aliases: ["js", "jsx", "mjs", "cjs"],
+        keywords: KEYWORDS$1,
+        // this will be extended by TypeScript
+        exports: { PARAMS_CONTAINS },
+        illegal: /#(?![$_A-z])/,
+        contains: [
+          hljs.SHEBANG({
+            label: "shebang",
+            binary: "node",
+            relevance: 5
+          }),
+          {
+            label: "use_strict",
+            className: "meta",
+            relevance: 10,
+            begin: /^\s*['"]use (strict|asm)['"]/
+          },
+          hljs.APOS_STRING_MODE,
+          hljs.QUOTE_STRING_MODE,
+          HTML_TEMPLATE,
+          CSS_TEMPLATE,
+          TEMPLATE_STRING,
+          COMMENT2,
+          NUMBER,
+          {
+            // object attr container
+            begin: concat2(
+              /[{,\n]\s*/,
+              // we need to look ahead to make sure that we actually have an
+              // attribute coming up so we don't steal a comma from a potential
+              // "value" container
+              //
+              // NOTE: this might not work how you think.  We don't actually always
+              // enter this mode and stay.  Instead it might merely match `,
+              // <comments up next>` and then immediately end after the , because it
+              // fails to find any actual attrs. But this still does the job because
+              // it prevents the value contain rule from grabbing this instead and
+              // prevening this rule from firing when we actually DO have keys.
+              lookahead(concat2(
+                // we also need to allow for multiple possible comments inbetween
+                // the first key:value pairing
+                /(((\/\/.*$)|(\/\*(\*[^/]|[^*])*\*\/))\s*)*/,
+                IDENT_RE$1 + "\\s*:"
+              ))
+            ),
+            relevance: 0,
+            contains: [
+              {
+                className: "attr",
+                begin: IDENT_RE$1 + lookahead("\\s*:"),
+                relevance: 0
+              }
+            ]
+          },
+          {
+            // "value" container
+            begin: "(" + hljs.RE_STARTERS_RE + "|\\b(case|return|throw)\\b)\\s*",
+            keywords: "return throw case",
+            contains: [
+              COMMENT2,
+              hljs.REGEXP_MODE,
+              {
+                className: "function",
+                // we have to count the parens to make sure we actually have the
+                // correct bounding ( ) before the =>.  There could be any number of
+                // sub-expressions inside also surrounded by parens.
+                begin: "(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|" + hljs.UNDERSCORE_IDENT_RE + ")\\s*=>",
+                returnBegin: true,
+                end: "\\s*=>",
+                contains: [
+                  {
+                    className: "params",
+                    variants: [
+                      {
+                        begin: hljs.UNDERSCORE_IDENT_RE,
+                        relevance: 0
+                      },
+                      {
+                        className: null,
+                        begin: /\(\s*\)/,
+                        skip: true
+                      },
+                      {
+                        begin: /\(/,
+                        end: /\)/,
+                        excludeBegin: true,
+                        excludeEnd: true,
+                        keywords: KEYWORDS$1,
+                        contains: PARAMS_CONTAINS
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                // could be a comma delimited list of params to a function call
+                begin: /,/,
+                relevance: 0
+              },
+              {
+                className: "",
+                begin: /\s/,
+                end: /\s*/,
+                skip: true
+              },
+              {
+                // JSX
+                variants: [
+                  { begin: FRAGMENT.begin, end: FRAGMENT.end },
+                  {
+                    begin: XML_TAG.begin,
+                    // we carefully check the opening tag to see if it truly
+                    // is a tag and not a false positive
+                    "on:begin": XML_TAG.isTrulyOpeningTag,
+                    end: XML_TAG.end
+                  }
+                ],
+                subLanguage: "xml",
+                contains: [
+                  {
+                    begin: XML_TAG.begin,
+                    end: XML_TAG.end,
+                    skip: true,
+                    contains: ["self"]
+                  }
+                ]
+              }
+            ],
+            relevance: 0
+          },
+          {
+            className: "function",
+            beginKeywords: "function",
+            end: /[{;]/,
+            excludeEnd: true,
+            keywords: KEYWORDS$1,
+            contains: [
+              "self",
+              hljs.inherit(hljs.TITLE_MODE, { begin: IDENT_RE$1 }),
+              PARAMS
+            ],
+            illegal: /%/
+          },
+          {
+            // prevent this from getting swallowed up by function
+            // since they appear "function like"
+            beginKeywords: "while if switch catch for"
+          },
+          {
+            className: "function",
+            // we have to count the parens to make sure we actually have the correct
+            // bounding ( ).  There could be any number of sub-expressions inside
+            // also surrounded by parens.
+            begin: hljs.UNDERSCORE_IDENT_RE + "\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",
+            // end parens
+            returnBegin: true,
+            contains: [
+              PARAMS,
+              hljs.inherit(hljs.TITLE_MODE, { begin: IDENT_RE$1 })
+            ]
+          },
+          // hack: prevents detection of keywords in some circumstances
+          // .keyword()
+          // $keyword = x
+          {
+            variants: [
+              { begin: "\\." + IDENT_RE$1 },
+              { begin: "\\$" + IDENT_RE$1 }
+            ],
+            relevance: 0
+          },
+          {
+            // ES6 class
+            className: "class",
+            beginKeywords: "class",
+            end: /[{;=]/,
+            excludeEnd: true,
+            illegal: /[:"[\]]/,
+            contains: [
+              { beginKeywords: "extends" },
+              hljs.UNDERSCORE_TITLE_MODE
+            ]
+          },
+          {
+            begin: /\b(?=constructor)/,
+            end: /[{;]/,
+            excludeEnd: true,
+            contains: [
+              hljs.inherit(hljs.TITLE_MODE, { begin: IDENT_RE$1 }),
+              "self",
+              PARAMS
+            ]
+          },
+          {
+            begin: "(get|set)\\s+(?=" + IDENT_RE$1 + "\\()",
+            end: /\{/,
+            keywords: "get set",
+            contains: [
+              hljs.inherit(hljs.TITLE_MODE, { begin: IDENT_RE$1 }),
+              { begin: /\(\)/ },
+              // eat to avoid empty params
+              PARAMS
+            ]
+          },
+          {
+            begin: /\$[(.]/
+            // relevance booster for a pattern common to JS libs: `$(something)` and `$.something`
+          }
+        ]
+      };
+    }
+    function typescript2(hljs) {
+      const IDENT_RE$1 = IDENT_RE2;
+      const NAMESPACE = {
+        beginKeywords: "namespace",
+        end: /\{/,
+        excludeEnd: true
+      };
+      const INTERFACE = {
+        beginKeywords: "interface",
+        end: /\{/,
+        excludeEnd: true,
+        keywords: "interface extends"
+      };
+      const USE_STRICT = {
+        className: "meta",
+        relevance: 10,
+        begin: /^\s*['"]use strict['"]/
+      };
+      const TYPES2 = [
+        "any",
+        "void",
+        "number",
+        "boolean",
+        "string",
+        "object",
+        "never",
+        "enum"
+      ];
+      const TS_SPECIFIC_KEYWORDS = [
+        "type",
+        "namespace",
+        "typedef",
+        "interface",
+        "public",
+        "private",
+        "protected",
+        "implements",
+        "declare",
+        "abstract",
+        "readonly"
+      ];
+      const KEYWORDS$1 = {
+        $pattern: IDENT_RE2,
+        keyword: KEYWORDS.concat(TS_SPECIFIC_KEYWORDS),
+        literal: LITERALS,
+        built_in: BUILT_INS.concat(TYPES2)
+      };
+      const DECORATOR = {
+        className: "meta",
+        begin: "@" + IDENT_RE$1
+      };
+      const swapMode = (mode, label, replacement) => {
+        const indx = mode.contains.findIndex((m) => m.label === label);
+        if (indx === -1) {
+          throw new Error("can not find mode to replace");
+        }
+        mode.contains.splice(indx, 1, replacement);
+      };
+      const tsLanguage = javascript(hljs);
+      Object.assign(tsLanguage.keywords, KEYWORDS$1);
+      tsLanguage.exports.PARAMS_CONTAINS.push(DECORATOR);
+      tsLanguage.contains = tsLanguage.contains.concat([
+        DECORATOR,
+        NAMESPACE,
+        INTERFACE
+      ]);
+      swapMode(tsLanguage, "shebang", hljs.SHEBANG());
+      swapMode(tsLanguage, "use_strict", USE_STRICT);
+      const functionDeclaration = tsLanguage.contains.find((m) => m.className === "function");
+      functionDeclaration.relevance = 0;
+      Object.assign(tsLanguage, {
+        name: "TypeScript",
+        aliases: ["ts", "tsx"]
+      });
+      return tsLanguage;
+    }
+    typescript_1 = typescript2;
+    return typescript_1;
+  }
   function _setPrototypeOf(o, p) {
     _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
       o2.__proto__ = p2;
@@ -13578,72 +14206,8 @@ var __publicField = (obj, key, value) => {
   }
   var SyntaxHighlighter = highlight$2(core$1, {});
   SyntaxHighlighter.registerLanguage = core$1.registerLanguage;
-  var typescript_1;
-  var hasRequiredTypescript;
-  function requireTypescript() {
-    if (hasRequiredTypescript)
-      return typescript_1;
-    hasRequiredTypescript = 1;
-    typescript_1 = typescript2;
-    typescript2.displayName = "typescript";
-    typescript2.aliases = ["ts"];
-    function typescript2(Prism) {
-      (function(Prism2) {
-        Prism2.languages.typescript = Prism2.languages.extend("javascript", {
-          "class-name": {
-            pattern: /(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,
-            lookbehind: true,
-            greedy: true,
-            inside: null
-            // see below
-          },
-          builtin: /\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/
-        });
-        Prism2.languages.typescript.keyword.push(
-          /\b(?:abstract|declare|is|keyof|readonly|require)\b/,
-          // keywords that have to be followed by an identifier
-          /\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,
-          // This is for `import type *, {}`
-          /\btype\b(?=\s*(?:[\{*]|$))/
-        );
-        delete Prism2.languages.typescript["parameter"];
-        delete Prism2.languages.typescript["literal-property"];
-        var typeInside = Prism2.languages.extend("typescript", {});
-        delete typeInside["class-name"];
-        Prism2.languages.typescript["class-name"].inside = typeInside;
-        Prism2.languages.insertBefore("typescript", "function", {
-          decorator: {
-            pattern: /@[$\w\xA0-\uFFFF]+/,
-            inside: {
-              at: {
-                pattern: /^@/,
-                alias: "operator"
-              },
-              function: /^[\s\S]+/
-            }
-          },
-          "generic-function": {
-            // e.g. foo<T extends "bar" | "baz">( ...
-            pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,
-            greedy: true,
-            inside: {
-              function: /^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,
-              generic: {
-                pattern: /<[\s\S]+/,
-                // everything after the first <
-                alias: "class-name",
-                inside: typeInside
-              }
-            }
-          }
-        });
-        Prism2.languages.ts = Prism2.languages.typescript;
-      })(Prism);
-    }
-    return typescript_1;
-  }
   const useColorStyle = (defaultTheme) => {
-    const theme2 = styled.useTheme();
+    const theme2 = styledComponents.useTheme();
     const inheritedThemeName = theme2.name !== "classic" ? theme2.name : "light";
     const themeName = !defaultTheme ? inheritedThemeName : defaultTheme;
     const codeTheme = theme2.click.codeblock[`${themeName}Mode`].color;
@@ -13822,8 +14386,8 @@ var __publicField = (obj, key, value) => {
   SyntaxHighlighter.registerLanguage("sql", sql);
   SyntaxHighlighter.registerLanguage("bash", bash);
   SyntaxHighlighter.registerLanguage("json", json);
-  SyntaxHighlighter.registerLanguage("text", tsx);
-  const CodeBlockContainer = styled.styled.div.withConfig({
+  SyntaxHighlighter.registerLanguage("tsx", tsx);
+  const CodeBlockContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-18gnqgi-0"
   })(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;position:relative;cursor:pointer;", ""], ({
     theme: theme2,
@@ -13838,7 +14402,7 @@ var __publicField = (obj, key, value) => {
     }
   `;
   });
-  const CodeButton = styled.styled(EmptyButton$1).withConfig({
+  const CodeButton = styledComponents.styled(EmptyButton$1).withConfig({
     componentId: "sc-18gnqgi-1"
   })(["", ""], ({
     $copied,
@@ -13849,13 +14413,13 @@ var __publicField = (obj, key, value) => {
     padding: 0;
     border: 0;
   `);
-  const Highlighter = styled.styled(SyntaxHighlighter).withConfig({
+  const Highlighter = styledComponents.styled(SyntaxHighlighter).withConfig({
     componentId: "sc-18gnqgi-2"
   })(["background:transparent;padding:0;margin:0;"]);
-  const CodeContent = styled.styled.code.withConfig({
+  const CodeContent = styledComponents.styled.code.withConfig({
     componentId: "sc-18gnqgi-3"
   })(["font-family:inherit;color:inherit;"]);
-  const ButtonContainer = styled.styled.div.withConfig({
+  const ButtonContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-18gnqgi-4"
   })(["position:absolute;display:flex;", ""], ({
     theme: theme2
@@ -14338,7 +14902,7 @@ var __publicField = (obj, key, value) => {
       [calendar, getBody, getHeaders, setNext, setPrev, viewType]
     );
   }
-  const Wrapper$4 = styled.styled.div.withConfig({
+  const Wrapper$4 = styledComponents.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,
@@ -14429,7 +14993,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   `);
-  const StyledLabel = styled.styled(Label$1).withConfig({
+  const StyledLabel = styledComponents.styled(Label$1).withConfig({
     componentId: "sc-1pvd2nj-1"
   })(["", ""], ({
     $labelColor
@@ -14456,7 +15020,7 @@ var __publicField = (obj, key, value) => {
       label && /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { htmlFor: id, disabled, error: !!error2, $labelColor: labelColor, children: label })
     ] });
   };
-  const InputElement = styled.styled.input.withConfig({
+  const InputElement = styledComponents.styled.input.withConfig({
     componentId: "sc-1pvd2nj-2"
   })(["background:transparent;border:none;outline:none;width:100%;color:inherit;font:inherit;", ""], ({
     theme: theme2
@@ -14471,7 +15035,7 @@ var __publicField = (obj, key, value) => {
       color: ${theme2.click.field.color.placeholder.disabled};
     }
   `);
-  const NumberInputElement = styled.styled(InputElement).withConfig({
+  const NumberInputElement = styledComponents.styled(InputElement).withConfig({
     componentId: "sc-1pvd2nj-3"
   })(["", ""], ({
     $hideControls
@@ -14486,7 +15050,7 @@ var __publicField = (obj, key, value) => {
     -moz-appearance: textfield;
     ` : ""}
   `);
-  const TextAreaElement = styled.styled.textarea.withConfig({
+  const TextAreaElement = styledComponents.styled.textarea.withConfig({
     componentId: "sc-1pvd2nj-4"
   })(["background:transparent;border:none;outline:none;width:100%;color:inherit;font:inherit;resize:none;", ""], ({
     theme: theme2
@@ -14497,10 +15061,10 @@ var __publicField = (obj, key, value) => {
       color: ${theme2.click.field.color.placeholder.default};
     }
   `);
-  styled.styled(InputWrapper).withConfig({
+  styledComponents.styled(InputWrapper).withConfig({
     componentId: "sc-1pvd2nj-5"
   })(["resize:vertical;overflow:auto;color:red;"]);
-  const IconButton = styled.styled.button.withConfig({
+  const IconButton = styledComponents.styled.button.withConfig({
     componentId: "sc-1pvd2nj-6"
   })(["background:transparent;color:inherit;border:none;padding:0;outline:none;&:not(:disabled){cursor:pointer;}", ""], ({
     theme: theme2,
@@ -14509,7 +15073,7 @@ var __publicField = (obj, key, value) => {
       padding: ${theme2.click.field.space.y} 0;
       visibility: ${$show ? "visible" : "hidden"};
   `);
-  styled.styled.svg.withConfig({
+  styledComponents.styled.svg.withConfig({
     componentId: "sc-1pvd2nj-7"
   })(["", ""], ({
     theme: theme2
@@ -14535,7 +15099,7 @@ var __publicField = (obj, key, value) => {
     year: "numeric"
   });
   const explicitWidth = "250px";
-  const HighlightedInputWrapper = styled(InputWrapper).withConfig({
+  const HighlightedInputWrapper = styledComponents.styled(InputWrapper).withConfig({
     componentId: "sc-1kfphgn-0"
   })(["", " width:", ";}"], ({
     $isActive,
@@ -14543,12 +15107,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 = styled(Container).withConfig({
+  const DatePickerContainer = styledComponents.styled(Container).withConfig({
     componentId: "sc-1kfphgn-1"
   })(["background:", ";"], ({
     theme: theme2
   }) => theme2.click.datePicker.dateOption.color.background.default);
-  const UnselectableTitle = styled.h2.withConfig({
+  const UnselectableTitle = styledComponents.styled.h2.withConfig({
     componentId: "sc-1kfphgn-2"
   })(["", " user-select:none;"], ({
     theme: theme2
@@ -14556,7 +15120,7 @@ var __publicField = (obj, key, value) => {
     color: ${theme2.click.datePicker.color.title.default};
     font: ${theme2.click.datePicker.typography.title.default};
   `);
-  const DateTable = styled.table.withConfig({
+  const DateTable = styledComponents.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
@@ -14565,7 +15129,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 = styled.th.withConfig({
+  const DateTableHeader = styledComponents.styled.th.withConfig({
     componentId: "sc-1kfphgn-4"
   })(["", " width:14%;"], ({
     theme: theme2
@@ -14573,7 +15137,7 @@ var __publicField = (obj, key, value) => {
     color: ${theme2.click.datePicker.color.daytitle.default};
     font: ${theme2.click.datePicker.typography.daytitle.default};
   `);
-  const DateTableCell = styled.td.withConfig({
+  const DateTableCell = styledComponents.styled.td.withConfig({
     componentId: "sc-1kfphgn-5"
   })(["", " ", " ", " text-align:center;", " &:hover{", ";}"], ({
     theme: theme2
@@ -14974,7 +15538,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     return /* @__PURE__ */ jsxRuntime.jsx($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { ...props, children });
   };
-  const Trigger$4 = styled.styled($5d3850c4d0b4e6c7$export$41fb9f06171c75f4).withConfig({
+  const Trigger$4 = styledComponents.styled($5d3850c4d0b4e6c7$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-1wr6otn-0"
   })(["width:fit-content;background:transparent;border:none;cursor:pointer;"]);
   const DialogTrigger = ({
@@ -14992,7 +15556,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 = styled.keyframes({
+  const overlayShow = styledComponents.keyframes({
     "0%": {
       opacity: 0
     },
@@ -15000,7 +15564,7 @@ var __publicField = (obj, key, value) => {
       opacity: 1
     }
   });
-  const contentShow = styled.keyframes({
+  const contentShow = styledComponents.keyframes({
     "0%": {
       opacity: 0,
       transform: "translate(-50%, -48%) scale(.96)"
@@ -15010,12 +15574,12 @@ var __publicField = (obj, key, value) => {
       transform: "translate(-50%, -50%) scale(1)"
     }
   });
-  const DialogOverlay = styled.styled($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff).withConfig({
+  const DialogOverlay = styledComponents.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 = styled.styled($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2).withConfig({
+  const ContentArea = styledComponents.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
@@ -15030,12 +15594,12 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.dialog.shadow.default, ({
     theme: theme2
   }) => theme2.click.global.color.stroke.default, contentShow);
-  const TitleArea = styled.styled.div.withConfig({
+  const TitleArea = styledComponents.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 = styled.styled.h2.withConfig({
+  const Title$1 = styledComponents.styled.h2.withConfig({
     componentId: "sc-1wr6otn-4"
   })(["font:", ";padding:0;margin:0;"], ({
     theme: theme2
@@ -15067,10 +15631,10 @@ var __publicField = (obj, key, value) => {
   };
   DialogContent$1.displayName = "DialogContent";
   Dialog.Content = DialogContent$1;
-  const ActionsWrapper = styled.styled.div.withConfig({
+  const ActionsWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-6eozxy-0"
   })(["display:flex;justify-content:flex-end;gap:", ";"], (props) => props.theme.click.dialog.space.gap);
-  const DialogContent = styled.styled.div.withConfig({
+  const DialogContent = styledComponents.styled.div.withConfig({
     componentId: "sc-6eozxy-1"
   })(["overflow:hidden;display:flex;flex-direction:column;"]);
   const ConfirmationDialog = ({
@@ -15120,7 +15684,7 @@ var __publicField = (obj, key, value) => {
   };
   Trigger$3.displayName = "Flyout.Trigger";
   Flyout.Trigger = Trigger$3;
-  const animationWidth = () => styled.keyframes({
+  const animationWidth = () => styledComponents.keyframes({
     from: {
       width: 0
     },
@@ -15128,7 +15692,7 @@ var __publicField = (obj, key, value) => {
       width: "fit-content"
     }
   });
-  const FlyoutContent = styled.styled($5d3850c4d0b4e6c7$export$b6d9565de1e068cf).withConfig({
+  const FlyoutContent = styledComponents.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,
@@ -15164,7 +15728,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   `);
-  const FlyoutContainer = styled.styled.div.withConfig({
+  const FlyoutContainer = styledComponents.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 = ({
@@ -15194,7 +15758,7 @@ var __publicField = (obj, key, value) => {
   };
   Content$1.displayName = "Flyout.Content";
   Flyout.Content = Content$1;
-  const FlyoutElement = styled.styled(Container).withConfig({
+  const FlyoutElement = styledComponents.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-2"
   })(["max-width:100%;max-width:-webkit-fill-available;max-width:fill-available;max-width:stretch;", ""], ({
     theme: theme2,
@@ -15209,7 +15773,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 = styled.styled(Container).withConfig({
+  const FlyoutHeaderContainer = styledComponents.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-3"
   })(["", ""], ({
     theme: theme2,
@@ -15219,7 +15783,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 = styled.styled($5d3850c4d0b4e6c7$export$16f7638e4a34b909).withConfig({
+  const FlyoutTitle = styledComponents.styled($5d3850c4d0b4e6c7$export$16f7638e4a34b909).withConfig({
     componentId: "sc-1vtv6sf-4"
   })(["", ""], ({
     theme: theme2,
@@ -15230,7 +15794,7 @@ var __publicField = (obj, key, value) => {
     margin: 0;
     padding: 0;
   `);
-  const FlyoutDescription = styled.styled($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5).withConfig({
+  const FlyoutDescription = styledComponents.styled($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5).withConfig({
     componentId: "sc-1vtv6sf-5"
   })(["", ""], ({
     theme: theme2,
@@ -15272,7 +15836,7 @@ var __publicField = (obj, key, value) => {
   };
   Header$1.displayName = "Flyout.Header";
   Flyout.Header = Header$1;
-  const FlyoutBody = styled.styled(Container).withConfig({
+  const FlyoutBody = styledComponents.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-6"
   })(["width:var(--flyout-width);max-width:100%;margin-top:", ";"], ({
     $align = "default"
@@ -15283,7 +15847,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 = styled.styled(Container).withConfig({
+  const FlyoutFooter = styledComponents.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-7"
   })(["", ""], ({
     theme: theme2,
@@ -15301,7 +15865,7 @@ var __publicField = (obj, key, value) => {
   };
   FlyoutClose.displayName = "Flyout.Close";
   Flyout.Close = FlyoutClose;
-  const FooterContainer = styled.styled(Container).withConfig({
+  const FooterContainer = styledComponents.styled(Container).withConfig({
     componentId: "sc-1vtv6sf-8"
   })(["width:var(--flyout-width);max-width:100%;"]);
   const Footer = (props) => {
@@ -15312,7 +15876,7 @@ var __publicField = (obj, key, value) => {
   };
   Footer.displayName = "Flyout.Footer";
   Flyout.Footer = Footer;
-  const CustomCodeBlock = styled.styled(CodeBlock).withConfig({
+  const CustomCodeBlock = styledComponents.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 = ({
@@ -15376,7 +15940,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(Wrapper$3, { $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$3 = styled.styled.div.withConfig({
+  const Wrapper$3 = styledComponents.styled.div.withConfig({
     componentId: "sc-r57kdn-0"
   })(["align-items:", ";align-content:", ";display:", ";", ";", ";", ";", ";", ";", ";", ";justify-content:", ";justify-items:", ";", " ", " ", " ", " @media (max-width:", "){grid-template-columns:", ";}"], ({
     $alignItems = "stretch"
@@ -15438,7 +16002,7 @@ var __publicField = (obj, key, value) => {
   }) => $isResponsive === true ? "1fr" : ({
     $gridTemplateColumns
   }) => $gridTemplateColumns || "auto");
-  const InlineContainer = styled.styled.span.withConfig({
+  const InlineContainer = styledComponents.styled.span.withConfig({
     componentId: "sc-ugg5k0-0"
   })(["", ""], ({
     theme: theme2
@@ -15679,7 +16243,7 @@ var __publicField = (obj, key, value) => {
   };
   ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
   ContextMenu.SubTrigger = ContextMenuSubTrigger;
-  const RightMenuContent = styled.styled(GenericMenuPanel).withConfig({
+  const RightMenuContent = styledComponents.styled(GenericMenuPanel).withConfig({
     componentId: "sc-8z6kye-0"
   })(["flex-direction:column;z-index:1;", ";"], ({
     $showArrow
@@ -15718,7 +16282,7 @@ var __publicField = (obj, key, value) => {
   };
   ContextMenuContent.displayName = "ContextMenuContent";
   ContextMenu.Content = ContextMenuContent;
-  const RightMenuGroup = styled.styled($1b0217ee4a91d156$export$eb2fcfdbd7ba97d4).withConfig({
+  const RightMenuGroup = styledComponents.styled($1b0217ee4a91d156$export$eb2fcfdbd7ba97d4).withConfig({
     componentId: "sc-8z6kye-1"
   })(["width:100%;border-bottom:1px solid ", ";"], ({
     theme: theme2
@@ -15728,7 +16292,7 @@ var __publicField = (obj, key, value) => {
   };
   ContextMenuGroup.displayName = "ContextMenuGroup";
   ContextMenu.Group = ContextMenuGroup;
-  const RightMenuSub = styled.styled($1b0217ee4a91d156$export$d7a01e11500dfb6f).withConfig({
+  const RightMenuSub = styledComponents.styled($1b0217ee4a91d156$export$d7a01e11500dfb6f).withConfig({
     componentId: "sc-8z6kye-2"
   })(["border-bottom:1px solid ", ";"], ({
     theme: theme2
@@ -16836,7 +17400,7 @@ var __publicField = (obj, key, value) => {
       }, !bailoutOnChildren && children(childParams));
     }
   }
-  const StyledCell = styled.styled.div.withConfig({
+  const StyledCell = styledComponents.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,
@@ -16891,7 +17455,7 @@ var __publicField = (obj, key, value) => {
             ${$selectionType === "selectDirect" && $isLastColumn ? `border-right: 1px solid ${theme2.click.grid[$type].cell.color.stroke.selectDirect};` : ""}
           }
         ` : "");
-  const RowNumberColumnContainer = styled.styled.div.withConfig({
+  const RowNumberColumnContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-7gbi4d-0"
   })(["position:sticky;left:0;", " ", ""], ({
     $height,
@@ -16904,7 +17468,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 = styled.styled.div.withConfig({
+  const RowNumberCell = styledComponents.styled.div.withConfig({
     componentId: "sc-7gbi4d-1"
   })(["position:absolute;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;", ""], ({
     $height,
@@ -17200,7 +17764,7 @@ var __publicField = (obj, key, value) => {
     };
   };
   const DOUBLE_CLICK_THRESHOLD_MSEC = 300;
-  const ResizeSpan = styled.styled.div.withConfig({
+  const ResizeSpan = styledComponents.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
@@ -17298,7 +17862,7 @@ var __publicField = (obj, key, value) => {
       setIsPressed(columnIndex, false);
     }, onClick: (e) => e.stopPropagation(), "data-resize": true, style: position });
   };
-  const HeaderContainer = styled.styled.div.withConfig({
+  const HeaderContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-1oadqc8-0"
   })(["position:sticky;top:0;left:0;display:flex;flex-direction:row;height:", "px;", ""], ({
     $height
@@ -17306,12 +17870,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 = styled.styled.div.withConfig({
+  const ScrollableHeaderContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-1oadqc8-1"
   })(["position:relative;left:", "px;"], ({
     $left
   }) => $left);
-  const HeaderCellContainer = styled.styled.div.withConfig({
+  const HeaderCellContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-1oadqc8-2"
   })(["position:absolute;display:flex;width:", ";height:", "px;left:", "px;&:hover [data-resize]{background:", ";}"], ({
     $width
@@ -17322,7 +17886,7 @@ var __publicField = (obj, key, value) => {
   }) => $columnPosition, ({
     theme: theme2
   }) => theme2.click.grid.header.cell.color.stroke.selectDirect);
-  const RowColumnContainer = styled.styled(HeaderCellContainer).withConfig({
+  const RowColumnContainer = styledComponents.styled(HeaderCellContainer).withConfig({
     componentId: "sc-1oadqc8-3"
   })(["position:sticky;top:0;left:0;width:", ";text-align:right;", ""], ({
     $width
@@ -17330,7 +17894,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 = styled.styled(StyledCell).withConfig({
+  const RowColumn = styledComponents.styled(StyledCell).withConfig({
     componentId: "sc-1oadqc8-4"
   })(["width:100%;text-align:right;"]);
   const Column = ({
@@ -31924,7 +32488,7 @@ var __publicField = (obj, key, value) => {
   const NO_BUTTONS_PRESSED = 0;
   const LEFT_BUTTON_PRESSED = 1;
   const RIGHT_BUTTON_PRESSED = 2;
-  const GridContainer = styled.styled.div.withConfig({
+  const GridContainer = styledComponents.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], {
@@ -31947,7 +32511,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 = styled.styled.div.withConfig({
+  const GridDataContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-175eneg-1"
   })(["position:absolute;top:0;left:0;", ""], ({
     $top,
@@ -31956,7 +32520,7 @@ var __publicField = (obj, key, value) => {
     margin-top: ${$top}px;
     margin-left: ${$left}px;
   `);
-  const ContextMenuTrigger = styled.styled.div.withConfig({
+  const ContextMenuTrigger = styledComponents.styled.div.withConfig({
     componentId: "sc-175eneg-2"
   })(["outline:none;overflow:hidden;height:", ";width:100%;background:", ";border-radius:", ";", ";"], ({
     $height
@@ -32707,7 +33271,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     return /* @__PURE__ */ jsxRuntime.jsx($cef8881cdc69808e$export$be92b6f5f03c0fe9, { ...props, children });
   };
-  const Trigger$2 = styled.styled($cef8881cdc69808e$export$41fb9f06171c75f4).withConfig({
+  const Trigger$2 = styledComponents.styled($cef8881cdc69808e$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-1ect7b6-0"
   })(["width:fit-content;"]);
   const HoverCardTrigger = ({
@@ -32732,9 +33296,7 @@ var __publicField = (obj, key, value) => {
   };
   HoverCardContent.displayName = "HoverCardContent";
   HoverCard.Content = HoverCardContent;
-  const CuiLink = styled.styled.a.withConfig({
-    componentId: "sc-1bwz77u-0"
-  })(["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 = 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:", ";}"], ({
     $size,
     $weight = "normal",
     theme: theme2
@@ -32753,7 +33315,10 @@ var __publicField = (obj, key, value) => {
   }) => theme2.transition.default, ({
     theme: theme2
   }) => theme2.click.global.color.text.link.default);
-  const IconWrapper$1 = styled.styled.span.withConfig({
+  const CuiLink = styledComponents.styled.a.withConfig({
+    componentId: "sc-1bwz77u-0"
+  })(["", ""], linkStyles);
+  const IconWrapper$1 = styledComponents.styled.span.withConfig({
     componentId: "sc-1bwz77u-1"
   })([".external-icon{height:", ";width:", ";}"], ({
     $size,
@@ -32826,7 +33391,7 @@ var __publicField = (obj, key, value) => {
   }) => {
     return /* @__PURE__ */ jsxRuntime.jsx($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { ...props, children });
   };
-  const Trigger$1 = styled.styled($cb5cc270b50c6fcd$export$41fb9f06171c75f4).withConfig({
+  const Trigger$1 = styledComponents.styled($cb5cc270b50c6fcd$export$41fb9f06171c75f4).withConfig({
     componentId: "sc-1dii14g-0"
   })(["width:fit-content;font:inherit;color:inherit;background:inherit;border:none;"]);
   const PopoverTrigger = ({
@@ -32841,7 +33406,7 @@ var __publicField = (obj, key, value) => {
   };
   PopoverTrigger.displayName = "PopoverTrigger";
   Popover.Trigger = PopoverTrigger;
-  const MenuPanel = styled.styled(GenericMenuPanel).withConfig({
+  const MenuPanel = styledComponents.styled(GenericMenuPanel).withConfig({
     componentId: "sc-1dii14g-1"
   })(["display:block;padding:", " ", ";background-color:", ";border:1px solid ", ";border-radius:", ";box-shadow:", ";", ";"], ({
     theme: theme2
@@ -32858,7 +33423,7 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.popover.shadow.default, ({
     $showClose
   }) => $showClose ? "padding-top: 1rem;" : "");
-  const CloseButton = styled.styled(EmptyButton$1).withConfig({
+  const CloseButton = styledComponents.styled(EmptyButton$1).withConfig({
     componentId: "sc-1dii14g-2"
   })(["position:absolute;top:", ";right:", ";width:", ";height:", ";"], ({
     theme: theme2
@@ -32885,7 +33450,7 @@ var __publicField = (obj, key, value) => {
   };
   PopoverContent.displayName = "PopoverContent";
   Popover.Content = PopoverContent;
-  const CustomSelect = styled.styled.div.withConfig({
+  const CustomSelect = styledComponents.styled.div.withConfig({
     componentId: "sc-dicnqe-0"
   })(["width:150px;"]);
   const Pagination = ({
@@ -32984,24 +33549,25 @@ var __publicField = (obj, key, value) => {
     ] });
   };
   const Panel = ({
-    hasBorder,
-    hasShadow,
+    alignItems = "center",
+    children,
     color,
-    padding,
+    cursor,
+    fillHeight,
+    fillWidth,
     gap,
-    children,
+    hasBorder,
+    hasShadow,
+    height,
     orientation = "horizontal",
-    width,
+    padding,
     radii = "sm",
-    fillWidth,
-    height,
-    fillHeight,
-    alignItems = "center",
+    width,
     ...props
-  }) => /* @__PURE__ */ jsxRuntime.jsx(Wrapper$2, { $hasBorder: hasBorder, $hasShadow: hasShadow, $color: color, $padding: padding, $gap: gap, $width: width, $radii: radii, $orientation: orientation, $fillWidth: fillWidth, $height: height, $fillHeight: fillHeight, $alignItems: alignItems, ...props, children });
-  const Wrapper$2 = styled.styled.div.withConfig({
+  }) => /* @__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({
     componentId: "sc-1q78udp-0"
-  })(["display:flex;flex-flow:", ";align-items:", ";width:", ";height:", ";background-color:", ";border-radius:", ";padding:", ";border:", ";box-shadow:", ";gap:", ";"], ({
+  })(["display:flex;flex-flow:", ";align-items:", ";width:", ";height:", ";background-color:", ";border-radius:", ";padding:", ";border:", ";box-shadow:", ";gap:", ";", ";"], ({
     $orientation = "horizontal"
   }) => $orientation === "horizontal" ? "row wrap" : "column", ({
     $alignItems = "center"
@@ -33029,8 +33595,10 @@ var __publicField = (obj, key, value) => {
   }) => $hasShadow ? theme2.shadow[1] : "none", ({
     $gap = "sm",
     theme: theme2
-  }) => theme2.click.panel.space.gap[$gap]);
-  const ProgressContainer = styled.styled.div.withConfig({
+  }) => theme2.click.panel.space.gap[$gap], ({
+    $cursor
+  }) => $cursor && `cursor: ${$cursor}`);
+  const ProgressContainer = styledComponents.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,
@@ -33061,10 +33629,10 @@ var __publicField = (obj, key, value) => {
       background-position: center;
     }
   `);
-  const ProgressText = styled.styled.span.withConfig({
+  const ProgressText = styledComponents.styled.span.withConfig({
     componentId: "sc-16gr3cg-1"
   })(["width:100%;font:inherit;mix-blend-mode:difference;"]);
-  const ProgressCloseButton = styled.styled.button.withConfig({
+  const ProgressCloseButton = styledComponents.styled.button.withConfig({
     componentId: "sc-16gr3cg-2"
   })(["mix-blend-mode:difference;border:0;visibility:", ";"], ({
     $dismissable
@@ -33290,7 +33858,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 = styled.styled($f99a8c78507165f7$export$be92b6f5f03c0fe9).withConfig({
+  const RadioGroupRoot = styledComponents.styled($f99a8c78507165f7$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-p6cydr-0"
   })(["display:flex;flex-wrap:wrap;gap:", ";flex-direction:", ";label{", "}"], ({
     theme: theme2
@@ -33336,14 +33904,14 @@ var __publicField = (obj, key, value) => {
   };
   RadioGroupItem.displayName = "RadioGroupItem";
   RadioGroup.Item = RadioGroupItem;
-  const Wrapper$1 = styled.styled(FormRoot).withConfig({
+  const Wrapper$1 = styledComponents.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 = styled.styled($f99a8c78507165f7$export$6d08773d2e66f8f2).withConfig({
+  const RadioInput = styledComponents.styled($f99a8c78507165f7$export$6d08773d2e66f8f2).withConfig({
     componentId: "sc-p6cydr-2"
   })(["display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;", ";"], ({
     theme: theme2
@@ -33366,7 +33934,7 @@ var __publicField = (obj, key, value) => {
       border-color: ${theme2.click.radio.color.stroke.disabled};
     }
   `);
-  const RadioGroupIndicator = styled.styled($f99a8c78507165f7$export$adb584737d712b70).withConfig({
+  const RadioGroupIndicator = styledComponents.styled($f99a8c78507165f7$export$adb584737d712b70).withConfig({
     componentId: "sc-p6cydr-3"
   })(["", ""], ({
     theme: theme2
@@ -33428,13 +33996,13 @@ var __publicField = (obj, key, value) => {
       loading && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: "loading-animated", size: "sm" })
     ] });
   });
-  const SelectPopoverRoot = styled.styled($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9).withConfig({
+  const SelectPopoverRoot = styledComponents.styled($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-oudbwg-0"
   })(["width:100%;"]);
-  const SelectValue = styled.styled.div.withConfig({
+  const SelectValue = styledComponents.styled.div.withConfig({
     componentId: "sc-oudbwg-1"
   })(["text-align:left;flex:1;gap:inherit;color:inherit;font:inherit;overflow:hidden;"]);
-  const StyledSelectTrigger = styled.styled($cb5cc270b50c6fcd$export$41fb9f06171c75f4).withConfig({
+  const StyledSelectTrigger = styledComponents.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,
@@ -33482,7 +34050,7 @@ var __publicField = (obj, key, value) => {
       cursor: not-allowed;
     }
   `);
-  const SelectPopoverContent = styled.styled($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2).withConfig({
+  const SelectPopoverContent = styledComponents.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,
@@ -33502,7 +34070,7 @@ var __publicField = (obj, key, value) => {
       0px 1px 2px 0px rgba(16, 24, 40, 0.06);
     border-radius: 0.25rem;
   `);
-  const SearchBarContainer = styled.styled.div.withConfig({
+  const SearchBarContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-oudbwg-4"
   })(["width:auto;position:relative;display:flex;justify-content:flex-start;align-items:center;", ""], ({
     theme: theme2,
@@ -33513,7 +34081,7 @@ var __publicField = (obj, key, value) => {
     font: ${theme2.click.genericMenu.autocomplete.typography.search.term.default};
     height: ${$showSearch ? "auto" : " 0"};
   `);
-  const SearchBar = styled.styled.input.withConfig({
+  const SearchBar = styledComponents.styled.input.withConfig({
     componentId: "sc-oudbwg-5"
   })(["background:transparent;border:none;width:100%;outline:none;", ""], ({
     theme: theme2,
@@ -33532,7 +34100,7 @@ var __publicField = (obj, key, value) => {
       font: ${theme2.click.genericMenu.autocomplete.typography.search.placeholder.default};
     }
   `);
-  const SearchClose = styled.styled.button.withConfig({
+  const SearchClose = styledComponents.styled.button.withConfig({
     componentId: "sc-oudbwg-6"
   })(["position:absolute;", " visibility:", ";"], ({
     theme: theme2
@@ -33542,16 +34110,16 @@ var __publicField = (obj, key, value) => {
   `, ({
     $showClose
   }) => $showClose ? "visible" : "hidden");
-  const SelectList = styled.styled.div.withConfig({
+  const SelectList = styledComponents.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 = styled.styled.div.withConfig({
+  const SelectListContent = styledComponents.styled.div.withConfig({
     componentId: "sc-oudbwg-8"
   })(["width:inherit;overflow:auto;flex:1;"]);
-  const HiddenSelectElement = styled.styled.select.withConfig({
+  const HiddenSelectElement = styledComponents.styled.select.withConfig({
     componentId: "sc-oudbwg-9"
   })(["visibility:hidden;position:absolute;z-index:-1;height:0;"]);
-  const SelectGroupContainer = styled.styled.div.withConfig({
+  const SelectGroupContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-oudbwg-10"
   })(["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
@@ -33559,7 +34127,7 @@ var __publicField = (obj, key, value) => {
     font: ${theme2.click.genericMenu.item.typography.sectionHeader.default};
     color: ${theme2.click.genericMenu.item.color.text.muted};
   `);
-  const SelectGroupName = styled.styled.div.withConfig({
+  const SelectGroupName = styledComponents.styled.div.withConfig({
     componentId: "sc-oudbwg-11"
   })(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
     theme: theme2
@@ -33570,10 +34138,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 = styled.styled.div.withConfig({
+  const SelectGroupContent = styledComponents.styled.div.withConfig({
     componentId: "sc-oudbwg-12"
   })(["width:inherit;"]);
-  const SelectNoDataContainer = styled.styled.div.withConfig({
+  const SelectNoDataContainer = styledComponents.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,
@@ -36882,10 +37450,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 = styled.styled.div.withConfig({
+  const BadgeList = styledComponents.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 = styled.styled.div.withConfig({
+  const MultiSelectBadge = styledComponents.styled.div.withConfig({
     componentId: "sc-1ryyiol-1"
   })(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;max-width:fit-content;"]);
   const MultiSelectValue = ({
@@ -36945,7 +37513,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 = styled.styled.div.withConfig({
+  const SelectValueContainer = styledComponents.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 = ({
@@ -37265,7 +37833,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     ] });
   });
   SelectGroup.displayName = "Select.Group";
-  const CheckIcon$1 = styled.styled.svg.withConfig({
+  const CheckIcon$1 = styledComponents.styled.svg.withConfig({
     componentId: "sc-howzwz-0"
   })(["opacity:", ";"], ({
     $showCheck
@@ -37562,7 +38130,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     return $89eedd556c436f6a$var$ORIENTATIONS.includes(orientation);
   }
   const $89eedd556c436f6a$export$be92b6f5f03c0fe9 = $89eedd556c436f6a$export$1ff3c3f08ae963c0;
-  const CUISeparator = styled.styled($89eedd556c436f6a$export$be92b6f5f03c0fe9).withConfig({
+  const CUISeparator = styledComponents.styled($89eedd556c436f6a$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-ladr1y-0"
   })(["", ""], ({
     theme: theme2,
@@ -37583,12 +38151,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     orientation = "horizontal",
     ...props
   }) => /* @__PURE__ */ jsxRuntime.jsx(CUISeparator, { orientation, ...props });
-  const LabelContainer = styled.styled.span.withConfig({
+  const LabelContainer = styledComponents.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 = styled.styled.span.withConfig({
+  const EllipsisContainer = styledComponents.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 = ({
@@ -37614,7 +38182,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 = styled.styled.div.withConfig({
+  const SidebarItemWrapper = styledComponents.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,
@@ -37686,7 +38254,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     open: false,
     onOpenChange: () => null
   });
-  const CollapsibleContainer = styled.styled.div.withConfig({
+  const CollapsibleContainer = styledComponents.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 = ({
@@ -37713,7 +38281,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     };
     return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContainer, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(NavContext.Provider, { value, children }) });
   };
-  const CollapsipleHeaderContainer = styled.styled.div.withConfig({
+  const CollapsipleHeaderContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-guwmyz-1"
   })(["margin-left:", ";user-select:none;"], ({
     theme: theme2,
@@ -37746,7 +38314,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   });
   CollapsipleHeader.displayName = "CollapsibleHeader";
   Collapsible.Header = CollapsipleHeader;
-  const CollapsipleTriggerButton = styled.styled(EmptyButton$1).withConfig({
+  const CollapsipleTriggerButton = styledComponents.styled(EmptyButton$1).withConfig({
     componentId: "sc-guwmyz-2"
   })(["display:flex;align-items:center;font:inherit;color:inherit;cursor:inherit;"]);
   const CollapsipleTrigger = ({
@@ -37777,7 +38345,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   };
   CollapsipleTrigger.displayName = "CollapsibleTrigger";
   Collapsible.Trigger = CollapsipleTrigger;
-  const CollapsibleContentWrapper = styled.styled.div.withConfig({
+  const CollapsibleContentWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-guwmyz-3"
   })(["", ""], ({
     theme: theme2,
@@ -37828,7 +38396,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 = styled.styled.button.withConfig({
+  const SidebarTitleWrapper = styledComponents.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,
@@ -37873,7 +38441,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       /* @__PURE__ */ jsxRuntime.jsx(Collapsible.Content, { children })
     ] });
   };
-  const CUISpacer = styled.styled.div.withConfig({
+  const CUISpacer = styledComponents.styled.div.withConfig({
     componentId: "sc-6ga865-0"
   })(["background:transparent;display:flex;padding:", ";"], ({
     theme: theme2,
@@ -37922,7 +38490,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 = styled.styled.div.withConfig({
+  const DropdownContent = styledComponents.styled.div.withConfig({
     componentId: "sc-85zs9e-0"
   })(["min-width:", "px;"], ({
     $width
@@ -37949,7 +38517,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] });
     }
   };
-  const SplitButtonTrigger = styled.styled.div.withConfig({
+  const SplitButtonTrigger = styledComponents.styled.div.withConfig({
     componentId: "sc-85zs9e-1"
   })(["display:inline-flex;align-items:center;overflow:hidden;user-select:none;", ""], ({
     theme: theme2,
@@ -37972,7 +38540,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           }
         `}
   `);
-  const PrimaryButton = styled.styled(BaseButton).withConfig({
+  const PrimaryButton = styledComponents.styled(BaseButton).withConfig({
     componentId: "sc-85zs9e-2"
   })(["border:none;align-self:stretch;border-radius:0;align-items:center;padding:", ";", ""], ({
     theme: theme2
@@ -38002,7 +38570,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       font: ${theme2.click.button.split.typography.label.disabled};
     }
   `);
-  const SecondaryButton = styled.styled(BaseButton).withConfig({
+  const SecondaryButton = styledComponents.styled(BaseButton).withConfig({
     componentId: "sc-85zs9e-3"
   })(["border:none;align-self:stretch;border-radius:0;", ""], ({
     theme: theme2,
@@ -38024,7 +38592,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: ${theme2.click.button.split[$type].text.disabled};
     }
   `);
-  const ButtonData = styled.styled.div.withConfig({
+  const ButtonData = styledComponents.styled.div.withConfig({
     componentId: "sc-85zs9e-4"
   })(["width:auto;"]);
   const $6be4966fd9bbc698$var$SWITCH_NAME = "Switch";
@@ -38137,7 +38705,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }
   const $6be4966fd9bbc698$export$be92b6f5f03c0fe9 = $6be4966fd9bbc698$export$b5d5cf8927ab7262;
   const $6be4966fd9bbc698$export$6521433ed15a34db = $6be4966fd9bbc698$export$4d07bf653ea69106;
-  const Wrapper = styled.styled(FormRoot).withConfig({
+  const Wrapper = styledComponents.styled(FormRoot).withConfig({
     componentId: "sc-egkkgl-0"
   })(["align-items:center;max-width:fit-content;"]);
   const Switch = React.forwardRef(({
@@ -38196,7 +38764,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       };
     }
   };
-  const SwitchRoot = styled.styled($6be4966fd9bbc698$export$be92b6f5f03c0fe9).withConfig({
+  const SwitchRoot = styledComponents.styled($6be4966fd9bbc698$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-egkkgl-1"
   })((props) => {
     const vars = getRootVars(props.theme, props.disabled, props.checked);
@@ -38210,7 +38778,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       padding: 0
     };
   });
-  const SwitchThumb = styled.styled($6be4966fd9bbc698$export$6521433ed15a34db).withConfig({
+  const SwitchThumb = styledComponents.styled($6be4966fd9bbc698$export$6521433ed15a34db).withConfig({
     componentId: "sc-egkkgl-2"
   })((props) => {
     const vars = getThumbVars(props.theme, props.$disabled, props.$checked);
@@ -38362,13 +38930,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 = styled.styled($69cb30bb0017df05$export$41fb9f06171c75f4).withConfig({
+  const Trigger = styledComponents.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 = styled.styled($69cb30bb0017df05$export$7c6e2c02157bb7d2).withConfig({
+  const Content = styledComponents.styled($69cb30bb0017df05$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-tj736u-1"
   })([""]);
-  const TriggersList = styled.styled($69cb30bb0017df05$export$54c2e3dc7acea9f5).withConfig({
+  const TriggersList = styledComponents.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 = ({
@@ -38383,10 +38951,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   Tabs.TriggersList = TriggersList;
   Tabs.Trigger = Trigger;
   Tabs.Content = Content;
-  const FullWidthTabs = styled.styled(Tabs).withConfig({
+  const FullWidthTabs = styledComponents.styled(Tabs).withConfig({
     componentId: "sc-tj736u-3"
   })(["width:100%;"]);
-  FullWidthTabs.Trigger = styled.styled(Trigger).withConfig({
+  FullWidthTabs.Trigger = styledComponents.styled(Trigger).withConfig({
     componentId: "sc-tj736u-4"
   })(["", ";"], (props) => props.width ? `width: ${props.width};` : `
     flex-basis: auto;
@@ -38394,12 +38962,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     flex-shrink: 1;
   `);
   FullWidthTabs.TriggersList = TriggersList;
-  const TabsContainer = styled.styled.div.withConfig({
+  const TabsContainer = styledComponents.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 = styled.styled.div.withConfig({
+  const TabsSortableContainer = styledComponents.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({
@@ -38470,7 +39038,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 = styled.styled.div.withConfig({
+  const TabElement = styledComponents.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,
@@ -38508,7 +39076,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         `}
     ${$preview === true ? "font-style: italic;" : ""}
   `);
-  const Indicator = styled.styled.div.withConfig({
+  const Indicator = styledComponents.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,
@@ -38517,15 +39085,15 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       background: ${$status === "default" ? "transparent" : theme2.click.alert.color.text[$status]};
       border-radius: 50%;
   `);
-  const TabContent = styled.styled.div.withConfig({
+  const TabContent = styledComponents.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 = styled.styled.span.withConfig({
+  const TabContentText = styledComponents.styled.span.withConfig({
     componentId: "sc-137ymle-5"
   })(["display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;"]);
-  const EmptyButton = styled.styled.button.withConfig({
+  const EmptyButton = styledComponents.styled.button.withConfig({
     componentId: "sc-137ymle-6"
   })(["padding:0;", ";&:hover{background:", ";}"], ({
     theme: theme2
@@ -38584,7 +39152,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       children && /* @__PURE__ */ jsxRuntime.jsx(TabContentText, { children })
     ] });
   };
-  const StyledHeader = styled.styled.th.withConfig({
+  const StyledHeader = styledComponents.styled.th.withConfig({
     componentId: "sc-1q458rb-0"
   })(["", " text-align:left;"], ({
     theme: theme2,
@@ -38594,10 +39162,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     font: ${theme2.click.table.header.title.default};
     color: ${theme2.click.table.header.color.title.default};
   `);
-  const HeaderContentWrapper = styled.styled.div.withConfig({
+  const HeaderContentWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-1q458rb-1"
   })(["display:flex;align-items:center;justify-content:start;gap:inherit;"]);
-  const SortIcon = styled.styled(SvgImage).withConfig({
+  const SortIcon = styledComponents.styled(SvgImage).withConfig({
     componentId: "sc-1q458rb-2"
   })(["transition:all 200ms;transform:rotate(", ");"], ({
     $sortDir
@@ -38657,7 +39225,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] }) })
     ] });
   };
-  const TableRow = styled.styled.tr.withConfig({
+  const TableRow = styledComponents.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,
@@ -38690,7 +39258,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 = styled.styled.td.withConfig({
+  const TableData = styledComponents.styled.td.withConfig({
     componentId: "sc-1q458rb-4"
   })(["overflow:hidden;", " @media (max-width:768px){width:auto;min-width:40%;", "}"], ({
     theme: theme2,
@@ -38704,10 +39272,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 = styled.styled.colgroup.withConfig({
+  const StyledColGroup = styledComponents.styled.colgroup.withConfig({
     componentId: "sc-1q458rb-5"
   })(["@media (max-width:768px){display:none;}"]);
-  const StyledThead = styled.styled.thead.withConfig({
+  const StyledThead = styledComponents.styled.thead.withConfig({
     componentId: "sc-1q458rb-6"
   })(["tr{overflow:hidden;background-color:", ";", "}@media (max-width:768px){display:none;}"], ({
     theme: theme2
@@ -38715,7 +39283,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 = styled.styled.div.withConfig({
+  const MobileHeader = styledComponents.styled.div.withConfig({
     componentId: "sc-1q458rb-7"
   })(["display:none;", " @media (max-width:768px){display:block;}"], ({
     theme: theme2
@@ -38723,10 +39291,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     color: ${theme2.click.table.row.color.label.default};
     font:  ${theme2.click.table.cell.label.default};
   `);
-  const Tbody = styled.styled.tbody.withConfig({
+  const Tbody = styledComponents.styled.tbody.withConfig({
     componentId: "sc-1q458rb-8"
   })(["@media (max-width:768px){display:flex;flex-direction:column;gap:0.25rem;}"]);
-  const SelectData = styled.styled.td.withConfig({
+  const SelectData = styledComponents.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,
@@ -38741,7 +39309,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 = styled.styled.td.withConfig({
+  const ActionsList = styledComponents.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,
@@ -38756,10 +39324,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 = styled.styled.div.withConfig({
+  const ActionsContainer = styledComponents.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 = styled.styled.div.withConfig({
+  const TableWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-1q458rb-12"
   })(["width:100%;height:100%;overflow:auto;", ""], ({
     theme: theme2
@@ -38767,18 +39335,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 = styled.styled.div.withConfig({
+  const TableOuterContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-1q458rb-13"
   })(["display:flex;flex-direction:column;gap:1rem;width:100%;"]);
-  const MobileActions = styled.styled.div.withConfig({
+  const MobileActions = styledComponents.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 = styled.styled.button.withConfig({
+  const EditButton = styledComponents.styled.button.withConfig({
     componentId: "sc-1q458rb-15"
   })(["&:disabled{background:transparent;}"]);
-  const TableRowCloseButton = styled.styled.button.withConfig({
+  const TableRowCloseButton = styledComponents.styled.button.withConfig({
     componentId: "sc-1q458rb-16"
   })(["svg{transition:transform 200ms;", "}&:disabled{background:transparent;}"], ({
     $isDeleted
@@ -38818,10 +39386,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] }) })
     ] });
   };
-  const SpanedTableData = styled.styled(TableData).withConfig({
+  const SpanedTableData = styledComponents.styled(TableData).withConfig({
     componentId: "sc-1q458rb-17"
   })(["text-align:center;"]);
-  const CustomTableDataMessage = styled.styled.div.withConfig({
+  const CustomTableDataMessage = styledComponents.styled.div.withConfig({
     componentId: "sc-1q458rb-18"
   })(["display:flex;gap:0.5rem;justify-content:center;"]);
   const LoadingData = () => {
@@ -38908,7 +39476,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] }) })
     ] });
   });
-  const StyledTable = styled.styled.table.withConfig({
+  const StyledTable = styledComponents.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(({
@@ -39514,7 +40082,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   };
   TooltipTrigger.displayName = "TooltipTrigger";
   Tooltip.Trigger = TooltipTrigger;
-  const RadixTooltipContent = styled.styled($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withConfig({
+  const RadixTooltipContent = styledComponents.styled($a093c7e1ec25a057$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-ymqkp1-0"
   })(["display:flex;align-items:flex-start;", ""], ({
     theme: theme2,
@@ -39528,7 +40096,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     white-space: pre-wrap;
     ${$maxWidth && `max-width: ${$maxWidth}`};
   `);
-  const Arrow = styled.styled.svg.withConfig({
+  const Arrow = styledComponents.styled.svg.withConfig({
     componentId: "sc-ymqkp1-1"
   })(["", ";"], ({
     theme: theme2
@@ -40239,7 +40807,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   const ToastContext = React.createContext({
     createToast: () => null
   });
-  const ToastIcon = styled.styled(SvgImage).withConfig({
+  const ToastIcon = styledComponents.styled(SvgImage).withConfig({
     componentId: "sc-tmc8vl-0"
   })(["", ""], ({
     theme: theme2,
@@ -40249,7 +40817,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   height: ${theme2.click.toast.icon.size.height};
   color: ${theme2.click.toast.color.icon[$type]}
 `);
-  const hide = styled.keyframes`
+  const hide = styledComponents.keyframes`
   from {
     opacity: 1;
   }
@@ -40257,7 +40825,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     opacity: 0;
   }
 `;
-  const slideIn = styled.keyframes`
+  const slideIn = styledComponents.keyframes`
   from {
     transform: translateX(calc(100% + var(--viewport-padding)));
   }
@@ -40265,7 +40833,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     transform: translateX(0);
   }
 `;
-  const swipeOut = styled.keyframes`
+  const swipeOut = styledComponents.keyframes`
   from {
     transform: translateX(var(--radix-toast-swipe-end-x));
   }
@@ -40273,7 +40841,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     transform: translateX(calc(100% + var(--viewport-padding)));
   }
 `;
-  const ToastRoot = styled.styled($054eb8030ebde76e$export$be92b6f5f03c0fe9).withConfig({
+  const ToastRoot = styledComponents.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
@@ -40285,7 +40853,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 = styled.styled($054eb8030ebde76e$export$f99233281efd08a0).withConfig({
+  const ToastHeader = styledComponents.styled($054eb8030ebde76e$export$f99233281efd08a0).withConfig({
     componentId: "sc-tmc8vl-2"
   })(["display:flex;justify-content:space-between;align-items:center;width:100%;gap:inherit;", ""], ({
     theme: theme2
@@ -40293,7 +40861,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     font: ${theme2.click.toast.typography.title.default};
     color: ${theme2.click.toast.color.title.default};
   `);
-  const ToastDescriptionContainer = styled.styled.div.withConfig({
+  const ToastDescriptionContainer = styledComponents.styled.div.withConfig({
     componentId: "sc-tmc8vl-3"
   })(["display:flex;justify-content:space-between;width:100%;align-items:flex-end;gap:inherit;", ""], ({
     theme: theme2
@@ -40301,7 +40869,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     font: ${theme2.click.toast.typography.title.default};
     color: ${theme2.click.toast.color.title.default};
   `);
-  const ToastDescriptionContent = styled.styled.div.withConfig({
+  const ToastDescriptionContent = styledComponents.styled.div.withConfig({
     componentId: "sc-tmc8vl-4"
   })(["display:flex;align-self:stretch;gap:inherit;", ""], ({
     theme: theme2
@@ -40309,7 +40877,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     font: ${theme2.click.toast.typography.description.default};
     color: ${theme2.click.toast.color.description.default};
   `);
-  const Title = styled.styled.div.withConfig({
+  const Title = styledComponents.styled.div.withConfig({
     componentId: "sc-tmc8vl-5"
   })(["flex:1;"]);
   const Toast = ({
@@ -40343,7 +40911,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       ] })
     ] });
   };
-  const Viewport = styled.styled($054eb8030ebde76e$export$d5c6c08dc2d3ca7).withConfig({
+  const Viewport = styledComponents.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
@@ -49159,7 +49727,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     classic: merge$1({}, theme, classicTheme)
   };
   const useCUITheme = () => {
-    const theme2 = styled.useTheme();
+    const theme2 = styledComponents.useTheme();
     return {
       breakpoint: theme2.breakpoint,
       global: theme2.global,
@@ -49167,11 +49735,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       sizes: theme2.sizes
     };
   };
-  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 GlobalStyle = styledComponents.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(styled.ThemeProvider, { theme: themes[name2], children: [
+  }) => /* @__PURE__ */ jsxRuntime.jsxs(styledComponents.ThemeProvider, { theme: themes[name2], children: [
     /* @__PURE__ */ jsxRuntime.jsx(GlobalStyle, {}),
     children
   ] });
@@ -49196,7 +49764,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   const StepperContext = React.createContext({
     type: "numbered"
   });
-  const StepRoot = styled.styled.div.withConfig({
+  const StepRoot = styledComponents.styled.div.withConfig({
     componentId: "sc-xro1ly-0"
   })(["display:flex;flex-direction:column;align-items:flex-start;counter-reset:vertical-stepper;width:100%;"]);
   const VerticalStepper = ({
@@ -49209,7 +49777,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     };
     return /* @__PURE__ */ jsxRuntime.jsx(StepRoot, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value, children }) });
   };
-  const StepItem = styled.styled.div.withConfig({
+  const StepItem = styledComponents.styled.div.withConfig({
     componentId: "sc-xro1ly-1"
   })(["display:flex;flex-direction:column;position:relative;width:100%;padding:0;", ""], ({
     theme: theme2,
@@ -49234,7 +49802,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       }
     }
   `);
-  const StepTrigger = styled.styled.button.withConfig({
+  const StepTrigger = styledComponents.styled.button.withConfig({
     componentId: "sc-xro1ly-2"
   })(["", ""], ({
     $status
@@ -49249,7 +49817,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     cursor: ${$status === "active" ? "default" : $status === "complete" ? "pointer" : "not-allowed"};
     flex-direction: row;
   `);
-  const StepBubble = styled.styled.div.withConfig({
+  const StepBubble = styledComponents.styled.div.withConfig({
     componentId: "sc-xro1ly-3"
   })(["", ""], ({
     theme: theme2,
@@ -49288,10 +49856,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       }
       ` : ""};
   `);
-  const CheckIcon = styled.styled(SvgImage).withConfig({
+  const CheckIcon = styledComponents.styled(SvgImage).withConfig({
     componentId: "sc-xro1ly-4"
   })(["color:inherit;path{stroke-width:3;}"]);
-  const StepLabel = styled.styled.div.withConfig({
+  const StepLabel = styledComponents.styled.div.withConfig({
     componentId: "sc-xro1ly-5"
   })(["display:flex;flex-direction:column;", ")"], ({
     theme: theme2,
@@ -49302,7 +49870,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     color: ${theme2.click.stepper.vertical[$type].color.title[$status]};
     gap: inherit;
   `);
-  const StepContent = styled.styled.div.withConfig({
+  const StepContent = styledComponents.styled.div.withConfig({
     componentId: "sc-xro1ly-6"
   })(["display:flex;width:100%;flex-direction:column;", ""], ({
     theme: theme2,
@@ -49401,7 +49969,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   };
   MultiAccordionItem.displayName = "MultiAccordion.Item";
   MultiAccordion.Item = MultiAccordionItem;
-  const AccordionRoot = styled.styled($1bf158f521e1b1b4$export$be92b6f5f03c0fe9).withConfig({
+  const AccordionRoot = styledComponents.styled($1bf158f521e1b1b4$export$be92b6f5f03c0fe9).withConfig({
     componentId: "sc-1lb3204-0"
   })(["display:flex;flex-direction:column;justify-content:start;align-items:start;gap:", ";", ";"], ({
     theme: theme2,
@@ -49409,7 +49977,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }) => theme2.click.container.gap[$gap], ({
     $fillWidth
   }) => $fillWidth && "width: 100%");
-  const AccordionItem = styled.styled($1bf158f521e1b1b4$export$6d08773d2e66f8f2).withConfig({
+  const AccordionItem = styledComponents.styled($1bf158f521e1b1b4$export$6d08773d2e66f8f2).withConfig({
     componentId: "sc-1lb3204-1"
   })(["", ";", ";"], ({
     theme: theme2,
@@ -49420,7 +49988,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   `, ({
     $fillWidth
   }) => $fillWidth && "width: 100%");
-  const AccordionTrigger = styled.styled($1bf158f521e1b1b4$export$41fb9f06171c75f4).withConfig({
+  const AccordionTrigger = styledComponents.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,
@@ -49453,13 +50021,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }, ({
     theme: theme2
   }) => theme2.global.color.accent.default);
-  const AccordionIconWrapper = styled.styled.div.withConfig({
+  const AccordionIconWrapper = styledComponents.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 = styled.styled.div.withConfig({
+  const AccordionIconsWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-1lb3204-4"
   })(["display:flex;align-items:center;justify-content:center;"]);
-  const CustomIcon = styled.styled(SvgImage).withConfig({
+  const CustomIcon = styledComponents.styled(SvgImage).withConfig({
     componentId: "sc-1lb3204-5"
   })(["", ""], ({
     $isCompleted,
@@ -49473,7 +50041,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           fill: ${theme2.global.color.accent.default} !important;;
         }
       `);
-  const AccordionContent = styled.styled($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withConfig({
+  const AccordionContent = styledComponents.styled($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withConfig({
     componentId: "sc-1lb3204-6"
   })(["padding:", ";padding-top:0;"], ({
     theme: theme2,
@@ -49551,6 +50119,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   exports2.VerticalStepper = VerticalStepper;
   exports2.WarningAlert = WarningAlert;
   exports2.createToast = createToast;
+  exports2.linkStyles = linkStyles;
   exports2.themes = themes;
   exports2.useCUITheme = useCUITheme;
   exports2.useToast = useToast;