@homebound/beam 2.294.0 → 2.296.0

package/dist/Css.d.ts

@@ -408,6 +408,26 @@ declare class CssBuilder<T extends Properties> {
     boxShadow(value: Properties["boxShadow"]): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
+    /** Sets `containerType: "size"`. */
+    get cts(): CssBuilder<T & {
+        containerType: import("csstype").Property.ContainerType | undefined;
+    }>;
+    /** Sets `containerType: "inline-size"`. */
+    get ctis(): CssBuilder<T & {
+        containerType: import("csstype").Property.ContainerType | undefined;
+    }>;
+    /** Sets `containerType: "normal"`. */
+    get ctn(): CssBuilder<T & {
+        containerType: import("csstype").Property.ContainerType | undefined;
+    }>;
+    /** Sets `containerType: value`. */
+    ct(value: Properties["containerType"]): CssBuilder<T & {
+        containerType: import("csstype").Property.ContainerType | undefined;
+    }>;
+    /** Sets `containerName: value`. */
+    cn(value: Properties["containerName"]): CssBuilder<T & {
+        containerName: import("csstype").Property.ContainerName | undefined;
+    }>;
     /** Sets `top: "0px"`. */
     get top0(): CssBuilder<T & {
         top: import("csstype").Property.Top<string | 0> | undefined;
@@ -3993,6 +4013,7 @@ declare class CssBuilder<T extends Properties> {
     if(cond: boolean): CssBuilder<T>;
     if(attr: string, value: boolean | string): CssBuilder<T>;
     get onHover(): CssBuilder<T>;
+    ifContainer(props: ContainerProps): CssBuilder<T>;
     get ifPrint(): CssBuilder<T>;
     get ifSm(): CssBuilder<T>;
     get ifMd(): CssBuilder<T>;
@@ -4102,4 +4123,22 @@ export declare enum Breakpoints {
     lg = "@media screen and (min-width:1025px)",
     mdOrLg = "@media screen and (min-width:600px)"
 }
+/**
+ * Utility to help write `@container` queries
+ *
+ * @param name - The name of the container.
+ * @param lt - The maximum width of the container inclusive.
+ * @param gt - The minimum width of the container exclusive.
+ */
+type ContainerProps = {
+    name?: string;
+} & ({
+    lt: number;
+} | {
+    gt: number;
+} | {
+    lt: number;
+    gt: number;
+});
+export declare function Container(props: ContainerProps): string;
 export {};

package/dist/Css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breakpoints = exports.Css = exports.Palette = exports.px = exports.increment = exports.maybeInc = void 0;
+exports.Container = exports.Breakpoints = exports.Css = exports.Palette = exports.px = exports.increment = exports.maybeInc = void 0;
 class CssBuilder {
     constructor(opts) {
         this.opts = opts;
@@ -399,6 +399,27 @@ class CssBuilder {
     boxShadow(value) {
         return this.add("boxShadow", value);
     }
+    // container
+    /** Sets `containerType: "size"`. */
+    get cts() {
+        return this.add("containerType", "size");
+    }
+    /** Sets `containerType: "inline-size"`. */
+    get ctis() {
+        return this.add("containerType", "inline-size");
+    }
+    /** Sets `containerType: "normal"`. */
+    get ctn() {
+        return this.add("containerType", "normal");
+    }
+    /** Sets `containerType: value`. */
+    ct(value) {
+        return this.add("containerType", value);
+    }
+    /** Sets `containerName: value`. */
+    cn(value) {
+        return this.add("containerName", value);
+    }
     // coordinates
     /** Sets `top: "0px"`. */
     get top0() {
@@ -3546,6 +3567,9 @@ class CssBuilder {
     get onHover() {
         return this.newCss({ selector: ":hover" });
     }
+    ifContainer(props) {
+        return this.newCss({ selector: Container(props) });
+    }
     get ifPrint() {
         return this.newCss({ selector: "@media print" });
     }
@@ -3715,3 +3739,13 @@ var Breakpoints;
     Breakpoints["lg"] = "@media screen and (min-width:1025px)";
     Breakpoints["mdOrLg"] = "@media screen and (min-width:600px)";
 })(Breakpoints = exports.Breakpoints || (exports.Breakpoints = {}));
+function Container(props) {
+    const { name = "" } = props;
+    const lt = "lt" in props ? props.lt : undefined;
+    const gt = "gt" in props ? props.gt : undefined;
+    const ltQuery = lt !== undefined ? `(max-width: ${lt}px)` : "";
+    const gtQuery = gt !== undefined ? `(min-width: ${gt + 1}px)` : "";
+    const query = [ltQuery, gtQuery].filter(Boolean).join(" and ");
+    return `@container ${name} ${query}`;
+}
+exports.Container = Container;

package/dist/components/DnDGrid/DnDGrid.js

@@ -118,11 +118,14 @@ function DnDGrid(props) {
         if (!reorderViaKeyboard.current && dragEl.current && gridEl.current) {
             initReorder();
             // Determine the position of the pointer relative to the element being dragged.
+            const gridRect = gridEl.current.getBoundingClientRect();
             const rect = dragEl.current.getBoundingClientRect();
             const clientX = "clientX" in e ? e.clientX : e.touches[0].clientX;
             const clientY = "clientY" in e ? e.clientY : e.touches[0].clientY;
+            const top = rect.top - gridRect.top;
+            const left = rect.left - gridRect.left;
             // Store the pointer's offset from the tile being moved to help correctly position the element as we drag it around.
-            transformFrom.current = { x: clientX - rect.left, y: clientY - rect.top };
+            transformFrom.current = { x: clientX - left, y: clientY - top };
             // Duplicate the draggable element as a placeholder to show as a drop target
             cloneEl.current = dragEl.current.cloneNode();
             (_a = cloneEl.current) === null || _a === void 0 ? void 0 : _a.setAttribute("style", `border-width: 2px; border-color: ${src_1.Palette.Gray400}; border-style: dashed; width:${rect.width}px; height:${rect.height}px;`);
@@ -136,7 +139,7 @@ function DnDGrid(props) {
             gridEl.current.insertBefore(cloneEl.current, dragEl.current.nextSibling);
             // Apply styles to the actual element to make it look like it's being dragged.
             // This will remove it from the normal flow of the page, allowing the clone above to take its place.
-            dragEl.current.setAttribute("style", `pointer-events: none; position:fixed; z-index: 9999; top:${rect.top}px; left:${rect.left}px; width:${rect.width}px; height:${rect.height}px;`);
+            dragEl.current.setAttribute("style", `pointer-events: none; position:fixed; z-index: 9999; top:${top}px; left:${left}px; width:${rect.width}px; height:${rect.height}px;`);
             // Applies cursor styling to the Grid element.
             gridEl.current.style.cursor = "grabbing";
             // Add event listeners to move the element as the user drags it around.
@@ -224,7 +227,7 @@ function DnDGrid(props) {
         }
     }, [cancelReorder, commitReorder, initReorder, getGridItems]);
     return ((0, jsx_runtime_1.jsx)(DnDGridContext_1.DnDGridContext.Provider, { value: { dragEl, onDragHandleKeyDown }, children: (0, jsx_runtime_1.jsx)("div", { ref: gridEl, css: {
-                ...src_1.Css.dg.addIn(`& .${activeGridItemClass}`, activeItemStyles !== null && activeItemStyles !== void 0 ? activeItemStyles : src_1.Css.bshModal.$).$,
+                ...src_1.Css.ctis.dg.addIn(`& .${activeGridItemClass}`, activeItemStyles !== null && activeItemStyles !== void 0 ? activeItemStyles : src_1.Css.bshModal.$).$,
                 ...gridStyles,
             }, onTouchStart: onDragStart, onMouseDown: onDragStart, onTouchEnd: onDragEnd, onMouseUp: onDragEnd, ...tid, children: children }) }));
 }

package/dist/components/Grid/ResponsiveGrid.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from "react";
+import { useResponsiveGridProps } from "..";
+export interface ResponsiveGridProps extends PropsWithChildren<useResponsiveGridProps> {
+}
+/** Helper component for generating a responsive grid */
+export declare function ResponsiveGrid(props: ResponsiveGridProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Grid/ResponsiveGrid.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResponsiveGrid = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const components_1 = require("..");
+/** Helper component for generating a responsive grid */
+function ResponsiveGrid(props) {
+    const { children, ...hookProps } = props;
+    const { gridStyles } = (0, components_1.useResponsiveGrid)(hookProps);
+    return (0, jsx_runtime_1.jsx)("div", { css: { ...gridStyles }, children: children });
+}
+exports.ResponsiveGrid = ResponsiveGrid;

package/dist/components/Grid/ResponsiveGridItem.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+export interface ResponsiveGridItemProps extends PropsWithChildren<{
+    colSpan: number;
+}> {
+}
+/** Helper component for generating grid items with the ResponsiveGrid */
+export declare function ResponsiveGridItem(props: ResponsiveGridItemProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Grid/ResponsiveGridItem.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResponsiveGridItem = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const src_1 = require("../..");
+/** Helper component for generating grid items with the ResponsiveGrid */
+function ResponsiveGridItem(props) {
+    const { colSpan, children } = props;
+    const { gridItemProps } = (0, src_1.useResponsiveGridItem)({ colSpan });
+    return (0, jsx_runtime_1.jsx)("div", { ...gridItemProps, children: children });
+}
+exports.ResponsiveGridItem = ResponsiveGridItem;

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

@@ -0,0 +1,7 @@
+export { ResponsiveGrid } from "./ResponsiveGrid";
+export type { ResponsiveGridProps } from "./ResponsiveGrid";
+export { ResponsiveGridItem } from "./ResponsiveGridItem";
+export type { ResponsiveGridItemProps } from "./ResponsiveGridItem";
+export { useResponsiveGrid } from "./useResponsiveGrid";
+export type { useResponsiveGridProps } from "./useResponsiveGrid";
+export { useResponsiveGridItem } from "./useResponsiveGridItem";

package/dist/components/Grid/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResponsiveGridItem = exports.useResponsiveGrid = exports.ResponsiveGridItem = exports.ResponsiveGrid = void 0;
+var ResponsiveGrid_1 = require("./ResponsiveGrid");
+Object.defineProperty(exports, "ResponsiveGrid", { enumerable: true, get: function () { return ResponsiveGrid_1.ResponsiveGrid; } });
+var ResponsiveGridItem_1 = require("./ResponsiveGridItem");
+Object.defineProperty(exports, "ResponsiveGridItem", { enumerable: true, get: function () { return ResponsiveGridItem_1.ResponsiveGridItem; } });
+var useResponsiveGrid_1 = require("./useResponsiveGrid");
+Object.defineProperty(exports, "useResponsiveGrid", { enumerable: true, get: function () { return useResponsiveGrid_1.useResponsiveGrid; } });
+var useResponsiveGridItem_1 = require("./useResponsiveGridItem");
+Object.defineProperty(exports, "useResponsiveGridItem", { enumerable: true, get: function () { return useResponsiveGridItem_1.useResponsiveGridItem; } });

package/dist/components/Grid/useResponsiveGrid.d.ts

@@ -0,0 +1,13 @@
+import { Properties } from "../..";
+export interface useResponsiveGridProps {
+    minColumnWidth: number;
+    gap: number;
+    columns: number;
+}
+/**
+ * Returns the styles for a responsive grid.
+ * Use in tandem with the `useResponsiveGridItem` hook to generate props for each grid item to ensure proper behavior at breakpoints.
+ */
+export declare function useResponsiveGrid(props: useResponsiveGridProps): {
+    gridStyles: Properties;
+};

package/dist/components/Grid/useResponsiveGrid.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResponsiveGrid = void 0;
+const react_1 = require("react");
+const src_1 = require("../..");
+const utils_1 = require("./utils");
+/**
+ * Returns the styles for a responsive grid.
+ * Use in tandem with the `useResponsiveGridItem` hook to generate props for each grid item to ensure proper behavior at breakpoints.
+ */
+function useResponsiveGrid(props) {
+    const { minColumnWidth, gap, columns } = props;
+    const gridStyles = (0, react_1.useMemo)(() => {
+        const gapCount = columns - 1;
+        const totalGapWidth = gap * gapCount;
+        const maxColumnWidth = `calc((100% - ${totalGapWidth}px) / ${columns})`;
+        const gridTemplateColumns = `repeat(auto-fill, minmax(max(${minColumnWidth}px, ${maxColumnWidth}), 1fr))`;
+        const gridGap = `${gap}px`;
+        // Generate the container queries for each possible colspan for grid items.
+        const gridItemSpanStyles = Array.from({ length: columns }, (_, i) => {
+            const span = i + 1;
+            // Generate the CSS selectors for each grid item that spans `span` columns.
+            const targets = Array.from({ length: columns - span }, (_, s) => `& > [${utils_1.gridItemDataAttribute}='${s + span + 1}']`).join(", ");
+            // Define the breakpoint values for the container query.
+            const minWidth = span === 1 ? 0 : minColumnWidth * span + gap * i;
+            const maxWidth = minColumnWidth * (span + 1) + gap * span;
+            const style = {
+                // Using the `targets` selector, add the container query for the grid item.
+                // `targets` may be empty when the span is the same as the number of columns.
+                ...(targets
+                    ? src_1.Css.addIn(targets, src_1.Css.ifContainer({ gt: minWidth, lt: maxWidth }).gc(`span ${span}`).$).$
+                    : undefined),
+                // Add the default style for the grid item as a helper for the implementer to not have to define their `grid-column: span X`
+                // Uses `&&` selector to change the selector value to avoid being overridden by above container query.
+                ...(span !== 1
+                    ? src_1.Css.addIn(`&& > [${utils_1.gridItemDataAttribute}='${span}']`, src_1.Css.ifContainer({ gt: minWidth }).gc(`span ${span}`).$).$
+                    : undefined),
+            };
+            return style;
+        }).filter((s) => Object.keys(s).length > 0);
+        return {
+            ...src_1.Css.dg.gtc(gridTemplateColumns).ctis.gap(gridGap).$,
+            ...Object.assign({}, ...gridItemSpanStyles),
+        };
+    }, [minColumnWidth, gap, columns]);
+    return { gridStyles };
+}
+exports.useResponsiveGrid = useResponsiveGrid;

package/dist/components/Grid/useResponsiveGridItem.d.ts

@@ -0,0 +1,7 @@
+export declare function useResponsiveGridItem({ colSpan }: {
+    colSpan?: number;
+}): {
+    gridItemProps: {
+        "data-grid-item-span": number;
+    };
+};

package/dist/components/Grid/useResponsiveGridItem.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResponsiveGridItem = void 0;
+const utils_1 = require("./utils");
+function useResponsiveGridItem({ colSpan = 1 }) {
+    return { gridItemProps: { [utils_1.gridItemDataAttribute]: colSpan } };
+}
+exports.useResponsiveGridItem = useResponsiveGridItem;

package/dist/components/Grid/utils.d.ts

@@ -0,0 +1 @@
+export declare const gridItemDataAttribute = "data-grid-item-span";

package/dist/components/Grid/utils.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.gridItemDataAttribute = void 0;
+exports.gridItemDataAttribute = "data-grid-item-span";

package/dist/components/Icon.d.ts

@@ -148,5 +148,7 @@ export declare const Icons: {
     thunderstorms: import("@emotion/react/jsx-runtime").JSX.Element;
     undoCircle: import("@emotion/react/jsx-runtime").JSX.Element;
     windy: import("@emotion/react/jsx-runtime").JSX.Element;
+    circle: import("@emotion/react/jsx-runtime").JSX.Element;
+    checkCircleFilled: import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export type IconKey = keyof typeof Icons;

package/dist/components/Icon.js

@@ -159,4 +159,6 @@ exports.Icons = {
     thunderstorms: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M 17.246094 7.484375 C 16.898438 7.453125 16.519531 7.453125 16.171875 7.515625 C 15.414062 5.304688 13.359375 3.789062 10.992188 3.789062 C 7.992188 3.789062 5.527344 6.285156 5.527344 9.316406 C 5.527344 9.410156 5.527344 9.472656 5.527344 9.570312 C 4.738281 9.695312 4.042969 10.074219 3.507812 10.640625 C 2.84375 11.335938 2.496094 12.253906 2.527344 13.230469 C 2.589844 15.125 4.265625 16.738281 6.191406 16.738281 L 7.421875 16.738281 C 7.675781 16.738281 7.898438 16.515625 7.898438 16.261719 C 7.898438 16.011719 7.644531 15.789062 7.390625 15.789062 L 6.160156 15.789062 C 4.738281 15.789062 3.507812 14.621094 3.445312 13.199219 C 3.414062 12.472656 3.664062 11.808594 4.171875 11.304688 C 4.644531 10.800781 5.339844 10.484375 6.035156 10.484375 C 6.160156 10.484375 6.285156 10.421875 6.382812 10.328125 C 6.476562 10.230469 6.507812 10.105469 6.476562 9.949219 C 6.445312 9.726562 6.445312 9.535156 6.445312 9.316406 C 6.445312 6.789062 8.464844 4.738281 10.960938 4.738281 C 13.011719 4.738281 14.8125 6.15625 15.347656 8.179688 C 15.414062 8.429688 15.664062 8.589844 15.917969 8.527344 C 16.328125 8.429688 16.707031 8.398438 17.117188 8.429688 C 19.011719 8.589844 20.464844 10.105469 20.527344 11.96875 C 20.558594 12.980469 20.179688 13.957031 19.484375 14.683594 C 18.792969 15.410156 17.84375 15.789062 16.832031 15.789062 L 16.738281 15.789062 C 16.484375 15.789062 16.265625 16.011719 16.265625 16.261719 C 16.265625 16.515625 16.484375 16.738281 16.738281 16.738281 L 16.832031 16.738281 C 18.097656 16.738281 19.296875 16.230469 20.148438 15.347656 C 21.035156 14.429688 21.476562 13.230469 21.445312 11.9375 C 21.414062 9.601562 19.582031 7.671875 17.246094 7.484375 Z M 17.246094 7.484375 " }), (0, jsx_runtime_1.jsx)("path", { d: "M 14.527344 15.535156 L 13.421875 15.535156 L 14.527344 12.882812 C 14.65625 12.601562 14.558594 12.285156 14.308594 12.125 C 14.210938 12.03125 14.085938 12 13.960938 12 C 13.800781 12 13.644531 12.0625 13.550781 12.15625 L 9.128906 16.105469 C 8.9375 16.292969 8.875 16.546875 8.96875 16.800781 C 9.066406 17.050781 9.285156 17.210938 9.570312 17.210938 L 10.675781 17.210938 L 9.476562 19.988281 C 9.347656 20.273438 9.445312 20.589844 9.695312 20.746094 C 9.792969 20.8125 9.917969 20.875 10.042969 20.875 C 10.203125 20.875 10.359375 20.8125 10.453125 20.714844 L 14.90625 16.640625 C 15.035156 16.515625 15.128906 16.359375 15.128906 16.167969 C 15.160156 15.820312 14.875 15.535156 14.527344 15.535156 Z M 10.074219 20.242188 L 11.402344 17.019531 L 11.9375 16.578125 L 9.539062 16.578125 L 13.960938 12.632812 L 12.695312 15.695312 C 12.601562 15.949219 12.695312 16.167969 12.980469 16.167969 L 14.558594 16.167969 Z M 10.074219 20.242188 " })] })),
     undoCircle: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-0.000124931 11.9995C-0.000124931 5.3827 5.35788 -0.000488281 11.9435 -0.000488281C18.5914 -0.000488281 23.9999 5.3827 23.9999 11.9995C23.9999 18.6163 18.6166 23.9994 11.9999 23.9994C5.38308 23.9994 -0.000124931 18.6163 -0.000124931 11.9995ZM2.39988 11.9995C2.39988 17.2926 6.70667 21.5995 11.9999 21.5995C17.2931 21.5995 21.5999 17.2926 21.5999 11.9995C21.5999 6.70631 17.2691 2.39951 11.9435 2.39951C6.68028 2.39951 2.39988 6.70631 2.39988 11.9995ZM14.3997 10.7995H9.59969V12.7994L5.59968 9.59941L9.59969 6.39941V8.79941H14.3997C16.6054 8.79941 18.3997 10.5938 18.3997 12.7994C18.3997 15.005 16.6054 16.7994 14.3997 16.7994H11.9997V14.8795H14.3997C15.723 14.8795 16.5565 14.1227 16.5565 12.7994C16.5565 11.4762 15.723 10.7995 14.3997 10.7995Z" }) })),
     windy: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M 23.429688 12.695312 L 23.210938 12.695312 C 22.957031 12.695312 22.738281 12.914062 22.738281 13.167969 C 22.738281 13.421875 22.957031 13.640625 23.210938 13.640625 L 23.429688 13.640625 C 23.683594 13.640625 23.90625 13.421875 23.90625 13.167969 C 23.90625 12.914062 23.683594 12.695312 23.429688 12.695312 Z M 23.429688 12.695312 " }), (0, jsx_runtime_1.jsx)("path", { d: "M 23.527344 12.695312 L 17.210938 12.695312 C 16.957031 12.695312 16.738281 12.914062 16.738281 13.167969 C 16.738281 13.421875 16.957031 13.640625 17.210938 13.640625 L 23.527344 13.640625 C 23.777344 13.640625 24 13.421875 24 13.167969 C 24 12.914062 23.777344 12.695312 23.527344 12.695312 Z M 23.527344 12.695312 " }), (0, jsx_runtime_1.jsx)("path", { d: "M 5.273438 14.9375 C 5.019531 14.9375 4.800781 15.15625 4.800781 15.410156 C 4.800781 16.390625 4.011719 17.179688 3.03125 17.179688 C 2.050781 17.179688 1.261719 16.390625 1.261719 15.410156 C 1.261719 14.429688 2.050781 13.640625 3.03125 13.640625 L 15 13.640625 C 15.253906 13.640625 15.472656 13.421875 15.472656 13.167969 C 15.472656 12.914062 15.253906 12.695312 15 12.695312 L 3.03125 12.695312 C 1.546875 12.695312 0.316406 13.925781 0.316406 15.410156 C 0.316406 16.894531 1.546875 18.125 3.03125 18.125 C 4.515625 18.125 5.746094 16.894531 5.746094 15.410156 C 5.746094 15.15625 5.527344 14.9375 5.273438 14.9375 Z M 5.273438 14.9375 " }), (0, jsx_runtime_1.jsx)("path", { d: "M 20.96875 15.535156 L 20.683594 15.535156 C 20.429688 15.535156 20.210938 15.757812 20.210938 16.011719 C 20.210938 16.261719 20.429688 16.484375 20.683594 16.484375 L 20.96875 16.484375 C 21.222656 16.484375 21.441406 16.261719 21.441406 16.011719 C 21.441406 15.757812 21.222656 15.535156 20.96875 15.535156 Z M 20.96875 15.535156 " }), (0, jsx_runtime_1.jsx)("path", { d: "M 21 15.535156 L 10.925781 15.535156 C 10.671875 15.535156 10.453125 15.757812 10.453125 16.011719 C 10.453125 16.261719 10.671875 16.484375 10.925781 16.484375 L 21 16.484375 C 21.253906 16.484375 21.472656 16.261719 21.472656 16.011719 C 21.472656 15.757812 21.253906 15.535156 21 15.535156 Z M 21 15.535156 " }), (0, jsx_runtime_1.jsx)("path", { d: "M 18.15625 10.800781 L 18.503906 10.800781 C 18.757812 10.800781 18.980469 10.578125 18.980469 10.328125 C 18.980469 10.074219 18.757812 9.851562 18.503906 9.851562 L 18.15625 9.851562 C 17.90625 9.851562 17.683594 10.074219 17.683594 10.328125 C 17.683594 10.578125 17.90625 10.800781 18.15625 10.800781 Z M 18.15625 10.800781 " }), (0, jsx_runtime_1.jsx)("path", { d: "M 5.90625 10.800781 L 18.15625 10.800781 C 18.410156 10.800781 18.632812 10.578125 18.632812 10.328125 C 18.632812 10.074219 18.410156 9.851562 18.15625 9.851562 L 5.90625 9.851562 C 4.925781 9.851562 4.136719 9.0625 4.136719 8.085938 C 4.136719 7.105469 4.925781 6.316406 5.90625 6.316406 C 6.882812 6.316406 7.671875 7.105469 7.671875 8.085938 C 7.671875 8.335938 7.894531 8.558594 8.148438 8.558594 C 8.398438 8.558594 8.621094 8.335938 8.621094 8.085938 C 8.621094 6.601562 7.390625 5.367188 5.90625 5.367188 C 4.421875 5.367188 3.191406 6.601562 3.191406 8.085938 C 3.191406 9.570312 4.421875 10.800781 5.90625 10.800781 Z M 5.90625 10.800781 " })] })),
+    circle: ((0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2Z" })),
+    checkCircleFilled: ((0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM10.001 16.413L6.288 12.708L7.7 11.292L9.999 13.587L15.293 8.293L16.707 9.707L10.001 16.413Z" })),
 };

package/dist/components/index.d.ts

@@ -17,6 +17,7 @@ export * from "./Copy";
 export * from "./CssReset";
 export * from "./DnDGrid";
 export * from "./Filters";
+export * from "./Grid";
 export { HbLoadingSpinner, HbSpinnerProvider, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION } from "./HbLoadingSpinner";
 export * from "./Icon";
 export * from "./IconButton";

package/dist/components/index.js

@@ -35,6 +35,7 @@ __exportStar(require("./Copy"), exports);
 __exportStar(require("./CssReset"), exports);
 __exportStar(require("./DnDGrid"), exports);
 __exportStar(require("./Filters"), exports);
+__exportStar(require("./Grid"), exports);
 var HbLoadingSpinner_1 = require("./HbLoadingSpinner");
 Object.defineProperty(exports, "HbLoadingSpinner", { enumerable: true, get: function () { return HbLoadingSpinner_1.HbLoadingSpinner; } });
 Object.defineProperty(exports, "HbSpinnerProvider", { enumerable: true, get: function () { return HbLoadingSpinner_1.HbSpinnerProvider; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.294.0",
+  "version": "2.296.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",
@@ -77,7 +77,7 @@
     "@homebound/eslint-config": "1.6.1",
     "@homebound/rtl-react-router-utils": "1.0.3",
     "@homebound/rtl-utils": "^2.61.1",
-    "@homebound/truss": "^1.128.1",
+    "@homebound/truss": "^1.129.0",
     "@homebound/tsconfig": "^1.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",