@discourser/design-system 0.22.3 → 0.23.0

package/dist/{chunk-NU6GI57K.js → chunk-KQOHRIUP.js}

@@ -144,6 +144,133 @@ var InputGroup2 = Object.assign(InputGroupRoot, {
 });
 var Textarea = styled(Field.Textarea, textarea);
 var Header = styled("h2", heading);
+var Divider = forwardRef(
+  function Divider2({ label, orientation = "horizontal", className, ...props }, ref) {
+    if (orientation === "vertical") {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          role: "separator",
+          "aria-orientation": "vertical",
+          className: cx(
+            css({
+              display: "inline-flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "sm",
+              alignSelf: "stretch"
+            }),
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: css({
+                  flex: 1,
+                  width: "1px",
+                  bg: "outlineVariant"
+                })
+              }
+            ),
+            label && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: css({
+                  textStyle: "labelMedium",
+                  color: "onSurfaceVariant",
+                  userSelect: "none"
+                }),
+                children: label
+              }
+            ),
+            label && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: css({
+                  flex: 1,
+                  width: "1px",
+                  bg: "outlineVariant"
+                })
+              }
+            )
+          ]
+        }
+      );
+    }
+    if (label) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          role: "separator",
+          className: cx(
+            css({
+              display: "flex",
+              alignItems: "center",
+              gap: "sm",
+              width: "full"
+            }),
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: css({
+                  flex: 1,
+                  height: "1px",
+                  bg: "outlineVariant"
+                })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: css({
+                  textStyle: "labelMedium",
+                  color: "onSurfaceVariant",
+                  userSelect: "none"
+                }),
+                children: label
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: css({
+                  flex: 1,
+                  height: "1px",
+                  bg: "outlineVariant"
+                })
+              }
+            )
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "separator",
+        "aria-orientation": "horizontal",
+        className: cx(
+          css({
+            width: "full",
+            height: "1px",
+            bg: "outlineVariant"
+          }),
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
 var BaseBadge = styled(ark$1.div, badge);
 var Badge = forwardRef(
   function Badge2(props, ref) {
@@ -2682,6 +2809,6 @@ function ScenarioQueue({
   ] });
 }
 
-export { AbsoluteCenter_exports, Accordion_exports, AccountIcon, AddScenarioDialog, AudienceIcon, AudioSpeakerIcon, Avatar_exports, Badge, BookmarkPlusIcon, Breadcrumb_exports, Button, ButtonGroup, Card_exports, Checkbox_exports, ChevronUpIcon, ClipBoardIcon, ClockIcon, CloseButton_exports, ContentCard_exports, DashboardIcon, Dialog_exports, DiscourserLogo, Drawer_exports, ExitStudioIcon, GripDotsVerticalIcon, Group_exports, Header, HelpIcon, IconButton, Icon_exports, Input, InputAddon, InputGroup2 as InputGroup, MicrophoneIcon, NavigationMenu, NotebookIcon, NotebookPenIcon, PausePlayIcon, PlayIcon, Popover_exports, Progress_exports, RadioGroup_exports, RecordIcon, RepeatQuestionIcon, RightArrowIcon, ScenarioCard, ScenarioIcon, ScenarioQueue, ScenarioSettings, ScrollTextIcon, Select_exports, Skeleton_exports, Slider_exports, SparklesIcon, SpeechIcon, Spinner, Stepper, StopPlayIcon, Switch_exports, Tabs_exports, Textarea, TimerIcon, Toaster, Tooltip_exports, UserProfileIcon, difficultyColorMap, difficultyLabel, toaster };
-//# sourceMappingURL=chunk-NU6GI57K.js.map
-//# sourceMappingURL=chunk-NU6GI57K.js.map
+export { AbsoluteCenter_exports, Accordion_exports, AccountIcon, AddScenarioDialog, AudienceIcon, AudioSpeakerIcon, Avatar_exports, Badge, BookmarkPlusIcon, Breadcrumb_exports, Button, ButtonGroup, Card_exports, Checkbox_exports, ChevronUpIcon, ClipBoardIcon, ClockIcon, CloseButton_exports, ContentCard_exports, DashboardIcon, Dialog_exports, DiscourserLogo, Divider, Drawer_exports, ExitStudioIcon, GripDotsVerticalIcon, Group_exports, Header, HelpIcon, IconButton, Icon_exports, Input, InputAddon, InputGroup2 as InputGroup, MicrophoneIcon, NavigationMenu, NotebookIcon, NotebookPenIcon, PausePlayIcon, PlayIcon, Popover_exports, Progress_exports, RadioGroup_exports, RecordIcon, RepeatQuestionIcon, RightArrowIcon, ScenarioCard, ScenarioIcon, ScenarioQueue, ScenarioSettings, ScrollTextIcon, Select_exports, Skeleton_exports, Slider_exports, SparklesIcon, SpeechIcon, Spinner, Stepper, StopPlayIcon, Switch_exports, Tabs_exports, Textarea, TimerIcon, Toaster, Tooltip_exports, UserProfileIcon, difficultyColorMap, difficultyLabel, toaster };
+//# sourceMappingURL=chunk-KQOHRIUP.js.map
+//# sourceMappingURL=chunk-KQOHRIUP.js.map