@fleetia/components 1.1.1

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ModalProps } from "./Modal.type";
+export type { ModalProps };
+export declare function Modal({ isOpen, onClose, children, size, title, className }: ModalProps): React.ReactElement | null;

package/dist/Modal/Modal.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from 'react';
+import clsx from 'clsx';
+import { useTranslation } from '../i18n/context.js';
+import { useFocusTrap } from '../hooks/useFocusTrap.js';
+import { useBodyScrollLock } from '../hooks/useBodyScrollLock.js';
+import { overlay, header, title, closeButton, body, modal } from './Modal.styles.js';
+
+function Modal({ isOpen, onClose, children, size = "md", title: title$1, className }) {
+    const { t } = useTranslation();
+    const titleId = useId();
+    const modalRef = useFocusTrap({ enabled: isOpen, onEscape: onClose });
+    useBodyScrollLock(isOpen);
+    if (!isOpen)
+        return null;
+    return (jsx("div", { className: overlay, onClick: onClose, role: "presentation", children: jsxs("div", { ref: modalRef, className: clsx(modal[size], className), onClick: e => e.stopPropagation(), role: "dialog", "aria-modal": "true", "aria-labelledby": title$1 ? titleId : undefined, children: [title$1 && (jsxs("div", { className: header, children: [jsx("h2", { id: titleId, className: title, children: title$1 }), jsx("button", { className: closeButton, onClick: onClose, "aria-label": t("modal.close"), children: "\u00D7" })] })), jsx("div", { className: body, children: children })] }) }));
+}
+
+export { Modal };

package/dist/Modal/Modal.styles.js

@@ -0,0 +1,11 @@
+import './../styles/tokens.css';
+import './../styles/Modal/Modal.css';
+
+var body = 'Modal_body__xxu4lt8';
+var closeButton = 'Modal_closeButton__xxu4lt7';
+var header = 'Modal_header__xxu4lt5';
+var modal = {sm:'Modal_modal_sm__xxu4lt2 Modal_modalBase__xxu4lt1',md:'Modal_modal_md__xxu4lt3 Modal_modalBase__xxu4lt1',lg:'Modal_modal_lg__xxu4lt4 Modal_modalBase__xxu4lt1'};
+var overlay = 'Modal_overlay__xxu4lt0';
+var title = 'Modal_title__xxu4lt6';
+
+export { body, closeButton, header, modal, overlay, title };

package/dist/Modal/Modal.type.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+export type ModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+    title?: string;
+    className?: string;
+};

package/dist/Modal/index.d.ts

@@ -0,0 +1 @@
+export { Modal, type ModalProps } from "./Modal";

package/dist/Modal/index.js

@@ -0,0 +1 @@
+export { Modal } from './Modal.js';

package/dist/NavigationButton/NavigationButton.css.d.ts

@@ -0,0 +1 @@
+export declare const pageButton: string;

package/dist/NavigationButton/NavigationButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type NavigationButtonProps = {
+    direction: "left" | "right";
+    onClick: () => void;
+    className?: string;
+};
+declare function NavigationButton({ direction, onClick, className }: NavigationButtonProps): React.ReactElement;
+export { NavigationButton };

package/dist/NavigationButton/NavigationButton.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { ChevronLeftIcon } from '../icons/ChevronLeftIcon.js';
+import { ChevronRightIcon } from '../icons/ChevronRightIcon.js';
+import 'react';
+import { useTranslation } from '../i18n/context.js';
+import { pageButton } from './NavigationButton.styles.js';
+
+function NavigationButton({ direction, onClick, className }) {
+    const { t } = useTranslation();
+    return (jsx("button", { onClick: onClick, className: clsx(pageButton, className), "aria-label": direction === "left" ? t("navigation.previous") : t("navigation.next"), children: direction === "left" ? jsx(ChevronLeftIcon, {}) : jsx(ChevronRightIcon, {}) }));
+}
+
+export { NavigationButton };

package/dist/NavigationButton/NavigationButton.styles.js

@@ -0,0 +1,6 @@
+import './../styles/tokens.css';
+import './../styles/NavigationButton/NavigationButton.css';
+
+var pageButton = 'NavigationButton_pageButton__ras3f00';
+
+export { pageButton };

package/dist/NavigationButton/index.d.ts

@@ -0,0 +1 @@
+export { NavigationButton, type NavigationButtonProps } from "./NavigationButton";

package/dist/NavigationButton/index.js

@@ -0,0 +1 @@
+export { NavigationButton } from './NavigationButton.js';

package/dist/PositionGrid/PositionGrid.css.d.ts

@@ -0,0 +1,10 @@
+export declare const positionWrapper: string;
+export declare const positionGrid: string;
+export declare const positionCell: string;
+export declare const positionActive: string;
+export declare const marginTop: string;
+export declare const marginBottom: string;
+export declare const marginMiddle: string;
+export declare const marginSide: string;
+export declare const marginInput: string;
+export declare const marginUnit: string;

package/dist/PositionGrid/PositionGrid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { MarginValues, PositionGridProps } from "./PositionGrid.type";
+export type { MarginValues, PositionGridProps };
+declare function PositionGrid({ value, options, onChange, margin, onMarginChange }: PositionGridProps): React.ReactElement;
+export { PositionGrid };

package/dist/PositionGrid/PositionGrid.js

@@ -0,0 +1,17 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import 'react';
+import { useTranslation } from '../i18n/context.js';
+import { positionWrapper, marginTop, marginInput, marginUnit, marginMiddle, marginSide, positionGrid, positionCell, positionActive, marginBottom } from './PositionGrid.styles.js';
+
+function PositionGrid({ value, options, onChange, margin, onMarginChange }) {
+    const { t } = useTranslation();
+    const handleMargin = (side, val) => {
+        if (!onMarginChange || !margin)
+            return;
+        onMarginChange({ ...margin, [side]: val });
+    };
+    return (jsx("div", { className: positionWrapper, role: "group", "aria-label": t("positionGrid.group"), children: margin && onMarginChange ? (jsxs(Fragment, { children: [jsxs("div", { className: marginTop, children: [jsx("input", { type: "number", className: marginInput, value: margin.top, onChange: e => handleMargin("top", Number(e.target.value)), min: 0, "aria-label": t("positionGrid.margin.top") }), jsx("span", { className: marginUnit, children: "px" })] }), jsxs("div", { className: marginMiddle, children: [jsxs("div", { className: marginSide, children: [jsx("input", { type: "number", className: marginInput, value: margin.left, onChange: e => handleMargin("left", Number(e.target.value)), min: 0, "aria-label": t("positionGrid.margin.left") }), jsx("span", { className: marginUnit, children: "px" })] }), jsx("div", { className: positionGrid, children: options.map(pos => (jsx("button", { className: clsx(positionCell, value === pos && positionActive), onClick: () => onChange(pos), "aria-label": pos }, pos))) }), jsxs("div", { className: marginSide, children: [jsx("input", { type: "number", className: marginInput, value: margin.right, onChange: e => handleMargin("right", Number(e.target.value)), min: 0, "aria-label": t("positionGrid.margin.right") }), jsx("span", { className: marginUnit, children: "px" })] })] }), jsxs("div", { className: marginBottom, children: [jsx("input", { type: "number", className: marginInput, value: margin.bottom, onChange: e => handleMargin("bottom", Number(e.target.value)), min: 0, "aria-label": t("positionGrid.margin.bottom") }), jsx("span", { className: marginUnit, children: "px" })] })] })) : (jsx("div", { className: positionGrid, children: options.map(pos => (jsx("button", { className: clsx(positionCell, value === pos && positionActive), onClick: () => onChange(pos), "aria-label": pos }, pos))) })) }));
+}
+
+export { PositionGrid };

package/dist/PositionGrid/PositionGrid.styles.js

@@ -0,0 +1,15 @@
+import './../styles/tokens.css';
+import './../styles/PositionGrid/PositionGrid.css';
+
+var marginBottom = 'PositionGrid_marginBottom__1iy2ljo5';
+var marginInput = 'PositionGrid_marginInput__1iy2ljo8';
+var marginMiddle = 'PositionGrid_marginMiddle__1iy2ljo6';
+var marginSide = 'PositionGrid_marginSide__1iy2ljo7';
+var marginTop = 'PositionGrid_marginTop__1iy2ljo4';
+var marginUnit = 'PositionGrid_marginUnit__1iy2ljo9';
+var positionActive = 'PositionGrid_positionActive__1iy2ljo3';
+var positionCell = 'PositionGrid_positionCell__1iy2ljo2';
+var positionGrid = 'PositionGrid_positionGrid__1iy2ljo1';
+var positionWrapper = 'PositionGrid_positionWrapper__1iy2ljo0';
+
+export { marginBottom, marginInput, marginMiddle, marginSide, marginTop, marginUnit, positionActive, positionCell, positionGrid, positionWrapper };

package/dist/PositionGrid/PositionGrid.type.d.ts

@@ -0,0 +1,13 @@
+export type MarginValues = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+export type PositionGridProps = {
+    value: string;
+    options: string[];
+    onChange: (pos: string) => void;
+    margin?: MarginValues;
+    onMarginChange?: (margin: MarginValues) => void;
+};

package/dist/PositionGrid/index.d.ts

@@ -0,0 +1 @@
+export { PositionGrid, type PositionGridProps, type MarginValues } from "./PositionGrid";

package/dist/PositionGrid/index.js

@@ -0,0 +1 @@
+export { PositionGrid } from './PositionGrid.js';

package/dist/RadioGroup/RadioGroup.css.d.ts

@@ -0,0 +1,3 @@
+export declare const group: string;
+export declare const label: string;
+export declare const input: string;

package/dist/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export type RadioOption<T extends string = string> = {
+    value: T;
+    label: string;
+    disabled?: boolean;
+};
+export type RadioGroupProps<T extends string = string> = {
+    name?: string;
+    options: RadioOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    disabled?: boolean;
+    className?: string;
+};
+export declare function RadioGroup<T extends string = string>({ name, options, value, onChange, disabled, className }: RadioGroupProps<T>): React.ReactElement;

package/dist/RadioGroup/RadioGroup.js

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from 'react';
+import clsx from 'clsx';
+import { label, input, group } from './RadioGroup.styles.js';
+
+function RadioGroup({ name, options, value, onChange, disabled, className }) {
+    const groupId = useId();
+    const groupName = name ?? groupId;
+    return (jsx("div", { role: "radiogroup", className: clsx(group, className), children: options.map(option => {
+            const isDisabled = disabled || option.disabled;
+            return (jsxs("label", { className: label, "data-disabled": isDisabled || undefined, children: [jsx("input", { type: "radio", name: groupName, value: option.value, checked: value === option.value, onChange: () => onChange(option.value), disabled: isDisabled, className: input }), option.label] }, option.value));
+        }) }));
+}
+
+export { RadioGroup };

package/dist/RadioGroup/RadioGroup.styles.js

@@ -0,0 +1,8 @@
+import './../styles/tokens.css';
+import './../styles/RadioGroup/RadioGroup.css';
+
+var group = 'RadioGroup_group__1vsmdhf0';
+var input = 'RadioGroup_input__1vsmdhf2';
+var label = 'RadioGroup_label__1vsmdhf1';
+
+export { group, input, label };

package/dist/RadioGroup/index.d.ts

@@ -0,0 +1 @@
+export { RadioGroup, type RadioGroupProps, type RadioOption } from "./RadioGroup";

package/dist/RadioGroup/index.js

@@ -0,0 +1 @@
+export { RadioGroup } from './RadioGroup.js';

package/dist/RangeInput/RangeInput.css.d.ts

@@ -0,0 +1,4 @@
+export declare const rangeInputWrapper: string;
+export declare const settingLabel: string;
+export declare const rangeLabel: string;
+export declare const rangeInput: string;

package/dist/RangeInput/RangeInput.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type RangeInputProps = {
+    label: string;
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    displayValue?: string;
+    onChange: (value: number) => void;
+};
+declare function RangeInput({ label, value, min, max, step, displayValue, onChange }: RangeInputProps): React.ReactElement;
+export { RangeInput };

package/dist/RangeInput/RangeInput.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+import { rangeInputWrapper, settingLabel, rangeLabel, rangeInput } from './RangeInput.styles.js';
+
+function RangeInput({ label, value, min, max, step, displayValue, onChange }) {
+    const inputId = useId();
+    return (jsxs("div", { className: rangeInputWrapper, children: [jsx("label", { htmlFor: inputId, className: settingLabel, children: jsxs("span", { className: rangeLabel, children: [label, ": ", displayValue ?? value] }) }), jsx("input", { id: inputId, type: "range", min: min, max: max, step: step, value: value, "aria-label": label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, onChange: e => onChange(parseFloat(e.target.value)), className: rangeInput })] }));
+}
+
+export { RangeInput };

package/dist/RangeInput/RangeInput.styles.js

@@ -0,0 +1,9 @@
+import './../styles/tokens.css';
+import './../styles/RangeInput/RangeInput.css';
+
+var rangeInput = 'RangeInput_rangeInput__96j5at3';
+var rangeInputWrapper = 'RangeInput_rangeInputWrapper__96j5at0';
+var rangeLabel = 'RangeInput_rangeLabel__96j5at2';
+var settingLabel = 'RangeInput_settingLabel__96j5at1';
+
+export { rangeInput, rangeInputWrapper, rangeLabel, settingLabel };

package/dist/RangeInput/index.d.ts

@@ -0,0 +1 @@
+export { RangeInput, type RangeInputProps } from "./RangeInput";

package/dist/RangeInput/index.js

@@ -0,0 +1 @@
+export { RangeInput } from './RangeInput.js';

package/dist/Select/Select.css.d.ts

@@ -0,0 +1,4 @@
+export declare const wrapper: string;
+export declare const label: string;
+export declare const base: string;
+export declare const size: Record<"sm" | "md" | "lg", string>;

package/dist/Select/Select.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export type SelectProps = {
+    value: string;
+    onChange: (value: string) => void;
+    children: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+    disabled?: boolean;
+};
+export declare function Select({ value, onChange, children, size, className, disabled }: SelectProps): React.ReactElement;
+export type SelectLabelProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function SelectLabel({ children, className }: SelectLabelProps): React.ReactElement;
+export type SelectGroupProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function SelectGroup({ children, className }: SelectGroupProps): React.ReactElement;

package/dist/Select/Select.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { size, wrapper, label } from './Select.styles.js';
+
+function Select({ value, onChange, children, size: size$1 = "md", className, disabled }) {
+    return (jsx("select", { className: clsx(size[size$1], className), value: value, onChange: e => onChange(e.target.value), disabled: disabled, children: children }));
+}
+function SelectLabel({ children, className }) {
+    return jsx("span", { className: clsx(label, className), children: children });
+}
+function SelectGroup({ children, className }) {
+    return jsx("div", { className: clsx(wrapper, className), children: children });
+}
+
+export { Select, SelectGroup, SelectLabel };

package/dist/Select/Select.styles.js

@@ -0,0 +1,8 @@
+import './../styles/tokens.css';
+import './../styles/Select/Select.css';
+
+var label = 'Select_label__19h9gyc1';
+var size = {sm:'Select_size_sm__19h9gyc3 Select_base__19h9gyc2',md:'Select_size_md__19h9gyc4 Select_base__19h9gyc2',lg:'Select_size_lg__19h9gyc5 Select_base__19h9gyc2'};
+var wrapper = 'Select_wrapper__19h9gyc0';
+
+export { label, size, wrapper };

package/dist/Select/index.d.ts

@@ -0,0 +1 @@
+export { Select, SelectLabel, SelectGroup, type SelectProps, type SelectLabelProps, type SelectGroupProps } from "./Select";

package/dist/Select/index.js

@@ -0,0 +1 @@
+export { Select, SelectGroup, SelectLabel } from './Select.js';

package/dist/Sidebar/Sidebar.css.d.ts

@@ -0,0 +1,3 @@
+export declare const sidebar: string;
+export declare const sidebarRight: string;
+export declare const sidebarLeft: string;

package/dist/Sidebar/Sidebar.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type SidebarProps = {
+    children: React.ReactNode;
+    className?: string;
+    position?: "left" | "right";
+    "aria-label"?: string;
+    ref?: React.Ref<HTMLElement>;
+};
+declare function Sidebar({ children, className, position, "aria-label": ariaLabel, ref }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export { Sidebar };

package/dist/Sidebar/Sidebar.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { sidebar, sidebarRight, sidebarLeft } from './Sidebar.styles.js';
+
+function Sidebar({ children, className, position = "right", "aria-label": ariaLabel, ref }) {
+    return (jsx("section", { ref: ref, className: clsx(sidebar, position === "right" ? sidebarRight : sidebarLeft, className), "aria-label": ariaLabel, children: children }));
+}
+
+export { Sidebar };

package/dist/Sidebar/Sidebar.styles.js

@@ -0,0 +1,8 @@
+import './../styles/tokens.css';
+import './../styles/Sidebar/Sidebar.css';
+
+var sidebar = 'Sidebar_sidebar__1wau54s0';
+var sidebarLeft = 'Sidebar_sidebarLeft__1wau54s2';
+var sidebarRight = 'Sidebar_sidebarRight__1wau54s1';
+
+export { sidebar, sidebarLeft, sidebarRight };

package/dist/Sidebar/index.d.ts

@@ -0,0 +1 @@
+export { Sidebar, type SidebarProps } from "./Sidebar";

package/dist/Sidebar/index.js

@@ -0,0 +1 @@
+export { Sidebar } from './Sidebar.js';

package/dist/Tabs/Tabs.css.d.ts

@@ -0,0 +1,5 @@
+export declare const wrapper: string;
+export declare const container: Record<"primary" | "secondary", string>;
+export declare const tab: Record<"primary" | "secondary", string>;
+export declare const tabActive: Record<"primary" | "secondary", string>;
+export declare const panel: string;

package/dist/Tabs/Tabs.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export type TabItem = {
+    key: string;
+    label: string;
+    content: React.ReactNode;
+};
+export type TabsProps = {
+    items: TabItem[];
+    activeKey: string;
+    onChange: (key: string) => void;
+    variant?: "primary" | "secondary";
+    className?: string;
+};
+export declare function Tabs({ items, activeKey, onChange, variant, className }: TabsProps): React.ReactElement;

package/dist/Tabs/Tabs.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import clsx from 'clsx';
+import { container, tab, tabActive, panel, wrapper } from './Tabs.styles.js';
+
+function Tabs({ items, activeKey, onChange, variant = "primary", className }) {
+    const tabsRef = useRef(null);
+    const handleKeyDown = (e, index) => {
+        let nextIndex = null;
+        if (e.key === "ArrowRight") {
+            nextIndex = (index + 1) % items.length;
+        }
+        else if (e.key === "ArrowLeft") {
+            nextIndex = (index - 1 + items.length) % items.length;
+        }
+        else if (e.key === "Home") {
+            nextIndex = 0;
+        }
+        else if (e.key === "End") {
+            nextIndex = items.length - 1;
+        }
+        if (nextIndex !== null) {
+            e.preventDefault();
+            const tabs = tabsRef.current?.querySelectorAll('[role="tab"]');
+            tabs?.[nextIndex]?.focus();
+            onChange(items[nextIndex].key);
+        }
+    };
+    const activeItem = items.find(item => item.key === activeKey);
+    return (jsxs("div", { className: clsx(wrapper, className), children: [jsx("div", { ref: tabsRef, role: "tablist", className: container[variant], children: items.map((item, index) => (jsx("button", { role: "tab", "aria-selected": activeKey === item.key, tabIndex: activeKey === item.key ? 0 : -1, className: clsx(tab[variant], activeKey === item.key && tabActive[variant]), onClick: () => onChange(item.key), onKeyDown: e => handleKeyDown(e, index), children: item.label }, item.key))) }), activeItem && (jsx("div", { role: "tabpanel", className: panel, children: activeItem.content }))] }));
+}
+
+export { Tabs };

package/dist/Tabs/Tabs.styles.js

@@ -0,0 +1,10 @@
+import './../styles/tokens.css';
+import './../styles/Tabs/Tabs.css';
+
+var container = {primary:'Tabs_container_primary__u7x5if1',secondary:'Tabs_container_secondary__u7x5if2'};
+var panel = 'Tabs_panel__u7x5if8';
+var tab = {primary:'Tabs_tab_primary__u7x5if4 Tabs_tabBase__u7x5if3',secondary:'Tabs_tab_secondary__u7x5if5 Tabs_tabBase__u7x5if3'};
+var tabActive = {primary:'Tabs_tabActive_primary__u7x5if6',secondary:'Tabs_tabActive_secondary__u7x5if7'};
+var wrapper = 'Tabs_wrapper__u7x5if0';
+
+export { container, panel, tab, tabActive, wrapper };

package/dist/Tabs/index.d.ts

@@ -0,0 +1 @@
+export { Tabs, type TabsProps, type TabItem } from "./Tabs";

package/dist/Tabs/index.js

@@ -0,0 +1 @@
+export { Tabs } from './Tabs.js';

package/dist/TextInput/TextInput.css.d.ts

@@ -0,0 +1,5 @@
+export declare const wrapper: string;
+export declare const label: string;
+export declare const input: string;
+export declare const inputError: string;
+export declare const error: string;

package/dist/TextInput/TextInput.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export type TextInputProps = {
+    label?: string;
+    placeholder?: string;
+    value: string;
+    onChange: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    error?: string;
+    type?: string;
+    lang?: string;
+    min?: number | string;
+    max?: number | string;
+    step?: number;
+    className?: string;
+};
+export declare function TextInput({ label, placeholder, value, onChange, onFocus, onBlur, error, type, lang, min, max, step, className }: TextInputProps): React.ReactElement;

package/dist/TextInput/TextInput.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+import clsx from 'clsx';
+import { DateInput } from '../DateInput/DateInput.js';
+import { label, input, inputError, error, wrapper } from './TextInput.styles.js';
+
+function TextInput({ label: label$1, placeholder, value, onChange, onFocus, onBlur, error: error$1, type = "text", lang, min, max, step, className }) {
+    const inputId = useId();
+    const errorId = useId();
+    const isDate = type === "date";
+    return (jsxs("div", { className: clsx(wrapper, className), children: [label$1 && (jsx("label", { htmlFor: isDate ? undefined : inputId, className: label, children: label$1 })), isDate ? (jsx(DateInput, { value: value, onChange: onChange, onFocus: onFocus, min: typeof min === "string" ? min : undefined, max: typeof max === "string" ? max : undefined, hasError: !!error$1 })) : (jsx("input", { id: inputId, type: type, lang: lang, value: value, onChange: e => onChange(e.target.value), onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, min: min, max: max, step: step, "aria-invalid": error$1 ? true : undefined, "aria-describedby": error$1 ? errorId : undefined, className: clsx(input, error$1 && inputError) })), error$1 && (jsx("span", { id: errorId, className: error, role: "alert", children: error$1 }))] }));
+}
+
+export { TextInput };

package/dist/TextInput/TextInput.styles.js

@@ -0,0 +1,10 @@
+import './../styles/tokens.css';
+import './../styles/TextInput/TextInput.css';
+
+var error = 'TextInput_error__164di2t4';
+var input = 'TextInput_input__164di2t2';
+var inputError = 'TextInput_inputError__164di2t3';
+var label = 'TextInput_label__164di2t1';
+var wrapper = 'TextInput_wrapper__164di2t0';
+
+export { error, input, inputError, label, wrapper };

package/dist/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { TextInput, type TextInputProps } from "./TextInput";

package/dist/TextInput/index.js

@@ -0,0 +1 @@
+export { TextInput } from './TextInput.js';

package/dist/Toggle/Toggle.css.d.ts

@@ -0,0 +1,4 @@
+export declare const wrapper: string;
+export declare const track: string;
+export declare const thumb: string;
+export declare const label: string;

package/dist/Toggle/Toggle.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type ToggleProps = {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+};
+export declare function Toggle({ checked, onChange, disabled, label, className }: ToggleProps): React.ReactElement;

package/dist/Toggle/Toggle.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { track, thumb, label, wrapper } from './Toggle.styles.js';
+
+function Toggle({ checked, onChange, disabled, label: label$1, className }) {
+    const handleClick = () => {
+        if (!disabled) {
+            onChange(!checked);
+        }
+    };
+    return (jsxs("div", { className: clsx(wrapper, className), "data-disabled": disabled || undefined, children: [jsx("button", { type: "button", role: "switch", "aria-checked": checked, "aria-label": label$1, disabled: disabled, className: track, "data-checked": checked || undefined, onClick: handleClick, children: jsx("span", { className: thumb }) }), label$1 && jsx("span", { className: label, children: label$1 })] }));
+}
+
+export { Toggle };

package/dist/Toggle/Toggle.styles.js

@@ -0,0 +1,9 @@
+import './../styles/tokens.css';
+import './../styles/Toggle/Toggle.css';
+
+var label = 'Toggle_label__npa7nv3';
+var thumb = 'Toggle_thumb__npa7nv2';
+var track = 'Toggle_track__npa7nv1';
+var wrapper = 'Toggle_wrapper__npa7nv0';
+
+export { label, thumb, track, wrapper };

package/dist/Toggle/index.d.ts

@@ -0,0 +1 @@
+export { Toggle, type ToggleProps } from "./Toggle";

package/dist/Toggle/index.js

@@ -0,0 +1 @@
+export { Toggle } from './Toggle.js';

package/dist/Tree/Tree.css.d.ts

@@ -0,0 +1,10 @@
+export declare const tree: string;
+export declare const row: string;
+export declare const rowDraggable: string;
+export declare const rowDragOver: string;
+export declare const rowHidden: string;
+export declare const expandButton: string;
+export declare const expandPlaceholder: string;
+export declare const itemLabel: string;
+export declare const actionButton: string;
+export declare const dragHandle: string;

package/dist/Tree/Tree.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { TreeItem, TreeProps } from "./Tree.type";
+export type { TreeItem, TreeProps };
+export declare function Tree({ items, onToggle, onReorder, onVisibilityToggle, renderItem, className }: TreeProps): React.ReactElement;