@discourser/design-system 0.15.1 → 0.18.0

package/dist/{chunk-UNWXE6UB.cjs → chunk-2P7Z5PVP.cjs}

@@ -145,7 +145,7 @@ var InputGroup2 = Object.assign(InputGroupRoot, {
   Element
 });
 var Textarea = jsx.styled(field.Field.Textarea, recipes.textarea);
-var Heading = jsx.styled("h2", recipes.heading);
+var Header = jsx.styled("h2", recipes.heading);
 var BaseBadge = jsx.styled(factory.ark.div, recipes.badge);
 var Badge = react$1.forwardRef(
   function Badge2(props, ref) {
@@ -236,20 +236,20 @@ chunkEARF7VDF_cjs.__export(Card_exports, {
   Card: () => Card,
   Description: () => Description2,
   Footer: () => Footer,
-  Header: () => Header,
+  Header: () => Header2,
   Root: () => Root3,
   Title: () => Title2
 });
 var { withProvider: withProvider3, withContext: withContext3 } = jsx.createStyleContext(recipes.card);
 var Root3 = withProvider3(factory.ark.div, "root");
-var Header = withContext3(factory.ark.div, "header");
+var Header2 = withContext3(factory.ark.div, "header");
 var Body = withContext3(factory.ark.div, "body");
 var Footer = withContext3(factory.ark.div, "footer");
 var Title2 = withContext3(factory.ark.h3, "title");
 var Description2 = withContext3(factory.ark.div, "description");
 var Card = {
   Root: Root3,
-  Header,
+  Header: Header2,
   Body,
   Footer,
   Title: Title2,
@@ -266,7 +266,7 @@ chunkEARF7VDF_cjs.__export(Dialog_exports, {
   Context: () => dialog.DialogContext,
   Description: () => Description3,
   Footer: () => Footer2,
-  Header: () => Header2,
+  Header: () => Header3,
   Positioner: () => Positioner,
   Root: () => Root4,
   Title: () => Title3,
@@ -284,7 +284,7 @@ var Positioner = withContext4(dialog.Dialog.Positioner, "positioner");
 var Title3 = withContext4(dialog.Dialog.Title, "title");
 var Trigger = withContext4(dialog.Dialog.Trigger, "trigger");
 var Body2 = withContext4(factory.ark.div, "body");
-var Header2 = withContext4(factory.ark.div, "header");
+var Header3 = withContext4(factory.ark.div, "header");
 var Footer2 = withContext4(factory.ark.div, "footer");
 
 // src/components/Switch.tsx
@@ -340,7 +340,7 @@ chunkEARF7VDF_cjs.__export(Drawer_exports, {
   Context: () => dialog.DialogContext,
   Description: () => Description4,
   Footer: () => Footer3,
-  Header: () => Header3,
+  Header: () => Header4,
   Positioner: () => Positioner2,
   Root: () => Root7,
   RootProvider: () => RootProvider2,
@@ -362,7 +362,7 @@ var Description4 = withContext7(dialog.Dialog.Description, "description");
 var Title4 = withContext7(dialog.Dialog.Title, "title");
 var Trigger2 = withContext7(dialog.Dialog.Trigger, "trigger");
 var Body3 = withContext7(factory.ark.div, "body");
-var Header3 = withContext7(factory.ark.div, "header");
+var Header4 = withContext7(factory.ark.div, "header");
 var Footer3 = withContext7(factory.ark.div, "footer");
 
 // src/components/Tabs.tsx
@@ -718,7 +718,7 @@ chunkEARF7VDF_cjs.__export(Popover_exports, {
   Context: () => popover.PopoverContext,
   Description: () => Description5,
   Footer: () => Footer4,
-  Header: () => Header4,
+  Header: () => Header5,
   Indicator: () => Indicator7,
   Positioner: () => Positioner4,
   Root: () => Root15,
@@ -746,7 +746,7 @@ var Positioner4 = withContext14(popover.Popover.Positioner, "positioner");
 var Title5 = withContext14(popover.Popover.Title, "title");
 var Trigger5 = withContext14(popover.Popover.Trigger, "trigger");
 var Body4 = withContext14(factory.ark.div, "body");
-var Header4 = withContext14(factory.ark.div, "header");
+var Header5 = withContext14(factory.ark.div, "header");
 var Footer4 = withContext14(factory.ark.div, "footer");
 
 // src/components/Tooltip.tsx
@@ -850,10 +850,292 @@ var ClockIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
     ]
   }
 );
+var StyledSvg3 = jsx.styled(factory.ark.svg);
+var DashboardIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  StyledSvg3,
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9.5 4.5H5.33333C4.8731 4.5 4.5 4.8731 4.5 5.33333V11.1667C4.5 11.6269 4.8731 12 5.33333 12H9.5C9.96024 12 10.3333 11.6269 10.3333 11.1667V5.33333C10.3333 4.8731 9.96024 4.5 9.5 4.5Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M18.6667 4.5H14.5C14.0398 4.5 13.6667 4.8731 13.6667 5.33333V7.83333C13.6667 8.29357 14.0398 8.66667 14.5 8.66667H18.6667C19.1269 8.66667 19.5 8.29357 19.5 7.83333V5.33333C19.5 4.8731 19.1269 4.5 18.6667 4.5Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M18.6667 12H14.5C14.0398 12 13.6667 12.3731 13.6667 12.8333V18.6667C13.6667 19.1269 14.0398 19.5 14.5 19.5H18.6667C19.1269 19.5 19.5 19.1269 19.5 18.6667V12.8333C19.5 12.3731 19.1269 12 18.6667 12Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9.5 15.3333H5.33333C4.8731 15.3333 4.5 15.7064 4.5 16.1667V18.6667C4.5 19.1269 4.8731 19.5 5.33333 19.5H9.5C9.96024 19.5 10.3333 19.1269 10.3333 18.6667V16.1667C10.3333 15.7064 9.96024 15.3333 9.5 15.3333Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+var StyledSvg4 = jsx.styled(factory.ark.svg);
+var NotebookIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  StyledSvg4,
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M12 7.83333C12 6.94928 11.6488 6.10143 11.0236 5.47631C10.3985 4.85119 9.55068 4.5 8.66663 4.5H3.66663V17H9.49996C10.163 17 10.7989 17.2634 11.2677 17.7322C11.7366 18.2011 12 18.837 12 19.5M12 7.83333V19.5M12 7.83333C12 6.94928 12.3511 6.10143 12.9763 5.47631C13.6014 4.85119 14.4492 4.5 15.3333 4.5H20.3333V17H14.5C13.8369 17 13.201 17.2634 12.7322 17.7322C12.2634 18.2011 12 18.837 12 19.5M6.99996 8.66667H8.66663M6.99996 12H8.66663M15.3333 8.66667H17M15.3333 12H17",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var StyledSvg5 = jsx.styled(factory.ark.svg);
+var ScenarioIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  StyledSvg5,
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M19.5 14.5C19.5 14.942 19.3244 15.366 19.0118 15.6785C18.6993 15.9911 18.2754 16.1667 17.8333 16.1667H7.83333L4.5 19.5V6.16667C4.5 5.72464 4.67559 5.30072 4.98816 4.98816C5.30072 4.67559 5.72464 4.5 6.16667 4.5H17.8333C18.2754 4.5 18.6993 4.67559 19.0118 4.98816C19.3244 5.30072 19.5 5.72464 19.5 6.16667V14.5Z",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var StyledSvg6 = jsx.styled(factory.ark.svg);
+var HelpIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  StyledSvg6,
+  {
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M9.16663 10H10.8333C11.2753 10 11.6992 9.82443 12.0118 9.51186C12.3244 9.1993 12.5 8.77538 12.5 8.33335C12.5 7.89133 12.3244 7.4674 12.0118 7.15484C11.6992 6.84228 11.2753 6.66669 10.8333 6.66669H8.33329C7.83329 6.66669 7.41663 6.83335 7.16663 7.16669L2.49996 11.6667M5.83329 15L7.16663 13.8334C7.41663 13.5 7.83329 13.3334 8.33329 13.3334H11.6666C12.5833 13.3334 13.4166 13 14 12.3334L17.8333 8.66671C18.1549 8.36282 18.3426 7.94362 18.3551 7.50135C18.3676 7.05908 18.2039 6.62995 17.9 6.30838C17.5961 5.9868 17.1769 5.79912 16.7346 5.78662C16.2923 5.77411 15.8632 5.93782 15.5416 6.24171L12.0416 9.49171M1.66663 10.8334L6.66663 15.8334",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var StyledSvg7 = jsx.styled(factory.ark.svg);
+var AccountIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  StyledSvg7,
+  {
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M10 10.8333C12.3012 10.8333 14.1667 8.96785 14.1667 6.66667C14.1667 4.36548 12.3012 2.5 10 2.5C7.69885 2.5 5.83337 4.36548 5.83337 6.66667C5.83337 8.96785 7.69885 10.8333 10 10.8333ZM10 10.8333C11.7682 10.8333 13.4638 11.5357 14.7141 12.786C15.9643 14.0362 16.6667 15.7319 16.6667 17.5M10 10.8333C8.23193 10.8333 6.53624 11.5357 5.286 12.786C4.03575 14.0362 3.33337 15.7319 3.33337 17.5",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var StyledSvg8 = jsx.styled(factory.ark.svg);
+var RightArrowIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  StyledSvg8,
+  {
+    viewBox: "0 0 19 19",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M15.9172 13.2266H3.74219V11.2266H15.9172L10.3172 5.62656L11.7422 4.22656L19.7422 12.2266L11.7422 20.2266L10.3172 18.8266L15.9172 13.2266Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+var StyledSvg9 = jsx.styled(factory.ark.svg);
+var ChevronUpIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  StyledSvg9,
+  {
+    viewBox: "0 0 24 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        transform: "translate(-521, -1202)",
+        d: "M544.345,1213.39 L534.615,1202.6 C534.167,1202.15 533.57,1201.95 532.984,1201.99 C532.398,1201.95 531.802,1202.15 531.354,1202.6 L521.624,1213.39 C520.797,1214.22 520.797,1215.57 521.624,1216.4 C522.452,1217.23 523.793,1217.23 524.621,1216.4 L532.984,1207.13 L541.349,1216.4 C542.176,1217.23 543.518,1217.23 544.345,1216.4 C545.172,1215.57 545.172,1214.22 544.345,1213.39",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+var StyledSvg10 = jsx.styled(factory.ark.svg);
+var DiscourserLogo = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  StyledSvg10,
+  {
+    viewBox: "0 0 348 60",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "1.5em",
+    width: "auto",
+    "aria-label": "Discourser",
+    role: "img",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M19.0846 31.268C18.3876 32.0449 17.7712 32.3057 17.2355 32.0504C16.9275 31.8946 16.7421 31.644 16.679 31.2984C16.6034 30.8836 16.7705 30.4583 17.1802 30.0224C19.1108 27.5794 20.2729 25.7123 20.6664 24.4211C21.1149 23.048 21.2572 21.9121 21.0934 21.0135C20.8665 19.7694 20.4262 18.8879 19.7725 18.369C19.1062 17.781 18.3976 17.3441 17.6466 17.0584C16.8831 16.7036 16.1744 16.2667 15.5207 15.7478C14.867 15.2289 14.4268 14.3474 14.1999 13.1032C13.973 11.8591 14.2167 10.7039 14.9307 9.63763C15.6448 8.57137 16.7447 7.89635 18.2304 7.61255C19.9188 7.29006 21.3491 7.66059 22.5215 8.72416C23.7613 9.77482 24.5766 11.3715 24.9673 13.5142C25.5471 16.6938 25.4011 19.7258 24.5294 22.6103C23.6577 25.4949 21.8427 28.3808 19.0846 31.268Z",
+          fill: "#A8B84A"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9.89259 8.66096C9.39063 8.34172 8.74816 8.52495 7.96517 9.21064C4.88851 11.7384 2.74839 14.3806 1.54485 17.1373C0.341313 19.894 -0.158994 22.8862 0.0439088 26.1139C0.180647 28.2891 0.802911 29.9744 1.91068 31.1697C2.94988 32.3695 4.32643 32.913 6.04037 32.8001C7.54865 32.7008 8.71975 32.1657 9.55366 31.1949C10.3876 30.224 10.7648 29.107 10.6854 27.844C10.606 26.581 10.2723 25.6518 9.68409 25.0564C9.09593 24.461 8.44363 23.9402 7.72718 23.4942C7.01513 23.1183 6.3628 22.5976 5.77023 21.9321C5.18207 21.3367 4.84829 20.4074 4.7689 19.1444C4.71155 18.2322 4.98599 17.1221 5.59217 15.8139C6.13421 14.5804 7.50673 12.8694 9.70977 10.6811C10.1676 10.2986 10.3833 9.8969 10.3569 9.47589C10.3348 9.12505 10.1801 8.85341 9.89259 8.66096Z",
+          fill: "#9870D9"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M25 50.8318C25 50.5118 25.1067 50.2345 25.32 49.9998C25.5547 49.7438 25.864 49.5518 26.248 49.4238L28.2 49.0398C28.5413 48.9545 28.8293 48.8158 29.064 48.6238C29.2987 48.4318 29.512 48.1332 29.704 47.7278C29.896 47.3012 30.0987 46.7358 30.312 46.0318C30.568 45.1358 30.8987 43.9305 31.304 42.4158C31.7307 40.8798 32.2 39.1625 32.712 37.2638C33.224 35.3438 33.7573 33.3492 34.312 31.2798C34.8667 29.1892 35.4107 27.1305 35.944 25.1038C36.4987 23.0558 37 21.1572 37.448 19.4078C37.9173 17.6372 38.312 16.1118 38.632 14.8318C38.952 13.5518 39.176 12.6345 39.304 12.0798C39.432 11.5038 39.4213 11.0665 39.272 10.7678C39.144 10.4692 38.8347 10.2665 38.344 10.1598L36.456 9.74382C36.0933 9.61582 35.8267 9.46649 35.656 9.29582C35.4853 9.12516 35.4 8.89049 35.4 8.59182C35.4 8.16515 35.5493 7.83449 35.848 7.59982C36.1467 7.34382 36.5947 7.21582 37.192 7.21582H55.592C58.6853 7.21582 61.4693 7.71715 63.944 8.71982C66.4187 9.72249 68.4667 11.1945 70.088 13.1358C71.7093 15.0772 72.7973 17.4452 73.352 20.2398C73.928 23.0345 73.864 26.2345 73.16 29.8398C72.4987 33.3385 71.3467 36.4638 69.704 39.2158C68.0613 41.9465 66.024 44.2612 63.592 46.1598C61.1813 48.0585 58.4507 49.5092 55.4 50.5118C52.3493 51.5145 49.064 52.0158 45.544 52.0158H26.504C25.928 52.0158 25.5333 51.9092 25.32 51.6958C25.1067 51.4612 25 51.1732 25 50.8318ZM46.056 49.2958C47.5707 49.2958 49.0533 48.9332 50.504 48.2078C51.9547 47.4612 53.3307 46.2985 54.632 44.7198C55.9547 43.1412 57.1493 41.1038 58.216 38.6078C59.304 36.0905 60.2107 33.0612 60.936 29.5198C61.6827 26.0852 62.0453 23.1305 62.024 20.6558C62.024 18.1812 61.736 16.1545 61.16 14.5758C60.584 12.9758 59.8053 11.8025 58.824 11.0558C57.8427 10.2878 56.7227 9.90382 55.464 9.90382H54.152C53.2987 9.90382 52.552 10.2025 51.912 10.7998C51.2933 11.3758 50.7813 12.3358 50.376 13.6798C50.184 14.3198 49.9173 15.2798 49.576 16.5598C49.2347 17.8185 48.84 19.2798 48.392 20.9438C47.944 22.6078 47.464 24.3785 46.952 26.2558C46.44 28.1118 45.9387 29.9785 45.448 31.8558C44.9573 33.7332 44.488 35.5252 44.04 37.2318C43.6133 38.9172 43.24 40.4212 42.92 41.7438C42.6 43.0665 42.3653 44.0798 42.216 44.7838C41.896 46.3198 41.928 47.4612 42.312 48.2078C42.696 48.9332 43.432 49.2958 44.52 49.2958H46.056Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M87.6105 42.7358C87.0772 44.3572 86.8852 45.4772 87.0345 46.0958C87.1838 46.6932 87.4932 46.9918 87.9625 46.9918C88.3038 46.9918 88.6558 46.8745 89.0185 46.6398C89.4025 46.4052 89.8612 45.9892 90.3945 45.3918C90.7358 45.0718 91.0132 44.8798 91.2265 44.8158C91.4398 44.7305 91.6425 44.7305 91.8345 44.8158C92.0905 44.9438 92.2185 45.1892 92.2185 45.5518C92.2398 45.8932 92.1012 46.3518 91.8025 46.9278C90.9278 48.6558 89.5732 50.0638 87.7385 51.1518C85.9252 52.2398 83.7492 52.7838 81.2105 52.7838C79.5038 52.7838 78.2345 52.4638 77.4025 51.8238C76.5918 51.1625 76.1652 50.2132 76.1225 48.9758C76.1012 47.7385 76.3892 46.2558 76.9865 44.5278L81.2105 32.1758C81.7438 30.6612 81.9465 29.6052 81.8185 29.0078C81.6905 28.3892 81.3812 28.0798 80.8905 28.0798C80.5705 28.0798 80.2185 28.1972 79.8345 28.4318C79.4505 28.6665 78.9385 29.1145 78.2985 29.7758C77.9785 30.0532 77.7118 30.2238 77.4985 30.2878C77.2852 30.3518 77.0718 30.3412 76.8585 30.2558C76.6025 30.1492 76.4745 29.9252 76.4745 29.5838C76.4745 29.2425 76.6132 28.8158 76.8905 28.3038C77.9358 26.4052 79.3758 24.8798 81.2105 23.7278C83.0665 22.5545 85.1465 21.9678 87.4505 21.9678C88.9652 21.9678 90.1385 22.2985 90.9705 22.9598C91.8025 23.6212 92.2825 24.6025 92.4105 25.9038C92.5598 27.1838 92.3145 28.7625 91.6745 30.6398L87.6105 42.7358ZM89.0505 18.1598C87.3225 18.1598 85.9998 17.7438 85.0825 16.9118C84.1652 16.0798 83.7172 15.0452 83.7385 13.8078C83.7598 12.7412 84.0905 11.7172 84.7305 10.7358C85.3705 9.75449 86.2665 8.94382 87.4185 8.30382C88.5705 7.66382 89.9252 7.34382 91.4825 7.34382C93.3812 7.34382 94.7572 7.78116 95.6105 8.65582C96.4638 9.50916 96.8798 10.5438 96.8585 11.7598C96.8372 12.9332 96.5065 14.0105 95.8665 14.9918C95.2265 15.9518 94.3198 16.7198 93.1465 17.2958C91.9945 17.8718 90.6292 18.1598 89.0505 18.1598Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M106.986 50.2878C108.053 50.2878 108.917 49.9572 109.578 49.2958C110.239 48.6345 110.581 47.7918 110.602 46.7678C110.602 46.0852 110.453 45.4665 110.154 44.9118C109.877 44.3358 109.365 43.7278 108.618 43.0878C107.893 42.4265 106.847 41.6692 105.482 40.8158C103.882 39.7705 102.581 38.7998 101.578 37.9038C100.597 37.0078 99.882 36.0692 99.434 35.0878C98.986 34.1065 98.7727 33.0078 98.794 31.7918C98.858 30.0212 99.4553 28.3892 100.586 26.8958C101.738 25.3812 103.381 24.1652 105.514 23.2478C107.647 22.3305 110.229 21.8718 113.258 21.8718C115.69 21.8718 117.706 22.1812 119.306 22.7998C120.906 23.3972 122.101 24.2078 122.89 25.2318C123.701 26.2345 124.117 27.3545 124.138 28.5918C124.159 29.8292 123.893 30.7892 123.338 31.4718C122.805 32.1545 122.079 32.4958 121.162 32.4958C120.202 32.4958 119.381 32.1758 118.698 31.5358C118.037 30.8958 117.407 29.7545 116.81 28.1118C116.255 26.7892 115.605 25.8185 114.858 25.1998C114.133 24.5812 113.258 24.2718 112.234 24.2718C111.167 24.2718 110.303 24.6025 109.642 25.2638C108.981 25.9038 108.65 26.7785 108.65 27.8878C108.65 28.5705 108.799 29.2425 109.098 29.9038C109.397 30.5438 109.951 31.2585 110.762 32.0478C111.594 32.8158 112.789 33.7332 114.346 34.7998C116.031 35.9092 117.343 36.9225 118.282 37.8398C119.221 38.7572 119.871 39.6745 120.234 40.5918C120.597 41.5092 120.746 42.5438 120.682 43.6958C120.597 45.4665 119.946 47.0345 118.73 48.3998C117.514 49.7652 115.839 50.8425 113.706 51.6318C111.594 52.3998 109.13 52.7838 106.314 52.7838C103.647 52.7838 101.461 52.4532 99.754 51.7918C98.0473 51.1092 96.7887 50.2132 95.978 49.1038C95.1887 47.9945 94.794 46.7998 94.794 45.5198C94.8153 44.4318 95.082 43.5465 95.594 42.8638C96.106 42.1812 96.8207 41.8398 97.738 41.8398C98.826 41.8398 99.7113 42.2025 100.394 42.9278C101.098 43.6532 101.727 44.7945 102.282 46.3518C102.922 47.8238 103.615 48.8478 104.362 49.4238C105.109 49.9998 105.983 50.2878 106.986 50.2878Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M152.541 29.9998C152.541 30.9598 152.232 31.7598 151.613 32.3998C151.016 33.0185 150.216 33.3278 149.213 33.3278C148.21 33.3278 147.421 33.0398 146.845 32.4638C146.269 31.8665 145.981 31.0558 145.981 30.0318V28.7198C145.981 27.2692 145.49 26.1065 144.509 25.2318C143.549 24.3358 142.226 23.8878 140.541 23.8878C138.941 23.8878 137.522 24.3678 136.285 25.3278C135.069 26.2665 134.109 27.5998 133.405 29.3278C132.722 31.0345 132.381 33.0505 132.381 35.3758C132.381 38.1705 132.84 40.5385 133.757 42.4798C134.674 44.4212 135.922 45.8932 137.501 46.8958C139.08 47.8985 140.882 48.3998 142.909 48.3998C144.914 48.3998 146.653 47.9198 148.125 46.9598C149.597 45.9998 150.642 44.6665 151.261 42.9598C151.432 42.7038 151.581 42.5332 151.709 42.4478C151.837 42.3412 151.976 42.2985 152.125 42.3198C152.338 42.3198 152.488 42.4052 152.573 42.5758C152.658 42.7465 152.69 42.9492 152.669 43.1838C152.413 45.0398 151.741 46.6825 150.653 48.1118C149.565 49.5412 148.157 50.6612 146.429 51.4718C144.701 52.2825 142.738 52.6878 140.541 52.6878C137.789 52.6878 135.357 52.1012 133.245 50.9278C131.133 49.7332 129.469 48.0372 128.253 45.8398C127.058 43.6212 126.461 40.9865 126.461 37.9358C126.461 34.9705 127.08 32.2932 128.317 29.9038C129.554 27.5145 131.282 25.6265 133.501 24.2398C135.741 22.8318 138.354 22.1278 141.341 22.1278C143.666 22.1278 145.661 22.4905 147.325 23.2158C149.01 23.9198 150.301 24.8692 151.197 26.0638C152.093 27.2585 152.541 28.5705 152.541 29.9998Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M171.947 22.1598C174.913 22.1598 177.537 22.8105 179.82 24.1118C182.102 25.4132 183.894 27.2158 185.195 29.5198C186.497 31.8238 187.148 34.4798 187.148 37.4878C187.148 40.4318 186.486 43.0558 185.163 45.3598C183.841 47.6425 182.017 49.4452 179.691 50.7678C177.387 52.0692 174.721 52.7198 171.691 52.7198C168.726 52.7198 166.102 52.0798 163.82 50.7998C161.537 49.4985 159.755 47.6958 158.475 45.3918C157.195 43.0878 156.555 40.4425 156.555 37.4558C156.555 34.4692 157.206 31.8345 158.508 29.5518C159.809 27.2478 161.611 25.4452 163.915 24.1438C166.241 22.8212 168.918 22.1598 171.947 22.1598ZM173.9 50.7998C175.606 50.5865 177.014 49.8825 178.124 48.6878C179.233 47.4932 179.979 45.8612 180.363 43.7918C180.769 41.7012 180.769 39.2265 180.363 36.3678C179.958 33.4665 179.254 31.0665 178.251 29.1678C177.27 27.2692 176.054 25.8932 174.604 25.0398C173.153 24.1652 171.542 23.8345 169.771 24.0478C168.043 24.2612 166.625 24.9758 165.516 26.1918C164.428 27.3865 163.691 29.0292 163.307 31.1198C162.923 33.1892 162.934 35.6532 163.34 38.5118C163.745 41.3492 164.449 43.7278 165.452 45.6478C166.454 47.5465 167.681 48.9332 169.132 49.8078C170.582 50.6825 172.172 51.0132 173.9 50.7998Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M213.956 49.2638V46.5118L213.859 46.3518V27.4078C213.859 27.0665 213.795 26.8212 213.667 26.6718C213.539 26.5012 213.337 26.4052 213.06 26.3838L210.756 26.3198C210.5 26.2772 210.318 26.2025 210.212 26.0958C210.105 25.9892 210.051 25.8505 210.051 25.6798C210.051 25.4665 210.115 25.3065 210.243 25.1998C210.371 25.0718 210.595 24.9438 210.915 24.8158L217.124 22.8638C217.593 22.6718 217.966 22.5438 218.243 22.4798C218.542 22.4158 218.82 22.3838 219.076 22.3838C219.438 22.3838 219.716 22.4905 219.908 22.7038C220.1 22.9172 220.195 23.1945 220.195 23.5358V48.6238C220.195 49.0932 220.281 49.4452 220.452 49.6798C220.644 49.9145 220.921 50.0745 221.284 50.1598L222.948 50.4798C223.225 50.5438 223.427 50.6505 223.555 50.7998C223.705 50.9278 223.78 51.0878 223.78 51.2798C223.78 51.4932 223.694 51.6745 223.523 51.8238C223.353 51.9518 223.097 52.0158 222.756 52.0158H216.387C215.641 52.0158 215.044 51.7812 214.596 51.3118C214.169 50.8212 213.956 50.1385 213.956 49.2638ZM194.596 43.6638V27.4078C194.596 27.0665 194.532 26.8212 194.404 26.6718C194.297 26.5012 194.094 26.4052 193.796 26.3838L191.492 26.3198C191.236 26.2772 191.054 26.2025 190.947 26.0958C190.841 25.9892 190.788 25.8505 190.788 25.6798C190.788 25.4665 190.852 25.3065 190.98 25.1998C191.108 25.0718 191.332 24.9438 191.652 24.8158L197.859 22.8638C198.371 22.6718 198.766 22.5438 199.044 22.4798C199.321 22.4158 199.566 22.3838 199.779 22.3838C200.185 22.3838 200.484 22.4905 200.676 22.7038C200.868 22.9172 200.964 23.1945 200.964 23.5358V42.7998C200.964 44.9545 201.475 46.5545 202.499 47.5998C203.523 48.6238 204.878 49.1358 206.564 49.1358C207.609 49.1358 208.707 48.8798 209.859 48.3678C211.033 47.8558 212.27 47.0452 213.572 45.9358L214.82 44.8158L215.715 45.7118L214.436 46.8638C212.046 49.0185 209.945 50.5225 208.132 51.3758C206.34 52.2292 204.622 52.6558 202.98 52.6558C200.505 52.6558 198.489 51.8772 196.932 50.3198C195.374 48.7412 194.596 46.5225 194.596 43.6638Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M237.021 35.8238C237.021 32.8372 237.448 30.3305 238.301 28.3038C239.155 26.2772 240.264 24.7412 241.63 23.6958C242.995 22.6505 244.435 22.1278 245.95 22.1278C247.72 22.1278 249.096 22.6398 250.077 23.6638C251.059 24.6665 251.549 26.0532 251.549 27.8238C251.549 29.1892 251.24 30.2238 250.622 30.9278C250.024 31.6318 249.256 31.9838 248.318 31.9838C247.4 31.9838 246.686 31.7278 246.174 31.2158C245.662 30.6825 245.406 29.9358 245.406 28.9758L245.374 27.9518C245.374 27.2052 245.214 26.6612 244.894 26.3198C244.574 25.9572 244.03 25.7758 243.262 25.7758C242.387 25.7758 241.534 26.1492 240.702 26.8958C239.87 27.6425 239.176 28.7625 238.622 30.2558C238.088 31.7492 237.822 33.6158 237.822 35.8558L237.021 35.8238ZM237.63 23.5678L237.822 32.3678V48.5918C237.822 48.9972 237.928 49.3278 238.141 49.5838C238.355 49.8185 238.696 49.9678 239.165 50.0318L242.141 50.4478C242.461 50.4905 242.696 50.5865 242.846 50.7358C243.016 50.8638 243.102 51.0452 243.102 51.2798C243.102 51.4932 243.006 51.6745 242.814 51.8238C242.643 51.9518 242.387 52.0158 242.046 52.0158H228.861C228.52 52.0158 228.264 51.9518 228.094 51.8238C227.944 51.6745 227.87 51.4932 227.87 51.2798C227.87 51.0878 227.933 50.9278 228.061 50.7998C228.211 50.6718 228.424 50.5652 228.702 50.4798L230.398 50.1598C230.76 50.0745 231.027 49.9145 231.197 49.6798C231.389 49.4452 231.486 49.1145 231.486 48.6878V27.3758C231.486 27.0345 231.422 26.7785 231.294 26.6078C231.187 26.4372 230.984 26.3412 230.686 26.3198L228.382 26.2558C228.126 26.2345 227.944 26.1705 227.837 26.0638C227.731 25.9358 227.678 25.7865 227.678 25.6158C227.678 25.4238 227.742 25.2638 227.87 25.1358C227.998 25.0078 228.232 24.8905 228.574 24.7838L234.686 22.8958C235.262 22.6825 235.688 22.5438 235.965 22.4798C236.264 22.4158 236.51 22.3838 236.702 22.3838C236.979 22.3838 237.192 22.4798 237.342 22.6718C237.491 22.8638 237.587 23.1625 237.63 23.5678Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M267.162 51.0238C268.783 51.0238 270.053 50.6078 270.97 49.7758C271.909 48.9225 272.378 47.8132 272.378 46.4478C272.378 45.5945 272.175 44.8158 271.77 44.1118C271.365 43.4078 270.65 42.7678 269.626 42.1918C268.623 41.6158 267.205 41.0825 265.37 40.5918C262.618 39.8665 260.463 39.0238 258.906 38.0638C257.349 37.1038 256.25 36.0158 255.61 34.7998C254.97 33.5625 254.65 32.1972 254.65 30.7038C254.65 28.0585 255.578 25.9678 257.434 24.4318C259.29 22.8745 261.882 22.0958 265.21 22.0958C266.533 22.0958 267.621 22.2238 268.474 22.4798C269.327 22.7145 270.01 22.9492 270.522 23.1838C271.055 23.4185 271.493 23.5358 271.834 23.5358C272.175 23.5358 272.495 23.4185 272.794 23.1838C273.093 22.9492 273.381 22.7145 273.658 22.4798C273.957 22.2238 274.255 22.0958 274.554 22.0958C274.746 22.0958 274.917 22.1598 275.066 22.2878C275.215 22.3945 275.343 22.6185 275.45 22.9598L277.626 30.4478C277.754 30.8532 277.786 31.1945 277.722 31.4718C277.679 31.7492 277.519 31.9518 277.242 32.0798C276.965 32.1865 276.719 32.1865 276.506 32.0798C276.314 31.9732 276.122 31.7812 275.93 31.5038C274.97 29.5625 273.935 28.0372 272.826 26.9278C271.738 25.7972 270.586 24.9865 269.37 24.4958C268.154 24.0052 266.863 23.7598 265.498 23.7598C263.557 23.7598 262.074 24.1972 261.05 25.0718C260.047 25.9465 259.546 27.1092 259.546 28.5598C259.546 29.4345 259.759 30.2345 260.186 30.9598C260.613 31.6852 261.381 32.3465 262.49 32.9438C263.621 33.5412 265.221 34.1172 267.29 34.6718C269.722 35.2905 271.663 36.0478 273.114 36.9438C274.586 37.8398 275.642 38.9065 276.282 40.1438C276.922 41.3598 277.242 42.7572 277.242 44.3358C277.242 45.9998 276.837 47.4612 276.026 48.7198C275.215 49.9785 274.074 50.9598 272.602 51.6638C271.13 52.3678 269.423 52.7198 267.482 52.7198C266.223 52.7198 265.178 52.5705 264.346 52.2718C263.535 51.9732 262.863 51.6745 262.33 51.3758C261.797 51.0772 261.349 50.9278 260.986 50.9278C260.687 50.9278 260.389 51.0772 260.09 51.3758C259.813 51.6532 259.535 51.9305 259.258 52.2078C258.981 52.5065 258.703 52.6558 258.426 52.6558C258.255 52.6558 258.095 52.5812 257.946 52.4318C257.797 52.3038 257.69 52.0798 257.626 51.7598L256.186 44.8798C256.079 44.3465 256.047 43.9518 256.09 43.6958C256.154 43.4185 256.314 43.2265 256.57 43.1198C256.826 43.0132 257.05 43.0345 257.242 43.1838C257.455 43.3118 257.658 43.5572 257.85 43.9198C259.194 46.4798 260.666 48.3038 262.266 49.3918C263.887 50.4798 265.519 51.0238 267.162 51.0238Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M308.93 33.9998C308.93 34.6612 308.727 35.1732 308.322 35.5358C307.916 35.8985 307.319 36.0798 306.53 36.0798H286.337V34.6398H301.281C302.071 34.6398 302.466 34.2772 302.466 33.5518C302.466 30.4372 301.868 28.0478 300.673 26.3838C299.479 24.7198 297.911 23.8878 295.97 23.8878C294.37 23.8878 292.983 24.3465 291.81 25.2638C290.636 26.1812 289.73 27.5038 289.09 29.2318C288.45 30.9598 288.129 33.0292 288.129 35.4398C288.129 39.7278 289.111 42.9918 291.073 45.2318C293.057 47.4505 295.639 48.5598 298.818 48.5598C300.93 48.5598 302.753 48.0372 304.289 46.9918C305.847 45.9252 306.881 44.4958 307.393 42.7038C307.564 42.4478 307.713 42.2772 307.841 42.1918C307.969 42.0852 308.108 42.0318 308.258 42.0318C308.471 42.0318 308.62 42.1278 308.706 42.3198C308.812 42.4905 308.855 42.7038 308.833 42.9598C308.684 44.7732 308.055 46.4265 306.945 47.9198C305.857 49.3918 304.407 50.5652 302.594 51.4398C300.78 52.2932 298.732 52.7198 296.449 52.7198C293.633 52.7198 291.159 52.1118 289.026 50.8958C286.892 49.6798 285.228 47.9732 284.034 45.7758C282.839 43.5572 282.241 40.9652 282.241 37.9998C282.241 34.9492 282.828 32.2292 284.001 29.8398C285.196 27.4505 286.881 25.5732 289.057 24.2078C291.233 22.8212 293.804 22.1278 296.77 22.1278C299.244 22.1278 301.388 22.6398 303.202 23.6638C305.015 24.6665 306.423 26.0638 307.426 27.8558C308.428 29.6265 308.93 31.6745 308.93 33.9998Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M322.397 35.8238C322.397 32.8372 322.823 30.3305 323.677 28.3038C324.53 26.2772 325.639 24.7412 327.005 23.6958C328.37 22.6505 329.81 22.1278 331.324 22.1278C333.095 22.1278 334.471 22.6398 335.453 23.6638C336.434 24.6665 336.924 26.0532 336.924 27.8238C336.924 29.1892 336.615 30.2238 335.996 30.9278C335.399 31.6318 334.631 31.9838 333.693 31.9838C332.775 31.9838 332.06 31.7278 331.548 31.2158C331.036 30.6825 330.78 29.9358 330.78 28.9758L330.749 27.9518C330.749 27.2052 330.588 26.6612 330.268 26.3198C329.948 25.9572 329.405 25.7758 328.637 25.7758C327.762 25.7758 326.909 26.1492 326.077 26.8958C325.245 27.6425 324.551 28.7625 323.996 30.2558C323.463 31.7492 323.197 33.6158 323.197 35.8558L322.397 35.8238ZM323.004 23.5678L323.197 32.3678V48.5918C323.197 48.9972 323.303 49.3278 323.517 49.5838C323.73 49.8185 324.071 49.9678 324.54 50.0318L327.517 50.4478C327.837 50.4905 328.071 50.5865 328.22 50.7358C328.391 50.8638 328.477 51.0452 328.477 51.2798C328.477 51.4932 328.381 51.6745 328.189 51.8238C328.018 51.9518 327.762 52.0158 327.421 52.0158H314.237C313.895 52.0158 313.639 51.9518 313.469 51.8238C313.319 51.6745 313.245 51.4932 313.245 51.2798C313.245 51.0878 313.308 50.9278 313.436 50.7998C313.586 50.6718 313.799 50.5652 314.077 50.4798L315.772 50.1598C316.135 50.0745 316.402 49.9145 316.573 49.6798C316.765 49.4452 316.861 49.1145 316.861 48.6878V27.3758C316.861 27.0345 316.796 26.7785 316.668 26.6078C316.562 26.4372 316.359 26.3412 316.06 26.3198L313.757 26.2558C313.501 26.2345 313.319 26.1705 313.212 26.0638C313.106 25.9358 313.052 25.7865 313.052 25.6158C313.052 25.4238 313.117 25.2638 313.245 25.1358C313.373 25.0078 313.607 24.8905 313.948 24.7838L320.06 22.8958C320.636 22.6825 321.063 22.5438 321.341 22.4798C321.639 22.4158 321.885 22.3838 322.077 22.3838C322.354 22.3838 322.567 22.4798 322.716 22.6718C322.866 22.8638 322.962 23.1625 323.004 23.5678Z",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+);
 
 // src/components/Breadcrumb.tsx
 var Breadcrumb_exports = {};
 chunkEARF7VDF_cjs.__export(Breadcrumb_exports, {
+  CurrentLink: () => CurrentLink,
   Ellipsis: () => Ellipsis,
   Item: () => Item4,
   Link: () => Link,
@@ -861,9 +1143,24 @@ chunkEARF7VDF_cjs.__export(Breadcrumb_exports, {
   Root: () => Root17,
   Separator: () => Separator
 });
-var ChevronRightIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" }) });
+var ChevronRightIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
+  }
+);
 var { withProvider: withProvider12, withContext: withContext16 } = jsx.createStyleContext(recipes.breadcrumb);
-var Root17 = withProvider12(factory.ark.nav, "root", { defaultProps: { "aria-label": "breadcrumb" } });
+var Root17 = withProvider12(factory.ark.nav, "root", {
+  defaultProps: { "aria-label": "breadcrumb" }
+});
 var List3 = withContext16(factory.ark.ol, "list");
 var Item4 = withContext16(factory.ark.li, "item");
 var Link = withContext16(factory.ark.a, "link");
@@ -880,6 +1177,37 @@ var Separator = withContext16(factory.ark.li, "separator", {
     children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
   }
 });
+var CurrentLink = withContext16(factory.ark.span, "link", {
+  defaultProps: {
+    "aria-current": "page"
+  }
+});
+
+// src/components/ContentCard/index.ts
+var ContentCard_exports = {};
+chunkEARF7VDF_cjs.__export(ContentCard_exports, {
+  BadgeBar: () => BadgeBar,
+  Body: () => Body5,
+  Header: () => Header6,
+  List: () => List4,
+  ListItem: () => ListItem,
+  Root: () => Root18,
+  Section: () => Section,
+  SectionTitle: () => SectionTitle,
+  Separator: () => Separator2,
+  Title: () => Title6
+});
+var { withProvider: withProvider13, withContext: withContext17 } = jsx.createStyleContext(recipes.contentCard);
+var Root18 = withProvider13(factory.ark.div, "root");
+var Header6 = withContext17(factory.ark.div, "header");
+var Title6 = withContext17(factory.ark.h2, "title");
+var BadgeBar = withContext17(factory.ark.div, "badgeBar");
+var Body5 = withContext17(factory.ark.div, "body");
+var Section = withContext17(factory.ark.section, "section");
+var SectionTitle = withContext17(factory.ark.h3, "sectionTitle");
+var Separator2 = withContext17(factory.ark.hr, "separator");
+var List4 = withContext17(factory.ark.ul, "list");
+var ListItem = withContext17(factory.ark.li, "listItem");
 var CustomSeparator = ({ index, className }) => {
   const stepsContext = steps.useStepsContext();
   const currentStepIndex = stepsContext.value;
@@ -963,6 +1291,468 @@ var Stepper = Object.assign(StepperRoot, {
   PrevTrigger: steps.Steps.PrevTrigger,
   NextTrigger: steps.Steps.NextTrigger
 });
+function NavigationMenu({
+  sections,
+  activeHref,
+  defaultOpenSections,
+  onNavigate,
+  renderLink,
+  ariaLabel = "Navigation"
+}) {
+  const styles = recipes.navigationMenu();
+  const defaultRenderLink = ({
+    href,
+    children,
+    isActive,
+    className
+  }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href,
+      "aria-current": isActive ? "page" : void 0,
+      "data-active": isActive || void 0,
+      className,
+      onClick: (e) => {
+        e.preventDefault();
+        onNavigate?.(href);
+      },
+      children
+    }
+  );
+  const resolvedRenderLink = renderLink ?? defaultRenderLink;
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: styles.root, "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Root6,
+    {
+      defaultValue: defaultOpenSections,
+      multiple: true,
+      variant: "plain",
+      children: sections.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(
+        Item,
+        {
+          value: section.value,
+          className: styles.section,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ItemTrigger,
+              {
+                className: styles.sectionTrigger,
+                css: {
+                  // These override accordion recipe via utilities layer (same pattern as ScenarioCard)
+                  fontSize: "lg",
+                  // 18px — Figma spec (accordion forces 'md'/16px)
+                  fontWeight: "medium",
+                  // 500  — Figma spec (accordion forces semibold/600)
+                  borderRadius: "l3",
+                  // 8px  — Figma spec (accordion forces l2/6px)
+                  p: "2",
+                  // 8px  — Figma: 5px, spacing.2 is closest
+                  bg: "surface.container",
+                  // Figma: #eeefe3 section header bg
+                  color: "onSurface"
+                  // Figma: #363636 (accordion forces fg.default)
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(jsx.HStack, { gap: "2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.sectionIcon, children: section.icon }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.sectionTitle, children: section.title })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ItemIndicator,
+                    {
+                      className: styles.sectionIndicator,
+                      css: {
+                        color: "primary.50"
+                        // olive green chevrons — Figma: #518500
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { className: styles.sectionContent, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.itemList, children: section.items.map((item) => {
+              const isActive = activeHref === item.href;
+              return /* @__PURE__ */ jsxRuntime.jsx(react$1.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.item, children: resolvedRenderLink({
+                href: item.href,
+                children: item.label,
+                isActive,
+                className: styles.itemLink
+              }) }) }, item.href);
+            }) }) })
+          ]
+        },
+        section.value
+      ))
+    }
+  ) });
+}
+var INFO_SECTIONS = [
+  {
+    id: "conversation-flow",
+    label: "Conversation Flow",
+    explanation: {
+      beginner: "Topic transitions are explicit and signposted",
+      intermediate: "Conversation flows organically with realistic tangents",
+      advanced: "Topic shifts are sudden and unpredictable"
+    }
+  },
+  {
+    id: "question-complexity",
+    label: "Question Complexity",
+    explanation: {
+      beginner: "Questions focus on single, clear topics",
+      intermediate: "Questions are layered with multiple components",
+      advanced: "Questions are complex and multi-dimensional"
+    }
+  },
+  {
+    id: "discourse-tone",
+    label: "Discourse Tone",
+    explanation: {
+      beginner: "AI is warm, encouraging, and supportive",
+      intermediate: "AI is professional, neutral, and balanced",
+      advanced: "AI is direct, skeptical, and challenging"
+    }
+  },
+  {
+    id: "response-pacing",
+    label: "Response Pacing",
+    explanation: {
+      beginner: "Long pauses welcomed, relaxed timing",
+      intermediate: "Natural conversational rhythm and pacing",
+      advanced: "Quick responses expected, minimal pauses"
+    }
+  }
+];
+var DURATION_OPTIONS = [
+  { value: "quick", label: "Quick (10 - 15 min)", badgeLabel: "~ (10-15 min)" },
+  {
+    value: "standard",
+    label: "Standard (15 - 25 min)",
+    badgeLabel: "~ (15-25 min)"
+  },
+  {
+    value: "extended",
+    label: "Extended (25 - 35 min)",
+    badgeLabel: "~ (25-35 min)"
+  }
+];
+var QUESTION_OPTIONS = [
+  { value: "brief", label: "Brief (2-4)", badgeLabel: "2-4 questions" },
+  { value: "standard", label: "Standard (5-8)", badgeLabel: "5-8 questions" },
+  { value: "extended", label: "Extended (9-12)", badgeLabel: "9-12 questions" }
+];
+var ALL_SECTION_IDS = [
+  "conversation-flow",
+  "question-complexity",
+  "discourse-tone",
+  "response-pacing",
+  "duration",
+  "number-of-questions"
+];
+function ScenarioSettings({
+  defaultValue,
+  singleOpen = false,
+  adjustmentDialogContent,
+  renderAdjustmentDialog,
+  defaultDuration = "quick",
+  defaultQuestionCount = "brief",
+  onSelectionChange
+}) {
+  const styles = recipes.scenarioSettings();
+  const resolvedDefaultValue = defaultValue ?? (singleOpen ? ["conversation-flow"] : ALL_SECTION_IDS);
+  const [duration, setDuration] = react$1.useState(defaultDuration);
+  const [questionCount, setQuestionCount] = react$1.useState(defaultQuestionCount);
+  const durationBadge = DURATION_OPTIONS.find((o) => o.value === duration)?.badgeLabel ?? "~ (10-15 min)";
+  const questionBadge = QUESTION_OPTIONS.find((o) => o.value === questionCount)?.badgeLabel ?? "2-4 questions";
+  function resolveDialogContent(sectionId) {
+    if (renderAdjustmentDialog) return renderAdjustmentDialog(sectionId);
+    if (adjustmentDialogContent?.[sectionId])
+      return adjustmentDialogContent[sectionId];
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.root, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    Root6,
+    {
+      defaultValue: resolvedDefaultValue,
+      collapsible: true,
+      variant: "plain",
+      children: [
+        INFO_SECTIONS.map((section) => {
+          const dialogContent = resolveDialogContent(section.id);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            Item,
+            {
+              value: section.id,
+              className: styles.section,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  ItemTrigger,
+                  {
+                    className: styles.sectionTrigger,
+                    css: {
+                      fontSize: "lg",
+                      fontWeight: "medium",
+                      borderRadius: "0",
+                      py: "4",
+                      bg: "surface",
+                      color: "onSurface"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.triggerLabel, children: section.label }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        ItemIndicator,
+                        {
+                          className: styles.sectionIndicator,
+                          css: { color: "primary.7" }
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { className: styles.sectionContent, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.infoPanel, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.explanationCard, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles.explanationTitle, children: "What this means:" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: styles.explanationList, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.explanationItem, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.levelLabel, children: "Beginner:" }),
+                        " ",
+                        section.explanation.beginner
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.explanationItem, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.levelLabel, children: "Intermediate:" }),
+                        " ",
+                        section.explanation.intermediate
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("li", { className: styles.explanationItem, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.levelLabel, children: "Advanced:" }),
+                        " ",
+                        section.explanation.advanced
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.adjustmentsRow, children: /* @__PURE__ */ jsxRuntime.jsxs(Root4, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Button,
+                      {
+                        size: "sm",
+                        "aria-label": `Open ${section.label} adjustments`,
+                        css: {
+                          bg: "secondary.7",
+                          color: "white",
+                          fontWeight: "medium",
+                          fontSize: "md",
+                          borderRadius: "l3",
+                          px: "4",
+                          h: "10",
+                          minW: "36",
+                          _hover: { bg: "secondary.8" }
+                        },
+                        children: "Adjustments"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(Backdrop, {}),
+                    /* @__PURE__ */ jsxRuntime.jsx(Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(Content, { css: { maxW: "lg", w: "full" }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        Header3,
+                        {
+                          css: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "space-between",
+                            pb: "3"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(
+                              Title3,
+                              {
+                                css: { fontSize: "xl", fontWeight: "semibold" },
+                                children: [
+                                  "Adjust ",
+                                  section.label
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              CloseTrigger2,
+                              {
+                                "aria-label": "Close dialog",
+                                css: {
+                                  cursor: "pointer",
+                                  fontSize: "lg",
+                                  color: "fg.muted",
+                                  _hover: { color: "fg.default" }
+                                },
+                                children: "\u2715"
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(Body2, { children: dialogContent ?? /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+                        "Adjustment controls for ",
+                        section.label,
+                        " will appear here."
+                      ] }) })
+                    ] }) })
+                  ] }) })
+                ] }) })
+              ]
+            },
+            section.id
+          );
+        }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Item, { value: "duration", className: styles.section, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ItemTrigger,
+            {
+              className: styles.sectionTrigger,
+              css: {
+                fontSize: "lg",
+                fontWeight: "medium",
+                borderRadius: "0",
+                py: "4",
+                bg: "surface",
+                color: "onSurface"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.triggerLabel, children: "Duration" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ItemIndicator,
+                  {
+                    className: styles.sectionIndicator,
+                    css: { color: "primary.7" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { className: styles.sectionContent, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.radioPanel, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles.radioPanelTitle, children: "Expected time to complete" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.radioCurrentRow, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.radioCurrentLabel, children: "Currently:" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.currentlyBadge, children: durationBadge })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Root10,
+              {
+                defaultValue: defaultDuration,
+                colorPalette: "primary",
+                onValueChange: ({ value }) => {
+                  if (!value) return;
+                  setDuration(value);
+                  onSelectionChange?.("duration", value);
+                },
+                css: { gap: "3" },
+                children: DURATION_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(Item2, { value: option.value, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ItemControl,
+                    {
+                      css: {
+                        boxShadow: "none",
+                        borderWidth: "1px",
+                        borderStyle: "solid",
+                        borderColor: "primary.7",
+                        _checked: {
+                          bg: "m3Primary.container",
+                          borderColor: "primary.7",
+                          _after: { bg: "primary.7" }
+                        }
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ItemText,
+                    {
+                      css: { fontSize: "md", fontWeight: "medium" },
+                      children: option.label
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(ItemHiddenInput, {})
+                ] }, option.value))
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Item, { value: "number-of-questions", className: styles.section, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ItemTrigger,
+            {
+              className: styles.sectionTrigger,
+              css: {
+                fontSize: "lg",
+                fontWeight: "medium",
+                borderRadius: "0",
+                py: "4",
+                bg: "surface",
+                color: "onSurface"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.triggerLabel, children: "Number of Questions" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ItemIndicator,
+                  {
+                    className: styles.sectionIndicator,
+                    css: { color: "primary.7" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { className: styles.sectionContent, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.radioPanel, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles.radioPanelTitle, children: "Follow up Questions in this session" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.radioCurrentRow, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.radioCurrentLabel, children: "Currently:" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.currentlyBadge, children: questionBadge })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Root10,
+              {
+                defaultValue: defaultQuestionCount,
+                colorPalette: "primary",
+                onValueChange: ({ value }) => {
+                  if (!value) return;
+                  setQuestionCount(value);
+                  onSelectionChange?.("number-of-questions", value);
+                },
+                css: { gap: "3" },
+                children: QUESTION_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(Item2, { value: option.value, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ItemControl,
+                    {
+                      css: {
+                        boxShadow: "none",
+                        borderWidth: "1px",
+                        borderStyle: "solid",
+                        borderColor: "primary.7",
+                        _checked: {
+                          bg: "m3Primary.container",
+                          borderColor: "primary.7",
+                          _after: { bg: "primary.7" }
+                        }
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ItemText,
+                    {
+                      css: { fontSize: "md", fontWeight: "medium" },
+                      children: option.label
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(ItemHiddenInput, {})
+                ] }, option.value))
+              }
+            )
+          ] }) })
+        ] })
+      ]
+    }
+  ) });
+}
 var dialogContentClass = css.css({
   width: "full",
   maxWidth: "560px",
@@ -1001,7 +1791,7 @@ function AddScenarioDialog({
   return /* @__PURE__ */ jsxRuntime.jsxs(Root4, { open, onOpenChange: ({ open: isOpen }) => !isOpen && onClose(), children: [
     /* @__PURE__ */ jsxRuntime.jsx(Backdrop, {}),
     /* @__PURE__ */ jsxRuntime.jsx(Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(Content, { className: dialogContentClass, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Header2, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Header3, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Title3, { children: "Add Scenario" }),
         /* @__PURE__ */ jsxRuntime.jsx(CloseTrigger2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -1308,6 +2098,7 @@ function ScenarioQueue({
 
 exports.AbsoluteCenter_exports = AbsoluteCenter_exports;
 exports.Accordion_exports = Accordion_exports;
+exports.AccountIcon = AccountIcon;
 exports.AddScenarioDialog = AddScenarioDialog;
 exports.Avatar_exports = Avatar_exports;
 exports.Badge = Badge;
@@ -1316,23 +2107,33 @@ exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.Card_exports = Card_exports;
 exports.Checkbox_exports = Checkbox_exports;
+exports.ChevronUpIcon = ChevronUpIcon;
 exports.ClockIcon = ClockIcon;
 exports.CloseButton_exports = CloseButton_exports;
+exports.ContentCard_exports = ContentCard_exports;
+exports.DashboardIcon = DashboardIcon;
 exports.Dialog_exports = Dialog_exports;
+exports.DiscourserLogo = DiscourserLogo;
 exports.Drawer_exports = Drawer_exports;
 exports.GripDotsVerticalIcon = GripDotsVerticalIcon;
 exports.Group_exports = Group_exports;
-exports.Heading = Heading;
+exports.Header = Header;
+exports.HelpIcon = HelpIcon;
 exports.IconButton = IconButton;
 exports.Icon_exports = Icon_exports;
 exports.Input = Input;
 exports.InputAddon = InputAddon;
 exports.InputGroup = InputGroup2;
+exports.NavigationMenu = NavigationMenu;
+exports.NotebookIcon = NotebookIcon;
 exports.Popover_exports = Popover_exports;
 exports.Progress_exports = Progress_exports;
 exports.RadioGroup_exports = RadioGroup_exports;
+exports.RightArrowIcon = RightArrowIcon;
 exports.ScenarioCard = ScenarioCard;
+exports.ScenarioIcon = ScenarioIcon;
 exports.ScenarioQueue = ScenarioQueue;
+exports.ScenarioSettings = ScenarioSettings;
 exports.Select_exports = Select_exports;
 exports.Skeleton_exports = Skeleton_exports;
 exports.Slider_exports = Slider_exports;
@@ -1346,5 +2147,5 @@ exports.Tooltip_exports = Tooltip_exports;
 exports.difficultyColorMap = difficultyColorMap;
 exports.difficultyLabel = difficultyLabel;
 exports.toaster = toaster;
-//# sourceMappingURL=chunk-UNWXE6UB.cjs.map
-//# sourceMappingURL=chunk-UNWXE6UB.cjs.map
+//# sourceMappingURL=chunk-2P7Z5PVP.cjs.map
+//# sourceMappingURL=chunk-2P7Z5PVP.cjs.map