@vertexvis/ui 0.0.15-canary.3 → 0.0.15-canary.4

package/dist/esm/{dialog-cd227673.js → dialog-e3f49527.js}

@@ -1,5 +1,5 @@
 import { c as readTask, r as registerInstance, e as createEvent, h, g as getElement } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 function readDOM(callback) {
   readTask(callback);

package/dist/esm/{draggable-popover-281d1f8c.js → draggable-popover-5f14cca5.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, c as readTask, h } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const draggablePopoverCss = "button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{position:fixed;top:0;left:0;white-space:nowrap;--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--font-family:var(--vertex-ui-font-family);--font-size:var(--vertex-ui-text-base);--drag-icon:all-scroll;--dragging-icon:all-scroll}.container{display:flex;column-gap:0.5rem;padding:0.8125rem 0.5625rem 1rem 0.625rem;background-color:var(--background-color);opacity:0.95;border-radius:0.5rem;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);color:var(--color);font-family:var(--font-family);font-size:var(--font-size)}.container:not(.dragging) .icon{cursor:var(--drag-icon)}.container.dragging{cursor:var(--dragging-icon)}.container.dragging *{user-select:none}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}";
 

package/dist/esm/{expandable-8b0d3544.js → expandable-b487cb00.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, c as readTask, h, H as Host } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const expandableCss = ":host{display:flex}.content{display:flex;flex-direction:column;transition:height 1s}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.expanded-content{overflow:hidden}.expanded-content.animated{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transform-origin:top}";
 

package/dist/esm/{icon-25a0dc1d.js → icon-a2d4cafb.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 import { g as getSvg } from './icon-helper-aa2001ba.js';
 
 const iconCss = ".container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon{display:flex;justify-content:center;align-items:center;fill:currentColor}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}svg{position:relative;width:100%}";

package/dist/esm/{icon-button-7450fac1.js → icon-button-53bc2b56.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 import { g as getSvg } from './icon-helper-aa2001ba.js';
 
 const iconButtonCss = "button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{--hover-background-color:var(--vertex-ui-neutral-300);--active-background-color:var(--vertex-ui-neutral-400);--focus-background-color:var(--vertex-ui-neutral-400);--hover-box-shadow:0 2px 2px rgb(0 0 0 / 20%);--active-box-shadow:none;--focus-box-shadow:0 0 0 1px var(--vertex-ui-neutral-900)}.container{display:flex;justify-content:center;align-items:center;outline:none;fill:currentColor;color:currentColor;cursor:pointer}.container:not(.plain){border-radius:4px;padding:0.25rem}.icon-button{display:flex;justify-content:center;align-items:center;fill:currentColor;height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.icon-button svg{width:100%;height:100%}.floating{background-color:var(--vertex-ui-neutral-100);box-shadow:var(--vertex-ui-overlay-shadow);color:var(--vertex-ui-neutral-700);fill:var(--vertex-ui-neutral-700);opacity:0.95}.floating.disabled{color:var(--vertex-ui-neutral-400);cursor:not-allowed}.container:not(.disabled):not(.plain):hover{background-color:var(--hover-background-color);box-shadow:var(--hover-box-shadow)}.container:not(.disabled):not(.plain):active{background-color:var(--active-background-color);box-shadow:var(--active-box-shadow)}.container:not(.disabled):not(.plain):focus-visible{background-color:var(--focus-background-color);box-shadow:var(--focus-box-shadow);color:var(--vertex-ui-neutral-900)}.container.disabled:not(.floating){cursor:not-allowed;color:var(--vertex-ui-neutral-400)}.container.primary:not(.disabled){color:var(--vertex-ui-blue-700)}.container.secondary:not(.disabled){color:var(--vertex-ui-neutral-800)}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}";

package/dist/esm/index-9c609209.js

@@ -0,0 +1,89 @@
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+var classnames = createCommonjsModule(function (module) {
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames () {
+		var classes = '';
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (arg) {
+				classes = appendClass(classes, parseValue(arg));
+			}
+		}
+
+		return classes;
+	}
+
+	function parseValue (arg) {
+		if (typeof arg === 'string' || typeof arg === 'number') {
+			return arg;
+		}
+
+		if (typeof arg !== 'object') {
+			return '';
+		}
+
+		if (Array.isArray(arg)) {
+			return classNames.apply(null, arg);
+		}
+
+		if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+			return arg.toString();
+		}
+
+		var classes = '';
+
+		for (var key in arg) {
+			if (hasOwn.call(arg, key) && arg[key]) {
+				classes = appendClass(classes, key);
+			}
+		}
+
+		return classes;
+	}
+
+	function appendClass (value, newClass) {
+		if (!newClass) {
+			return value;
+		}
+	
+		if (value) {
+			return value + ' ' + newClass;
+		}
+	
+		return value + newClass;
+	}
+
+	if (module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
+export { classnames as c };

package/dist/esm/index.js

@@ -1,41 +1,41 @@
 export { A as AutoResizeTextArea } from './auto-resize-textarea-ac4b5f3b.js';
-export { A as Avatar } from './avatar-30f8137d.js';
+export { A as Avatar } from './avatar-775455a5.js';
 export { A as AvatarGroup } from './avatar-group-e5ca86bf.js';
-export { B as Button } from './button-540656f6.js';
+export { B as Button } from './button-f9ac74e4.js';
 export { C as Card } from './card-1e8790aa.js';
-export { C as CardGroup } from './card-group-2ea73f8e.js';
-export { C as Chip } from './chip-d254df81.js';
-export { C as ClickToEditTextField } from './click-to-edit-text-field-52f0a723.js';
-export { C as Collapsible } from './collapsible-45546d75.js';
+export { C as CardGroup } from './card-group-4e8e0421.js';
+export { C as Chip } from './chip-4e568eee.js';
+export { C as ClickToEditTextField } from './click-to-edit-text-field-d9b27cd0.js';
+export { C as Collapsible } from './collapsible-b52960e6.js';
 export { C as ColorCircle } from './color-circle-842f3321.js';
-export { C as ColorCirclePicker } from './color-circle-picker-d4a38c07.js';
-export { C as ColorPicker } from './color-picker-50297d84.js';
+export { C as ColorCirclePicker } from './color-circle-picker-998a7e9c.js';
+export { C as ColorPicker } from './color-picker-2e3b51fa.js';
 export { C as ContextMenu } from './context-menu-12f1afe1.js';
-export { D as Dialog } from './dialog-cd227673.js';
-export { D as DraggablePopover } from './draggable-popover-281d1f8c.js';
+export { D as Dialog } from './dialog-e3f49527.js';
+export { D as DraggablePopover } from './draggable-popover-5f14cca5.js';
 export { D as DropdownMenu } from './dropdown-menu-1598ba20.js';
-export { E as Expandable } from './expandable-8b0d3544.js';
+export { E as Expandable } from './expandable-b487cb00.js';
 export { H as HelpTooltip } from './help-tooltip-c2f0d996.js';
-export { I as Icon } from './icon-25a0dc1d.js';
-export { I as IconButton } from './icon-button-7450fac1.js';
+export { I as Icon } from './icon-a2d4cafb.js';
+export { I as IconButton } from './icon-button-53bc2b56.js';
 export { L as LogoLoading } from './logo-loading-3c7fa23d.js';
-export { M as Menu } from './menu-4a98c275.js';
+export { M as Menu } from './menu-f35637ca.js';
 export { M as MenuDivider } from './menu-divider-87c888cb.js';
-export { M as MenuItem } from './menu-item-a7e29c6a.js';
-export { P as Popover } from './popover-c5aad2c2.js';
-export { R as Radio } from './radio-7b901651.js';
+export { M as MenuItem } from './menu-item-c33aa9dd.js';
+export { P as Popover } from './popover-4375db1b.js';
+export { R as Radio } from './radio-39c11ba4.js';
 export { R as RadioGroup } from './radio-group-7c35d2f0.js';
-export { R as Resizable } from './resizable-affa2b70.js';
-export { R as ResultList } from './result-list-f2a0f78b.js';
-export { S as SearchBar } from './search-bar-d1d23f50.js';
-export { S as Select } from './select-4fd51fbf.js';
-export { S as Slider } from './slider-54bba0c0.js';
-export { S as Spinner } from './spinner-7ce1d538.js';
-export { T as TextField } from './text-field-cffef5c4.js';
-export { T as Toast } from './toast-20588ad8.js';
-export { T as Toggle } from './toggle-b1535fd2.js';
-export { T as Tooltip } from './tooltip-b8a65356.js';
+export { R as Resizable } from './resizable-a147709b.js';
+export { R as ResultList } from './result-list-9c83f22a.js';
+export { S as SearchBar } from './search-bar-600fb8d9.js';
+export { S as Select } from './select-75ed5653.js';
+export { S as Slider } from './slider-dcdb388f.js';
+export { S as Spinner } from './spinner-afccea51.js';
+export { T as TextField } from './text-field-e542da25.js';
+export { T as Toast } from './toast-255648ff.js';
+export { T as Toggle } from './toggle-1fe22e4f.js';
+export { T as Tooltip } from './tooltip-e78d2c7a.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';
 import './icon-helper-aa2001ba.js';
 import './templates-51212dae.js';

package/dist/esm/{menu-4a98c275.js → menu-f35637ca.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const menuCss = ":host{--background-color:var(--vertex-ui-white);--menu-padding:0.19em 0}.root{padding:var(--menu-padding);border:1px solid var(--vertex-ui-neutral-400);border-radius:0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%),\n    0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);background-color:var(--background-color);z-index:var(--vertex-ui-context-menu-layer)}.has-header{padding-top:0}";
 

package/dist/esm/{menu-item-a7e29c6a.js → menu-item-c33aa9dd.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const menuItemCss = ":host{--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--hover-background-color:var(--vertex-ui-neutral-200)}.root{font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);line-height:1.1;display:flex;align-items:center;color:var(--color);margin:0.075em 0;padding:0.5rem 0.75rem;background-color:var(--background-color);transition:background-color;transition-duration:0.5s;user-select:none}.root:not(.disabled):hover{cursor:pointer;background-color:var(--hover-background-color)}.root.disabled{opacity:0.5}slot[name='icon']::slotted(*){padding-right:0.8125rem}";
 

package/dist/esm/{popover-c5aad2c2.js → popover-4375db1b.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, H as Host, g as getElement } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/esm/{radio-7b901651.js → radio-39c11ba4.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const radioCss = ".radio.sc-vertex-radio{display:inline-flex;position:relative;font-family:var(--vertex-ui-font-family);color:var( --vertex-ui-neutral-700);margin:4px 0px;white-space:nowrap}.radio.sc-vertex-radio:not(.disabled):hover{color:var( --vertex-ui-neutral-800)}.radio.sc-vertex-radio input.sc-vertex-radio{position:absolute;opacity:0;cursor:pointer}.radio.sc-vertex-radio:not(.disabled){cursor:pointer}.radio.disabled.sc-vertex-radio input.sc-vertex-radio{cursor:not-allowed}.checkmark.sc-vertex-radio{display:flex;position:relative;margin:auto;margin-right:0.75rem;height:16px;width:16px;background-color:var(--vertex-ui-white);border-radius:50%;border:1px solid var(--vertex-ui-neutral-400)}.checkmark.disabled.sc-vertex-radio{cursor:not-allowed}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-neutral-500);cursor:pointer}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid  var(--vertex-ui-blue-700)}.radio.disabled.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var( --vertex-ui-neutral-400)}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid  var(--vertex-ui-blue-500);cursor:pointer}.checkmark.sc-vertex-radio:after{content:\"\";position:absolute;display:none}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio:after{display:flex}.radio.sc-vertex-radio .checkmark.sc-vertex-radio:after{position:relative;margin:auto;width:12px;height:12px;border-radius:50%;background:var(--vertex-ui-blue-700)}.radio.sc-vertex-radio:hover .checkmark.sc-vertex-radio:after{background:var(--vertex-ui-blue-500);cursor:pointer}.radio.disabled.sc-vertex-radio .checkmark.sc-vertex-radio:after{background:var( --vertex-ui-neutral-400)}.disabled.sc-vertex-radio{color:var( --vertex-ui-neutral-400)}";
 

package/dist/esm/{resizable-affa2b70.js → resizable-a147709b.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, H as Host, c as readTask, g as getElement } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const resizableCss = ":host{--hover-shadow-color:var(--vertex-ui-blue-500);--vertical-handle-size:1rem;--vertical-handle-offset:-0.9rem;--horizontal-handle-size:1rem;--horizontal-handle-offset:-0.9rem;--side-direction-handle-z-index:var(--vertex-ui-popover-layer);--corner-handle-z-index:var(--vertex-ui-context-menu-layer)}:host(:not([dimensions-computed=\"\"])){position:absolute;display:none}.container{position:relative;height:100%;width:100%}.container.hidden{position:absolute;visibility:hidden}.shadow{pointer-events:none;position:absolute;width:100%;height:100%;z-index:var(--vertex-ui-popover-layer)}.shadow.hovered-location-left{box-shadow:inset 1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-right{box-shadow:inset -1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-top{box-shadow:inset 0 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom{box-shadow:inset 0 -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-left{box-shadow:inset 1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-right{box-shadow:inset -1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-left{box-shadow:inset 1px 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-right{box-shadow:inset -1px 1px 0 var(--hover-shadow-color)}.handle{position:absolute;visibility:hidden;z-index:var(--side-direction-handle-z-index)}.corner-handle{z-index:var(--corner-handle-z-index)}.left-handle.horizontal-direction-left,.left-handle.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.right-handle.horizontal-direction-right,.right-handle.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.bottom-handle.vertical-direction-bottom,.bottom-handle.vertical-direction-both{visibility:visible;left:0;bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.top-handle.vertical-direction-top,.top-handle.vertical-direction-both{visibility:visible;left:0;top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.bottom-right-handle.vertical-direction-bottom.horizontal-direction-right,.bottom-right-handle.vertical-direction-both.horizontal-direction-right,.bottom-right-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}.bottom-left-handle.vertical-direction-bottom.horizontal-direction-left,.bottom-left-handle.vertical-direction-both.horizontal-direction-left,.bottom-left-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-right-handle.vertical-direction-top.horizontal-direction-right,.top-right-handle.vertical-direction-both.horizontal-direction-right,.top-right-handle.vertical-direction-top.horizontal-direction-both,.top-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-left-handle.vertical-direction-top.horizontal-direction-left,.top-left-handle.vertical-direction-both.horizontal-direction-left,.top-left-handle.vertical-direction-top.horizontal-direction-both,.top-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}";
 

package/dist/esm/{result-list-f2a0f78b.js → result-list-9c83f22a.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, H as Host, g as getElement } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 import { g as generateInstanceFromTemplate } from './templates-51212dae.js';
 
 class ElementPool {

package/dist/esm/{search-bar-d1d23f50.js → search-bar-600fb8d9.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, H as Host, g as getElement } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 import { g as generateInstanceFromTemplate } from './templates-51212dae.js';
 
 const getWindowSelection = () => {

package/dist/esm/{select-4fd51fbf.js → select-75ed5653.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, c as readTask, g as getElement } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const selectCss = ":host{--select-width:100%}.root{display:inline-block;color:var(--vertex-ui-neutral-700);width:var(--select-width);font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);overflow:hidden;user-select:none}.root:not(.disabled):hover{color:var(--vertex-ui-neutral-800)}.root.disabled{color:var(--vertex-ui-neutral-400)}.target,.selected-option{background-color:var(--vertex-ui-neutral-200);width:100%;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;padding:0.375rem 0.75rem 0.375rem 0.75rem}.target.hidden{box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%),\n    0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%)}.selected-option.disabled,.target.disabled{background-color:var(--vertex-ui-neutral-100);cursor:default}.target{border-radius:4px}.icon{padding-left:1rem;margin-left:auto}.options{position:relative;cursor:pointer;background-color:var(--vertex-ui-white);border-radius:4px;padding:0.25rem 0;top:-0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%),\n    0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%)}.options.animated{transition:opacity 0.1s ease-in 0.05s;opacity:0}.options.hidden{background-color:transparent}.options.visible{opacity:1}.options>*,.options>slot::slotted(*){padding:0.375rem 0.75rem 0.375rem 0.75rem}.options.hidden>*,.options.hidden>slot::slotted(*){opacity:0}.options>slot::slotted(:hover){background-color:var(--vertex-ui-neutral-200)}vertex-popover{--transform-origin:top left;--open-animation-name:open-scale-y;--close-animation-name:close-scale-y}";
 

package/dist/esm/{slider-54bba0c0.js → slider-dcdb388f.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const sliderCss = ":host{display:flex;--vertex-slider-track-color:var(--vertex-ui-neutral-400);--vertex-slider-thumb-color:var(--vertex-ui-blue-700)}:host([size=\"sm\"]){height:12px}:host([size=\"md\"]){height:14px}:host([size=\"lg\"]){height:16px}.input{-webkit-appearance:none;width:100%;height:100%;background:transparent;margin:0}.input:not(.disabled){cursor:pointer}.input.sm{height:12px}.input.md{height:14px}.input.lg{height:16px}.input.disabled{opacity:0.5}.tooltip{width:100%}.input::-webkit-slider-runnable-track{width:100%;height:2px;cursor:default;background:var(--vertex-slider-track-color);border-radius:1px}.input::-moz-range-track{width:100%;height:2px;cursor:default;background:var(--vertex-slider-track-color);border-radius:1px}.input::-ms-track{width:100%;height:2px;cursor:default;background:var(--vertex-slider-track-color);border-radius:1px}.input:not(.disabled)::-webkit-slider-runnable-track{cursor:pointer}.input:not(.disabled)::-moz-range-track{cursor:pointer}.input:not(.disabled)::-ms-track{cursor:pointer}.input.sm::-webkit-slider-thumb{height:12px;width:12px;margin-top:-5px}.input.sm::-moz-range-thumb{height:12px;width:12px;margin-top:-5px}.input.sm::-ms-thumb{height:12px;width:12px;margin-top:-5px}.input.md::-webkit-slider-thumb{height:14px;width:14px;margin-top:-6px}.input.md::-moz-range-thumb{height:14px;width:14px;margin-top:-6px}.input.md::-ms-thumb{height:14px;width:14px;margin-top:-6px}.input.lg::-webkit-slider-thumb{height:16px;width:16px;margin-top:-7px}.input.lg::-moz-range-thumb{height:16px;width:16px;margin-top:-7px}.input.lg::-ms-thumb{height:16px;width:16px;margin-top:-7px}.input::-webkit-slider-thumb{-webkit-appearance:none;border-radius:50%;background:var(--vertex-slider-thumb-color);border:none;cursor:default}.input::-moz-range-thumb{-webkit-appearance:none;border-radius:50%;background:var(--vertex-slider-thumb-color);border:none;cursor:default}.input::-ms-thumb{-webkit-appearance:none;border-radius:50%;background:var(--vertex-slider-thumb-color);border:none;cursor:default}.input:not(.disabled)::-webkit-slider-thumb{cursor:grab}.input:not(.disabled)::-moz-range-thumb{cursor:grab}.input:not(.disabled)::-ms-thumb{cursor:grab}.input::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 1px 2px var(--vertex-ui-black)}.input::-moz-range-thumb:active{cursor:grabbing;box-shadow:0 1px 2px var(--vertex-ui-black)}.input::-ms-thumb:active{cursor:grabbing;box-shadow:0 1px 2px var(--vertex-ui-black)}";
 

package/dist/esm/{spinner-7ce1d538.js → spinner-afccea51.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const spinnerCss = ".spinner{position:relative;display:flex}.spinner div{position:absolute;display:block;animation:spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-radius:50%;border-style:solid;box-sizing:border-box}.spinner div:nth-child(1){animation-delay:-0.45s}.spinner div:nth-child(2){animation-delay:-0.3s}.spinner div:nth-child(3){animation-delay:-0.15s}.spinner.xs{height:16px;width:16px}.spinner.xs div{border-width:var(--border-width, 1px);height:16px;width:16px;margin:0}.spinner.sm{height:23px;width:23px}.spinner.sm div{border-width:var(--border-width, 3px);height:18px;width:18px;margin:2px}.spinner.md{height:32px;width:32px}.spinner.md div{border-width:var(--border-width, 3px);height:32px;width:32px;margin:2px}.spinner.lg{height:64px;width:64px}.spinner.lg div{border-width:var(--border-width, 6px);height:51px;width:51px;margin:6px}.spinner.blue div{border-color:var(--vertex-ui-blue-700) transparent transparent transparent}.spinner.white div{border-color:var(--vertex-ui-white) transparent transparent transparent}.spinner.grey div{border-color:var(--vertex-ui-neutral-700) transparent transparent transparent}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 

package/dist/esm/{text-field-cffef5c4.js → text-field-e542da25.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h, g as getElement } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const TextField = class {
   constructor(hostRef) {

package/dist/esm/{toast-20588ad8.js → toast-255648ff.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const toastCss = ":host{--toast-width:auto;--toast-min-width:17rem;--toast-max-width:25rem;--toast-white-space:normal}.anchor{position:fixed}.bottom-left{left:1rem;bottom:1rem}.bottom{left:50vw;bottom:1rem}.bottom-right{right:1rem;bottom:1rem}.top-left{left:1rem;top:1rem}.top{left:50vw;top:1rem}.top-right{right:1rem;top:1rem}.popover{position:fixed;--open-animation-name:open-fade-in;--close-animation-name:close-fade-out}.actions{display:flex;align-items:center;margin-left:auto}.close{cursor:pointer;padding-left:1rem}.close:hover{color:var(--vertex-ui-neutral-300)}.toast{position:relative;display:flex;align-items:center;width:var(--toast-width);min-width:var(--toast-min-width);max-width:var(--toast-max-width);padding:1rem 1rem 1rem 1.5rem;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);background-color:var(--vertex-ui-neutral-800);color:var(--vertex-ui-white);border-radius:4px;white-space:var(--toast-white-space);user-select:none}.toast.hidden{pointer-events:none}.warn{background-color:var(--vertex-ui-orange-100);color:var(--vertex-ui-neutral-800)}.error{background-color:var(--vertex-ui-red-700);color:white}";
 

package/dist/esm/{toggle-b1535fd2.js → toggle-1fe22e4f.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, e as createEvent, h } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const toggleCss = "button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{display:flex}.check{border:1px solid var(--vertex-ui-neutral-400);box-shadow:0 0 2px var(--vertex-ui-neutral-400);border-radius:4px;width:1rem;height:1rem;padding:0}.check:not(.disabled){cursor:pointer}.check.disabled{border:1px solid var(--vertex-ui-neutral-200);box-shadow:0 0 2px var(--vertex-ui-neutral-200)}.check:focus-visible:not(.disabled){outline:none;border:1px solid var(--vertex-ui-neutral-600);box-shadow:0 0 2px var(--vertex-ui-neutral-600)}.check:focus-visible:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-800);box-shadow:0 0 2px var(--vertex-ui-blue-800)}.check:hover:not(.disabled){border:1px solid var(--vertex-ui-neutral-500);box-shadow:0 0 2px var(--vertex-ui-neutral-500)}.check.checked:not(.disabled){border:none;box-shadow:none}.check:hover:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-500);box-shadow:0 0 2px var(--vertex-ui-blue-500)}.checked-content{width:100%;height:100%;border-radius:4px}.checked-content.disabled{background-color:var(--vertex-ui-neutral-050);color:var(--vertex-ui-neutral-500)}.checked-content.checked:not(.disabled){background-color:var(--vertex-ui-blue-700);box-shadow:0 0 2px var(--vertex-ui-blue-700);color:var(--vertex-ui-white)}.switch{position:relative;width:2.25rem;height:1.25rem;padding:0;display:inline-block}.switch:not(.disabled){cursor:pointer}.track{position:absolute;top:0;background-color:var(--vertex-ui-neutral-300);width:2rem;padding:0 0.125rem;margin:0.1875rem 0;height:0.875rem;border-radius:7rem}.track.disabled{background-color:var(--vertex-ui-neutral-200)}.track.disabled.checked{background-color:var(--vertex-ui-blue-200)}.handle{position:absolute;top:0;left:0;background-color:var(--vertex-ui-neutral-100);box-shadow:-1px 1px rgba(0, 0, 0, 0.15);width:1.25rem;height:1.25rem;border-radius:100%;display:flex;transition:left 0.25s}.handle.disabled{box-shadow:none}.track:not(.disabled).checked{background-color:var(--vertex-ui-blue-300)}.handle.checked{left:1rem}.handle.checked:not(.disabled){background-color:var(--vertex-ui-blue-600)}.handle.checked.disabled{background-color:var(--vertex-ui-blue-300)}";
 

package/dist/esm/{tooltip-b8a65356.js → tooltip-e78d2c7a.js}

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-72f28b71.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-9c609209.js';
 
 const tooltipCss = ":host{--tooltip-width:auto;--tooltip-white-space:normal;display:flex}.popover{width:100%;height:100%}.target{display:flex}.tooltip{display:flex;justify-content:center;text-align:center;width:var(--tooltip-width);font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-xxs);background-color:var(--vertex-ui-neutral-700);color:var(--vertex-ui-white);padding:0.25rem 0.5rem;border-radius:4px;pointer-events:none;white-space:var(--tooltip-white-space);user-select:none}.tooltip.hidden{display:none}";
 

package/dist/esm/vertex-avatar.entry.js

@@ -1,3 +1,3 @@
-export { A as vertex_avatar } from './avatar-30f8137d.js';
+export { A as vertex_avatar } from './avatar-775455a5.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-button.entry.js

@@ -1,3 +1,3 @@
-export { B as vertex_button } from './button-540656f6.js';
+export { B as vertex_button } from './button-f9ac74e4.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-card-group.entry.js

@@ -1,3 +1,3 @@
-export { C as vertex_card_group } from './card-group-2ea73f8e.js';
+export { C as vertex_card_group } from './card-group-4e8e0421.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-chip.entry.js

@@ -1,3 +1,3 @@
-export { C as vertex_chip } from './chip-d254df81.js';
+export { C as vertex_chip } from './chip-4e568eee.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-click-to-edit-textfield.entry.js

@@ -1,3 +1,3 @@
-export { C as vertex_click_to_edit_textfield } from './click-to-edit-text-field-52f0a723.js';
+export { C as vertex_click_to_edit_textfield } from './click-to-edit-text-field-d9b27cd0.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-collapsible.entry.js

@@ -1,3 +1,3 @@
-export { C as vertex_collapsible } from './collapsible-45546d75.js';
+export { C as vertex_collapsible } from './collapsible-b52960e6.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-color-circle-picker.entry.js

@@ -1,3 +1,3 @@
-export { C as vertex_color_circle_picker } from './color-circle-picker-d4a38c07.js';
+export { C as vertex_color_circle_picker } from './color-circle-picker-998a7e9c.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-color-picker.entry.js

@@ -1,3 +1,3 @@
-export { C as vertex_color_picker } from './color-picker-50297d84.js';
+export { C as vertex_color_picker } from './color-picker-2e3b51fa.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-dialog.entry.js

@@ -1,3 +1,3 @@
-export { D as vertex_dialog } from './dialog-cd227673.js';
+export { D as vertex_dialog } from './dialog-e3f49527.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-draggable-popover.entry.js

@@ -1,3 +1,3 @@
-export { D as vertex_draggable_popover } from './draggable-popover-281d1f8c.js';
+export { D as vertex_draggable_popover } from './draggable-popover-5f14cca5.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-expandable.entry.js

@@ -1,3 +1,3 @@
-export { E as vertex_expandable } from './expandable-8b0d3544.js';
+export { E as vertex_expandable } from './expandable-b487cb00.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-icon-button.entry.js

@@ -1,4 +1,4 @@
-export { I as vertex_icon_button } from './icon-button-7450fac1.js';
+export { I as vertex_icon_button } from './icon-button-53bc2b56.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';
 import './icon-helper-aa2001ba.js';

package/dist/esm/vertex-icon.entry.js

@@ -1,4 +1,4 @@
-export { I as vertex_icon } from './icon-25a0dc1d.js';
+export { I as vertex_icon } from './icon-a2d4cafb.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';
 import './icon-helper-aa2001ba.js';

package/dist/esm/vertex-menu-item.entry.js

@@ -1,3 +1,3 @@
-export { M as vertex_menu_item } from './menu-item-a7e29c6a.js';
+export { M as vertex_menu_item } from './menu-item-c33aa9dd.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-menu.entry.js

@@ -1,3 +1,3 @@
-export { M as vertex_menu } from './menu-4a98c275.js';
+export { M as vertex_menu } from './menu-f35637ca.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-popover.entry.js

@@ -1,3 +1,3 @@
-export { P as vertex_popover } from './popover-c5aad2c2.js';
+export { P as vertex_popover } from './popover-4375db1b.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-radio.entry.js

@@ -1,3 +1,3 @@
-export { R as vertex_radio } from './radio-7b901651.js';
+export { R as vertex_radio } from './radio-39c11ba4.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-resizable.entry.js

@@ -1,3 +1,3 @@
-export { R as vertex_resizable } from './resizable-affa2b70.js';
+export { R as vertex_resizable } from './resizable-a147709b.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-result-list.entry.js

@@ -1,4 +1,4 @@
-export { R as vertex_result_list } from './result-list-f2a0f78b.js';
+export { R as vertex_result_list } from './result-list-9c83f22a.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';
 import './templates-51212dae.js';

package/dist/esm/vertex-search-bar.entry.js

@@ -1,4 +1,4 @@
-export { S as vertex_search_bar } from './search-bar-d1d23f50.js';
+export { S as vertex_search_bar } from './search-bar-600fb8d9.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';
 import './templates-51212dae.js';

package/dist/esm/vertex-select.entry.js

@@ -1,3 +1,3 @@
-export { S as vertex_select } from './select-4fd51fbf.js';
+export { S as vertex_select } from './select-75ed5653.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-slider.entry.js

@@ -1,3 +1,3 @@
-export { S as vertex_slider } from './slider-54bba0c0.js';
+export { S as vertex_slider } from './slider-dcdb388f.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-spinner.entry.js

@@ -1,3 +1,3 @@
-export { S as vertex_spinner } from './spinner-7ce1d538.js';
+export { S as vertex_spinner } from './spinner-afccea51.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-textfield.entry.js

@@ -1,3 +1,3 @@
-export { T as vertex_textfield } from './text-field-cffef5c4.js';
+export { T as vertex_textfield } from './text-field-e542da25.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-toast.entry.js

@@ -1,3 +1,3 @@
-export { T as vertex_toast } from './toast-20588ad8.js';
+export { T as vertex_toast } from './toast-255648ff.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-toggle.entry.js

@@ -1,3 +1,3 @@
-export { T as vertex_toggle } from './toggle-b1535fd2.js';
+export { T as vertex_toggle } from './toggle-1fe22e4f.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/dist/esm/vertex-tooltip.entry.js

@@ -1,3 +1,3 @@
-export { T as vertex_tooltip } from './tooltip-b8a65356.js';
+export { T as vertex_tooltip } from './tooltip-e78d2c7a.js';
 import './index-72f28b71.js';
-import './index-3c78bcaf.js';
+import './index-9c609209.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertexvis/ui",
-  "version": "0.0.15-canary.3",
+  "version": "0.0.15-canary.4",
   "description": "The Vertex UI component library.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -56,7 +56,7 @@
     "@storybook/web-components-webpack5": "^7.4.0",
     "@types/eslint": "^8.44.2",
     "@types/estree": "^1.0.1",
-    "@types/jest": "^26.0.22",
+    "@types/jest": "^27.0.3",
     "@types/node": "^20.11.21",
     "@vertexvis/eslint-config-vertexvis-typescript": "^0.5.1",
     "@vertexvis/typescript-config-vertexvis": "^1.1.0",
@@ -85,5 +85,5 @@
     "@popperjs/core": "^2.11.8",
     "@types/faker": "^5.5.9"
   },
-  "gitHead": "790ff470fad875c059c5ea2704c8b060f4dc9c0f"
+  "gitHead": "bf60e0c6745d16a4d501356ee9fef96da56b914b"
 }