@veritone-ce/design-system 2.0.1 → 2.0.3

package/dist/esm-next/Alert/index.js

@@ -23,8 +23,7 @@ const defaultMessageText = {
   warning: `Your action is required. `,
   error: `An error has occurred. `
 };
-const Alert = (props) => {
-  const severity = props.severity ?? "success";
+const Alert = ({ severity = "success", ...props }) => {
   const label = props.label ?? defaultMessageLabel[severity];
   const text = props.text ?? defaultMessageText[severity];
   const icon = iconVariants[severity];

package/dist/esm-next/Alert/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"alert":"vt_ce_Alert_alert__34ce19c5","alert-stripe":"vt_ce_Alert_alertStripe__34ce19c5","alert-icon":"vt_ce_Alert_alertIcon__34ce19c5","alert-content":"vt_ce_Alert_alertContent__34ce19c5","alert-label":"vt_ce_Alert_alertLabel__34ce19c5","alert-text":"vt_ce_Alert_alertText__34ce19c5","spacer":"vt_ce_Alert_spacer__34ce19c5","alert-action":"vt_ce_Alert_alertAction__34ce19c5","alert-close":"vt_ce_Alert_alertClose__34ce19c5"};
+var modules_efc4e723 = {"alert":"vt_ce_Alert_alert__014c1660","alert-stripe":"vt_ce_Alert_alertStripe__014c1660","alert-icon":"vt_ce_Alert_alertIcon__014c1660","alert-content":"vt_ce_Alert_alertContent__014c1660","alert-label":"vt_ce_Alert_alertLabel__014c1660","alert-text":"vt_ce_Alert_alertText__014c1660","spacer":"vt_ce_Alert_spacer__014c1660","alert-action":"vt_ce_Alert_alertAction__014c1660","alert-close":"vt_ce_Alert_alertClose__014c1660"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Button/index.js

@@ -9,31 +9,38 @@ import '../styles/defaultTheme.js';
 import '@mui/system';
 import '../styles/styled.js';
 
-const Button = forwardRef((props, ref) => {
-  const variant = props.variant ?? "primary";
-  const variantCn = modules_efc4e723[variant];
-  const size = props.size ?? "large";
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref,
-      "data-size": size,
-      "data-loading": props.loading ?? false,
-      disabled: props.loading || props.disabled,
-      "data-destructive": props.destructive ?? false,
-      onClick: props.onClick,
-      style: props.style,
-      className: cx(modules_efc4e723["button"], variantCn, props.className),
-      children: [
-        props.loading && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["loading-container"], children: /* @__PURE__ */ jsx(CircularProgress, { size: "1.4em", color: "inherit" }) }),
-        /* @__PURE__ */ jsxs("span", { className: modules_efc4e723["inner-container"], children: [
-          props.startIcon && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["button-icon"], children: props.startIcon }),
-          /* @__PURE__ */ jsx("span", { children: props.children }),
-          props.endIcon && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["button-icon"], children: props.endIcon })
-        ] })
-      ]
-    }
-  );
-});
+const Button = forwardRef(
+  ({
+    variant = "primary",
+    size = "large",
+    disabled = false,
+    loading = false,
+    destructive = false,
+    ...props
+  }, ref) => {
+    const variantCn = modules_efc4e723[variant];
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        "data-size": size,
+        "data-loading": loading,
+        disabled: loading || disabled,
+        "data-destructive": destructive,
+        onClick: props.onClick,
+        style: props.style,
+        className: cx(modules_efc4e723["button"], variantCn, props.className),
+        children: [
+          loading && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["loading-container"], children: /* @__PURE__ */ jsx(CircularProgress, { size: "1.4em", color: "inherit" }) }),
+          /* @__PURE__ */ jsxs("span", { className: modules_efc4e723["inner-container"], children: [
+            props.startIcon && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["button-icon"], children: props.startIcon }),
+            /* @__PURE__ */ jsx("span", { children: props.children }),
+            props.endIcon && /* @__PURE__ */ jsx("span", { className: modules_efc4e723["button-icon"], children: props.endIcon })
+          ] })
+        ]
+      }
+    );
+  }
+);
 
 export { Button as default };

package/dist/esm-next/Button/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"button":"vt_ce_Button_button__259ca507","primary":"vt_ce_Button_primary__259ca507","secondary":"vt_ce_Button_secondary__259ca507","tertiary":"vt_ce_Button_tertiary__259ca507","inner-container":"vt_ce_Button_innerContainer__259ca507","loading-container":"vt_ce_Button_loadingContainer__259ca507","button-icon":"vt_ce_Button_buttonIcon__259ca507"};
+var modules_efc4e723 = {"button":"vt_ce_Button_button__0b5bf02c","primary":"vt_ce_Button_primary__0b5bf02c","secondary":"vt_ce_Button_secondary__0b5bf02c","tertiary":"vt_ce_Button_tertiary__0b5bf02c","inner-container":"vt_ce_Button_innerContainer__0b5bf02c","loading-container":"vt_ce_Button_loadingContainer__0b5bf02c","button-icon":"vt_ce_Button_buttonIcon__0b5bf02c"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Checkbox/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"checkbox":"vt_ce_Checkbox_checkbox__504048e5","checkbox-svg-path":"vt_ce_Checkbox_checkboxSvgPath__504048e5","passthrough-label-container":"vt_ce_Checkbox_passthroughLabelContainer__504048e5","invisible-checkbox":"vt_ce_Checkbox_invisibleCheckbox__504048e5","visible-label":"vt_ce_Checkbox_visibleLabel__504048e5","icon-container":"vt_ce_Checkbox_iconContainer__504048e5"};
+var modules_efc4e723 = {"checkbox":"vt_ce_Checkbox_checkbox__b74b16bc","checkbox-svg-path":"vt_ce_Checkbox_checkboxSvgPath__b74b16bc","passthrough-label-container":"vt_ce_Checkbox_passthroughLabelContainer__b74b16bc","invisible-checkbox":"vt_ce_Checkbox_invisibleCheckbox__b74b16bc","visible-label":"vt_ce_Checkbox_visibleLabel__b74b16bc","icon-container":"vt_ce_Checkbox_iconContainer__b74b16bc"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Dialog/components.js

@@ -11,6 +11,7 @@ import '@mui/system';
 import '../styles/styled.js';
 import Button from '../Button/index.js';
 import Typography from '../Typography/index.js';
+import IconButton from '../IconButton/index.js';
 
 const Dialog = React.forwardRef(function Dialog2({
   children,
@@ -19,6 +20,7 @@ const Dialog = React.forwardRef(function Dialog2({
   className,
   overlayStyle,
   overlayClassName,
+  lockScroll = true,
   ...options
 }, propRef) {
   const dialog = useDialog(options);
@@ -30,7 +32,7 @@ const Dialog = React.forwardRef(function Dialog2({
       {
         style: overlayStyle,
         className: cx(modules_efc4e723["dialog-overlay"], overlayClassName),
-        lockScroll: true,
+        lockScroll,
         children: /* @__PURE__ */ jsx(FloatingFocusManager, { context: dialog.context, children: /* @__PURE__ */ jsx(
           "div",
           {
@@ -48,6 +50,19 @@ const Dialog = React.forwardRef(function Dialog2({
   }
   return /* @__PURE__ */ jsx(DialogContext.Provider, { value: dialog, children: content });
 });
+const DialogStart = React.forwardRef(
+  function DialogStart2({ children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        className: cx(modules_efc4e723["dialog-start"], props.className),
+        children
+      }
+    );
+  }
+);
 const DialogContent = React.forwardRef(function DialogContent2({ children, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -59,29 +74,45 @@ const DialogContent = React.forwardRef(function DialogContent2({ children, ...pr
     }
   );
 });
-const DialogHeading = React.forwardRef(function DialogHeading2({ children, ...props }, ref) {
+const DialogEnd = React.forwardRef(
+  function DialogEnd2({ children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        className: cx(modules_efc4e723["dialog-end"], props.className),
+        children
+      }
+    );
+  }
+);
+const DialogTitle = React.forwardRef(function DialogTitle2({ children, ...props }, ref) {
   const { setLabelId } = useDialogContext();
   const id = React.useId();
   React.useLayoutEffect(() => {
     setLabelId(id);
     return () => setLabelId(void 0);
   }, [id, setLabelId]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(DialogStart, { children: /* @__PURE__ */ jsx(
     Typography,
     {
       variant: "h4",
+      color: "primary",
       ref,
       id,
-      className: cx(modules_efc4e723["dialog-heading"], props.className),
+      ...props,
+      className: cx(modules_efc4e723["dialog-title"], props.className),
       children
     }
-  );
+  ) });
 });
 const DialogTypography = React.forwardRef(function DialogTypography2({ children, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     Typography,
     {
       variant: "paragraph2",
+      color: "primary",
       ...props,
       ref,
       className: cx(modules_efc4e723["dialog-typography"], props.className),
@@ -96,10 +127,20 @@ const DialogDescription = React.forwardRef(function DialogDescription2({ childre
     setDescriptionId(id);
     return () => setDescriptionId(void 0);
   }, [id, setDescriptionId]);
-  return /* @__PURE__ */ jsx(DialogTypography, { ...props, ref, id, children });
+  return /* @__PURE__ */ jsx(
+    DialogTypography,
+    {
+      variant: "paragraph2",
+      color: "primary",
+      ...props,
+      ref,
+      id,
+      children
+    }
+  );
 });
 const DialogActions = React.forwardRef(function DialogActions2({ children, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(DialogEnd, { children: /* @__PURE__ */ jsx(
     "div",
     {
       ...props,
@@ -107,24 +148,36 @@ const DialogActions = React.forwardRef(function DialogActions2({ children, ...pr
       className: cx(modules_efc4e723["dialog-actions"], props.className),
       children
     }
+  ) });
+});
+const DialogCloseButton = React.forwardRef(function DialogCloseButton2(props, ref) {
+  const { dismiss } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "tertiary",
+      ...props,
+      ref,
+      onClick: (e) => {
+        dismiss();
+        props.onClick?.(e);
+      }
+    }
   );
 });
-const DialogClose = React.forwardRef(
-  function DialogClose2(props, ref) {
-    const { dismiss } = useDialogContext();
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "secondary",
-        ...props,
-        ref,
-        onClick: (e) => {
-          dismiss();
-          props.onClick?.(e);
-        }
+const DialogCloseIconButton = React.forwardRef(function DialogCloseIconButton2(props, ref) {
+  const { dismiss } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      ...props,
+      ref,
+      onClick: (e) => {
+        dismiss();
+        props.onClick?.(e);
       }
-    );
-  }
-);
+    }
+  );
+});
 
-export { DialogActions, DialogClose, DialogContent, DialogDescription, DialogHeading, DialogTypography, Dialog as default };
+export { DialogActions, DialogCloseButton, DialogCloseIconButton, DialogContent, DialogDescription, DialogEnd, DialogStart, DialogTitle, DialogTypography, Dialog as default };

package/dist/esm-next/Dialog/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"dialog-overlay":"vt_ce_Dialog_dialogOverlay__4b764cfb","dialog":"vt_ce_Dialog_dialog__4b764cfb","dialog-heading":"vt_ce_Dialog_dialogHeading__4b764cfb","dialog-content":"vt_ce_Dialog_dialogContent__4b764cfb","dialog-typography":"vt_ce_Dialog_dialogTypography__4b764cfb","dialog-actions":"vt_ce_Dialog_dialogActions__4b764cfb"};
+var modules_efc4e723 = {"dialog-overlay":"vt_ce_Dialog_dialogOverlay__b0e50c90","dialog":"vt_ce_Dialog_dialog__b0e50c90","dialog-start":"vt_ce_Dialog_dialogStart__b0e50c90","dialog-end":"vt_ce_Dialog_dialogEnd__b0e50c90","dialog-content":"vt_ce_Dialog_dialogContent__b0e50c90","dialog-title":"vt_ce_Dialog_dialogTitle__b0e50c90","dialog-typography":"vt_ce_Dialog_dialogTypography__b0e50c90","dialog-actions":"vt_ce_Dialog_dialogActions__b0e50c90"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Drawer/components.js

@@ -0,0 +1,183 @@
+'use strict';
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useMergeRefs, FloatingPortal, FloatingOverlay, FloatingFocusManager } from '@floating-ui/react';
+import modules_efc4e723 from './styles.module.scss.js';
+import { useDrawer, DrawerContext, useDrawerContext } from './state.js';
+import { cx } from '../styles/cx.js';
+import '../styles/defaultTheme.js';
+import '@mui/system';
+import '../styles/styled.js';
+import Button from '../Button/index.js';
+import Typography from '../Typography/index.js';
+import IconButton from '../IconButton/index.js';
+
+const Drawer = React.forwardRef(function Drawer2({
+  children,
+  portalEl,
+  style,
+  className,
+  overlayStyle,
+  overlayClassName,
+  lockScroll = true,
+  ...options
+}, propRef) {
+  const drawer = useDrawer(options);
+  const ref = useMergeRefs([drawer.context.refs.setFloating, propRef]);
+  let content = null;
+  if (drawer.context.open) {
+    content = /* @__PURE__ */ jsx(FloatingPortal, { root: portalEl, children: /* @__PURE__ */ jsx(
+      FloatingOverlay,
+      {
+        style: overlayStyle,
+        className: cx(modules_efc4e723["drawer-overlay"], overlayClassName),
+        lockScroll,
+        children: /* @__PURE__ */ jsx(FloatingFocusManager, { context: drawer.context, children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            "aria-labelledby": drawer.labelId,
+            "aria-describedby": drawer.descriptionId,
+            ...drawer.getFloatingProps(),
+            style,
+            className: cx(modules_efc4e723["drawer"], className),
+            children
+          }
+        ) })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: drawer, children: content });
+});
+const DrawerStart = React.forwardRef(
+  function DrawerStart2({ children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        className: cx(modules_efc4e723["drawer-start"], props.className),
+        children
+      }
+    );
+  }
+);
+const DrawerContent = React.forwardRef(function DrawerContent2({ children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      ref,
+      className: cx(modules_efc4e723["drawer-content"], props.className),
+      children
+    }
+  );
+});
+const DrawerEnd = React.forwardRef(
+  function DrawerEnd2({ children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        className: cx(modules_efc4e723["drawer-end"], props.className),
+        children
+      }
+    );
+  }
+);
+const DrawerTitle = React.forwardRef(function DrawerTitle2({ children, ...props }, ref) {
+  const { setLabelId } = useDrawerContext();
+  const id = React.useId();
+  React.useLayoutEffect(() => {
+    setLabelId(id);
+    return () => setLabelId(void 0);
+  }, [id, setLabelId]);
+  return /* @__PURE__ */ jsx(DrawerStart, { children: /* @__PURE__ */ jsx(
+    Typography,
+    {
+      variant: "title",
+      ref,
+      id,
+      color: "primary",
+      ...props,
+      className: cx(modules_efc4e723["drawer-title"], props.className),
+      children
+    }
+  ) });
+});
+const DrawerTypography = React.forwardRef(function DrawerTypography2({ children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Typography,
+    {
+      variant: "paragraph2",
+      color: "primary",
+      ...props,
+      ref,
+      className: cx(modules_efc4e723["drawer-typography"], props.className),
+      children
+    }
+  );
+});
+const DrawerDescription = React.forwardRef(function DrawerDescription2({ children, ...props }, ref) {
+  const { setDescriptionId } = useDrawerContext();
+  const id = React.useId();
+  React.useLayoutEffect(() => {
+    setDescriptionId(id);
+    return () => setDescriptionId(void 0);
+  }, [id, setDescriptionId]);
+  return /* @__PURE__ */ jsx(
+    DrawerTypography,
+    {
+      variant: "paragraph2",
+      color: "primary",
+      ...props,
+      ref,
+      id,
+      children
+    }
+  );
+});
+const DrawerActions = React.forwardRef(function DrawerActions2({ children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DrawerEnd, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      ref,
+      className: cx(modules_efc4e723["drawer-actions"], props.className),
+      children
+    }
+  ) });
+});
+const DrawerCloseButton = React.forwardRef(function DrawerCloseButton2(props, ref) {
+  const { dismiss } = useDrawerContext();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "tertiary",
+      ...props,
+      ref,
+      onClick: (e) => {
+        dismiss();
+        props.onClick?.(e);
+      }
+    }
+  );
+});
+const DrawerCloseIconButton = React.forwardRef(function DrawerCloseIconButton2(props, ref) {
+  const { dismiss } = useDrawerContext();
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      ...props,
+      ref,
+      onClick: (e) => {
+        dismiss();
+        props.onClick?.(e);
+      }
+    }
+  );
+});
+
+export { DrawerActions, DrawerCloseButton, DrawerCloseIconButton, DrawerContent, DrawerDescription, DrawerEnd, DrawerStart, DrawerTitle, DrawerTypography, Drawer as default };

package/dist/esm-next/Drawer/factory.js

@@ -0,0 +1,14 @@
+'use strict';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import Drawer from './components.js';
+
+function createDrawerComponent({ portalEl }) {
+  return forwardRef(
+    function ScopedDrawer(props, ref) {
+      return /* @__PURE__ */ jsx(Drawer, { portalEl, ref, ...props });
+    }
+  );
+}
+
+export { createDrawerComponent };

package/dist/esm-next/Drawer/state.js

@@ -0,0 +1,40 @@
+'use strict';
+'use client';
+import * as React from 'react';
+import { useFloating, useDismiss, useRole, useInteractions } from '@floating-ui/react';
+
+function useDrawer({ open, onDismiss: dismissDrawer }) {
+  const [labelId, setLabelId] = React.useState();
+  const [descriptionId, setDescriptionId] = React.useState();
+  const data = useFloating({
+    open,
+    onOpenChange: (newOpen) => !newOpen && dismissDrawer()
+  });
+  const context = data.context;
+  const dismiss = useDismiss(context, { outsidePressEvent: "mousedown" });
+  const role = useRole(context);
+  const interactions = useInteractions([dismiss, role]);
+  return React.useMemo(
+    () => ({
+      open,
+      dismiss: dismissDrawer,
+      ...interactions,
+      ...data,
+      labelId,
+      descriptionId,
+      setLabelId,
+      setDescriptionId
+    }),
+    [open, dismissDrawer, interactions, data, labelId, descriptionId]
+  );
+}
+const DrawerContext = React.createContext(null);
+const useDrawerContext = () => {
+  const context = React.useContext(DrawerContext);
+  if (context == null) {
+    throw new Error("Drawer components must be wrapped in <Drawer />");
+  }
+  return context;
+};
+
+export { DrawerContext, useDrawer, useDrawerContext };

package/dist/esm-next/Drawer/styles.module.scss.js

@@ -0,0 +1,3 @@
+var modules_efc4e723 = {"drawer-overlay":"vt_ce_Drawer_drawerOverlay__02bed79d","drawer":"vt_ce_Drawer_drawer__02bed79d","drawer-start":"vt_ce_Drawer_drawerStart__02bed79d","drawer-end":"vt_ce_Drawer_drawerEnd__02bed79d","drawer-content":"vt_ce_Drawer_drawerContent__02bed79d","drawer-title":"vt_ce_Drawer_drawerTitle__02bed79d","drawer-typography":"vt_ce_Drawer_drawerTypography__02bed79d","drawer-actions":"vt_ce_Drawer_drawerActions__02bed79d"};
+
+export { modules_efc4e723 as default };

package/dist/esm-next/Input/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"input":"vt_ce_Input_input__4620481b","label":"vt_ce_Input_label__4620481b","inner-input-container":"vt_ce_Input_innerInputContainer__4620481b","inner-input":"vt_ce_Input_innerInput__4620481b","input-icon":"vt_ce_Input_inputIcon__4620481b","help-label":"vt_ce_Input_helpLabel__4620481b","error-label":"vt_ce_Input_errorLabel__4620481b"};
+var modules_efc4e723 = {"input":"vt_ce_Input_input__b1641fef","label":"vt_ce_Input_label__b1641fef","inner-input-container":"vt_ce_Input_innerInputContainer__b1641fef","inner-input":"vt_ce_Input_innerInput__b1641fef","input-icon":"vt_ce_Input_inputIcon__b1641fef","help-label":"vt_ce_Input_helpLabel__b1641fef","error-label":"vt_ce_Input_errorLabel__b1641fef"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Menu/controlled.js

@@ -89,6 +89,7 @@ function Menu({
       children: /* @__PURE__ */ jsx(
         "div",
         {
+          "data-testid": "menu",
           ref: refs.setFloating,
           tabIndex: 0,
           "aria-labelledby": anchor?.id || props.anchorId,

package/dist/esm-next/Menu/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"menu":"vt_ce_Menu_menu__bd4e93dd","option":"vt_ce_Menu_option__bd4e93dd","option-icon":"vt_ce_Menu_optionIcon__bd4e93dd","option-label":"vt_ce_Menu_optionLabel__bd4e93dd"};
+var modules_efc4e723 = {"menu":"vt_ce_Menu_menu__5d29505b","option":"vt_ce_Menu_option__5d29505b","option-icon":"vt_ce_Menu_optionIcon__5d29505b","option-label":"vt_ce_Menu_optionLabel__5d29505b"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/RadioButton/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"radio":"vt_ce_RadioButton_radio__16b9e3d4","radio-circle-outer":"vt_ce_RadioButton_radioCircleOuter__16b9e3d4","radio-circle-inner":"vt_ce_RadioButton_radioCircleInner__16b9e3d4","passthrough-label-container":"vt_ce_RadioButton_passthroughLabelContainer__16b9e3d4","invisible-radio":"vt_ce_RadioButton_invisibleRadio__16b9e3d4","visible-label":"vt_ce_RadioButton_visibleLabel__16b9e3d4","icon-container":"vt_ce_RadioButton_iconContainer__16b9e3d4"};
+var modules_efc4e723 = {"radio":"vt_ce_RadioButton_radio__2b107241","radio-circle-outer":"vt_ce_RadioButton_radioCircleOuter__2b107241","radio-circle-inner":"vt_ce_RadioButton_radioCircleInner__2b107241","passthrough-label-container":"vt_ce_RadioButton_passthroughLabelContainer__2b107241","invisible-radio":"vt_ce_RadioButton_invisibleRadio__2b107241","visible-label":"vt_ce_RadioButton_visibleLabel__2b107241","icon-container":"vt_ce_RadioButton_iconContainer__2b107241"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Select/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"select":"vt_ce_Select_select__b9f77002","label":"vt_ce_Select_label__b9f77002","inner-input-container":"vt_ce_Select_innerInputContainer__b9f77002","inner-input":"vt_ce_Select_innerInput__b9f77002","select-icon":"vt_ce_Select_selectIcon__b9f77002","help-label":"vt_ce_Select_helpLabel__b9f77002","error-label":"vt_ce_Select_errorLabel__b9f77002"};
+var modules_efc4e723 = {"select":"vt_ce_Select_select__269cb8d6","label":"vt_ce_Select_label__269cb8d6","inner-input-container":"vt_ce_Select_innerInputContainer__269cb8d6","inner-input":"vt_ce_Select_innerInput__269cb8d6","select-icon":"vt_ce_Select_selectIcon__269cb8d6","help-label":"vt_ce_Select_helpLabel__269cb8d6","error-label":"vt_ce_Select_errorLabel__269cb8d6"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Textarea/index.js

@@ -30,6 +30,7 @@ const Textarea = forwardRef(
                   placeholder: props.placeholder,
                   value: props.value,
                   rows: props.rows,
+                  onChange: props.onChange,
                   disabled: props.disabled,
                   className: modules_efc4e723["inner-textarea"]
                 }

package/dist/esm-next/Textarea/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"textarea":"vt_ce_Textarea_textarea__c4cfba0d","label":"vt_ce_Textarea_label__c4cfba0d","inner-textarea-container":"vt_ce_Textarea_innerTextareaContainer__c4cfba0d","inner-textarea":"vt_ce_Textarea_innerTextarea__c4cfba0d","help-label":"vt_ce_Textarea_helpLabel__c4cfba0d","error-label":"vt_ce_Textarea_errorLabel__c4cfba0d"};
+var modules_efc4e723 = {"textarea":"vt_ce_Textarea_textarea__8ff9396f","label":"vt_ce_Textarea_label__8ff9396f","inner-textarea-container":"vt_ce_Textarea_innerTextareaContainer__8ff9396f","inner-textarea":"vt_ce_Textarea_innerTextarea__8ff9396f","help-label":"vt_ce_Textarea_helpLabel__8ff9396f","error-label":"vt_ce_Textarea_errorLabel__8ff9396f"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Tooltip/index.js

@@ -1,7 +1,7 @@
 'use strict';
 'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useFloating, shift, flip, arrow, useRole, useHover, safePolygon, useFocus, useDismiss, useInteractions, FloatingArrow } from '@floating-ui/react';
+import { useFloating, offset, inline, flip, shift, arrow, autoUpdate, useRole, useHover, safePolygon, useFocus, useDismiss, useInteractions, FloatingArrow } from '@floating-ui/react';
 import React__default from 'react';
 import modules_efc4e723 from './styles.module.scss.js';
 import { defaultThemeCssVariableUsages } from '../styles/defaultTheme.js';
@@ -17,12 +17,15 @@ function Tooltip({ placement = "bottom", ...props }) {
     onOpenChange: setIsOpen,
     placement,
     middleware: [
-      shift(),
+      offset(10),
+      inline(),
       flip(),
+      shift(),
       arrow({
         element: arrowRef
       })
-    ]
+    ],
+    whileElementsMounted: autoUpdate
   });
   const role = useRole(context, { role: "tooltip" });
   const hover = useHover(context, {
@@ -39,7 +42,16 @@ function Tooltip({ placement = "bottom", ...props }) {
     dismiss
   ]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { role: "tooltip", ref: refs.setReference, ...getReferenceProps(), children: props.children }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        role: "tooltip",
+        ref: refs.setReference,
+        ...getReferenceProps(),
+        className: modules_efc4e723["tooltip-anchor"],
+        children: props.children
+      }
+    ),
     isOpen && /* @__PURE__ */ jsxs(
       "div",
       {

package/dist/esm-next/Tooltip/styles.module.scss.js

@@ -1,3 +1,3 @@
-var modules_efc4e723 = {"tooltip-body":"vt_ce_Tooltip_tooltipBody__0dd82f81"};
+var modules_efc4e723 = {"tooltip-anchor":"vt_ce_Tooltip_tooltipAnchor__86070564","tooltip-body":"vt_ce_Tooltip_tooltipBody__86070564"};
 
 export { modules_efc4e723 as default };

package/dist/esm-next/Typography/index.js

@@ -20,6 +20,10 @@ const Typography = forwardRef(
   }
 );
 const variantComponents = {
+  title: "h1",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
   h4: "h4",
   label: "span",
   paragraph1: "p",

package/dist/esm-next/Typography/variants.module.scss.js

@@ -1,3 +1,3 @@
-var modules_b5c3b63b = {"t-h4":"vt_ce_Typography_tH4__b98e9794","t-label":"vt_ce_Typography_tLabel__b98e9794","t-paragraph1":"vt_ce_Typography_tParagraph1__b98e9794","t-paragraph2":"vt_ce_Typography_tParagraph2__b98e9794","t-paragraph3":"vt_ce_Typography_tParagraph3__b98e9794","t-button":"vt_ce_Typography_tButton__b98e9794","t-buttonSmall":"vt_ce_Typography_tButtonSmall__b98e9794","c-primary":"vt_ce_Typography_cPrimary__b98e9794","c-secondary":"vt_ce_Typography_cSecondary__b98e9794","c-tertiary":"vt_ce_Typography_cTertiary__b98e9794","c-disabled":"vt_ce_Typography_cDisabled__b98e9794"};
+var modules_b5c3b63b = {"t-title":"vt_ce_Typography_tTitle__f1637072","t-h1":"vt_ce_Typography_tH1__f1637072","t-h2":"vt_ce_Typography_tH2__f1637072","t-h3":"vt_ce_Typography_tH3__f1637072","t-h4":"vt_ce_Typography_tH4__f1637072","t-label":"vt_ce_Typography_tLabel__f1637072","t-paragraph1":"vt_ce_Typography_tParagraph1__f1637072","t-paragraph2":"vt_ce_Typography_tParagraph2__f1637072","t-paragraph3":"vt_ce_Typography_tParagraph3__f1637072","t-button":"vt_ce_Typography_tButton__f1637072","t-buttonSmall":"vt_ce_Typography_tButtonSmall__f1637072","c-primary":"vt_ce_Typography_cPrimary__f1637072","c-secondary":"vt_ce_Typography_cSecondary__f1637072","c-tertiary":"vt_ce_Typography_cTertiary__f1637072","c-disabled":"vt_ce_Typography_cDisabled__f1637072"};
 
 export { modules_b5c3b63b as default };