@peculiar/react-components 0.6.6 → 1.0.0

package/dist/esm/Select/select.js

@@ -20,28 +20,37 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import * as React from 'react';
+import React from 'react';
 import styled from '@emotion/styled';
+import { useAutocomplete, } from '../hooks';
+import { Popover } from '../Popover';
+import { TextField } from '../TextField';
 import { Typography } from '../Typography';
-import { ArrowDropDownIcon } from '../icons';
+import { Box } from '../Box';
+import { Chip } from '../Chip';
+import { Button } from '../Button';
+import { ArrowDropDownIcon, PlusIcon } from '../icons';
+import { MenuItem } from '../MenuList';
 /**
  *
  */
 /**
  * Styles.
  */
-var SelectRoot = styled('select')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', cursor: 'pointer', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'block', appearance: 'none', fontWeight: 'var(--pv-text-c1-weight)', fontSize: 'var(--pv-text-c1-size)', lineHeight: 'var(--pv-text-c1-height)', letterSpacing: 'var(--pv-text-c1-spacing)' }, (props.selectSize === 'small' && {
+var SelectField = styled(Typography)(function (props) { return (__assign(__assign(__assign({ outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', appearance: 'none', userSelect: 'none', textAlign: 'left', cursor: 'pointer', fontFamily: 'inherit', height: 'var(--pv-size-base-8)', position: 'relative' }, (props.size === 'small' && {
     height: 'var(--pv-size-base-6)',
-})), (props.selectSize === 'medium' && {
+})), (props.size === 'medium' && {
     height: 'var(--pv-size-base-7)',
-})), (props.selectSize === 'large' && {
-    height: 'var(--pv-size-base-8)',
+})), (props.multiple === true && {
+    display: 'inline-flex',
+    alignItems: 'center',
 }))); }, function (props) {
     var isDark = props.theme.mode === 'dark';
     var color = isDark
         ? 'var(--pv-color-white)'
         : 'var(--pv-color-black)';
     var borderColor = 'var(--pv-color-gray-8)';
+    var colorPlaceholder = 'var(--pv-color-gray-9)';
     var borderColorHover = 'var(--pv-color-gray-7)';
     var borderColorDisabled = 'var(--pv-color-gray-5)';
     var colorDisabled = 'var(--pv-color-gray-7)';
@@ -51,6 +60,7 @@ var SelectRoot = styled('select')(function (props) { return (__assign(__assign(_
     var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
     if (isDark) {
         borderColor = 'var(--pv-color-gray-5)';
+        colorPlaceholder = 'var(--pv-color-gray-6)';
         borderColorHover = 'var(--pv-color-gray-4)';
         borderColorDisabled = 'var(--pv-color-gray-4)';
         colorDisabled = 'var(--pv-color-gray-4)';
@@ -60,7 +70,6 @@ var SelectRoot = styled('select')(function (props) { return (__assign(__assign(_
         borderColorFocus = 'var(--pv-color-secondary-shade-1)';
     }
     return ({
-        color: color,
         borderColor: borderColor,
         '&:hover': {
             backgroundColor: 'var(--pv-color-gray-3)',
@@ -73,6 +82,10 @@ var SelectRoot = styled('select')(function (props) { return (__assign(__assign(_
             color: colorDisabled,
         },
         '&:not(:disabled)': {
+            color: color,
+            '&[aria-placeholder]': {
+                color: colorPlaceholder,
+            },
             '&[aria-invalid]': {
                 backgroundColor: invalidBackgroundColor,
                 borderColor: invalidBorderColor,
@@ -84,39 +97,165 @@ var SelectRoot = styled('select')(function (props) { return (__assign(__assign(_
         },
     });
 });
-var SelectLabel = styled('label')({
-    marginBottom: '2px',
-    display: 'inline-block',
+var SelectArrowIcon = styled(ArrowDropDownIcon)({
+    position: 'absolute',
+    right: '0px',
+    top: 'calc(50% - 12px)',
+    margin: '0px var(--pv-size-base)',
+    color: 'var(--pv-color-gray-10)',
+    '&[aria-disabled="true"]': {
+        color: 'inherit',
+    },
 });
-var SelectErrorMessage = styled(Typography)({
-    marginTop: '2px',
+var SelectNativeInput = styled('input')({
+    bottom: 0,
+    left: 0,
+    height: '100%',
+    position: 'absolute',
+    opacity: 0,
+    pointerEvents: 'none',
+    width: '100%',
+    boxSizing: 'border-box',
+});
+var SelectDropdownStateItem = styled('div')({
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-2)',
 });
-var SelectContainer = styled('div')({
+var SelectDropdownList = styled('ul')({
+    maxHeight: '36vh',
+    overflowY: 'auto',
+    margin: 0,
+    listStyleType: 'none',
     position: 'relative',
+    padding: '10px 0',
+});
+var SelectDropdownGroupName = styled(Typography)(function (props) { return ({
+    padding: 'var(--pv-size-base-2)',
+    color: props.theme.mode === 'dark'
+        ? 'var(--pv-color-gray-6)'
+        : 'var(--pv-color-gray-9)',
+}); });
+var SelectDropdownGroupList = styled('ul')({
+    padding: 0,
+    listStyleType: 'none',
 });
-var SelectArrowIcon = styled(ArrowDropDownIcon)(function (props) { return (__assign({ position: 'absolute', right: '0px', top: 'calc(50% - 12px)', pointerEvents: 'none', margin: '0px var(--pv-size-base)', color: 'var(--pv-color-gray-10)' }, (props.disabled && {
-    color: 'var(--pv-color-gray-7)',
+var SelectDropdownGroupListItem = styled(MenuItem)(function (props) { return (__assign({}, (props.inGroup && {
+    padding: '0px var(--pv-size-base-2) 0 var(--pv-size-base-3)',
 }))); });
+var SelectPopover = styled(Popover)({
+    minWidth: 240,
+});
+var SelectTagsList = styled('div')({
+    overflow: 'hidden',
+    width: '100%',
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(0, max-content))',
+    gap: 'var(--pv-size-base)',
+});
+var SelectTag = styled(Chip)(function (props) { return (__assign({ label: 'Select-tag', borderRadius: '3px', margin: 0 }, (props.size === 'small' && {
+    height: 'var(--pv-size-base-5)',
+}))); });
+var SelectTagSize = styled(Typography)({
+    margin: '0 var(--pv-size-base-2)',
+});
+var SelectSearchInput = styled(TextField)({
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-3) var(--pv-size-base-2)',
+});
+var SelectCreateNewButton = styled(Button)({
+    width: '100%',
+    borderRadius: 0,
+    justifyContent: 'left',
+    padding: '0px var(--pv-size-base-2)',
+});
+var SelectError = styled(Typography)({
+    marginTop: '2px',
+});
+var SelectLabel = styled('label')({
+    label: 'TextField-label',
+    marginBottom: '2px',
+    display: 'inline-block',
+});
 /**
  *
  */
-export var Select = React.forwardRef(function (props, ref) {
-    var options = props.options, size = props.size, label = props.label, inputProps = props.inputProps, disabled = props.disabled, defaultValue = props.defaultValue, id = props.id, value = props.value, placeholder = props.placeholder, required = props.required, name = props.name, inputRef = props.inputRef, error = props.error, errorText = props.errorText, autoFocus = props.autoFocus, onChange = props.onChange, other = __rest(props, ["options", "size", "label", "inputProps", "disabled", "defaultValue", "id", "value", "placeholder", "required", "name", "inputRef", "error", "errorText", "autoFocus", "onChange"]);
-    return (React.createElement("div", __assign({ ref: ref }, other),
-        label && (React.createElement(SelectLabel, { htmlFor: id },
+export var Select = function (props) {
+    var className = props.className, size = props.size, placeholder = props.placeholder, label = props.label, disableSearch = props.disableSearch, _a = props.disabled, disabled = _a === void 0 ? false : _a, noOptionsText = props.noOptionsText, loading = props.loading, loadingText = props.loadingText, _b = props.limitTags, limitTags = _b === void 0 ? 2 : _b, name = props.name, required = props.required, _c = props.multiple, multiple = _c === void 0 ? false : _c, readOnly = props.readOnly, createOptionText = props.createOptionText, allowCreateOption = props.allowCreateOption, error = props.error, errorText = props.errorText, renderRootProp = props.renderRoot, renderOptionProp = props.renderOption, _d = props.getLimitTagsText, getLimitTagsText = _d === void 0 ? function (more) { return "".concat(more, " more"); } : _d, groupBy = props.groupBy, onCreate = props.onCreate;
+    var _e = useAutocomplete(props), id = _e.id, value = _e.value, searchValue = _e.searchValue, groupedOptions = _e.groupedOptions, getRootProps = _e.getRootProps, getInputLabelProps = _e.getInputLabelProps, getInputProps = _e.getInputProps, getListboxProps = _e.getListboxProps, getOptionProps = _e.getOptionProps, getPopoverProps = _e.getPopoverProps, getTagProps = _e.getTagProps, getOptionLabel = _e.getOptionLabel;
+    var _f = getInputProps(), onChange = _f.onChange, otherInputProps = __rest(_f, ["onChange"]);
+    var popoverProps = getPopoverProps();
+    var handleCreate = function (event) {
+        if (onCreate) {
+            onCreate(event, searchValue);
+        }
+        popoverProps.onClose(event);
+    };
+    var defaultRenderOption = function (propsOption, option) { return (React.createElement(SelectDropdownGroupListItem, __assign({}, propsOption, { inGroup: Boolean(groupBy) }), getOptionLabel(option))); };
+    var renderGroup = function (params) { return (React.createElement("li", { key: params.key },
+        React.createElement(SelectDropdownGroupName, { variant: "c1", color: "gray-10" }, params.group),
+        React.createElement(SelectDropdownGroupList, null, params.children))); };
+    var renderValue = function () {
+        if (!value || (Array.isArray(value) && value.length === 0)) {
+            return null;
+        }
+        if (Array.isArray(value)) {
+            var more = (value.length > limitTags) ? (value.length - limitTags) : 0;
+            var valueLimits = more > 0 ? value.slice(0, limitTags) : value;
+            return (React.createElement(React.Fragment, null,
+                React.createElement(SelectTagsList, null, valueLimits.map(function (v, index) { return (React.createElement(SelectTag, __assign({}, getTagProps(v, index), { color: "secondary", variant: "contained", size: size }), getOptionLabel(v))); })),
+                !!more && (React.createElement(SelectTagSize, { variant: "c2", color: "gray-9" }, getLimitTagsText(more)))));
+        }
+        return getOptionLabel(value);
+    };
+    var renderedValue = renderValue();
+    var isValueEmpty = renderedValue === null;
+    var defaultRenderRoot = function (propsRoot, valueRoot) { return (React.createElement(SelectField, __assign({}, propsRoot, { noWrap: true, 
+        // @ts-ignore
+        component: "button", type: "button", variant: size === 'small' ? 'c1' : 'b3', "aria-invalid": error || undefined, "aria-placeholder": isValueEmpty || undefined, multiple: multiple, size: size }),
+        isValueEmpty ? placeholder : renderedValue,
+        React.createElement(SelectArrowIcon, { "aria-disabled": disabled, "aria-hidden": true }),
+        React.createElement(SelectNativeInput, { type: "text", value: isValueEmpty ? '' : JSON.stringify(valueRoot), tabIndex: -1, "aria-hidden": "true", disabled: disabled, autoComplete: "off", id: id, name: name, required: required, readOnly: readOnly, onChange: function () { } }))); };
+    var renderOption = renderOptionProp || defaultRenderOption;
+    var renderRoot = renderRootProp || defaultRenderRoot;
+    var renderListOption = function (option, index) {
+        var optionProps = getOptionProps(option, index);
+        return renderOption(optionProps, option);
+    };
+    return (React.createElement("div", { className: className },
+        label && (React.createElement(SelectLabel, __assign({}, getInputLabelProps()),
             React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
-        React.createElement(SelectContainer, null,
-            React.createElement(SelectRoot, __assign({ selectSize: size, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
-                // eslint-disable-next-line jsx-a11y/no-autofocus
-                autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange }, inputProps),
-                placeholder && (React.createElement("option", { value: "" }, placeholder)),
-                options.map(function (option) { return (React.createElement("option", { key: option.value, value: option.value }, option.label)); })),
-            React.createElement(SelectArrowIcon, { disabled: disabled, "aria-hidden": true })),
-        error && errorText && (React.createElement(SelectErrorMessage, { variant: "c2", color: "wrong" }, errorText))));
-});
-Select.displayName = 'Select';
+        renderRoot(__assign(__assign({}, getRootProps()), { disabled: disabled }), value, getTagProps),
+        error && errorText && (React.createElement(SelectError, { variant: "c2", color: "wrong" }, errorText)),
+        React.createElement(SelectPopover, __assign({ placement: "bottom-start", allowUseSameWidth: true }, popoverProps),
+            !disableSearch && (React.createElement(Box, { borderColor: "gray-3", borderPosition: "bottom", borderStyle: "solid", borderWidth: 1 },
+                React.createElement(SelectSearchInput, { id: otherInputProps.id, inputProps: otherInputProps, onChange: onChange, placeholder: "Search", disabled: loading }))),
+            loading && groupedOptions.length === 0 && (React.createElement(SelectDropdownStateItem, null, typeof loadingText === 'string' ? (React.createElement(Typography, { variant: "b2", color: "gray-10" }, loadingText)) : loadingText)),
+            groupedOptions.length === 0 && !loading && (React.createElement(SelectDropdownStateItem, null, typeof noOptionsText === 'string' ? (React.createElement(Typography, { variant: "b2", color: "gray-10" }, noOptionsText)) : noOptionsText)),
+            groupedOptions.length > 0 && (React.createElement(SelectDropdownList, __assign({}, getListboxProps()), groupedOptions
+                // @ts-ignore
+                .map(function (option, index) {
+                // @ts-ignore
+                if (groupBy && 'options' in option) {
+                    return renderGroup({
+                        key: option.key,
+                        group: option.group,
+                        // @ts-ignore
+                        children: option.options.map(function (option2, index2) { return (renderListOption(option2, option.index + index2)); }),
+                    });
+                }
+                return renderListOption(option, index);
+            }))),
+            (allowCreateOption && searchValue.length > 0 && !loading) && (React.createElement(Box, { borderColor: "gray-3", borderPosition: "top", borderStyle: "solid", borderWidth: 1 },
+                React.createElement(SelectCreateNewButton, { color: "secondary", textVariant: "b3", onClick: handleCreate, startIcon: React.createElement(PlusIcon, null) }, createOptionText.replace('{{value}}', searchValue)))))));
+};
+// @ts-ignore
 Select.defaultProps = {
-    disabled: false,
+    disableSearch: false,
+    noOptionsText: 'No options',
+    loading: false,
+    loadingText: 'Loading...',
+    limitTags: 2,
+    required: false,
+    allowCreateOption: false,
+    createOptionText: 'Create "{{value}}"',
     size: 'medium',
 };
 //# sourceMappingURL=select.js.map

package/dist/esm/Select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Toast/toast.js

@@ -28,7 +28,7 @@ export var Toast = function (props) {
             };
         }
         return undefined;
-    });
+    }, []);
     return (React.createElement(Fade, { in: true },
         React.createElement(Alert, __assign({}, alertProps, { onClose: isClosable ? handleClose : undefined }), children)));
 };

package/dist/esm/Toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA+B/B;;GAEG;AAEH,MAAM,CAAC,IAAM,KAAK,GAA4B,UAAC,KAAK;IAEhD,IAAA,EAAE,GAMA,KAAK,GANL,EACF,QAAQ,GAKN,KAAK,SALC,EACR,UAAU,GAIR,KAAK,WAJG,EACV,UAAU,GAGR,KAAK,WAHG,EACV,QAAQ,GAEN,KAAK,SAFC,EACR,OAAO,GACL,KAAK,QADA,CACC;IAEV,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,IAAM,SAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO;gBACL,YAAY,CAAC,SAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE;QACN,oBAAC,KAAK,eACA,UAAU,IACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA+B/B;;GAEG;AAEH,MAAM,CAAC,IAAM,KAAK,GAA4B,UAAC,KAAK;IAEhD,IAAA,EAAE,GAMA,KAAK,GANL,EACF,QAAQ,GAKN,KAAK,SALC,EACR,UAAU,GAIR,KAAK,WAJG,EACV,UAAU,GAGR,KAAK,WAHG,EACV,QAAQ,GAEN,KAAK,SAFC,EACR,OAAO,GACL,KAAK,QADA,CACC;IAEV,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,IAAM,SAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO;gBACL,YAAY,CAAC,SAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE;QACN,oBAAC,KAAK,eACA,UAAU,IACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/esm/index.js

@@ -20,9 +20,9 @@ export * from './Popper';
 export * from './Popover';
 export * from './Portal';
 export * from './Radio';
-export * from './Select';
+export * from './NativeSelect';
 export * from './Skeleton';
-export * from './Autocomplete';
+export * from './Select';
 export * from './Slide';
 export * from './Slider';
 export * from './Switch';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC"}

package/dist/esnext/Alert/alert.js

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 import { Typography } from '../Typography';
 import { IconButton } from '../IconButton';
 import { CircularProgress } from '../CircularProgress';
+import { FlexContainer, Flex } from '../Flex';
 import { CloseCircleIcon, WarningIcon, CheckCircleIcon, CloseIcon, } from '../icons';
 /**
  *
@@ -10,9 +11,9 @@ import { CloseCircleIcon, WarningIcon, CheckCircleIcon, CloseIcon, } from '../ic
 /**
  * Styles.
  */
-const AlertRoot = styled('div')({
+const AlertRoot = styled(FlexContainer)({
     width: '100%',
-    display: 'flex',
+    gap: 'var(--pv-size-base-2)',
     padding: 'var(--pv-size-base-2) var(--pv-size-base-4)',
     boxSizing: 'border-box',
     borderRadius: '4px',
@@ -41,10 +42,8 @@ const AlertRoot = styled('div')({
     };
 });
 const AlertIcon = styled('div')((props) => ({
-    marginRight: 'var(--pv-size-base-2)',
     width: '24px',
     display: 'flex',
-    padding: 'var(--pv-size-base-half) 0px',
     justifyContent: 'center',
     alignItems: 'center',
     ...(props.variant === 'wrong' && {
@@ -57,10 +56,10 @@ const AlertIcon = styled('div')((props) => ({
         color: 'var(--pv-color-success)',
     }),
 }));
-const AlertMessage = styled(Typography)({
+const AlertMessage = styled(Flex)({
     padding: 'var(--pv-size-base) 0px',
-    flex: '1',
     minHeight: 'var(--pv-text-b3-height)',
+    overflowWrap: 'break-word',
 });
 /**
  *
@@ -84,7 +83,8 @@ export const Alert = React.forwardRef((props, ref) => {
     };
     return (React.createElement(AlertRoot, { ref: ref, role: "alert", variant: variant, ...other },
         !disableIcon && (React.createElement(AlertIcon, { variant: variant }, renderIcon())),
-        React.createElement(AlertMessage, { variant: "b3", color: variant === 'wrong' ? 'wrong' : 'white' }, children),
+        React.createElement(AlertMessage, { size: "grow" },
+            React.createElement(Typography, { variant: "b3", color: variant === 'wrong' ? 'wrong' : 'white' }, children)),
         onClose && (React.createElement(IconButton, { size: "small", color: variant === 'wrong' ? 'wrong' : 'white', circled: true, onClick: onClose },
             React.createElement(CloseIcon, null)))));
 });

package/dist/esnext/Alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/Alert/alert.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/Alert/alert.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/Chip/chip.js

@@ -30,6 +30,7 @@ const ChipRoot = styled('div', {
     alignItems: 'center',
     whiteSpace: 'nowrap',
     textDecoration: 'none',
+    gap: 'var(--pv-size-base)',
     ...(props.disabled && {
         pointerEvents: 'none',
     }),
@@ -151,11 +152,9 @@ const ChipDeleteIcon = styled('span')({
     },
 });
 const ChipStartContent = styled('span')({
-    marginRight: 'var(--pv-size-base)',
     display: 'inherit',
 });
 const ChipEndContent = styled('span')({
-    marginLeft: 'var(--pv-size-base)',
     display: 'inherit',
 });
 /**

package/dist/esnext/Chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/Chip/chip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/Chip/chip.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/Dialog/dialog_title.js

@@ -14,9 +14,7 @@ const DialogTitleRoot = styled('header')({
     display: 'flex',
     flex: '0 0 auto',
     justifyContent: 'space-between',
-});
-const DialogTitleCloseButton = styled(IconButton)({
-    margin: '0 calc(var(--pv-size-base) * -1) 0 var(--pv-size-base-2)',
+    gap: 'var(--pv-size-base-2)',
 });
 /**
  *
@@ -25,7 +23,7 @@ export const DialogTitle = React.forwardRef((props, ref) => {
     const { children, onClose, ...other } = props;
     return (React.createElement(DialogTitleRoot, { ref: ref, "data-key": "dialog.title", ...other },
         React.createElement(Typography, { variant: "h4", color: "inherit" }, children),
-        onClose && (React.createElement(DialogTitleCloseButton, { size: "small", onClick: onClose },
+        onClose && (React.createElement(IconButton, { size: "small", onClick: onClose },
             React.createElement(CloseIcon, null)))));
 });
 DialogTitle.displayName = 'DialogTitle';

package/dist/esnext/Dialog/dialog_title.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqBrC;;GAEG;AAEH;;GAEG;AACH,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;CAChC,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAChD,MAAM,EAAE,0DAA0D;CACnE,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,cACC,cAAc,KACnB,KAAK;QAET,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,SAAS,IAEd,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,oBAAC,sBAAsB,IACrB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO;YAEhB,oBAAC,SAAS,OAAG,CACU,CAC1B,CACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,WAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqBrC;;GAEG;AAEH;;GAEG;AACH,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;IAC/B,GAAG,EAAE,uBAAuB;CAC7B,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,cACC,cAAc,KACnB,KAAK;QAET,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,SAAS,IAEd,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO;YAEhB,oBAAC,SAAS,OAAG,CACF,CACd,CACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,WAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esnext/NativeSelect/index.js

@@ -0,0 +1,2 @@
+export { NativeSelect } from './native_select';
+//# sourceMappingURL=index.js.map

package/dist/esnext/NativeSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NativeSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esnext/NativeSelect/native_select.js

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+import { Typography } from '../Typography';
+import { ArrowDropDownIcon } from '../icons';
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+const NativeSelectRoot = styled('select')((props) => ({
+    fontFamily: 'inherit',
+    outline: 'none',
+    cursor: 'pointer',
+    boxSizing: 'border-box',
+    width: '100%',
+    borderRadius: '4px',
+    padding: '0 calc(var(--pv-size-base-2) + 24px) 0 var(--pv-size-base-2)',
+    backgroundColor: 'var(--pv-color-gray-1)',
+    borderStyle: 'solid',
+    borderWidth: '1px',
+    transition: 'background-color 200ms, color 200ms, border-color 200ms',
+    display: 'block',
+    appearance: 'none',
+    fontWeight: 'var(--pv-text-c1-weight)',
+    fontSize: 'var(--pv-text-c1-size)',
+    lineHeight: 'var(--pv-text-c1-height)',
+    letterSpacing: 'var(--pv-text-c1-spacing)',
+    ...(props.selectSize === 'small' && {
+        height: 'var(--pv-size-base-6)',
+    }),
+    ...(props.selectSize === 'medium' && {
+        height: 'var(--pv-size-base-7)',
+    }),
+    ...(props.selectSize === 'large' && {
+        height: 'var(--pv-size-base-8)',
+    }),
+}), (props) => {
+    const isDark = props.theme.mode === 'dark';
+    const color = isDark
+        ? 'var(--pv-color-white)'
+        : 'var(--pv-color-black)';
+    let borderColor = 'var(--pv-color-gray-8)';
+    let borderColorHover = 'var(--pv-color-gray-7)';
+    let borderColorDisabled = 'var(--pv-color-gray-5)';
+    let colorDisabled = 'var(--pv-color-gray-7)';
+    let invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
+    let invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
+    let backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
+    let borderColorFocus = 'var(--pv-color-secondary-tint-3)';
+    if (isDark) {
+        borderColor = 'var(--pv-color-gray-5)';
+        borderColorHover = 'var(--pv-color-gray-4)';
+        borderColorDisabled = 'var(--pv-color-gray-4)';
+        colorDisabled = 'var(--pv-color-gray-4)';
+        invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
+        invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
+        backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
+        borderColorFocus = 'var(--pv-color-secondary-shade-1)';
+    }
+    return ({
+        color,
+        borderColor,
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
+            borderColor: borderColorHover,
+        },
+        '&:disabled': {
+            cursor: 'not-allowed',
+            backgroundColor: 'var(--pv-color-gray-1)',
+            borderColor: borderColorDisabled,
+            color: colorDisabled,
+        },
+        '&:not(:disabled)': {
+            '&[aria-invalid]': {
+                backgroundColor: invalidBackgroundColor,
+                borderColor: invalidBorderColor,
+            },
+            '&:focus-visible': {
+                backgroundColor: backgroundColorFocus,
+                borderColor: borderColorFocus,
+            },
+        },
+    });
+});
+const NativeSelectLabel = styled('label')({
+    marginBottom: '2px',
+    display: 'inline-block',
+});
+const NativeSelectErrorMessage = styled(Typography)({
+    marginTop: '2px',
+});
+const NativeSelectContainer = styled('div')({
+    position: 'relative',
+});
+const NativeSelectArrowIcon = styled(ArrowDropDownIcon)((props) => ({
+    position: 'absolute',
+    right: '0px',
+    top: 'calc(50% - 12px)',
+    pointerEvents: 'none',
+    margin: '0px var(--pv-size-base)',
+    color: 'var(--pv-color-gray-10)',
+    ...(props.disabled && {
+        color: 'var(--pv-color-gray-7)',
+    }),
+}));
+/**
+ *
+ */
+export const NativeSelect = React.forwardRef((props, ref) => {
+    const { options, size, label, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, onChange, ...other } = props;
+    return (React.createElement("div", { ref: ref, ...other },
+        label && (React.createElement(NativeSelectLabel, { htmlFor: id },
+            React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
+        React.createElement(NativeSelectContainer, null,
+            React.createElement(NativeSelectRoot, { selectSize: size, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, 
+                // eslint-disable-next-line jsx-a11y/no-autofocus
+                autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange, ...inputProps },
+                placeholder && (React.createElement("option", { value: "" }, placeholder)),
+                options.map((option) => (React.createElement("option", { key: option.value, value: option.value }, option.label)))),
+            React.createElement(NativeSelectArrowIcon, { disabled: disabled, "aria-hidden": true })),
+        error && errorText && (React.createElement(NativeSelectErrorMessage, { variant: "c2", color: "wrong" }, errorText))));
+});
+NativeSelect.displayName = 'NativeSelect';
+NativeSelect.defaultProps = {
+    disabled: false,
+    size: 'medium',
+};
+//# sourceMappingURL=native_select.js.map