@blockle/blocks-react 3.4.0 → 3.5.0

package/dist/components/form/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAM9B,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACvD,GAAG,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyDxC,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAM9B,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACvD,GAAG,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;AAKzD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqCxC,CAAC"}

package/dist/components/form/Switch/Switch.js

@@ -1,36 +1,21 @@
 "use client";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { composeRefs, classnames } from "@blockle/blocks-core";
-import { useRef, useState } from "react";
+import { useRef } from "react";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { input, container } from "./switch.css.js";
 const Switch = ({
-  checked,
   className,
-  defaultChecked,
-  onChange,
   ref,
   ...restProps
 }) => {
   const inputRef = useRef(null);
-  const [uncontrolledChecked, setUncontrolledChecked] = useState(
-    defaultChecked ?? false
-  );
-  const isControlled = checked !== void 0;
-  const isChecked = isControlled ? checked : uncontrolledChecked;
   const baseClassName = useComponentStyles("switch", "root");
   const thumbClassName = useComponentStyles("switch", "thumb");
-  const onChangeHandler = (event) => {
-    if (!isControlled) {
-      setUncontrolledChecked(event.target.checked);
-    }
-    onChange?.(event);
-  };
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: classnames(className, container, baseClassName),
-      "data-checked": isChecked,
       onClick: (event) => {
         if (event.target === inputRef.current) {
           return;
@@ -44,14 +29,11 @@ const Switch = ({
             type: "checkbox",
             role: "switch",
             className: input,
-            checked,
-            defaultChecked,
-            onChange: onChangeHandler,
             ref: composeRefs(ref, inputRef),
             ...restProps
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: thumbClassName, "data-checked": isChecked })
+        /* @__PURE__ */ jsx("div", { className: thumbClassName })
       ]
     }
   ) });

package/dist/components/layout/Grid/Grid.css.d.ts

@@ -1,4 +1,5 @@
 export declare const grid: string;
+export declare const minColumnWidth: Record<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, string>;
 export declare const responsiveColSpanStyles: any;
 export declare const responsiveRowSpanStyles: any;
 //# sourceMappingURL=Grid.css.d.ts.map

package/dist/components/layout/Grid/Grid.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,uBAAuB,KAMnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAMnC,CAAC"}
+{"version":3,"file":"Grid.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAEf,CAAC;AAIH,eAAO,MAAM,cAAc,+CAkB1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAMnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAMnC,CAAC"}

package/dist/components/layout/Grid/Grid.css.js

@@ -1,10 +1,29 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { createResponsiveStyles, layers } from "@blockle/blocks-core";
-import { style } from "@vanilla-extract/css";
+import { vars, layers, createResponsiveStyles } from "@blockle/blocks-core";
+import { styleVariants, style } from "@vanilla-extract/css";
 setFileScope("src/components/layout/Grid/Grid.css.ts", "@blockle/blocks-react");
 const grid = style({
   gridTemplateColumns: "repeat(12, minmax(0, 1fr))"
 });
+const minColumnWidth = styleVariants(
+  {
+    1: vars.space[1],
+    2: vars.space[2],
+    3: vars.space[3],
+    4: vars.space[4],
+    5: vars.space[5],
+    6: vars.space[6],
+    7: vars.space[7],
+    8: vars.space[8]
+  },
+  (width) => ({
+    "@layer": {
+      [layers.molecule]: {
+        gridTemplateColumns: `repeat(auto-fill, minmax(${width}, 1fr))`
+      }
+    }
+  })
+);
 const responsiveColSpanStyles = createResponsiveStyles(
   [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
   (value) => ({
@@ -22,6 +41,7 @@ const responsiveRowSpanStyles = createResponsiveStyles(
 endFileScope();
 export {
   grid,
+  minColumnWidth,
   responsiveColSpanStyles,
   responsiveRowSpanStyles
 };

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

@@ -1,6 +1,13 @@
 import { Atoms, HTMLElementProps } from '@blockle/blocks-core';
+import * as styles from './Grid.css.js';
 export type GridProps = {
     children?: React.ReactNode;
+    /**
+     * Lay out as many columns as fit, each at least this `space` step wide.
+     * Replaces the default 12-column template; `GridItem` `colSpan` spans
+     * auto-fill tracks.
+     */
+    minColumnWidth?: keyof typeof styles.minColumnWidth;
 } & Omit<Atoms, 'flexDirection'> & Omit<HTMLElementProps<HTMLDivElement>, keyof Atoms>;
 export declare const Grid: React.FC<GridProps>;
 //# sourceMappingURL=Grid.d.ts.map

package/dist/components/layout/Grid/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,GAC9B,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAepC,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,cAAc,CAAC;CACrD,GAAG,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,GAC9B,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmBpC,CAAC"}

package/dist/components/layout/Grid/Grid.js

@@ -1,18 +1,22 @@
 import { jsx } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
 import { Box } from "../Box/Box.js";
-import { grid } from "./Grid.css.js";
+import { minColumnWidth, grid } from "./Grid.css.js";
 const Grid = ({
   children,
   display = "grid",
   className,
+  minColumnWidth: minColumnWidth$1,
   ...restProps
 }) => {
   return /* @__PURE__ */ jsx(
     Box,
     {
       display,
-      className: classnames(grid, className),
+      className: classnames(
+        minColumnWidth$1 ? minColumnWidth[minColumnWidth$1] : grid,
+        className
+      ),
       ...restProps,
       children
     }

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

@@ -39,10 +39,11 @@ export type MenuRadioGroupItem<V extends string = string> = {
 };
 /**
  * Types a radio group over a union of values. `V` is inferred from `value`
- * and `onChange`, and the items' values are checked against it. Returns the
- * group as is, so it can sit in `items` next to any other item.
+ * and `onChange`, and the items' values are checked against it. Adds
+ * `type: 'radio-group'` itself, so callers leave `type` out, and the
+ * result can sit in `items` next to any other item.
  */
-export declare function menuRadioGroup<V extends string>(group: Omit<MenuRadioGroupItem<V>, 'onChange' | 'items'> & {
+export declare function menuRadioGroup<V extends string>(group: Omit<MenuRadioGroupItem<V>, 'type' | 'onChange' | 'items'> & {
     onChange: (value: V) => void;
     items: MenuRadioItem<NoInfer<V>>[];
 }): MenuRadioGroupItem<V>;

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Menu/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAc9B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAenE,KAAK,YAAY,GAAG,KAAK,CAAC,YAAY,CAEpC,GAAG,EAEH,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACrD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC1D,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,CAAC,CAAC;IACT;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACzD,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;CACpC,GACA,kBAAkB,CAAC,CAAC,CAAC,CAEvB;AAED,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;CACvC,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,CAAC;AAU/D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyLpC,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Menu/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAc9B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAenE,KAAK,YAAY,GAAG,KAAK,CAAC,YAAY,CAEpC,GAAG,EAEH,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACrD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC1D,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,CAAC,CAAC;IACT;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;CAC3B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IAClE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;CACpC,GACA,kBAAkB,CAAC,CAAC,CAAC,CAEvB;AAED,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;CACvC,GAAG,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,CAAC;AAU/D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyLpC,CAAC"}

package/dist/components/overlay/Menu/Menu.js

@@ -8,7 +8,7 @@ import { Popover } from "../Popover/Popover.js";
 import { isMenuNavigationKey, isTypeaheadKey, getEnabledItems, getNextIndex, getTypeaheadMatch, getItemText, getTextValue } from "./menu-utils.js";
 const TYPEAHEAD_RESET_MS = 500;
 function menuRadioGroup(group) {
-  return group;
+  return { ...group, type: "radio-group" };
 }
 function focusItem(list, which) {
   const items = getEnabledItems(list);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {