aidos-ui 3.0.0

package/dist/Calendar.js.map

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

package/dist/Card.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function Card({ children }: {
+    children: JSX.Element;
+}): JSX.Element;

package/dist/Card.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseView } from "./BaseView";
+import { cssVar } from "./jss";
+export function Card({ children }) {
+    return (_jsx(BaseView, { jsStyle: {
+            backgroundColor: cssVar("--primary-background"),
+            borderRadius: cssVar("--border-radius-l"),
+            padding: cssVar("--spacing-l"),
+            border: `1px solid ${cssVar("--divider")}`,
+        }, children: children }));
+}
+//# sourceMappingURL=Card.js.map

package/dist/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAA6B;IAC1D,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;YACzC,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC;YAC9B,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;SAC3C,YAEA,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC"}

package/dist/Checkbox.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { BaseInputProps } from "./BaseInput";
+import { Size } from "./jss";
+interface CheckboxProps extends BaseInputProps {
+    checked: boolean;
+    onClick: () => void;
+    size: Size;
+    value?: undefined;
+    onChange?: undefined;
+}
+export declare function Checkbox({ checked, onClick, size, ...inputProps }: CheckboxProps): JSX.Element;
+export {};

package/dist/Checkbox.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseInput } from "./BaseInput";
+import { jss } from "./jss";
+import { StaticCheckbox, sizes } from "./StaticCheckbox";
+export function Checkbox({ checked, onClick, size, ...inputProps }) {
+    return (_jsxs("label", { className: jss({
+            position: "relative",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            height: sizes[size],
+            width: sizes[size],
+            ":has(:focus-visible)": {
+                outline: "2px solid var(--outline)",
+                borderRadius: "50%",
+            },
+            ":has(:active)": {
+                transform: "scale(0.92)",
+            },
+        }), children: [_jsx(StaticCheckbox, { checked: checked, size: size }), _jsx(BaseInput, { ...inputProps, type: "checkbox", role: "checkbox", "aria-checked": `${checked}`, tabIndex: 0, checked: checked, onChange: onClick, jsStyle: {
+                    position: "absolute",
+                    opacity: 0,
+                    cursor: "pointer",
+                    top: 0,
+                    bottom: 0,
+                    left: 0,
+                    right: 0,
+                    width: "100%",
+                    height: "100%",
+                } })] }));
+}
+//# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAExD,OAAO,EAAQ,GAAG,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAWzD,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,OAAO,EACP,IAAI,EACJ,GAAG,UAAU,EACC;IACd,OAAO,CACL,iBACE,SAAS,EAAE,GAAG,CAAC;YACb,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;YAClB,sBAAsB,EAAE;gBACtB,OAAO,EAAE,0BAA0B;gBACnC,YAAY,EAAE,KAAK;aACpB;YACD,eAAe,EAAE;gBACf,SAAS,EAAE,aAAa;aACzB;SACF,CAAC,aAEF,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAChD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,kBACD,GAAG,OAAO,EAAE,EAC1B,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE;oBACP,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,SAAS;oBACjB,GAAG,EAAE,CAAC;oBACN,MAAM,EAAE,CAAC;oBACT,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACf,GACD,IACI,CACT,CAAC;AACJ,CAAC"}

package/dist/Circle.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BoxProps } from "./Box";
+interface CircleProps extends BoxProps {
+}
+export declare function Circle({ jsStyle, padding, ...otherProps }: CircleProps): JSX.Element;
+export {};

package/dist/Circle.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "./Box";
+export function Circle({ jsStyle, padding = "medium", ...otherProps }) {
+    return (_jsx(Box, { padding: padding, jsStyle: [
+            {
+                borderRadius: "50%",
+                overflow: "hidden",
+            },
+            jsStyle,
+        ], ...otherProps }));
+}
+//# sourceMappingURL=Circle.js.map

package/dist/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../src/Circle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AAItC,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,OAAO,GAAG,QAAQ,EAClB,GAAG,UAAU,EACD;IACZ,OAAO,CACL,KAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP;gBACE,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,QAAQ;aACnB;YACD,OAAO;SACR,KACG,UAAU,GACd,CACH,CAAC;AACJ,CAAC"}

package/dist/Column.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { FlexLayoutProps } from "./FlexLayout";
+export interface ColumnProps extends FlexLayoutProps {
+    direction?: "column";
+}
+export declare const Column: React.ForwardRefExoticComponent<Pick<ColumnProps, "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<HTMLDivElement>>;

package/dist/Column.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { FlexLayout } from "./FlexLayout";
+export const Column = React.forwardRef((props, ref) => {
+    return _jsx(FlexLayout, { ref: ref, direction: "column", ...props });
+});
+//# sourceMappingURL=Column.js.map

package/dist/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../src/Column.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAM3D,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,KAAkB,EAAE,GAA+B,EAAE,EAAE;IACtD,OAAO,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,KAAK,KAAK,GAAI,CAAC;AAChE,CAAC,CACF,CAAC"}

package/dist/DarkMode.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+type State = {
+    enabled: boolean;
+    toggle: () => void;
+};
+export declare const DarkModeContext: React.Context<State>;
+export declare function DarkModeProvider({ children, enabled, toggle, }: {
+    children: ReactNode;
+    enabled: boolean;
+    toggle: () => void;
+}): JSX.Element;
+export declare function DarkModeToggle(): JSX.Element;
+export {};

package/dist/DarkMode.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext, useEffect, useState } from "react";
+import { IconButton } from "./IconButton";
+import { BaseView } from "./BaseView";
+export const DarkModeContext = React.createContext({
+    enabled: false,
+    toggle: () => { },
+});
+if (typeof window !== "undefined") {
+    const darkMode = document.cookie
+        .split(";")
+        .map((c) => c.trim())
+        .filter((c) => c.startsWith("dark-mode="))
+        .map((s) => s.split("=")[1])
+        .map((s) => s)
+        .pop();
+    if (darkMode === "true") {
+        document.body.classList.add("dark-mode");
+    }
+}
+export function DarkModeProvider({ children, enabled, toggle, }) {
+    useEffect(() => {
+        const statusBarMeta = document.head.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');
+        const themeColorMeta = document.head.querySelector('meta[name="theme-color"]');
+        if (enabled) {
+            document.body.classList.add("dark-mode");
+            if (statusBarMeta != null) {
+                // @ts-ignore
+                statusBarMeta.content = "black-translucent";
+            }
+            if (themeColorMeta != null) {
+                // @ts-ignore
+                themeColorMeta.content = "rgb(42, 43, 46)";
+            }
+        }
+        else {
+            document.body.classList.remove("dark-mode");
+            if (statusBarMeta != null) {
+                // @ts-ignore
+                statusBarMeta.content = "default";
+            }
+            if (themeColorMeta != null) {
+                // @ts-ignore
+                themeColorMeta.content = "rgb(239, 239, 244)";
+            }
+        }
+    }, [enabled]);
+    return (_jsx(DarkModeContext.Provider, { value: { enabled, toggle }, children: children }));
+}
+export function DarkModeToggle() {
+    const darkMode = useContext(DarkModeContext);
+    const [show, setShow] = useState(false);
+    useEffect(() => {
+        setShow(true);
+    }, []);
+    if (!show) {
+        return _jsx(BaseView, { jsStyle: { width: 32, height: 32 } });
+    }
+    return (_jsx(IconButton, { "aria-label": "Toggle dark mode", icon: darkMode.enabled ? "fa-sun-o" : "fa-moon-o", size: "medium", onClick: darkMode.toggle, color: "secondary", bare: true }));
+}
+//# sourceMappingURL=DarkMode.js.map

package/dist/DarkMode.js.map

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

package/dist/DateInput.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import { BaseInputProps } from "./BaseInput";
+import { IconType } from "./IconType";
+import { JSStyle } from "./jss";
+export interface DateInputProps extends BaseInputProps {
+    onDateChange: (date: Date) => void;
+    date: Date;
+    icon?: IconType;
+    addOn?: ReactNode;
+    onChange?: undefined;
+    jsStyles?: JSStyle;
+}
+export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/DateInput.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { BaseInput } from "./BaseInput";
+import { Box } from "./Box";
+import { Icon } from "./Icon";
+import { Row } from "./Row";
+export const DateInput = React.forwardRef(({ date, onDateChange, jsStyle, icon, addOn, ...inputProps }, ref) => {
+    return (_jsxs(Row, { jsStyle: {
+            backgroundColor: "inherit",
+        }, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "date", ref: ref, value: date.toISOString().substring(0, 10), onChange: (e) => onDateChange(new Date(e.target.value)), jsStyle: [
+                    {
+                        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);",
+                        },
+                    },
+                    jsStyle,
+                ] }), addOn] }));
+});
+//# sourceMappingURL=DateInput.js.map

package/dist/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../src/DateInput.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,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAkB,EAC3E,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IACF,OAAO,EAAE;YACP,eAAe,EAAE,SAAS;SAC3B,aAEA,IAAI,IAAI,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,GAChD,CACP,EACD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,OAAO,EAAE;oBACP;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;qBACF;oBACD,OAAO;iBACR,GACD,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/DatePicker.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TextColor } from "./jss";
+export interface DatePickerProps {
+    id: string;
+    label: string;
+    date: Date;
+    color?: TextColor;
+    min?: string;
+    max?: string;
+    onDateChange: (date: Date) => void;
+}
+export declare function DatePicker({ id, label, color, date, onDateChange, }: DatePickerProps): JSX.Element;

package/dist/DatePicker.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Text } from "./Text";
+import { jss } from "./jss";
+const jsStyles = {
+    dateInput: {
+        border: "1px solid var(--divider)",
+        backgroundColor: "var(--primary-background)",
+        padding: "var(--spacing-m)",
+        color: "var(--primary-text)",
+        fontSize: 20,
+        lineHeight: 24 / 20,
+    },
+};
+export function DatePicker({ id, label, color = "primary", date, onDateChange, }) {
+    const initialDate = useRef(date);
+    const year = initialDate.current.getFullYear();
+    const month = initialDate.current.getMonth();
+    const day = initialDate.current.getDate();
+    const min = new Date(year - 1, month, day).toISOString().substring(0, 10);
+    const max = new Date(year + 1, month, day).toISOString().substring(0, 10);
+    return (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: id, children: _jsx(Text, { size: "small", color: color, children: label }) }), _jsx("input", { min: min, max: max, className: jss(jsStyles.dateInput), type: "date", id: id, value: date.toISOString().substring(0, 10), onChange: (event) => {
+                    let parsedDate;
+                    try {
+                        parsedDate = new Date(event.target.value);
+                    }
+                    finally {
+                        if (parsedDate != null) {
+                            onDateChange(parsedDate);
+                        }
+                    }
+                } })] }));
+}
+//# sourceMappingURL=DatePicker.js.map

package/dist/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAa,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,QAAQ,GAAG;IACf,SAAS,EAAE;QACT,MAAM,EAAE,0BAA0B;QAClC,eAAe,EAAE,2BAA2B;QAC5C,OAAO,EAAE,kBAAkB;QAC3B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;KACpB;CACF,CAAC;AAYF,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,YAAY,GACI;IAChB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,8BACE,gBAAO,OAAO,EAAE,EAAE,YAChB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YAC5B,KAAK,GACD,GACD,EACR,gBACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,EAClC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,UAAU,CAAC;oBACf,IAAI;wBACF,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;qBAC3C;4BAAS;wBACR,IAAI,UAAU,IAAI,IAAI,EAAE;4BACtB,YAAY,CAAC,UAAU,CAAC,CAAC;yBAC1B;qBACF;gBACH,CAAC,GACM,IACR,CACJ,CAAC;AACJ,CAAC"}

package/dist/DatetimeInput.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import { BaseInputProps } from "./BaseInput";
+import { IconType } from "./IconType";
+import { JSStyle } from "./jss";
+export interface DatetimeInputProps extends BaseInputProps {
+    onDateChange: (date: Date) => void;
+    date: Date;
+    icon?: IconType;
+    addOn?: ReactNode;
+    onChange?: undefined;
+    jsStyle?: JSStyle;
+}
+export declare const DatetimeInput: React.ForwardRefExoticComponent<DatetimeInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/DatetimeInput.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { BaseInput } from "./BaseInput";
+import { Box } from "./Box";
+import { Icon } from "./Icon";
+import { Row } from "./Row";
+const jsStyles = {
+    root: {
+        backgroundColor: "var(--primary-background)",
+    },
+    input: {
+        padding: "var(--spacing-m)",
+        flexGrow: 1,
+        backgroundColor: "var(--primary-background)",
+        color: "var(--primary-text)",
+        outline: "none",
+        border: "none",
+        fontSize: 20,
+        lineHeight: 24 / 20,
+        "::placeholder": {
+            color: "var(--subtle-text);",
+        },
+        ":disabled": {
+            color: "var(--subtle-text);",
+        },
+    },
+};
+export const DatetimeInput = React.forwardRef(({ date, onDateChange, jsStyle, icon, addOn, ...inputProps }, ref) => {
+    return (_jsxs(Row, { jsStyle: jsStyles.root, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "datetime-local", ref: ref, value: date.toISOString().substring(0, 16), onChange: (e) => onDateChange(new Date(e.target.value)), jsStyle: [jsStyles.input, jsStyle] }), addOn] }));
+});
+//# sourceMappingURL=DatetimeInput.js.map

package/dist/DatetimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatetimeInput.js","sourceRoot":"","sources":["../src/DatetimeInput.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,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,eAAe,EAAE,2BAA2B;KAC7C;IACD,KAAK,EAAE;QACL,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,2BAA2B;QAC5C,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;QACnB,eAAe,EAAE;YACf,KAAK,EAAE,qBAAqB;SAC7B;QACD,WAAW,EAAE;YACX,KAAK,EAAE,qBAAqB;SAC7B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EACE,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,UAAU,EACM,EACrB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,aACxB,IAAI,IAAI,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,GAChD,CACP,EACD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,GAClC,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/DesignBook.d.ts

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

package/dist/DesignBook.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import { RootView } from "./RootView";
+import { Sublist } from "./Sublist";
+import { Button } from "./Button";
+import { IconButton } from "./IconButton";
+import { Text } from "./Text";
+import { TextPairing } from "./TextPairing";
+import { Icon } from "./Icon";
+import { TextInput } from "./TextInput";
+import { Checkbox } from "./Checkbox";
+import { List } from "./List";
+import { ListSpacer } from "./ListSpacer";
+import { ListButtonItem } from "./ListButtonItem";
+import { Dialog, useDialog } from "./Dialog";
+import { Row } from "./Row";
+import { DarkModeContext } from "./DarkMode";
+import { Popover, PopoverTrigger } from "./Popover";
+import { Tooltip } from "./Tooltip";
+import { Link } from "./Link";
+import { Calendar } from "./Calendar";
+import { Box } from "./Box";
+import { Badge } from "./Badge";
+function ExampleDialog({ close }) {
+    const darkMode = useContext(DarkModeContext);
+    return (_jsx(Dialog, { close: close, label: "Example", children: _jsxs(Row, { padding: "medium", align: "center", justify: "space-between", children: [_jsx(Text, { children: "Dark mode" }), _jsx(Checkbox, { size: "medium", checked: darkMode.enabled, onClick: () => darkMode.toggle() })] }) }));
+}
+export function DesignBook() {
+    const dialog = useDialog(({ close }) => _jsx(ExampleDialog, { close: close }), { closeOnOutsideClick: true });
+    const [checkbox1, setCheckbox1] = useState(true);
+    const [checkbox2, setCheckbox2] = useState(true);
+    const [checkbox3, setCheckbox3] = useState(true);
+    const [checkbox4, setCheckbox4] = useState(false);
+    const [checkbox5, setCheckbox5] = useState(false);
+    const [checkbox6, setCheckbox6] = useState(false);
+    return (_jsx(RootView, { children: _jsxs(List, { navigation: false, ariaLabel: "Design book", children: [_jsx(ListSpacer, {}), _jsxs(Sublist, { label: "Button", initialState: { collapsed: false }, children: [_jsx(Row, { gap: "medium", children: _jsx(Button, { label: "Positive button", color: "positive", onClick: () => {
+                                    dialog.open();
+                                } }) }), _jsx(Row, { gap: "medium", children: _jsx(PopoverTrigger, { PopoverComponent: ({ close }) => {
+                                    return (_jsx(Popover, { close: close, children: _jsxs(List, { navigation: false, ariaLabel: "Popover ", children: [_jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-address-book" }), headline: "Option 1", onClick: () => { }, color: "positive" }), _jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-adjust" }), headline: "Option 2", onClick: () => { }, withDivider: false, color: "positive" })] }) }));
+                                }, children: ({ toggle }) => (_jsx(Button, { style: { position: "relative" }, label: "Secondary button", color: "secondary", onClick: () => {
+                                        toggle(undefined);
+                                    } })) }) }), _jsx(Row, { gap: "medium", children: _jsx(PopoverTrigger, { PopoverComponent: ({ close }) => {
+                                    return (_jsx(Popover, { close: close, children: _jsxs(List, { ariaLabel: "Popover ", children: [_jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-address-book" }), headline: "Option 1", onClick: () => { }, color: "positive" }), _jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-adjust" }), headline: "Option 2", onClick: () => { }, withDivider: false, color: "positive" })] }) }));
+                                }, children: ({ toggle }) => (_jsx(Button, { label: "Negative button", color: "negative", onClick: () => {
+                                        toggle(undefined);
+                                    } })) }) }), _jsx(Row, { gap: "medium", children: _jsx(Tooltip, { content: "Tooltip here", children: _jsx(Button, { label: "Disabled button", color: "positive", onClick: () => { }, disabled: true }) }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, label: "Bare positive button", color: "positive", onClick: () => { } }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, label: "Bare secondary button", color: "secondary", onClick: () => { } }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, label: "Bare negative button", color: "negative", onClick: () => { } }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, label: "Bare disabled button", color: "positive", onClick: () => { }, disabled: true }) })] }), _jsxs(Sublist, { label: "Link", initialState: { collapsed: false }, children: [_jsx(Row, { gap: "medium", children: _jsx(Link, { label: "Positive link", color: "positive", href: "/" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { label: "Secondary link", color: "secondary", href: "/" }) }), _jsx(Row, { gap: "medium", children: _jsx(Tooltip, { content: "Tooltip here", children: _jsx(Link, { label: "Disabled link", color: "positive", href: "/", disabled: true }) }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, label: "Bare positive Link", color: "positive", href: "/" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, label: "Bare secondary Link", color: "secondary", href: "/" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, label: "Bare negative Link", color: "negative", href: "/" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, label: "Bare disabled Link", color: "positive", href: "/", disabled: true }) })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { label: "Icon button", initialState: { collapsed: false }, children: [_jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { size: "large", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { size: "medium", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { size: "small", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { size: "large", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "medium", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "small", icon: "fa-check", color: "positive", onClick: () => { }, bare: true })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { size: "large", icon: "fa-remove", color: "negative", onClick: () => { } }), _jsx(IconButton, { size: "medium", icon: "fa-remove", color: "negative", onClick: () => { } }), _jsx(IconButton, { size: "small", icon: "fa-remove", color: "negative", onClick: () => { } }), _jsx(IconButton, { size: "large", icon: "fa-remove", color: "negative", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "medium", icon: "fa-remove", color: "negative", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "small", icon: "fa-remove", color: "negative", onClick: () => { }, bare: true })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { size: "large", icon: "fa-info", color: "secondary", onClick: () => { } }), _jsx(IconButton, { size: "medium", icon: "fa-info", color: "secondary", onClick: () => { } }), _jsx(IconButton, { size: "small", icon: "fa-info", color: "secondary", onClick: () => { } }), _jsx(IconButton, { size: "large", icon: "fa-info", color: "secondary", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "medium", icon: "fa-info", color: "secondary", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "small", icon: "fa-info", color: "secondary", onClick: () => { }, bare: true })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { disabled: true, size: "large", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { disabled: true, size: "medium", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { disabled: true, size: "small", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { disabled: true, size: "large", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { disabled: true, size: "medium", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { disabled: true, size: "small", icon: "fa-check", color: "positive", onClick: () => { }, bare: true })] })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { label: "Pressable list row", initialState: {
+                        collapsed: false,
+                    }, children: [_jsx(ListButtonItem, { onClick: () => { }, headline: "Headline", color: "positive" }), _jsx(ListButtonItem, { selected: true, onClick: () => { }, headline: "Selected", color: "positive" }), _jsx(ListButtonItem, { onClick: () => { }, headline: "Headline", body: "Body", color: "positive" }), _jsx(ListButtonItem, { onClick: () => { }, headline: "Disabled", body: "Body", disabled: true, color: "positive" }), _jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-address-book" }) }), headline: "Really long body", body: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", onClick: () => { }, color: "positive" })] }), _jsxs(Sublist, { label: "Text", initialState: { collapsed: false }, children: [_jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "primary", children: "Primary large" }), _jsx(Text, { size: "medium", color: "primary", children: "Primary medium" }), _jsx(Text, { size: "small", color: "primary", children: "Primary small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "secondary", children: "Secondary large" }), _jsx(Text, { size: "medium", color: "secondary", children: "Secondary medium" }), _jsx(Text, { size: "small", color: "secondary", children: "Secondary small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "subtle", children: "Subtle large" }), _jsx(Text, { size: "medium", color: "subtle", children: "Subtle medium" }), _jsx(Text, { size: "small", color: "subtle", children: "Subtle small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "light", children: "Light large" }), _jsx(Text, { size: "medium", color: "light", children: "Light medium" }), _jsx(Text, { size: "small", color: "light", children: "Light small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "highlight", children: "Highlight large" }), _jsx(Text, { size: "medium", color: "highlight", children: "Highlight medium" }), _jsx(Text, { size: "small", color: "highlight", children: "Highlight small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "negative", children: "Negative large" }), _jsx(Text, { size: "medium", color: "negative", children: "Negative medium" }), _jsx(Text, { size: "small", color: "negative", children: "Negative small" })] })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { initialState: { collapsed: false }, label: "Icon", children: [_jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "primary", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "primary", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "primary", icon: "fa-check" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "secondary", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "secondary", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "secondary", icon: "fa-check" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "subtle", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "subtle", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "subtle", icon: "fa-check" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "light", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "light", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "light", icon: "fa-check" })] })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { initialState: { collapsed: false }, label: "Text pairing", children: [_jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextPairing, { headline: "Headline" }) }), _jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextPairing, { headline: "Headline", body: "Body" }) }), _jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextPairing, { headline: "Headline", body: "Body", addOn: _jsx(Icon, { size: "large", color: "primary", icon: "fa-user" }) }) })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { initialState: { collapsed: false }, label: "Input", children: [_jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextInput, { value: "", placeholder: "Placeholder text input", onValueChange: () => { } }) }), _jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextInput, { value: "Text input", onValueChange: () => { } }) }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Checkbox, { size: "small", checked: checkbox1, onClick: () => setCheckbox1((x) => !x) }), _jsx(Checkbox, { size: "medium", checked: checkbox2, onClick: () => setCheckbox2((x) => !x) }), _jsx(Checkbox, { size: "large", checked: checkbox3, onClick: () => setCheckbox3((x) => !x) })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Checkbox, { size: "small", checked: checkbox4, onClick: () => setCheckbox4((x) => !x) }), _jsx(Checkbox, { size: "medium", checked: checkbox5, onClick: () => setCheckbox5((x) => !x) }), _jsx(Checkbox, { size: "large", checked: checkbox6, onClick: () => setCheckbox6((x) => !x) })] })] }), _jsx(ListSpacer, {}), _jsx(ListSpacer, {}), _jsx(Sublist, { label: "Calendar", children: _jsx(Calendar, { date: new Date(), header: ({ weekday }) => (_jsx(Box, { children: _jsx(Text, { children: weekday }) })), cell: ({ today, date, outOfMonth }) => (_jsxs(Box, { relative: true, style: { opacity: outOfMonth ? 0.2 : 1 }, children: [today && (_jsx(Badge, { jsStyle: {
+                                        position: "absolute",
+                                        top: "50%",
+                                        transform: "translateY(-50%) translateX(-75%)",
+                                        right: "50%",
+                                    } })), _jsx(Text, { children: date.getDate() })] })) }) })] }) }));
+}
+//# sourceMappingURL=DesignBook.js.map

package/dist/DesignBook.js.map

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

package/dist/Dialog.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const Dialog: ({ label, children, close, }: {
+    label: string;
+    children: JSX.Element;
+    close: () => void;
+}) => JSX.Element;
+export declare function DialogProvider({ children }: {
+    children: any;
+}): JSX.Element;
+export declare function useDialog<Input>(DialogComponent: (props: {
+    close: () => void;
+} & Input) => JSX.Element, options: {
+    closeOnOutsideClick: boolean;
+}): {
+    open: (input: Input) => void;
+    close: () => any;
+};

package/dist/Dialog.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useMemo, useRef, useState } from "react";
+import { BaseView } from "./BaseView";
+import { Text } from "./Text";
+import { ListDivider } from "./ListDivider";
+import { Column } from "./Column";
+import { Row } from "./Row";
+import { IconButton } from "./IconButton";
+import { jss } from "./jss";
+const jsStyles = {
+    dialog: {
+        border: "1px solid var(--divider)",
+        borderRadius: "var(--border-radius-m)",
+        padding: 0,
+    },
+    root: {
+        display: "grid",
+        width: "calc(100vw - 48px)",
+        gridTemplateAreas: `
+        "header"
+        "content"
+    `,
+        "@media (min-width: 750px)": {
+            maxWidth: 750,
+        },
+        backgroundColor: "var(--secondary-background)",
+    },
+    header: {
+        gridArea: "header",
+    },
+    content: {
+        gridArea: "content",
+    },
+};
+export const Dialog = ({ label, children, close, }) => {
+    return (_jsxs(BaseView, { jsStyle: jsStyles.root, children: [_jsxs(Column, { jsStyle: jsStyles.header, children: [_jsxs(Row, { padding: "medium", justify: "space-between", align: "center", children: [_jsx(Text, { size: "medium", color: "secondary", children: label }), _jsx(IconButton, { autoFocus: true, bare: true, icon: "fa-close", size: "medium", onClick: close, color: "secondary" })] }), _jsx(ListDivider, {})] }), _jsx(BaseView, { jsStyle: jsStyles.content, children: children })] }));
+};
+const DialogContext = React.createContext({
+    setDialog: () => { },
+});
+export function DialogProvider({ children }) {
+    const [dialog, setDialog] = useState(null);
+    const value = useMemo(() => ({ setDialog }), []);
+    return (_jsxs(DialogContext.Provider, { value: value, children: [dialog, children] }));
+}
+export function useDialog(DialogComponent, options) {
+    const { setDialog } = useContext(DialogContext);
+    const dialogRef = useRef(null);
+    const activeElementRef = useRef(null);
+    const closeRef = useRef(null);
+    closeRef.current = () => {
+        dialogRef.current && dialogRef.current.close();
+        activeElementRef.current && activeElementRef.current.focus();
+        dialogRef.current = null;
+        activeElementRef.current = null;
+        setDialog(null);
+    };
+    const open = (input) => {
+        activeElementRef.current = document.activeElement;
+        setDialog(_jsx("dialog", { ref: (ref) => {
+                dialogRef.current = ref;
+                ref && ref.showModal();
+            }, className: jss(jsStyles.dialog), onClose: () => {
+                closeRef.current();
+            }, onClick: (e) => {
+                if (dialogRef.current == null) {
+                    return;
+                }
+                const dialogDimensions = dialogRef.current.getBoundingClientRect();
+                if (options.closeOnOutsideClick === false) {
+                    return;
+                }
+                if (e.clientX < dialogDimensions.left ||
+                    e.clientX > dialogDimensions.right ||
+                    e.clientY > dialogDimensions.bottom ||
+                    e.clientY < dialogDimensions.top) {
+                    dialogRef.current.close();
+                }
+            }, children: _jsx(DialogComponent, { ...input, close: () => closeRef.current() }) }));
+    };
+    return {
+        open,
+        close: () => closeRef.current(),
+    };
+}
+//# sourceMappingURL=Dialog.js.map