aidos-ui 3.0.0

package/dist/Dialog.js.map

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

package/dist/Dropdown.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { JSStyle } from "./jss";
+export declare function Dropdown<T>({ id, label, options, selection, setSelection, jsStyle, }: {
+    id?: string;
+    label: string;
+    options: Set<T>;
+    setSelection: (selection: T) => void;
+    selection: T;
+    jsStyle?: JSStyle;
+}): JSX.Element;

package/dist/Dropdown.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { BaseView } from "./BaseView";
+import { guid } from "./guid";
+import { Button } from "./Button";
+import { Column } from "./Column";
+import { useNavigation } from "./useNavigation";
+import { useRefEffect } from "./useRefEffect";
+import { getBackground } from "./jss";
+const jsStyles = {
+    root: {
+        position: "relative",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "stretch",
+        flexGrow: 1,
+    },
+    button: {
+        flexGrow: 1,
+    },
+    dropdown: {
+        position: "absolute",
+        top: "100%",
+        left: 0,
+        right: 0,
+        borderRadius: "var(--border-radius-m)",
+        boxShadow: "0px 1px 2px var(--divider)",
+        zIndex: 1,
+    },
+};
+export function Dropdown({ id = guid(), label, options, selection, setSelection, jsStyle, }) {
+    const triggerRef = useRef(null);
+    const [expanded, setExpanded] = useState(false);
+    const dropdownRef = useNavigation({ autofocus: true });
+    const rootRef = useRefEffect((root) => {
+        const onKeyDown = (e) => {
+            if (e.code === "Escape") {
+                setExpanded(false);
+            }
+        };
+        root.addEventListener("keydown", onKeyDown);
+        return () => root.removeEventListener("keydown", onKeyDown);
+    });
+    useEffect(() => {
+        if (!expanded) {
+            triggerRef.current && triggerRef.current.focus();
+        }
+    }, [expanded]);
+    return (_jsxs(BaseView, { ref: rootRef, jsStyle: [jsStyles.root, jsStyle], children: [_jsx(Button, { "aria-expanded": expanded ? "true" : "false", "aria-controls": id, "aria-haspopup": "true", "aria-label": label, role: "combobox", justify: "space-between", tabIndex: 0, jsStyle: jsStyles.button, label: selection.toString(), color: "positive", icon: "fa-chevron-down", iconPosition: "right", onClick: () => {
+                    setExpanded((x) => !x);
+                }, ref: triggerRef }), expanded && (_jsx(Column, { gap: "medium", jsStyle: [jsStyles.dropdown, getBackground("secondary-background")], id: id, role: "listbox", "aria-label": label, tabIndex: -1, ref: dropdownRef, onBlur: (e) => {
+                    if (!e.currentTarget.contains(e.relatedTarget)) {
+                        setExpanded(false);
+                    }
+                }, children: Array.from(options).map((option, index) => {
+                    const optionId = `${id}-${index}`;
+                    const selected = option === selection;
+                    return (_jsx(Button, { justify: selected ? "space-between" : "flex-start", align: "center", bare: true, iconPosition: "right", icon: selected ? "fa-check" : undefined, role: "option", id: optionId, "aria-selected": selected ? "true" : "false", label: option.toString(), color: "positive", onClick: () => {
+                            setSelection(option);
+                            setExpanded(false);
+                        } }, optionId));
+                }) }))] }));
+}
+//# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown.js.map

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

package/dist/Emitter.d.ts

@@ -0,0 +1,6 @@
+export type Callback<Value> = (value: Value) => void;
+export type Subscribe<Value> = (callback: Callback<Value>) => () => void;
+export declare function createEmitter<Value>(): {
+    subscribe: Subscribe<Value>;
+    emit: (value: Value) => void;
+};

package/dist/Emitter.js

@@ -0,0 +1,19 @@
+export function createEmitter() {
+    const subscriptions = new Set();
+    const subscribe = (callback) => {
+        subscriptions.add(callback);
+        return () => {
+            subscriptions.delete(callback);
+        };
+    };
+    const emit = (value) => {
+        subscriptions.forEach((subscription) => {
+            subscription(value);
+        });
+    };
+    return {
+        subscribe,
+        emit,
+    };
+}
+//# sourceMappingURL=Emitter.js.map

package/dist/Emitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emitter.js","sourceRoot":"","sources":["../src/Emitter.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,aAAa;IAC3B,MAAM,aAAa,GAAG,IAAI,GAAG,EAAmB,CAAC;IAEjD,MAAM,SAAS,GAAqB,CAAC,QAAyB,EAAE,EAAE;QAChE,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE;QAC5B,aAAa,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,EAAE;YACrC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,SAAS;QACT,IAAI;KACL,CAAC;AACJ,CAAC"}

package/dist/FlexLayout.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { BaseViewProps } from "./BaseView";
+import { Justify, Gap, Align, Padding, FlexDirection } from "./jss";
+export interface FlexLayoutProps extends BaseViewProps {
+    justify?: Justify;
+    gap?: Gap;
+    align?: Align;
+    padding?: Padding;
+    direction?: FlexDirection;
+}
+export declare const FlexLayout: React.ForwardRefExoticComponent<Pick<FlexLayoutProps, "padding" | "style" | "slot" | "title" | "children" | "hidden" | "color" | "relative" | "justify" | "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" | "align"> & React.RefAttributes<HTMLElement>>;

package/dist/FlexLayout.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { BaseView } from "./BaseView";
+import { getPadding, getSpacing, } from "./jss";
+export const FlexLayout = React.forwardRef(({ jsStyle, gap = "none", justify = "none", align = "none", padding = "none", direction = "column", ...otherProps }, ref) => {
+    return (_jsx(BaseView, { ref: ref, jsStyle: [
+            {
+                display: "flex",
+                flexDirection: direction,
+                gap: getSpacing(gap),
+                justifyContent: justify,
+                alignItems: align,
+            },
+            getPadding(padding),
+            jsStyle,
+        ], ...otherProps }));
+});
+//# sourceMappingURL=FlexLayout.js.map

package/dist/FlexLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexLayout.js","sourceRoot":"","sources":["../src/FlexLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAML,UAAU,EACV,UAAU,GACX,MAAM,OAAO,CAAC;AAUf,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,OAAO,EACP,GAAG,GAAG,MAAM,EACZ,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,QAAQ,EACpB,GAAG,UAAU,EACG,EAClB,GAA4B,EAC5B,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,SAAS;gBACxB,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC;gBACpB,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,KAAK;aAClB;YACD,UAAU,CAAC,OAAO,CAAC;YACnB,OAAO;SACR,KACG,UAAU,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Icon.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { IconType } from "./IconType";
+import { Size, TextColor } from "./jss";
+export declare function IconProvider({ children }: {
+    children: JSX.Element;
+}): JSX.Element;
+export declare function Icon({ icon, size, color, ariaLabel, }: {
+    ariaLabel?: string;
+    icon: IconType;
+    size: Size;
+    color: TextColor;
+}): JSX.Element;

package/dist/Icon.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { BaseView } from "./BaseView";
+import { getTextColor } from "./jss";
+const jsStyles = {
+    root: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        " svg": {
+            height: "inherit",
+            width: "inherit",
+        },
+    },
+    xsmall: {
+        height: 8,
+        width: 8,
+    },
+    small: {
+        height: 12,
+        width: 12,
+    },
+    medium: {
+        height: 18,
+        width: 18,
+    },
+    large: {
+        height: 24,
+        width: 24,
+    },
+    xlarge: {
+        height: 30,
+        width: 30,
+    },
+};
+let initialized = false;
+const initializeIcons = () => {
+    if (initialized) {
+        return;
+    }
+    const hasIconify = document.getElementById("iconify");
+    if (hasIconify) {
+        initialized = true;
+        return;
+    }
+    const script = document.createElement("script");
+    script.src = "https://code.iconify.design/3/3.1.1/iconify.min.js";
+    script.id = "iconify";
+    document.head.appendChild(script);
+    initialized = true;
+};
+export function IconProvider({ children }) {
+    useEffect(() => {
+        initializeIcons();
+    }, []);
+    return children;
+}
+export function Icon({ icon, size, color, ariaLabel, }) {
+    return (_jsx(BaseView, { "aria-label": ariaLabel, jsStyle: [
+            jsStyles.root,
+            size === "xsmall" && jsStyles.xsmall,
+            size === "small" && jsStyles.small,
+            size === "medium" && jsStyles.medium,
+            size === "large" && jsStyles.large,
+            size === "xlarge" && jsStyles.xlarge,
+            getTextColor(color),
+        ], children: _jsx("span", { className: "iconify", "data-icon": icon }) }, icon));
+}
+//# sourceMappingURL=Icon.js.map

package/dist/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAmB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACN,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;SACjB;KACF;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,IAAI,WAAW,GAAG,KAAK,CAAC;AAExB,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,IAAI,WAAW,EAAE;QACf,OAAO;KACR;IAED,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IAEtD,IAAI,UAAU,EAAE;QACd,WAAW,GAAG,IAAI,CAAC;QACnB,OAAO;KACR;IAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,GAAG,oDAAoD,CAAC;IAClE,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC,WAAW,GAAG,IAAI,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAA6B;IAClE,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GAMV;IACC,OAAO,CACL,KAAC,QAAQ,kBAEK,SAAS,EACrB,OAAO,EAAE;YACP,QAAQ,CAAC,IAAI;YACb,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM;YACpC,IAAI,KAAK,OAAO,IAAI,QAAQ,CAAC,KAAK;YAClC,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM;YACpC,IAAI,KAAK,OAAO,IAAI,QAAQ,CAAC,KAAK;YAClC,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM;YACpC,YAAY,CAAC,KAAK,CAAC;SACpB,YAED,eAAM,SAAS,EAAC,SAAS,eAAY,IAAI,GAAS,IAZ7C,IAAI,CAaA,CACZ,CAAC;AACJ,CAAC"}

package/dist/IconButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { BaseButtonProps } from "./BaseButton";
+import { IconType } from "./IconType";
+import { Size } from "./jss";
+export interface IconButtonProps extends BaseButtonProps {
+    icon: IconType;
+    size: Size;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/IconButton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { BaseButton } from "./BaseButton";
+import { Icon } from "./Icon";
+import { getGlyphColor } from "./Interactable";
+const sizes = {
+    xsmall: 20,
+    small: 24,
+    medium: 32,
+    large: 40,
+    xlarge: 48,
+};
+export const IconButton = React.forwardRef(({ icon, size, color, bare, disabled, jsStyle, ...buttonProps }, ref) => {
+    return (_jsx(BaseButton, { ...buttonProps, bare: bare, jsStyle: [
+            {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                height: sizes[size],
+                width: sizes[size],
+                borderRadius: sizes[size] / 2,
+            },
+            !disabled && {
+                ":active": {
+                    transform: "scale(0.92)",
+                },
+            },
+            jsStyle,
+        ], color: color, ref: ref, disabled: disabled, children: _jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }) }));
+});
+//# sourceMappingURL=IconButton.js.map

package/dist/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAOF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,GAAG,WAAW,EACE,EAClB,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,UAAU,OACL,WAAW,EACf,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;aAC9B;YACD,CAAC,QAAQ,IAAI;gBACX,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,OAAO;SACR,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,GACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/IconLink.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IconType } from "./IconType";
+import { Size } from "./jss";
+import { BaseLinkProps } from "./BaseLink";
+export interface IconLinkProps extends BaseLinkProps {
+    icon: IconType;
+    size: Size;
+}
+export declare const IconLink: React.ForwardRefExoticComponent<IconLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/IconLink.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Icon } from "./Icon";
+import { getGlyphColor } from "./Interactable";
+import { BaseLink } from "./BaseLink";
+const sizes = {
+    xsmall: 20,
+    small: 24,
+    medium: 32,
+    large: 40,
+    xlarge: 48,
+};
+export const IconLink = React.forwardRef(({ icon, size, color, bare, disabled, ...otherProps }, ref) => {
+    return (_jsx(BaseLink, { ...otherProps, bare: bare, jsStyle: [
+            {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                height: sizes[size],
+                width: sizes[size],
+                borderRadius: sizes[size] / 2,
+                textDecoration: "none",
+            },
+            !disabled && {
+                ":active": {
+                    transform: "scale(0.92)",
+                },
+            },
+        ], color: color, ref: ref, disabled: disabled, children: _jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }) }));
+});
+//# sourceMappingURL=IconLink.js.map

package/dist/IconLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLink.js","sourceRoot":"","sources":["../src/IconLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAOF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAiB,EACnE,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,OACH,UAAU,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;gBAC7B,cAAc,EAAE,MAAM;aACvB;YACD,CAAC,QAAQ,IAAI;gBACX,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;aACF;SACF,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,GACO,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/IconType.d.ts

@@ -0,0 +1 @@
+export type IconType = "fa-address-book" | "fa-address-book-o" | "fa-address-card" | "fa-address-card-o" | "fa-adjust" | "fa-adn" | "fa-align-center" | "fa-align-justify" | "fa-align-left" | "fa-align-right" | "fa-amazon" | "fa-ambulance" | "fa-american-sign-language-interpreting" | "fa-anchor" | "fa-android" | "fa-angellist" | "fa-angle-double-down" | "fa-angle-double-left" | "fa-angle-double-right" | "fa-angle-double-up" | "fa-angle-down" | "fa-angle-left" | "fa-angle-right" | "fa-angle-up" | "fa-apple" | "fa-archive" | "fa-area-chart" | "fa-arrow-circle-down" | "fa-arrow-circle-left" | "fa-arrow-circle-o-down" | "fa-arrow-circle-o-left" | "fa-arrow-circle-o-right" | "fa-arrow-circle-o-up" | "fa-arrow-circle-right" | "fa-arrow-circle-up" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-arrows" | "fa-arrows-alt" | "fa-arrows-h" | "fa-arrows-v" | "fa-asl-interpretin" | "fa-assistive-listening-systems" | "fa-asterisk" | "fa-at" | "fa-audio-description" | "fa-automobil" | "fa-backward" | "fa-balance-scale" | "fa-ban" | "fa-bandcamp" | "fa-ban" | "fa-bar-chart" | "fa-bar-chart-" | "fa-barcode" | "fa-bars" | "fa-bath" | "fa-bathtu" | "fa-batter" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-empty" | "fa-battery-full" | "fa-battery-half" | "fa-battery-quarter" | "fa-battery-three-quarters" | "fa-bed" | "fa-beer" | "fa-behance" | "fa-behance-square" | "fa-bell" | "fa-bell-o" | "fa-bell-slash" | "fa-bell-slash-o" | "fa-bicycle" | "fa-binoculars" | "fa-birthday-cake" | "fa-bitbucket" | "fa-bitbucket-square" | "fa-bitcoi" | "fa-black-tie" | "fa-blind" | "fa-bluetooth" | "fa-bluetooth-b" | "fa-bold" | "fa-bolt" | "fa-bomb" | "fa-book" | "fa-bookmark" | "fa-bookmark-o" | "fa-braille" | "fa-briefcase" | "fa-btc" | "fa-bug" | "fa-building" | "fa-building-o" | "fa-bullhorn" | "fa-bullseye" | "fa-bus" | "fa-buysellads" | "fa-ca" | "fa-calculator" | "fa-calendar" | "fa-calendar-check-o" | "fa-calendar-minus-o" | "fa-calendar-o" | "fa-calendar-plus-o" | "fa-calendar-times-o" | "fa-camera" | "fa-camera-retro" | "fa-car" | "fa-caret-down" | "fa-caret-left" | "fa-caret-right" | "fa-caret-square-o-down" | "fa-caret-square-o-left" | "fa-caret-square-o-right" | "fa-caret-square-o-up" | "fa-caret-up" | "fa-cart-arrow-down" | "fa-cart-plus" | "fa-cc" | "fa-cc-amex" | "fa-cc-diners-club" | "fa-cc-discover" | "fa-cc-jcb" | "fa-cc-mastercard" | "fa-cc-paypal" | "fa-cc-stripe" | "fa-cc-visa" | "fa-certificate" | "fa-chai" | "fa-chain-broken" | "fa-check" | "fa-check-circle" | "fa-check-circle-o" | "fa-check-square" | "fa-check-square-o" | "fa-chevron-circle-down" | "fa-chevron-circle-left" | "fa-chevron-circle-right" | "fa-chevron-circle-up" | "fa-chevron-down" | "fa-chevron-left" | "fa-solid:chevron-right" | "fa-chevron-right" | "fa-chevron-up" | "fa-child" | "fa-chrome" | "fa-circle" | "fa-circle-o" | "fa-circle-o-notch" | "fa-circle-thin" | "fa-clipboard" | "fa-clock-o" | "fa-clone" | "fa-close" | "fa-cloud" | "fa-cloud-download" | "fa-cloud-upload" | "fa-cn" | "fa-code" | "fa-code-fork" | "fa-codepen" | "fa-codiepie" | "fa-coffee" | "fa-cog" | "fa-cogs" | "fa-columns" | "fa-comment" | "fa-comment-o" | "fa-commenting" | "fa-commenting-o" | "fa-comments" | "fa-comments-o" | "fa-compass" | "fa-compress" | "fa-connectdevelop" | "fa-contao" | "fa-cop" | "fa-copyright" | "fa-creative-commons" | "fa-credit-card" | "fa-credit-card-alt" | "fa-crop" | "fa-crosshairs" | "fa-css3" | "fa-cube" | "fa-cubes" | "fa-cu" | "fa-cutlery" | "fa-dashboar" | "fa-dashcube" | "fa-database" | "fa-deaf" | "fa-deafnes" | "fa-deden" | "fa-delicious" | "fa-desktop" | "fa-deviantart" | "fa-diamond" | "fa-digg" | "fa-dolla" | "fa-dot-circle-o" | "fa-download" | "fa-dribbble" | "fa-drivers-licens" | "fa-drivers-license-" | "fa-dropbox" | "fa-drupal" | "fa-edge" | "fa-edi" | "fa-eercast" | "fa-eject" | "fa-ellipsis-h" | "fa-ellipsis-v" | "fa-empire" | "fa-envelope" | "fa-envelope-o" | "fa-envelope-open" | "fa-envelope-open-o" | "fa-envelope-square" | "fa-envira" | "fa-eraser" | "fa-etsy" | "fa-eur" | "fa-eur" | "fa-exchange" | "fa-exclamation" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-expand" | "fa-expeditedssl" | "fa-external-link" | "fa-external-link-square" | "fa-eye" | "fa-eye-slash" | "fa-eyedropper" | "fa-f" | "fa-facebook" | "fa-facebook-" | "fa-facebook-official" | "fa-facebook-square" | "fa-fast-backward" | "fa-fast-forward" | "fa-fax" | "fa-fee" | "fa-female" | "fa-fighter-jet" | "fa-file" | "fa-file-archive-o" | "fa-file-audio-o" | "fa-file-code-o" | "fa-file-excel-o" | "fa-file-image-o" | "fa-file-movie-" | "fa-file-o" | "fa-file-pdf-o" | "fa-file-photo-" | "fa-file-picture-" | "fa-file-powerpoint-o" | "fa-file-sound-" | "fa-file-text" | "fa-file-text-o" | "fa-file-video-o" | "fa-file-word-o" | "fa-file-zip-" | "fa-files-o" | "fa-film" | "fa-filter" | "fa-fire" | "fa-fire-extinguisher" | "fa-firefox" | "fa-first-order" | "fa-flag" | "fa-flag-checkered" | "fa-flag-o" | "fa-flas" | "fa-flask" | "fa-flickr" | "fa-floppy-o" | "fa-folder" | "fa-folder-o" | "fa-folder-open" | "fa-folder-open-o" | "fa-font" | "fa-font-awesome" | "fa-fonticons" | "fa-fort-awesome" | "fa-forumbee" | "fa-forward" | "fa-foursquare" | "fa-free-code-camp" | "fa-frown-o" | "fa-futbol-o" | "fa-gamepad" | "fa-gavel" | "fa-gbp" | "fa-g" | "fa-gea" | "fa-gear" | "fa-genderless" | "fa-get-pocket" | "fa-gg" | "fa-gg-circle" | "fa-gift" | "fa-git" | "fa-git-square" | "fa-github" | "fa-github-alt" | "fa-github-square" | "fa-gitlab" | "fa-gitti" | "fa-glass" | "fa-glide" | "fa-glide-g" | "fa-globe" | "fa-google" | "fa-google-plus" | "fa-google-plus-circl" | "fa-google-plus-official" | "fa-google-plus-square" | "fa-google-wallet" | "fa-graduation-cap" | "fa-gratipay" | "fa-grav" | "fa-grou" | "fa-h-square" | "fa-hacker-news" | "fa-hand-grab-" | "fa-hand-lizard-o" | "fa-hand-o-down" | "fa-hand-o-left" | "fa-hand-o-right" | "fa-hand-o-up" | "fa-hand-paper-o" | "fa-hand-peace-o" | "fa-hand-pointer-o" | "fa-hand-rock-o" | "fa-hand-scissors-o" | "fa-hand-spock-o" | "fa-hand-stop-" | "fa-handshake-o" | "fa-hard-of-hearin" | "fa-hashtag" | "fa-hdd-o" | "fa-header" | "fa-headphones" | "fa-heart" | "fa-heart-o" | "fa-heartbeat" | "fa-history" | "fa-home" | "fa-hospital-o" | "fa-hote" | "fa-hourglass" | "fa-hourglass-" | "fa-hourglass-" | "fa-hourglass-" | "fa-hourglass-end" | "fa-hourglass-half" | "fa-hourglass-o" | "fa-hourglass-start" | "fa-houzz" | "fa-html5" | "fa-i-cursor" | "fa-id-badge" | "fa-id-card" | "fa-id-card-o" | "fa-ils" | "fa-imag" | "fa-imdb" | "fa-inbox" | "fa-indent" | "fa-industry" | "fa-info" | "fa-info-circle" | "fa-inr" | "fa-instagram" | "fa-institutio" | "fa-internet-explorer" | "fa-interse" | "fa-ioxhost" | "fa-italic" | "fa-joomla" | "fa-jpy" | "fa-jsfiddle" | "fa-key" | "fa-keyboard-o" | "fa-krw" | "fa-language" | "fa-laptop" | "fa-lastfm" | "fa-lastfm-square" | "fa-leaf" | "fa-leanpub" | "fa-lega" | "fa-lemon-o" | "fa-level-down" | "fa-level-up" | "fa-life-bou" | "fa-life-buo" | "fa-life-ring" | "fa-life-save" | "fa-lightbulb-o" | "fa-line-chart" | "fa-link" | "fa-linkedin" | "fa-linkedin-square" | "fa-linode" | "fa-linux" | "fa-list" | "fa-list-alt" | "fa-list-ol" | "fa-list-ul" | "fa-location-arrow" | "fa-lock" | "fa-long-arrow-down" | "fa-long-arrow-left" | "fa-long-arrow-right" | "fa-long-arrow-up" | "fa-low-vision" | "fa-magic" | "fa-magnet" | "fa-mail-forwar" | "fa-mail-repl" | "fa-mail-reply-al" | "fa-male" | "fa-map" | "fa-map-marker" | "fa-map-o" | "fa-map-pin" | "fa-map-signs" | "fa-mars" | "fa-mars-double" | "fa-mars-stroke" | "fa-mars-stroke-h" | "fa-mars-stroke-v" | "fa-maxcdn" | "fa-meanpath" | "fa-medium" | "fa-medkit" | "fa-meetup" | "fa-meh-o" | "fa-mercury" | "fa-microchip" | "fa-microphone" | "fa-microphone-slash" | "fa-minus" | "fa-minus-circle" | "fa-minus-square" | "fa-minus-square-o" | "fa-mixcloud" | "fa-mobile" | "fa-mobile-phon" | "fa-modx" | "fa-money" | "fa-moon-o" | "fa-mortar-boar" | "fa-motorcycle" | "fa-mouse-pointer" | "fa-music" | "fa-navico" | "fa-neuter" | "fa-newspaper-o" | "fa-object-group" | "fa-object-ungroup" | "fa-odnoklassniki" | "fa-odnoklassniki-square" | "fa-opencart" | "fa-openid" | "fa-opera" | "fa-optin-monster" | "fa-outdent" | "fa-pagelines" | "fa-paint-brush" | "fa-paper-plane" | "fa-paper-plane-o" | "fa-paperclip" | "fa-paragraph" | "fa-past" | "fa-pause" | "fa-pause-circle" | "fa-pause-circle-o" | "fa-paw" | "fa-paypal" | "fa-pencil" | "fa-pencil-square" | "fa-pencil-square-o" | "fa-percent" | "fa-phone" | "fa-phone-square" | "fa-phot" | "fa-picture-o" | "fa-pie-chart" | "fa-pied-piper" | "fa-pied-piper-alt" | "fa-pied-piper-pp" | "fa-pinterest" | "fa-pinterest-p" | "fa-pinterest-square" | "fa-plane" | "fa-play" | "fa-play-circle" | "fa-play-circle-o" | "fa-plug" | "fa-plus" | "fa-plus-circle" | "fa-plus-square" | "fa-plus-square-o" | "fa-podcast" | "fa-power-off" | "fa-print" | "fa-product-hunt" | "fa-puzzle-piece" | "fa-qq" | "fa-qrcode" | "fa-question" | "fa-question-circle" | "fa-question-circle-o" | "fa-quora" | "fa-quote-left" | "fa-quote-right" | "fa-r" | "fa-random" | "fa-ravelry" | "fa-rebel" | "fa-recycle" | "fa-reddit" | "fa-reddit-alien" | "fa-reddit-square" | "fa-refresh" | "fa-registered" | "fa-remove" | "fa-renren" | "fa-reorde" | "fa-repeat" | "fa-reply" | "fa-reply-all" | "fa-resistanc" | "fa-retweet" | "fa-rm" | "fa-road" | "fa-rocket" | "fa-rotate-lef" | "fa-rotate-righ" | "fa-roubl" | "fa-rss" | "fa-rss-square" | "fa-rub" | "fa-rubl" | "fa-rupe" | "fa-s1" | "fa-safari" | "fa-sav" | "fa-scissors" | "fa-scribd" | "fa-search" | "fa-search-minus" | "fa-search-plus" | "fa-sellsy" | "fa-sen" | "fa-send-" | "fa-server" | "fa-share" | "fa-share-alt" | "fa-share-alt-square" | "fa-share-square" | "fa-share-square-o" | "fa-sheke" | "fa-sheqe" | "fa-shield" | "fa-ship" | "fa-shirtsinbulk" | "fa-shopping-bag" | "fa-shopping-basket" | "fa-shopping-cart" | "fa-shower" | "fa-sign-in" | "fa-sign-language" | "fa-sign-out" | "fa-signal" | "fa-signin" | "fa-simplybuilt" | "fa-sitemap" | "fa-skyatlas" | "fa-skype" | "fa-slack" | "fa-sliders" | "fa-slideshare" | "fa-smile-o" | "fa-snapchat" | "fa-snapchat-ghost" | "fa-snapchat-square" | "fa-snowflake-o" | "fa-soccer-ball-" | "fa-sort" | "fa-sort-alpha-asc" | "fa-sort-alpha-desc" | "fa-sort-amount-asc" | "fa-sort-amount-desc" | "fa-sort-asc" | "fa-sort-desc" | "fa-sort-dow" | "fa-sort-numeric-asc" | "fa-sort-numeric-desc" | "fa-sort-u" | "fa-soundcloud" | "fa-space-shuttle" | "fa-spinner" | "fa-spoon" | "fa-spotify" | "fa-square" | "fa-square-o" | "fa-stack-exchange" | "fa-stack-overflow" | "fa-star" | "fa-star-half" | "fa-star-half-empt" | "fa-star-half-ful" | "fa-star-half-o" | "fa-star-o" | "fa-steam" | "fa-steam-square" | "fa-step-backward" | "fa-step-forward" | "fa-stethoscope" | "fa-sticky-note" | "fa-sticky-note-o" | "fa-stop" | "fa-stop-circle" | "fa-stop-circle-o" | "fa-street-view" | "fa-strikethrough" | "fa-stumbleupon" | "fa-stumbleupon-circle" | "fa-subscript" | "fa-subway" | "fa-suitcase" | "fa-sun-o" | "fa-superpowers" | "fa-superscript" | "fa-suppor" | "fa-table" | "fa-tablet" | "fa-tachometer" | "fa-tag" | "fa-tags" | "fa-tasks" | "fa-taxi" | "fa-telegram" | "fa-television" | "fa-tencent-weibo" | "fa-terminal" | "fa-text-height" | "fa-text-width" | "fa-th" | "fa-th-large" | "fa-th-list" | "fa-themeisle" | "fa-thermomete" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-empty" | "fa-thermometer-full" | "fa-thermometer-half" | "fa-thermometer-quarter" | "fa-thermometer-three-quarters" | "fa-thumb-tack" | "fa-thumbs-down" | "fa-thumbs-o-down" | "fa-thumbs-o-up" | "fa-thumbs-up" | "fa-ticket" | "fa-times" | "fa-times-circle" | "fa-times-circle-o" | "fa-times-rectangl" | "fa-times-rectangle-" | "fa-tint" | "fa-toggle-dow" | "fa-toggle-lef" | "fa-toggle-off" | "fa-toggle-on" | "fa-toggle-righ" | "fa-toggle-u" | "fa-trademark" | "fa-train" | "fa-transgender" | "fa-transgender-alt" | "fa-trash" | "fa-trash-o" | "fa-tree" | "fa-trello" | "fa-tripadvisor" | "fa-trophy" | "fa-truck" | "fa-try" | "fa-tty" | "fa-tumblr" | "fa-tumblr-square" | "fa-turkish-lir" | "fa-t" | "fa-twitch" | "fa-twitter" | "fa-twitter-square" | "fa-umbrella" | "fa-underline" | "fa-undo" | "fa-universal-access" | "fa-university" | "fa-unlin" | "fa-unlock" | "fa-unlock-alt" | "fa-unsorte" | "fa-upload" | "fa-usb" | "fa-usd" | "fa-user" | "fa-user-circle" | "fa-user-circle-o" | "fa-user-md" | "fa-user-o" | "fa-user-plus" | "fa-user-secret" | "fa-user-times" | "fa-users" | "fa-vcar" | "fa-vcard-" | "fa-venus" | "fa-venus-double" | "fa-venus-mars" | "fa-viacoin" | "fa-viadeo" | "fa-viadeo-square" | "fa-video-camera" | "fa-vimeo" | "fa-vimeo-square" | "fa-vine" | "fa-vk" | "fa-volume-control-phone" | "fa-volume-down" | "fa-volume-off" | "fa-volume-up" | "fa-warnin" | "fa-wecha" | "fa-weibo" | "fa-weixin" | "fa-whatsapp" | "fa-wheelchair" | "fa-wheelchair-alt" | "fa-wifi" | "fa-wikipedia-w" | "fa-window-close" | "fa-window-close-o" | "fa-window-maximize" | "fa-window-minimize" | "fa-window-restore" | "fa-windows" | "fa-wo" | "fa-wordpress" | "fa-wpbeginner" | "fa-wpexplorer" | "fa-wpforms" | "fa-wrench" | "fa-xing" | "fa-xing-square" | "fa-y-combinator" | "fa-y-combinator-squar" | "fa-yahoo" | "fa-y" | "fa-yc-squar" | "fa-yelp" | "fa-ye" | "fa-yoast" | "fa-youtube" | "fa-youtube-play" | "fa-youtube-squar";

package/dist/IconType.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IconType.js.map

package/dist/IconType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconType.js","sourceRoot":"","sources":["../src/IconType.ts"],"names":[],"mappings":""}

package/dist/Interactable.d.ts

@@ -0,0 +1,48 @@
+import { JSStyle, Padding, TextColor } from "./jss";
+export type InteractableColor = "positive" | "secondary" | "negative";
+export declare function getInteractableJSStyles({ color, bare, disabled, animateInteraction, padding, }: {
+    color: InteractableColor;
+    bare: boolean;
+    disabled: boolean;
+    animateInteraction: boolean;
+    padding: Padding;
+}): Array<JSStyle>;
+export declare const getGlyphColor: (color: InteractableColor, disabled: boolean | undefined, bare: boolean | undefined) => TextColor;
+export declare const getInteractableListItemJSStyles: ({ bare, selected, }: {
+    bare: boolean;
+    selected: boolean;
+}) => ({
+    overflow: string;
+    flexGrow: number;
+    borderRadius: string;
+    textDecoration: string;
+    ":hover": {
+        backgroundColor: string;
+    };
+    ":active:hover": {
+        backgroundColor: string;
+    };
+    "[aria-disabled=true]": {
+        backgroundColor: string;
+    };
+    "[aria-disabled=true]:active:hover": {
+        backgroundColor: string;
+    };
+    backgroundColor?: undefined;
+    boxShadow?: undefined;
+} | {
+    backgroundColor: string;
+    boxShadow: string;
+    ":hover": {
+        backgroundColor: string;
+    };
+    ":active:hover": {
+        backgroundColor: string;
+    };
+    overflow?: undefined;
+    flexGrow?: undefined;
+    borderRadius?: undefined;
+    textDecoration?: undefined;
+    "[aria-disabled=true]"?: undefined;
+    "[aria-disabled=true]:active:hover"?: undefined;
+})[];

package/dist/Interactable.js

@@ -0,0 +1,131 @@
+import { cssVar, getPadding } from "./jss";
+const jsStyles = {
+    root: {
+        cursor: "pointer",
+        display: "inline-flex",
+        alignItems: "center",
+        transition: "opacity 0.1s ease-in",
+        outlineColor: "var(--outline)",
+        "[aria-disabled=true]": {
+            color: "var(--secondary-text)",
+            backgroundColor: "var(--background-button-secondary)",
+        },
+        ":focus-visible": {
+            outlineWidth: "2px",
+            outlineStyle: "solid",
+            outlineOffset: -2,
+        },
+    },
+    positive: {
+        backgroundColor: "var(--background-button-positive)",
+        "[aria-disabled=true]": {
+            backgroundColor: "var(--background-button-disabled)",
+        },
+    },
+    secondary: {
+        backgroundColor: "var(--background-button-secondary)",
+        "[aria-disabled=true]": {
+            backgroundColor: "var(--background-button-disabled)",
+        },
+    },
+    negative: {
+        backgroundColor: "var(--background-button-negative)",
+        "[aria-disabled=true]": {
+            backgroundColor: "var(--background-button-disabled)",
+        },
+    },
+    disabled: {
+        cursor: "default",
+    },
+    bare: {
+        backgroundColor: "inherit",
+        outlineColor: "var(--outline)",
+        "[aria-disabled=true]": {
+            backgroundColor: "inherit",
+        },
+        "[aria-disabled=true]:hover": {
+            backgroundColor: "inherit",
+        },
+    },
+    opacityHover: {
+        ":hover": {
+            opacity: 0.8,
+        },
+        "[aria-disabled=true]:hover": {
+            opacity: 1,
+        },
+    },
+    colorHover: {},
+};
+export function getInteractableJSStyles({ color, bare, disabled, animateInteraction, padding, }) {
+    return [
+        jsStyles.root,
+        color === "positive" && jsStyles.positive,
+        color === "secondary" && jsStyles.secondary,
+        color === "negative" && jsStyles.negative,
+        bare && jsStyles.bare,
+        disabled && jsStyles.disabled,
+        !bare && jsStyles.opacityHover,
+        animateInteraction &&
+            !disabled && {
+            position: "relative",
+            ":active": {
+                opacity: 0.95,
+                top: 1,
+            },
+            "[aria-disabled=true]:active": {
+                top: 0,
+                opacity: 1,
+            },
+        },
+        getPadding(padding),
+    ];
+}
+export const getGlyphColor = (color, disabled, bare) => {
+    if (disabled) {
+        return "subtle";
+    }
+    switch (color) {
+        case "positive":
+            return bare ? "highlight" : "light";
+        case "negative":
+            return bare ? "negative" : "light";
+        case "secondary":
+            return bare ? "primary" : "secondary";
+    }
+};
+export const getInteractableListItemJSStyles = ({ bare, selected, }) => {
+    return [
+        {
+            overflow: "hidden",
+            flexGrow: 1,
+            borderRadius: bare ? cssVar("--border-radius-m") : null,
+            textDecoration: "none",
+            ":hover": {
+                backgroundColor: "var(--hovered-background)",
+            },
+            ":active:hover": {
+                backgroundColor: "var(--pressed-background)",
+            },
+            "[aria-disabled=true]": {
+                backgroundColor: "var(--primary-background)",
+            },
+            "[aria-disabled=true]:active:hover": {
+                backgroundColor: "var(--primary-background)",
+            },
+        },
+        selected && {
+            backgroundColor: bare
+                ? cssVar("--light-highlight")
+                : cssVar("--selected-background"),
+            boxShadow: bare ? "" : "inset 1px 1px 2px -1px #0000004a",
+            ":hover": {
+                backgroundColor: "var(--hovered-background)",
+            },
+            ":active:hover": {
+                backgroundColor: "var(--pressed-background)",
+            },
+        },
+    ];
+};
+//# sourceMappingURL=Interactable.js.map

package/dist/Interactable.js.map

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

package/dist/Link.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { BaseLinkProps } from "./BaseLink";
+import { IconType } from "./IconType";
+import { FlexLayoutProps } from "./FlexLayout";
+import { InteractableColor } from "./Interactable";
+import { Size, Align, Gap, Justify } from "./jss";
+export interface LinkProps extends BaseLinkProps {
+    label: string;
+    color: InteractableColor;
+    size?: Size;
+    icon?: IconType;
+    iconSize?: Size;
+    children?: undefined;
+    iconPosition?: "left" | "right";
+    rowProps?: FlexLayoutProps;
+    align?: Align;
+    gap?: Gap;
+    justify?: Justify;
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;