aidos-ui 4.0.3 → 4.0.5

package/dist/SubmitIconInput.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BaseInput } from "./BaseInput";
-import { Box } from "./Box";
-import { Icon } from "./Icon";
-export function SubmitIconInput({ icon, ...otherProps }) {
-    return (_jsx(BaseInput, { label: _jsx(Box, { jss: {
-                cursor: "pointer",
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                ":hover": {
-                    backgroundColor: "var(--secondary-background)",
-                    opacity: 0.8,
-                },
-                ":active": {
-                    transform: "scale(0.92)",
-                },
-                height: 32,
-                width: 32,
-                borderRadius: 16,
-            }, children: _jsx(Icon, { icon: icon, size: "medium", color: "primary" }) }), ...otherProps, type: "submit", jss: {
-            visibility: "hidden",
-        }, value: "" }));
-}
-//# sourceMappingURL=SubmitIconInput.js.map

package/dist/SubmitIconInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubmitIconInput.js","sourceRoot":"","sources":["../src/SubmitIconInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAQ9B,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAwB;IAC3E,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EACH,KAAC,GAAG,IACF,GAAG,EAAE;gBACH,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE;oBACR,eAAe,EAAE,6BAA6B;oBAC9C,OAAO,EAAE,GAAG;iBACb;gBACD,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;gBACD,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,EAAE;gBACT,YAAY,EAAE,EAAE;aACjB,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,GAAG,GAC9C,KAEJ,UAAU,EACd,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE;YACH,UAAU,EAAE,QAAQ;SACrB,EACD,KAAK,EAAC,EAAE,GACR,CACH,CAAC;AACJ,CAAC"}

package/dist/Tabs.d.ts

@@ -1,23 +0,0 @@
-import { RowProps } from "./Row";
-import { JSS, Padding, Size } from "./jss";
-import { ReactNode } from "react";
-export type Tab = {
-    label: string;
-    href?: string;
-    onClick?: () => void;
-    selected?: boolean;
-    addOn?: ReactNode;
-    addOnPosition?: "start" | "end";
-};
-export interface TabsProps extends RowProps {
-    ["aria-controls"]: string;
-    tabs: Array<Tab>;
-    labelSize?: Size;
-    bare?: boolean;
-    tabPadding?: Padding;
-    jssTab?: JSS | ((data: {
-        selected: boolean;
-    }) => JSS);
-    labelRenderer?: (label: string) => ReactNode;
-}
-export declare function Tabs({ tabs, gap, padding, tabPadding, labelSize, jss, jssTab, labelRenderer, ["aria-controls"]: ariaControls, ...otherProps }: TabsProps): import("react/jsx-runtime").JSX.Element;

package/dist/Tabs.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BaseLink } from "./BaseLink";
-import { Row } from "./Row";
-import { cssVar, getPadding } from "./jss";
-import { useNavigation } from "./useNavigation";
-import { Text } from "./Text";
-import { BaseButton } from "./BaseButton";
-export function Tabs({ tabs, gap = "none", padding = "none", tabPadding = "medium", labelSize = "large", jss, jssTab, labelRenderer, ["aria-controls"]: ariaControls, ...otherProps }) {
-    const root = useNavigation();
-    return (_jsx(Row, { role: "tablist", jss: jss, gap: gap, padding: padding, ref: root, ...otherProps, children: tabs.map(({ label, href, onClick, selected, addOn, addOnPosition = "start", }) => {
-            const BaseComponent = href != null ? BaseLink : BaseButton;
-            return (_jsxs(BaseComponent, { "aria-controls": ariaControls, role: "tab", "aria-selected": selected ? "true" : undefined, bare: true, color: selected ? "positive" : "primary", href: href, onClick: onClick, animateInteraction: false, jss: [
-                    {
-                        textDecoration: "none",
-                        borderBottom: selected
-                            ? `3px solid ${cssVar("--highlight")}`
-                            : `3px solid transparent`,
-                        ":active span": {
-                            transform: "scale(0.97)",
-                        },
-                        ":first-child": {
-                            borderTopLeftRadius: cssVar("--border-radius-m"),
-                        },
-                        ":last-child": {
-                            borderTopRightRadius: cssVar("--border-radius-m"),
-                        },
-                        ":hover": {
-                            backgroundColor: cssVar("--hovered-background"),
-                        },
-                        ":active:hover": {
-                            backgroundColor: cssVar("--pressed-background"),
-                        },
-                    },
-                    getPadding(tabPadding),
-                    typeof jssTab === "function" ? jssTab({ selected }) : jssTab,
-                ], children: [addOnPosition === "start" && addOn, _jsx(Text, { size: labelSize, color: selected ? "primary" : "secondary", children: labelRenderer ? labelRenderer(label) : label }), addOnPosition === "end" && addOn] }, label));
-        }) }));
-}
-//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAAsB,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,GAAG,GAAG,MAAM,EACZ,OAAO,GAAG,MAAM,EAChB,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,OAAO,EACnB,GAAG,EACH,MAAM,EACN,aAAa,EACb,CAAC,eAAe,CAAC,EAAE,YAAY,EAC/B,GAAG,UAAU,EACH;IACV,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,KACL,UAAU,YAEb,IAAI,CAAC,GAAG,CACP,CAAC,EACC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,GAAG,OAAO,GACxB,EAAE,EAAE;YACH,MAAM,aAAa,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;YAE3D,OAAO,CACL,MAAC,aAAa,qBACG,YAAY,EAC3B,IAAI,EAAC,KAAK,mBACK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAE5C,IAAI,QACJ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,KAAK,EACzB,GAAG,EAAE;oBACH;wBACE,cAAc,EAAE,MAAM;wBACtB,YAAY,EAAE,QAAQ;4BACpB,CAAC,CAAC,aAAa,MAAM,CAAC,aAAa,CAAC,EAAE;4BACtC,CAAC,CAAC,uBAAuB;wBAC3B,cAAc,EAAE;4BACd,SAAS,EAAE,aAAa;yBACzB;wBACD,cAAc,EAAE;4BACd,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBACjD;wBACD,aAAa,EAAE;4BACb,oBAAoB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBAClD;wBACD,QAAQ,EAAE;4BACR,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;yBAChD;wBACD,eAAe,EAAE;4BACf,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;yBAChD;qBACF;oBACD,UAAU,CAAC,UAAU,CAAC;oBACtB,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM;iBAC7D,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,EACnC,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YAC7D,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GACxC,EACN,aAAa,KAAK,KAAK,IAAI,KAAK,KApC5B,KAAK,CAqCI,CACjB,CAAC;QACJ,CAAC,CACF,GACG,CACP,CAAC;AACJ,CAAC"}

package/dist/Text.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from "react";
-import { JSS, Size, TextColor } from "./jss";
-export type Display = "inline" | "block";
-export interface TextProps {
-    children: ReactNode;
-    color?: TextColor;
-    size?: Size;
-    bold?: boolean;
-    ellipsis?: boolean | "default";
-    align?: "center" | "none";
-    type?: TextType;
-    grow?: boolean;
-    jss?: JSS;
-    id?: string;
-    htmlFor?: string;
-}
-export type TextType = "label" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "li";
-export declare function Text({ children, color, size, align, bold, ellipsis, grow, type: Type, jss, id, htmlFor, }: TextProps): import("react/jsx-runtime").JSX.Element;
-export declare function Label({ size, type, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
-export declare function Span({ size, type, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
-export declare function P({ size, type, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
-export declare function H1({ size, type, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
-export declare function H2({ size, type, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
-export declare function H3({ size, type, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
-export declare function Li({ size, type, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;

package/dist/Text.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cssVar, getTextColor, toClassnames, } from "./jss";
-const fontSize = {
-    xsmall: cssVar("--font-xsmall"),
-    small: cssVar("--font-small"),
-    medium: cssVar("--font-medium"),
-    large: cssVar("--font-large"),
-    xlarge: cssVar("--font-xlarge"),
-    xxlarge: cssVar("--font-xxlarge"),
-    xxxlarge: cssVar("--font-xxxlarge"),
-};
-export function Text({ children, color = "primary", size = "medium", align = "none", bold = false, ellipsis = "default", grow, type: Type = "span", jss, id, htmlFor, }) {
-    if (ellipsis === "default") {
-        ellipsis = Type === "span" || Type === "label";
-    }
-    const className = toClassnames([
-        getTextColor(color),
-        { fontSize: fontSize[size], padding: 0, margin: 0 },
-        bold && { fontWeight: "bold" },
-        align === "center" && { textAlign: "center" },
-        ellipsis && {
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-        },
-        grow && { flexGrow: 1 },
-        jss,
-    ]);
-    return (_jsx(Type, { id: id, className: className, htmlFor: htmlFor, children: children }));
-}
-export function Label({ size = "medium", type = "label", ...rest }) {
-    return _jsx(Text, { size: size, type: type, ...rest });
-}
-export function Span({ size = "medium", type = "span", ...rest }) {
-    return _jsx(Text, { size: size, type: type, ...rest });
-}
-export function P({ size = "medium", type = "p", ...rest }) {
-    return _jsx(Text, { size: size, type: type, ...rest });
-}
-export function H1({ size = "xxlarge", type = "h1", ...rest }) {
-    return _jsx(Text, { size: size, type: type, ...rest });
-}
-export function H2({ size = "xlarge", type = "h2", ...rest }) {
-    return _jsx(Text, { size: size, type: type, ...rest });
-}
-export function H3({ size = "large", type = "h3", ...rest }) {
-    return _jsx(Text, { size: size, type: type, ...rest });
-}
-export function Li({ size = "medium", type = "li", ...rest }) {
-    return _jsx(Text, { size: size, type: type, ...rest });
-}
-//# sourceMappingURL=Text.js.map

package/dist/Text.js.map

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

package/dist/TextArea.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { JSS, Padding } from "./jss";
-export interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaElement> {
-    jss?: JSS;
-    onValueChange?: (value: string) => void;
-    value?: string;
-    className?: undefined;
-    size?: undefined;
-    padding?: Padding;
-}
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/TextArea.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { cssVar, getPadding, toClassnames } from "./jss";
-export const TextArea = React.forwardRef(({ jss, onValueChange, value, onChange, padding = "medium", ...otherProps }, ref) => {
-    return (_jsx("textarea", { ...otherProps, ref: ref, className: toClassnames([
-            {
-                flexGrow: 1,
-                color: cssVar("--primary-text"),
-                outline: "none",
-                fontSize: 20,
-                lineHeight: 24 / 20,
-                backgroundColor: cssVar("--overlay-background"),
-                border: `1px solid ${cssVar("--divider")}`,
-                borderRadius: cssVar("--border-radius-m"),
-                "::placeholder": {
-                    color: cssVar("--subtle-text"),
-                },
-                ":focus-visible": {
-                    outline: `2px solid ${cssVar("--highlight")}`,
-                    outlineOffset: -2,
-                },
-            },
-            getPadding(padding),
-            jss,
-        ]), value: value, onChange: onValueChange ? (e) => onValueChange(e.target.value) : undefined }));
-});
-//# sourceMappingURL=TextArea.js.map

package/dist/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAYvE,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EACE,GAAG,EACH,aAAa,EACb,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,GAAG,UAAU,EACC,EAChB,GAAoC,EACpC,EAAE;IACF,OAAO,CACL,sBACM,UAAU,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC;YACtB;gBACE,QAAQ,EAAE,CAAC;gBACX,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;gBAC/B,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,EAAE,GAAG,EAAE;gBACnB,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;gBAC/C,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;gBAC1C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,eAAe,EAAE;oBACf,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;iBAC/B;gBACD,gBAAgB,EAAE;oBAChB,OAAO,EAAE,aAAa,MAAM,CAAC,aAAa,CAAC,EAAE;oBAC7C,aAAa,EAAE,CAAC,CAAC;iBAClB;aACF;YACD,UAAU,CAAC,OAAO,CAAC;YACnB,GAAG;SACJ,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EACN,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,GAElE,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/TextInput.d.ts

@@ -1,15 +0,0 @@
-import React, { ReactNode } from "react";
-import { BaseInputProps } from "./BaseInput";
-import { Gap, JSS, Padding, Size } from "./jss";
-export interface TextInputProps extends Omit<BaseInputProps, "size"> {
-    onValueChange?: (value: string) => void;
-    jssRoot?: JSS;
-    addOn?: ReactNode;
-    addOnPosition?: "start" | "end";
-    gap?: Gap;
-    onChange?: undefined;
-    padding?: Padding;
-    bare?: boolean;
-    size?: Size;
-}
-export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/TextInput.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { BaseInput } from "./BaseInput";
-import { Column } from "./Column";
-import { Row } from "./Row";
-import { cssVar, getPadding } from "./jss";
-const fontSize = {
-    xsmall: cssVar("--font-xsmall"),
-    small: cssVar("--font-small"),
-    medium: cssVar("--font-medium"),
-    large: cssVar("--font-large"),
-    xlarge: cssVar("--font-xlarge"),
-    xxlarge: cssVar("--font-xxlarge"),
-    xxxlarge: cssVar("--font-xxxlarge"),
-};
-export const TextInput = React.forwardRef(({ value, onValueChange, jssRoot, jss, addOn, gap = "small", addOnPosition = "start", padding = "medium", bare, size = "medium", ...inputProps }, ref) => {
-    return (_jsxs(Row, { gap: gap, jss: [
-            {
-                borderRadius: cssVar("--border-radius-m"),
-                overflow: "hidden",
-            },
-            bare
-                ? {
-                    backgroundColor: "inherit",
-                    ":has(:focus-visible)": {
-                        backgroundColor: cssVar("--light-highlight"),
-                    },
-                }
-                : {
-                    border: `1px solid ${cssVar("--divider")}`,
-                    backgroundColor: cssVar("--overlay-background"),
-                    ":has(:focus-visible)": {
-                        outline: `2px solid ${cssVar("--highlight")}`,
-                        outlineOffset: -2,
-                    },
-                },
-            jssRoot,
-        ], children: [addOnPosition === "start" && addOn && (_jsx(Column, { justify: "center", align: "center", jss: [getPadding(padding), { paddingRight: 0 }], children: addOn })), _jsx(BaseInput, { ...inputProps, ref: ref, value: value, onChange: onValueChange ? (e) => onValueChange(e.target.value) : undefined, jss: [
-                    {
-                        minWidth: 0,
-                        flexGrow: 1,
-                        backgroundColor: "inherit",
-                        color: cssVar("--primary-text"),
-                        outline: "none",
-                        border: "none",
-                        fontSize: fontSize[size],
-                        lineHeight: 1.2,
-                        "::placeholder": {
-                            color: cssVar("--subtle-text"),
-                        },
-                        ":disabled": {
-                            color: cssVar("--subtle-text"),
-                        },
-                    },
-                    getPadding(padding),
-                    addOn && addOnPosition === "start" ? { paddingLeft: 0 } : null,
-                    addOn && addOnPosition === "end" ? { paddingRight: 0 } : null,
-                    jss,
-                ] }), addOnPosition === "end" && addOn && (_jsx(Column, { justify: "center", align: "center", jss: [getPadding(padding), { paddingLeft: 0 }], children: addOn }))] }));
-});
-//# sourceMappingURL=TextInput.js.map

package/dist/TextInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../src/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAA2B,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,QAAQ,GAAG;IACf,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;CACpC,CAAC;AAcF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,KAAK,EACL,aAAa,EACb,OAAO,EACP,GAAG,EACH,KAAK,EACL,GAAG,GAAG,OAAO,EACb,aAAa,GAAG,OAAO,EACvB,OAAO,GAAG,QAAQ,EAClB,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,GAAG,UAAU,EACE,EACjB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,GAAG,EAAE;YACH;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,QAAQ,EAAE,QAAQ;aACnB;YACD,IAAI;gBACF,CAAC,CAAC;oBACE,eAAe,EAAE,SAAS;oBAC1B,sBAAsB,EAAE;wBACtB,eAAe,EAAE,MAAM,CAAC,mBAAmB,CAAC;qBAC7C;iBACF;gBACH,CAAC,CAAC;oBACE,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;oBAC1C,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;oBAC/C,sBAAsB,EAAE;wBACtB,OAAO,EAAE,aAAa,MAAM,CAAC,aAAa,CAAC,EAAE;wBAC7C,aAAa,EAAE,CAAC,CAAC;qBAClB;iBACF;YACL,OAAO;SACR,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,IAAI,CACrC,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,YAE9C,KAAK,GACC,CACV,EACD,KAAC,SAAS,OACJ,UAAU,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EACN,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAElE,GAAG,EAAE;oBACH;wBACE,QAAQ,EAAE,CAAC;wBACX,QAAQ,EAAE,CAAC;wBACX,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;wBAC/B,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC;wBACxB,UAAU,EAAE,GAAG;wBACf,eAAe,EAAE;4BACf,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;yBAC/B;wBACD,WAAW,EAAE;4BACX,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;yBAC/B;qBACF;oBACD,UAAU,CAAC,OAAO,CAAC;oBACnB,KAAK,IAAI,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBAC9D,KAAK,IAAI,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBAC7D,GAAG;iBACJ,GACD,EACD,aAAa,KAAK,KAAK,IAAI,KAAK,IAAI,CACnC,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,YAE7C,KAAK,GACC,CACV,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/TextInputWithState.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { BaseInputProps } from "./BaseInput";
-export interface TextInputWithStateProps extends BaseInputProps {
-    onValueChange?: (value: string) => void;
-    valueRef: React.MutableRefObject<string>;
-    onChange?: undefined;
-}
-export declare function TextInputWithState({ valueRef, onValueChange: externalOnChange, ...otherProps }: TextInputWithStateProps): import("react/jsx-runtime").JSX.Element;

package/dist/TextInputWithState.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { TextInput } from "./TextInput";
-import { useState } from "react";
-export function TextInputWithState({ valueRef, onValueChange: externalOnChange, ...otherProps }) {
-    const [value, setValue] = useState(valueRef.current);
-    const onValueChange = useCallback((value) => {
-        valueRef.current = value;
-        setValue(value);
-        externalOnChange && externalOnChange(value);
-    }, [setValue, externalOnChange, valueRef]);
-    return (_jsx(TextInput, { ...otherProps, value: value, onValueChange: onValueChange }));
-}
-//# sourceMappingURL=TextInputWithState.js.map

package/dist/TextInputWithState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInputWithState.js","sourceRoot":"","sources":["../src/TextInputWithState.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,aAAa,EAAE,gBAAgB,EAC/B,GAAG,UAAU,EACW;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAK,EAAE,EAAE;QACR,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,gBAAgB,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,OAAK,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,CAC1E,CAAC;AACJ,CAAC"}

package/dist/TextPairing.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from "react";
-import { TextColor, Size, Position, Gap, Padding, Align, JSS } from "./jss";
-export interface TextPairingProps {
-    headline: ReactNode;
-    body?: ReactNode;
-    headlineColor?: TextColor;
-    headlineSize?: Size;
-    headlineAddOn?: ReactNode;
-    bodyColor?: TextColor;
-    bodySize?: Size;
-    addOn?: ReactNode;
-    addOnPosition?: Position;
-    gap?: Gap;
-    padding?: Padding;
-    align?: Align;
-    grow?: boolean;
-    shrink?: boolean;
-    headlineBold?: boolean;
-    jss?: JSS;
-}
-export declare function TextPairing({ headline, body, headlineColor, headlineSize, headlineAddOn, bodyColor, bodySize, addOn, addOnPosition, gap, align, grow, shrink, headlineBold, padding, jss, }: TextPairingProps): import("react/jsx-runtime").JSX.Element;

package/dist/TextPairing.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "./Text";
-import { Row } from "./Row";
-import { BaseView } from "./BaseView";
-import { Column } from "./Column";
-import { cssVar, } from "./jss";
-export function TextPairing({ headline, body, headlineColor = "primary", headlineSize = "medium", headlineAddOn, bodyColor = "secondary", bodySize = "medium", addOn, addOnPosition = "start", gap = "small", align = "stretch", grow, shrink, headlineBold, padding, jss, }) {
-    const textElement = (_jsxs(Column, { grow: grow, shrink: shrink, padding: addOn ? undefined : padding, align: align, jss: [
-            {
-                overflow: "hidden",
-            },
-            jss,
-        ], children: [_jsxs(Row, { align: "center", jss: {
-                    textAlign: "start",
-                }, children: [_jsx(Text, { bold: headlineBold, color: headlineColor, size: headlineSize, children: headline }), headlineAddOn && _jsx(BaseView, { children: headlineAddOn })] }), body && (_jsx(Row, { align: "center", jss: {
-                    marginTop: cssVar("--spacing-xs"),
-                    textAlign: "start",
-                }, children: _jsx(Text, { ellipsis: true, color: bodyColor, size: bodySize, children: body }) }))] }));
-    if (addOn) {
-        return (_jsxs(Row, { grow: grow, shrink: shrink, gap: gap, align: "center", padding: padding, jss: {
-                overflow: "hidden",
-            }, children: [addOnPosition === "start" && addOn, textElement, addOnPosition === "end" && addOn] }));
-    }
-    return textElement;
-}
-//# sourceMappingURL=TextPairing.js.map

package/dist/TextPairing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextPairing.js","sourceRoot":"","sources":["../src/TextPairing.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAY,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAOL,MAAM,GAEP,MAAM,OAAO,CAAC;AAqBf,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,aAAa,GAAG,SAAS,EACzB,YAAY,GAAG,QAAQ,EACvB,aAAa,EACb,SAAS,GAAG,WAAW,EACvB,QAAQ,GAAG,QAAQ,EACnB,KAAK,EACL,aAAa,GAAG,OAAO,EACvB,GAAG,GAAG,OAAO,EACb,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,OAAO,EACP,GAAG,GACc;IACjB,MAAM,WAAW,GAAG,CAClB,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACpC,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE;YACH;gBACE,QAAQ,EAAE,QAAQ;aACnB;YACD,GAAG;SACJ,aAED,MAAC,GAAG,IACF,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE;oBACH,SAAS,EAAE,OAAO;iBACnB,aAED,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,YAC/D,QAAQ,GACJ,EACN,aAAa,IAAI,KAAC,QAAQ,cAAE,aAAa,GAAY,IAClD,EACL,IAAI,IAAI,CACP,KAAC,GAAG,IACF,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE;oBACH,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;oBACjC,SAAS,EAAE,OAAO;iBACnB,YAED,KAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,YACnD,IAAI,GACA,GACH,CACP,IACM,CACV,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,MAAC,GAAG,IACF,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;gBACH,QAAQ,EAAE,QAAQ;aACnB,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,EAClC,WAAW,EACX,aAAa,KAAK,KAAK,IAAI,KAAK,IAC7B,CACP,CAAC;IACJ,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC"}

package/dist/TimeInput.d.ts

@@ -1,15 +0,0 @@
-import React, { ReactNode } from "react";
-import { BaseInputProps } from "./BaseInput";
-import { Gap, Padding } from "./jss";
-export interface TimeInputProps extends BaseInputProps {
-    onTimeChange: (date: Date) => void;
-    time: Date;
-    gap?: Gap;
-    padding?: Padding;
-    addOn?: ReactNode;
-    addOnPosition?: "start" | "end";
-    onChange?: undefined;
-    bare?: boolean;
-}
-export declare const timeFormatter: Intl.DateTimeFormat;
-export declare const TimeInput: React.ForwardRefExoticComponent<TimeInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/TimeInput.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { BaseInput } from "./BaseInput";
-import { Row } from "./Row";
-import { cssVar } from "./jss";
-export const timeFormatter = Intl.DateTimeFormat("en-UK", {
-    hour: "2-digit",
-    minute: "2-digit",
-});
-function TimeInputInternal({ time: date, onTimeChange: onDateChange, jss, addOn, padding = "small", gap = "none", addOnPosition = "start", bare, ...inputProps }, ref) {
-    return (_jsxs(Row, { padding: padding, gap: gap, align: "center", jss: [
-            {
-                borderRadius: cssVar("--border-radius-m"),
-                overflow: "hidden",
-            },
-            bare
-                ? {
-                    backgroundColor: "inherit",
-                    ":has(:focus-visible)": {
-                        backgroundColor: cssVar("--light-highlight"),
-                    },
-                }
-                : {
-                    border: `1px solid ${cssVar("--divider")}`,
-                    backgroundColor: cssVar("--overlay-background"),
-                    ":has(:focus-visible)": {
-                        outline: `2px solid ${cssVar("--highlight")}`,
-                        outlineOffset: -2,
-                    },
-                },
-        ], children: [addOnPosition === "start" && addOn, _jsx(BaseInput, { ...inputProps, type: "time", ref: ref, value: timeFormatter.format(date), onChange: (e) => {
-                    const value = e.target.value;
-                    const [hour, minute] = value.split(":");
-                    onDateChange(new Date(date.getFullYear(), date.getMonth(), date.getDate(), parseInt(hour), parseInt(minute)));
-                }, jss: [
-                    {
-                        flexGrow: 1,
-                        backgroundColor: "inherit",
-                        color: "var(--primary-text)",
-                        outline: "none",
-                        border: "none",
-                        fontSize: 20,
-                        lineHeight: 24 / 20,
-                        "::placeholder": {
-                            color: "var(--subtle-text);",
-                        },
-                        ":disabled": {
-                            color: "var(--subtle-text);",
-                        },
-                        "::-webkit-calendar-picker-indicator": {
-                            backgroundColor: "none",
-                        },
-                    },
-                    jss,
-                ] }), addOnPosition === "end" && addOn] }));
-}
-export const TimeInput = React.forwardRef(TimeInputInternal);
-//# sourceMappingURL=TimeInput.js.map

package/dist/TimeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeInput.js","sourceRoot":"","sources":["../src/TimeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAgB,MAAM,EAAE,MAAM,OAAO,CAAC;AAa7C,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;IACxD,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEH,SAAS,iBAAiB,CACxB,EACE,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,GAAG,EACH,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,GAAG,GAAG,MAAM,EACZ,aAAa,GAAG,OAAO,EACvB,IAAI,EACJ,GAAG,UAAU,EACE,EACjB,GAAiC;IAEjC,OAAO,CACL,MAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE;YACH;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,QAAQ,EAAE,QAAQ;aACnB;YACD,IAAI;gBACF,CAAC,CAAC;oBACE,eAAe,EAAE,SAAS;oBAC1B,sBAAsB,EAAE;wBACtB,eAAe,EAAE,MAAM,CAAC,mBAAmB,CAAC;qBAC7C;iBACF;gBACH,CAAC,CAAC;oBACE,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;oBAC1C,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;oBAC/C,sBAAsB,EAAE;wBACtB,OAAO,EAAE,aAAa,MAAM,CAAC,aAAa,CAAC,EAAE;wBAC7C,aAAa,EAAE,CAAC,CAAC;qBAClB;iBACF;SACN,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,EACnC,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,EACjC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC7B,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBACxC,YAAY,CACV,IAAI,IAAI,CACN,IAAI,CAAC,WAAW,EAAE,EAClB,IAAI,CAAC,QAAQ,EAAE,EACf,IAAI,CAAC,OAAO,EAAE,EACd,QAAQ,CAAC,IAAI,CAAC,EACd,QAAQ,CAAC,MAAM,CAAC,CACjB,CACF,CAAC;gBACJ,CAAC,EACD,GAAG,EAAE;oBACH;wBACE,QAAQ,EAAE,CAAC;wBACX,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,qBAAqB;wBAC5B,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,EAAE,GAAG,EAAE;wBACnB,eAAe,EAAE;4BACf,KAAK,EAAE,qBAAqB;yBAC7B;wBACD,WAAW,EAAE;4BACX,KAAK,EAAE,qBAAqB;yBAC7B;wBACD,qCAAqC,EAAE;4BACrC,eAAe,EAAE,MAAM;yBACxB;qBACF;oBACD,GAAG;iBACJ,GACD,EACD,aAAa,KAAK,KAAK,IAAI,KAAK,IAC7B,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/Tooltip.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { JSS } from "./jss";
-interface TooltipProps {
-    content: string;
-    jss?: JSS;
-    className?: undefined;
-    tag?: keyof HTMLElementTagNameMap;
-    children: React.JSX.Element;
-}
-export declare function Tooltip({ content, jss, tag, children }: TooltipProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Tooltip.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import { BaseView } from "./BaseView";
-import { useRefEffect } from "./useRefEffect";
-import { Text } from "./Text";
-import { cssVar, toClassnames } from "./jss";
-const jsss = {
-    tooltip: {
-        top: "-100%",
-        transform: "translateY(50%)",
-        backgroundColor: cssVar("--primary-background"),
-        padding: `${cssVar("--spacing-s")} ${cssVar("--spacing-m")}`,
-        borderRadius: cssVar("--border-radius-m"),
-        border: `1px solid ${cssVar("--divider")}`,
-        boxShadow: cssVar("--shadow-md"),
-        overflow: "hidden",
-        animation: "popoverFadeIn 0.15s ease-out",
-    },
-};
-export function Tooltip({ content, jss, tag, children }) {
-    const [tooltip, setTooltip] = useState(null);
-    const dialogRef = useRef(null);
-    const focusTrapRoot = useRefEffect((root) => {
-        dialogRef.current = root;
-        const keydown = (e) => {
-            if (e.key === "Escape") {
-                dialogRef.current?.close();
-            }
-            else if (e.key === "Tab") {
-                dialogRef.current?.close();
-            }
-        };
-        const click = () => {
-            dialogRef.current?.close();
-        };
-        window.addEventListener("keydown", keydown);
-        window.addEventListener("click", click);
-        const activeElement = document.activeElement;
-        root.show();
-        // @ts-ignore
-        activeElement.focus();
-        return () => {
-            window.removeEventListener("keydown", keydown);
-            window.removeEventListener("click", click);
-        };
-    });
-    const toggle = () => {
-        if (tooltip == null) {
-            setTooltip(_jsx("dialog", { ref: (ref) => {
-                    dialogRef.current = ref;
-                    focusTrapRoot(ref);
-                }, className: toClassnames(jsss.tooltip), onClose: () => {
-                    setTooltip(null);
-                }, onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                }, children: _jsx(Text, { size: "medium", color: "secondary", children: content }) }));
-        }
-        else {
-            setTooltip(null);
-        }
-    };
-    return (_jsxs(BaseView, { tag: tag, relative: true, jss: [{ display: "inline-block" }, jss], onMouseEnter: () => {
-            if (tooltip == null) {
-                toggle();
-            }
-        }, onMouseLeave: () => {
-            if (tooltip != null) {
-                toggle();
-            }
-        }, children: [children, tooltip] }));
-}
-//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

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

package/dist/aria.d.ts

@@ -1,8 +0,0 @@
-type Focusable = HTMLElement;
-export declare function queryFocusables(root: HTMLElement): Focusable[];
-export declare function queryGrid(root: HTMLElement): HTMLElement[][];
-export declare const normalizeGrid: (rows: HTMLElement[][], rowIndex: number, columnIndex: number) => void;
-export declare const focusGridElement: (rows: HTMLElement[][], rowIndex: number, columnIndex: number) => void;
-export declare const normalizeElements: (focusables: HTMLElement[], index: number) => void;
-export declare const focusElement: (focusables: HTMLElement[], index: number) => void;
-export {};

package/dist/aria.js

@@ -1,42 +0,0 @@
-export function queryFocusables(root) {
-    const focusables = Array.from(root.querySelectorAll("button,input,textarea,a,[tabindex='0'],[tabindex='-1']"));
-    return focusables.filter((element) => !element["disabled"]);
-}
-export function queryGrid(root) {
-    const rows = Array.from(root.querySelectorAll('li[role="row"]'));
-    const rowsWithColumns = rows
-        .map((row) => Array.from(queryFocusables(row)))
-        .filter((row) => row.length > 0);
-    return rowsWithColumns;
-}
-export const normalizeGrid = (rows, rowIndex, columnIndex) => {
-    for (const row of rows) {
-        for (const column of row) {
-            column.tabIndex = -1;
-        }
-    }
-    const row = rows[rowIndex];
-    const column = row[columnIndex] ?? row[row.length - 1];
-    column.tabIndex = 0;
-};
-export const focusGridElement = (rows, rowIndex, columnIndex) => {
-    normalizeGrid(rows, rowIndex, columnIndex);
-    const row = rows[rowIndex];
-    const column = row[columnIndex] ?? row[row.length - 1];
-    column.focus();
-    column.scrollIntoView(false);
-};
-export const normalizeElements = (focusables, index) => {
-    for (const element of focusables) {
-        element.tabIndex = -1;
-    }
-    const element = focusables[index] ?? focusables[focusables.length - 1];
-    element.tabIndex = 0;
-};
-export const focusElement = (focusables, index) => {
-    normalizeElements(focusables, index);
-    const element = focusables[index] ?? focusables[focusables.length - 1];
-    element.focus();
-    // element.scrollIntoView(false);
-};
-//# sourceMappingURL=aria.js.map