@wavv/ui 2.2.2 → 2.2.4

package/build/assets/icons/Checkbox.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-function Checkbox_Checkbox(props) {
+function Checkbox(props) {
     return /*#__PURE__*/ jsx("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
@@ -11,5 +11,5 @@ function Checkbox_Checkbox(props) {
         })
     });
 }
-const Checkbox = Checkbox_Checkbox;
-export { Checkbox as default };
+const icons_Checkbox = Checkbox;
+export { icons_Checkbox as default };

package/build/assets/icons/Exclamation.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const Exclamation_Exclamation = (props)=>/*#__PURE__*/ jsxs("svg", {
+const Exclamation = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -21,5 +21,5 @@ const Exclamation_Exclamation = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const Exclamation = Exclamation_Exclamation;
-export { Exclamation as default };
+const icons_Exclamation = Exclamation;
+export { icons_Exclamation as default };

package/build/assets/icons/PersonSupport.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const PersonSupport: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default PersonSupport;

package/build/assets/icons/PersonSupport.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const PersonSupport = (props)=>/*#__PURE__*/ jsxs("svg", {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M20 22.5001C20 20.7433 19.4221 19.0461 18.3717 17.6626",
+                stroke: "currentColor",
+                strokeWidth: 1.5,
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16.584 7.49998C15.8124 5.73409 14.0503 4.5 12 4.5C10.0209 4.5 8.31036 5.64984 7.5 7.31792",
+                stroke: "currentColor",
+                strokeWidth: 1.5,
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M4 22.4999C4 20.3781 4.84286 18.3433 6.34315 16.843C7.84344 15.3428 9.87827 14.4999 12 14.4999M12 14.4999C13.576 14.4999 14.9818 13.7707 15.8982 12.6313M12 14.4999C10.6013 14.4999 9.33675 13.9256 8.42928 12.9999",
+                stroke: "currentColor",
+                strokeWidth: 1.5,
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M5 7.79996H7.33333C7.74589 7.79996 8.14155 7.94746 8.43328 8.21C8.725 8.47255 8.88889 8.82865 8.88889 9.19995V11.2999C8.88889 11.6712 8.725 12.0273 8.43328 12.2899C8.14155 12.5524 7.74589 12.6999 7.33333 12.6999H6.55556C6.143 12.6999 5.74733 12.5524 5.45561 12.2899C5.16389 12.0273 5 11.6712 5 11.2999V7.79996ZM5 7.79996C5 6.97263 5.18106 6.15341 5.53284 5.38907C5.88463 4.62472 6.40024 3.93022 7.05025 3.34521C7.70026 2.76021 8.47194 2.29616 9.32122 1.97956C10.1705 1.66295 11.0807 1.5 12 1.5C12.9193 1.5 13.8295 1.66295 14.6788 1.97956C15.5281 2.29616 16.2997 2.76021 16.9497 3.34521C17.5998 3.93022 18.1154 4.62472 18.4672 5.38907C18.8189 6.15341 19 6.97263 19 7.79996M19 7.79996V11.2999M19 7.79996H16.6667C16.2541 7.79996 15.8584 7.94746 15.5667 8.21C15.275 8.47255 15.1111 8.82865 15.1111 9.19995V11.2999C15.1111 11.6712 15.275 12.0273 15.5667 12.2899C15.8584 12.5524 16.2541 12.6999 16.6667 12.6999H17.4444C17.857 12.6999 18.2527 12.5524 18.5444 12.2899C18.8361 12.0273 19 11.6712 19 11.2999M19 11.2999V12.6999C19 13.4425 18.5383 14.6547 17.9548 15.1798C17.3714 15.7049 16.3251 16.4999 15.5 16.4999H14.2451",
+                stroke: "currentColor",
+                strokeWidth: 1.5,
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        ]
+    });
+const icons_PersonSupport = PersonSupport;
+export { icons_PersonSupport as default };

package/build/assets/icons/PhoneEnd.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const PhoneEnd_PhoneEnd = (props)=>/*#__PURE__*/ jsxs("svg", {
+const PhoneEnd = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -24,5 +24,5 @@ const PhoneEnd_PhoneEnd = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const PhoneEnd = PhoneEnd_PhoneEnd;
-export { PhoneEnd as default };
+const icons_PhoneEnd = PhoneEnd;
+export { icons_PhoneEnd as default };

package/build/assets/icons/PhoneForward.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const PhoneForward_PhoneForward = (props)=>/*#__PURE__*/ jsxs("svg", {
+const PhoneForward = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -18,5 +18,5 @@ const PhoneForward_PhoneForward = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const PhoneForward = PhoneForward_PhoneForward;
-export { PhoneForward as default };
+const icons_PhoneForward = PhoneForward;
+export { icons_PhoneForward as default };

package/build/assets/icons/PhoneHold.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const PhoneHold_PhoneHold = (props)=>/*#__PURE__*/ jsxs("svg", {
+const PhoneHold = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -18,5 +18,5 @@ const PhoneHold_PhoneHold = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const PhoneHold = PhoneHold_PhoneHold;
-export { PhoneHold as default };
+const icons_PhoneHold = PhoneHold;
+export { icons_PhoneHold as default };

package/build/assets/icons/Record.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-function Record_Record(props) {
+function Record(props) {
     return /*#__PURE__*/ jsx("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
@@ -14,5 +14,5 @@ function Record_Record(props) {
         })
     });
 }
-const Record = Record_Record;
-export { Record as default };
+const icons_Record = Record;
+export { icons_Record as default };

package/build/assets/icons/ShieldWavv.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const ShieldWavv_ShieldWavv = (props)=>/*#__PURE__*/ jsxs("svg", {
+const ShieldWavv = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -26,5 +26,5 @@ const ShieldWavv_ShieldWavv = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const ShieldWavv = ShieldWavv_ShieldWavv;
-export { ShieldWavv as default };
+const icons_ShieldWavv = ShieldWavv;
+export { icons_ShieldWavv as default };

package/build/components/Accordion/Header.js

@@ -8,7 +8,7 @@ import isPropAllowed from "../helpers/isPropAllowed.js";
 import { paddingProps } from "../helpers/styledProps.js";
 import Icon from "../Icon/index.js";
 import AriaButton from "../Inputs/helpers/AriaButton.js";
-const Header_Header = ({ children, triggerIconPosition = 'right', background, title, iconLeft, iconRight, ...props })=>{
+const Header = ({ children, triggerIconPosition = 'right', background, title, iconLeft, iconRight, ...props })=>{
     const triggerRef = useRef(null);
     return /*#__PURE__*/ jsxs(HeaderContainer, {
         onClick: ()=>triggerRef.current?.click(),
@@ -81,6 +81,6 @@ const Content = styled.div({
     alignItems: 'center',
     flexGrow: 1
 });
-Header_Header.displayName = 'Accordion.Header';
-const Header = Header_Header;
-export { Header as default };
+Header.displayName = 'Accordion.Header';
+const Accordion_Header = Header;
+export { Accordion_Header as default };

package/build/components/Audio.js

@@ -5,7 +5,7 @@ import Button from "./Button/index.js";
 import { marginProps } from "./helpers/styledProps.js";
 import Slider from "./Slider.js";
 import Waveform from "./Waveform.js";
-const Audio_Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tiny, iconOnly, buttonProps, collapsed, hideSliderOnStop, hideTimeOnStop, hideCurrentTime, fontSizeTitle, fontSizeTime, fallbackDuration, waveform, onPlay, onPause, onStop, ref, ...rest })=>{
+const Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tiny, iconOnly, buttonProps, collapsed, hideSliderOnStop, hideTimeOnStop, hideCurrentTime, fontSizeTitle, fontSizeTime, fallbackDuration, waveform, onPlay, onPause, onStop, ref, ...rest })=>{
     const [isPlaying, setIsPlaying] = useState(false);
     const [isCleared, setIsCleared] = useState(true);
     const [progress, setProgress] = useState(0);
@@ -244,5 +244,5 @@ const Data = styled.div(({ theme, secondary, fontSize })=>({
         color: secondary ? theme.scale6 : theme.scale10,
         fontSize: fontSize || 10
     }), marginProps);
-const Audio = Audio_Audio;
-export { Audio as default };
+const components_Audio = Audio;
+export { components_Audio as default };

package/build/components/CalendarParts/CalendarHeader.js

@@ -6,7 +6,7 @@ import { range } from "es-toolkit";
 import Icon from "../Icon/index.js";
 import AriaButton from "../Inputs/helpers/AriaButton.js";
 import Select from "../Select.js";
-const CalendarHeader_CalendarHeader = ({ date, setDate })=>{
+const CalendarHeader = ({ date, setDate })=>{
     const { calendar } = useTheme();
     const months = [
         {
@@ -142,5 +142,5 @@ const NavButton = styled(AriaButton)(({ theme })=>({
             cursor: 'not-allowed'
         }
     }));
-const CalendarHeader = CalendarHeader_CalendarHeader;
-export { CalendarHeader as default };
+const CalendarParts_CalendarHeader = CalendarHeader;
+export { CalendarParts_CalendarHeader as default };

package/build/components/CalendarParts/useMinMax.js

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { getNow, getObjFromDate } from "./utils.js";
 const now = getNow();
-const useMinMax_useMinMax = ({ past, future })=>{
+const useMinMax = ({ past, future })=>{
     const min = useMemo(()=>{
         if (true === past) return now;
         if (past instanceof Date) return getObjFromDate(past);
@@ -19,5 +19,5 @@ const useMinMax_useMinMax = ({ past, future })=>{
         max
     };
 };
-const useMinMax = useMinMax_useMinMax;
-export { useMinMax as default };
+const CalendarParts_useMinMax = useMinMax;
+export { CalendarParts_useMinMax as default };

package/build/components/Code/Code.js

@@ -7,7 +7,7 @@ import { Highlight, themes } from "prism-react-renderer";
 import { marginProps } from "../helpers/styledProps.js";
 import Copy from "./Copy.js";
 import Endpoint from "./Endpoint.js";
-const Code_Code = ({ children, code, className: metaData, lang: langProp, lineHighlights: lineHighlightsProp, noNumbers: noNumbersProp, margin, marginTop, marginBottom, marginRight, marginLeft })=>{
+const Code = ({ children, code, className: metaData, lang: langProp, lineHighlights: lineHighlightsProp, noNumbers: noNumbersProp, margin, marginTop, marginBottom, marginRight, marginLeft })=>{
     const { name: themeName } = useTheme();
     const rest = {
         margin,
@@ -113,5 +113,5 @@ const LineNumber = styled.span(({ theme })=>({
         color: theme.scale6,
         userSelect: 'none'
     }));
-const Code = Code_Code;
-export { Code as default };
+const Code_Code = Code;
+export { Code_Code as default };

package/build/components/Code/Endpoint.js

@@ -32,7 +32,7 @@ const getStyles = (method, theme)=>{
             };
     }
 };
-const Endpoint_Endpoint = ({ method, url })=>{
+const Endpoint = ({ method, url })=>{
     const theme = useTheme();
     const styles = getStyles(method.toUpperCase(), theme);
     return /*#__PURE__*/ jsxs(Container, {
@@ -78,5 +78,5 @@ const Url = styled.div(({ theme })=>({
         fontSize: theme.font.size.lg,
         padding: theme.size.md
     }));
-const Endpoint = Endpoint_Endpoint;
-export { Endpoint as default };
+const Code_Endpoint = Endpoint;
+export { Code_Endpoint as default };

package/build/components/CommandMenu/CommandMenu.js

@@ -10,7 +10,7 @@ import InputContainerStyles from "../Inputs/helpers/InputContainerStyles.js";
 import InputStyles from "../Inputs/helpers/InputStyles.js";
 import ListStyles from "../ListHelpers/ListStyles.js";
 import CommandOptions from "./CommandOptions.js";
-const CommandMenu_CommandMenu = ({ options, inputProps, modalProps, triggerRef, position, offset, open, onChange, setOpen, ...props })=>{
+const CommandMenu = ({ options, inputProps, modalProps, triggerRef, position, offset, open, onChange, setOpen, ...props })=>{
     const [search, setSearch] = useState('');
     const listRef = useRef(null);
     const scrollId = useRef(null);
@@ -132,5 +132,5 @@ const Overlay = styled(ModalOverlay)(({ overlayColor, overlayBlur = true, zIndex
         backgroundColor: overlayColor || 'rgba(0, 0, 0, 0.2)',
         backdropFilter: overlayBlur ? `blur(${'number' == typeof overlayBlur ? overlayBlur : 4}px)` : 'none'
     }));
-const CommandMenu = CommandMenu_CommandMenu;
-export { CommandMenu as default };
+const CommandMenu_CommandMenu = CommandMenu;
+export { CommandMenu_CommandMenu as default };

package/build/components/CommandMenu/CommandSection.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { Command } from "cmdk";
-const CommandSection_CommandSection = ({ id, title, children })=>/*#__PURE__*/ jsx(Section, {
+const CommandSection = ({ id, title, children })=>/*#__PURE__*/ jsx(Section, {
         id: id,
         heading: title,
         children: children
@@ -15,5 +15,5 @@ const Section = styled(Command.Group)(({ theme })=>({
             pointerEvents: 'none'
         }
     }));
-const CommandSection = CommandSection_CommandSection;
-export { CommandSection as default };
+const CommandMenu_CommandSection = CommandSection;
+export { CommandMenu_CommandSection as default };

package/build/components/Dot.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import { marginProps, positionProps } from "./helpers/styledProps.js";
-const Dot_Dot = ({ children, type, color, size = 'tiny', ...props })=>{
+const Dot = ({ children, type, color, size = 'tiny', ...props })=>{
     const theme = useTheme();
     let dotColor = color || theme.color.brand;
     let dotSize = size;
@@ -56,5 +56,5 @@ const StyledDot = styled.div(({ theme: { font, scale10 }, color, size, textColor
         fontSize: font.size.sm,
         color: textColor || scale10
     }), marginProps, positionProps);
-const Dot = Dot_Dot;
-export { Dot as default };
+const components_Dot = Dot;
+export { components_Dot as default };

package/build/components/DraftEditor.js

@@ -5,7 +5,7 @@ import { isEqual } from "es-toolkit/predicate";
 import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { createStateWithContent, getEntities, getFocusStateAtEnd, getPastedState, getRawState, hasMissingEntities, insertFieldEntity } from "./draftUtils.js";
 import { Description, InputContainer, InputWrapper, Label, isInputFilled, useInputFocus } from "./InputHelpers.js";
-const DraftEditor_DraftEditor = ({ value, onChange, onEnterKey, onFocus, onBlur, mergeFields = [], placeholder = 'Text...', description, invalid, width, height, maxHeight, noPadding = false, readOnly = false, displayMergedValues = false, color, overflow, clampLines, label, disabled, borderRadius, backgroundColor, fontSize, textOnly, margin, marginLeft, marginRight, marginTop, marginBottom, ref, className, ...rest })=>{
+const DraftEditor = ({ value, onChange, onEnterKey, onFocus, onBlur, mergeFields = [], placeholder = 'Text...', description, invalid, width, height, maxHeight, noPadding = false, readOnly = false, displayMergedValues = false, color, overflow, clampLines, label, disabled, borderRadius, backgroundColor, fontSize, textOnly, margin, marginLeft, marginRight, marginTop, marginBottom, ref, className, ...rest })=>{
     const [editorState, setEditorState] = useState(()=>createStateWithContent(value, mergeFields, displayMergedValues));
     const { focused, handleFocus, handleBlur } = useInputFocus(onFocus, onBlur);
     const [missingField, setMissingField] = useState(false);
@@ -184,5 +184,5 @@ const EditorContainer = styled(InputContainer)(({ theme, height, noPadding, disa
         }
     };
 });
-const DraftEditor = DraftEditor_DraftEditor;
-export { DraftEditor as default };
+const components_DraftEditor = DraftEditor;
+export { components_DraftEditor as default };

package/build/components/Dropdown.js

@@ -10,7 +10,7 @@ import GridListItem from "./ListBoxParts/GridListItem.js";
 import GridListSection from "./ListHelpers/GridListSection.js";
 import ListStyles from "./ListHelpers/ListStyles.js";
 import MotionPopover from "./MotionPopover.js";
-const Dropdown_Dropdown = ({ children, before, after, open, label, placeholder = 'Select', options = [], width, height, value, defaultValue, loading, hideCaret, color, disabled, readOnly, placeholderColor, fontSize, fontWeight, description, errorMessage, position, backgroundColor, menuBackground, iconLeft, leftElement, rightElement, onChange, onOpenChange, afterShow, afterHide, ...props })=>{
+const Dropdown = ({ children, before, after, open, label, placeholder = 'Select', options = [], width, height, value, defaultValue, loading, hideCaret, color, disabled, readOnly, placeholderColor, fontSize, fontWeight, description, errorMessage, position, backgroundColor, menuBackground, iconLeft, leftElement, rightElement, onChange, onOpenChange, afterShow, afterHide, ...props })=>{
     const [isOpen, handleOpenChange] = useControlledOpenState({
         open,
         onOpenChange,
@@ -124,7 +124,7 @@ const InputWrapper = styled(AriaButton)(({ theme: { input }, isDisabled, backgro
     }));
 const MenuContainer = styled.div(ListStyles);
 const Item = GridListItem;
-const Dropdown = Object.assign(Dropdown_Dropdown, {
+const components_Dropdown = Object.assign(Dropdown, {
     Item
 });
-export { Dropdown as default };
+export { components_Dropdown as default };

package/build/components/DropdownMenuParts/MenuOptions.js

@@ -4,7 +4,7 @@ import { Menu } from "react-aria-components";
 import ListSection from "../ListHelpers/ListSection.js";
 import ListStyles, { preventProps } from "../ListHelpers/ListStyles.js";
 import MenuItem from "./MenuItem.js";
-const MenuOptions_MenuOptions = ({ options, children, autoWidth, itemProps, width, ref, before, after, menuBackground, ...props })=>/*#__PURE__*/ jsxs(MenuContainer, {
+const MenuOptions = ({ options, children, autoWidth, itemProps, width, ref, before, after, menuBackground, ...props })=>/*#__PURE__*/ jsxs(MenuContainer, {
         autoWidth: autoWidth,
         width: width,
         background: menuBackground,
@@ -43,5 +43,5 @@ const MenuOptions_MenuOptions = ({ options, children, autoWidth, itemProps, widt
         ]
     });
 const MenuContainer = styled('div', preventProps)(ListStyles);
-const MenuOptions = MenuOptions_MenuOptions;
-export { MenuOptions as default };
+const DropdownMenuParts_MenuOptions = MenuOptions;
+export { DropdownMenuParts_MenuOptions as default };

package/build/components/DropdownSelect.js

@@ -35,7 +35,7 @@ const filterOptions = (options, searchTerm)=>{
         return acc;
     }, []);
 };
-const DropdownSelect_DropdownSelect = ({ label, options, width, search, onChange, ...props })=>{
+const DropdownSelect = ({ label, options, width, search, onChange, ...props })=>{
     const [selected, setSelected] = useState(new Set());
     const [isOpen, setIsOpen] = useState(false);
     const [searchVal, setSearchVal] = useState('');
@@ -167,5 +167,5 @@ const Empty = styled.div(({ theme })=>({
         paddingTop: 4,
         paddingBottom: 8
     }));
-const DropdownSelect = DropdownSelect_DropdownSelect;
-export { Label, DropdownSelect as default };
+const components_DropdownSelect = DropdownSelect;
+export { Label, components_DropdownSelect as default };

package/build/components/Editor/RichTextToolbar.js

@@ -9,7 +9,7 @@ import { marginProps } from "../helpers/styledProps.js";
 import Icon from "../Icon/index.js";
 import Popover from "../Popover.js";
 import { getEditorCharacterCount } from "./editorUtils.js";
-const RichTextToolbar_RichTextToolbar = ({ editor, insertField, mergeFields, maxLength })=>{
+const RichTextToolbar = ({ editor, insertField, mergeFields, maxLength })=>{
     const { accent, editor: { highlight } } = useTheme();
     const [showMergeFields, setShowMergeFields] = useState(false);
     const [isListsOpen, setIsListsOpen] = useState(false);
@@ -511,5 +511,5 @@ const RemoveHighlightButton = styled.button(({ theme })=>({
             outlineOffset: 2
         }
     }));
-const RichTextToolbar = RichTextToolbar_RichTextToolbar;
-export { RichTextToolbar as default };
+const Editor_RichTextToolbar = RichTextToolbar;
+export { Editor_RichTextToolbar as default };

package/build/components/Focusable.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { useRef } from "react";
 import { useFocusable } from "react-aria";
-const Focusable_Focusable = ({ children, ref, ...props })=>{
+const Focusable = ({ children, ref, ...props })=>{
     const backupRef = useRef(null);
     const determinedRef = ref || backupRef;
     const { focusableProps } = useFocusable(props, determinedRef);
@@ -16,5 +16,5 @@ const Focusable_Focusable = ({ children, ref, ...props })=>{
 const Trigger = styled.span({
     display: 'grid'
 });
-const Focusable = Focusable_Focusable;
-export { Focusable as default };
+const components_Focusable = Focusable;
+export { components_Focusable as default };

package/build/components/Form.js

@@ -6,7 +6,7 @@ import { marginProps } from "./helpers/styledProps.js";
 import Label from "./Label.js";
 import Radio from "./Radio.js";
 import Toggle from "./Toggle.js";
-const Form_Form = ({ children, rows, columns, rowGap, columnGap, onSubmit, ...rest })=>{
+const Form = ({ children, rows, columns, rowGap, columnGap, onSubmit, ...rest })=>{
     const handleSubmit = (event)=>{
         event.preventDefault();
         if (onSubmit) onSubmit(event);
@@ -22,7 +22,7 @@ const Form_Form = ({ children, rows, columns, rowGap, columnGap, onSubmit, ...re
         children: children
     });
 };
-Form_Form.Group = ({ children, rows, columns, rowGap, columnGap, disabled, ...rest })=>/*#__PURE__*/ jsx(FormGroup, {
+Form.Group = ({ children, rows, columns, rowGap, columnGap, disabled, ...rest })=>/*#__PURE__*/ jsx(FormGroup, {
         rows: rows,
         columns: columns,
         rowGap: rowGap,
@@ -31,17 +31,17 @@ Form_Form.Group = ({ children, rows, columns, rowGap, columnGap, disabled, ...re
         ...rest,
         children: children
     });
-Form_Form.Field = ({ children, inline, align, disabled, ...props })=>/*#__PURE__*/ jsx(FormField, {
+Form.Field = ({ children, inline, align, disabled, ...props })=>/*#__PURE__*/ jsx(FormField, {
         ...props,
         inline: inline,
         align: align,
         disabled: disabled,
         children: children
     });
-Form_Form.Radio = Radio;
-Form_Form.Toggle = Toggle;
-Form_Form.Checkbox = Checkbox;
-Form_Form.Label = Label;
+Form.Radio = Radio;
+Form.Toggle = Toggle;
+Form.Checkbox = Checkbox;
+Form.Label = Label;
 const FormContainer = styled(Grid)({
     boxSizing: 'border-box'
 });
@@ -64,5 +64,5 @@ const FormField = styled.div(({ inline, align })=>{
         opacity: 0.3,
         pointerEvents: 'none'
     }, marginProps);
-const Form = Form_Form;
-export { Form as default };
+const components_Form = Form;
+export { components_Form as default };

package/build/components/Grid.js

@@ -38,7 +38,7 @@ const GridItem = styled.div(({ row, rowStart, rowEnd, column, columnStart, colum
         placeSelf,
         border
     }), paddingProps, marginProps);
-const Grid_Grid = ({ children, ...props })=>/*#__PURE__*/ jsx(StyledGrid, {
+const Grid = ({ children, ...props })=>/*#__PURE__*/ jsx(StyledGrid, {
         ...props,
         children: children
     });
@@ -47,7 +47,7 @@ const Item = ({ children, ...props })=>/*#__PURE__*/ jsx(GridItem, {
         children: children
     });
 Item.displayName = 'Grid.Item';
-const Grid = Object.assign(Grid_Grid, {
+const components_Grid = Object.assign(Grid, {
     Item
 });
-export { Item, Grid as default };
+export { Item, components_Grid as default };

package/build/components/Icon/customIcons.d.ts

@@ -8,6 +8,7 @@ declare const customIcons: {
     'caret-up': typeof CaretUp;
     dialpad: typeof Dialpad;
     exclamation: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    'person-support': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     phone: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     'phone-add': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     'phone-blocked': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/components/Icon/customIcons.js

@@ -2,6 +2,7 @@ import CaretDown from "../../assets/icons/CaretDown.js";
 import CaretUp from "../../assets/icons/CaretUp.js";
 import Dialpad from "../../assets/icons/Dialpad.js";
 import Exclamation from "../../assets/icons/Exclamation.js";
+import PersonSupport from "../../assets/icons/PersonSupport.js";
 import Phone from "../../assets/icons/Phone.js";
 import PhoneAdd from "../../assets/icons/PhoneAdd.js";
 import PhoneBlocked from "../../assets/icons/PhoneBlocked.js";
@@ -20,11 +21,12 @@ import ShieldWavv from "../../assets/icons/ShieldWavv.js";
 import Spotify from "../../assets/icons/Spotify.js";
 import SubArrow from "../../assets/icons/SubArrow.js";
 import TransferCancel from "../../assets/icons/TransferCancel.js";
-const customIcons_customIcons = {
+const customIcons = {
     'caret-down': CaretDown,
     'caret-up': CaretUp,
     dialpad: Dialpad,
     exclamation: Exclamation,
+    'person-support': PersonSupport,
     phone: Phone,
     'phone-add': PhoneAdd,
     'phone-blocked': PhoneBlocked,
@@ -44,5 +46,5 @@ const customIcons_customIcons = {
     'sub-arrow': SubArrow,
     'transfer-cancel': TransferCancel
 };
-const customIcons = customIcons_customIcons;
-export { customIcons as default };
+const Icon_customIcons = customIcons;
+export { Icon_customIcons as default };

package/build/components/Icon/icons.d.ts

@@ -2,7 +2,6 @@ declare const icons: {
     readonly 'activity-history': "id-card";
     readonly add: "plus";
     readonly 'add-circle': "circle-plus";
-    readonly 'add-person': "user-round-plus";
     readonly 'arrow-down': "arrow-down";
     readonly 'arrow-left': "arrow-left";
     readonly 'arrow-right': "arrow-right";
@@ -101,6 +100,7 @@ declare const icons: {
     readonly pause: "pause";
     readonly 'pause-circle': "circle-pause";
     readonly person: "user-round";
+    readonly 'person-add': "user-round-plus";
     readonly play: "play";
     readonly 'play-circle': "circle-play";
     readonly priority: "arrow-up-wide-narrow";

package/build/components/Icon/icons.js

@@ -2,7 +2,6 @@ const icons = {
     'activity-history': 'id-card',
     add: 'plus',
     'add-circle': 'circle-plus',
-    'add-person': 'user-round-plus',
     'arrow-down': 'arrow-down',
     'arrow-left': 'arrow-left',
     'arrow-right': 'arrow-right',
@@ -101,6 +100,7 @@ const icons = {
     pause: 'pause',
     'pause-circle': 'circle-pause',
     person: 'user-round',
+    'person-add': 'user-round-plus',
     play: 'play',
     'play-circle': 'circle-play',
     priority: 'arrow-up-wide-narrow',

package/build/components/ImageViewer.js

@@ -3,7 +3,7 @@ import styled from "@emotion/styled";
 import { useEffect, useState } from "react";
 import { useOnClickOutside } from "../hooks/index.js";
 import Icon from "./Icon/index.js";
-const ImageViewer_ImageViewer = ({ visible, close, images, startIndex, alt, maxWidth, maxHeight, opacity, ...rest })=>{
+const ImageViewer = ({ visible, close, images, startIndex, alt, maxWidth, maxHeight, opacity, ...rest })=>{
     const [currentIndex, setCurrentIndex] = useState(startIndex);
     const exclusions = [
         '#viewer-prev',
@@ -138,5 +138,5 @@ const Media = styled.img(({ maxWidth, maxHeight })=>({
         maxWidth: maxWidth || '100%',
         maxHeight: maxHeight || '100%'
     }));
-const ImageViewer = ImageViewer_ImageViewer;
-export { ImageViewer as default };
+const components_ImageViewer = ImageViewer;
+export { components_ImageViewer as default };

package/build/components/InlineCode.js

@@ -1,10 +1,10 @@
 import styled from "@emotion/styled";
-const InlineCode_InlineCode = styled.code(({ theme })=>({
+const InlineCode = styled.code(({ theme })=>({
         fontFamily: "source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace",
         color: theme.scale10,
         backgroundColor: theme.scale1,
         borderRadius: theme.size.xs,
         padding: '2px 4px'
     }));
-const InlineCode = InlineCode_InlineCode;
-export { InlineCode as default };
+const components_InlineCode = InlineCode;
+export { components_InlineCode as default };

package/build/components/Inputs/InlineInput.js

@@ -10,7 +10,7 @@ import InputContainerStyles from "./helpers/InputContainerStyles.js";
 import InputMessage from "./helpers/InputMessage.js";
 import isAcceptable from "./helpers/isAcceptable.js";
 import useDynamicWidth from "./helpers/useDynamicWidth.js";
-const InlineInput_InlineInput = ({ value, label, placeholder, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, onChange, onInput, ref, ...props })=>{
+const InlineInput = ({ value, label, placeholder, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, onChange, onInput, ref, ...props })=>{
     const [inputValue, setInputValue] = useState('');
     const [inputWidth, HiddenWidthEl] = useDynamicWidth({
         value: inputValue,
@@ -67,5 +67,5 @@ const InlineInput_InlineInput = ({ value, label, placeholder, iconLeft, iconRigh
     });
 };
 const InputContainer = styled(TextField)(InputContainerStyles);
-const InlineInput = InlineInput_InlineInput;
-export { InlineInput as default };
+const Inputs_InlineInput = InlineInput;
+export { Inputs_InlineInput as default };