@simpleapps-com/augur-web 2026.11.1 → 2026.11.3

package/EXPORTS.md

@@ -198,7 +198,7 @@
 
 | Export | Kind | Description |
 |--------|------|-------------|
-| `Spinner` | const | Animated SVG loading spinner. Sizes: `sm` (12px), `md` (16px), `lg` (24px). |
+| `Spinner` | const | Animated SVG loading spinner. Sizes: `sm` (12px), `md` (16px, the default), `lg` (24px). |
 
 ## `@simpleapps-com/augur-web/table`
 

package/README.md

@@ -22,8 +22,13 @@ component is a peer dependency of that component.
 ## Development
 
 TypeScript and TSX in `src/`, one tsup entry per component, built to `dist/` (ESM and CJS) with
-`"use client"` kept. The decisions are proved (`src/rules.ts`; model `models/AugurWeb.dfy`, link
-`models/links/augur-web-rules.dfy`); the components are tested under jsdom.
+`"use client"` kept. The decisions are proved (`src/rules.ts` and `src/bin-scan.ts`; model
+`models/AugurWeb.dfy`, links `models/links/augur-web-rules.dfy` and `augur-web-bin-scan.dfy`);
+the components are tested under jsdom, one per test worker (`isolate: false`, 2026-11-08:
+3.3 s, was 8.2 s). QuantityInput's quantities are integer counts of 10^-decimals units
+(`@atlas/utils/fixed`, atlas#78): its hook `useQuantityInput` only holds state and acts on the
+rules, and its render holds no decision. A component's other decisions not yet in a rule are
+listed by `pnpm -C repo proofs:coverage --list`.
 
 ```bash
 pnpm -C repo/packages/augur-web test

package/dist/add-to-cart-button.cjs

@@ -2,7 +2,8 @@
 "use client";
 
 
-var _chunk5VMEEKZ5cjs = require('./chunk-5VMEEKZ5.cjs');
+var _chunkSJGSBMMNcjs = require('./chunk-SJGSBMMN.cjs');
+require('./chunk-NBXA42AW.cjs');
 
 
 var _chunkVL6L4GDAcjs = require('./chunk-VL6L4GDA.cjs');
@@ -30,7 +31,7 @@ var AddToCartButton = React.memo(
           disabled: disabled || loading,
           className: _web.cn.call(void 0, "gap-2", className),
           ...props,
-          children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VMEEKZ5cjs.Spinner, { size: "sm" }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSJGSBMMNcjs.Spinner, { size: "sm" }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
             showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuShoppingCart, { className: "h-4 w-4" }),
             _nullishCoalesce(children, () => ( label))
           ] })

package/dist/add-to-cart-button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/add-to-cart-button.cjs","../src/add-to-cart-button.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACPA,2EAAuB;AACvB,oCAA+B;AAC/B,sDAAmB;AAoCP,+CAAA;AAtBZ,IAAM,gBAAA,EAAwB,KAAA,CAAA,IAAA;AAAA,EACtB,KAAA,CAAA,UAAA;AAAA,IACJ,CACE;AAAA,MACE,QAAA,EAAU,KAAA;AAAA,MACV,MAAA,EAAQ,aAAA;AAAA,MACR,SAAA,EAAW,IAAA;AAAA,MACX,QAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAG;AAAA,IACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,MAAA,uBACE,6BAAA;AAAA,QAAC,wBAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,QAAA,EAAU,SAAA,GAAY,OAAA;AAAA,UACtB,SAAA,EAAW,qBAAA,OAAG,EAAS,SAAS,CAAA;AAAA,UAC/B,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA,QAAA,kBACC,6BAAA,yBAAC,EAAA,EAAQ,IAAA,EAAK,KAAA,CAAK,EAAA,kBAEnB,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,YAAA,SAAA,mBAAY,6BAAA,kBAAC,EAAA,EAAe,SAAA,EAAU,UAAA,CAAU,CAAA;AAAA,6BAChD,QAAA,UAAY;AAAA,UAAA,EAAA,CACf;AAAA,QAAA;AAAA,MAEJ,CAAA;AAAA,IAEJ;AAAA,EACF;AACF,CAAA;AACA,eAAA,CAAgB,YAAA,EAAc,iBAAA;ADV9B;AACE;AACF,0CAAC","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/add-to-cart-button.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { LuShoppingCart } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Spinner } from \"./spinner\";\n\nexport interface AddToCartButtonProps extends Pick<\n  ButtonProps,\n  \"variant\" | \"size\" | \"disabled\" | \"className\" | \"onClick\"\n> {\n  loading?: boolean;\n  label?: string;\n  showIcon?: boolean;\n  children?: React.ReactNode;\n}\n\nconst AddToCartButton = React.memo(\n  React.forwardRef<HTMLButtonElement, AddToCartButtonProps>(\n    (\n      {\n        loading = false,\n        label = \"Add to Cart\",\n        showIcon = true,\n        disabled,\n        children,\n        className,\n        ...props\n      },\n      ref,\n    ) => {\n      return (\n        <Button\n          ref={ref}\n          disabled={disabled || loading}\n          className={cn(\"gap-2\", className)}\n          {...props}\n        >\n          {loading ? (\n            <Spinner size=\"sm\" />\n          ) : (\n            <>\n              {showIcon && <LuShoppingCart className=\"h-4 w-4\" />}\n              {children ?? label}\n            </>\n          )}\n        </Button>\n      );\n    },\n  ),\n);\nAddToCartButton.displayName = \"AddToCartButton\";\n\nexport { AddToCartButton };\n"]}
+{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/add-to-cart-button.cjs","../src/add-to-cart-button.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,2EAAuB;AACvB,oCAA+B;AAC/B,sDAAmB;AAoCP,+CAAA;AAtBZ,IAAM,gBAAA,EAAwB,KAAA,CAAA,IAAA;AAAA,EACtB,KAAA,CAAA,UAAA;AAAA,IACJ,CACE;AAAA,MACE,QAAA,EAAU,KAAA;AAAA,MACV,MAAA,EAAQ,aAAA;AAAA,MACR,SAAA,EAAW,IAAA;AAAA,MACX,QAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAG;AAAA,IACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,MAAA,uBACE,6BAAA;AAAA,QAAC,wBAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,QAAA,EAAU,SAAA,GAAY,OAAA;AAAA,UACtB,SAAA,EAAW,qBAAA,OAAG,EAAS,SAAS,CAAA;AAAA,UAC/B,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA,QAAA,kBACC,6BAAA,yBAAC,EAAA,EAAQ,IAAA,EAAK,KAAA,CAAK,EAAA,kBAEnB,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,YAAA,SAAA,mBAAY,6BAAA,kBAAC,EAAA,EAAe,SAAA,EAAU,UAAA,CAAU,CAAA;AAAA,6BAChD,QAAA,UAAY;AAAA,UAAA,EAAA,CACf;AAAA,QAAA;AAAA,MAEJ,CAAA;AAAA,IAEJ;AAAA,EACF;AACF,CAAA;AACA,eAAA,CAAgB,YAAA,EAAc,iBAAA;ADT9B;AACE;AACF,0CAAC","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/add-to-cart-button.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { LuShoppingCart } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Spinner } from \"./spinner\";\n\nexport interface AddToCartButtonProps extends Pick<\n  ButtonProps,\n  \"variant\" | \"size\" | \"disabled\" | \"className\" | \"onClick\"\n> {\n  loading?: boolean;\n  label?: string;\n  showIcon?: boolean;\n  children?: React.ReactNode;\n}\n\nconst AddToCartButton = React.memo(\n  React.forwardRef<HTMLButtonElement, AddToCartButtonProps>(\n    (\n      {\n        loading = false,\n        label = \"Add to Cart\",\n        showIcon = true,\n        disabled,\n        children,\n        className,\n        ...props\n      },\n      ref,\n    ) => {\n      return (\n        <Button\n          ref={ref}\n          disabled={disabled || loading}\n          className={cn(\"gap-2\", className)}\n          {...props}\n        >\n          {loading ? (\n            <Spinner size=\"sm\" />\n          ) : (\n            <>\n              {showIcon && <LuShoppingCart className=\"h-4 w-4\" />}\n              {children ?? label}\n            </>\n          )}\n        </Button>\n      );\n    },\n  ),\n);\nAddToCartButton.displayName = \"AddToCartButton\";\n\nexport { AddToCartButton };\n"]}

package/dist/add-to-cart-button.js

@@ -2,7 +2,8 @@
 "use client";
 import {
   Spinner
-} from "./chunk-UMNTUD2P.js";
+} from "./chunk-AC3OCGDU.js";
+import "./chunk-NSMOT7GD.js";
 import {
   Button
 } from "./chunk-QICSGVX3.js";

package/dist/add-to-cart-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/add-to-cart-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { LuShoppingCart } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Spinner } from \"./spinner\";\n\nexport interface AddToCartButtonProps extends Pick<\n  ButtonProps,\n  \"variant\" | \"size\" | \"disabled\" | \"className\" | \"onClick\"\n> {\n  loading?: boolean;\n  label?: string;\n  showIcon?: boolean;\n  children?: React.ReactNode;\n}\n\nconst AddToCartButton = React.memo(\n  React.forwardRef<HTMLButtonElement, AddToCartButtonProps>(\n    (\n      {\n        loading = false,\n        label = \"Add to Cart\",\n        showIcon = true,\n        disabled,\n        children,\n        className,\n        ...props\n      },\n      ref,\n    ) => {\n      return (\n        <Button\n          ref={ref}\n          disabled={disabled || loading}\n          className={cn(\"gap-2\", className)}\n          {...props}\n        >\n          {loading ? (\n            <Spinner size=\"sm\" />\n          ) : (\n            <>\n              {showIcon && <LuShoppingCart className=\"h-4 w-4\" />}\n              {children ?? label}\n            </>\n          )}\n        </Button>\n      );\n    },\n  ),\n);\nAddToCartButton.displayName = \"AddToCartButton\";\n\nexport { AddToCartButton };\n"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,sBAAsB;AAC/B,SAAS,UAAU;AAoCP,SAEA,UAFA,KAEA,YAFA;AAtBZ,IAAM,kBAAwB;AAAA,EACtB;AAAA,IACJ,CACE;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,GACA,QACG;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,UAAU,YAAY;AAAA,UACtB,WAAW,GAAG,SAAS,SAAS;AAAA,UAC/B,GAAG;AAAA,UAEH,oBACC,oBAAC,WAAQ,MAAK,MAAK,IAEnB,iCACG;AAAA,wBAAY,oBAAC,kBAAe,WAAU,WAAU;AAAA,YAChD,YAAY;AAAA,aACf;AAAA;AAAA,MAEJ;AAAA,IAEJ;AAAA,EACF;AACF;AACA,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../src/add-to-cart-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { LuShoppingCart } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Button, type ButtonProps } from \"./button\";\nimport { Spinner } from \"./spinner\";\n\nexport interface AddToCartButtonProps extends Pick<\n  ButtonProps,\n  \"variant\" | \"size\" | \"disabled\" | \"className\" | \"onClick\"\n> {\n  loading?: boolean;\n  label?: string;\n  showIcon?: boolean;\n  children?: React.ReactNode;\n}\n\nconst AddToCartButton = React.memo(\n  React.forwardRef<HTMLButtonElement, AddToCartButtonProps>(\n    (\n      {\n        loading = false,\n        label = \"Add to Cart\",\n        showIcon = true,\n        disabled,\n        children,\n        className,\n        ...props\n      },\n      ref,\n    ) => {\n      return (\n        <Button\n          ref={ref}\n          disabled={disabled || loading}\n          className={cn(\"gap-2\", className)}\n          {...props}\n        >\n          {loading ? (\n            <Spinner size=\"sm\" />\n          ) : (\n            <>\n              {showIcon && <LuShoppingCart className=\"h-4 w-4\" />}\n              {children ?? label}\n            </>\n          )}\n        </Button>\n      );\n    },\n  ),\n);\nAddToCartButton.displayName = \"AddToCartButton\";\n\nexport { AddToCartButton };\n"],"mappings":";;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,sBAAsB;AAC/B,SAAS,UAAU;AAoCP,SAEA,UAFA,KAEA,YAFA;AAtBZ,IAAM,kBAAwB;AAAA,EACtB;AAAA,IACJ,CACE;AAAA,MACE,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,GACA,QACG;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,UAAU,YAAY;AAAA,UACtB,WAAW,GAAG,SAAS,SAAS;AAAA,UAC/B,GAAG;AAAA,UAEH,oBACC,oBAAC,WAAQ,MAAK,MAAK,IAEnB,iCACG;AAAA,wBAAY,oBAAC,kBAAe,WAAU,WAAU;AAAA,YAChD,YAAY;AAAA,aACf;AAAA;AAAA,MAEJ;AAAA,IAEJ;AAAA,EACF;AACF;AACA,gBAAgB,cAAc;","names":[]}

package/dist/bin-scan.d.ts

@@ -0,0 +1,23 @@
+/**
+ * A "?" or "&" at `k`, "Bin=" right after it, and a value character (not "&") after that: what
+ * `[?&]Bin=[^&]` matches there.
+ *
+ * @ensures result ⟺ s[k] ∈ {?, &} ∧ s[k+1 ..] starts with "Bin=" ∧ s[k+5] is a char ≠ "&"
+ */
+export declare function binMarkAt(s: string, k: number): boolean;
+/**
+ * The first "?Bin=" or "&Bin=" from index `i` with a value after it, or −1 (the regex skips a
+ * mark with an empty value and keeps searching).
+ *
+ * @ensures result is the first k ≥ i with k + 6 ≤ |s| where `binMarkAt(s, k)`, else −1 —
+ *   exactly the model's BinAt; binMarkAt is spelled out so importers can read the contract
+ */
+export declare function binAt(s: string, i: number): number;
+/**
+ * The text after a "?Bin=" mark at `k`, or "" when no mark fits there (`binAt` never gives
+ * such a k; the guard keeps the slice in range for the proof).
+ *
+ * @ensures result = s[k + 5 ..] when 0 ≤ k ∧ k + 5 ≤ |s|, else ""
+ */
+export declare function afterBinMark(s: string, k: number): string;
+//# sourceMappingURL=bin-scan.d.ts.map

package/dist/bin-scan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bin-scan.d.ts","sourceRoot":"","sources":["../src/bin-scan.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAQvD;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAYlD;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAMzD"}

package/dist/button.d.ts

@@ -5,7 +5,7 @@ import { type VariantProps } from "class-variance-authority";
  * secondary, ghost, link. Sizes: default, sm, lg, icon.
  */
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | "link" | "destructive" | "secondary" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/{chunk-32XB3REY.cjs → chunk-6SSR5Z6X.cjs}

@@ -1,20 +1,23 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _chunkBXMTQGKVcjs = require('./chunk-BXMTQGKV.cjs');
+var _chunkOJS2B6U2cjs = require('./chunk-OJS2B6U2.cjs');
 
 
 var _chunk7EXXNELXcjs = require('./chunk-7EXXNELX.cjs');
 
+
+var _chunkNBXA42AWcjs = require('./chunk-NBXA42AW.cjs');
+
 // src/form-input.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _web = require('@simpleapps-com/augur-utils/web');
 var _jsxruntime = require('react/jsx-runtime');
 var FormInput = React.forwardRef(
   ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {
-    const htmlFor = _nullishCoalesce(_nullishCoalesce(id, () => ( name)), () => ( ""));
+    const htmlFor = _chunkNBXA42AWcjs.fieldId.call(void 0, id, name);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBXMTQGKVcjs.FormField,
+      _chunkOJS2B6U2cjs.FormField,
       {
         label,
         htmlFor,
@@ -31,4 +34,4 @@ FormInput.displayName = "FormInput";
 
 
 exports.FormInput = FormInput;
-//# sourceMappingURL=chunk-32XB3REY.cjs.map
+//# sourceMappingURL=chunk-6SSR5Z6X.cjs.map

package/dist/chunk-6SSR5Z6X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/chunk-6SSR5Z6X.cjs","../src/form-input.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACTA,2EAAuB;AACvB,sDAAmB;AAgCX,+CAAA;AAZR,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA;AAAA,EACtB,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,IAAA,EAAM,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAC5E,IAAA,MAAM,QAAA,EAAU,uCAAA,EAAQ,EAAI,IAAI,CAAA;AAEhC,IAAA,uBACE,6BAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA,EAAW,qBAAA,QAAG,EAAU,SAAS,CAAA;AAAA,QAEjC,QAAA,kBAAA,6BAAA,uBAAC,EAAA,EAAM,GAAA,EAAU,EAAA,EAAI,OAAA,EAAS,IAAA,EAAa,GAAG,MAAA,CAAO;AAAA,MAAA;AAAA,IACvD,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,SAAA,CAAU,YAAA,EAAc,WAAA;ADRxB;AACA;AACE;AACF,8BAAC","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/chunk-6SSR5Z6X.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { FormField } from \"./form-field\";\nimport { Input } from \"./input\";\nimport { fieldId } from \"./rules\";\n\nexport interface FormInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label: string;\n  error?: string;\n  required?: boolean;\n  gridSpan?: string;\n}\n\n/**\n * Labeled text input with error display. Composes FormField + Input.\n *\n * @example\n * ```tsx\n * <FormInput label=\"Email\" name=\"email\" type=\"email\" required error={errors.email} />\n * ```\n */\nconst FormInput = React.forwardRef<HTMLInputElement, FormInputProps>(\n  ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {\n    const htmlFor = fieldId(id, name);\n\n    return (\n      <FormField\n        label={label}\n        htmlFor={htmlFor}\n        required={required}\n        error={error}\n        className={cn(gridSpan, className)}\n      >\n        <Input ref={ref} id={htmlFor} name={name} {...props} />\n      </FormField>\n    );\n  },\n);\nFormInput.displayName = \"FormInput\";\n\nexport { FormInput };\n"]}

package/dist/{chunk-RCUKSVMF.js → chunk-6USFUHWW.js}

@@ -1,4 +1,8 @@
 "use client";
+import {
+  selectContentClass,
+  selectViewportClass
+} from "./chunk-NSMOT7GD.js";
 
 // src/select.tsx
 import * as React from "react";
@@ -45,29 +49,20 @@ var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React.forwardRef(({ className, children, position, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
     className: cn(
       "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      selectContentClass(position ?? "popper"),
       className
     ),
-    position,
+    position: position ?? "popper",
     ...props,
     children: [
       /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
+      /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: cn("p-1", selectViewportClass(position ?? "popper")), children }),
       /* @__PURE__ */ jsx(SelectScrollDownButton, {})
     ]
   }
@@ -120,4 +115,4 @@ export {
   SelectItem,
   SelectSeparator
 };
-//# sourceMappingURL=chunk-RCUKSVMF.js.map
+//# sourceMappingURL=chunk-6USFUHWW.js.map

package/dist/chunk-6USFUHWW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-select. See https://www.radix-ui.com/primitives/docs/components/select */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuChevronsUpDown, LuCheck, LuChevronDown, LuChevronUp } from \"react-icons/lu\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { selectContentClass, selectViewportClass } from \"./rules\";\n\nconst Select = SelectPrimitive.Root;\nconst SelectGroup = SelectPrimitive.Group;\nconst SelectValue = SelectPrimitive.Value;\n\nconst SelectTrigger = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <LuChevronsUpDown className=\"h-4 w-4 opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n    {...props}\n  >\n    <LuChevronUp />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n    {...props}\n  >\n    <LuChevronDown />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\nconst SelectContent = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position, ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n        selectContentClass(position ?? \"popper\"),\n        className,\n      )}\n      position={position ?? \"popper\"}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport className={cn(\"p-1\", selectViewportClass(position ?? \"popper\"))}>\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectLabel = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n    {...props}\n  />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <LuCheck className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n  React.ComponentRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n};\n"],"mappings":";;;;;;;AAGA,YAAY,WAAW;AACvB,SAAS,kBAAkB,SAAS,eAAe,mBAAmB;AACtE,YAAY,qBAAqB;AACjC,SAAS,UAAU;AAWjB,SAUI,KAVJ;AARF,IAAM,SAAyB;AAC/B,IAAM,cAA8B;AACpC,IAAM,cAA8B;AAEpC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAiB,sBAAhB,EAAqB,SAAO,MAC3B,8BAAC,oBAAiB,WAAU,sBAAqB,GACnD;AAAA;AAAA;AACF,CACD;AACD,cAAc,cAA8B,wBAAQ;AAEpD,IAAM,uBAA6B,iBAGjC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wDAAwD,SAAS;AAAA,IAC9E,GAAG;AAAA,IAEJ,8BAAC,eAAY;AAAA;AACf,CACD;AACD,qBAAqB,cAA8B,+BAAe;AAElE,IAAM,yBAA+B,iBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wDAAwD,SAAS;AAAA,IAC9E,GAAG;AAAA,IAEJ,8BAAC,iBAAc;AAAA;AACjB,CACD;AACD,uBAAuB,cAA8B,iCAAiB;AAEtE,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,UAAU,GAAG,MAAM,GAAG,QAC9C,oBAAiB,wBAAhB,EACC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,mBAAmB,YAAY,QAAQ;AAAA,MACvC;AAAA,IACF;AAAA,IACA,UAAU,YAAY;AAAA,IACrB,GAAG;AAAA,IAEJ;AAAA,0BAAC,wBAAqB;AAAA,MACtB,oBAAiB,0BAAhB,EAAyB,WAAW,GAAG,OAAO,oBAAoB,YAAY,QAAQ,CAAC,GACrF,UACH;AAAA,MACA,oBAAC,0BAAuB;AAAA;AAAA;AAC1B,GACF,CACD;AACD,cAAc,cAA8B,wBAAQ;AAEpD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qCAAqC,SAAS;AAAA,IAC3D,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA8B,sBAAM;AAEhD,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,iEACd,8BAAiB,+BAAhB,EACC,8BAAC,WAAQ,WAAU,WAAU,GAC/B,GACF;AAAA,MACA,oBAAiB,0BAAhB,EAA0B,UAAS;AAAA;AAAA;AACtC,CACD;AACD,WAAW,cAA8B,qBAAK;AAE9C,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAA8B,0BAAU;","names":[]}

package/dist/{chunk-WJUDOEVB.cjs → chunk-7RDA26CL.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _chunkBXMTQGKVcjs = require('./chunk-BXMTQGKV.cjs');
+var _chunkOJS2B6U2cjs = require('./chunk-OJS2B6U2.cjs');
 
 
 
 
 
 
-var _chunk76RSVRGBcjs = require('./chunk-76RSVRGB.cjs');
+var _chunkKVJQIZSMcjs = require('./chunk-KVJQIZSM.cjs');
 
 // src/form-select.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
@@ -28,16 +28,16 @@ var FormSelect = React.forwardRef(
     disabled
   }, ref) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBXMTQGKVcjs.FormField,
+      _chunkOJS2B6U2cjs.FormField,
       {
         label,
         htmlFor: name,
         required,
         error,
         className: _web.cn.call(void 0, className),
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk76RSVRGBcjs.Select, { name, value, onValueChange, disabled, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectTrigger, { ref, id: name, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectValue, { placeholder }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectContent, { children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectItem, { value: option.value, children: option.label }, option.value)) })
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKVJQIZSMcjs.Select, { name, value, onValueChange, disabled, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKVJQIZSMcjs.SelectTrigger, { ref, id: name, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKVJQIZSMcjs.SelectValue, { placeholder }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKVJQIZSMcjs.SelectContent, { children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKVJQIZSMcjs.SelectItem, { value: option.value, children: option.label }, option.value)) })
         ] })
       }
     );
@@ -48,4 +48,4 @@ FormSelect.displayName = "FormSelect";
 
 
 exports.FormSelect = FormSelect;
-//# sourceMappingURL=chunk-WJUDOEVB.cjs.map
+//# sourceMappingURL=chunk-7RDA26CL.cjs.map

package/dist/{chunk-WJUDOEVB.cjs.map → chunk-7RDA26CL.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/chunk-WJUDOEVB.cjs","../src/form-select.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACVA,2EAAuB;AACvB,sDAAmB;AAuDX,+CAAA;AAxBR,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA;AAAA,EACvB,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,EACF,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,uBACE,6BAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,OAAA,EAAS,IAAA;AAAA,QACT,QAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA,EAAW,qBAAA,SAAY,CAAA;AAAA,QAEvB,QAAA,kBAAA,8BAAA,wBAAC,EAAA,EAAO,IAAA,EAAY,KAAA,EAAc,aAAA,EAA8B,QAAA,EAC9D,QAAA,EAAA;AAAA,0BAAA,6BAAA,+BAAC,EAAA,EAAc,GAAA,EAAU,EAAA,EAAI,IAAA,EAC3B,QAAA,kBAAA,6BAAA,6BAAC,EAAA,EAAY,YAAA,CAA0B,EAAA,CACzC,CAAA;AAAA,0BACA,6BAAA,+BAAC,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAA,mBACZ,6BAAA,4BAAC,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,KAAA,EAC1C,QAAA,EAAA,MAAA,CAAO,MAAA,CAAA,EADO,MAAA,CAAO,KAExB,CACD,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,UAAA,CAAW,YAAA,EAAc,YAAA;AD5BzB;AACA;AACE;AACF,gCAAC","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/chunk-WJUDOEVB.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { FormField } from \"./form-field\";\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from \"./select\";\n\nexport interface FormSelectProps {\n  label: string;\n  error?: string;\n  required?: boolean;\n  name: string;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  options: { label: string; value: string }[];\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\n/**\n * Labeled select dropdown with error display. Composes FormField + Select.\n *\n * @example\n * ```tsx\n * <FormSelect\n *   label=\"State\"\n *   name=\"state\"\n *   options={[{ label: \"Texas\", value: \"TX\" }]}\n *   value={state}\n *   onValueChange={setState}\n * />\n * ```\n */\nconst FormSelect = React.forwardRef<HTMLButtonElement, FormSelectProps>(\n  (\n    {\n      label,\n      error,\n      required,\n      name,\n      value,\n      onValueChange,\n      options,\n      placeholder,\n      className,\n      disabled,\n    },\n    ref,\n  ) => {\n    return (\n      <FormField\n        label={label}\n        htmlFor={name}\n        required={required}\n        error={error}\n        className={cn(className)}\n      >\n        <Select name={name} value={value} onValueChange={onValueChange} disabled={disabled}>\n          <SelectTrigger ref={ref} id={name}>\n            <SelectValue placeholder={placeholder} />\n          </SelectTrigger>\n          <SelectContent>\n            {options.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </FormField>\n    );\n  },\n);\nFormSelect.displayName = \"FormSelect\";\n\nexport { FormSelect };\n"]}
+{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/chunk-7RDA26CL.cjs","../src/form-select.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACVA,2EAAuB;AACvB,sDAAmB;AAuDX,+CAAA;AAxBR,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA;AAAA,EACvB,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,EACF,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,uBACE,6BAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,OAAA,EAAS,IAAA;AAAA,QACT,QAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA,EAAW,qBAAA,SAAY,CAAA;AAAA,QAEvB,QAAA,kBAAA,8BAAA,wBAAC,EAAA,EAAO,IAAA,EAAY,KAAA,EAAc,aAAA,EAA8B,QAAA,EAC9D,QAAA,EAAA;AAAA,0BAAA,6BAAA,+BAAC,EAAA,EAAc,GAAA,EAAU,EAAA,EAAI,IAAA,EAC3B,QAAA,kBAAA,6BAAA,6BAAC,EAAA,EAAY,YAAA,CAA0B,EAAA,CACzC,CAAA;AAAA,0BACA,6BAAA,+BAAC,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAA,mBACZ,6BAAA,4BAAC,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,KAAA,EAC1C,QAAA,EAAA,MAAA,CAAO,MAAA,CAAA,EADO,MAAA,CAAO,KAExB,CACD,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,UAAA,CAAW,YAAA,EAAc,YAAA;AD5BzB;AACA;AACE;AACF,gCAAC","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/chunk-7RDA26CL.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { FormField } from \"./form-field\";\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from \"./select\";\n\nexport interface FormSelectProps {\n  label: string;\n  error?: string;\n  required?: boolean;\n  name: string;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  options: { label: string; value: string }[];\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\n/**\n * Labeled select dropdown with error display. Composes FormField + Select.\n *\n * @example\n * ```tsx\n * <FormSelect\n *   label=\"State\"\n *   name=\"state\"\n *   options={[{ label: \"Texas\", value: \"TX\" }]}\n *   value={state}\n *   onValueChange={setState}\n * />\n * ```\n */\nconst FormSelect = React.forwardRef<HTMLButtonElement, FormSelectProps>(\n  (\n    {\n      label,\n      error,\n      required,\n      name,\n      value,\n      onValueChange,\n      options,\n      placeholder,\n      className,\n      disabled,\n    },\n    ref,\n  ) => {\n    return (\n      <FormField\n        label={label}\n        htmlFor={name}\n        required={required}\n        error={error}\n        className={cn(className)}\n      >\n        <Select name={name} value={value} onValueChange={onValueChange} disabled={disabled}>\n          <SelectTrigger ref={ref} id={name}>\n            <SelectValue placeholder={placeholder} />\n          </SelectTrigger>\n          <SelectContent>\n            {options.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </FormField>\n    );\n  },\n);\nFormSelect.displayName = \"FormSelect\";\n\nexport { FormSelect };\n"]}

package/dist/{chunk-UMNTUD2P.js → chunk-AC3OCGDU.js}

@@ -1,18 +1,16 @@
 "use client";
+import {
+  spinnerSizeClass
+} from "./chunk-NSMOT7GD.js";
 
 // src/spinner.tsx
 import { cn } from "@simpleapps-com/augur-utils/web";
 import { jsx, jsxs } from "react/jsx-runtime";
-var sizeClasses = {
-  sm: "h-3 w-3",
-  md: "h-4 w-4",
-  lg: "h-6 w-6"
-};
-var Spinner = ({ className, size = "md" }) => {
+var Spinner = ({ className, size }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      className: cn("animate-spin", sizeClasses[size], className),
+      className: cn("animate-spin", spinnerSizeClass(size ?? "md"), className),
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 24 24",
@@ -34,4 +32,4 @@ var Spinner = ({ className, size = "md" }) => {
 export {
   Spinner
 };
-//# sourceMappingURL=chunk-UMNTUD2P.js.map
+//# sourceMappingURL=chunk-AC3OCGDU.js.map

package/dist/chunk-AC3OCGDU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner.tsx"],"sourcesContent":["import { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { spinnerSizeClass } from \"./rules\";\n\ninterface SpinnerProps {\n  className?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\n/** Animated SVG loading spinner. Sizes: `sm` (12px), `md` (16px, the default), `lg` (24px). */\nconst Spinner = ({ className, size }: SpinnerProps) => {\n  return (\n    <svg\n      className={cn(\"animate-spin\", spinnerSizeClass(size ?? \"md\"), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n  );\n};\n\nexport { Spinner };\n"],"mappings":";;;;;;AAAA,SAAS,UAAU;AAWf,SAME,KANF;AAFJ,IAAM,UAAU,CAAC,EAAE,WAAW,KAAK,MAAoB;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,gBAAgB,iBAAiB,QAAQ,IAAI,GAAG,SAAS;AAAA,MACvE,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAQ;AAAA,MAER;AAAA,4BAAC,YAAO,WAAU,cAAa,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,gBAAe,aAAY,KAAI;AAAA,QAC5F;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-MOC5N2N4.js → chunk-BSRLAXZ2.js}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  insetClass
+} from "./chunk-NSMOT7GD.js";
 
 // src/dropdown-menu.tsx
 import * as React from "react";
@@ -18,7 +21,7 @@ var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...
     ref,
     className: cn(
       "focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
+      insetClass(inset === true),
       className
     ),
     ...props,
@@ -41,11 +44,11 @@ var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React.forwardRef(({ className, sideOffset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
-    sideOffset,
+    sideOffset: sideOffset ?? 4,
     className: cn(
       "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",
       className
@@ -60,7 +63,7 @@ var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) =>
     ref,
     className: cn(
       "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      inset && "pl-8",
+      insetClass(inset === true),
       className
     ),
     ...props
@@ -104,7 +107,7 @@ var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) =
   DropdownMenuPrimitive.Label,
   {
     ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+    className: cn("px-2 py-1.5 text-sm font-semibold", insetClass(inset === true), className),
     ...props
   }
 ));
@@ -140,4 +143,4 @@ export {
   DropdownMenuSeparator,
   DropdownMenuShortcut
 };
-//# sourceMappingURL=chunk-MOC5N2N4.js.map
+//# sourceMappingURL=chunk-BSRLAXZ2.js.map

package/dist/chunk-BSRLAXZ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dropdown-menu.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-dropdown-menu. See https://www.radix-ui.com/primitives/docs/components/dropdown-menu */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { LuCheck, LuChevronRight, LuCircle } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { insetClass } from \"./rules\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n      insetClass(inset === true),\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <LuChevronRight className=\"ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg\",\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset ?? 4}\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md\",\n        className,\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0\",\n      insetClass(inset === true),\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <LuCheck className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <LuCircle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", insetClass(inset === true), className)}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />\n  );\n};\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n};\n"],"mappings":";;;;;;AAGA,YAAY,WAAW;AACvB,YAAY,2BAA2B;AACvC,SAAS,SAAS,gBAAgB,gBAAgB;AAClD,SAAS,UAAU;AAqBjB,SAUE,KAVF;AAlBF,IAAM,eAAqC;AAE3C,IAAM,sBAA4C;AAElD,IAAM,oBAA0C;AAEhD,IAAM,qBAA2C;AAEjD,IAAM,kBAAwC;AAE9C,IAAM,yBAA+C;AAErD,IAAM,yBAA+B,iBAKnC,CAAC,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,QAC3C;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,WAAW,UAAU,IAAI;AAAA,MACzB;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAC,kBAAe,WAAU,WAAU;AAAA;AAAA;AACtC,CACD;AACD,uBAAuB,cAAoC,iCAAW;AAEtE,IAAM,yBAA+B,iBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,uBAAuB,cAAoC,iCAAW;AAEtE,IAAM,sBAA4B,iBAGhC,CAAC,EAAE,WAAW,YAAY,GAAG,MAAM,GAAG,QACtC,oBAAuB,8BAAtB,EACC;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACC;AAAA,IACA,YAAY,cAAc;AAAA,IAC1B,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,oBAAoB,cAAoC,8BAAQ;AAEhE,IAAM,mBAAyB,iBAK7B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,WAAW,UAAU,IAAI;AAAA,MACzB;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAoC,2BAAK;AAE1D,IAAM,2BAAiC,iBAGrC,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,MAAM,GAAG,QAC7C;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,gEACd,8BAAuB,qCAAtB,EACC,8BAAC,WAAQ,WAAU,WAAU,GAC/B,GACF;AAAA,MACC;AAAA;AAAA;AACH,CACD;AACD,yBAAyB,cAAoC,mCAAa;AAE1E,IAAM,wBAA8B,iBAGlC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,gEACd,8BAAuB,qCAAtB,EACC,8BAAC,YAAS,WAAU,wBAAuB,GAC7C,GACF;AAAA,MACC;AAAA;AAAA;AACH,CACD;AACD,sBAAsB,cAAoC,gCAAU;AAEpE,IAAM,oBAA0B,iBAK9B,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qCAAqC,WAAW,UAAU,IAAI,GAAG,SAAS;AAAA,IACvF,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAoC,4BAAM;AAE5D,IAAM,wBAA8B,iBAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAuB;AAAA,EAAtB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,sBAAsB,cAAoC,gCAAU;AAEpE,IAAM,uBAAuB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA6C;AAC/F,SACE,oBAAC,UAAK,WAAW,GAAG,8CAA8C,SAAS,GAAI,GAAG,OAAO;AAE7F;AACA,qBAAqB,cAAc;","names":[]}

package/dist/{chunk-UB7HYAAC.js → chunk-EBCKH6JE.js}

@@ -1,10 +1,13 @@
 "use client";
 import {
   FormField
-} from "./chunk-MXSQYVCK.js";
+} from "./chunk-IXQFZJSN.js";
 import {
   Input
 } from "./chunk-HXQF6XTL.js";
+import {
+  fieldId
+} from "./chunk-NSMOT7GD.js";
 
 // src/form-input.tsx
 import * as React from "react";
@@ -12,7 +15,7 @@ import { cn } from "@simpleapps-com/augur-utils/web";
 import { jsx } from "react/jsx-runtime";
 var FormInput = React.forwardRef(
   ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {
-    const htmlFor = id ?? name ?? "";
+    const htmlFor = fieldId(id, name);
     return /* @__PURE__ */ jsx(
       FormField,
       {
@@ -31,4 +34,4 @@ FormInput.displayName = "FormInput";
 export {
   FormInput
 };
-//# sourceMappingURL=chunk-UB7HYAAC.js.map
+//# sourceMappingURL=chunk-EBCKH6JE.js.map

package/dist/chunk-EBCKH6JE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form-input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { FormField } from \"./form-field\";\nimport { Input } from \"./input\";\nimport { fieldId } from \"./rules\";\n\nexport interface FormInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label: string;\n  error?: string;\n  required?: boolean;\n  gridSpan?: string;\n}\n\n/**\n * Labeled text input with error display. Composes FormField + Input.\n *\n * @example\n * ```tsx\n * <FormInput label=\"Email\" name=\"email\" type=\"email\" required error={errors.email} />\n * ```\n */\nconst FormInput = React.forwardRef<HTMLInputElement, FormInputProps>(\n  ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {\n    const htmlFor = fieldId(id, name);\n\n    return (\n      <FormField\n        label={label}\n        htmlFor={htmlFor}\n        required={required}\n        error={error}\n        className={cn(gridSpan, className)}\n      >\n        <Input ref={ref} id={htmlFor} name={name} {...props} />\n      </FormField>\n    );\n  },\n);\nFormInput.displayName = \"FormInput\";\n\nexport { FormInput };\n"],"mappings":";;;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU;AAgCX;AAZR,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,OAAO,OAAO,UAAU,UAAU,WAAW,IAAI,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC5E,UAAM,UAAU,QAAQ,IAAI,IAAI;AAEhC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,GAAG,UAAU,SAAS;AAAA,QAEjC,8BAAC,SAAM,KAAU,IAAI,SAAS,MAAa,GAAG,OAAO;AAAA;AAAA,IACvD;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;","names":[]}

package/dist/{chunk-WFMP6TZN.js → chunk-I6LMIYVF.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   FormField
-} from "./chunk-MXSQYVCK.js";
+} from "./chunk-IXQFZJSN.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-RCUKSVMF.js";
+} from "./chunk-6USFUHWW.js";
 
 // src/form-select.tsx
 import * as React from "react";
@@ -48,4 +48,4 @@ FormSelect.displayName = "FormSelect";
 export {
   FormSelect
 };
-//# sourceMappingURL=chunk-WFMP6TZN.js.map
+//# sourceMappingURL=chunk-I6LMIYVF.js.map

package/dist/{chunk-RGJT67PN.js → chunk-IDCDOE2L.js}

@@ -4,7 +4,10 @@ import {
 } from "./chunk-L3BT67EO.js";
 import {
   FormField
-} from "./chunk-MXSQYVCK.js";
+} from "./chunk-IXQFZJSN.js";
+import {
+  fieldId
+} from "./chunk-NSMOT7GD.js";
 
 // src/form-textarea.tsx
 import * as React from "react";
@@ -12,7 +15,7 @@ import { cn } from "@simpleapps-com/augur-utils/web";
 import { jsx } from "react/jsx-runtime";
 var FormTextarea = React.forwardRef(
   ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {
-    const htmlFor = id ?? name ?? "";
+    const htmlFor = fieldId(id, name);
     return /* @__PURE__ */ jsx(
       FormField,
       {
@@ -31,4 +34,4 @@ FormTextarea.displayName = "FormTextarea";
 export {
   FormTextarea
 };
-//# sourceMappingURL=chunk-RGJT67PN.js.map
+//# sourceMappingURL=chunk-IDCDOE2L.js.map

package/dist/chunk-IDCDOE2L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form-textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { FormField } from \"./form-field\";\nimport { Textarea } from \"./textarea\";\nimport { fieldId } from \"./rules\";\n\nexport interface FormTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  label: string;\n  error?: string;\n  required?: boolean;\n  gridSpan?: string;\n}\n\n/** Labeled textarea with error display. Composes FormField + Textarea. */\nconst FormTextarea = React.forwardRef<HTMLTextAreaElement, FormTextareaProps>(\n  ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {\n    const htmlFor = fieldId(id, name);\n\n    return (\n      <FormField\n        label={label}\n        htmlFor={htmlFor}\n        required={required}\n        error={error}\n        className={cn(gridSpan, className)}\n      >\n        <Textarea ref={ref} id={htmlFor} name={name} {...props} />\n      </FormField>\n    );\n  },\n);\nFormTextarea.displayName = \"FormTextarea\";\n\nexport { FormTextarea };\n"],"mappings":";;;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU;AAyBX;AAZR,IAAM,eAAqB;AAAA,EACzB,CAAC,EAAE,OAAO,OAAO,UAAU,UAAU,WAAW,IAAI,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC5E,UAAM,UAAU,QAAQ,IAAI,IAAI;AAEhC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,GAAG,UAAU,SAAS;AAAA,QAEjC,8BAAC,YAAS,KAAU,IAAI,SAAS,MAAa,GAAG,OAAO;AAAA;AAAA,IAC1D;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/{chunk-MXSQYVCK.js → chunk-IXQFZJSN.js}

@@ -2,6 +2,10 @@
 import {
   Label
 } from "./chunk-VD3H4QZM.js";
+import {
+  slotsWhen,
+  textSlots
+} from "./chunk-NSMOT7GD.js";
 
 // src/form-field.tsx
 import * as React from "react";
@@ -12,10 +16,10 @@ var FormField = React.forwardRef(
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("space-y-2", className), children: [
       /* @__PURE__ */ jsxs(Label, { htmlFor, children: [
         label,
-        required && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
+        slotsWhen(required === true).map((slot) => /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" }, slot))
       ] }),
       children,
-      error && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: error })
+      textSlots(error).map((message) => /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: message }, message))
     ] });
   }
 );
@@ -24,4 +28,4 @@ FormField.displayName = "FormField";
 export {
   FormField
 };
-//# sourceMappingURL=chunk-MXSQYVCK.js.map
+//# sourceMappingURL=chunk-IXQFZJSN.js.map

package/dist/chunk-IXQFZJSN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form-field.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Label } from \"./label\";\nimport { slotsWhen, textSlots } from \"./rules\";\n\nexport interface FormFieldProps {\n  label: string;\n  htmlFor: string;\n  required?: boolean;\n  error?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\n/** Base form layout: label + children + optional error message. */\nconst FormField = React.forwardRef<HTMLDivElement, FormFieldProps>(\n  ({ label, htmlFor, required, error, className, children }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"space-y-2\", className)}>\n        <Label htmlFor={htmlFor}>\n          {label}\n          {slotsWhen(required === true).map((slot) => (\n            <span key={slot} className=\"text-destructive\">\n              *\n            </span>\n          ))}\n        </Label>\n        {children}\n        {textSlots(error).map((message) => (\n          <p key={message} className=\"text-destructive text-sm\">\n            {message}\n          </p>\n        ))}\n      </div>\n    );\n  },\n);\nFormField.displayName = \"FormField\";\n\nexport { FormField };\n"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU;AAkBX,SAGI,KAHJ;AAJR,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,OAAO,SAAS,UAAU,OAAO,WAAW,SAAS,GAAG,QAAQ;AACjE,WACE,qBAAC,SAAI,KAAU,WAAW,GAAG,aAAa,SAAS,GACjD;AAAA,2BAAC,SAAM,SACJ;AAAA;AAAA,QACA,UAAU,aAAa,IAAI,EAAE,IAAI,CAAC,SACjC,oBAAC,UAAgB,WAAU,oBAAmB,iBAAnC,IAEX,CACD;AAAA,SACH;AAAA,MACC;AAAA,MACA,UAAU,KAAK,EAAE,IAAI,CAAC,YACrB,oBAAC,OAAgB,WAAU,4BACxB,qBADK,OAER,CACD;AAAA,OACH;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;","names":[]}

package/dist/{chunk-76RSVRGB.cjs → chunk-KVJQIZSM.cjs}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+
+var _chunkNBXA42AWcjs = require('./chunk-NBXA42AW.cjs');
 
 // src/select.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
@@ -45,29 +49,20 @@ var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var SelectContent = React.forwardRef(({ className, children, position, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   SelectPrimitive.Content,
   {
     ref,
     className: _web.cn.call(void 0, 
       "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      _chunkNBXA42AWcjs.selectContentClass.call(void 0, _nullishCoalesce(position, () => ( "popper"))),
       className
     ),
-    position,
+    position: _nullishCoalesce(position, () => ( "popper")),
     ...props,
     children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollUpButton, {}),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        SelectPrimitive.Viewport,
-        {
-          className: _web.cn.call(void 0, 
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Viewport, { className: _web.cn.call(void 0, "p-1", _chunkNBXA42AWcjs.selectViewportClass.call(void 0, _nullishCoalesce(position, () => ( "popper")))), children }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollDownButton, {})
     ]
   }
@@ -120,4 +115,4 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 
 exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator;
-//# sourceMappingURL=chunk-76RSVRGB.cjs.map
+//# sourceMappingURL=chunk-KVJQIZSM.cjs.map