@ultraviolet/ui 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/components/Dialog/components/Button.cjs

@@ -1,17 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../../Button/index.cjs");
-const Context = require("../Context.cjs");
-const DialogButton = ({
-  children,
-  onClick,
-  disabled,
-  tooltip,
-  style
-}) => {
-  const context = Context.useDialogContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Button, { disabled, onClick, sentiment: context.sentiment, style, tooltip, children });
-};
-exports.DialogButton = DialogButton;

package/dist/components/Dialog/components/Buttons.cjs

@@ -1,13 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../../Stack/index.cjs");
-const DialogButtons = ({
-  secondaryButton,
-  primaryButton
-}) => /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", gap: 2, justifyContent: "end", children: [
-  secondaryButton,
-  primaryButton
-] });
-exports.DialogButtons = DialogButtons;

package/dist/components/Dialog/components/CancelButton.cjs

@@ -1,12 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../../Button/index.cjs");
-const DialogCancelButton = ({
-  children,
-  onClick,
-  disabled,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsx(index.Button, { disabled, onClick, sentiment: "neutral", style, variant: "outlined", children });
-exports.DialogCancelButton = DialogCancelButton;

package/dist/components/Dialog/components/Stack.cjs

@@ -1,10 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../../Stack/index.cjs");
-const DialogStack = ({
-  children,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: 3, style, children });
-exports.DialogStack = DialogStack;

package/dist/components/Dialog/components/Text.cjs

@@ -1,10 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../../Text/index.cjs");
-const DialogText = ({
-  children,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", sentiment: "neutral", style, variant: "body", children });
-exports.DialogText = DialogText;

package/dist/components/Dialog/index.cjs

@@ -1,60 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const react = require("react");
-const index$1 = require("../Bullet/index.cjs");
-const index = require("../Modal/index.cjs");
-const index$2 = require("../Text/index.cjs");
-const Context = require("./Context.cjs");
-const Button = require("./components/Button.cjs");
-const Buttons = require("./components/Buttons.cjs");
-const CancelButton = require("./components/CancelButton.cjs");
-const Stack = require("./components/Stack.cjs");
-const Text = require("./components/Text.cjs");
-const styles_css = require("./styles.css.cjs");
-const DIALOG_SIZE = "xsmall";
-const BaseDialog = ({
-  ariaLabel,
-  className,
-  children,
-  "data-testid": dataTestId,
-  disclosure,
-  hideOnClickOutside,
-  hideOnEsc,
-  id,
-  isClosable,
-  onBeforeClose,
-  onClose,
-  open,
-  placement,
-  sentiment,
-  title,
-  style
-}) => {
-  const headerContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Bullet, { sentiment, children: sentiment === "warning" || sentiment === "danger" ? /* @__PURE__ */ jsxRuntime.jsx(Icon.AlertCircleIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icon.CheckIcon, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "h2", className: styles_css.dialogTitle, sentiment: "neutral", variant: "headingSmallStronger", children: title })
-  ] });
-  const contextValue = react.useMemo(() => ({
-    sentiment
-  }), [sentiment]);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Modal, { ariaLabel, className: `${className ? `${className} ` : ""}${styles_css.dialogXsmall}`, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, size: DIALOG_SIZE, style, children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxRuntime.jsxs(Context.DialogContext.Provider, { value: contextValue, children: [
-    headerContent,
-    children(modalProps)
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Context.DialogContext.Provider, { value: contextValue, children: [
-    headerContent,
-    children
-  ] }) });
-};
-const Dialog = Object.assign(BaseDialog, {
-  Button: Button.DialogButton,
-  Buttons: Buttons.DialogButtons,
-  CancelButton: CancelButton.DialogCancelButton,
-  Stack: Stack.DialogStack,
-  Text: Text.DialogText,
-  useDialogContext: Context.useDialogContext
-});
-exports.BaseDialog = BaseDialog;
-exports.Dialog = Dialog;

package/dist/components/Dialog/styles.css.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var dialogTitle = "uv_1tghqbr0";
-var dialogXsmall = "uv_1tghqbr1";
-exports.dialogTitle = dialogTitle;
-exports.dialogXsmall = dialogXsmall;

package/dist/components/Drawer/index.cjs

@@ -1,56 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../Modal/index.cjs");
-const index$2 = require("../Separator/index.cjs");
-const index$1 = require("../Stack/index.cjs");
-const index$3 = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const DrawerContent = ({
-  children
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.drawerContent, children });
-const BaseDrawer = ({
-  size = "medium",
-  onClose,
-  open = false,
-  header,
-  footer,
-  disclosure,
-  children,
-  ariaLabel,
-  className,
-  "data-testid": dataTestId,
-  hideOnClickOutside,
-  hideOnEsc,
-  id,
-  isClosable,
-  separator = true,
-  noPadding = false,
-  style
-}) => {
-  const computeHeader = (modalProps) => {
-    if (typeof header === "string") {
-      return /* @__PURE__ */ jsxRuntime.jsx(index$3.Text, { as: "h2", className: styles_css.drawerHeader, prominence: "default", sentiment: "neutral", variant: "headingSmallStrong", children: header });
-    }
-    if (typeof header === "function") {
-      return /* @__PURE__ */ jsxRuntime.jsx(index$3.Text, { as: "h2", className: styles_css.drawerHeader, prominence: "default", sentiment: "neutral", variant: "headingSmallStrong", children: header(modalProps) });
-    }
-    return header;
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Modal, { ariaLabel, backdropClassName: "backdrop-drawer", className: `${className ? `${className} ` : ""}${styles_css.drawer[size]}`, "data-size": size, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onClose, open, placement: "top-right", size, style, children: (modalProps) => {
-    const content = typeof children === "function" ? children(modalProps) : children;
-    return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { className: styles_css.drawerContentWrapper, gap: 2, children: [
-      computeHeader(modalProps),
-      separator ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Separator, {}) : null,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.drawerChildrenWrapper, children: noPadding ? content : /* @__PURE__ */ jsxRuntime.jsx(DrawerContent, { children: content }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Stack, { className: styles_css.drawerFooter, children: typeof footer === "function" ? footer(modalProps) : footer })
-    ] });
-  } });
-};
-const Drawer = Object.assign(BaseDrawer, {
-  Content: DrawerContent
-});
-exports.BaseDrawer = BaseDrawer;
-exports.Drawer = Drawer;
-exports.DrawerContent = DrawerContent;

package/dist/components/Drawer/styles.css.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                                                       */
-;/* empty css                                   */
-;/* empty css                            */
-var drawer = { small: "uv_1iezf7y3", medium: "uv_1iezf7y4", large: "uv_1iezf7y5" };
-var drawerContentWrapper = "uv_1iezf7y6";
-var drawerChildrenWrapper = "uv_1iezf7y7";
-var drawerContent = "uv_1iezf7y8";
-var drawerHeader = "uv_1iezf7y9";
-var drawerFooter = "uv_1iezf7ya";
-exports.drawer = drawer;
-exports.drawerChildrenWrapper = drawerChildrenWrapper;
-exports.drawerContent = drawerContent;
-exports.drawerContentWrapper = drawerContentWrapper;
-exports.drawerFooter = drawerFooter;
-exports.drawerHeader = drawerHeader;

package/dist/components/EmptyState/index.cjs

@@ -1,42 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index$2 = require("../Link/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$1 = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const EmptyState = ({
-  image,
-  title,
-  size = "large",
-  description,
-  primaryButton,
-  secondaryButton,
-  learnMore,
-  className,
-  bordered,
-  children,
-  "data-testid": dataTestId,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { className: `${className ? `${className} ` : ""}${styles_css.emptyStateContainer({
-  bordered,
-  size
-})}`, "data-testid": dataTestId, style, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", className: styles_css.paddedStack, gap: size === "small" ? 2 : 3, justifyContent: "center", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", gap: 2, justifyContent: "center", children: [
-    image && typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "", className: styles_css.emptyStateImage[size], src: image }) : image,
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", gap: 0.5, children: [
-      title ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "h2", placement: "center", prominence: "strong", sentiment: "neutral", variant: size === "small" ? "bodyStrong" : "headingSmall", children: title }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", placement: "center", sentiment: "neutral", variant: size === "small" ? "bodySmall" : "body", children: description })
-    ] })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", gap: 2, justifyContent: "center", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", gap: 2, children: [
-      secondaryButton,
-      primaryButton
-    ] }),
-    learnMore?.text ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Link, { href: learnMore.link, iconPosition: "right", size: size === "small" ? "small" : void 0, target: learnMore.target, children: learnMore.text }) : null
-  ] }),
-  children
-] }) });
-exports.EmptyState = EmptyState;

package/dist/components/EmptyState/styles.css.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var emptyStateContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a1urqq0", variantClassNames: { size: { small: "uv_a1urqq1", medium: "uv_a1urqq2", large: "uv_a1urqq3" }, bordered: { true: "uv_a1urqq4" } }, defaultVariants: { bordered: false, size: "large" }, compoundVariants: [] });
-var paddedStack = "uv_a1urqq5";
-var emptyStateImage = { small: "uv_a1urqq6", medium: "uv_a1urqq7", large: "uv_a1urqq8" };
-exports.emptyStateContainer = emptyStateContainer;
-exports.emptyStateImage = emptyStateImage;
-exports.paddedStack = paddedStack;

package/dist/components/Expandable/index.cjs

@@ -1,108 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const styles_css = require("./styles.css.cjs");
-const ANIMATION_DURATION = 300;
-const NoAnimationExpandable = ({
-  children,
-  opened,
-  minHeight,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className, "data-testid": dataTestId, style: {
-  display: !opened ? "none" : void 0,
-  minHeight,
-  ...style
-}, children });
-const AnimatedExpandable = ({
-  children,
-  opened,
-  minHeight = 0,
-  className,
-  "data-testid": dataTestId,
-  style,
-  animationDuration = ANIMATION_DURATION
-}) => {
-  const [height, setHeight] = react.useState(null);
-  const transitionTimer = react.useRef(null);
-  const ref = react.useRef(null);
-  const shouldBeAnimated = animationDuration > 0;
-  const isFirstRender = react.useRef(true);
-  react.useEffect(() => {
-    setTimeout(() => {
-      if (isFirstRender.current) {
-        isFirstRender.current = false;
-      }
-    }, 0);
-  }, []);
-  react.useEffect(() => {
-    if (ref.current) {
-      setHeight(ref.current.scrollHeight ?? 0);
-    }
-  }, [ref.current?.scrollHeight]);
-  react.useEffect(() => {
-    if (isFirstRender.current && !opened && ref.current) {
-      ref.current.style.maxHeight = `${minHeight ?? 0}px`;
-      ref.current.style.overflow = "hidden";
-    } else if (opened && ref.current && height) {
-      ref.current.style.maxHeight = `${height}px`;
-      ref.current.style.visibility = "";
-      transitionTimer.current = setTimeout(() => {
-        if (ref.current) {
-          ref.current.style.maxHeight = "initial";
-          ref.current.style.overflow = "visible";
-          ref.current.style.visibility = "";
-        }
-      }, ANIMATION_DURATION);
-    } else {
-      if (transitionTimer?.current) {
-        clearTimeout(transitionTimer.current);
-      }
-      if (ref.current && height) {
-        ref.current.style.maxHeight = `${height}px`;
-        transitionTimer.current = setTimeout(() => {
-          if (ref.current) {
-            ref.current.style.maxHeight = `${minHeight}px`;
-            ref.current.style.overflow = "hidden";
-            setTimeout(() => {
-              if (ref.current && !minHeight) {
-                ref.current.style.visibility = "hidden";
-              }
-            }, ANIMATION_DURATION);
-          }
-        }, 0);
-      }
-    }
-    return () => {
-      if (transitionTimer?.current) {
-        clearTimeout(transitionTimer.current);
-      }
-    };
-  }, [animationDuration, height, minHeight, opened, shouldBeAnimated]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.expandable}`, "data-is-animated": shouldBeAnimated && !isFirstRender.current, "data-testid": dataTestId, ref, style: {
-    ...dynamic.assignInlineVars({
-      [styles_css.animationDurationVar]: `${animationDuration}ms`
-    }),
-    ...style
-  }, children });
-};
-const Expandable = ({
-  children,
-  opened,
-  minHeight,
-  className,
-  "data-testid": dataTestId,
-  animationDuration = ANIMATION_DURATION,
-  style
-}) => {
-  if (animationDuration > 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(AnimatedExpandable, { animationDuration, className, "data-testid": dataTestId, minHeight, opened, style, children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(NoAnimationExpandable, { className, "data-testid": dataTestId, minHeight, opened, style, children });
-};
-exports.AnimatedExpandable = AnimatedExpandable;
-exports.Expandable = Expandable;

package/dist/components/Expandable/styles.css.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var animationDurationVar = "var(--uv_mlltm90)";
-var expandable = "uv_mlltm91";
-exports.animationDurationVar = animationDurationVar;
-exports.expandable = expandable;

package/dist/components/ExpandableCard/components/Title.cjs

@@ -1,13 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("../../Text/index.cjs");
-const ExpandableCardTitle = ({
-  as,
-  size = "medium",
-  children,
-  disabled,
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: as ?? "h2", disabled, sentiment: "neutral", style, variant: size === "medium" ? "bodyStrong" : "headingSmallStrong", children });
-exports.ExpandableCardTitle = ExpandableCardTitle;

package/dist/components/ExpandableCard/index.cjs

@@ -1,114 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const themes = require("@ultraviolet/themes");
-const react = require("react");
-const index = require("../Stack/index.cjs");
-const index$1 = require("../Tooltip/index.cjs");
-const Title = require("./components/Title.cjs");
-const styles_css = require("./styles.css.cjs");
-const BaseExpandableCard = react.forwardRef(({
-  header,
-  name,
-  size = "medium",
-  children,
-  disabled,
-  expanded,
-  onToggleExpand,
-  className,
-  draggable,
-  value,
-  draggableTooltip = "Click and drag to move",
-  onDrop,
-  index: index$2,
-  onKeyDown,
-  "data-testid": dataTestId,
-  open,
-  style
-}, ref) => {
-  const headerRef = react.useRef(null);
-  const containerRef = react.useRef(null);
-  const draggableRef = react.useRef(null);
-  const draggableFirstRef = react.useRef(null);
-  const [isHovered, setIsHovered] = react.useState(false);
-  const [clicking, setClicking] = react.useState(false);
-  const theme = themes.useTheme();
-  const handleMouseEnter = () => {
-    setIsHovered(true);
-  };
-  const handleMouseLeave = () => {
-    setIsHovered(false);
-  };
-  const onDragStart = react.useCallback((event) => {
-    event.dataTransfer.setData("text/plain", JSON.stringify({
-      value
-    }));
-  }, [value]);
-  const onDragEnd = react.useCallback(() => setClicking(false), []);
-  const onDrag = react.useCallback((event, borderColor, isFirst) => {
-    const refElement = isFirst ? draggableFirstRef : draggableRef;
-    event.preventDefault();
-    if (refElement.current) {
-      refElement.current.style.borderColor = borderColor;
-    }
-  }, []);
-  const handleDrop = react.useCallback((event, isFirst) => {
-    event.preventDefault();
-    if (draggableRef.current) {
-      draggableRef.current.style.borderColor = "transparent";
-    }
-    if (event?.dataTransfer) {
-      const data = JSON.parse(event.dataTransfer.getData("text"));
-      onDrop?.(isFirst ? "" : value, data.value ?? "");
-    }
-  }, [onDrop, value]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { className: styles_css.stackClass, "data-draggable": draggable, "data-name": name, "data-value": value, direction: "row", draggable, gap: 2, onDragEnd, onDragStart, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: containerRef, style, width: "100%", children: [
-    draggable ? /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { className: styles_css.dragIconContainer, "data-testid": `draggable-icon-${value}`, "data-visible": isHovered, justifyContent: "center", onKeyDown: (event) => {
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        if (clicking && containerRef.current) {
-          setClicking(false);
-          setIsHovered(false);
-        } else if (containerRef.current) {
-          setClicking(true);
-          setIsHovered(true);
-        }
-      }
-      if (clicking) {
-        onKeyDown?.(event);
-      }
-    }, onMouseDown: () => setClicking(true), onMouseUp: () => setClicking(false), children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$1.Tooltip,
-      {
-        text: draggableTooltip,
-        visible: clicking ? false : void 0,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.DragIcon, { disabled, prominence: clicking ? "strong" : "weak", sentiment: "neutral", size: "small" })
-      }
-    ) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs("details", { className: `${className ? `${className} ` : ""}${styles_css.detailsClass}`, "data-clicking": clicking, "data-testid": dataTestId, name, open: open ?? expanded, ref, tabIndex: disabled ? -1 : void 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: styles_css.summaryClass, "data-disabled": !!disabled, "data-testid": dataTestId ? `${dataTestId}-summary` : void 0, onClick: (event) => {
-        if (disabled || onToggleExpand) {
-          onToggleExpand?.();
-          event.preventDefault();
-        }
-      }, onKeyDown: onToggleExpand ? (event) => {
-        if (event.key === " " && event.target === headerRef.current) {
-          onToggleExpand();
-          event.preventDefault();
-        }
-      } : void 0, ref: headerRef, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowDownIcon, { className: styles_css.arrowIcon, disabled, sentiment: "neutral" }),
-        typeof header === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Title.ExpandableCardTitle, { disabled, size, children: header }) : header
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.content, children })
-    ] }, clicking ? "closed" : "open"),
-    draggable && index$2 === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.dropableArea, "data-first": true, onDragLeave: (event) => onDrag(event, "transparent", true), onDragOver: (event) => onDrag(event, theme.colors.primary.border, true), onDrop: (event) => handleDrop(event, true), ref: draggableFirstRef }) : null,
-    draggable ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.dropableArea, "data-testid": `${value}-dropable-area`, onDragLeave: (event) => onDrag(event, "transparent"), onDragOver: (event) => onDrag(event, theme.colors.primary.border), onDrop: handleDrop, ref: draggableRef }) : null
-  ] });
-});
-const ExpandableCard = Object.assign(BaseExpandableCard, {
-  Title: Title.ExpandableCardTitle
-});
-exports.ExpandableCard = ExpandableCard;

package/dist/components/ExpandableCard/styles.css.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var arrowIcon = "uv_jd0jfn0";
-var dropableArea = "uv_jd0jfn1";
-var summaryClass = "uv_jd0jfn2";
-var content = "uv_jd0jfn3";
-var detailsClass = "uv_jd0jfn4";
-var stackClass = "uv_jd0jfn5";
-var dragIconContainer = "uv_jd0jfn6";
-exports.arrowIcon = arrowIcon;
-exports.content = content;
-exports.detailsClass = detailsClass;
-exports.dragIconContainer = dragIconContainer;
-exports.dropableArea = dropableArea;
-exports.stackClass = stackClass;
-exports.summaryClass = summaryClass;

package/dist/components/GlobalAlert/GlobalAlertLink.cjs

@@ -1,25 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const themes = require("@ultraviolet/themes");
-const index = require("../Link/index.cjs");
-const GlobalAlertLink = ({
-  children,
-  href,
-  target,
-  download,
-  rel,
-  className,
-  onClick,
-  "aria-label": ariaLabel,
-  oneLine = false,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const {
-    theme
-  } = themes.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Link, { "aria-label": ariaLabel, className, "data-testid": dataTestId, download, href, onClick, oneLine, prominence: theme === "light" ? "strong" : "stronger", rel, size: "small", style, target, variant: "inline", children });
-};
-exports.GlobalAlertLink = GlobalAlertLink;

package/dist/components/GlobalAlert/index.cjs

@@ -1,39 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const react = require("react");
-const index$2 = require("../Button/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$1 = require("../Text/index.cjs");
-const GlobalAlertLink = require("./GlobalAlertLink.cjs");
-const styles_css = require("./styles.css.cjs");
-const GlobalAlert = ({
-  children,
-  variant = "info",
-  onClose,
-  closable = true,
-  buttonText,
-  onClickButton,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const [opened, toggleOpened] = react.useReducer((value) => !value, true);
-  if (!opened) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", className: `${className ? `${className} ` : ""}${styles_css.container[variant]}`, "data-testid": dataTestId, "data-variant": variant, direction: "row", justifyContent: "center", style, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction: "row", gap: 2, justifyContent: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", sentiment: "white", variant: "bodySmall", children }),
-      onClickButton && buttonText ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { onClick: onClickButton, sentiment: "white", size: "small", variant: "filled", children: buttonText }) : null
-    ] }),
-    closable ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { className: styles_css.closeButton, onClick: () => {
-      toggleOpened();
-      onClose?.();
-    }, sentiment: "primary", size: "xsmall", variant: "filled", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseIcon, {}) }) : null
-  ] });
-};
-GlobalAlert.Link = GlobalAlertLink.GlobalAlertLink;
-exports.GlobalAlert = GlobalAlert;

package/dist/components/GlobalAlert/styles.css.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var closeButton = "uv_1dgk2tq0";
-var container = { info: "uv_1dgk2tq2 uv_1dgk2tq1", danger: "uv_1dgk2tq3 uv_1dgk2tq1", promotional: "uv_1dgk2tq4 uv_1dgk2tq1" };
-exports.closeButton = closeButton;
-exports.container = container;