@uxf/ui 11.6.1 → 11.8.0

package/css/checkbox-input.css

@@ -2,11 +2,14 @@
     margin-top: 4px;
 
     &__wrapper {
-        @apply flex justify-between space-x-3;
+        @apply space-x-3;
+
+        display: flex;
+        justify-content: space-between;
     }
 
     &__label {
-        @apply w-full;
+        width: 100%;
 
         :root .light & {
             @apply text-gray-600;
@@ -15,6 +18,10 @@
         :root .dark & {
             @apply text-gray-400;
         }
+
+        &--hidden {
+            @apply sr-only;
+        }
     }
 
     &__label--subtitle {
@@ -26,7 +33,7 @@
     &.is-disabled,
     &.is-readonly {
         & + .uxf-checkbox-input__label {
-            @apply pointer-events-none;
+            pointer-events: none;
         }
     }
 }

package/css/radio-group.css

@@ -109,7 +109,7 @@
             @apply focus-visible:ring-primary;
         }
 
-        .uxf-radio-group__option__wrapper {
+        .uxf-radio-group__option-wrapper {
             @apply before:border-gray-400;
 
             &.is-selected {

package/css/textarea.css

@@ -41,7 +41,7 @@
         }
 
         .uxf-textarea__wrapper {
-            @apply ring-2 ring-inset ring-[--border-color] ring-offset-0;
+            @apply ring-1 ring-inset ring-[--border-color] ring-offset-0;
         }
     }
 

package/date-picker/date-picker.stories.js

@@ -73,7 +73,11 @@ function Default() {
             react_1.default.createElement("li", null, "now + 5 days & now + 6 days -> flag-1 className, not disabled"),
             react_1.default.createElement("li", null, "now + 3 days & now + 4 days -> flag-2 className, disabled"),
             react_1.default.createElement("li", null, "now + 8 days -> no custom className, disabled")),
-        react_1.default.createElement(date_picker_1.DatePicker, { onChange: onChange, selectedDate: value, datesConfig: datesConfig })));
+        react_1.default.createElement(date_picker_1.DatePicker, { onChange: onChange, selectedDate: value, datesConfig: datesConfig }),
+        react_1.default.createElement("p", { className: "text-lg" }, "Date picker with bottom content"),
+        react_1.default.createElement(date_picker_1.DatePicker, { onChange: onChange, selectedDate: value, bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")) })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),
         react_1.default.createElement("div", { className: "dark max-w-[640px] space-y-4 rounded bg-gray-900 p-8 text-white" }, testDatePickers)));

package/date-picker-input/date-picker-input.stories.js

@@ -42,7 +42,10 @@ function Default() {
         react_1.default.createElement(date_picker_input_1.DatePickerInput, { id: "date-test-readonly", isReadOnly: true, label: "Datum readonly", name: "date-readonly", onChange: onChange, value: date }),
         react_1.default.createElement(date_picker_input_1.DatePickerInput, { id: "date-test-invalid", isClearable: true, isInvalid: true, label: "Datum invalid", name: "date-invalid", onChange: onChange, value: date }),
         react_1.default.createElement(date_picker_input_1.DatePickerInput, { id: "date-test-invalid", isClearable: true, minDate: "2023-06-06", maxDate: "2023-06-12", label: "Min/max", name: "date-invalid", onChange: onChange, placeholder: "", value: date }),
-        react_1.default.createElement(date_picker_input_1.DatePickerInput, { allowedDateFormats: ["MM/DD/YYYY", "M/D/YYYY"], displayDateFormat: "MM/DD/YYYY", id: "date-custom-format", isClearable: true, label: "Datum s vlastn\u00EDm form\u00E1tem (US)", name: "date", onChange: onChange, value: date })));
+        react_1.default.createElement(date_picker_input_1.DatePickerInput, { allowedDateFormats: ["MM/DD/YYYY", "M/D/YYYY"], displayDateFormat: "MM/DD/YYYY", id: "date-custom-format", isClearable: true, label: "Datum s vlastn\u00EDm form\u00E1tem (US)", name: "date", onChange: onChange, value: date }),
+        react_1.default.createElement(date_picker_input_1.DatePickerInput, { bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")), id: "date-test", isClearable: true, label: "With bottom content", name: "date", onChange: onChange, placeholder: "Zadejte datum...", value: date })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),
         react_1.default.createElement("div", { className: "dark max-w-[640px] space-y-4 rounded bg-gray-900 p-8 text-white" }, testDatePickers)));

package/date-range-picker-input/date-range-picker-input.stories.js

@@ -45,7 +45,10 @@ function Default() {
         react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { id: "date-test", name: "date", label: "Datum \u010Dehokoliv", value: range, onChange: onChange }),
         react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { id: "date-test-disabled", name: "date-disabled", label: "Datum disabled", value: range, onChange: onChange, isDisabled: true }),
         react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { id: "date-test-readonly", name: "date-readonly", label: "Datum readonly", value: range, onChange: onChange, isReadOnly: true }),
-        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { id: "date-test-invalid", name: "date-invalid", label: "Datum invalid", value: range, onChange: onChange, isInvalid: true, isClearable: true })));
+        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { id: "date-test-invalid", name: "date-invalid", label: "Datum invalid", value: range, onChange: onChange, isInvalid: true, isClearable: true }),
+        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")), id: "date-test", name: "date", label: "With bottom content", value: range, onChange: onChange, isClearable: true })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),
         react_1.default.createElement("div", { className: "dark max-w-[640px] space-y-4 rounded bg-gray-900 p-8 text-white" }, testDatePickers)));

package/datetime-picker/datetime-picker.stories.js

@@ -35,7 +35,9 @@ function Default() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", setValue);
     const testDatetimePickers = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(datetime_picker_1.DatetimePicker, { onChange: onChange, value: value })));
+        react_1.default.createElement(datetime_picker_1.DatetimePicker, { bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")), onChange: onChange, value: value })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatetimePickers),
         react_1.default.createElement("div", { className: "dark max-w-[640px] space-y-4 rounded bg-gray-900 p-8 text-white" }, testDatetimePickers)));

package/datetime-picker-input/datetime-picker-input.stories.js

@@ -41,7 +41,10 @@ function Default() {
         react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-disabled", isDisabled: true, label: "Datum a \u010Das disabled", name: "date-disabled", onChange: onChange, value: date }),
         react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-readonly", isReadOnly: true, label: "Datum a \u010Das readonly", name: "date-readonly", onChange: onChange, value: date }),
         react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-invalid", isClearable: true, isInvalid: true, label: "Datum a \u010Das invalid", name: "date-invalid", onChange: onChange, value: date }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-invalid", isClearable: true, minDate: "2023-06-13", maxDate: "2023-06-26", label: "min/max-validate", name: "min/max", onChange: onChange, placeholder: "", value: date })));
+        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-invalid", isClearable: true, minDate: "2023-06-13", maxDate: "2023-06-26", label: "min/max-validate", name: "min/max", onChange: onChange, placeholder: "", value: date }),
+        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")), id: "date-test", isClearable: true, label: "With bottom content", name: "date", onChange: onChange, placeholder: "Zadejte datum...", value: date })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),
         react_1.default.createElement("div", { className: "dark max-w-[640px] space-y-4 rounded bg-gray-900 p-8 text-white" }, testDatePickers)));

package/dropzone/dropzone-list.d.ts

@@ -4,8 +4,7 @@ import { DropzoneFile } from "./types";
 export interface DropzoneListProps extends FormControlProps<DropzoneFile[] | undefined> {
     className?: string;
     errorText?: string;
-    onAbortWarning?: string;
-    onRemoveWarning?: string;
+    onRemoveConfirm?: (file: DropzoneFile) => Promise<boolean>;
     renderItem?: (file: DropzoneFile) => ReactNode;
 }
 export declare const DropzoneList: FC<DropzoneListProps>;

package/dropzone/dropzone-list.js

@@ -42,18 +42,25 @@ function formatBytes(bytes, decimals = 2) {
 const DropzoneList = (props) => {
     var _a, _b, _c;
     const context = (0, react_1.useContext)(context_1.UiContext);
-    const onRemove = (file, isUploading) => () => {
+    const handleRemove = (file, value, isUploading) => {
         var _a;
-        // eslint-disable-next-line no-alert
-        if (props.value && isUploading && confirm(props.onAbortWarning || "Do you want to abort the file?")) {
+        if (isUploading) {
             (_a = file.abortController) === null || _a === void 0 ? void 0 : _a.abort();
-            props.onChange(props.value.filter((f) => f.id !== file.id));
+        }
+        props.onChange(value.filter((f) => f.id !== file.id));
+    };
+    const onRemove = (file, isUploading) => () => {
+        if (!props.value) {
             return;
         }
-        // eslint-disable-next-line no-alert
-        if (props.value && !isUploading && confirm(props.onRemoveWarning || "Do you want to delete the file?")) {
-            props.onChange(props.value.filter((f) => f.id !== file.id));
+        if (!props.onRemoveConfirm) {
+            return handleRemove(file, props.value, isUploading);
         }
+        props.onRemoveConfirm(file).then((canRemove) => {
+            if (canRemove && props.value) {
+                return handleRemove(file, props.value, isUploading);
+            }
+        });
     };
     if (((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) === 0) {
         return null;

package/dropzone/dropzone.stories.js

@@ -32,6 +32,7 @@ const upload_file_mock_1 = require("@uxf/ui/utils/mocks/upload-file.mock");
 const react_1 = __importStar(require("react"));
 const get_provider_config_1 = require("../_private-utils/get-provider-config");
 const context_1 = require("../context");
+const message_1 = require("../message");
 const action_1 = require("../utils/action");
 const index_1 = require("./index");
 exports.default = {
@@ -41,15 +42,29 @@ exports.default = {
 function Default() {
     const [files, setFiles] = (0, react_1.useState)([]);
     const onChange = (0, action_1.action)("onChange", setFiles);
+    const onRemoveConfirm = () => {
+        return new Promise((resolve) => {
+            message_1.MessageService.openConfirm({
+                acceptLabel: "Yes, delete",
+                cancelLabel: "Cancel",
+                title: "Do you want to delete the file?",
+                color: "error",
+                variant: "centered",
+                onAccept: () => resolve(true),
+                onCancel: () => resolve(false),
+                CustomIconComponent: null,
+            });
+        });
+    };
     const storyDropzone = (react_1.default.createElement("div", { className: "space-y-2" },
         react_1.default.createElement(index_1.Dropzone, { helperText: "Disabled drag 'n' drop", label: "Use drag and drop or click to upload", noDrag: true, onChange: onChange, onUploadFile: upload_file_mock_1.uploadFile, value: files }),
         react_1.default.createElement(index_1.Dropzone, { helperText: "Disabled onClick upload", label: react_1.default.createElement("span", { className: "bg-primary-600 rounded-lg px-4 py-2 font-bold text-white" }, "JSX label"), noClick: true, onChange: onChange, onUploadFile: upload_file_mock_1.uploadFile, value: files }),
         react_1.default.createElement(index_1.Dropzone, { accept: { "image/*": [] }, label: "Only images upload", onChange: onChange, onUploadFile: upload_file_mock_1.uploadFile, value: files }),
         react_1.default.createElement(index_1.Dropzone, { label: "Single file upload", maxFilesCount: 1, onChange: onChange, onUploadFile: upload_file_mock_1.uploadFile, value: files }),
         react_1.default.createElement(index_1.Dropzone, { isDisabled: true, label: "Disabled dropzone", onChange: onChange, onUploadFile: upload_file_mock_1.uploadFile, value: files }),
-        react_1.default.createElement(index_1.Dropzone.List, { errorText: "Chyba p\u0159i nahr\u00E1v\u00E1n\u00ED souboru", onAbortWarning: "Opravdu chcete p\u0159eru\u0161it nahr\u00E1v\u00E1n\u00ED?", onChange: onChange, onRemoveWarning: "Opravdu chcete soubor smazat?", value: files }),
-        react_1.default.createElement(index_1.Dropzone.List, { onChange: onChange, value: files, renderItem: (file) => (react_1.default.createElement("li", { key: file.id },
-                react_1.default.createElement("pre", null, JSON.stringify(file, null, 4)))) })));
+        react_1.default.createElement(index_1.Dropzone.List, { errorText: "Chyba p\u0159i nahr\u00E1v\u00E1n\u00ED souboru", onChange: onChange, onRemoveConfirm: onRemoveConfirm, value: files }),
+        react_1.default.createElement(index_1.Dropzone.List, { onChange: onChange, onRemoveConfirm: onRemoveConfirm, renderItem: (file) => (react_1.default.createElement("li", { key: file.id },
+                react_1.default.createElement("pre", null, JSON.stringify(file, null, 4)))), value: files })));
     return (react_1.default.createElement(context_1.UiContextProvider, { value: (0, get_provider_config_1.getProviderConfig)() },
         react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
             react_1.default.createElement("div", { className: "light space-y-2 p-20 lg:w-1/2" }, storyDropzone),

package/hooks/use-dropdown.d.ts

@@ -22,8 +22,8 @@ export declare function useDropdown(placement: Placement, matchWidth?: boolean,
     context: {
         x: number;
         y: number;
-        strategy: Strategy;
         placement: Placement;
+        strategy: Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

package/multi-select/_multi-select-base.js

@@ -60,7 +60,7 @@ exports._MultiSelectBase = (0, react_3.forwardRef)((props, ref) => {
             react_3.default.createElement(react_2.Listbox.Button, { "aria-invalid": props.isInvalid, "aria-describedby": props.errorId, as: "div", className: (0, cx_1.cx)("uxf-multi-combobox__button", (renderProps.open || input.focused) && classes_1.CLASSES.IS_FOCUSED, renderProps.disabled && classes_1.CLASSES.IS_DISABLED, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isInvalid && classes_1.CLASSES.IS_INVALID, dropdown.placement === "bottom" && `${classes_1.CLASSES.IS_OPEN}--bottom`, dropdown.placement === "top" && `${classes_1.CLASSES.IS_OPEN}--top`, renderProps.open && classes_1.CLASSES.IS_OPEN), onBlur: input.onBlur, onFocus: input.onFocus, tabIndex: props.isDisabled || props.isReadOnly ? undefined : 0, ref: stableRef },
                 react_3.default.createElement("div", { className: (0, cx_1.cx)("uxf-multi-select__input", selectedOptions.length === 0 && "uxf-multi-select__input--is-empty") }, selectedOptions.length === 0
                     ? props.placeholder
-                    : selectedOptions.map((item) => (react_3.default.createElement(chip_1.Chip, { className: "uxf-multi-combobox__input-chip", color: item.color, key: item.id, onClose: handleRemove(item.id), size: "large", suppressFocus: true }, item.label)))),
+                    : selectedOptions.map((item) => (react_3.default.createElement(chip_1.Chip, { className: "uxf-multi-combobox__input-chip", color: item.color, key: item.id, onClose: item.disabled ? undefined : handleRemove(item.id), size: "large", suppressFocus: true }, item.label)))),
                 react_3.default.createElement(icon_1.Icon, { className: (0, cx_1.cx)("uxf-select-base__arrow-icon", renderProps.open && classes_1.CLASSES.IS_OPEN), name: iconName })),
             renderProps.open && (react_3.default.createElement(react_1.FloatingPortal, null,
                 react_3.default.createElement(react_2.Listbox.Options, { className: (0, cx_1.cx)("uxf-dropdown", `uxf-dropdown--size-${(_a = props.size) !== null && _a !== void 0 ? _a : "default"}`, `uxf-dropdown--variant-${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`, dropdown.placement === "bottom" && "uxf-dropdown--bottom", dropdown.placement === "top" && "uxf-dropdown--top"), ref: dropdown.refs.setFloating, static: true, style: dropdown.floatingStyles }, filteredOptions.map((option) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "11.6.1",
+  "version": "11.8.0",
   "description": "",
   "publishConfig": {
     "access": "public"

package/readmes.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="mdx" />
+import alertBubbleReadme from "./alert-bubble/README.md";
+export declare const readmes: {
+    readonly "alert-bubble": typeof alertBubbleReadme;
+    readonly avatar: typeof alertBubbleReadme;
+    readonly "avatar-file-input": typeof alertBubbleReadme;
+    readonly badge: typeof alertBubbleReadme;
+    readonly button: typeof alertBubbleReadme;
+    readonly "button-group": typeof alertBubbleReadme;
+    readonly "button-list": typeof alertBubbleReadme;
+    readonly calendar: typeof alertBubbleReadme;
+    readonly checkbox: typeof alertBubbleReadme;
+    readonly "checkbox-button": typeof alertBubbleReadme;
+    readonly "checkbox-input": typeof alertBubbleReadme;
+    readonly chip: typeof alertBubbleReadme;
+    readonly "color-radio": typeof alertBubbleReadme;
+    readonly "color-radio-group": typeof alertBubbleReadme;
+    readonly combobox: typeof alertBubbleReadme;
+    readonly "date-picker": typeof alertBubbleReadme;
+    readonly "date-picker-input": typeof alertBubbleReadme;
+    readonly "date-range-picker": typeof alertBubbleReadme;
+    readonly "date-range-picker-input": typeof alertBubbleReadme;
+    readonly "datetime-picker": typeof alertBubbleReadme;
+    readonly "datetime-picker-input": typeof alertBubbleReadme;
+    readonly dialog: typeof alertBubbleReadme;
+    readonly dropdown: typeof alertBubbleReadme;
+    readonly dropzone: typeof alertBubbleReadme;
+    readonly "error-message": typeof alertBubbleReadme;
+    readonly "file-input": typeof alertBubbleReadme;
+    readonly "flash-messages": typeof alertBubbleReadme;
+    readonly "form-component": typeof alertBubbleReadme;
+    readonly icon: typeof alertBubbleReadme;
+    readonly "image-gallery": typeof alertBubbleReadme;
+    readonly input: typeof alertBubbleReadme;
+    readonly label: typeof alertBubbleReadme;
+    readonly layout: typeof alertBubbleReadme;
+    readonly "list-item": typeof alertBubbleReadme;
+    readonly loader: typeof alertBubbleReadme;
+    readonly message: typeof alertBubbleReadme;
+    readonly modal: typeof alertBubbleReadme;
+    readonly "multi-combobox": typeof alertBubbleReadme;
+    readonly "multi-select": typeof alertBubbleReadme;
+    readonly pagination: typeof alertBubbleReadme;
+    readonly paper: typeof alertBubbleReadme;
+    readonly radio: typeof alertBubbleReadme;
+    readonly "radio-group": typeof alertBubbleReadme;
+    readonly "raster-image": typeof alertBubbleReadme;
+    readonly select: typeof alertBubbleReadme;
+    readonly tabs: typeof alertBubbleReadme;
+    readonly "text-input": typeof alertBubbleReadme;
+    readonly "text-link": typeof alertBubbleReadme;
+    readonly textarea: typeof alertBubbleReadme;
+    readonly "time-picker": typeof alertBubbleReadme;
+    readonly "time-picker-input": typeof alertBubbleReadme;
+    readonly toggle: typeof alertBubbleReadme;
+    readonly tooltip: typeof alertBubbleReadme;
+    readonly typography: typeof alertBubbleReadme;
+};

package/readmes.js

@@ -0,0 +1,117 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readmes = void 0;
+// generated file
+const README_md_1 = __importDefault(require("./alert-bubble/README.md"));
+const README_md_2 = __importDefault(require("./avatar/README.md"));
+const README_md_3 = __importDefault(require("./avatar-file-input/README.md"));
+const README_md_4 = __importDefault(require("./badge/README.md"));
+const README_md_5 = __importDefault(require("./button/README.md"));
+const README_md_6 = __importDefault(require("./button-group/README.md"));
+const README_md_7 = __importDefault(require("./button-list/README.md"));
+const README_md_8 = __importDefault(require("./calendar/README.md"));
+const README_md_9 = __importDefault(require("./checkbox/README.md"));
+const README_md_10 = __importDefault(require("./checkbox-button/README.md"));
+const README_md_11 = __importDefault(require("./checkbox-input/README.md"));
+const README_md_12 = __importDefault(require("./chip/README.md"));
+const README_md_13 = __importDefault(require("./color-radio/README.md"));
+const README_md_14 = __importDefault(require("./color-radio-group/README.md"));
+const README_md_15 = __importDefault(require("./combobox/README.md"));
+const README_md_16 = __importDefault(require("./date-picker/README.md"));
+const README_md_17 = __importDefault(require("./date-picker-input/README.md"));
+const README_md_18 = __importDefault(require("./date-range-picker/README.md"));
+const README_md_19 = __importDefault(require("./date-range-picker-input/README.md"));
+const README_md_20 = __importDefault(require("./datetime-picker/README.md"));
+const README_md_21 = __importDefault(require("./datetime-picker-input/README.md"));
+const README_md_22 = __importDefault(require("./dialog/README.md"));
+const README_md_23 = __importDefault(require("./dropdown/README.md"));
+const README_md_24 = __importDefault(require("./dropzone/README.md"));
+const README_md_25 = __importDefault(require("./error-message/README.md"));
+const README_md_26 = __importDefault(require("./file-input/README.md"));
+const README_md_27 = __importDefault(require("./flash-messages/README.md"));
+const README_md_28 = __importDefault(require("./form-component/README.md"));
+const README_md_29 = __importDefault(require("./icon/README.md"));
+const README_md_30 = __importDefault(require("./image-gallery/README.md"));
+const README_md_31 = __importDefault(require("./input/README.md"));
+const README_md_32 = __importDefault(require("./label/README.md"));
+const README_md_33 = __importDefault(require("./layout/README.md"));
+const README_md_34 = __importDefault(require("./list-item/README.md"));
+const README_md_35 = __importDefault(require("./loader/README.md"));
+const README_md_36 = __importDefault(require("./message/README.md"));
+const README_md_37 = __importDefault(require("./modal/README.md"));
+const README_md_38 = __importDefault(require("./multi-combobox/README.md"));
+const README_md_39 = __importDefault(require("./multi-select/README.md"));
+const README_md_40 = __importDefault(require("./pagination/README.md"));
+const README_md_41 = __importDefault(require("./paper/README.md"));
+const README_md_42 = __importDefault(require("./radio/README.md"));
+const README_md_43 = __importDefault(require("./radio-group/README.md"));
+const README_md_44 = __importDefault(require("./raster-image/README.md"));
+const README_md_45 = __importDefault(require("./select/README.md"));
+const README_md_46 = __importDefault(require("./tabs/README.md"));
+const README_md_47 = __importDefault(require("./text-input/README.md"));
+const README_md_48 = __importDefault(require("./text-link/README.md"));
+const README_md_49 = __importDefault(require("./textarea/README.md"));
+const README_md_50 = __importDefault(require("./time-picker/README.md"));
+const README_md_51 = __importDefault(require("./time-picker-input/README.md"));
+const README_md_52 = __importDefault(require("./toggle/README.md"));
+const README_md_53 = __importDefault(require("./tooltip/README.md"));
+const README_md_54 = __importDefault(require("./typography/README.md"));
+exports.readmes = {
+    "alert-bubble": README_md_1.default,
+    "avatar": README_md_2.default,
+    "avatar-file-input": README_md_3.default,
+    "badge": README_md_4.default,
+    "button": README_md_5.default,
+    "button-group": README_md_6.default,
+    "button-list": README_md_7.default,
+    "calendar": README_md_8.default,
+    "checkbox": README_md_9.default,
+    "checkbox-button": README_md_10.default,
+    "checkbox-input": README_md_11.default,
+    "chip": README_md_12.default,
+    "color-radio": README_md_13.default,
+    "color-radio-group": README_md_14.default,
+    "combobox": README_md_15.default,
+    "date-picker": README_md_16.default,
+    "date-picker-input": README_md_17.default,
+    "date-range-picker": README_md_18.default,
+    "date-range-picker-input": README_md_19.default,
+    "datetime-picker": README_md_20.default,
+    "datetime-picker-input": README_md_21.default,
+    "dialog": README_md_22.default,
+    "dropdown": README_md_23.default,
+    "dropzone": README_md_24.default,
+    "error-message": README_md_25.default,
+    "file-input": README_md_26.default,
+    "flash-messages": README_md_27.default,
+    "form-component": README_md_28.default,
+    "icon": README_md_29.default,
+    "image-gallery": README_md_30.default,
+    "input": README_md_31.default,
+    "label": README_md_32.default,
+    "layout": README_md_33.default,
+    "list-item": README_md_34.default,
+    "loader": README_md_35.default,
+    "message": README_md_36.default,
+    "modal": README_md_37.default,
+    "multi-combobox": README_md_38.default,
+    "multi-select": README_md_39.default,
+    "pagination": README_md_40.default,
+    "paper": README_md_41.default,
+    "radio": README_md_42.default,
+    "radio-group": README_md_43.default,
+    "raster-image": README_md_44.default,
+    "select": README_md_45.default,
+    "tabs": README_md_46.default,
+    "text-input": README_md_47.default,
+    "text-link": README_md_48.default,
+    "textarea": README_md_49.default,
+    "time-picker": README_md_50.default,
+    "time-picker-input": README_md_51.default,
+    "toggle": README_md_52.default,
+    "tooltip": README_md_53.default,
+    "typography": README_md_54.default,
+};

package/time-picker/{time-picker-input.spec.js → time-picker.spec.js}

@@ -5,5 +5,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const snap_test_1 = require("../utils/snap-test");
-const time_picker_input_stories_1 = require("./time-picker-input.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(time_picker_input_stories_1.Default, null));
+const time_picker_stories_1 = require("./time-picker.stories");
+(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(time_picker_stories_1.Default, null));

package/tooltip/use-tooltip.d.ts

@@ -28,8 +28,8 @@ export declare function useTooltip(options: TooltipOptions): {
     context: {
         x: number;
         y: number;
-        strategy: import("@floating-ui/utils").Strategy;
         placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;