aidos-ui 3.0.0

package/dist/Link.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { BaseLink } from "./BaseLink";
+import { Text } from "./Text";
+import { Row } from "./Row";
+import { Icon } from "./Icon";
+import { getGlyphColor } from "./Interactable";
+import { cssVar } from "./jss";
+export const Link = React.forwardRef(({ label, color, bare, disabled, icon, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jsStyle, size = "medium", ...otherProps }, ref) => {
+    return (_jsx(BaseLink, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, jsStyle: [
+            {
+                borderRadius: "var(--border-radius-m)",
+                justifyContent: "center",
+                userSelect: "none",
+                padding: cssVar("--spacing-m"),
+                display: "inline-flex",
+                textDecoration: "none",
+            },
+            jsStyle,
+        ], children: _jsxs(Row, { grow: true, align: align, gap: gap, justify: justify, children: [icon && iconPosition === "left" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) })), _jsx(Text, { size: size, color: getGlyphColor(color, disabled, bare), children: label }), icon && iconPosition === "right" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) }))] }) }));
+});
+//# sourceMappingURL=Link.js.map

package/dist/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAA6B,MAAM,EAAE,MAAM,OAAO,CAAC;AAgB1D,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,GAAG,UAAU,EACH,EACZ,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,OACH,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE;YACP;gBACE,YAAY,EAAE,wBAAwB;gBACtC,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC;gBAC9B,OAAO,EAAE,aAAa;gBACtB,cAAc,EAAE,MAAM;aACvB;YACD,OAAO;SACR,YAED,MAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,aACtD,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,EACD,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAC1D,KAAK,GACD,EACN,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,IACG,GACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/List.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { BaseListProps } from "./BaseList";
+interface ListProps extends BaseListProps {
+    ariaLabel: string;
+    bare?: boolean;
+    autofocus?: boolean;
+    role?: undefined;
+    navigation?: boolean;
+}
+export declare function List({ ariaLabel, jsStyle, autofocus, navigation, bare, ...otherProps }: ListProps): JSX.Element;
+export {};

package/dist/List.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseList } from "./BaseList";
+import { useNavigation } from "./useNavigation";
+import { cssVar } from "./jss";
+export function List({ ariaLabel, jsStyle, autofocus = false, navigation = true, bare, ...otherProps }) {
+    const rootRef = useNavigation({ autofocus, enabled: navigation });
+    return (_jsx(BaseList, { role: "grid", "aria-label": ariaLabel, ref: rootRef, jsStyle: [
+            { overflow: "hidden" },
+            !bare && {
+                border: `1px solid ${cssVar("--divider")}`,
+                borderRadius: cssVar("--border-radius-l"),
+                backgroundColor: cssVar("--overlay-background"),
+            },
+            jsStyle,
+        ], ...otherProps }));
+}
+//# sourceMappingURL=List.js.map

package/dist/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAU/B,MAAM,UAAU,IAAI,CAAC,EACnB,SAAS,EACT,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,GAAG,UAAU,EACH;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;IAElE,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE;YACP,EAAE,QAAQ,EAAE,QAAQ,EAAE;YACtB,CAAC,IAAI,IAAI;gBACP,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;gBAC1C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;aAChD;YACD,OAAO;SACR,KACG,UAAU,GACd,CACH,CAAC;AACJ,CAAC"}

package/dist/ListButtonItem.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { BaseListItemProps } from "./BaseListItem";
+import { InteractableColor } from "./Interactable";
+interface ListButtonItemProps extends BaseListItemProps {
+    color: InteractableColor;
+    onClick: () => void;
+    headline: string;
+    body?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    bare?: boolean;
+    children?: void;
+}
+export declare const ListButtonItem: React.ForwardRefExoticComponent<Pick<ListButtonItemProps, "padding" | "style" | "body" | "slot" | "title" | "children" | "hidden" | "color" | "relative" | "justify" | "disabled" | "direction" | "translate" | "gap" | "dangerouslySetInnerHTML" | "grow" | "shrink" | "jsStyle" | "tag" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bare" | "selected" | "align" | "headline" | "headlineColor" | "headlineSize" | "headlineAddOn" | "bodyColor" | "bodySize" | "addOn" | "addOnPosition" | "headlineBold" | "withDivider" | "outerAddOn"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/ListButtonItem.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { BaseListItem } from "./BaseListItem";
+import { getGlyphColor, getInteractableListItemJSStyles, } from "./Interactable";
+import { BaseButton } from "./BaseButton";
+export const ListButtonItem = React.forwardRef(({ onClick, color = "secondary", disabled = false, padding = "medium", jsStyle, gap, selected, bare, ...otherProps }, ref) => {
+    return (_jsx(BaseListItem, { withDivider: !bare, disabled: disabled, padding: "none", gap: gap, headlineColor: getGlyphColor(color, disabled, true), bodyColor: getGlyphColor(color, disabled, true), selected: selected, "aria-selected": selected, bare: bare, ...otherProps, jsStyle: jsStyle, children: ({ content }) => (_jsx(BaseButton, { padding: padding, disabled: disabled, animateInteraction: false, bare: true, color: bare ? "secondary" : color, ref: ref, jsStyle: getInteractableListItemJSStyles({ bare, selected }), onClick: onClick, children: content })) }));
+});
+//# sourceMappingURL=ListButtonItem.js.map

package/dist/ListButtonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListButtonItem.js","sourceRoot":"","sources":["../src/ListButtonItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAEL,aAAa,EACb,+BAA+B,GAChC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAc1C,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EACE,OAAO,EACP,KAAK,GAAG,WAAW,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,GAAG,UAAU,EACO,EACtB,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,IAAI,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EAC/C,QAAQ,EAAE,QAAQ,mBACH,QAAQ,EACvB,IAAI,EAAE,IAAI,KACN,UAAU,EACd,OAAO,EAAE,OAAO,YAEf,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,KAAK,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,EACjC,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,+BAA+B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC5D,OAAO,EAAE,OAAO,YAEf,OAAO,GACG,CACd,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ListDivider.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ListDivider(): JSX.Element;

package/dist/ListDivider.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseView } from "./BaseView";
+const jsStyles = {
+    root: {
+        width: "100%",
+        borderBottom: "1px solid var(--divider)",
+    },
+};
+export function ListDivider() {
+    return _jsx(BaseView, { jsStyle: jsStyles.root });
+}
+//# sourceMappingURL=ListDivider.js.map

package/dist/ListDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDivider.js","sourceRoot":"","sources":["../src/ListDivider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,0BAA0B;KACzC;CACF,CAAC;AAEF,MAAM,UAAU,WAAW;IACzB,OAAO,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,GAAI,CAAC;AAC9C,CAAC"}

package/dist/ListHeaderItem.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import { Position } from "./jss";
+export declare function ListHeaderItem({ bare, highlight, headline, body, withDivider, addOn, addOnPosition, }: {
+    bare?: boolean;
+    highlight?: boolean;
+    headline: string;
+    body?: string;
+    withDivider?: boolean;
+    addOn?: ReactNode;
+    addOnPosition?: Position;
+}): JSX.Element;

package/dist/ListHeaderItem.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseListItem } from "./BaseListItem";
+import { cssVar } from "./jss";
+export function ListHeaderItem({ bare, highlight, headline, body, withDivider, addOn, addOnPosition, }) {
+    return (_jsx(BaseListItem, { bare: bare, headline: headline, headlineColor: highlight ? (bare ? "highlight" : "light") : "primary", headlineBold: true, body: body, addOn: addOn, addOnPosition: addOnPosition, withDivider: bare ? false : withDivider, jsStyle: bare
+            ? null
+            : {
+                backgroundColor: highlight
+                    ? cssVar("--highlight")
+                    : cssVar("--secondary-background"),
+            }, children: ({ content }) => content }));
+}
+//# sourceMappingURL=ListHeaderItem.js.map

package/dist/ListHeaderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListHeaderItem.js","sourceRoot":"","sources":["../src/ListHeaderItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAY,MAAM,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,aAAa,GASd;IACC,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EACrE,YAAY,EAAE,IAAI,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACvC,OAAO,EACL,IAAI;YACF,CAAC,CAAC,IAAI;YACN,CAAC,CAAC;gBACE,eAAe,EAAE,SAAS;oBACxB,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;oBACvB,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC;aACrC,YAGN,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,GACZ,CAChB,CAAC;AACJ,CAAC"}

package/dist/ListItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { BaseListItemProps } from "./BaseListItem";
+interface ListItemProps extends BaseListItemProps {
+    headline: string;
+    body?: string;
+    bare?: boolean;
+    children?: void;
+}
+export declare const ListItem: React.ForwardRefExoticComponent<Pick<ListItemProps, "padding" | "style" | "body" | "slot" | "title" | "children" | "hidden" | "color" | "relative" | "justify" | "disabled" | "direction" | "translate" | "gap" | "dangerouslySetInnerHTML" | "grow" | "shrink" | "jsStyle" | "tag" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bare" | "selected" | "align" | "headline" | "headlineColor" | "headlineSize" | "headlineAddOn" | "bodyColor" | "bodySize" | "addOn" | "addOnPosition" | "headlineBold" | "withDivider" | "outerAddOn"> & React.RefAttributes<HTMLLIElement>>;
+export {};

package/dist/ListItem.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { BaseListItem } from "./BaseListItem";
+export const ListItem = React.forwardRef((props, ref) => {
+    return (_jsx(BaseListItem, { withDivider: !props.bare, ...props, jsStyle: props.jsStyle, ref: ref, children: ({ content }) => content }));
+});
+//# sourceMappingURL=ListItem.js.map

package/dist/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAWjE,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAoB,EAAE,GAA8B,EAAE,EAAE;IACvD,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,KACpB,KAAK,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,GAAG,YAEP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,GACZ,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ListLinkItem.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BaseListItemProps } from "./BaseListItem";
+import { InteractableColor } from "./Interactable";
+interface ListLinkItemProps extends BaseListItemProps {
+    color?: InteractableColor;
+    children?: void;
+    onClick?: () => void;
+    href: string;
+    headline: string;
+    body?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    bare?: boolean;
+    target?: string;
+}
+export declare const ListLinkItem: React.ForwardRefExoticComponent<Pick<ListLinkItemProps, "padding" | "style" | "body" | "slot" | "title" | "children" | "hidden" | "color" | "relative" | "justify" | "disabled" | "direction" | "translate" | "gap" | "dangerouslySetInnerHTML" | "grow" | "shrink" | "jsStyle" | "tag" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bare" | "selected" | "align" | "href" | "target" | "headline" | "headlineColor" | "headlineSize" | "headlineAddOn" | "bodyColor" | "bodySize" | "addOn" | "addOnPosition" | "headlineBold" | "withDivider" | "outerAddOn"> & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/ListLinkItem.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { BaseListItem } from "./BaseListItem";
+import { getGlyphColor, getInteractableListItemJSStyles, } from "./Interactable";
+import { BaseLink } from "./BaseLink";
+export const ListLinkItem = React.forwardRef(({ onClick, href, disabled = false, padding = "medium", jsStyle, gap, selected, bare, color = "secondary", target, ...otherProps }, ref) => {
+    return (_jsx(BaseListItem, { withDivider: !bare, disabled: disabled, "aria-selected": selected, padding: "none", gap: gap, headlineColor: getGlyphColor(color, disabled, true), bodyColor: getGlyphColor(color, disabled, true), selected: selected, bare: bare, ...otherProps, jsStyle: jsStyle, children: ({ content }) => (_jsx(BaseLink, { target: target, padding: padding, "aria-current": selected ? "page" : undefined, disabled: disabled, animateInteraction: false, bare: true, color: color, href: href, ref: ref, jsStyle: getInteractableListItemJSStyles({ bare, selected }), onClick: onClick, children: content })) }));
+});
+//# sourceMappingURL=ListLinkItem.js.map

package/dist/ListLinkItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListLinkItem.js","sourceRoot":"","sources":["../src/ListLinkItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAEL,aAAa,EACb,+BAA+B,GAChC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAgBtC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,KAAK,GAAG,WAAW,EACnB,MAAM,EACN,GAAG,UAAU,EACK,EACpB,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,YAAY,IACX,WAAW,EAAE,CAAC,IAAI,EAClB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,EACvB,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,EAC/C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,KACN,UAAU,EACd,OAAO,EAAE,OAAO,YAEf,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,kBACF,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,KAAK,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,+BAA+B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC5D,OAAO,EAAE,OAAO,YAEf,OAAO,GACC,CACZ,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ListSpacer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ListSpacer(): JSX.Element;

package/dist/ListSpacer.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseView } from "./BaseView";
+const jsStyles = {
+    root: {
+        height: "var(--spacing-xl)",
+        backgroundColor: "var(--secondary-background)",
+        width: "100%",
+    },
+};
+export function ListSpacer() {
+    return _jsx(BaseView, { jsStyle: jsStyles.root });
+}
+//# sourceMappingURL=ListSpacer.js.map

package/dist/ListSpacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSpacer.js","sourceRoot":"","sources":["../src/ListSpacer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,mBAAmB;QAC3B,eAAe,EAAE,6BAA6B;QAC9C,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,UAAU,UAAU;IACxB,OAAO,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,GAAI,CAAC;AAC9C,CAAC"}

package/dist/OnVisible.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactElement } from "react";
+export declare function OnVisible({ children, onVisible, }: {
+    children: (refCallback: React.RefCallback<HTMLElement>) => ReactElement;
+    onVisible: () => void;
+}): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/dist/OnVisible.js

@@ -0,0 +1,28 @@
+import { useRef, useCallback } from "react";
+export function OnVisible({ children, onVisible, }) {
+    const intersectionObserverRef = useRef(null);
+    const refCallback = useCallback((element) => {
+        if (element == null) {
+            return;
+        }
+        const intersectionObserver = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting || entry.intersectionRatio > 0) {
+                    onVisible();
+                }
+            });
+        }, {
+            root: null,
+            rootMargin: "0px",
+        });
+        intersectionObserverRef.current = intersectionObserver;
+        intersectionObserver.observe(element);
+        return () => {
+            intersectionObserver.unobserve(element);
+            intersectionObserverRef.current = null;
+        };
+        // eslint-disable-next-line
+    }, []);
+    return children(refCallback);
+}
+//# sourceMappingURL=OnVisible.js.map

package/dist/OnVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnVisible.js","sourceRoot":"","sources":["../src/OnVisible.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,MAAM,EAAE,WAAW,EAAgB,MAAM,OAAO,CAAC;AAEjE,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GAIV;IACC,MAAM,uBAAuB,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE;QAC1C,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO;SACR;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAO,EAAE,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,EAAE;oBACvD,SAAS,EAAE,CAAC;iBACb;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EACD;YACE,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,KAAK;SAClB,CACF,CAAC;QAEF,uBAAuB,CAAC,OAAO,GAAG,oBAAoB,CAAC;QACvD,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACxC,uBAAuB,CAAC,OAAO,GAAG,IAAI,CAAC;QACzC,CAAC,CAAC;QACF,2BAA2B;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC/B,CAAC"}

package/dist/Popover.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { JSStyle } from "./jss";
+export declare function Popover({ children, close }: {
+    children: any;
+    close: any;
+}): JSX.Element;
+interface PopoverTriggerProps<Input> {
+    PopoverComponent: (props: {
+        close: () => void;
+    } & Input) => JSX.Element;
+    jsStyle?: JSStyle;
+    className?: undefined;
+    grow?: boolean;
+    shrink?: boolean;
+    tag?: keyof HTMLElementTagNameMap;
+    children: (props: {
+        toggle: (input: Input) => void;
+    }) => JSX.Element;
+}
+export declare function PopoverTrigger<Input>({ PopoverComponent, jsStyle, grow, shrink, tag, children, }: PopoverTriggerProps<Input>): JSX.Element;
+export {};

package/dist/Popover.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { queryFocusables } from "./aria";
+import { BaseView } from "./BaseView";
+import { useRefEffect } from "./useRefEffect";
+import { jss } from "./jss";
+const jsStyles = {
+    popover: {
+        padding: 0,
+        zIndex: 1,
+        backgroundColor: "var(--primary-background)",
+        borderRadius: "var(--border-radius-m)",
+        border: "1px solid var(--divider)",
+        overflow: "hidden",
+    },
+};
+export function Popover({ children, close }) {
+    const activeElementRef = useRef(null);
+    const focusTrapRoot = useRefEffect((root) => {
+        activeElementRef.current = document.activeElement;
+        const [element] = queryFocusables(root);
+        element ? element.focus() : root.focus();
+        const keydown = (e) => {
+            if (e.key === "Escape") {
+                close();
+            }
+            else if (e.key === "Tab") {
+                const focusables = queryFocusables(root).filter((element) => element.tabIndex !== -1);
+                if (focusables.length === 0) {
+                    e.stopPropagation();
+                    e.preventDefault();
+                }
+                const focusedIndex = focusables.findIndex((x) => x === document.activeElement);
+                if (focusables.length === 0) {
+                    e.stopPropagation();
+                    e.preventDefault();
+                }
+                else if (focusedIndex === focusables.length - 1) {
+                    // Cycle back to the first element
+                    focusables[0].focus();
+                    e.stopPropagation();
+                    e.preventDefault();
+                }
+                else {
+                    // Just do the usual thing
+                }
+            }
+        };
+        const click = () => {
+            close();
+        };
+        // This is needed so that the trigger click is not captured immediatly, which would close the popover as it opens
+        setTimeout(() => {
+            window.addEventListener("keydown", keydown);
+            window.addEventListener("click", click);
+        }, 0);
+        return () => {
+            activeElementRef.current && activeElementRef.current.focus();
+            window.removeEventListener("keydown", keydown);
+            window.removeEventListener("click", click);
+        };
+    });
+    return _jsx(BaseView, { ref: focusTrapRoot, children: children });
+}
+export function PopoverTrigger({ PopoverComponent, jsStyle, grow, shrink, tag, children, }) {
+    const [popover, setPopover] = useState(null);
+    const dialogRef = useRef(null);
+    const toggle = (input) => {
+        if (popover == null) {
+            dialogRef && dialogRef.current.show();
+            setPopover(_jsx(PopoverComponent, { ...input, close: () => {
+                    dialogRef && dialogRef.current.close();
+                } }));
+        }
+        else {
+            dialogRef && dialogRef.current.close();
+        }
+    };
+    return (_jsxs(BaseView, { grow: grow, shrink: shrink, tag: tag, relative: true, jsStyle: [jsStyle, { position: "relative", display: "inline-block" }], children: [children({ toggle }), _jsx("dialog", { ref: (ref) => {
+                    dialogRef.current = ref;
+                }, className: jss(jsStyles.popover), onClose: () => {
+                    setPopover(null);
+                }, onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                }, children: popover })] }));
+}
+//# sourceMappingURL=Popover.js.map

package/dist/Popover.js.map

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

package/dist/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Color, Size, JSStyle } from "./jss";
+export declare function ProgressBar({ color, progress, size, jsStyle, }: {
+    progress: number;
+    color: Color;
+    size: Size;
+    jsStyle?: JSStyle;
+}): JSX.Element;

package/dist/ProgressBar.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseView } from "./BaseView";
+import { getBackground } from "./jss";
+const jsStyles = {
+    root: {
+        width: "100%",
+        display: "flex",
+        position: "relative",
+        backgroundColor: "var(--primary-background)",
+        borderRadius: "var(--border-radius-s)",
+        border: "1px solid var(--divider)",
+        overflow: "hidden",
+    },
+    fill: {
+        borderRadius: "var(--border-radius-s)",
+        position: "absolute",
+        transformOrigin: "center left",
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+    },
+};
+const sizes = {
+    xsmall: 4,
+    small: 8,
+    medium: 12,
+    large: 16,
+    xlarge: 20,
+};
+export function ProgressBar({ color, progress, size, jsStyle, }) {
+    return (_jsx(BaseView, { jsStyle: [
+            jsStyles.root,
+            {
+                height: sizes[size],
+            },
+            jsStyle,
+        ], children: _jsx(BaseView, { jsStyle: [jsStyles.fill, getBackground(color)], style: {
+                transform: `scaleX(${progress > 1 ? 1 : progress})`,
+            } }) }));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/dist/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAwB,aAAa,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,QAAQ,GAA+B;IAC3C,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,2BAA2B;QAC5C,YAAY,EAAE,wBAAwB;QACtC,MAAM,EAAE,0BAA0B;QAClC,QAAQ,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,wBAAwB;QACtC,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,aAAa;QAC9B,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,GAMR;IACC,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE;YACP,QAAQ,CAAC,IAAI;YACb;gBACE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;aACpB;YACD,OAAO;SACR,YAED,KAAC,QAAQ,IACP,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9C,KAAK,EAAE;gBACL,SAAS,EAAE,UAAU,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG;aACpD,GACD,GACO,CACZ,CAAC;AACJ,CAAC"}

package/dist/ProgressCircle.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function ProgressCircle({ progress, stroke, outerRadius, }: {
+    progress: number;
+    stroke?: number;
+    outerRadius: number;
+}): JSX.Element;

package/dist/ProgressCircle.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cssVar, jss } from "./jss";
+export function ProgressCircle({ progress, stroke = 4, outerRadius, }) {
+    const circumference = outerRadius * 2 * Math.PI;
+    const strokeDashoffset = circumference - progress * circumference;
+    return (_jsx("svg", { className: jss({
+            backgroundColor: cssVar("--secondary-background"),
+            transform: "rotate(-90deg)",
+            borderRadius: "50%",
+        }), width: (outerRadius + stroke) * 2, height: (outerRadius + stroke) * 2, children: _jsx("circle", { stroke: "var(--highlight)", fill: "transparent", strokeWidth: stroke, strokeDasharray: `${circumference} ${circumference}`, style: { strokeDashoffset }, r: outerRadius, cx: outerRadius + stroke, cy: outerRadius + stroke }) }));
+}
+//# sourceMappingURL=ProgressCircle.js.map

package/dist/ProgressCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../src/ProgressCircle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEpC,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,MAAM,GAAG,CAAC,EACV,WAAW,GAKZ;IACC,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAChD,MAAM,gBAAgB,GAAG,aAAa,GAAG,QAAQ,GAAG,aAAa,CAAC;IAElE,OAAO,CACL,cACE,SAAS,EAAE,GAAG,CAAC;YACb,eAAe,EAAE,MAAM,CAAC,wBAAwB,CAAC;YACjD,SAAS,EAAE,gBAAgB;YAC3B,YAAY,EAAE,KAAK;SACpB,CAAC,EACF,KAAK,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,EACjC,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,YAElC,iBACE,MAAM,EAAC,kBAAkB,EACzB,IAAI,EAAC,aAAa,EAClB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,GAAG,aAAa,IAAI,aAAa,EAAE,EACpD,KAAK,EAAE,EAAE,gBAAgB,EAAE,EAC3B,CAAC,EAAE,WAAW,EACd,EAAE,EAAE,WAAW,GAAG,MAAM,EACxB,EAAE,EAAE,WAAW,GAAG,MAAM,GACxB,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/Providers.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Theme } from "./jss";
+export declare function Providers({ children, themes, }: {
+    children: JSX.Element;
+    themes: {
+        light: Theme;
+        dark: Theme;
+    };
+}): JSX.Element;

package/dist/Providers.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { DarkModeProvider } from "./DarkMode";
+import { DialogProvider } from "./Dialog";
+import { IconProvider } from "./Icon";
+import { useCookie } from "./useCookie";
+import { JSStylesProvider } from "./jss";
+export function Providers({ children, themes, }) {
+    const [darkModeEnabled, setDarkModeEnabled] = useCookie("dark-mode", {
+        initialValue: false,
+        loadingValue: false,
+    });
+    const toggleDarkMode = React.useCallback(() => setDarkModeEnabled((x) => !x), []);
+    return (_jsx(JSStylesProvider, { themes: themes, children: _jsx(IconProvider, { children: _jsx(DarkModeProvider, { enabled: darkModeEnabled, toggle: toggleDarkMode, children: _jsx(DialogProvider, { children: children }) }) }) }));
+}
+//# sourceMappingURL=Providers.js.map

package/dist/Providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Providers.js","sourceRoot":"","sources":["../src/Providers.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAS,MAAM,OAAO,CAAC;AAEhD,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,GAIP;IACC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,SAAS,CAAC,WAAW,EAAE;QACnE,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;KACpB,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACnC,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,YAC9B,KAAC,YAAY,cACX,KAAC,gBAAgB,IAAC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,cAAc,YAChE,KAAC,cAAc,cAAE,QAAQ,GAAkB,GAC1B,GACN,GACE,CACpB,CAAC;AACJ,CAAC"}

package/dist/RangeInput.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { BaseInputProps } from "./BaseInput";
+import { Gap, JSStyle, Padding } from "./jss";
+export interface RangeInputProps extends BaseInputProps {
+    onValueChange: (value: number) => void;
+    value: number;
+    rootJSStyle?: JSStyle;
+    onChange?: undefined;
+    padding?: Padding;
+    gap?: Gap;
+    addOn?: JSX.Element;
+    addOnPosition?: "start" | "end";
+}
+export declare const RangeInput: React.ForwardRefExoticComponent<RangeInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/RangeInput.js

@@ -0,0 +1,32 @@
+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 RangeInput = React.forwardRef(({ value, onValueChange, rootJSStyle, jsStyle, gap = "medium", padding = "none", min = 0, max = 100, step = 1, label, addOn, addOnPosition = "start", ...inputProps }, ref) => {
+    return (_jsxs(Row, { gap: gap, padding: padding, align: "center", jsStyle: [
+            {
+                ":has(:focus-visible)": {
+                    borderRadius: cssVar("--border-radius-m"),
+                    backgroundColor: cssVar("--light-highlight"),
+                },
+            },
+            rootJSStyle,
+        ], children: [addOnPosition === "start" && addOn, _jsx(BaseInput, { ...inputProps, label: label, min: min, max: max, type: "range", ref: ref, value: value, onChange: (e) => {
+                    onValueChange(parseFloat(e.target.value));
+                }, jsStyle: [
+                    {
+                        backgroundColor: cssVar("--primary-background"),
+                        flexGrow: 1,
+                        color: cssVar("--primary-text"),
+                        margin: 0,
+                        paddingTop: cssVar("--spacing-m"),
+                        paddingBottom: cssVar("--spacing-m"),
+                        ":disabled": {
+                            color: cssVar("--subtle-text"),
+                        },
+                    },
+                    jsStyle,
+                ] }), addOnPosition === "end" && addOn] }));
+});
+//# sourceMappingURL=RangeInput.js.map

package/dist/RangeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeInput.js","sourceRoot":"","sources":["../src/RangeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAyB,MAAM,EAAE,MAAM,OAAO,CAAC;AAatD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,KAAK,EACL,aAAa,EACb,WAAW,EACX,OAAO,EACP,GAAG,GAAG,QAAQ,EACd,OAAO,GAAG,MAAM,EAChB,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,KAAK,EACL,KAAK,EACL,aAAa,GAAG,OAAO,EACvB,GAAG,UAAU,EACG,EAClB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE;YACP;gBACE,sBAAsB,EAAE;oBACtB,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;oBACzC,eAAe,EAAE,MAAM,CAAC,mBAAmB,CAAC;iBAC7C;aACF;YACD,WAAW;SACZ,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,EACnC,KAAC,SAAS,OACJ,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC5C,CAAC,EACD,OAAO,EAAE;oBACP;wBACE,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;wBAC/C,QAAQ,EAAE,CAAC;wBACX,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;wBAC/B,MAAM,EAAE,CAAC;wBACT,UAAU,EAAE,MAAM,CAAC,aAAa,CAAC;wBACjC,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC;wBACpC,WAAW,EAAE;4BACX,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;yBAC/B;qBACF;oBACD,OAAO;iBACR,GACD,EACD,aAAa,KAAK,KAAK,IAAI,KAAK,IAC7B,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}