@homebound/beam 2.378.1 → 2.379.0

package/dist/components/internal/DatePicker/Header.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = Header;
-exports.YearSkipHeader = YearSkipHeader;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const date_fns_1 = require("date-fns");
-const react_day_picker_1 = require("react-day-picker");
-const IconButton_1 = require("../../IconButton");
-const Css_1 = require("../../../Css");
-function Header(props) {
-    const { displayMonth } = props;
-    const { goToMonth } = (0, react_day_picker_1.useNavigation)();
-    return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.jcsb.aic.mlPx(12).mrPx(2).hPx(32).$, children: [(0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.base.$, children: (0, date_fns_1.format)(displayMonth, "MMMM yyyy") }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronLeft", onClick: () => goToMonth((0, date_fns_1.addMonths)(displayMonth, -1)) }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronRight", onClick: () => goToMonth((0, date_fns_1.addMonths)(displayMonth, 1)) })] })] }));
-}
-// Header with year skip option
-function YearSkipHeader(props) {
-    const { displayMonth } = props;
-    const { goToMonth } = (0, react_day_picker_1.useNavigation)();
-    return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.jcsb.aic.mlPx(12).mrPx(12).hPx(32).$, children: [(0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.fdr.jcsb.$, children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronLeft", onClick: () => goToMonth((0, date_fns_1.addMonths)(displayMonth, -1)) }), (0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.base.$, children: (0, date_fns_1.format)(displayMonth, "MMM") }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronRight", onClick: () => goToMonth((0, date_fns_1.addMonths)(displayMonth, 1)) })] }), (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.fdr.jcsb.$, children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronLeft", onClick: () => goToMonth((0, date_fns_1.addYears)(displayMonth, -1)) }), (0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.base.$, children: (0, date_fns_1.format)(displayMonth, "yyyy") }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { color: Css_1.Palette.Gray700, icon: "chevronRight", onClick: () => goToMonth((0, date_fns_1.addYears)(displayMonth, 1)) })] })] }));
-}

package/dist/components/internal/DatePicker/WeekHeader.d.ts

@@ -1,2 +0,0 @@
-export declare function WeekHeader(): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=WeekHeader.d.ts.map

package/dist/components/internal/DatePicker/WeekHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WeekHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/DatePicker/WeekHeader.tsx"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,qDAoBzB"}

package/dist/components/internal/DatePicker/WeekHeader.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WeekHeader = WeekHeader;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const date_fns_1 = require("date-fns");
-const Css_1 = require("../../../Css");
-function WeekHeader() {
-    const start = (0, date_fns_1.startOfWeek)(new Date());
-    const days = [];
-    for (let i = 0; i < 7; i++) {
-        days.push((0, date_fns_1.addDays)(start, i));
-    }
-    // Copies the existing structure and classes defined by React-Day-Picker. Adds in Beam styling and formatting.
-    return ((0, jsx_runtime_1.jsx)("thead", { className: "rdp-head", children: (0, jsx_runtime_1.jsx)("tr", { className: "rdp-head_row", children: days.map((day) => ((0, jsx_runtime_1.jsxs)("th", { scope: "col", css: Css_1.Css.p1.pbPx(12).xs.gray400.$, children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: (0, date_fns_1.format)(day, "EEEEE") }), (0, jsx_runtime_1.jsx)("span", { className: "rdp-vhidden", children: (0, date_fns_1.format)(day, "EEEE") })] }, (0, date_fns_1.format)(day, "EEEE")))) }) }));
-}

package/dist/components/internal/DatePicker/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./DatePicker";
-export * from "./DatePickerOverlay";
-export * from "./DateRangePicker";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/internal/DatePicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}

package/dist/components/internal/DatePicker/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DatePicker"), exports);
-__exportStar(require("./DatePickerOverlay"), exports);
-__exportStar(require("./DateRangePicker"), exports);

package/dist/components/internal/Menu.d.ts

@@ -1,15 +0,0 @@
-import { HTMLAttributes, PropsWithChildren } from "react";
-import { MenuItem } from "..";
-interface MenuProps<T> {
-    ariaMenuProps: HTMLAttributes<HTMLElement>;
-    onClose: VoidFunction;
-    items: MenuItem[];
-    searchable?: boolean;
-    persistentItems?: MenuItem[];
-    contrast: boolean;
-    selectedItem: string | undefined;
-    onChange: ((key: string) => void) | undefined;
-}
-export declare function Menu<T>(props: PropsWithChildren<MenuProps<T>>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Menu.d.ts.map

package/dist/components/internal/Menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/internal/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAC;AAGhG,OAAO,EAAE,QAAQ,EAAe,WAAuB;AAMvD,UAAU,SAAS,CAAC,CAAC;IACnB,aAAa,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC3C,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,oDAmG7D"}

package/dist/components/internal/Menu.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = Menu;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const change_case_1 = require("change-case");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const MenuSection_1 = require("./MenuSection");
-const Css_1 = require("../../Css");
-const MenuSearchField_1 = require("../../inputs/internal/MenuSearchField");
-const utils_1 = require("../../utils");
-function Menu(props) {
-    const { ariaMenuProps, items, persistentItems, onClose, searchable, contrast, selectedItem, onChange } = props;
-    // Build out the Menu's Tree data to include the Persistent Action, if any. This is a collection of Nodes that is used
-    // by React-Aria to keep track of item states such as focus, and provide hooks for calling those actions.
-    const tree = (0, react_stately_1.useTreeData)({
-        initialItems: [items, persistentItems ? persistentItems : []].map((i, idx) => ({ label: idx === 0 ? "items" : "persistent", items: i })),
-        getKey: (item) => (0, change_case_1.camelCase)(item.label),
-        getChildren: (item) => item.items ?? [],
-    });
-    const [search, setSearch] = (0, react_1.useState)(undefined);
-    const { contains } = (0, react_aria_1.useFilter)({ sensitivity: "base" });
-    // Filter our tree data items based on the search term
-    const filteredTree = (0, react_1.useMemo)(() => {
-        const { items, ...others } = tree;
-        const [itemsSection, persistentSection] = items;
-        if (search) {
-            const filteredChildren = itemsSection.children.filter((item) => contains(item.value.label, search));
-            const { items, ...otherValues } = itemsSection.value;
-            const filteredValue = items?.filter((item) => contains(item.label, search));
-            return {
-                ...others,
-                items: [
-                    { ...itemsSection, value: { ...otherValues, children: filteredChildren, items: filteredValue } },
-                    persistentSection,
-                ],
-            };
-        }
-        else {
-            return tree;
-        }
-    }, [tree, search, contains]);
-    const menuChildren = (0, react_1.useMemo)(() => {
-        return filteredTree.items.map(({ value: s }) => ((0, jsx_runtime_1.jsx)(react_stately_1.Section, { title: s.label, items: s.items, children: (item) => (0, jsx_runtime_1.jsx)(react_stately_1.Item, { children: item.label }, item.label.replace(/"/g, "")) }, s.label.replace(/"/g, ""))));
-    }, [filteredTree]);
-    const state = (0, react_stately_1.useTreeState)({
-        children: menuChildren,
-        items: filteredTree.items.map((i) => i.value),
-        selectionMode: typeof onChange === "function" ? "single" : "none",
-        disallowEmptySelection: typeof onChange === "function",
-        selectedKeys: selectedItem ? [selectedItem] : undefined,
-        onSelectionChange: (keys) => {
-            keys !== "all" && onChange && onChange([...keys.values()].map((k) => k.toString())[0]);
-        },
-    });
-    const menuRef = (0, react_1.useRef)(null);
-    const { menuProps } = (0, react_aria_1.useMenu)({ ...ariaMenuProps, autoFocus: searchable ? false : true }, state, menuRef);
-    const tid = (0, utils_1.useTestIds)(props);
-    // Bulk updates of MenuItems below. If we find this to be of sluggish performance, then we can change to be more surgical in our updating.
-    // If our list of items change, update the "items" menu section. (key is based on label in `getKey` above)
-    // TODO: validate this eslint-disable. It was automatically ignored as part of https://app.shortcut.com/homebound-team/story/40033/enable-react-hooks-exhaustive-deps-for-react-projects
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, react_1.useEffect)(() => filteredTree.update("items", { label: "items", items }), [items]);
-    return ((0, jsx_runtime_1.jsx)(react_aria_1.FocusScope, { children: (0, jsx_runtime_1.jsxs)("div", { 
-            // Using `max-height: inherit` allows us to take advantage of the height set on the overlay container, which updates based on the available space for the overlay within the viewport
-            css: {
-                ...Css_1.Css.df.fdc.myPx(4).bgWhite.outline0.br4.bshBasic.maxh("inherit").oa.if(contrast).bgGray900.$,
-                "&:hover": Css_1.Css.bshHover.$,
-            }, children: [searchable && ((0, jsx_runtime_1.jsx)(MenuSearchField_1.MenuSearchField, { label: "", value: search, placeholder: "Search...", labelStyle: "inline", onChange: setSearch, ...tid })), (0, jsx_runtime_1.jsx)("ul", { css: Css_1.Css.listReset.$, ...menuProps, ref: menuRef, ...tid.menu, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(MenuSection_1.MenuSectionImpl, { section: item, state: state, onClose: onClose, contrast: contrast, ...tid }, item.key))) })] }) }));
-}

package/dist/components/internal/MenuItem.d.ts

@@ -1,12 +0,0 @@
-import { Node } from "@react-types/shared";
-import { TreeState } from "react-stately";
-import { MenuItem } from "../ButtonMenu";
-interface MenuItemProps {
-    item: Node<MenuItem>;
-    state: TreeState<MenuItem>;
-    onClose: VoidFunction;
-    contrast: boolean;
-}
-export declare function MenuItemImpl(props: MenuItemProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/internal/MenuItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/internal/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAK3C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAuC,QAAQ,EAAE,sBAAkC;AAO1F,UAAU,aAAa;IACrB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,2DA8EhD"}

package/dist/components/internal/MenuItem.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItemImpl = MenuItemImpl;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_router_1 = require("react-router");
-const react_router_dom_1 = require("react-router-dom");
-const Avatar_1 = require("../Avatar");
-const Icon_1 = require("../Icon");
-const Tooltip_1 = require("../Tooltip");
-const Css_1 = require("../../Css");
-const utils_1 = require("../../utils");
-const defaultTestId_1 = require("../../utils/defaultTestId");
-function MenuItemImpl(props) {
-    const { item, state, onClose, contrast } = props;
-    const menuItem = item.value;
-    if (!menuItem) {
-        return null;
-    }
-    const { disabled, onClick, label, destructive } = menuItem;
-    const isDisabled = Boolean(disabled);
-    const isSelected = state.selectionManager.selectedKeys.has(label);
-    const isFocused = state.selectionManager.focusedKey === item.key;
-    // TODO: validate this eslint-disable with https://app.shortcut.com/homebound-team/story/40045
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const ref = (0, react_1.useRef)(null);
-    // TODO: validate this eslint-disable with https://app.shortcut.com/homebound-team/story/40045
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const history = (0, react_router_1.useHistory)();
-    // TODO: validate this eslint-disable with https://app.shortcut.com/homebound-team/story/40045
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({});
-    // TODO: validate this eslint-disable with https://app.shortcut.com/homebound-team/story/40045
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const tid = (0, utils_1.useTestIds)(props);
-    // TODO: validate this eslint-disable with https://app.shortcut.com/homebound-team/story/40045
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const { menuItemProps } = (0, react_aria_1.useMenuItem)({
-        key: item.key,
-        isDisabled,
-        onAction: () => {
-            if (typeof onClick === "string") {
-                // if it is an absolute URL, then open in new window. Assuming this should leave the App
-                if ((0, utils_1.isAbsoluteUrl)(onClick)) {
-                    // We want to do `window.open(url, "_blank", "noopener,noreferrer")` but that Safari treats
-                    // that as "open in new window", this happens when safari has the "Open pages in tabs instead of windows" set to "Automatically" (which is the default)
-                    // see https://support.apple.com/guide/safari/tabs-ibrw1045/mac (Open pages in tabs instead of windows) for other behaviors
-                    //
-                    // So we do this instead, and at least null out the opener
-                    // as a way to manually mimic the `"noopener"` flag.
-                    window.open(onClick, "_blank").opener = null;
-                    return;
-                }
-                // Otherwise, it is a relative URL and we'll assume it is still within the App.
-                history.push(onClick);
-                return;
-            }
-            onClick && onClick();
-        },
-        onClose,
-    }, state, ref);
-    return ((0, jsx_runtime_1.jsx)("li", { ...menuItemProps, ...hoverProps, ref: ref, css: {
-            ...Css_1.Css.df.aic.py1.px2.cursorPointer.outline0.mh("42px").sm.$,
-            ...(menuItem.hasDivider ? Css_1.Css.bb.bcGray700.$ : {}),
-            ...(!isDisabled && isHovered ? (contrast ? Css_1.Css.bgGray800.$ : Css_1.Css.bgGray100.$) : {}),
-            ...(isFocused ? Css_1.Css.add("boxShadow", `inset 0 0 0 1px ${Css_1.Palette.Blue700}`).$ : {}),
-            ...(isDisabled ? Css_1.Css.gray500.cursorNotAllowed.$ : {}),
-            ...(destructive ? Css_1.Css.red600.$ : {}),
-            ...(isSelected ? Css_1.Css.fw5.$ : {}),
-        }, ...tid[(0, defaultTestId_1.defaultTestId)(menuItem.label)], children: (0, Tooltip_1.maybeTooltip)({
-            title: (0, Tooltip_1.resolveTooltip)(disabled),
-            placement: "right",
-            children: renderMenuItem(menuItem, isSelected, isDisabled, contrast),
-        }) }));
-}
-function renderMenuItem(menuItem, isSelected, isDisabled, contrast) {
-    return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.df.w100.aic.jcsb.gap2.$, children: [(0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.df.aic.$, children: maybeWrapInLink(menuItem.onClick, isIconMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(IconMenuItem, { ...menuItem })) : isImageMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(ImageMenuItem, { ...menuItem })) : (menuItem.label), isDisabled) }), isSelected && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "check", color: !contrast ? (isDisabled ? Css_1.Palette.Gray400 : Css_1.Palette.Blue700) : isDisabled ? Css_1.Palette.Gray500 : Css_1.Palette.White }))] }));
-}
-function ImageMenuItem(item) {
-    const { src, size = 24, label, isAvatar = false } = item;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.mr2.$, children: isAvatar ? ((0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: src, name: label, size: size === 24 ? "sm" : "lg" })) : ((0, jsx_runtime_1.jsx)("img", { width: size, src: src, css: Css_1.Css.br4.$, alt: label })) }), label] }));
-}
-function IconMenuItem(item) {
-    const { icon, label } = item;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.mr2.$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icon }) }), label] }));
-}
-function maybeWrapInLink(onClick, content, disabled) {
-    if (disabled || typeof onClick !== "string") {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: content });
-    }
-    return (0, utils_1.isAbsoluteUrl)(onClick) ? ((0, jsx_runtime_1.jsxs)("a", { href: onClick, target: "_blank", rel: "noopener noreferrer", className: "navLink", css: Css_1.Css.df.aic.jcsb.w100.$, children: [content, (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.ml2.$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "linkExternal" }) })] })) : ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { className: "navLink", to: onClick, children: content }));
-}
-function isIconMenuItem(item) {
-    return item && typeof item === "object" && "icon" in item;
-}
-function isImageMenuItem(item) {
-    return item && typeof item === "object" && "src" in item;
-}

package/dist/components/internal/MenuSection.d.ts

@@ -1,12 +0,0 @@
-import { Node } from "@react-types/shared";
-import { TreeState } from "react-stately";
-import { MenuItem } from "../ButtonMenu";
-interface MenuSectionProps {
-    section: Node<MenuItem>;
-    state: TreeState<MenuItem>;
-    onClose: VoidFunction;
-    contrast: boolean;
-}
-export declare function MenuSectionImpl(props: MenuSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=MenuSection.d.ts.map

package/dist/components/internal/MenuSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../src/components/internal/MenuSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,sBAAkC;AAKrD,UAAU,gBAAgB;IACxB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,oDAmBtD"}

package/dist/components/internal/MenuSection.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuSectionImpl = MenuSectionImpl;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const internal_1 = require("./");
-const Css_1 = require("../../Css");
-const utils_1 = require("../../utils");
-function MenuSectionImpl(props) {
-    const { section, state, onClose, contrast } = props;
-    const { itemProps, groupProps } = (0, react_aria_1.useMenuSection)(props.section);
-    const { separatorProps } = (0, react_aria_1.useSeparator)({ elementType: "li" });
-    const isPersistentSection = section.key !== state.collection.getFirstKey();
-    const tid = (0, utils_1.useTestIds)(props);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isPersistentSection && (0, jsx_runtime_1.jsx)("li", { ...separatorProps, css: Css_1.Css.bt.bcGray200.$ }), (0, jsx_runtime_1.jsx)("li", { ...itemProps, css: Css_1.Css.gray900.if(!isPersistentSection).oa.if(contrast).white.$, children: (0, jsx_runtime_1.jsx)("ul", { css: Css_1.Css.listReset.$, ...groupProps, ...tid[isPersistentSection ? "persistentItems" : "menuItems"], children: [...section.childNodes].map((item) => ((0, jsx_runtime_1.jsx)(internal_1.MenuItemImpl, { item: item, state: state, onClose: onClose, contrast: contrast, ...tid }, item.key))) }) })] }));
-}

package/dist/components/internal/OverlayTrigger.d.ts

@@ -1,47 +0,0 @@
-import { AriaButtonProps } from "@react-types/button";
-import { MutableRefObject, ReactElement, ReactNode } from "react";
-import { MenuTriggerState } from "react-stately";
-import { AvatarButtonProps } from "../Avatar/AvatarButton";
-import { ButtonProps, ButtonVariant } from "../Button";
-import { IconButtonProps } from "../IconButton";
-import { NavLinkProps } from "../NavLink";
-interface TextButtonTriggerProps extends Pick<ButtonProps, "label" | "variant" | "size" | "icon"> {
-}
-interface IconButtonTriggerProps extends Pick<IconButtonProps, "icon" | "color" | "compact" | "contrast" | "inc"> {
-}
-interface AvatarButtonTriggerProps extends Pick<AvatarButtonProps, "src" | "name" | "size"> {
-}
-interface NavLinkButtonTriggerProps extends Pick<NavLinkProps, "active" | "variant" | "icon"> {
-    navLabel: string;
-}
-export interface OverlayTriggerProps {
-    trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps;
-    /** Defaults to "left" */
-    placement?: "left" | "right";
-    /** Whether the Button is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
-    disabled?: boolean | ReactNode;
-    /** Text to be shown via a tooltip when the user hovers over the button */
-    tooltip?: ReactNode;
-    /** The component to be shown within the overlay */
-    children: ReactElement;
-    /** Props returned by the useMenuTrigger hook to be passed to the button element */
-    menuTriggerProps: AriaButtonProps;
-    /** Ref for the button element */
-    buttonRef: MutableRefObject<HTMLButtonElement | null>;
-    /** Result of the useMenuTriggerState hook */
-    state: MenuTriggerState;
-    /** Prop set the style of the button element */
-    variant?: ButtonVariant;
-    hideEndAdornment?: boolean;
-    showActiveBorder?: boolean;
-    contrast?: boolean;
-}
-export declare function OverlayTrigger(props: OverlayTriggerProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function isTextButton(trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps): trigger is TextButtonTriggerProps;
-export declare function isIconButton(trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps): trigger is IconButtonTriggerProps;
-export declare function isNavLinkButton(trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps): trigger is NavLinkButtonTriggerProps;
-export declare function labelOr(trigger: {
-    label: unknown;
-}, fallback: string): string;
-export {};
-//# sourceMappingURL=OverlayTrigger.d.ts.map

package/dist/components/internal/OverlayTrigger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverlayTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/internal/OverlayTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAgB,iBAAiB,EAAE,+BAA2C;AACrF,OAAO,EAAU,WAAW,EAAE,aAAa,EAAE,kBAA8B;AAE3E,OAAO,EAAc,eAAe,EAAE,sBAAkC;AAExE,OAAO,EAAW,YAAY,EAAE,mBAA+B;AAK/D,UAAU,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;CAAG;AACpG,UAAU,sBAAuB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;CAAG;AACpH,UAAU,wBAAyB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;CAAG;AAC9F,UAAU,yBAA0B,SAAQ,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAC3F,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,sBAAsB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,yBAAyB,CAAC;IAChH,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,qHAAqH;IACrH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mDAAmD;IACnD,QAAQ,EAAE,YAAY,CAAC;IACvB,mFAAmF;IACnF,gBAAgB,EAAE,eAAe,CAAC;IAClC,iCAAiC;IACjC,SAAS,EAAE,gBAAgB,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACtD,6CAA6C;IAC7C,KAAK,EAAE,gBAAgB,CAAC;IACxB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAmGxD;AAED,wBAAgB,YAAY,CAC1B,OAAO,EAAE,sBAAsB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,yBAAyB,GAC9G,OAAO,IAAI,sBAAsB,CAEnC;AACD,wBAAgB,YAAY,CAC1B,OAAO,EAAE,sBAAsB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,yBAAyB,GAC9G,OAAO,IAAI,sBAAsB,CAEnC;AAED,wBAAgB,eAAe,CAC7B,OAAO,EAAE,sBAAsB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,yBAAyB,GAC9G,OAAO,IAAI,yBAAyB,CAEtC;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAE7E"}

package/dist/components/internal/OverlayTrigger.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverlayTrigger = OverlayTrigger;
-exports.isTextButton = isTextButton;
-exports.isIconButton = isIconButton;
-exports.isNavLinkButton = isNavLinkButton;
-exports.labelOr = labelOr;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const AvatarButton_1 = require("../Avatar/AvatarButton");
-const Button_1 = require("../Button");
-const Icon_1 = require("../Icon");
-const IconButton_1 = require("../IconButton");
-const internal_1 = require("./");
-const NavLink_1 = require("../NavLink");
-const Css_1 = require("../../Css");
-const utils_1 = require("../../utils");
-const defaultTestId_1 = require("../../utils/defaultTestId");
-function OverlayTrigger(props) {
-    const { trigger, buttonRef, menuTriggerProps, placement, state, disabled, tooltip, children, variant, hideEndAdornment, showActiveBorder = false, contrast = false, } = props;
-    const popoverRef = (0, react_1.useRef)(null);
-    const { overlayProps: positionProps } = (0, react_aria_1.useOverlayPosition)({
-        targetRef: buttonRef,
-        overlayRef: popoverRef,
-        shouldFlip: true,
-        isOpen: state.isOpen,
-        onClose: state.close,
-        placement: (placement ? `bottom ${placement}` : "bottom left"),
-        offset: showActiveBorder ? 4 : undefined,
-    });
-    const tid = (0, utils_1.useTestIds)(props, isTextButton(trigger)
-        ? (0, defaultTestId_1.defaultTestId)(labelOr(trigger, "overlayTrigger"))
-        : isNavLinkButton(trigger)
-            ? (0, defaultTestId_1.defaultTestId)(trigger.navLabel)
-            : isIconButton(trigger)
-                ? trigger.icon
-                : trigger.name);
-    return (
-    // Add `line-height: 0` to prevent the Icon button and Avatar buttons from inheriting the line-height, causing them to be taller than they should.
-    (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.dib.add("lineHeight", 0).$, children: [isTextButton(trigger) ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: variant ? variant : "secondary", contrast: contrast, ...trigger, menuTriggerProps: menuTriggerProps, buttonRef: buttonRef, endAdornment: !hideEndAdornment ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) : null, disabled: disabled, tooltip: tooltip, onClick: menuTriggerProps.onPress ?? utils_1.noop, forceFocusStyles: showActiveBorder && state.isOpen, ...tid })) : isNavLinkButton(trigger) ? ((0, jsx_runtime_1.jsx)(NavLink_1.NavLink, { ...trigger, label: trigger.navLabel, disabled: !!disabled, contrast: contrast, menuTriggerProps: menuTriggerProps, buttonRef: buttonRef, ...tid })) : isIconButton(trigger) ? ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ...trigger, menuTriggerProps: menuTriggerProps, buttonRef: buttonRef, ...tid, disabled: disabled, tooltip: tooltip, onClick: menuTriggerProps.onPress ?? utils_1.noop, forceFocusStyles: showActiveBorder && state.isOpen })) : ((0, jsx_runtime_1.jsx)(AvatarButton_1.AvatarButton, { ...trigger, menuTriggerProps: menuTriggerProps, buttonRef: buttonRef, ...tid, disabled: disabled, tooltip: tooltip, onClick: menuTriggerProps.onPress ?? utils_1.noop, forceFocusStyles: showActiveBorder && state.isOpen })), state.isOpen && ((0, jsx_runtime_1.jsx)(internal_1.Popover, { triggerRef: buttonRef, popoverRef: popoverRef, positionProps: positionProps, onClose: () => state.close(), isOpen: state.isOpen, children: children }))] }));
-}
-function isTextButton(trigger) {
-    return trigger && typeof trigger === "object" && "label" in trigger;
-}
-function isIconButton(trigger) {
-    return trigger && typeof trigger === "object" && "icon" in trigger;
-}
-function isNavLinkButton(trigger) {
-    return trigger && typeof trigger === "object" && "navLabel" in trigger;
-}
-function labelOr(trigger, fallback) {
-    return typeof trigger.label === "string" ? trigger.label : fallback;
-}

package/dist/components/internal/Popover.d.ts

@@ -1,12 +0,0 @@
-import React, { MutableRefObject } from "react";
-interface PopoverProps extends React.PropsWithChildren<any> {
-    triggerRef: MutableRefObject<HTMLElement | null>;
-    popoverRef: MutableRefObject<HTMLDivElement | null>;
-    positionProps: React.HTMLAttributes<Element>;
-    onClose: () => void;
-    isOpen: boolean;
-}
-/** Popover is used for generating menus and list-boxes */
-export declare function Popover(props: PopoverProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Popover.d.ts.map

package/dist/components/internal/Popover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/internal/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAGhD,UAAU,YAAa,SAAQ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC;IACzD,UAAU,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,aAAa,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,0DAA0D;AAC1D,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDAkC1C"}

package/dist/components/internal/Popover.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = Popover;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-/** Popover is used for generating menus and list-boxes */
-function Popover(props) {
-    const { triggerRef, popoverRef, positionProps, children, onClose, isOpen, ...others } = props;
-    const { overlayProps } = (0, react_aria_1.useOverlay)({
-        onClose,
-        isOpen,
-        isDismissable: true,
-        shouldCloseOnInteractOutside: (e) => {
-            // By default when passing `isDismissable: true` then Popover will `stopPropagation` of the PointerDown event, which is used nearly everywhere in React-Aria (like for clicking buttons)
-            // We do not want that propagation to be stopped, but we still want the overlay to be dismissable.
-            // When providing `isDimissable: true`, then you can also provide this callback function, `shouldCloseOnInteractOutside`
-            // By returning `false` in this function it will no longer call `stopPropagation`, but it also will not call `onHide` for us, so we need to call `onClose` ourselves.
-            // If we clicked the trigger element (or within it), then that will call a `state.toggle` for us.
-            // Return early if that happens.
-            if (triggerRef.current?.contains(e)) {
-                return true;
-            }
-            // Do not close the Popover if the user is interacting with a tribute menu, dialog or alert on top of it, otherwise close it.
-            return !(e.closest(".tribute-container") || e.closest("[role='dialog']") || e.closest("[role='alert']"));
-        },
-        ...others,
-    }, popoverRef);
-    return ((0, jsx_runtime_1.jsx)(react_aria_1.OverlayContainer, { children: (0, jsx_runtime_1.jsxs)("div", { ...overlayProps, ...positionProps, ref: popoverRef, children: [children, (0, jsx_runtime_1.jsx)(react_aria_1.DismissButton, { onDismiss: () => onClose() })] }) }));
-}

package/dist/components/internal/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./DatePicker";
-export * from "./Menu";
-export * from "./MenuItem";
-export * from "./MenuSection";
-export * from "./Popover";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/internal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/internal/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

package/dist/components/internal/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DatePicker"), exports);
-__exportStar(require("./Menu"), exports);
-__exportStar(require("./MenuItem"), exports);
-__exportStar(require("./MenuSection"), exports);
-__exportStar(require("./Popover"), exports);

package/dist/components/testData.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-import { TabWithContent } from "./Tabs";
-export type TabValue = "tab1" | "tab2" | "tab3" | "tab4";
-export declare const testTabs: TabWithContent<TabValue>[];
-export declare function TestTabContent({ content }: {
-    content: ReactNode;
-}): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=testData.d.ts.map

package/dist/components/testData.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"testData.d.ts","sourceRoot":"","sources":["../../src/components/testData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,QAAQ,CAAC,EAK9C,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,SAAS,CAAA;CAAE,oDAEjE"}

package/dist/components/testData.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.testTabs = void 0;
-exports.TestTabContent = TestTabContent;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-exports.testTabs = [
-    { name: "Tab 1", value: "tab1", render: () => (0, jsx_runtime_1.jsx)(TestTabContent, { content: "Tab 1 Content" }) },
-    { name: "Tab 2", value: "tab2", render: () => (0, jsx_runtime_1.jsx)(TestTabContent, { content: "Tab 2 Content" }) },
-    { name: "Tab 3", value: "tab3", disabled: true, render: () => (0, jsx_runtime_1.jsx)(TestTabContent, { content: "Tab 3 Content" }) },
-    { name: "Tab 4", value: "tab4", render: () => (0, jsx_runtime_1.jsx)(TestTabContent, { content: "Tab 4 Content" }) },
-];
-function TestTabContent({ content }) {
-    return (0, jsx_runtime_1.jsx)("div", { children: content });
-}

package/dist/forms/BoundCheckboxField.d.ts

@@ -1,11 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { CheckboxProps } from "../inputs";
-export type BoundCheckboxFieldProps = Omit<CheckboxProps, "selected" | "onChange" | "label"> & {
-    field: FieldState<boolean | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (values: boolean) => void;
-    label?: string;
-};
-/** Wraps `Checkbox` and binds it to a form field. */
-export declare function BoundCheckboxField(props: BoundCheckboxFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundCheckboxField.d.ts.map

package/dist/forms/BoundCheckboxField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundCheckboxField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundCheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAY,aAAa,EAAE,kBAAmB;AAIrD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IAC7F,KAAK,EAAE,UAAU,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC9C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qDAAqD;AACrD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,oDAsChE"}

package/dist/forms/BoundCheckboxField.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoundCheckboxField = BoundCheckboxField;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const mobx_react_1 = require("mobx-react");
-const inputs_1 = require("../inputs");
-const utils_1 = require("../utils");
-const defaultLabel_1 = require("../utils/defaultLabel");
-/** Wraps `Checkbox` and binds it to a form field. */
-function BoundCheckboxField(props) {
-    const { field, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onFocus, onBlur, disabled, ...others } = props;
-    const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.Checkbox, { label: label, selected: field.value ?? false, onChange: (selected) => {
-                // We are triggering blur manually for checkbox fields due to its transactional nature
-                onChange(selected);
-                field.maybeAutoSave();
-            }, errorMsg: field.touched ? field.errors.join(" ") : undefined, onFocus: () => {
-                field.focus();
-                (0, utils_1.maybeCall)(onFocus);
-            }, onBlur: () => {
-                field.blur();
-                (0, utils_1.maybeCall)(onBlur);
-            }, disabled: disabled || field.readOnly, ...testId, ...others })) }));
-}

package/dist/forms/BoundCheckboxGroupField.d.ts

@@ -1,12 +0,0 @@
-import { FieldState } from "@homebound/form-state";
-import { CheckboxGroupProps } from "../inputs";
-export type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChange" | "label"> & {
-    field: FieldState<string[] | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (values: string[]) => void;
-    label?: string;
-};
-/** Wraps `CheckboxGroup` and binds it to a form field.
- * To make the field agnostic to the order of selected values, add `strictOrder: false` to the field's ObjectConfig */
-export declare function BoundCheckboxGroupField(props: BoundCheckboxGroupFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BoundCheckboxGroupField.d.ts.map

package/dist/forms/BoundCheckboxGroupField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoundCheckboxGroupField.d.ts","sourceRoot":"","sources":["../../src/forms/BoundCheckboxGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAiB,kBAAkB,EAAE,kBAAmB;AAI/D,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACrG,KAAK,EAAE,UAAU,CAAC,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC/C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;sHACsH;AACtH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,oDAmC1E"}