@festo-ui/react 10.0.1-dev.850 → 10.0.1-dev.852

package/dist/forms/text-input/TextInput.js

@@ -1,65 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "./TextInput.css";
-import classnames from "classnames";
-import { forwardRef, useEffect, useRef } from "react";
-import { useId } from "../../utils/useId.js";
-const SUPPORTED_INPUT_TYPES = [
-    'text',
-    'number',
-    'password',
-    'datetime-local'
-];
-const TextInput = /*#__PURE__*/ forwardRef(({ readonly, type, value, defaultValue, error, hint, label, icon, onChange, className, id: idProps, autoFocus, ...props }, ref)=>{
-    const id = useId(idProps);
-    const inputRef = useRef(null);
-    const handleChange = (e)=>{
-        onChange?.(e.target.value, e);
-    };
-    useEffect(()=>{
-        if (autoFocus && inputRef.current) {
-            const timer = setTimeout(()=>{
-                inputRef.current?.focus();
-            }, 0);
-            return ()=>clearTimeout(timer);
-        }
-    }, [
-        autoFocus
-    ]);
-    const innerType = type && SUPPORTED_INPUT_TYPES.includes(type) ? type : 'text';
-    const labelClasses = classnames('fwe-input-text', {
-        'fwe-input-text-icon': icon
-    }, className);
-    return /*#__PURE__*/ jsxs("label", {
-        className: labelClasses,
-        htmlFor: id,
-        ref: ref,
-        children: [
-            /*#__PURE__*/ jsx("input", {
-                readOnly: readonly,
-                autoComplete: "off",
-                type: innerType,
-                value: value,
-                defaultValue: defaultValue,
-                onChange: handleChange,
-                id: id,
-                ref: inputRef,
-                ...props
-            }),
-            icon,
-            /*#__PURE__*/ jsx("span", {
-                className: "fwe-input-text-label",
-                children: label
-            }),
-            hint && /*#__PURE__*/ jsx("span", {
-                className: "fwe-input-text-info",
-                children: hint
-            }),
-            error && /*#__PURE__*/ jsx("span", {
-                className: "fwe-input-text-invalid",
-                children: error
-            })
-        ]
-    });
-});
-TextInput.displayName = 'TextInput';
-export { TextInput };

package/dist/forms/time-picker/TimePicker.css

@@ -1,10 +0,0 @@
-.fr-time-picker {
-  all: unset;
-  cursor: pointer;
-  display: contents;
-}
-
-.fr-time-picker:disabled {
-  cursor: default;
-}
-

package/dist/forms/time-picker/TimePicker.d.ts

@@ -1,25 +0,0 @@
-import './TimePicker.scss';
-import type React from 'react';
-export interface TimePickerOptions {
-    readonly timeFormat?: '12' | '24';
-    readonly showSeconds?: boolean;
-    readonly minuteStepSize?: number;
-    readonly range?: {
-        minValue: Date;
-        maxValue: Date;
-    };
-}
-export interface TimePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange' | 'value' | 'defaultValue' | 'children'> {
-    readonly value?: Date;
-    readonly defaultValue?: Date;
-    readonly name?: string;
-    readonly required?: boolean;
-    readonly disabled?: boolean;
-    readonly children?: React.ReactNode;
-    readonly error?: string;
-    readonly hint?: string;
-    readonly options?: TimePickerOptions;
-    readonly formatDate?: (date: Date) => string;
-    readonly onChange?: (date: Date) => void;
-}
-export declare const TimePicker: (props: TimePickerProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;

package/dist/forms/time-picker/TimePicker.js

@@ -1,125 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import "./TimePicker.css";
-import { IconTime } from "@festo-ui/react-icons";
-import { offset, useFloating } from "@floating-ui/react";
-import classnames from "classnames";
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { useForkRef } from "../../utils/useForkRef.js";
-import { useId } from "../../utils/useId.js";
-import { TimePickerDropdown } from "./time-picker-dropdown/TimePickerDropdown.js";
-const TimePicker = /*#__PURE__*/ forwardRef(({ error, hint, required, disabled, children, value, options, defaultValue, formatDate, name, onChange, id: idProps, className, ...props }, ref)=>{
-    const id = useId(idProps);
-    const innerFormatDate = formatDate ?? Intl.DateTimeFormat('default', {
-        hour: 'numeric',
-        minute: 'numeric',
-        ...options?.showSeconds && {
-            second: 'numeric'
-        }
-    }).format;
-    const timeFormat = options?.timeFormat ?? '24';
-    const { refs, floatingStyles } = useFloating({
-        placement: 'bottom',
-        middleware: [
-            offset(({ rects })=>-rects.reference.height - 12)
-        ]
-    });
-    const buttonRef = useRef(null);
-    const allRefs = useForkRef(ref, buttonRef);
-    const labelRef = useRef(null);
-    const combinedLabelRef = useForkRef(labelRef, refs.setReference);
-    const timePickerRef = useRef(null);
-    const combinedTimePickerRef = useForkRef(timePickerRef, refs.setFloating);
-    const [open, setOpen] = useState(false);
-    const controlled = void 0 !== value;
-    const initialValue = controlled ? value : defaultValue;
-    const [innerValue, setInnerValue] = useState(initialValue ?? new Date());
-    useEffect(()=>{
-        if (void 0 !== value) {
-            value.setMilliseconds(0);
-            setInnerValue(value);
-        }
-    }, [
-        value
-    ]);
-    function toggle(e) {
-        e?.preventDefault();
-        if (!disabled) setOpen((prevOpen)=>!prevOpen);
-    }
-    function handleDateChange(newDate) {
-        if (!controlled) setInnerValue(newDate);
-        if (onChange) onChange(newDate);
-    }
-    function handleClose(newDate) {
-        if (newDate) handleDateChange(newDate);
-        setOpen(false);
-    }
-    const container = labelRef?.current?.ownerDocument || document;
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
-                ref: allRefs,
-                onClick: toggle,
-                disabled: disabled,
-                className: classnames('fr-time-picker', className),
-                ...props,
-                children: /*#__PURE__*/ jsxs("label", {
-                    htmlFor: id,
-                    ref: combinedLabelRef,
-                    className: "fr-time-picker fwe-input-text fwe-input-text-icon",
-                    children: [
-                        /*#__PURE__*/ jsx(IconTime, {
-                            className: classnames({
-                                'fwe-color-hero': open && !disabled,
-                                'fwe-color-control-disabled': disabled
-                            })
-                        }),
-                        /*#__PURE__*/ jsx("input", {
-                            id: id,
-                            "aria-label": "picked time",
-                            type: "text",
-                            name: name,
-                            readOnly: true,
-                            required: required,
-                            className: classnames({
-                                'fwe-border-hero': open
-                            }),
-                            value: innerFormatDate(innerValue),
-                            disabled: disabled
-                        }),
-                        /*#__PURE__*/ jsx("span", {
-                            className: "fwe-input-text-label",
-                            children: children
-                        }),
-                        hint && /*#__PURE__*/ jsx("span", {
-                            className: "fwe-input-text-info",
-                            children: hint
-                        }),
-                        error && /*#__PURE__*/ jsx("span", {
-                            className: "fwe-input-text-invalid",
-                            children: error
-                        })
-                    ]
-                })
-            }),
-            open && /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(TimePickerDropdown, {
-                labelRef: labelRef,
-                ref: combinedTimePickerRef,
-                onClose: handleClose,
-                onDateChange: handleDateChange,
-                timeFormat: timeFormat,
-                showSeconds: options?.showSeconds,
-                minuteStepSize: options?.minuteStepSize,
-                range: options?.range,
-                date: innerValue,
-                style: {
-                    ...floatingStyles,
-                    minWidth: labelRef?.current?.scrollWidth
-                }
-            }), container.body)
-        ]
-    });
-});
-TimePicker.displayName = 'TimePicker';
-export { TimePicker };

package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.css

@@ -1,4 +0,0 @@
-.fr-timepicker {
-  z-index: var(--fwe-z-index-modal);
-}
-

package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts

@@ -1,19 +0,0 @@
-import './TimePickerDropdown.scss';
-import type React from 'react';
-import { type RefObject } from 'react';
-interface TimePickerDropdownProps {
-    timeFormat: '12' | '24';
-    date: Date;
-    onDateChange: (date: Date) => void;
-    showSeconds?: boolean;
-    minuteStepSize?: number;
-    range?: {
-        minValue: Date;
-        maxValue: Date;
-    };
-    onClose: (date?: Date) => void;
-    style?: React.CSSProperties;
-    labelRef: RefObject<HTMLLabelElement | null>;
-}
-export declare const TimePickerDropdown: (props: TimePickerDropdownProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export {};

package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js

@@ -1,209 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "./TimePickerDropdown.css";
-import { IconCollapse, IconExpand } from "@festo-ui/react-icons";
-import classnames from "classnames";
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { Button } from "../../../components/button/Button.js";
-import { useForkRef } from "../../../utils/useForkRef.js";
-import { useOnClickOutside } from "../../../utils/useOnClickOutside.js";
-import { TimePickerInput } from "./TimePickerInput.js";
-const TimePickerDropdown = /*#__PURE__*/ forwardRef(({ timeFormat, date, onDateChange, showSeconds, minuteStepSize, range, onClose, style, labelRef }, ref)=>{
-    const innerRef = useRef(null);
-    const combinedRef = useForkRef(ref, innerRef);
-    const hoursRef = useRef(null);
-    const [tmpHours, setTmpHours] = useState(null);
-    const [tmpMinutes, setTmpMinutes] = useState(null);
-    const [tmpSeconds, setTmpSeconds] = useState(null);
-    const [innerDate, setInnerDate] = useState(date);
-    useOnClickOutside(labelRef, ()=>onClose(innerDate), innerRef);
-    const min = 0;
-    const hourMax = '12' === timeFormat ? 12 : 23;
-    const minutesSecondsMax = 59;
-    let innerMinuteStepSize = 1;
-    if (minuteStepSize) {
-        if (minuteStepSize > 1 && minuteStepSize < 60) innerMinuteStepSize = Math.round(minuteStepSize);
-    }
-    useEffect(()=>{
-        requestAnimationFrame(()=>{
-            hoursRef.current?.focus();
-        });
-    }, []);
-    function handleKeyPress(e) {
-        if ('Escape' === e.key || 'Enter' === e.key) onClose('Enter' === e.key ? innerDate : void 0);
-    }
-    function limitRange(newDate) {
-        if (range) {
-            if (newDate > range.maxValue) return range.minValue;
-            if (newDate < range.minValue) return range.maxValue;
-        }
-        return newDate;
-    }
-    function handleHourIncrement(increment) {
-        let newDate = new Date(innerDate);
-        newDate.setHours(innerDate.getHours() + increment);
-        newDate = limitRange(newDate);
-        setInnerDate(newDate);
-        onDateChange(newDate);
-        setTmpHours(null);
-    }
-    function handleHourChange(e) {
-        let newDate = new Date(innerDate);
-        const hour = +e.target.value;
-        newDate.setHours(Math.min(Math.max(hour, min), hourMax));
-        newDate = limitRange(newDate);
-        setInnerDate(newDate);
-        setTmpHours(newDate.getHours().toString());
-    }
-    function handleMinuteIncrement(increment) {
-        let newDate = new Date(innerDate);
-        newDate.setMinutes(innerDate.getMinutes() + increment);
-        newDate = limitRange(newDate);
-        setInnerDate(newDate);
-        onDateChange(newDate);
-        setTmpMinutes(null);
-    }
-    function handleMinuteChange(e) {
-        let newDate = new Date(innerDate);
-        const minute = +e.target.value;
-        newDate.setMinutes(Math.min(Math.max(minute, min), minutesSecondsMax));
-        newDate = limitRange(newDate);
-        setInnerDate(newDate);
-        setTmpMinutes(newDate.getMinutes().toString());
-    }
-    function handleSecondIncrement(increment) {
-        let newDate = new Date(innerDate);
-        newDate.setSeconds(innerDate.getSeconds() + increment);
-        newDate = limitRange(newDate);
-        setInnerDate(newDate);
-        onDateChange(newDate);
-        setTmpSeconds(null);
-    }
-    function handleSecondChange(e) {
-        let newDate = new Date(innerDate);
-        const seconds = +e.target.value;
-        newDate.setSeconds(Math.min(Math.max(seconds, min), minutesSecondsMax));
-        newDate = limitRange(newDate);
-        setInnerDate(newDate);
-        setTmpSeconds(newDate.getSeconds().toString());
-    }
-    const hours = '12' === timeFormat ? (innerDate.getHours() + 11) % 12 + 1 : innerDate.getHours();
-    function toggleAmPm() {
-        const newDate = new Date(innerDate);
-        const currentHours = innerDate.getHours();
-        if (currentHours >= 0 && currentHours < 12) newDate.setHours(currentHours + 12);
-        else newDate.setHours(currentHours - 12);
-        setInnerDate(newDate);
-        onDateChange(newDate);
-    }
-    const formatNumberWithLeadingZero = (number)=>(number < 10 ? '0' : '') + number;
-    return /*#__PURE__*/ jsxs("div", {
-        role: "dialog",
-        style: style,
-        ref: combinedRef,
-        className: classnames('fr-timepicker fwe-timepicker', {
-            'fwe-timepicker-am-pm': '12' === timeFormat
-        }),
-        onKeyDown: (e)=>handleKeyPress(e),
-        tabIndex: -1,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "fwe-timepicker-spinners",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "fwe-timepicker-spinners-hours",
-                        children: [
-                            /*#__PURE__*/ jsx(Button, {
-                                tertiary: true,
-                                "aria-label": "hour up",
-                                className: "fwe-dark",
-                                onClick: ()=>handleHourIncrement(1),
-                                iconOnly: true,
-                                icon: /*#__PURE__*/ jsx(IconExpand, {})
-                            }),
-                            /*#__PURE__*/ jsx(TimePickerInput, {
-                                "aria-label": "hours value",
-                                min: min,
-                                max: hourMax,
-                                value: tmpHours ?? formatNumberWithLeadingZero(hours),
-                                onInput: handleHourChange,
-                                ref: hoursRef
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                tertiary: true,
-                                "aria-label": "hour down",
-                                className: "fwe-dark",
-                                onClick: ()=>handleHourIncrement(-1),
-                                iconOnly: true,
-                                icon: /*#__PURE__*/ jsx(IconCollapse, {})
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "fwe-timepicker-spinners-minutes",
-                        children: [
-                            /*#__PURE__*/ jsx(Button, {
-                                tertiary: true,
-                                "aria-label": "minute up",
-                                className: "fwe-dark",
-                                onClick: ()=>handleMinuteIncrement(innerMinuteStepSize),
-                                iconOnly: true,
-                                icon: /*#__PURE__*/ jsx(IconExpand, {})
-                            }),
-                            /*#__PURE__*/ jsx(TimePickerInput, {
-                                "aria-label": "minutes value",
-                                min: min,
-                                max: minutesSecondsMax,
-                                value: tmpMinutes ?? formatNumberWithLeadingZero(innerDate.getMinutes()),
-                                onInput: handleMinuteChange
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                tertiary: true,
-                                "aria-label": "minute down",
-                                className: "fwe-dark",
-                                onClick: ()=>handleMinuteIncrement(-innerMinuteStepSize),
-                                iconOnly: true,
-                                icon: /*#__PURE__*/ jsx(IconCollapse, {})
-                            })
-                        ]
-                    }),
-                    showSeconds && /*#__PURE__*/ jsxs("div", {
-                        className: "fwe-timepicker-spinners-seconds",
-                        children: [
-                            /*#__PURE__*/ jsx(Button, {
-                                tertiary: true,
-                                "aria-label": "seconds up",
-                                className: "fwe-dark",
-                                onClick: ()=>handleSecondIncrement(1),
-                                iconOnly: true,
-                                icon: /*#__PURE__*/ jsx(IconExpand, {})
-                            }),
-                            /*#__PURE__*/ jsx(TimePickerInput, {
-                                "aria-label": "seconds value",
-                                min: min,
-                                max: minutesSecondsMax,
-                                value: tmpSeconds ?? formatNumberWithLeadingZero(innerDate.getSeconds()),
-                                onInput: handleSecondChange
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                tertiary: true,
-                                "aria-label": "minute down",
-                                className: "fwe-dark",
-                                onClick: ()=>handleSecondIncrement(-1),
-                                iconOnly: true,
-                                icon: /*#__PURE__*/ jsx(IconCollapse, {})
-                            })
-                        ]
-                    })
-                ]
-            }),
-            '12' === timeFormat && /*#__PURE__*/ jsx("button", {
-                onClick: toggleAmPm,
-                type: "button",
-                className: "fwe-btn fwe-ml-m",
-                children: innerDate.getHours() >= 12 ? 'PM' : 'AM'
-            })
-        ]
-    });
-});
-TimePickerDropdown.displayName = 'TimePickerDropdown';
-export { TimePickerDropdown };

package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.d.ts

@@ -1,9 +0,0 @@
-interface TimePickerInputProps {
-    min: number;
-    value: string | number;
-    max: number;
-    onInput: React.FormEventHandler<HTMLInputElement>;
-    'aria-label': string;
-}
-export declare const TimePickerInput: (props: TimePickerInputProps & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null;
-export {};

package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const TimePickerInput = /*#__PURE__*/ forwardRef(({ min, max, value, onInput, 'aria-label': ariaLabel }, ref)=>/*#__PURE__*/ jsx("input", {
-        "aria-label": ariaLabel,
-        className: "fwe-timepicker-hide-spinners",
-        type: "number",
-        min: min,
-        step: 1,
-        value: value,
-        max: max,
-        onInput: onInput,
-        ref: ref
-    }));
-TimePickerInput.displayName = 'TimePickerInput';
-export { TimePickerInput };

package/dist/index.d.ts

@@ -1,60 +0,0 @@
-export type { Placement } from '@floating-ui/react';
-export { Accordion, type AccordionProps, } from './components/accordion/Accordion';
-export { AccordionHeader } from './components/accordion/accordion-header/AccordionHeader';
-export { AccordionItem, type AccordionItemProps, } from './components/accordion/accordion-item/AccordionItem';
-export { AccordionItemBody } from './components/accordion/accordion-item/accordion-item-body/AccordionItemBody';
-export { AccordionItemHeader } from './components/accordion/accordion-item/accordion-item-header/AccordionItemHeader';
-export { BottomSheet, type BottomSheetProps, } from './components/bottom-sheet/BottomSheet';
-export { Breadcrumb, type BreadcrumbProps, } from './components/breadcrumb/Breadcrumb';
-export { Button, type ButtonProps } from './components/button/Button';
-export { Card, type CardProps } from './components/card/Card';
-export { CardBody, type CardBodyProps } from './components/card/CardBody';
-export { CardHeader, type CardHeaderProps } from './components/card/CardHeader';
-export { CardNotification, type CardNotificationProps, } from './components/card/CardNotification';
-export { Chip, type ChipProps, ChipType } from './components/chips/chip/Chip';
-export { ChipContainer, type ChipContainerProps, } from './components/chips/chip-container/ChipContainer';
-export { LoadingIndicator, type LoadingIndicatorProps, } from './components/loading-indicator/LoadingIndicator';
-export { MobileFlyout, type MobileFlyoutProps, } from './components/mobile-flyout/MobileFlyout';
-export { MobileFlyoutItem, type MobileFlyoutItemBaseProps, type MobileFlyoutItemProps, } from './components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem';
-export { MobileFlyoutPage, type MobileFlyoutPageProps, } from './components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage';
-export { AlertModal, type AlertModalProps, } from './components/modals/AlertModal';
-export { ConfirmModal, type ConfirmModalProps, } from './components/modals/ConfirmModal';
-export { CustomModal, type CustomModalProps, } from './components/modals/CustomModal';
-export { ImageGallery, type ImageGalleryItemData, type ImageGalleryProps, } from './components/modals/image-gallery/ImageGallery';
-export { type ImageDescriptiveContent, ImageGalleryContent, type ImageGalleryContentProps, } from './components/modals/image-gallery/ImageGalleryContent';
-export { ImageGallerySwiper, type ImageGallerySwiperProps, } from './components/modals/image-gallery/ImageGallerySwiper';
-export { ImageGalleryThumbsSwiper, type ImageGalleryThumbsSwiperProps, } from './components/modals/image-gallery/ImageGalleryThumbsSwiper';
-export { Prompt, type PromptProps } from './components/modals/Prompt';
-export { Pagination, type PaginationProps, type PaginationType, } from './components/pagination/Pagination';
-export { Legend, type LegendItem, type LegendProps, } from './components/popovers/legend/Legend';
-export { Popover, type PopoverProps, } from './components/popovers/popover/Popover';
-export { PopoverMenu, type PopoverMenuProps, } from './components/popovers/popover-menu/PopoverMenu';
-export { PopoverMenuContext } from './components/popovers/popover-menu/PopoverMenuContext';
-export { PopoverMenuItem, type PopoverMenuItemProps, } from './components/popovers/popover-menu/popover-menu-item/PopoverMenuItem';
-export { Tooltip, type TooltipProps, } from './components/popovers/tooltip/Tooltip';
-export { Progress, type ProgressProps } from './components/progress/Progress';
-export { SearchInput, type SearchInputProps, } from './components/search-input/SearchInput';
-export { SearchSuggestion } from './components/search-input/SearchSuggestion';
-export { Snackbar, type SnackbarConfig, type SnackbarData, type SnackbarProps, } from './components/snackbar/Snackbar';
-export { addSnackbar, SnackbarProvider, type SnackbarProviderProps, } from './components/snackbar/SnackbarProvider';
-export { useSnackbar } from './components/snackbar/useSnackbar';
-export { StepperHorizontal, type StepperHorizontalProps, } from './components/stepper-horizontal/StepperHorizontal';
-export { StepHorizontal, type StepHorizontalProps, } from './components/stepper-horizontal/step-horizontal/StepHorizontal';
-export { StepperVertical, type StepperVerticalProps, } from './components/stepper-vertical/StepperVertical';
-export { StepVertical, type StepVerticalProps, } from './components/stepper-vertical/step-vertical/StepVertical';
-export { type TabItemAppearance, Tabs, type TabsConfiguration, type TabsProps, type TabViewType, } from './components/tab/Tabs';
-export { TabPane, type TabPaneProps } from './components/tab/tab-pane/TabPane';
-export { TableHeaderCell, type TableHeaderCellProps, } from './components/table-header-cell/TableHeaderCell';
-export { Checkbox, type CheckboxProps } from './forms/checkbox/Checkbox';
-export { ComboBox, type ComboBoxOption, type ComboBoxProps, } from './forms/combobox/ComboBox';
-export { MultiSelect, type MultiSelectProps, } from './forms/multi-select/MultiSelect';
-export { RadioButton, type RadioButtonProps, } from './forms/radio/RadioButton';
-export { RadioGroup, type RadioGroupProps } from './forms/radio/RadioGroup';
-export { Segment, type SegmentConfiguration, type SegmentProps, } from './forms/segment/Segment';
-export { SegmentControl, type SegmentControlProps, } from './forms/segment/segment-control/SegmentControl';
-export { Select, type SelectOption, type SelectProps, } from './forms/select/Select';
-export { Slider, type SliderProps } from './forms/slider/Slider';
-export { Switch, type SwitchProps } from './forms/switch/Switch';
-export { TextArea, type TextAreaProps } from './forms/text-area/TextArea';
-export { TextInput, type TextInputProps } from './forms/text-input/TextInput';
-export { TimePicker, type TimePickerOptions, type TimePickerProps, } from './forms/time-picker/TimePicker';

package/dist/index.js

@@ -1,60 +0,0 @@
-import { Accordion } from "./components/accordion/Accordion.js";
-import { AccordionHeader } from "./components/accordion/accordion-header/AccordionHeader.js";
-import { AccordionItem } from "./components/accordion/accordion-item/AccordionItem.js";
-import { AccordionItemBody } from "./components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js";
-import { AccordionItemHeader } from "./components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js";
-import { BottomSheet } from "./components/bottom-sheet/BottomSheet.js";
-import { Breadcrumb } from "./components/breadcrumb/Breadcrumb.js";
-import { Button } from "./components/button/Button.js";
-import { Card } from "./components/card/Card.js";
-import { CardBody } from "./components/card/CardBody.js";
-import { CardHeader } from "./components/card/CardHeader.js";
-import { CardNotification } from "./components/card/CardNotification.js";
-import { Chip, ChipType } from "./components/chips/chip/Chip.js";
-import { ChipContainer } from "./components/chips/chip-container/ChipContainer.js";
-import { LoadingIndicator } from "./components/loading-indicator/LoadingIndicator.js";
-import { MobileFlyout } from "./components/mobile-flyout/MobileFlyout.js";
-import { MobileFlyoutItem } from "./components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js";
-import { MobileFlyoutPage } from "./components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js";
-import { AlertModal } from "./components/modals/AlertModal.js";
-import { ConfirmModal } from "./components/modals/ConfirmModal.js";
-import { CustomModal } from "./components/modals/CustomModal.js";
-import { ImageGallery } from "./components/modals/image-gallery/ImageGallery.js";
-import { ImageGalleryContent } from "./components/modals/image-gallery/ImageGalleryContent.js";
-import { ImageGallerySwiper } from "./components/modals/image-gallery/ImageGallerySwiper.js";
-import { ImageGalleryThumbsSwiper } from "./components/modals/image-gallery/ImageGalleryThumbsSwiper.js";
-import { Prompt } from "./components/modals/Prompt.js";
-import { Pagination } from "./components/pagination/Pagination.js";
-import { Legend } from "./components/popovers/legend/Legend.js";
-import { Popover } from "./components/popovers/popover/Popover.js";
-import { PopoverMenu } from "./components/popovers/popover-menu/PopoverMenu.js";
-import { PopoverMenuContext } from "./components/popovers/popover-menu/PopoverMenuContext.js";
-import { PopoverMenuItem } from "./components/popovers/popover-menu/popover-menu-item/PopoverMenuItem.js";
-import { Tooltip } from "./components/popovers/tooltip/Tooltip.js";
-import { Progress } from "./components/progress/Progress.js";
-import { SearchInput } from "./components/search-input/SearchInput.js";
-import { SearchSuggestion } from "./components/search-input/SearchSuggestion.js";
-import { Snackbar } from "./components/snackbar/Snackbar.js";
-import { SnackbarProvider, addSnackbar } from "./components/snackbar/SnackbarProvider.js";
-import { useSnackbar } from "./components/snackbar/useSnackbar.js";
-import { StepperHorizontal } from "./components/stepper-horizontal/StepperHorizontal.js";
-import { StepHorizontal } from "./components/stepper-horizontal/step-horizontal/StepHorizontal.js";
-import { StepperVertical } from "./components/stepper-vertical/StepperVertical.js";
-import { StepVertical } from "./components/stepper-vertical/step-vertical/StepVertical.js";
-import { Tabs } from "./components/tab/Tabs.js";
-import { TabPane } from "./components/tab/tab-pane/TabPane.js";
-import { TableHeaderCell } from "./components/table-header-cell/TableHeaderCell.js";
-import { Checkbox } from "./forms/checkbox/Checkbox.js";
-import { ComboBox } from "./forms/combobox/ComboBox.js";
-import { MultiSelect } from "./forms/multi-select/MultiSelect.js";
-import { RadioButton } from "./forms/radio/RadioButton.js";
-import { RadioGroup } from "./forms/radio/RadioGroup.js";
-import { Segment } from "./forms/segment/Segment.js";
-import { SegmentControl } from "./forms/segment/segment-control/SegmentControl.js";
-import { Select } from "./forms/select/Select.js";
-import { Slider } from "./forms/slider/Slider.js";
-import { Switch } from "./forms/switch/Switch.js";
-import { TextArea } from "./forms/text-area/TextArea.js";
-import { TextInput } from "./forms/text-input/TextInput.js";
-import { TimePicker } from "./forms/time-picker/TimePicker.js";
-export { Accordion, AccordionHeader, AccordionItem, AccordionItemBody, AccordionItemHeader, AlertModal, BottomSheet, Breadcrumb, Button, Card, CardBody, CardHeader, CardNotification, Checkbox, Chip, ChipContainer, ChipType, ComboBox, ConfirmModal, CustomModal, ImageGallery, ImageGalleryContent, ImageGallerySwiper, ImageGalleryThumbsSwiper, Legend, LoadingIndicator, MobileFlyout, MobileFlyoutItem, MobileFlyoutPage, MultiSelect, Pagination, Popover, PopoverMenu, PopoverMenuContext, PopoverMenuItem, Progress, Prompt, RadioButton, RadioGroup, SearchInput, SearchSuggestion, Segment, SegmentControl, Select, Slider, Snackbar, SnackbarProvider, StepHorizontal, StepVertical, StepperHorizontal, StepperVertical, Switch, TabPane, TableHeaderCell, Tabs, TextArea, TextInput, TimePicker, Tooltip, addSnackbar, useSnackbar };

package/dist/utils/index.d.ts

@@ -1 +0,0 @@
-export declare const provideDiv: () => HTMLDivElement;

package/dist/utils/index.js

@@ -1,7 +0,0 @@
-const provideDiv = ()=>{
-    const div = document.createElement('div');
-    const id = Math.floor(1000 * Math.random());
-    div.setAttribute('id', `${id}`);
-    return div;
-};
-export { provideDiv };

package/dist/utils/setRef.d.ts

@@ -1 +0,0 @@
-export declare function setRef<T>(ref: React.ForwardedRef<T> | undefined, value: any): void;

package/dist/utils/setRef.js

@@ -1,5 +0,0 @@
-function setRef(ref, value) {
-    if ('function' == typeof ref) ref(value);
-    else if (ref) ref.current = value;
-}
-export { setRef };