@streamoid/ui 0.6.14 → 0.6.15

package/dist/index.mjs

@@ -4020,30 +4020,33 @@ function StreamoidSidebar({
                       ),
                       /* @__PURE__ */ jsx47(HDivider, {})
                     ] }),
-                    showBody && bodyContent ? /* @__PURE__ */ jsx47("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ jsx47(Fragment14, { children: config.sections.map((section) => /* @__PURE__ */ jsxs39(
-                      "div",
-                      {
-                        className: "flex flex-col items-start shrink-0 w-full",
-                        style: {
-                          padding: "var(--spacing-md) 0",
-                          gap: "var(--spacing-xxs)"
+                    showBody && bodyContent ? /* @__PURE__ */ jsx47("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ jsxs39(Fragment14, { children: [
+                      !(topItems?.length || config.topItem) && /* @__PURE__ */ jsx47(HDivider, {}),
+                      config.sections.map((section) => /* @__PURE__ */ jsxs39(
+                        "div",
+                        {
+                          className: "flex flex-col items-start shrink-0 w-full",
+                          style: {
+                            padding: "var(--spacing-md) 0",
+                            gap: "var(--spacing-xxs)"
+                          },
+                          children: [
+                            section.label ? /* @__PURE__ */ jsx47(SectionHeader, { label: section.label }) : null,
+                            section.items.map(
+                              (item) => renderMenuItem({
+                                item,
+                                sectionId: section.id,
+                                expanded: true,
+                                activeItemId,
+                                iconMap,
+                                onItemSelect
+                              })
+                            )
+                          ]
                         },
-                        children: [
-                          section.label ? /* @__PURE__ */ jsx47(SectionHeader, { label: section.label }) : null,
-                          section.items.map(
-                            (item) => renderMenuItem({
-                              item,
-                              sectionId: section.id,
-                              expanded: true,
-                              activeItemId,
-                              iconMap,
-                              onItemSelect
-                            })
-                          )
-                        ]
-                      },
-                      section.id
-                    )) })
+                        section.id
+                      ))
+                    ] })
                   ]
                 }
               ),
@@ -7439,11 +7442,12 @@ var ScDrawer_default = {
   drawer: "ScDrawer_drawer",
   "side-right": "ScDrawer_side-right",
   "side-left": "ScDrawer_side-left",
-  content: "ScDrawer_content"
+  content: "ScDrawer_content",
+  backdrop: "ScDrawer_backdrop"
 };
 
 // src/SC-Drawer/ScDrawer.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx80, jsxs as jsxs70 } from "react/jsx-runtime";
 var ScDrawer = ({
   children,
   onClose,
@@ -7454,7 +7458,9 @@ var ScDrawer = ({
   contentClassName,
   contentStyle,
   closeOnOutside = true,
-  closeOnEsc = true
+  closeOnEsc = true,
+  backdrop = false,
+  zIndex
 }) => {
   const panelRef = useRef4(null);
   useEffect5(() => {
@@ -7476,22 +7482,32 @@ var ScDrawer = ({
   }, [open, closeOnEsc, closeOnOutside, onClose]);
   if (!open || typeof document === "undefined") return null;
   return createPortal2(
-    /* @__PURE__ */ jsx80(
-      "div",
-      {
-        ref: panelRef,
-        className: [ScDrawer_default.drawer, ScDrawer_default["side-" + side], className].filter(Boolean).join(" "),
-        style,
-        children: /* @__PURE__ */ jsx80(
-          "div",
-          {
-            className: [ScDrawer_default.content, contentClassName].filter(Boolean).join(" "),
-            style: contentStyle,
-            children
-          }
-        )
-      }
-    ),
+    /* @__PURE__ */ jsxs70(Fragment22, { children: [
+      backdrop && /* @__PURE__ */ jsx80(
+        "div",
+        {
+          className: ScDrawer_default.backdrop,
+          style: zIndex != null ? { zIndex: zIndex - 1 } : void 0,
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsx80(
+        "div",
+        {
+          ref: panelRef,
+          className: [ScDrawer_default.drawer, ScDrawer_default["side-" + side], className].filter(Boolean).join(" "),
+          style: zIndex != null ? { ...style, zIndex } : style,
+          children: /* @__PURE__ */ jsx80(
+            "div",
+            {
+              className: [ScDrawer_default.content, contentClassName].filter(Boolean).join(" "),
+              style: contentStyle,
+              children
+            }
+          )
+        }
+      )
+    ] }),
     document.body
   );
 };
@@ -7557,7 +7573,7 @@ var ScCounter_default = {
 };
 
 // src/SC-Counter/ScCounter.tsx
-import { jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs71 } from "react/jsx-runtime";
 var ScCounter = ({
   count,
   onChange,
@@ -7574,14 +7590,14 @@ var ScCounter = ({
     if (max !== void 0) v = Math.min(max, v);
     onChange(v);
   };
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71(
     "div",
     {
       className: [ScCounter_default.counter, className].filter(Boolean).join(" "),
       style,
       children: [
         /* @__PURE__ */ jsx82("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ jsx82(SiconMinus, { size: 24, color: "var(--alias-text-and-icons-primary)" }) }),
-        showInput ? /* @__PURE__ */ jsxs70("div", { className: ScCounter_default.inputContainer, children: [
+        showInput ? /* @__PURE__ */ jsxs71("div", { className: ScCounter_default.inputContainer, children: [
           /* @__PURE__ */ jsx82(
             "input",
             {
@@ -7594,7 +7610,7 @@ var ScCounter = ({
             }
           ),
           /* @__PURE__ */ jsx82("div", { children: label })
-        ] }) : /* @__PURE__ */ jsxs70("div", { className: ScCounter_default.value, onClick: () => setShowInput(true), children: [
+        ] }) : /* @__PURE__ */ jsxs71("div", { className: ScCounter_default.value, onClick: () => setShowInput(true), children: [
           count,
           " ",
           label
@@ -7618,7 +7634,7 @@ var ScPagination_default = {
 };
 
 // src/SC-Pagination/ScPagination.tsx
-import { jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs72 } from "react/jsx-runtime";
 var ScPagination = ({
   itemsCount,
   itemsPerPage,
@@ -7657,7 +7673,7 @@ var ScPagination = ({
       onPageChangeAction();
     }
   };
-  return /* @__PURE__ */ jsx83("div", { className: ScPagination_default.scPagination + (className ? " " + className : ""), children: /* @__PURE__ */ jsxs71("div", { className: ScPagination_default.section, children: [
+  return /* @__PURE__ */ jsx83("div", { className: ScPagination_default.scPagination + (className ? " " + className : ""), children: /* @__PURE__ */ jsxs72("div", { className: ScPagination_default.section, children: [
     /* @__PURE__ */ jsx83(
       SiconRight5,
       {
@@ -7685,7 +7701,7 @@ var ScPagination = ({
         onClick: () => step("inc")
       }
     ),
-    /* @__PURE__ */ jsxs71("span", { className: ScPagination_default.pageCount, children: [
+    /* @__PURE__ */ jsxs72("span", { className: ScPagination_default.pageCount, children: [
       "of ",
       maxPage
     ] })
@@ -7702,7 +7718,7 @@ var ScBeacon_default = {
 };
 
 // src/SC-Beacon/ScBeacon.tsx
-import { jsx as jsx84, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs73 } from "react/jsx-runtime";
 var ScBeacon = ({
   tone = "neutral",
   className,
@@ -7714,7 +7730,7 @@ var ScBeacon = ({
       className: ScBeacon_default.scBeacon + " " + ScBeacon_default[tone] + (className ? " " + className : ""),
       "aria-hidden": "true",
       ...props,
-      children: /* @__PURE__ */ jsxs72(
+      children: /* @__PURE__ */ jsxs73(
         "svg",
         {
           viewBox: "0 0 20 20",
@@ -7744,7 +7760,7 @@ var ScStoreCard_default = {
 };
 
 // src/SC-StoreCard/ScStoreCard.tsx
-import { jsx as jsx85, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs74 } from "react/jsx-runtime";
 var ScStoreCard = ({
   storeName = "Store Name",
   noOfProducts = "1490 Products",
@@ -7753,7 +7769,7 @@ var ScStoreCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs74(
     "div",
     {
       className: ScStoreCard_default.scStoreCard + (className ? " " + className : ""),
@@ -7761,7 +7777,7 @@ var ScStoreCard = ({
       children: [
         /* @__PURE__ */ jsx85("div", { className: ScStoreCard_default.nameSection, children: /* @__PURE__ */ jsx85("p", { className: ScStoreCard_default.storeName, title: storeName, children: storeName }) }),
         /* @__PURE__ */ jsx85(ScHDivider, { className: ScStoreCard_default.divider }),
-        /* @__PURE__ */ jsxs73("div", { className: ScStoreCard_default.footer, children: [
+        /* @__PURE__ */ jsxs74("div", { className: ScStoreCard_default.footer, children: [
           /* @__PURE__ */ jsx85(ScBeacon, { tone }),
           /* @__PURE__ */ jsx85("span", { className: ScStoreCard_default.products, children: noOfProducts }),
           /* @__PURE__ */ jsx85("span", { className: ScStoreCard_default.date, children: dateCreated })
@@ -7783,7 +7799,7 @@ var ScCatalogixStoreHeader_default = {
 };
 
 // src/SC-Catalogix-Store-Header/ScCatalogixStoreHeader.tsx
-import { jsx as jsx86, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs75 } from "react/jsx-runtime";
 var ScCatalogixStoreHeader = ({
   storeNameLabel = "Store name",
   statusLabel = "Status",
@@ -7796,7 +7812,7 @@ var ScCatalogixStoreHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsxs75(
     "div",
     {
       className: ScCatalogixStoreHeader_default.scCatalogixStoreHeader + (className ? " " + className : ""),
@@ -7829,7 +7845,7 @@ var ScCatalogixStoreTableList_default = {
 };
 
 // src/SC-CatalogixStoreTableList/ScCatalogixStoreTableList.tsx
-import { jsx as jsx87, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs76 } from "react/jsx-runtime";
 var STATUS_TONE_CLASS = {
   success: "statusSuccess",
   warning: "statusWarning",
@@ -7850,7 +7866,7 @@ var ScCatalogixStoreTableList = ({
   ...props
 }) => {
   const toneClass = ScCatalogixStoreTableList_default[STATUS_TONE_CLASS[statusTone] || "statusNeutral"];
-  return /* @__PURE__ */ jsxs75(
+  return /* @__PURE__ */ jsxs76(
     "div",
     {
       className: ScCatalogixStoreTableList_default.scCatalogixStoreTableList + (className ? " " + className : ""),
@@ -7867,6 +7883,406 @@ var ScCatalogixStoreTableList = ({
   );
 };
 
+// src/SC-DefaultCard/ScDefaultCard.module.css
+var ScDefaultCard_default = {
+  scDefaultCard: "ScDefaultCard_scDefaultCard",
+  "state-hover": "ScDefaultCard_state-hover",
+  content: "ScDefaultCard_content",
+  title: "ScDefaultCard_title",
+  description: "ScDefaultCard_description"
+};
+
+// src/SC-DefaultCard/ScDefaultCard.tsx
+import { jsx as jsx88, jsxs as jsxs77 } from "react/jsx-runtime";
+var ScDefaultCard = ({
+  title = "Title",
+  description = "Description",
+  showDescription = true,
+  state = "default",
+  className,
+  ...props
+}) => {
+  const variantsClassName = ScDefaultCard_default["state-" + state];
+  const hasDescription = showDescription && Boolean(description);
+  return /* @__PURE__ */ jsx88(
+    "div",
+    {
+      className: [ScDefaultCard_default.scDefaultCard, variantsClassName, className].filter(Boolean).join(" "),
+      ...props,
+      children: /* @__PURE__ */ jsxs77("div", { className: ScDefaultCard_default.content, children: [
+        /* @__PURE__ */ jsx88("p", { className: ScDefaultCard_default.title, children: title }),
+        hasDescription && /* @__PURE__ */ jsx88("p", { className: ScDefaultCard_default.description, children: description })
+      ] })
+    }
+  );
+};
+
+// src/SC-ValueMappingL1/ScValueMappingL1.module.css
+var ScValueMappingL1_default = {
+  scValueMappingL1: "ScValueMappingL1_scValueMappingL1",
+  "state-hover": "ScValueMappingL1_state-hover",
+  "state-active": "ScValueMappingL1_state-active",
+  updated: "ScValueMappingL1_updated",
+  labelWrap: "ScValueMappingL1_labelWrap",
+  label: "ScValueMappingL1_label",
+  dot: "ScValueMappingL1_dot",
+  dotInner: "ScValueMappingL1_dotInner"
+};
+
+// src/SC-ValueMappingL1/ScValueMappingL1.tsx
+import { jsx as jsx89, jsxs as jsxs78 } from "react/jsx-runtime";
+var ScValueMappingL1 = ({
+  label = "Title",
+  state = "default",
+  updated = false,
+  className,
+  ...props
+}) => {
+  const variantsClassName = ScValueMappingL1_default["state-" + state];
+  return /* @__PURE__ */ jsxs78(
+    "div",
+    {
+      className: [
+        ScValueMappingL1_default.scValueMappingL1,
+        variantsClassName,
+        updated ? ScValueMappingL1_default.updated : "",
+        className
+      ].filter(Boolean).join(" "),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx89("div", { className: ScValueMappingL1_default.labelWrap, children: /* @__PURE__ */ jsx89("span", { className: ScValueMappingL1_default.label, title: label, children: label }) }),
+        updated && /* @__PURE__ */ jsx89("span", { className: ScValueMappingL1_default.dot, "aria-hidden": true, children: /* @__PURE__ */ jsx89("span", { className: ScValueMappingL1_default.dotInner }) })
+      ]
+    }
+  );
+};
+
+// src/SC-TaxonomyPill/ScTaxonomyPill.module.css
+var ScTaxonomyPill_default = {
+  scTaxonomyPill: "ScTaxonomyPill_scTaxonomyPill",
+  "state-hover": "ScTaxonomyPill_state-hover",
+  inner: "ScTaxonomyPill_inner",
+  "type-pill": "ScTaxonomyPill_type-pill",
+  "type-expand": "ScTaxonomyPill_type-expand",
+  "type-collapse": "ScTaxonomyPill_type-collapse",
+  label: "ScTaxonomyPill_label",
+  icon: "ScTaxonomyPill_icon"
+};
+
+// src/SC-TaxonomyPill/ScTaxonomyPill.tsx
+import { SiconDown as SiconDown2, SiconUp as SiconUp2 } from "@streamoid/icons";
+import { Fragment as Fragment23, jsx as jsx90, jsxs as jsxs79 } from "react/jsx-runtime";
+var ScTaxonomyPill = ({
+  type = "pill",
+  state = "default",
+  label = "All Products",
+  count = 3,
+  className,
+  ...props
+}) => {
+  const cls = [
+    ScTaxonomyPill_default.scTaxonomyPill,
+    ScTaxonomyPill_default["type-" + type],
+    ScTaxonomyPill_default["state-" + state],
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx90("div", { className: cls, ...props, children: /* @__PURE__ */ jsxs79("div", { className: ScTaxonomyPill_default.inner, children: [
+    type === "pill" && /* @__PURE__ */ jsx90("span", { className: ScTaxonomyPill_default.label, children: label }),
+    type === "expand" && /* @__PURE__ */ jsxs79(Fragment23, { children: [
+      /* @__PURE__ */ jsx90("span", { className: ScTaxonomyPill_default.label, children: count }),
+      /* @__PURE__ */ jsx90(SiconDown2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
+    ] }),
+    type === "collapse" && /* @__PURE__ */ jsx90(SiconUp2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
+  ] }) });
+};
+
+// src/SC-SelectionPill/ScSelectionPill.module.css
+var ScSelectionPill_default = {
+  scSelectionPill: "ScSelectionPill_scSelectionPill",
+  "state-hover": "ScSelectionPill_state-hover",
+  "state-selected": "ScSelectionPill_state-selected",
+  label: "ScSelectionPill_label"
+};
+
+// src/SC-SelectionPill/ScSelectionPill.tsx
+import { jsx as jsx91 } from "react/jsx-runtime";
+var ScSelectionPill = ({
+  label = "All Products",
+  selected = false,
+  value,
+  onSelect,
+  onClick,
+  className,
+  ...props
+}) => {
+  const variantsClassName = ScSelectionPill_default["state-" + (selected ? "selected" : "default")];
+  const handleClick = (event) => {
+    onClick?.(event);
+    onSelect?.(value);
+  };
+  return /* @__PURE__ */ jsx91(
+    "button",
+    {
+      type: "button",
+      className: [ScSelectionPill_default.scSelectionPill, variantsClassName, className].filter(Boolean).join(" "),
+      "aria-pressed": selected,
+      onClick: handleClick,
+      ...props,
+      children: /* @__PURE__ */ jsx91("span", { className: ScSelectionPill_default.label, children: label })
+    }
+  );
+};
+
+// src/SC-SelectionPillGroup/ScSelectionPillGroup.module.css
+var ScSelectionPillGroup_default = {
+  scSelectionPillGroup: "ScSelectionPillGroup_scSelectionPillGroup"
+};
+
+// src/SC-SelectionPillGroup/ScSelectionPillGroup.tsx
+import { jsx as jsx92 } from "react/jsx-runtime";
+var ScSelectionPillGroup = ({
+  options = [],
+  value,
+  onChange,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx92(
+    "div",
+    {
+      className: [ScSelectionPillGroup_default.scSelectionPillGroup, className].filter(Boolean).join(" "),
+      role: "tablist",
+      ...props,
+      children: options.map((opt) => /* @__PURE__ */ jsx92(
+        ScSelectionPill,
+        {
+          label: opt.label,
+          value: opt.value,
+          selected: opt.value === value,
+          role: "tab",
+          "aria-selected": opt.value === value,
+          onSelect: (v) => onChange?.(v ?? "")
+        },
+        opt.value
+      ))
+    }
+  );
+};
+
+// src/SC-MappingCard/ScMappingCard.tsx
+import {
+  SiconPlus as SiconPlus3,
+  SiconRight as SiconRight6,
+  SiconWarning,
+  SiconCheck,
+  SiconClose as SiconClose4
+} from "@streamoid/icons";
+
+// src/SC-MappingCard/ScMappingCard.module.css
+var ScMappingCard_default = {
+  scMappingCard: "ScMappingCard_scMappingCard",
+  "status-confirmed": "ScMappingCard_status-confirmed",
+  "status-ignored": "ScMappingCard_status-ignored",
+  badge: "ScMappingCard_badge",
+  badgeLetter: "ScMappingCard_badgeLetter",
+  content: "ScMappingCard_content",
+  source: "ScMappingCard_source",
+  sourceCard: "ScMappingCard_sourceCard",
+  sourceHeader: "ScMappingCard_sourceHeader",
+  sampleRows: "ScMappingCard_sampleRows",
+  columnName: "ScMappingCard_columnName",
+  addBtn: "ScMappingCard_addBtn",
+  sampleRow: "ScMappingCard_sampleRow",
+  sourceCollapsed: "ScMappingCard_sourceCollapsed",
+  targetRegion: "ScMappingCard_targetRegion",
+  targetRow: "ScMappingCard_targetRow",
+  connector: "ScMappingCard_connector",
+  targetBox: "ScMappingCard_targetBox",
+  targetBoxDash: "ScMappingCard_targetBoxDash",
+  warning: "ScMappingCard_warning",
+  warningIcon: "ScMappingCard_warningIcon",
+  warningText: "ScMappingCard_warningText",
+  actions: "ScMappingCard_actions",
+  actionRow: "ScMappingCard_actionRow",
+  btn: "ScMappingCard_btn",
+  ignoreBtn: "ScMappingCard_ignoreBtn",
+  whiteBtn: "ScMappingCard_whiteBtn",
+  confirmBtn: "ScMappingCard_confirmBtn",
+  statusLabel: "ScMappingCard_statusLabel",
+  statusIcon: "ScMappingCard_statusIcon",
+  statusSuccess: "ScMappingCard_statusSuccess",
+  statusError: "ScMappingCard_statusError",
+  validityText: "ScMappingCard_validityText"
+};
+
+// src/SC-MappingCard/ScMappingCard.tsx
+import { Fragment as Fragment24, jsx as jsx93, jsxs as jsxs80 } from "react/jsx-runtime";
+var ScMappingCard = ({
+  badge,
+  columnName,
+  sampleRows = [],
+  onAddColumn,
+  status = "default",
+  targets,
+  confirmedTargets = [],
+  validityText,
+  warning,
+  canConfirm = false,
+  onIgnore,
+  onConfirm,
+  onEdit,
+  className,
+  ...props
+}) => {
+  const isDefault = status === "default";
+  const isConfirmed = status === "confirmed";
+  const isIgnored = status === "ignored";
+  return /* @__PURE__ */ jsxs80(
+    "div",
+    {
+      className: [ScMappingCard_default.scMappingCard, ScMappingCard_default["status-" + status], className].filter(Boolean).join(" "),
+      ...props,
+      children: [
+        badge != null && /* @__PURE__ */ jsx93("div", { className: ScMappingCard_default.badge, "aria-hidden": true, children: /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.badgeLetter, children: badge }) }),
+        /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.content, children: [
+          isDefault ? /* @__PURE__ */ jsxs80("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCard].join(" "), children: [
+            /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.sourceHeader, children: [
+              /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }),
+              /* @__PURE__ */ jsx93(
+                "button",
+                {
+                  type: "button",
+                  className: ScMappingCard_default.addBtn,
+                  onClick: onAddColumn,
+                  "aria-label": "Add column",
+                  children: /* @__PURE__ */ jsx93(
+                    SiconPlus3,
+                    {
+                      size: 24,
+                      color: "var(--alias-text-and-icons-primary, #f5f5f5)"
+                    }
+                  )
+                }
+              )
+            ] }),
+            sampleRows.length > 0 && /* @__PURE__ */ jsx93("div", { className: ScMappingCard_default.sampleRows, children: sampleRows.map((row, i) => /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.sampleRow, title: row, children: row }, i)) })
+          ] }) : /* @__PURE__ */ jsx93("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCollapsed].join(" "), children: /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }) }),
+          /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.targetRegion, children: [
+            isDefault && targets,
+            isConfirmed && confirmedTargets.map((t, i) => /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.targetRow, children: [
+              /* @__PURE__ */ jsx93(
+                SiconRight6,
+                {
+                  size: 20,
+                  color: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
+                  className: ScMappingCard_default.connector
+                }
+              ),
+              /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.targetBox, title: t, children: t })
+            ] }, i)),
+            isIgnored && /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.targetRow, children: [
+              /* @__PURE__ */ jsx93(
+                SiconRight6,
+                {
+                  size: 24,
+                  color: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
+                  className: ScMappingCard_default.connector
+                }
+              ),
+              /* @__PURE__ */ jsx93("span", { className: [ScMappingCard_default.targetBox, ScMappingCard_default.targetBoxDash].join(" "), children: "-" })
+            ] }),
+            isDefault && warning != null && /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.warning, children: [
+              /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.warningIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx93(
+                SiconWarning,
+                {
+                  size: 20,
+                  color: "var(--alias-text-and-icons-error, #d11a1a)"
+                }
+              ) }),
+              /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.warningText, children: warning })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.actions, children: [
+            isDefault && /* @__PURE__ */ jsxs80(Fragment24, { children: [
+              /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.actionRow, children: [
+                /* @__PURE__ */ jsx93(
+                  "button",
+                  {
+                    type: "button",
+                    className: [ScMappingCard_default.btn, ScMappingCard_default.ignoreBtn].join(" "),
+                    onClick: onIgnore,
+                    children: "Ignore Column"
+                  }
+                ),
+                canConfirm && /* @__PURE__ */ jsx93(
+                  "button",
+                  {
+                    type: "button",
+                    className: [ScMappingCard_default.btn, ScMappingCard_default.whiteBtn, ScMappingCard_default.confirmBtn].join(
+                      " "
+                    ),
+                    onClick: onConfirm,
+                    children: "Confirm Mapping"
+                  }
+                )
+              ] }),
+              validityText && /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.validityText, children: validityText })
+            ] }),
+            isConfirmed && /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.actionRow, children: [
+              /* @__PURE__ */ jsxs80(
+                "span",
+                {
+                  className: [ScMappingCard_default.statusLabel, ScMappingCard_default.statusSuccess].join(" "),
+                  children: [
+                    /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx93(
+                      SiconCheck,
+                      {
+                        size: 24,
+                        color: "var(--alias-text-and-icons-success, #00b96b)"
+                      }
+                    ) }),
+                    "Column Confirmed"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                "button",
+                {
+                  type: "button",
+                  className: [ScMappingCard_default.btn, ScMappingCard_default.whiteBtn].join(" "),
+                  onClick: onEdit,
+                  children: "Edit"
+                }
+              )
+            ] }),
+            isIgnored && /* @__PURE__ */ jsxs80("div", { className: ScMappingCard_default.actionRow, children: [
+              /* @__PURE__ */ jsxs80("span", { className: [ScMappingCard_default.statusLabel, ScMappingCard_default.statusError].join(" "), children: [
+                /* @__PURE__ */ jsx93("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx93(
+                  SiconClose4,
+                  {
+                    size: 24,
+                    color: "var(--alias-text-and-icons-error, #d11a1a)"
+                  }
+                ) }),
+                "Column Ignored"
+              ] }),
+              /* @__PURE__ */ jsx93(
+                "button",
+                {
+                  type: "button",
+                  className: [ScMappingCard_default.btn, ScMappingCard_default.whiteBtn].join(" "),
+                  onClick: onEdit,
+                  children: "Edit"
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
 // src/SC-ThinkingStepIcon/ScThinkingStepIcon.module.css
 var ScThinkingStepIcon_default = {
   scThinkingStepIcon: "ScThinkingStepIcon_scThinkingStepIcon",
@@ -7881,7 +8297,7 @@ var ScThinkingStepIcon_default = {
 };
 
 // src/SC-ThinkingStepIcon/ScThinkingStepIcon.tsx
-import { jsx as jsx88, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs81 } from "react/jsx-runtime";
 var ScThinkingStepIcon = ({
   state = "default",
   size = 12,
@@ -7890,13 +8306,13 @@ var ScThinkingStepIcon = ({
   ...props
 }) => {
   const variantsClassName = ScThinkingStepIcon_default["state-" + state];
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx94(
     "span",
     {
       className: ScThinkingStepIcon_default.scThinkingStepIcon + " " + (className ?? "") + " " + variantsClassName,
       style: { width: size, height: size, ...style },
       ...props,
-      children: /* @__PURE__ */ jsxs76(
+      children: /* @__PURE__ */ jsxs81(
         "svg",
         {
           className: ScThinkingStepIcon_default.glyph,
@@ -7907,7 +8323,7 @@ var ScThinkingStepIcon = ({
           xmlns: "http://www.w3.org/2000/svg",
           "aria-hidden": "true",
           children: [
-            state === "default" && /* @__PURE__ */ jsx88(
+            state === "default" && /* @__PURE__ */ jsx94(
               "circle",
               {
                 className: ScThinkingStepIcon_default.stroke,
@@ -7918,7 +8334,7 @@ var ScThinkingStepIcon = ({
                 strokeLinecap: "round"
               }
             ),
-            state === "working" && /* @__PURE__ */ jsx88(
+            state === "working" && /* @__PURE__ */ jsx94(
               "path",
               {
                 className: ScThinkingStepIcon_default.stroke + " " + ScThinkingStepIcon_default.spinner,
@@ -7928,7 +8344,7 @@ var ScThinkingStepIcon = ({
                 strokeLinejoin: "round"
               }
             ),
-            state === "completed" && /* @__PURE__ */ jsx88(
+            state === "completed" && /* @__PURE__ */ jsx94(
               "path",
               {
                 className: ScThinkingStepIcon_default.stroke,
@@ -7938,7 +8354,7 @@ var ScThinkingStepIcon = ({
                 strokeLinejoin: "round"
               }
             ),
-            state === "error" && /* @__PURE__ */ jsx88(
+            state === "error" && /* @__PURE__ */ jsx94(
               "path",
               {
                 className: ScThinkingStepIcon_default.stroke,
@@ -7977,8 +8393,8 @@ var ScInChatList_default = {
 };
 
 // src/SC-InChatList/ScInChatList.tsx
-import { SiconUp as SiconUp2, SiconDown as SiconDown2, SiconDot as SiconDot2 } from "@streamoid/icons";
-import { jsx as jsx89, jsxs as jsxs77 } from "react/jsx-runtime";
+import { SiconUp as SiconUp3, SiconDown as SiconDown3, SiconDot as SiconDot2 } from "@streamoid/icons";
+import { jsx as jsx95, jsxs as jsxs82 } from "react/jsx-runtime";
 var ScInChatList = ({
   title = "Infrastructure that helps modern brands scale",
   description = "Description",
@@ -7995,33 +8411,33 @@ var ScInChatList = ({
 }) => {
   const isExpandable = descriptionVisibility === "hidden" || descriptionVisibility === "visible";
   const isExpanded = descriptionVisibility === "visible";
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs82(
     "div",
     {
       className: ScInChatList_default.scInChatList + (className ? " " + className : ""),
       style,
       children: [
-        leadingIndicator && /* @__PURE__ */ jsx89("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ jsx89(ScThinkingStepIcon, { state: iconState }) }),
-        /* @__PURE__ */ jsxs77("div", { className: ScInChatList_default.content, children: [
-          /* @__PURE__ */ jsxs77("div", { className: ScInChatList_default.headerArea, children: [
-            showSteps && /* @__PURE__ */ jsx89("p", { className: ScInChatList_default.stepCount, children: stepCount }),
-            /* @__PURE__ */ jsxs77(
+        leadingIndicator && /* @__PURE__ */ jsx95("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ jsx95(ScThinkingStepIcon, { state: iconState }) }),
+        /* @__PURE__ */ jsxs82("div", { className: ScInChatList_default.content, children: [
+          /* @__PURE__ */ jsxs82("div", { className: ScInChatList_default.headerArea, children: [
+            showSteps && /* @__PURE__ */ jsx95("p", { className: ScInChatList_default.stepCount, children: stepCount }),
+            /* @__PURE__ */ jsxs82(
               "div",
               {
                 className: ScInChatList_default.titleRow + " " + (isExpandable ? ScInChatList_default.titleRowClickable : ScInChatList_default.titleRowStatic),
                 onClick: isExpandable ? onToggle : void 0,
                 children: [
-                  /* @__PURE__ */ jsx89("p", { className: ScInChatList_default.title, children: title }),
-                  isExpandable && /* @__PURE__ */ jsx89("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ jsx89(SiconUp2, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ jsx89(SiconDown2, { size: 12, className: ScInChatList_default.chevronIcon }) })
+                  /* @__PURE__ */ jsx95("p", { className: ScInChatList_default.title, children: title }),
+                  isExpandable && /* @__PURE__ */ jsx95("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ jsx95(SiconUp3, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ jsx95(SiconDown3, { size: 12, className: ScInChatList_default.chevronIcon }) })
                 ]
               }
             ),
-            isExpanded && /* @__PURE__ */ jsxs77("div", { className: ScInChatList_default.descriptionRow, children: [
-              /* @__PURE__ */ jsx89("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ jsx89(SiconDot2, { size: 20, className: ScInChatList_default.descriptionDot }) }),
-              /* @__PURE__ */ jsx89("p", { className: ScInChatList_default.descriptionText, children: description })
+            isExpanded && /* @__PURE__ */ jsxs82("div", { className: ScInChatList_default.descriptionRow, children: [
+              /* @__PURE__ */ jsx95("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ jsx95(SiconDot2, { size: 20, className: ScInChatList_default.descriptionDot }) }),
+              /* @__PURE__ */ jsx95("p", { className: ScInChatList_default.descriptionText, children: description })
             ] })
           ] }),
-          showTool && /* @__PURE__ */ jsx89("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ jsx89("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
+          showTool && /* @__PURE__ */ jsx95("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ jsx95("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
         ] })
       ]
     }
@@ -8035,7 +8451,7 @@ var ScSubAgent_default = {
 };
 
 // src/SC-SubAgent/ScSubAgent.tsx
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 function formatSubAgentLabel(agentName) {
   const normalized = (agentName ?? "").trim();
   if (!normalized) return "Using sub-agent...";
@@ -8048,12 +8464,12 @@ var ScSubAgent = ({
   ...props
 }) => {
   const label = text ?? formatSubAgentLabel(agentName);
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx96(
     "div",
     {
       className: [ScSubAgent_default.scSubAgent, className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ jsx90("p", { className: ScSubAgent_default.label, children: label })
+      children: /* @__PURE__ */ jsx96("p", { className: ScSubAgent_default.label, children: label })
     }
   );
 };
@@ -8067,7 +8483,7 @@ var ScInChatMessage_default = {
 };
 
 // src/SC-InChatMessage/ScInChatMessage.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var ScInChatMessage = ({
   type = "input",
   text,
@@ -8077,13 +8493,13 @@ var ScInChatMessage = ({
   ...props
 }) => {
   const variantsClassName = ScInChatMessage_default["type-" + type];
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx97(
     "div",
     {
       className: [ScInChatMessage_default.scInChatMessage, variantsClassName, className].filter(Boolean).join(" "),
       id,
       ...props,
-      children: /* @__PURE__ */ jsx91("p", { className: ScInChatMessage_default.text, children: children ?? text })
+      children: /* @__PURE__ */ jsx97("p", { className: ScInChatMessage_default.text, children: children ?? text })
     }
   );
 };
@@ -8100,7 +8516,7 @@ var ScSelection_default = {
 };
 
 // src/SC-Selection/ScSelection.tsx
-import { jsx as jsx92, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs83 } from "react/jsx-runtime";
 var ScSelection = ({
   title = "Title",
   description = "Description",
@@ -8116,23 +8532,23 @@ var ScSelection = ({
     onClick?.(event);
     onSelect?.(value);
   };
-  return /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsxs83(
     "div",
     {
       className: [ScSelection_default.scSelection, variantsClassName, className].filter(Boolean).join(" "),
       onClick: handleClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsx92(
+        /* @__PURE__ */ jsx98(
           ScRadio,
           {
             state: active ? "selected" : "default",
             className: ScSelection_default.scRadioInstance
           }
         ),
-        /* @__PURE__ */ jsxs78("div", { className: ScSelection_default.wrapper, children: [
-          /* @__PURE__ */ jsx92("p", { className: ScSelection_default.title, children: title }),
-          description && /* @__PURE__ */ jsx92("p", { className: ScSelection_default.description, children: description })
+        /* @__PURE__ */ jsxs83("div", { className: ScSelection_default.wrapper, children: [
+          /* @__PURE__ */ jsx98("p", { className: ScSelection_default.title, children: title }),
+          description && /* @__PURE__ */ jsx98("p", { className: ScSelection_default.description, children: description })
         ] })
       ]
     }
@@ -8159,7 +8575,7 @@ var ScSelectionList_default = {
 };
 
 // src/SC-SelectionList/ScSelectionList.tsx
-import { jsx as jsx93, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs84 } from "react/jsx-runtime";
 var ScSelectionList = ({
   state = "default",
   label = "Suggested Colours: ",
@@ -8182,14 +8598,14 @@ var ScSelectionList = ({
     onChange?.(next);
     if (next === "rejected") onReject?.();
   };
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs84(
     "div",
     {
       className: ScSelectionList_default.scSelectionList + (disabled ? " " + ScSelectionList_default.disabled : "") + (className ? " " + className : "") + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs79("div", { className: ScSelectionList_default.toggles, children: [
-          /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsxs84("div", { className: ScSelectionList_default.toggles, children: [
+          /* @__PURE__ */ jsx99(
             "button",
             {
               type: "button",
@@ -8198,7 +8614,7 @@ var ScSelectionList = ({
               disabled,
               "aria-pressed": state === "approved",
               "aria-label": state === "approved" ? "Revoke approval" : "Approve",
-              children: /* @__PURE__ */ jsx93(
+              children: /* @__PURE__ */ jsx99(
                 "svg",
                 {
                   className: ScSelectionList_default.checkIcon,
@@ -8207,7 +8623,7 @@ var ScSelectionList = ({
                   viewBox: "0 0 8 6",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx93(
+                  children: /* @__PURE__ */ jsx99(
                     "path",
                     {
                       d: "M0.5 3.5L2.5 5.5L7.5 0.5",
@@ -8220,7 +8636,7 @@ var ScSelectionList = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx93(
+          /* @__PURE__ */ jsx99(
             "button",
             {
               type: "button",
@@ -8229,7 +8645,7 @@ var ScSelectionList = ({
               disabled,
               "aria-pressed": state === "rejected",
               "aria-label": state === "rejected" ? "Revoke rejection" : "Reject",
-              children: /* @__PURE__ */ jsx93(
+              children: /* @__PURE__ */ jsx99(
                 "svg",
                 {
                   className: ScSelectionList_default.closeIcon,
@@ -8238,7 +8654,7 @@ var ScSelectionList = ({
                   viewBox: "0 0 6.24261 6.24262",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx93(
+                  children: /* @__PURE__ */ jsx99(
                     "path",
                     {
                       d: "M0.5 5.74262L3.12132 3.12132M3.12132 3.12132L5.74261 0.5M3.12132 3.12132L0.5 0.5M3.12132 3.12132L5.74261 5.74262",
@@ -8252,9 +8668,9 @@ var ScSelectionList = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx93("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ jsxs79("div", { className: ScSelectionList_default.row, children: [
-          /* @__PURE__ */ jsx93("span", { className: ScSelectionList_default.label, children: label }),
-          /* @__PURE__ */ jsx93("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ jsx93("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
+        /* @__PURE__ */ jsx99("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ jsxs84("div", { className: ScSelectionList_default.row, children: [
+          /* @__PURE__ */ jsx99("span", { className: ScSelectionList_default.label, children: label }),
+          /* @__PURE__ */ jsx99("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ jsx99("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
         ] }) })
       ]
     }
@@ -8281,7 +8697,7 @@ var ScTextArea_default = {
 };
 
 // src/SC-textArea/ScTextArea.tsx
-import { jsx as jsx94, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs85 } from "react/jsx-runtime";
 var ScTextArea = ({
   state,
   labelGroup = "",
@@ -8296,23 +8712,23 @@ var ScTextArea = ({
   const derivedState = state ?? (props.disabled ? "disabled" : focused ? "active" : (props.value !== void 0 ? String(props.value).length > 0 : false) ? "filled" : "default");
   const stateClass = ScTextArea_default["state-" + derivedState];
   const labelGroupClass = ScTextArea_default["label-group-" + (labelGroup || "none")];
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs85(
     "div",
     {
       className: [ScTextArea_default.scTextArea, stateClass, labelGroupClass, className].filter(Boolean).join(" "),
       style,
       children: [
-        labelGroup && /* @__PURE__ */ jsxs80("div", { className: ScTextArea_default.labelContainer, children: [
-          /* @__PURE__ */ jsxs80("div", { className: ScTextArea_default.label, children: [
+        labelGroup && /* @__PURE__ */ jsxs85("div", { className: ScTextArea_default.labelContainer, children: [
+          /* @__PURE__ */ jsxs85("div", { className: ScTextArea_default.label, children: [
             label,
             " "
           ] }),
-          labelGroup === "text" && /* @__PURE__ */ jsxs80("div", { className: ScTextArea_default.info, children: [
+          labelGroup === "text" && /* @__PURE__ */ jsxs85("div", { className: ScTextArea_default.info, children: [
             info,
             " "
           ] })
         ] }),
-        /* @__PURE__ */ jsx94("div", { className: ScTextArea_default.inputContainer, children: /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx100("div", { className: ScTextArea_default.inputContainer, children: /* @__PURE__ */ jsx100(
           "textarea",
           {
             className: ScTextArea_default.inputText,
@@ -8359,7 +8775,7 @@ var ScSelect_default = {
 };
 
 // src/SC-select/ScSelect.tsx
-import { jsx as jsx95, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs86 } from "react/jsx-runtime";
 var ScSelect = (props) => {
   const {
     value,
@@ -8399,10 +8815,10 @@ var ScSelect = (props) => {
     labelGroup ? ScSelect_default["label-group-" + labelGroup] : void 0,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs81("div", { className: rootClass, ref: rootRef, children: [
-    labelGroup === "label" && label ? /* @__PURE__ */ jsx95("div", { className: ScSelect_default.labelContainer, children: /* @__PURE__ */ jsx95("div", { className: ScSelect_default.label, children: label }) }) : null,
-    /* @__PURE__ */ jsxs81("div", { className: ScSelect_default.selectArea, children: [
-      /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsxs86("div", { className: rootClass, ref: rootRef, children: [
+    labelGroup === "label" && label ? /* @__PURE__ */ jsx101("div", { className: ScSelect_default.labelContainer, children: /* @__PURE__ */ jsx101("div", { className: ScSelect_default.label, children: label }) }) : null,
+    /* @__PURE__ */ jsxs86("div", { className: ScSelect_default.selectArea, children: [
+      /* @__PURE__ */ jsxs86(
         "button",
         {
           type: "button",
@@ -8412,18 +8828,18 @@ var ScSelect = (props) => {
           "aria-haspopup": "listbox",
           "aria-expanded": open,
           children: [
-            /* @__PURE__ */ jsx95(
+            /* @__PURE__ */ jsx101(
               "span",
               {
                 className: [ScSelect_default.triggerText, selected ? void 0 : ScSelect_default.placeholder].filter(Boolean).join(" "),
                 children: selected ? selected.label : placeholder
               }
             ),
-            /* @__PURE__ */ jsx95(
+            /* @__PURE__ */ jsx101(
               "span",
               {
                 className: [ScSelect_default.chevron, open ? ScSelect_default.chevronOpen : void 0].filter(Boolean).join(" "),
-                children: /* @__PURE__ */ jsx95("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx95(
+                children: /* @__PURE__ */ jsx101("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx101(
                   "path",
                   {
                     d: "M5 7.5L10 12.5L15 7.5",
@@ -8438,13 +8854,13 @@ var ScSelect = (props) => {
           ]
         }
       ),
-      open ? /* @__PURE__ */ jsx95("div", { className: ScSelect_default.menu, role: "listbox", children: options.map((option) => {
+      open ? /* @__PURE__ */ jsx101("div", { className: ScSelect_default.menu, role: "listbox", children: options.map((option) => {
         const isSelected = option.id === value;
         const optionClass = [
           ScSelect_default.option,
           isSelected ? ScSelect_default["option-selected"] : void 0
         ].filter(Boolean).join(" ");
-        return /* @__PURE__ */ jsxs81(
+        return /* @__PURE__ */ jsxs86(
           "div",
           {
             className: optionClass,
@@ -8452,8 +8868,8 @@ var ScSelect = (props) => {
             "aria-selected": isSelected,
             onClick: () => handleSelect(option.id),
             children: [
-              /* @__PURE__ */ jsx95("span", { className: ScSelect_default.optionLabel, children: option.label }),
-              option.description ? /* @__PURE__ */ jsx95("span", { className: ScSelect_default.optionDescription, children: option.description }) : null
+              /* @__PURE__ */ jsx101("span", { className: ScSelect_default.optionLabel, children: option.label }),
+              option.description ? /* @__PURE__ */ jsx101("span", { className: ScSelect_default.optionDescription, children: option.description }) : null
             ]
           },
           option.id
@@ -8488,7 +8904,7 @@ var ScFileField_default = {
 };
 
 // src/SC-fileField/ScFileField.tsx
-import { jsx as jsx96, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs87 } from "react/jsx-runtime";
 var ScFileField = (props) => {
   const {
     onFileSelect,
@@ -8511,7 +8927,7 @@ var ScFileField = (props) => {
       onFileSelect(e.target.files);
     }
   };
-  const uploadIcon = /* @__PURE__ */ jsxs82(
+  const uploadIcon = /* @__PURE__ */ jsxs87(
     "svg",
     {
       className: ScFileField_default.uploadIcon,
@@ -8525,13 +8941,13 @@ var ScFileField = (props) => {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx96("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ jsx96("path", { d: "M12 16V4" }),
-        /* @__PURE__ */ jsx96("path", { d: "M7 9l5-5 5 5" })
+        /* @__PURE__ */ jsx102("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsx102("path", { d: "M12 16V4" }),
+        /* @__PURE__ */ jsx102("path", { d: "M7 9l5-5 5 5" })
       ]
     }
   );
-  const fileIcon = /* @__PURE__ */ jsxs82(
+  const fileIcon = /* @__PURE__ */ jsxs87(
     "svg",
     {
       className: ScFileField_default.fileIcon,
@@ -8545,12 +8961,12 @@ var ScFileField = (props) => {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx96("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-        /* @__PURE__ */ jsx96("path", { d: "M14 2v6h6" })
+        /* @__PURE__ */ jsx102("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx102("path", { d: "M14 2v6h6" })
       ]
     }
   );
-  const clearIcon = /* @__PURE__ */ jsxs82(
+  const clearIcon = /* @__PURE__ */ jsxs87(
     "svg",
     {
       width: "20",
@@ -8563,20 +8979,20 @@ var ScFileField = (props) => {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx96("path", { d: "M18 6L6 18" }),
-        /* @__PURE__ */ jsx96("path", { d: "M6 6l12 12" })
+        /* @__PURE__ */ jsx102("path", { d: "M18 6L6 18" }),
+        /* @__PURE__ */ jsx102("path", { d: "M6 6l12 12" })
       ]
     }
   );
   const rootClass = [ScFileField_default.scFileField, className].filter(Boolean).join(" ");
   const showRow = hasFile || isUploading;
-  return /* @__PURE__ */ jsxs82("div", { className: rootClass, children: [
-    label ? /* @__PURE__ */ jsx96("div", { className: ScFileField_default.labelContainer, children: /* @__PURE__ */ jsx96("div", { className: ScFileField_default.label, children: label }) }) : null,
-    showRow ? /* @__PURE__ */ jsxs82("div", { className: ScFileField_default.inputContainer, children: [
+  return /* @__PURE__ */ jsxs87("div", { className: rootClass, children: [
+    label ? /* @__PURE__ */ jsx102("div", { className: ScFileField_default.labelContainer, children: /* @__PURE__ */ jsx102("div", { className: ScFileField_default.label, children: label }) }) : null,
+    showRow ? /* @__PURE__ */ jsxs87("div", { className: ScFileField_default.inputContainer, children: [
       fileIcon,
-      /* @__PURE__ */ jsxs82("div", { className: ScFileField_default.fileInfo, children: [
-        /* @__PURE__ */ jsx96("span", { className: ScFileField_default.fileName, children: fileName }),
-        isUploading ? /* @__PURE__ */ jsx96("div", { className: ScFileField_default.progressTrack, children: /* @__PURE__ */ jsx96(
+      /* @__PURE__ */ jsxs87("div", { className: ScFileField_default.fileInfo, children: [
+        /* @__PURE__ */ jsx102("span", { className: ScFileField_default.fileName, children: fileName }),
+        isUploading ? /* @__PURE__ */ jsx102("div", { className: ScFileField_default.progressTrack, children: /* @__PURE__ */ jsx102(
           "div",
           {
             className: ScFileField_default.progressFill,
@@ -8584,7 +9000,7 @@ var ScFileField = (props) => {
           }
         ) }) : null
       ] }),
-      !isUploading ? /* @__PURE__ */ jsx96(
+      !isUploading ? /* @__PURE__ */ jsx102(
         "button",
         {
           type: "button",
@@ -8594,8 +9010,8 @@ var ScFileField = (props) => {
           children: clearIcon
         }
       ) : null
-    ] }) : /* @__PURE__ */ jsxs82("label", { className: ScFileField_default.dropzone, children: [
-      /* @__PURE__ */ jsx96(
+    ] }) : /* @__PURE__ */ jsxs87("label", { className: ScFileField_default.dropzone, children: [
+      /* @__PURE__ */ jsx102(
         "input",
         {
           ref: inputRef,
@@ -8607,16 +9023,16 @@ var ScFileField = (props) => {
         }
       ),
       uploadIcon,
-      /* @__PURE__ */ jsxs82("div", { className: ScFileField_default.dropzoneText, children: [
-        /* @__PURE__ */ jsx96("span", { className: ScFileField_default.dropzoneAction, children: "Click to upload" }),
+      /* @__PURE__ */ jsxs87("div", { className: ScFileField_default.dropzoneText, children: [
+        /* @__PURE__ */ jsx102("span", { className: ScFileField_default.dropzoneAction, children: "Click to upload" }),
         " or drag and drop"
       ] }),
-      accept ? /* @__PURE__ */ jsxs82("div", { className: ScFileField_default.acceptedText, children: [
+      accept ? /* @__PURE__ */ jsxs87("div", { className: ScFileField_default.acceptedText, children: [
         "Accepted: ",
         accept
       ] }) : null
     ] }),
-    error ? /* @__PURE__ */ jsx96("div", { className: ScFileField_default.errorText, children: error }) : null
+    error ? /* @__PURE__ */ jsx102("div", { className: ScFileField_default.errorText, children: error }) : null
   ] });
 };
 
@@ -8646,7 +9062,7 @@ var ScMediaApproval_default = {
 };
 
 // src/SC-mediaApproval/ScMediaApproval.tsx
-import { Fragment as Fragment22, jsx as jsx97, jsxs as jsxs83 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx103, jsxs as jsxs88 } from "react/jsx-runtime";
 var VIDEO_EXT = /\.(mp4|webm|ogg|mov|m4v)(\?.*)?$/i;
 var isVideoUrl = (url, mediaType) => {
   if (mediaType === "video") return true;
@@ -8688,9 +9104,9 @@ var ScMediaApproval = (props) => {
   const handlePreview = () => {
     if (currentUrl && onPreview) onPreview(currentUrl);
   };
-  return /* @__PURE__ */ jsxs83("div", { className: [ScMediaApproval_default.scMediaApproval, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs83("div", { className: ScMediaApproval_default.mediaFrame, children: [
-      currentUrl ? currentIsVideo ? /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsxs88("div", { className: [ScMediaApproval_default.scMediaApproval, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs88("div", { className: ScMediaApproval_default.mediaFrame, children: [
+      currentUrl ? currentIsVideo ? /* @__PURE__ */ jsx103(
         "video",
         {
           className: ScMediaApproval_default.media,
@@ -8699,7 +9115,7 @@ var ScMediaApproval = (props) => {
           onClick: handlePreview,
           onLoadedData: () => setMediaLoading(false)
         }
-      ) : /* @__PURE__ */ jsx97(
+      ) : /* @__PURE__ */ jsx103(
         "img",
         {
           className: ScMediaApproval_default.media,
@@ -8708,8 +9124,8 @@ var ScMediaApproval = (props) => {
           onClick: handlePreview,
           onLoad: () => setMediaLoading(false)
         }
-      ) : /* @__PURE__ */ jsx97("div", { className: ScMediaApproval_default.mediaEmpty }),
-      (loading || mediaLoading) && /* @__PURE__ */ jsx97("div", { className: ScMediaApproval_default.spinnerOverlay, children: /* @__PURE__ */ jsx97(
+      ) : /* @__PURE__ */ jsx103("div", { className: ScMediaApproval_default.mediaEmpty }),
+      (loading || mediaLoading) && /* @__PURE__ */ jsx103("div", { className: ScMediaApproval_default.spinnerOverlay, children: /* @__PURE__ */ jsx103(
         "svg",
         {
           className: ScMediaApproval_default.spinner,
@@ -8717,7 +9133,7 @@ var ScMediaApproval = (props) => {
           height: "32",
           viewBox: "0 0 24 24",
           fill: "none",
-          children: /* @__PURE__ */ jsx97(
+          children: /* @__PURE__ */ jsx103(
             "path",
             {
               d: "M12 3a9 9 0 1 0 9 9",
@@ -8728,15 +9144,15 @@ var ScMediaApproval = (props) => {
           )
         }
       ) }),
-      total > 1 && /* @__PURE__ */ jsxs83(Fragment22, { children: [
-        /* @__PURE__ */ jsx97(
+      total > 1 && /* @__PURE__ */ jsxs88(Fragment25, { children: [
+        /* @__PURE__ */ jsx103(
           "button",
           {
             type: "button",
             className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navPrev].join(" "),
             "aria-label": "Previous",
             onClick: () => goTo(safeIndex - 1),
-            children: /* @__PURE__ */ jsx97("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx97(
+            children: /* @__PURE__ */ jsx103("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx103(
               "path",
               {
                 d: "M15 6L9 12L15 18",
@@ -8748,14 +9164,14 @@ var ScMediaApproval = (props) => {
             ) })
           }
         ),
-        /* @__PURE__ */ jsx97(
+        /* @__PURE__ */ jsx103(
           "button",
           {
             type: "button",
             className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navNext].join(" "),
             "aria-label": "Next",
             onClick: () => goTo(safeIndex + 1),
-            children: /* @__PURE__ */ jsx97("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx97(
+            children: /* @__PURE__ */ jsx103("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx103(
               "path",
               {
                 d: "M9 6L15 12L9 18",
@@ -8767,12 +9183,12 @@ var ScMediaApproval = (props) => {
             ) })
           }
         ),
-        /* @__PURE__ */ jsxs83("div", { className: ScMediaApproval_default.counterBadge, children: [
+        /* @__PURE__ */ jsxs88("div", { className: ScMediaApproval_default.counterBadge, children: [
           safeIndex + 1,
           " / ",
           total
         ] }),
-        /* @__PURE__ */ jsx97("div", { className: ScMediaApproval_default.dots, children: mediaUrls.map((_, i) => /* @__PURE__ */ jsx97(
+        /* @__PURE__ */ jsx103("div", { className: ScMediaApproval_default.dots, children: mediaUrls.map((_, i) => /* @__PURE__ */ jsx103(
           "button",
           {
             type: "button",
@@ -8787,9 +9203,9 @@ var ScMediaApproval = (props) => {
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs83("div", { className: ScMediaApproval_default.feedbackBlock, children: [
-      /* @__PURE__ */ jsx97("div", { className: ScMediaApproval_default.label, children: feedbackLabel }),
-      /* @__PURE__ */ jsx97("div", { className: ScMediaApproval_default.inputContainer, children: /* @__PURE__ */ jsx97(
+    /* @__PURE__ */ jsxs88("div", { className: ScMediaApproval_default.feedbackBlock, children: [
+      /* @__PURE__ */ jsx103("div", { className: ScMediaApproval_default.label, children: feedbackLabel }),
+      /* @__PURE__ */ jsx103("div", { className: ScMediaApproval_default.inputContainer, children: /* @__PURE__ */ jsx103(
         "textarea",
         {
           className: ScMediaApproval_default.textArea,
@@ -8825,8 +9241,8 @@ var ScMediaSelect_default = {
 };
 
 // src/SC-mediaSelect/ScMediaSelect.tsx
-import { jsx as jsx98, jsxs as jsxs84 } from "react/jsx-runtime";
-var CheckBadge = () => /* @__PURE__ */ jsx98("span", { className: ScMediaSelect_default.checkBadge, children: /* @__PURE__ */ jsx98("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx98(
+import { jsx as jsx104, jsxs as jsxs89 } from "react/jsx-runtime";
+var CheckBadge = () => /* @__PURE__ */ jsx104("span", { className: ScMediaSelect_default.checkBadge, children: /* @__PURE__ */ jsx104("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx104(
   "path",
   {
     d: "M3.5 7.25L6 9.75L10.5 4.75",
@@ -8836,7 +9252,7 @@ var CheckBadge = () => /* @__PURE__ */ jsx98("span", { className: ScMediaSelect_
     strokeLinejoin: "round"
   }
 ) }) });
-var MaximizeIcon = () => /* @__PURE__ */ jsx98("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx98(
+var MaximizeIcon = () => /* @__PURE__ */ jsx104("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx104(
   "path",
   {
     d: "M15 3H21V9M9 21H3V15M21 3L14 10M3 21L10 14",
@@ -8866,11 +9282,11 @@ var ScMediaSelect = (props) => {
   let countLabel = selectedCount + " of " + total + " selected";
   if (min > 0) countLabel += " (min " + min + ")";
   if (resolvedMax < total) countLabel += " (max " + resolvedMax + ")";
-  return /* @__PURE__ */ jsxs84("div", { className: [ScMediaSelect_default.scMediaSelect, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs84("div", { className: ScMediaSelect_default.header, children: [
-      /* @__PURE__ */ jsx98("span", { className: ScMediaSelect_default.countLabel, children: countLabel }),
-      /* @__PURE__ */ jsxs84("div", { className: ScMediaSelect_default.actions, children: [
-        /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsxs89("div", { className: [ScMediaSelect_default.scMediaSelect, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs89("div", { className: ScMediaSelect_default.header, children: [
+      /* @__PURE__ */ jsx104("span", { className: ScMediaSelect_default.countLabel, children: countLabel }),
+      /* @__PURE__ */ jsxs89("div", { className: ScMediaSelect_default.actions, children: [
+        /* @__PURE__ */ jsx104(
           "button",
           {
             type: "button",
@@ -8879,8 +9295,8 @@ var ScMediaSelect = (props) => {
             children: "Select all"
           }
         ),
-        /* @__PURE__ */ jsx98("span", { className: ScMediaSelect_default.divider, children: "|" }),
-        /* @__PURE__ */ jsx98(
+        /* @__PURE__ */ jsx104("span", { className: ScMediaSelect_default.divider, children: "|" }),
+        /* @__PURE__ */ jsx104(
           "button",
           {
             type: "button",
@@ -8891,13 +9307,13 @@ var ScMediaSelect = (props) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx98("div", { className: ScMediaSelect_default.grid, children: items.map((url, index) => {
+    /* @__PURE__ */ jsx104("div", { className: ScMediaSelect_default.grid, children: items.map((url, index) => {
       const isSelected = selectedSet.has(url);
       const itemClass = [
         ScMediaSelect_default.item,
         isSelected ? ScMediaSelect_default["state-selected"] : ScMediaSelect_default["state-default"]
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ jsxs84(
+      return /* @__PURE__ */ jsxs89(
         "div",
         {
           className: itemClass,
@@ -8906,9 +9322,9 @@ var ScMediaSelect = (props) => {
           tabIndex: 0,
           "aria-pressed": isSelected,
           children: [
-            mediaType === "video" ? /* @__PURE__ */ jsx98("video", { className: ScMediaSelect_default.media, src: url, muted: true, playsInline: true }) : /* @__PURE__ */ jsx98("img", { className: ScMediaSelect_default.media, src: url, alt: "" }),
-            isSelected && /* @__PURE__ */ jsx98(CheckBadge, {}),
-            onPreview && /* @__PURE__ */ jsx98(
+            mediaType === "video" ? /* @__PURE__ */ jsx104("video", { className: ScMediaSelect_default.media, src: url, muted: true, playsInline: true }) : /* @__PURE__ */ jsx104("img", { className: ScMediaSelect_default.media, src: url, alt: "" }),
+            isSelected && /* @__PURE__ */ jsx104(CheckBadge, {}),
+            onPreview && /* @__PURE__ */ jsx104(
               "button",
               {
                 type: "button",
@@ -8918,7 +9334,7 @@ var ScMediaSelect = (props) => {
                   onPreview(url);
                 },
                 "aria-label": "Preview",
-                children: /* @__PURE__ */ jsx98(MaximizeIcon, {})
+                children: /* @__PURE__ */ jsx104(MaximizeIcon, {})
               }
             )
           ]
@@ -8953,7 +9369,7 @@ var ScTodoList_default = {
 };
 
 // src/SC-todoList/ScTodoList.tsx
-import { jsx as jsx99, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs90 } from "react/jsx-runtime";
 var ScTodoList = ({
   items = [],
   onToggle,
@@ -8987,9 +9403,9 @@ var ScTodoList = ({
     onAdd?.(newValue);
     setNewValue("");
   };
-  return /* @__PURE__ */ jsxs85("div", { className: [ScTodoList_default.scTodoList, className].filter(Boolean).join(" "), children: [
-    total > 0 && /* @__PURE__ */ jsxs85("div", { className: ScTodoList_default.progress, children: [
-      /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsxs90("div", { className: [ScTodoList_default.scTodoList, className].filter(Boolean).join(" "), children: [
+    total > 0 && /* @__PURE__ */ jsxs90("div", { className: ScTodoList_default.progress, children: [
+      /* @__PURE__ */ jsx105(
         "svg",
         {
           className: ScTodoList_default.progressIcon,
@@ -8998,7 +9414,7 @@ var ScTodoList = ({
           viewBox: "0 0 14 14",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx99(
+          children: /* @__PURE__ */ jsx105(
             "path",
             {
               d: "M3 7L6 10L11 4",
@@ -9010,25 +9426,25 @@ var ScTodoList = ({
           )
         }
       ),
-      /* @__PURE__ */ jsxs85("span", { className: ScTodoList_default.progressText, children: [
+      /* @__PURE__ */ jsxs90("span", { className: ScTodoList_default.progressText, children: [
         completed,
         " of ",
         total,
         " completed"
       ] })
     ] }),
-    /* @__PURE__ */ jsx99("div", { className: ScTodoList_default.rows, children: items.map((item) => {
+    /* @__PURE__ */ jsx105("div", { className: ScTodoList_default.rows, children: items.map((item) => {
       const isEditing = editingId === item.id;
       const isCompleted = item.status === "completed";
-      return /* @__PURE__ */ jsxs85("div", { className: ScTodoList_default.row, children: [
-        /* @__PURE__ */ jsx99(
+      return /* @__PURE__ */ jsxs90("div", { className: ScTodoList_default.row, children: [
+        /* @__PURE__ */ jsx105(
           "button",
           {
             type: "button",
             className: ScTodoList_default.checkbox,
             "aria-label": isCompleted ? "Mark as pending" : "Mark as completed",
             onClick: () => onToggle?.(item.id),
-            children: isCompleted ? /* @__PURE__ */ jsxs85(
+            children: isCompleted ? /* @__PURE__ */ jsxs90(
               "svg",
               {
                 width: "18",
@@ -9037,8 +9453,8 @@ var ScTodoList = ({
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
                 children: [
-                  /* @__PURE__ */ jsx99("circle", { cx: "9", cy: "9", r: "9", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
-                  /* @__PURE__ */ jsx99(
+                  /* @__PURE__ */ jsx105("circle", { cx: "9", cy: "9", r: "9", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
+                  /* @__PURE__ */ jsx105(
                     "path",
                     {
                       d: "M5.25 9L7.75 11.5L12.75 6.5",
@@ -9050,7 +9466,7 @@ var ScTodoList = ({
                   )
                 ]
               }
-            ) : /* @__PURE__ */ jsx99(
+            ) : /* @__PURE__ */ jsx105(
               "svg",
               {
                 width: "18",
@@ -9058,7 +9474,7 @@ var ScTodoList = ({
                 viewBox: "0 0 18 18",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ jsx99(
+                children: /* @__PURE__ */ jsx105(
                   "circle",
                   {
                     cx: "9",
@@ -9072,7 +9488,7 @@ var ScTodoList = ({
             )
           }
         ),
-        isEditing ? /* @__PURE__ */ jsx99(
+        isEditing ? /* @__PURE__ */ jsx105(
           "input",
           {
             className: ScTodoList_default.editInput,
@@ -9090,7 +9506,7 @@ var ScTodoList = ({
               }
             }
           }
-        ) : /* @__PURE__ */ jsx99(
+        ) : /* @__PURE__ */ jsx105(
           "span",
           {
             className: [
@@ -9100,15 +9516,15 @@ var ScTodoList = ({
             children: item.content
           }
         ),
-        !isEditing && /* @__PURE__ */ jsxs85("div", { className: ScTodoList_default.actions, children: [
-          /* @__PURE__ */ jsx99(
+        !isEditing && /* @__PURE__ */ jsxs90("div", { className: ScTodoList_default.actions, children: [
+          /* @__PURE__ */ jsx105(
             "button",
             {
               type: "button",
               className: ScTodoList_default.actionButton,
               "aria-label": "Edit item",
               onClick: () => startEditing(item),
-              children: /* @__PURE__ */ jsx99(
+              children: /* @__PURE__ */ jsx105(
                 "svg",
                 {
                   width: "16",
@@ -9116,7 +9532,7 @@ var ScTodoList = ({
                   viewBox: "0 0 16 16",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx99(
+                  children: /* @__PURE__ */ jsx105(
                     "path",
                     {
                       d: "M11.333 2.667a1.414 1.414 0 0 1 2 2L5.333 12.667l-2.667.667.667-2.667 8-8Z",
@@ -9130,14 +9546,14 @@ var ScTodoList = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx99(
+          /* @__PURE__ */ jsx105(
             "button",
             {
               type: "button",
               className: [ScTodoList_default.actionButton, ScTodoList_default.actionButtonDanger].filter(Boolean).join(" "),
               "aria-label": "Delete item",
               onClick: () => onDelete?.(item.id),
-              children: /* @__PURE__ */ jsx99(
+              children: /* @__PURE__ */ jsx105(
                 "svg",
                 {
                   width: "16",
@@ -9145,7 +9561,7 @@ var ScTodoList = ({
                   viewBox: "0 0 16 16",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx99(
+                  children: /* @__PURE__ */ jsx105(
                     "path",
                     {
                       d: "M2.667 4h10.666M6.667 7.333v3.334M9.333 7.333v3.334M3.333 4l.667 8a1.333 1.333 0 0 0 1.333 1.333h5.334A1.333 1.333 0 0 0 12 12l.667-8M6 4V2.667a.667.667 0 0 1 .667-.667h2.666a.667.667 0 0 1 .667.667V4",
@@ -9162,8 +9578,8 @@ var ScTodoList = ({
         ] })
       ] }, item.id);
     }) }),
-    /* @__PURE__ */ jsxs85("div", { className: ScTodoList_default.addRow, children: [
-      /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsxs90("div", { className: ScTodoList_default.addRow, children: [
+      /* @__PURE__ */ jsx105(
         "input",
         {
           className: ScTodoList_default.addInput,
@@ -9178,7 +9594,7 @@ var ScTodoList = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx105(
         "button",
         {
           type: "button",
@@ -9186,7 +9602,7 @@ var ScTodoList = ({
           "aria-label": "Add item",
           disabled: newValue.trim().length === 0,
           onClick: commitAdd,
-          children: /* @__PURE__ */ jsx99(
+          children: /* @__PURE__ */ jsx105(
             "svg",
             {
               width: "18",
@@ -9194,7 +9610,7 @@ var ScTodoList = ({
               viewBox: "0 0 18 18",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx99(
+              children: /* @__PURE__ */ jsx105(
                 "path",
                 {
                   d: "M9 4v10M4 9h10",
@@ -9221,18 +9637,18 @@ var ScRoleMobile_default = {
 };
 
 // src/SC-Role-Mobile/ScRoleMobile.tsx
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var ScRoleMobile = ({
   role = "admin",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx106(
     "div",
     {
       className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
       ...props,
-      children: /* @__PURE__ */ jsx100("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
+      children: /* @__PURE__ */ jsx106("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
     }
   );
 };
@@ -9249,7 +9665,7 @@ var ScProfileV2Mobile_default = {
 };
 
 // src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
-import { jsx as jsx101, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs91 } from "react/jsx-runtime";
 var ScProfileV2Mobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -9259,17 +9675,17 @@ var ScProfileV2Mobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  const profileImage = /* @__PURE__ */ jsx101("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx101("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx101("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
-  return /* @__PURE__ */ jsxs86(
+  const profileImage = /* @__PURE__ */ jsx107("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx107("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx107("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
+  return /* @__PURE__ */ jsxs91(
     "div",
     {
       className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
       ...props,
       children: [
         dpPosition === "left" && profileImage,
-        /* @__PURE__ */ jsxs86("div", { className: ScProfileV2Mobile_default.userInfo, children: [
-          /* @__PURE__ */ jsx101("p", { className: ScProfileV2Mobile_default.userName, children: name }),
-          /* @__PURE__ */ jsx101("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs91("div", { className: ScProfileV2Mobile_default.userInfo, children: [
+          /* @__PURE__ */ jsx107("p", { className: ScProfileV2Mobile_default.userName, children: name }),
+          /* @__PURE__ */ jsx107("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
         ] }),
         dpPosition === "right" && profileImage
       ]
@@ -9296,7 +9712,7 @@ var ScTableListMobile_default = {
 };
 
 // src/SC-tableList-mobile/ScTableListMobile.tsx
-import { jsx as jsx102, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs92 } from "react/jsx-runtime";
 var ScTableListMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -9309,25 +9725,25 @@ var ScTableListMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs87(
+  return /* @__PURE__ */ jsxs92(
     "div",
     {
       className: ScTableListMobile_default.scTableListMobile + " " + className,
       onClick: onRowClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs87("div", { className: ScTableListMobile_default.profileRow, children: [
-          /* @__PURE__ */ jsxs87("div", { className: ScTableListMobile_default.userInfo, children: [
-            /* @__PURE__ */ jsx102("p", { className: ScTableListMobile_default.userName, children: name }),
-            /* @__PURE__ */ jsx102("p", { className: ScTableListMobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs92("div", { className: ScTableListMobile_default.profileRow, children: [
+          /* @__PURE__ */ jsxs92("div", { className: ScTableListMobile_default.userInfo, children: [
+            /* @__PURE__ */ jsx108("p", { className: ScTableListMobile_default.userName, children: name }),
+            /* @__PURE__ */ jsx108("p", { className: ScTableListMobile_default.userEmail, children: email })
           ] }),
-          /* @__PURE__ */ jsx102("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx102("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx102("div", { className: ScTableListMobile_default.initials, children: initials }) })
+          /* @__PURE__ */ jsx108("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx108("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx108("div", { className: ScTableListMobile_default.initials, children: initials }) })
         ] }),
-        /* @__PURE__ */ jsxs87("div", { className: ScTableListMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx102("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx102("p", { className: ScTableListMobile_default.roleText, children: role }) }),
-          /* @__PURE__ */ jsxs87("div", { className: ScTableListMobile_default.accessInfo, children: [
-            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx102("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx102("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
-            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx102("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx102("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
+        /* @__PURE__ */ jsxs92("div", { className: ScTableListMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx108("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx108("p", { className: ScTableListMobile_default.roleText, children: role }) }),
+          /* @__PURE__ */ jsxs92("div", { className: ScTableListMobile_default.accessInfo, children: [
+            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx108("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx108("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
+            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx108("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx108("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
           ] })
         ] })
       ]
@@ -9355,7 +9771,7 @@ var ScWorkspaceSwitchMobile_default = {
 };
 
 // src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
-import { jsx as jsx103, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs93 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -9368,24 +9784,24 @@ var ScWorkspaceSwitchMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ jsxs88(
+  return /* @__PURE__ */ jsxs93(
     "div",
     {
       className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs88("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ jsxs88("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx103("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx103("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx103("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ jsxs93("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs93("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx109("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx109("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx109("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx103("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx103("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx109("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx109("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx103("div", { className: ScWorkspaceSwitchMobile_default.divider }),
-        /* @__PURE__ */ jsxs88("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
-          /* @__PURE__ */ jsx103("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx103("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx103("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
+        /* @__PURE__ */ jsx109("div", { className: ScWorkspaceSwitchMobile_default.divider }),
+        /* @__PURE__ */ jsxs93("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
+          /* @__PURE__ */ jsx109("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx109("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx109("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
         ] })
       ]
     }
@@ -9412,7 +9828,7 @@ var ScWorkspaceSettingsMobile_default = {
 };
 
 // src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
-import { jsx as jsx104, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs94 } from "react/jsx-runtime";
 var ScWorkspaceSettingsMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -9427,28 +9843,28 @@ var ScWorkspaceSettingsMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ jsxs89(
+  return /* @__PURE__ */ jsxs94(
     "div",
     {
       className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs89("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ jsxs89("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx104("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx104("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx104("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ jsxs94("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs94("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx110("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx110("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx110("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx104("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx104("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx110("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx110("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx104("div", { className: ScWorkspaceSettingsMobile_default.divider }),
-        /* @__PURE__ */ jsxs89("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx104("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx104("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx104("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
+        /* @__PURE__ */ jsx110("div", { className: ScWorkspaceSettingsMobile_default.divider }),
+        /* @__PURE__ */ jsxs94("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx110("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx110("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx110("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
         ] }),
-        /* @__PURE__ */ jsxs89("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx104("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx104("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
-          /* @__PURE__ */ jsx104("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
+        /* @__PURE__ */ jsxs94("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx110("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx110("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
+          /* @__PURE__ */ jsx110("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
         ] })
       ]
     }
@@ -9471,7 +9887,7 @@ var ScMobileTopNav_default = {
 };
 
 // src/SC-MobileTopNav/ScMobileTopNav.tsx
-import { Fragment as Fragment23, jsx as jsx105, jsxs as jsxs90 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx111, jsxs as jsxs95 } from "react/jsx-runtime";
 var ScMobileTopNav = ({
   type = "home",
   searchIcon = false,
@@ -9494,22 +9910,22 @@ var ScMobileTopNav = ({
 }) => {
   const hasBorder = type === "chat" || type === "inApp";
   const showSearch = type === "inApp" && searchIcon && search;
-  return /* @__PURE__ */ jsxs90(
+  return /* @__PURE__ */ jsxs95(
     "div",
     {
       className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
       ...props,
       children: [
-        type === "home" && /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-        type === "chat" && /* @__PURE__ */ jsxs90(Fragment23, { children: [
-          /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx105("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
-          /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+        type === "home" && /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+        type === "chat" && /* @__PURE__ */ jsxs95(Fragment26, { children: [
+          /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx111("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
+          /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        showSearch && /* @__PURE__ */ jsxs90(Fragment23, { children: [
-          /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs90("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
-            /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-            /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx105(
+        showSearch && /* @__PURE__ */ jsxs95(Fragment26, { children: [
+          /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs95("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
+            /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+            /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx111(
               "input",
               {
                 type: "text",
@@ -9520,17 +9936,17 @@ var ScMobileTopNav = ({
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+          /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        type === "inApp" && !search && /* @__PURE__ */ jsxs90(Fragment23, { children: [
-          /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx105("p", { className: ScMobileTopNav_default.heading, children: heading }),
-          /* @__PURE__ */ jsx105(
+        type === "inApp" && !search && /* @__PURE__ */ jsxs95(Fragment26, { children: [
+          /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx111("p", { className: ScMobileTopNav_default.heading, children: heading }),
+          /* @__PURE__ */ jsx111(
             "div",
             {
               className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
               onClick: onSearchClick,
-              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx105("div", { className: ScMobileTopNav_default.iconPlaceholder })
+              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx111("div", { className: ScMobileTopNav_default.iconPlaceholder })
             }
           )
         ] })
@@ -9551,7 +9967,7 @@ var ScMobileBottomAction_default = {
 };
 
 // src/SC-MobileBottomAction/ScMobileBottomAction.tsx
-import { jsx as jsx106, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs96 } from "react/jsx-runtime";
 var ScMobileBottomAction = ({
   text = "Save Changes",
   disabled = false,
@@ -9563,28 +9979,28 @@ var ScMobileBottomAction = ({
   ...props
 }) => {
   const isTwoButton = !!secondaryText;
-  return /* @__PURE__ */ jsxs91(
+  return /* @__PURE__ */ jsxs96(
     "div",
     {
       className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
       ...props,
       children: [
-        isTwoButton && /* @__PURE__ */ jsx106(
+        isTwoButton && /* @__PURE__ */ jsx112(
           "button",
           {
             className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
             onClick: onSecondaryClick,
             disabled: secondaryDisabled,
-            children: /* @__PURE__ */ jsx106("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
+            children: /* @__PURE__ */ jsx112("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
           }
         ),
-        /* @__PURE__ */ jsx106(
+        /* @__PURE__ */ jsx112(
           "button",
           {
             className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
             onClick,
             disabled,
-            children: /* @__PURE__ */ jsx106("span", { className: ScMobileBottomAction_default.buttonText, children: text })
+            children: /* @__PURE__ */ jsx112("span", { className: ScMobileBottomAction_default.buttonText, children: text })
           }
         )
       ]
@@ -9602,7 +10018,7 @@ var ScPopUpMenu_default = {
 };
 
 // src/SC-PopUpMenu/ScPopUpMenu.tsx
-import { jsx as jsx107, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs97 } from "react/jsx-runtime";
 var ScPopUpMenu = ({
   menu = "Options",
   state = "default",
@@ -9611,15 +10027,15 @@ var ScPopUpMenu = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs92(
+  return /* @__PURE__ */ jsxs97(
     "div",
     {
       className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
       onClick,
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx107("span", { className: ScPopUpMenu_default.icon, children: icon }),
-        /* @__PURE__ */ jsx107("p", { className: ScPopUpMenu_default.menuText, children: menu })
+        icon && /* @__PURE__ */ jsx113("span", { className: ScPopUpMenu_default.icon, children: icon }),
+        /* @__PURE__ */ jsx113("p", { className: ScPopUpMenu_default.menuText, children: menu })
       ]
     }
   );
@@ -9645,7 +10061,7 @@ var ScReferralCardMobile_default = {
 };
 
 // src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
-import { jsx as jsx108, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs98 } from "react/jsx-runtime";
 var ScReferralCardMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -9658,27 +10074,27 @@ var ScReferralCardMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs93(
+  return /* @__PURE__ */ jsxs98(
     "div",
     {
       className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs93("div", { className: ScReferralCardMobile_default.userRow, children: [
-          /* @__PURE__ */ jsxs93("div", { className: ScReferralCardMobile_default.profileSection, children: [
-            /* @__PURE__ */ jsx108("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx108("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx108("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
-            /* @__PURE__ */ jsxs93("div", { className: ScReferralCardMobile_default.userInfo, children: [
-              /* @__PURE__ */ jsx108("p", { className: ScReferralCardMobile_default.userName, children: name }),
-              /* @__PURE__ */ jsx108("p", { className: ScReferralCardMobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs98("div", { className: ScReferralCardMobile_default.userRow, children: [
+          /* @__PURE__ */ jsxs98("div", { className: ScReferralCardMobile_default.profileSection, children: [
+            /* @__PURE__ */ jsx114("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx114("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx114("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
+            /* @__PURE__ */ jsxs98("div", { className: ScReferralCardMobile_default.userInfo, children: [
+              /* @__PURE__ */ jsx114("p", { className: ScReferralCardMobile_default.userName, children: name }),
+              /* @__PURE__ */ jsx114("p", { className: ScReferralCardMobile_default.userEmail, children: email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx108("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx108("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
+          /* @__PURE__ */ jsx114("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx114("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
         ] }),
-        /* @__PURE__ */ jsx108("div", { className: ScReferralCardMobile_default.divider }),
-        /* @__PURE__ */ jsxs93("div", { className: ScReferralCardMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx108("p", { className: ScReferralCardMobile_default.dateText, children: date }),
-          /* @__PURE__ */ jsx108("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
+        /* @__PURE__ */ jsx114("div", { className: ScReferralCardMobile_default.divider }),
+        /* @__PURE__ */ jsxs98("div", { className: ScReferralCardMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx114("p", { className: ScReferralCardMobile_default.dateText, children: date }),
+          /* @__PURE__ */ jsx114("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
         ] })
       ]
     }
@@ -9695,19 +10111,19 @@ var InvoiceHistoryMobile_default = {
 };
 
 // src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
-import { jsx as jsx109, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs99 } from "react/jsx-runtime";
 var InvoiceHistoryMobile = ({
   invoiceId = "# INV-2800-2026",
   date = "Nov 9th, 2025",
   amount = "\u20B9320.89",
   className
 }) => {
-  return /* @__PURE__ */ jsxs94("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsxs94("div", { className: InvoiceHistoryMobile_default.info, children: [
-      /* @__PURE__ */ jsx109("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
-      /* @__PURE__ */ jsx109("div", { className: InvoiceHistoryMobile_default.date, children: date })
+  return /* @__PURE__ */ jsxs99("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs99("div", { className: InvoiceHistoryMobile_default.info, children: [
+      /* @__PURE__ */ jsx115("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
+      /* @__PURE__ */ jsx115("div", { className: InvoiceHistoryMobile_default.date, children: date })
     ] }),
-    /* @__PURE__ */ jsx109("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
+    /* @__PURE__ */ jsx115("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
   ] });
 };
 
@@ -9725,7 +10141,7 @@ var UsageHistoryMobile_default = {
 };
 
 // src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
-import { jsx as jsx110, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs100 } from "react/jsx-runtime";
 var UsageHistoryMobile = ({
   serviceName = "Artifax Generation",
   credits = "50",
@@ -9734,18 +10150,18 @@ var UsageHistoryMobile = ({
   balance = "84,902",
   className
 }) => {
-  return /* @__PURE__ */ jsxs95("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsxs95("div", { className: UsageHistoryMobile_default.row1, children: [
-      /* @__PURE__ */ jsx110("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
-      /* @__PURE__ */ jsx110("span", { className: UsageHistoryMobile_default.credits, children: credits })
+  return /* @__PURE__ */ jsxs100("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs100("div", { className: UsageHistoryMobile_default.row1, children: [
+      /* @__PURE__ */ jsx116("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
+      /* @__PURE__ */ jsx116("span", { className: UsageHistoryMobile_default.credits, children: credits })
     ] }),
-    /* @__PURE__ */ jsxs95("div", { className: UsageHistoryMobile_default.row2, children: [
-      /* @__PURE__ */ jsxs95("div", { className: UsageHistoryMobile_default.metaLeft, children: [
-        /* @__PURE__ */ jsx110("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
-        /* @__PURE__ */ jsx110("div", { className: UsageHistoryMobile_default.divider }),
-        /* @__PURE__ */ jsx110("span", { className: UsageHistoryMobile_default.metaText, children: date })
+    /* @__PURE__ */ jsxs100("div", { className: UsageHistoryMobile_default.row2, children: [
+      /* @__PURE__ */ jsxs100("div", { className: UsageHistoryMobile_default.metaLeft, children: [
+        /* @__PURE__ */ jsx116("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
+        /* @__PURE__ */ jsx116("div", { className: UsageHistoryMobile_default.divider }),
+        /* @__PURE__ */ jsx116("span", { className: UsageHistoryMobile_default.metaText, children: date })
       ] }),
-      /* @__PURE__ */ jsx110("span", { className: UsageHistoryMobile_default.balance, children: balance })
+      /* @__PURE__ */ jsx116("span", { className: UsageHistoryMobile_default.balance, children: balance })
     ] })
   ] });
 };
@@ -9769,7 +10185,7 @@ var ScWorkspaceSwitchMobileV2_default = {
 };
 
 // src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
-import { jsx as jsx111, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs101 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobileV2 = ({
   wsName = "Workspace name is kepler",
   initials = "WS",
@@ -9782,14 +10198,14 @@ var ScWorkspaceSwitchMobileV2 = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx117(
     "div",
     {
       className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
       onClick,
       ...props,
-      children: /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
-        /* @__PURE__ */ jsx111("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx111(
+      children: /* @__PURE__ */ jsxs101("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
+        /* @__PURE__ */ jsx117("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx117(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -9803,14 +10219,14 @@ var ScWorkspaceSwitchMobileV2 = ({
             }
           }
         ) }),
-        /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
-          /* @__PURE__ */ jsx111("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
-          /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
-            /* @__PURE__ */ jsx111("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
-            /* @__PURE__ */ jsx111("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx111("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
-            /* @__PURE__ */ jsx111("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx111("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
+        /* @__PURE__ */ jsxs101("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
+          /* @__PURE__ */ jsx117("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
+          /* @__PURE__ */ jsxs101("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
+            /* @__PURE__ */ jsx117("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
+            /* @__PURE__ */ jsx117("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx117("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
+            /* @__PURE__ */ jsx117("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx117("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
           ] })
         ] })
       ] })
@@ -9837,7 +10253,7 @@ var ScImageField_default = {
 
 // src/SC-imageField/ScImageField.tsx
 import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
-import { jsx as jsx112, jsxs as jsxs97 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs102 } from "react/jsx-runtime";
 var ScImageField = ({
   label = "Label",
   imagePreview,
@@ -9860,8 +10276,8 @@ var ScImageField = ({
     }
     e.target.value = "";
   }
-  return /* @__PURE__ */ jsxs97("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsxs102("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsx118(
       "input",
       {
         ref: inputRef,
@@ -9871,9 +10287,9 @@ var ScImageField = ({
         onChange: handleChange
       }
     ),
-    /* @__PURE__ */ jsx112("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx112("div", { className: ScImageField_default.label, children: label }) }),
-    hasImage ? /* @__PURE__ */ jsxs97("div", { className: ScImageField_default.previewArea, children: [
-      /* @__PURE__ */ jsx112(
+    /* @__PURE__ */ jsx118("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx118("div", { className: ScImageField_default.label, children: label }) }),
+    hasImage ? /* @__PURE__ */ jsxs102("div", { className: ScImageField_default.previewArea, children: [
+      /* @__PURE__ */ jsx118(
         "img",
         {
           className: ScImageField_default.previewImage,
@@ -9881,8 +10297,8 @@ var ScImageField = ({
           alt: "preview"
         }
       ),
-      /* @__PURE__ */ jsx112("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
-      /* @__PURE__ */ jsx112(
+      /* @__PURE__ */ jsx118("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
+      /* @__PURE__ */ jsx118(
         SiconDelete2,
         {
           className: ScImageField_default.removeIcon,
@@ -9893,9 +10309,9 @@ var ScImageField = ({
           }
         }
       )
-    ] }) : /* @__PURE__ */ jsxs97("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
-      /* @__PURE__ */ jsx112(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
-      /* @__PURE__ */ jsx112("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
+    ] }) : /* @__PURE__ */ jsxs102("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
+      /* @__PURE__ */ jsx118(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
+      /* @__PURE__ */ jsx118("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
     ] })
   ] });
 };
@@ -9909,7 +10325,7 @@ var ScSettingsTabComp_default = {
 };
 
 // src/SC-settingsTabComp/ScSettingsTabComp.tsx
-import { jsx as jsx113 } from "react/jsx-runtime";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var ScSettingsTabComp = ({
   tabName = "Tab",
   active = false,
@@ -9917,12 +10333,12 @@ var ScSettingsTabComp = ({
   className
 }) => {
   const variantsClassName = ScSettingsTabComp_default["active-" + active];
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx119(
     "div",
     {
       className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
       onClick,
-      children: /* @__PURE__ */ jsx113("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
+      children: /* @__PURE__ */ jsx119("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
     }
   );
 };
@@ -9942,7 +10358,7 @@ var ScCreditsUsageCardMobile_default = {
 
 // src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
 import { SiconCredits as SiconCredits2 } from "@streamoid/icons";
-import { jsx as jsx114, jsxs as jsxs98 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs103 } from "react/jsx-runtime";
 var ScCreditsUsageCardMobile = ({
   usageLabel = "Credits usage",
   usageText = "8,450 / 30,000",
@@ -9952,23 +10368,23 @@ var ScCreditsUsageCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs98("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ jsxs98("div", { className: ScCreditsUsageCardMobile_default.header, children: [
-      /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsxs103("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ jsxs103("div", { className: ScCreditsUsageCardMobile_default.header, children: [
+      /* @__PURE__ */ jsx120(
         SiconCredits2,
         {
           className: ScCreditsUsageCardMobile_default.headerIcon,
           color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
         }
       ),
-      /* @__PURE__ */ jsx114("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
+      /* @__PURE__ */ jsx120("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
     ] }),
-    /* @__PURE__ */ jsx114("div", { className: ScCreditsUsageCardMobile_default.divider }),
-    /* @__PURE__ */ jsxs98("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
-      /* @__PURE__ */ jsx114("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
-      /* @__PURE__ */ jsx114("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
+    /* @__PURE__ */ jsx120("div", { className: ScCreditsUsageCardMobile_default.divider }),
+    /* @__PURE__ */ jsxs103("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
+      /* @__PURE__ */ jsx120("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
+      /* @__PURE__ */ jsx120("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
     ] }),
-    /* @__PURE__ */ jsx114(
+    /* @__PURE__ */ jsx120(
       ScButton,
       {
         text: buyButtonText,
@@ -10010,7 +10426,7 @@ var ScPlanDetailsCardMobile_default = {
 
 // src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
 import { SiconBilling as SiconBilling4 } from "@streamoid/icons";
-import { Fragment as Fragment24, jsx as jsx115, jsxs as jsxs99 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx121, jsxs as jsxs104 } from "react/jsx-runtime";
 var ScPlanDetailsCardMobile = ({
   planName = "Pro",
   planCredits = "30,000 credits",
@@ -10024,20 +10440,20 @@ var ScPlanDetailsCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs99("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ jsxs99("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
-      /* @__PURE__ */ jsxs99("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
-        /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsxs104("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ jsxs104("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
+      /* @__PURE__ */ jsxs104("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
+        /* @__PURE__ */ jsx121(
           SiconBilling4,
           {
             className: ScPlanDetailsCardMobile_default.headerIcon,
             color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
           }
         ),
-        /* @__PURE__ */ jsx115("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
+        /* @__PURE__ */ jsx121("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
       ] }),
-      /* @__PURE__ */ jsx115("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx115("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs99(Fragment24, { children: [
-        /* @__PURE__ */ jsx115(
+      /* @__PURE__ */ jsx121("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx121("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs104(Fragment27, { children: [
+        /* @__PURE__ */ jsx121(
           ScBadges,
           {
             text: badgeText,
@@ -10046,28 +10462,28 @@ var ScPlanDetailsCardMobile = ({
             className: ScPlanDetailsCardMobile_default.scBadgesInstance
           }
         ),
-        badgeSubText && /* @__PURE__ */ jsxs99(Fragment24, { children: [
-          /* @__PURE__ */ jsx115("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
-          /* @__PURE__ */ jsx115("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
+        badgeSubText && /* @__PURE__ */ jsxs104(Fragment27, { children: [
+          /* @__PURE__ */ jsx121("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
+          /* @__PURE__ */ jsx121("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx115("div", { className: ScPlanDetailsCardMobile_default.divider }),
-    /* @__PURE__ */ jsx115("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs99(Fragment24, { children: [
-      /* @__PURE__ */ jsxs99("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
-        /* @__PURE__ */ jsx115("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
-        /* @__PURE__ */ jsx115("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
+    /* @__PURE__ */ jsx121("div", { className: ScPlanDetailsCardMobile_default.divider }),
+    /* @__PURE__ */ jsx121("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs104(Fragment27, { children: [
+      /* @__PURE__ */ jsxs104("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
+        /* @__PURE__ */ jsx121("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
+        /* @__PURE__ */ jsx121("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
       ] }),
-      /* @__PURE__ */ jsx115("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
-    ] }) : /* @__PURE__ */ jsxs99(Fragment24, { children: [
-      /* @__PURE__ */ jsxs99("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
-        /* @__PURE__ */ jsx115("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
-        /* @__PURE__ */ jsx115("div", { className: ScPlanDetailsCardMobile_default.dot }),
-        /* @__PURE__ */ jsx115("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
+      /* @__PURE__ */ jsx121("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
+    ] }) : /* @__PURE__ */ jsxs104(Fragment27, { children: [
+      /* @__PURE__ */ jsxs104("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
+        /* @__PURE__ */ jsx121("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
+        /* @__PURE__ */ jsx121("div", { className: ScPlanDetailsCardMobile_default.dot }),
+        /* @__PURE__ */ jsx121("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
       ] }),
-      /* @__PURE__ */ jsx115("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
+      /* @__PURE__ */ jsx121("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
     ] }) }),
-    isLoading ? /* @__PURE__ */ jsx115("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ jsx115(
+    isLoading ? /* @__PURE__ */ jsx121("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ jsx121(
       ScButton,
       {
         text: upgradeButtonText,
@@ -10117,6 +10533,7 @@ export {
   ScCreditsUsageCard,
   ScCreditsUsageCardMobile,
   ScCxoCopilotLogo,
+  ScDefaultCard,
   ScDp,
   ScDrawer,
   ScFieldButton,
@@ -10131,6 +10548,7 @@ export {
   ScInfoPopup,
   ScIntialProfileCover,
   ScLogoUnit,
+  ScMappingCard,
   ScMediaApproval,
   ScMediaSelect,
   ScMenuOptions,
@@ -10164,6 +10582,8 @@ export {
   ScSelect,
   ScSelection,
   ScSelectionList,
+  ScSelectionPill,
+  ScSelectionPillGroup,
   ScSettingsNav,
   ScSettingsTabComp,
   ScSideBarLogoUnit,
@@ -10185,12 +10605,14 @@ export {
   ScTableList,
   ScTableListMobile,
   ScTabs,
+  ScTaxonomyPill,
   ScTextArea,
   ScTextField,
   ScThinkingStepIcon,
   ScTodoList,
   ScToggleSwitch,
   ScVDivider,
+  ScValueMappingL1,
   ScVersion,
   ScWorkspaceCard,
   ScWorkspaceSettingsMobile,