@simpleapps-com/augur-web 2026.11.2 → 2026.11.3

package/dist/quantity-input.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/quantity-input.cjs","../src/quantity-input.tsx"],"names":[],"mappings":"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","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/quantity-input.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { LuMinus, LuPlus } from \"react-icons/lu\";\nimport {\n  clampQuantity,\n  cleanQtyFrom,\n  decreaseDisabled,\n  increaseDisabled,\n  keyAllowed,\n  stepDown,\n  stepUp,\n} from \"./rules\";\n\nexport interface QuantityInputProps {\n  /** Current quantity value (controlled). */\n  value: number;\n  /** Called with the new quantity after validation and rounding. */\n  onChange: (value: number) => void;\n  /** Minimum allowed quantity. Default: `0`. */\n  min?: number;\n  /** Maximum allowed quantity. */\n  max?: number;\n  /** Increment/decrement step size. Values are rounded up to the nearest step. Default: `1`. */\n  step?: number;\n  /** Number of decimal places to display. Default: `0`. */\n  decimals?: number;\n  /** Show +/- stepper buttons. Default: `true`. */\n  showStepper?: boolean;\n  disabled?: boolean;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n}\n\nfunction roundToStep(value: number, step: number): number {\n  if (step <= 1) return value;\n  return Math.ceil(value / step) * step;\n}\n\n/**\n * The quantity a typed string commits to: `min` when blank, else the number (or `min` when it\n * is not one) rounded up to the step, clamped to [min, max] and to `decimals` places.\n */\nfunction committedQuantity(\n  raw: string,\n  min: number,\n  max: number | undefined,\n  step: number,\n  decimals: number,\n): number {\n  if (raw.trim() === \"\") return min;\n\n  let parsed = parseFloat(raw);\n  if (isNaN(parsed)) parsed = min;\n\n  // roundToStep stays here: Math.ceil over fractional quantities has no lsc form.\n  parsed = clampQuantity(roundToStep(parsed, step), min, max);\n\n  return parseFloat(parsed.toFixed(decimals));\n}\n\n/**\n * Numeric input with optional +/- stepper buttons for cart quantities.\n *\n * @example\n * ```tsx\n * <QuantityInput value={qty} onChange={setQty} min={1} step={1} />\n * ```\n */\nconst QuantityInput = React.memo(\n  React.forwardRef<HTMLInputElement, QuantityInputProps>(\n    (\n      {\n        value,\n        onChange,\n        min = 0,\n        max,\n        step = 1,\n        decimals = 0,\n        showStepper = true,\n        disabled = false,\n        className,\n        inputClassName,\n        buttonClassName,\n      },\n      ref,\n    ) => {\n      const [qtyStr, setQtyStr] = React.useState(() => value.toFixed(decimals));\n\n      React.useEffect(() => {\n        setQtyStr(value.toFixed(decimals));\n      }, [value, decimals]);\n\n      const commit = React.useCallback(\n        (raw: string) => {\n          const quantity = committedQuantity(raw, min, max, step, decimals);\n          setQtyStr(quantity.toFixed(decimals));\n          onChange(quantity);\n        },\n        [min, max, step, decimals, onChange],\n      );\n\n      const handleKeyDown = React.useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Enter\") {\n            commit(qtyStr);\n            return;\n          }\n          if (!keyAllowed(e.key, decimals, qtyStr.includes(\".\"))) e.preventDefault();\n        },\n        [decimals, qtyStr, commit],\n      );\n\n      const handleChange = React.useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n          setQtyStr(cleanQtyFrom(e.target.value, decimals > 0, false, 0));\n        },\n        [decimals],\n      );\n\n      const handleBlur = React.useCallback(() => {\n        commit(qtyStr);\n      }, [commit, qtyStr]);\n\n      const handleDecrement = React.useCallback(() => {\n        onChange(stepDown(value, step, min));\n      }, [value, step, min, onChange]);\n\n      const handleIncrement = React.useCallback(() => {\n        onChange(stepUp(value, step, max));\n      }, [value, step, max, onChange]);\n\n      const minDisabled = decreaseDisabled(disabled, value, min);\n      const maxDisabled = increaseDisabled(disabled, value, max);\n\n      return (\n        <div className={cn(\"bg-background inline-flex items-center rounded-md border\", className)}>\n          {showStepper && (\n            <button\n              type=\"button\"\n              aria-label=\"Decrease quantity\"\n              disabled={minDisabled}\n              onClick={handleDecrement}\n              className={cn(\n                \"hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50\",\n                buttonClassName,\n              )}\n            >\n              <LuMinus />\n            </button>\n          )}\n          <input\n            ref={ref}\n            type=\"text\"\n            inputMode={decimals > 0 ? \"decimal\" : \"numeric\"}\n            value={qtyStr}\n            disabled={disabled}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            className={cn(\n              \"h-10 w-16 bg-transparent text-center focus:outline-none\",\n              inputClassName,\n            )}\n          />\n          {showStepper && (\n            <button\n              type=\"button\"\n              aria-label=\"Increase quantity\"\n              disabled={maxDisabled}\n              onClick={handleIncrement}\n              className={cn(\n                \"hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50\",\n                buttonClassName,\n              )}\n            >\n              <LuPlus />\n            </button>\n          )}\n        </div>\n      );\n    },\n  ),\n);\nQuantityInput.displayName = \"QuantityInput\";\n\nexport { QuantityInput };\n"]}
+{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/quantity-input.cjs","../src/quantity-input.tsx"],"names":[],"mappings":"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","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/quantity-input.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { pow10, signedFixedText } from \"@atlas/utils/fixed\";\nimport { LuMinus, LuPlus } from \"react-icons/lu\";\nimport {\n  cleanQtyFrom,\n  commitUnits,\n  decreaseDisabled,\n  increaseDisabled,\n  inputModeOf,\n  keyActionOf,\n  slotsWhen,\n  stepDown,\n  stepUp,\n} from \"./rules\";\n\n/**\n * The `<input>` attributes the component owns. A site can't pass them: `min`, `max` and `step`\n * are its numeric props, and the rest drive commit on blur and Enter.\n */\ntype OwnInputAttribute =\n  | \"value\"\n  | \"onChange\"\n  | \"type\"\n  | \"inputMode\"\n  | \"disabled\"\n  | \"onKeyDown\"\n  | \"onBlur\"\n  | \"className\"\n  | \"min\"\n  | \"max\"\n  | \"step\";\n\n/**\n * Every other `<input>` attribute (`id`, `name`, `aria-label`, `aria-labelledby`,\n * `aria-describedby`, `autoComplete`, `data-*`, …) goes onto the field, so a site can name it.\n */\nexport interface QuantityInputProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  OwnInputAttribute\n> {\n  /** Current quantity value (controlled). */\n  value: number;\n  /** Called with the new quantity after validation and rounding. */\n  onChange: (value: number) => void;\n  /** Minimum allowed quantity, at the field's `decimals`. Default: `0`. */\n  min?: number;\n  /** Maximum allowed quantity, at the field's `decimals`. */\n  max?: number;\n  /** Increment/decrement step, at the field's `decimals`. Values round up to it. Default: `1`. */\n  step?: number;\n  /** Number of decimal places to display. Default: `0`. */\n  decimals?: number;\n  /** Show +/- stepper buttons. Default: `true`. */\n  showStepper?: boolean;\n  disabled?: boolean;\n  /** Classes for the wrapper. */\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n}\n\n/**\n * The field's state and handlers. Every decision is a proved rule (`./rules`, utils `fixed`);\n * this only holds React state, converts the props to integer units of 10^-decimals\n * (`Math.round`) and acts on what the rules return.\n */\nfunction useQuantityInput(props: QuantityInputProps) {\n  const {\n    value,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    decimals = 0,\n    showStepper = true,\n    disabled = false,\n    className,\n    inputClassName,\n    buttonClassName,\n    ...rest\n  } = props;\n  const scale = pow10(decimals);\n  const shown = signedFixedText(Math.round(value * scale), decimals);\n  const [text, setText] = React.useState(shown);\n\n  React.useEffect(() => {\n    setText(shown);\n  }, [shown]);\n\n  const commit = React.useCallback(\n    (raw: string) => {\n      const units = commitUnits(\n        raw,\n        Math.round(min * scale),\n        max === undefined ? undefined : Math.round(max * scale),\n        Math.round(step * scale),\n        decimals,\n      );\n      setText(signedFixedText(units, decimals));\n      onChange(units / scale);\n    },\n    [min, max, step, decimals, scale, onChange],\n  );\n\n  const onKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const action = keyActionOf(e.key, decimals, text);\n      if (action === \"commit\") commit(text);\n      else if (action === \"block\") e.preventDefault();\n    },\n    [decimals, text, commit],\n  );\n\n  const onTextChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setText(cleanQtyFrom(e.target.value, decimals > 0, false, 0));\n    },\n    [decimals],\n  );\n\n  const onBlur = React.useCallback(() => {\n    commit(text);\n  }, [commit, text]);\n\n  const onDecrease = React.useCallback(() => {\n    onChange(stepDown(value, step, min));\n  }, [value, step, min, onChange]);\n\n  const onIncrease = React.useCallback(() => {\n    onChange(stepUp(value, step, max));\n  }, [value, step, max, onChange]);\n\n  return {\n    rest,\n    text,\n    disabled,\n    inputMode: inputModeOf(decimals),\n    steppers: slotsWhen(showStepper),\n    decreaseOff: decreaseDisabled(disabled, value, min),\n    increaseOff: increaseDisabled(disabled, value, max),\n    onKeyDown,\n    onTextChange,\n    onBlur,\n    onDecrease,\n    onIncrease,\n    className: cn(\"bg-background inline-flex items-center rounded-md border\", className),\n    inputClassName: cn(\"h-10 w-16 bg-transparent text-center focus:outline-none\", inputClassName),\n    buttonClassName: cn(\n      \"hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50\",\n      buttonClassName,\n    ),\n  };\n}\n\n/**\n * Numeric input with optional +/- stepper buttons for cart quantities.\n *\n * @example\n * ```tsx\n * <label htmlFor=\"qty\">Quantity</label>\n * <QuantityInput id=\"qty\" value={qty} onChange={setQty} min={1} step={1} />\n * ```\n */\nconst QuantityInput = React.memo(\n  React.forwardRef<HTMLInputElement, QuantityInputProps>((props, ref) => {\n    const q = useQuantityInput(props);\n    return (\n      <div className={q.className}>\n        {q.steppers.map((slot) => (\n          <button\n            key={slot}\n            type=\"button\"\n            aria-label=\"Decrease quantity\"\n            disabled={q.decreaseOff}\n            onClick={q.onDecrease}\n            className={q.buttonClassName}\n          >\n            <LuMinus />\n          </button>\n        ))}\n        <input\n          {...q.rest}\n          ref={ref}\n          type=\"text\"\n          inputMode={q.inputMode}\n          value={q.text}\n          disabled={q.disabled}\n          onKeyDown={q.onKeyDown}\n          onChange={q.onTextChange}\n          onBlur={q.onBlur}\n          className={q.inputClassName}\n        />\n        {q.steppers.map((slot) => (\n          <button\n            key={slot}\n            type=\"button\"\n            aria-label=\"Increase quantity\"\n            disabled={q.increaseOff}\n            onClick={q.onIncrease}\n            className={q.buttonClassName}\n          >\n            <LuPlus />\n          </button>\n        ))}\n      </div>\n    );\n  }),\n);\nQuantityInput.displayName = \"QuantityInput\";\n\nexport { QuantityInput };\n"]}

package/dist/quantity-input.d.ts

@@ -1,20 +1,30 @@
 import * as React from "react";
-export interface QuantityInputProps {
+/**
+ * The `<input>` attributes the component owns. A site can't pass them: `min`, `max` and `step`
+ * are its numeric props, and the rest drive commit on blur and Enter.
+ */
+type OwnInputAttribute = "value" | "onChange" | "type" | "inputMode" | "disabled" | "onKeyDown" | "onBlur" | "className" | "min" | "max" | "step";
+/**
+ * Every other `<input>` attribute (`id`, `name`, `aria-label`, `aria-labelledby`,
+ * `aria-describedby`, `autoComplete`, `data-*`, …) goes onto the field, so a site can name it.
+ */
+export interface QuantityInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, OwnInputAttribute> {
     /** Current quantity value (controlled). */
     value: number;
     /** Called with the new quantity after validation and rounding. */
     onChange: (value: number) => void;
-    /** Minimum allowed quantity. Default: `0`. */
+    /** Minimum allowed quantity, at the field's `decimals`. Default: `0`. */
     min?: number;
-    /** Maximum allowed quantity. */
+    /** Maximum allowed quantity, at the field's `decimals`. */
     max?: number;
-    /** Increment/decrement step size. Values are rounded up to the nearest step. Default: `1`. */
+    /** Increment/decrement step, at the field's `decimals`. Values round up to it. Default: `1`. */
     step?: number;
     /** Number of decimal places to display. Default: `0`. */
     decimals?: number;
     /** Show +/- stepper buttons. Default: `true`. */
     showStepper?: boolean;
     disabled?: boolean;
+    /** Classes for the wrapper. */
     className?: string;
     inputClassName?: string;
     buttonClassName?: string;
@@ -24,7 +34,8 @@ export interface QuantityInputProps {
  *
  * @example
  * ```tsx
- * <QuantityInput value={qty} onChange={setQty} min={1} step={1} />
+ * <label htmlFor="qty">Quantity</label>
+ * <QuantityInput id="qty" value={qty} onChange={setQty} min={1} step={1} />
  * ```
  */
 declare const QuantityInput: React.NamedExoticComponent<QuantityInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/quantity-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quantity-input.d.ts","sourceRoot":"","sources":["../src/quantity-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8FAA8F;IAC9F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA6BD;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa,wFAkHlB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"quantity-input.d.ts","sourceRoot":"","sources":["../src/quantity-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;;GAGG;AACH,KAAK,iBAAiB,GAClB,OAAO,GACP,UAAU,GACV,MAAM,GACN,WAAW,GACX,UAAU,GACV,WAAW,GACX,QAAQ,GACR,WAAW,GACX,KAAK,GACL,KAAK,GACL,MAAM,CAAC;AAEX;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,iBAAiB,CAClB;IACC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA+FD;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,wFA4ClB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/quantity-input.js

@@ -1,134 +1,148 @@
 "use client";
 "use client";
 import {
-  clampQuantity,
   cleanQtyFrom,
+  commitUnits,
   decreaseDisabled,
   increaseDisabled,
-  keyAllowed,
+  inputModeOf,
+  keyActionOf,
+  pow10,
+  signedFixedText,
+  slotsWhen,
   stepDown,
   stepUp
-} from "./chunk-IO77MGHW.js";
+} from "./chunk-NSMOT7GD.js";
 
 // src/quantity-input.tsx
 import * as React from "react";
 import { cn } from "@simpleapps-com/augur-utils/web";
 import { LuMinus, LuPlus } from "react-icons/lu";
 import { jsx, jsxs } from "react/jsx-runtime";
-function roundToStep(value, step) {
-  if (step <= 1) return value;
-  return Math.ceil(value / step) * step;
-}
-function committedQuantity(raw, min, max, step, decimals) {
-  if (raw.trim() === "") return min;
-  let parsed = parseFloat(raw);
-  if (isNaN(parsed)) parsed = min;
-  parsed = clampQuantity(roundToStep(parsed, step), min, max);
-  return parseFloat(parsed.toFixed(decimals));
+function useQuantityInput(props) {
+  const {
+    value,
+    onChange,
+    min = 0,
+    max,
+    step = 1,
+    decimals = 0,
+    showStepper = true,
+    disabled = false,
+    className,
+    inputClassName,
+    buttonClassName,
+    ...rest
+  } = props;
+  const scale = pow10(decimals);
+  const shown = signedFixedText(Math.round(value * scale), decimals);
+  const [text, setText] = React.useState(shown);
+  React.useEffect(() => {
+    setText(shown);
+  }, [shown]);
+  const commit = React.useCallback(
+    (raw) => {
+      const units = commitUnits(
+        raw,
+        Math.round(min * scale),
+        max === void 0 ? void 0 : Math.round(max * scale),
+        Math.round(step * scale),
+        decimals
+      );
+      setText(signedFixedText(units, decimals));
+      onChange(units / scale);
+    },
+    [min, max, step, decimals, scale, onChange]
+  );
+  const onKeyDown = React.useCallback(
+    (e) => {
+      const action = keyActionOf(e.key, decimals, text);
+      if (action === "commit") commit(text);
+      else if (action === "block") e.preventDefault();
+    },
+    [decimals, text, commit]
+  );
+  const onTextChange = React.useCallback(
+    (e) => {
+      setText(cleanQtyFrom(e.target.value, decimals > 0, false, 0));
+    },
+    [decimals]
+  );
+  const onBlur = React.useCallback(() => {
+    commit(text);
+  }, [commit, text]);
+  const onDecrease = React.useCallback(() => {
+    onChange(stepDown(value, step, min));
+  }, [value, step, min, onChange]);
+  const onIncrease = React.useCallback(() => {
+    onChange(stepUp(value, step, max));
+  }, [value, step, max, onChange]);
+  return {
+    rest,
+    text,
+    disabled,
+    inputMode: inputModeOf(decimals),
+    steppers: slotsWhen(showStepper),
+    decreaseOff: decreaseDisabled(disabled, value, min),
+    increaseOff: increaseDisabled(disabled, value, max),
+    onKeyDown,
+    onTextChange,
+    onBlur,
+    onDecrease,
+    onIncrease,
+    className: cn("bg-background inline-flex items-center rounded-md border", className),
+    inputClassName: cn("h-10 w-16 bg-transparent text-center focus:outline-none", inputClassName),
+    buttonClassName: cn(
+      "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
+      buttonClassName
+    )
+  };
 }
 var QuantityInput = React.memo(
-  React.forwardRef(
-    ({
-      value,
-      onChange,
-      min = 0,
-      max,
-      step = 1,
-      decimals = 0,
-      showStepper = true,
-      disabled = false,
-      className,
-      inputClassName,
-      buttonClassName
-    }, ref) => {
-      const [qtyStr, setQtyStr] = React.useState(() => value.toFixed(decimals));
-      React.useEffect(() => {
-        setQtyStr(value.toFixed(decimals));
-      }, [value, decimals]);
-      const commit = React.useCallback(
-        (raw) => {
-          const quantity = committedQuantity(raw, min, max, step, decimals);
-          setQtyStr(quantity.toFixed(decimals));
-          onChange(quantity);
+  React.forwardRef((props, ref) => {
+    const q = useQuantityInput(props);
+    return /* @__PURE__ */ jsxs("div", { className: q.className, children: [
+      q.steppers.map((slot) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Decrease quantity",
+          disabled: q.decreaseOff,
+          onClick: q.onDecrease,
+          className: q.buttonClassName,
+          children: /* @__PURE__ */ jsx(LuMinus, {})
         },
-        [min, max, step, decimals, onChange]
-      );
-      const handleKeyDown = React.useCallback(
-        (e) => {
-          if (e.key === "Enter") {
-            commit(qtyStr);
-            return;
-          }
-          if (!keyAllowed(e.key, decimals, qtyStr.includes("."))) e.preventDefault();
-        },
-        [decimals, qtyStr, commit]
-      );
-      const handleChange = React.useCallback(
-        (e) => {
-          setQtyStr(cleanQtyFrom(e.target.value, decimals > 0, false, 0));
+        slot
+      )),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...q.rest,
+          ref,
+          type: "text",
+          inputMode: q.inputMode,
+          value: q.text,
+          disabled: q.disabled,
+          onKeyDown: q.onKeyDown,
+          onChange: q.onTextChange,
+          onBlur: q.onBlur,
+          className: q.inputClassName
+        }
+      ),
+      q.steppers.map((slot) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Increase quantity",
+          disabled: q.increaseOff,
+          onClick: q.onIncrease,
+          className: q.buttonClassName,
+          children: /* @__PURE__ */ jsx(LuPlus, {})
         },
-        [decimals]
-      );
-      const handleBlur = React.useCallback(() => {
-        commit(qtyStr);
-      }, [commit, qtyStr]);
-      const handleDecrement = React.useCallback(() => {
-        onChange(stepDown(value, step, min));
-      }, [value, step, min, onChange]);
-      const handleIncrement = React.useCallback(() => {
-        onChange(stepUp(value, step, max));
-      }, [value, step, max, onChange]);
-      const minDisabled = decreaseDisabled(disabled, value, min);
-      const maxDisabled = increaseDisabled(disabled, value, max);
-      return /* @__PURE__ */ jsxs("div", { className: cn("bg-background inline-flex items-center rounded-md border", className), children: [
-        showStepper && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Decrease quantity",
-            disabled: minDisabled,
-            onClick: handleDecrement,
-            className: cn(
-              "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
-              buttonClassName
-            ),
-            children: /* @__PURE__ */ jsx(LuMinus, {})
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            type: "text",
-            inputMode: decimals > 0 ? "decimal" : "numeric",
-            value: qtyStr,
-            disabled,
-            onKeyDown: handleKeyDown,
-            onChange: handleChange,
-            onBlur: handleBlur,
-            className: cn(
-              "h-10 w-16 bg-transparent text-center focus:outline-none",
-              inputClassName
-            )
-          }
-        ),
-        showStepper && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Increase quantity",
-            disabled: maxDisabled,
-            onClick: handleIncrement,
-            className: cn(
-              "hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50",
-              buttonClassName
-            ),
-            children: /* @__PURE__ */ jsx(LuPlus, {})
-          }
-        )
-      ] });
-    }
-  )
+        slot
+      ))
+    ] });
+  })
 );
 QuantityInput.displayName = "QuantityInput";
 export {

package/dist/quantity-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/quantity-input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { LuMinus, LuPlus } from \"react-icons/lu\";\nimport {\n  clampQuantity,\n  cleanQtyFrom,\n  decreaseDisabled,\n  increaseDisabled,\n  keyAllowed,\n  stepDown,\n  stepUp,\n} from \"./rules\";\n\nexport interface QuantityInputProps {\n  /** Current quantity value (controlled). */\n  value: number;\n  /** Called with the new quantity after validation and rounding. */\n  onChange: (value: number) => void;\n  /** Minimum allowed quantity. Default: `0`. */\n  min?: number;\n  /** Maximum allowed quantity. */\n  max?: number;\n  /** Increment/decrement step size. Values are rounded up to the nearest step. Default: `1`. */\n  step?: number;\n  /** Number of decimal places to display. Default: `0`. */\n  decimals?: number;\n  /** Show +/- stepper buttons. Default: `true`. */\n  showStepper?: boolean;\n  disabled?: boolean;\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n}\n\nfunction roundToStep(value: number, step: number): number {\n  if (step <= 1) return value;\n  return Math.ceil(value / step) * step;\n}\n\n/**\n * The quantity a typed string commits to: `min` when blank, else the number (or `min` when it\n * is not one) rounded up to the step, clamped to [min, max] and to `decimals` places.\n */\nfunction committedQuantity(\n  raw: string,\n  min: number,\n  max: number | undefined,\n  step: number,\n  decimals: number,\n): number {\n  if (raw.trim() === \"\") return min;\n\n  let parsed = parseFloat(raw);\n  if (isNaN(parsed)) parsed = min;\n\n  // roundToStep stays here: Math.ceil over fractional quantities has no lsc form.\n  parsed = clampQuantity(roundToStep(parsed, step), min, max);\n\n  return parseFloat(parsed.toFixed(decimals));\n}\n\n/**\n * Numeric input with optional +/- stepper buttons for cart quantities.\n *\n * @example\n * ```tsx\n * <QuantityInput value={qty} onChange={setQty} min={1} step={1} />\n * ```\n */\nconst QuantityInput = React.memo(\n  React.forwardRef<HTMLInputElement, QuantityInputProps>(\n    (\n      {\n        value,\n        onChange,\n        min = 0,\n        max,\n        step = 1,\n        decimals = 0,\n        showStepper = true,\n        disabled = false,\n        className,\n        inputClassName,\n        buttonClassName,\n      },\n      ref,\n    ) => {\n      const [qtyStr, setQtyStr] = React.useState(() => value.toFixed(decimals));\n\n      React.useEffect(() => {\n        setQtyStr(value.toFixed(decimals));\n      }, [value, decimals]);\n\n      const commit = React.useCallback(\n        (raw: string) => {\n          const quantity = committedQuantity(raw, min, max, step, decimals);\n          setQtyStr(quantity.toFixed(decimals));\n          onChange(quantity);\n        },\n        [min, max, step, decimals, onChange],\n      );\n\n      const handleKeyDown = React.useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Enter\") {\n            commit(qtyStr);\n            return;\n          }\n          if (!keyAllowed(e.key, decimals, qtyStr.includes(\".\"))) e.preventDefault();\n        },\n        [decimals, qtyStr, commit],\n      );\n\n      const handleChange = React.useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n          setQtyStr(cleanQtyFrom(e.target.value, decimals > 0, false, 0));\n        },\n        [decimals],\n      );\n\n      const handleBlur = React.useCallback(() => {\n        commit(qtyStr);\n      }, [commit, qtyStr]);\n\n      const handleDecrement = React.useCallback(() => {\n        onChange(stepDown(value, step, min));\n      }, [value, step, min, onChange]);\n\n      const handleIncrement = React.useCallback(() => {\n        onChange(stepUp(value, step, max));\n      }, [value, step, max, onChange]);\n\n      const minDisabled = decreaseDisabled(disabled, value, min);\n      const maxDisabled = increaseDisabled(disabled, value, max);\n\n      return (\n        <div className={cn(\"bg-background inline-flex items-center rounded-md border\", className)}>\n          {showStepper && (\n            <button\n              type=\"button\"\n              aria-label=\"Decrease quantity\"\n              disabled={minDisabled}\n              onClick={handleDecrement}\n              className={cn(\n                \"hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50\",\n                buttonClassName,\n              )}\n            >\n              <LuMinus />\n            </button>\n          )}\n          <input\n            ref={ref}\n            type=\"text\"\n            inputMode={decimals > 0 ? \"decimal\" : \"numeric\"}\n            value={qtyStr}\n            disabled={disabled}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            className={cn(\n              \"h-10 w-16 bg-transparent text-center focus:outline-none\",\n              inputClassName,\n            )}\n          />\n          {showStepper && (\n            <button\n              type=\"button\"\n              aria-label=\"Increase quantity\"\n              disabled={maxDisabled}\n              onClick={handleIncrement}\n              className={cn(\n                \"hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50\",\n                buttonClassName,\n              )}\n            >\n              <LuPlus />\n            </button>\n          )}\n        </div>\n      );\n    },\n  ),\n);\nQuantityInput.displayName = \"QuantityInput\";\n\nexport { QuantityInput };\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/quantity-input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { pow10, signedFixedText } from \"@atlas/utils/fixed\";\nimport { LuMinus, LuPlus } from \"react-icons/lu\";\nimport {\n  cleanQtyFrom,\n  commitUnits,\n  decreaseDisabled,\n  increaseDisabled,\n  inputModeOf,\n  keyActionOf,\n  slotsWhen,\n  stepDown,\n  stepUp,\n} from \"./rules\";\n\n/**\n * The `<input>` attributes the component owns. A site can't pass them: `min`, `max` and `step`\n * are its numeric props, and the rest drive commit on blur and Enter.\n */\ntype OwnInputAttribute =\n  | \"value\"\n  | \"onChange\"\n  | \"type\"\n  | \"inputMode\"\n  | \"disabled\"\n  | \"onKeyDown\"\n  | \"onBlur\"\n  | \"className\"\n  | \"min\"\n  | \"max\"\n  | \"step\";\n\n/**\n * Every other `<input>` attribute (`id`, `name`, `aria-label`, `aria-labelledby`,\n * `aria-describedby`, `autoComplete`, `data-*`, …) goes onto the field, so a site can name it.\n */\nexport interface QuantityInputProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  OwnInputAttribute\n> {\n  /** Current quantity value (controlled). */\n  value: number;\n  /** Called with the new quantity after validation and rounding. */\n  onChange: (value: number) => void;\n  /** Minimum allowed quantity, at the field's `decimals`. Default: `0`. */\n  min?: number;\n  /** Maximum allowed quantity, at the field's `decimals`. */\n  max?: number;\n  /** Increment/decrement step, at the field's `decimals`. Values round up to it. Default: `1`. */\n  step?: number;\n  /** Number of decimal places to display. Default: `0`. */\n  decimals?: number;\n  /** Show +/- stepper buttons. Default: `true`. */\n  showStepper?: boolean;\n  disabled?: boolean;\n  /** Classes for the wrapper. */\n  className?: string;\n  inputClassName?: string;\n  buttonClassName?: string;\n}\n\n/**\n * The field's state and handlers. Every decision is a proved rule (`./rules`, utils `fixed`);\n * this only holds React state, converts the props to integer units of 10^-decimals\n * (`Math.round`) and acts on what the rules return.\n */\nfunction useQuantityInput(props: QuantityInputProps) {\n  const {\n    value,\n    onChange,\n    min = 0,\n    max,\n    step = 1,\n    decimals = 0,\n    showStepper = true,\n    disabled = false,\n    className,\n    inputClassName,\n    buttonClassName,\n    ...rest\n  } = props;\n  const scale = pow10(decimals);\n  const shown = signedFixedText(Math.round(value * scale), decimals);\n  const [text, setText] = React.useState(shown);\n\n  React.useEffect(() => {\n    setText(shown);\n  }, [shown]);\n\n  const commit = React.useCallback(\n    (raw: string) => {\n      const units = commitUnits(\n        raw,\n        Math.round(min * scale),\n        max === undefined ? undefined : Math.round(max * scale),\n        Math.round(step * scale),\n        decimals,\n      );\n      setText(signedFixedText(units, decimals));\n      onChange(units / scale);\n    },\n    [min, max, step, decimals, scale, onChange],\n  );\n\n  const onKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const action = keyActionOf(e.key, decimals, text);\n      if (action === \"commit\") commit(text);\n      else if (action === \"block\") e.preventDefault();\n    },\n    [decimals, text, commit],\n  );\n\n  const onTextChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setText(cleanQtyFrom(e.target.value, decimals > 0, false, 0));\n    },\n    [decimals],\n  );\n\n  const onBlur = React.useCallback(() => {\n    commit(text);\n  }, [commit, text]);\n\n  const onDecrease = React.useCallback(() => {\n    onChange(stepDown(value, step, min));\n  }, [value, step, min, onChange]);\n\n  const onIncrease = React.useCallback(() => {\n    onChange(stepUp(value, step, max));\n  }, [value, step, max, onChange]);\n\n  return {\n    rest,\n    text,\n    disabled,\n    inputMode: inputModeOf(decimals),\n    steppers: slotsWhen(showStepper),\n    decreaseOff: decreaseDisabled(disabled, value, min),\n    increaseOff: increaseDisabled(disabled, value, max),\n    onKeyDown,\n    onTextChange,\n    onBlur,\n    onDecrease,\n    onIncrease,\n    className: cn(\"bg-background inline-flex items-center rounded-md border\", className),\n    inputClassName: cn(\"h-10 w-16 bg-transparent text-center focus:outline-none\", inputClassName),\n    buttonClassName: cn(\n      \"hover:bg-accent flex h-10 w-10 items-center justify-center disabled:opacity-50\",\n      buttonClassName,\n    ),\n  };\n}\n\n/**\n * Numeric input with optional +/- stepper buttons for cart quantities.\n *\n * @example\n * ```tsx\n * <label htmlFor=\"qty\">Quantity</label>\n * <QuantityInput id=\"qty\" value={qty} onChange={setQty} min={1} step={1} />\n * ```\n */\nconst QuantityInput = React.memo(\n  React.forwardRef<HTMLInputElement, QuantityInputProps>((props, ref) => {\n    const q = useQuantityInput(props);\n    return (\n      <div className={q.className}>\n        {q.steppers.map((slot) => (\n          <button\n            key={slot}\n            type=\"button\"\n            aria-label=\"Decrease quantity\"\n            disabled={q.decreaseOff}\n            onClick={q.onDecrease}\n            className={q.buttonClassName}\n          >\n            <LuMinus />\n          </button>\n        ))}\n        <input\n          {...q.rest}\n          ref={ref}\n          type=\"text\"\n          inputMode={q.inputMode}\n          value={q.text}\n          disabled={q.disabled}\n          onKeyDown={q.onKeyDown}\n          onChange={q.onTextChange}\n          onBlur={q.onBlur}\n          className={q.inputClassName}\n        />\n        {q.steppers.map((slot) => (\n          <button\n            key={slot}\n            type=\"button\"\n            aria-label=\"Increase quantity\"\n            disabled={q.increaseOff}\n            onClick={q.onIncrease}\n            className={q.buttonClassName}\n          >\n            <LuPlus />\n          </button>\n        ))}\n      </div>\n    );\n  }),\n);\nQuantityInput.displayName = \"QuantityInput\";\n\nexport { QuantityInput };\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,SAAS,SAAS,cAAc;AAqK1B,SAUM,KAVN;AArGN,SAAS,iBAAiB,OAA2B;AACnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,QAAQ,MAAM,QAAQ;AAC5B,QAAM,QAAQ,gBAAgB,KAAK,MAAM,QAAQ,KAAK,GAAG,QAAQ;AACjE,QAAM,CAAC,MAAM,OAAO,IAAU,eAAS,KAAK;AAE5C,EAAM,gBAAU,MAAM;AACpB,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,SAAe;AAAA,IACnB,CAAC,QAAgB;AACf,YAAM,QAAQ;AAAA,QACZ;AAAA,QACA,KAAK,MAAM,MAAM,KAAK;AAAA,QACtB,QAAQ,SAAY,SAAY,KAAK,MAAM,MAAM,KAAK;AAAA,QACtD,KAAK,MAAM,OAAO,KAAK;AAAA,QACvB;AAAA,MACF;AACA,cAAQ,gBAAgB,OAAO,QAAQ,CAAC;AACxC,eAAS,QAAQ,KAAK;AAAA,IACxB;AAAA,IACA,CAAC,KAAK,KAAK,MAAM,UAAU,OAAO,QAAQ;AAAA,EAC5C;AAEA,QAAM,YAAkB;AAAA,IACtB,CAAC,MAA6C;AAC5C,YAAM,SAAS,YAAY,EAAE,KAAK,UAAU,IAAI;AAChD,UAAI,WAAW,SAAU,QAAO,IAAI;AAAA,eAC3B,WAAW,QAAS,GAAE,eAAe;AAAA,IAChD;AAAA,IACA,CAAC,UAAU,MAAM,MAAM;AAAA,EACzB;AAEA,QAAM,eAAqB;AAAA,IACzB,CAAC,MAA2C;AAC1C,cAAQ,aAAa,EAAE,OAAO,OAAO,WAAW,GAAG,OAAO,CAAC,CAAC;AAAA,IAC9D;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,SAAe,kBAAY,MAAM;AACrC,WAAO,IAAI;AAAA,EACb,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,QAAM,aAAmB,kBAAY,MAAM;AACzC,aAAS,SAAS,OAAO,MAAM,GAAG,CAAC;AAAA,EACrC,GAAG,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC;AAE/B,QAAM,aAAmB,kBAAY,MAAM;AACzC,aAAS,OAAO,OAAO,MAAM,GAAG,CAAC;AAAA,EACnC,GAAG,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC;AAE/B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,YAAY,QAAQ;AAAA,IAC/B,UAAU,UAAU,WAAW;AAAA,IAC/B,aAAa,iBAAiB,UAAU,OAAO,GAAG;AAAA,IAClD,aAAa,iBAAiB,UAAU,OAAO,GAAG;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,GAAG,4DAA4D,SAAS;AAAA,IACnF,gBAAgB,GAAG,2DAA2D,cAAc;AAAA,IAC5F,iBAAiB;AAAA,MACf;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAWA,IAAM,gBAAsB;AAAA,EACpB,iBAAiD,CAAC,OAAO,QAAQ;AACrE,UAAM,IAAI,iBAAiB,KAAK;AAChC,WACE,qBAAC,SAAI,WAAW,EAAE,WACf;AAAA,QAAE,SAAS,IAAI,CAAC,SACf;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,UAAU,EAAE;AAAA,UACZ,SAAS,EAAE;AAAA,UACX,WAAW,EAAE;AAAA,UAEb,8BAAC,WAAQ;AAAA;AAAA,QAPJ;AAAA,MAQP,CACD;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACE,GAAG,EAAE;AAAA,UACN;AAAA,UACA,MAAK;AAAA,UACL,WAAW,EAAE;AAAA,UACb,OAAO,EAAE;AAAA,UACT,UAAU,EAAE;AAAA,UACZ,WAAW,EAAE;AAAA,UACb,UAAU,EAAE;AAAA,UACZ,QAAQ,EAAE;AAAA,UACV,WAAW,EAAE;AAAA;AAAA,MACf;AAAA,MACC,EAAE,SAAS,IAAI,CAAC,SACf;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,UAAU,EAAE;AAAA,UACZ,SAAS,EAAE;AAAA,UACX,WAAW,EAAE;AAAA,UAEb,8BAAC,UAAO;AAAA;AAAA,QAPH;AAAA,MAQP,CACD;AAAA,OACH;AAAA,EAEJ,CAAC;AACH;AACA,cAAc,cAAc;","names":[]}

package/dist/resource-tabs.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 "use client";
 
 
@@ -7,17 +7,22 @@
 
 var _chunkUFL6PVLIcjs = require('./chunk-UFL6PVLI.cjs');
 
+
+var _chunkNBXA42AWcjs = require('./chunk-NBXA42AW.cjs');
+
 // src/resource-tabs.tsx
 require('react');
 var _web = require('@simpleapps-com/augur-utils/web');
 var _jsxruntime = require('react/jsx-runtime');
 function ResourceTabs({ tabs, defaultTab, className }) {
-  if (tabs.length === 0) return null;
-  const resolvedDefault = _nullishCoalesce(defaultTab, () => ( tabs[0].value));
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUFL6PVLIcjs.Tabs, { defaultValue: resolvedDefault, className: _web.cn.call(void 0, className), children: [
+  const view = _chunkNBXA42AWcjs.tabsViewOf.call(void 0, 
+    defaultTab,
+    tabs.map((tab) => tab.value)
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: view.shown.map((slot) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUFL6PVLIcjs.Tabs, { defaultValue: view.defaultTab, className: _web.cn.call(void 0, className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUFL6PVLIcjs.TabsList, { children: tabs.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUFL6PVLIcjs.TabsTrigger, { value: tab.value, disabled: tab.disabled, children: tab.label }, tab.value)) }),
     tabs.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUFL6PVLIcjs.TabsContent, { value: tab.value, children: tab.content }, tab.value))
-  ] });
+  ] }, slot)) });
 }
 ResourceTabs.displayName = "ResourceTabs";
 

package/dist/resource-tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/resource-tabs.cjs","../src/resource-tabs.tsx"],"names":[],"mappings":"AAAA,yLAAY;AACZ,YAAY;AACZ;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACNA,iBAAuB;AACvB,sDAAmB;AAmCf,+CAAA;AANJ,SAAS,YAAA,CAAa,EAAE,IAAA,EAAM,UAAA,EAAY,UAAU,CAAA,EAAsB;AACxE,EAAA,GAAA,CAAI,IAAA,CAAK,OAAA,IAAW,CAAA,EAAG,OAAO,IAAA;AAE9B,EAAA,MAAM,gBAAA,mBAAkB,UAAA,UAAc,IAAA,CAAK,CAAC,CAAA,CAAG,OAAA;AAE/C,EAAA,uBACE,8BAAA,sBAAC,EAAA,EAAK,YAAA,EAAc,eAAA,EAAiB,SAAA,EAAW,qBAAA,SAAY,CAAA,EAC1D,QAAA,EAAA;AAAA,oBAAA,6BAAA,0BAAC,EAAA,EACE,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,EAAA,mBACT,6BAAA,6BAAC,EAAA,EAA4B,KAAA,EAAO,GAAA,CAAI,KAAA,EAAO,QAAA,EAAU,GAAA,CAAI,QAAA,EAC1D,QAAA,EAAA,GAAA,CAAI,MAAA,CAAA,EADW,GAAA,CAAI,KAEtB,CACD,EAAA,CACH,CAAA;AAAA,IACC,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,EAAA,mBACT,6BAAA,6BAAC,EAAA,EAA4B,KAAA,EAAO,GAAA,CAAI,KAAA,EACrC,QAAA,EAAA,GAAA,CAAI,QAAA,CAAA,EADW,GAAA,CAAI,KAEtB,CACD;AAAA,EAAA,EAAA,CACH,CAAA;AAEJ;AACA,YAAA,CAAa,YAAA,EAAc,cAAA;ADjC3B;AACE;AACF,oCAAC","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/resource-tabs.cjs","sourcesContent":[null,"/** Sub-resource tab layout composing Tabs. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from \"./tabs\";\n\nexport interface TabDef {\n  value: string;\n  label: string;\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface ResourceTabsProps {\n  tabs: TabDef[];\n  defaultTab?: string;\n  className?: string;\n}\n\n/**\n * Standardized sub-resource tab layout for detail pages.\n *\n * @example\n * ```tsx\n * <ResourceTabs\n *   tabs={[\n *     { value: \"attributes\", label: \"Attributes\", content: <AttributesList /> },\n *     { value: \"items\", label: \"Items\", content: <ItemsList /> },\n *   ]}\n * />\n * ```\n */\nfunction ResourceTabs({ tabs, defaultTab, className }: ResourceTabsProps) {\n  if (tabs.length === 0) return null;\n\n  const resolvedDefault = defaultTab ?? tabs[0]!.value;\n\n  return (\n    <Tabs defaultValue={resolvedDefault} className={cn(className)}>\n      <TabsList>\n        {tabs.map((tab) => (\n          <TabsTrigger key={tab.value} value={tab.value} disabled={tab.disabled}>\n            {tab.label}\n          </TabsTrigger>\n        ))}\n      </TabsList>\n      {tabs.map((tab) => (\n        <TabsContent key={tab.value} value={tab.value}>\n          {tab.content}\n        </TabsContent>\n      ))}\n    </Tabs>\n  );\n}\nResourceTabs.displayName = \"ResourceTabs\";\n\nexport { ResourceTabs };\n"]}
+{"version":3,"sources":["/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/resource-tabs.cjs","../src/resource-tabs.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACTA,iBAAuB;AACvB,sDAAmB;AAqCf,+CAAA;AAPJ,SAAS,YAAA,CAAa,EAAE,IAAA,EAAM,UAAA,EAAY,UAAU,CAAA,EAAsB;AACxE,EAAA,MAAM,KAAA,EAAO,0CAAA;AAAA,IACX,UAAA;AAAA,IACA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,EAAA,GAAQ,GAAA,CAAI,KAAK;AAAA,EAC7B,CAAA;AAEA,EAAA,uBACE,6BAAA,oBAAA,EAAA,EACG,QAAA,EAAA,IAAA,CAAK,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAA,mBACf,8BAAA,sBAAC,EAAA,EAAgB,YAAA,EAAc,IAAA,CAAK,UAAA,EAAY,SAAA,EAAW,qBAAA,SAAY,CAAA,EACrE,QAAA,EAAA;AAAA,oBAAA,6BAAA,0BAAC,EAAA,EACE,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,EAAA,mBACT,6BAAA,6BAAC,EAAA,EAA4B,KAAA,EAAO,GAAA,CAAI,KAAA,EAAO,QAAA,EAAU,GAAA,CAAI,QAAA,EAC1D,QAAA,EAAA,GAAA,CAAI,MAAA,CAAA,EADW,GAAA,CAAI,KAEtB,CACD,EAAA,CACH,CAAA;AAAA,IACC,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,EAAA,mBACT,6BAAA,6BAAC,EAAA,EAA4B,KAAA,EAAO,GAAA,CAAI,KAAA,EACrC,QAAA,EAAA,GAAA,CAAI,QAAA,CAAA,EADW,GAAA,CAAI,KAEtB,CACD;AAAA,EAAA,EAAA,CAAA,EAZQ,IAaX,CACD,EAAA,CACH,CAAA;AAEJ;AACA,YAAA,CAAa,YAAA,EAAc,cAAA;ADlC3B;AACE;AACF,oCAAC","file":"/Users/stuartjackson/Projects/simpleapps/atlas/repo/packages/augur-web/dist/resource-tabs.cjs","sourcesContent":[null,"/** Sub-resource tab layout composing Tabs. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from \"./tabs\";\nimport { tabsViewOf } from \"./rules\";\n\nexport interface TabDef {\n  value: string;\n  label: string;\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface ResourceTabsProps {\n  tabs: TabDef[];\n  defaultTab?: string;\n  className?: string;\n}\n\n/**\n * Standardized sub-resource tab layout for detail pages.\n *\n * @example\n * ```tsx\n * <ResourceTabs\n *   tabs={[\n *     { value: \"attributes\", label: \"Attributes\", content: <AttributesList /> },\n *     { value: \"items\", label: \"Items\", content: <ItemsList /> },\n *   ]}\n * />\n * ```\n */\nfunction ResourceTabs({ tabs, defaultTab, className }: ResourceTabsProps) {\n  const view = tabsViewOf(\n    defaultTab,\n    tabs.map((tab) => tab.value),\n  );\n\n  return (\n    <>\n      {view.shown.map((slot) => (\n        <Tabs key={slot} defaultValue={view.defaultTab} className={cn(className)}>\n          <TabsList>\n            {tabs.map((tab) => (\n              <TabsTrigger key={tab.value} value={tab.value} disabled={tab.disabled}>\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {tabs.map((tab) => (\n            <TabsContent key={tab.value} value={tab.value}>\n              {tab.content}\n            </TabsContent>\n          ))}\n        </Tabs>\n      ))}\n    </>\n  );\n}\nResourceTabs.displayName = \"ResourceTabs\";\n\nexport { ResourceTabs };\n"]}

package/dist/resource-tabs.d.ts

@@ -23,7 +23,7 @@ export interface ResourceTabsProps {
  * />
  * ```
  */
-declare function ResourceTabs({ tabs, defaultTab, className }: ResourceTabsProps): React.JSX.Element | null;
+declare function ResourceTabs({ tabs, defaultTab, className }: ResourceTabsProps): React.JSX.Element;
 declare namespace ResourceTabs {
     var displayName: string;
 }

package/dist/resource-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resource-tabs.d.ts","sourceRoot":"","sources":["../src/resource-tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,iBAAiB,4BAqBvE;kBArBQ,YAAY;;;AAwBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"resource-tabs.d.ts","sourceRoot":"","sources":["../src/resource-tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,iBAAiB,qBA0BvE;kBA1BQ,YAAY;;;AA6BrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/resource-tabs.js

@@ -6,18 +6,23 @@ import {
   TabsList,
   TabsTrigger
 } from "./chunk-KHIHHL3A.js";
+import {
+  tabsViewOf
+} from "./chunk-NSMOT7GD.js";
 
 // src/resource-tabs.tsx
 import "react";
 import { cn } from "@simpleapps-com/augur-utils/web";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ResourceTabs({ tabs, defaultTab, className }) {
-  if (tabs.length === 0) return null;
-  const resolvedDefault = defaultTab ?? tabs[0].value;
-  return /* @__PURE__ */ jsxs(Tabs, { defaultValue: resolvedDefault, className: cn(className), children: [
+  const view = tabsViewOf(
+    defaultTab,
+    tabs.map((tab) => tab.value)
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: view.shown.map((slot) => /* @__PURE__ */ jsxs(Tabs, { defaultValue: view.defaultTab, className: cn(className), children: [
     /* @__PURE__ */ jsx(TabsList, { children: tabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, { value: tab.value, disabled: tab.disabled, children: tab.label }, tab.value)) }),
     tabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, { value: tab.value, children: tab.content }, tab.value))
-  ] });
+  ] }, slot)) });
 }
 ResourceTabs.displayName = "ResourceTabs";
 export {

package/dist/resource-tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/resource-tabs.tsx"],"sourcesContent":["/** Sub-resource tab layout composing Tabs. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from \"./tabs\";\n\nexport interface TabDef {\n  value: string;\n  label: string;\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface ResourceTabsProps {\n  tabs: TabDef[];\n  defaultTab?: string;\n  className?: string;\n}\n\n/**\n * Standardized sub-resource tab layout for detail pages.\n *\n * @example\n * ```tsx\n * <ResourceTabs\n *   tabs={[\n *     { value: \"attributes\", label: \"Attributes\", content: <AttributesList /> },\n *     { value: \"items\", label: \"Items\", content: <ItemsList /> },\n *   ]}\n * />\n * ```\n */\nfunction ResourceTabs({ tabs, defaultTab, className }: ResourceTabsProps) {\n  if (tabs.length === 0) return null;\n\n  const resolvedDefault = defaultTab ?? tabs[0]!.value;\n\n  return (\n    <Tabs defaultValue={resolvedDefault} className={cn(className)}>\n      <TabsList>\n        {tabs.map((tab) => (\n          <TabsTrigger key={tab.value} value={tab.value} disabled={tab.disabled}>\n            {tab.label}\n          </TabsTrigger>\n        ))}\n      </TabsList>\n      {tabs.map((tab) => (\n        <TabsContent key={tab.value} value={tab.value}>\n          {tab.content}\n        </TabsContent>\n      ))}\n    </Tabs>\n  );\n}\nResourceTabs.displayName = \"ResourceTabs\";\n\nexport { ResourceTabs };\n"],"mappings":";;;;;;;;;;AAGA,OAAuB;AACvB,SAAS,UAAU;AAmCf,SAGM,KAHN;AANJ,SAAS,aAAa,EAAE,MAAM,YAAY,UAAU,GAAsB;AACxE,MAAI,KAAK,WAAW,EAAG,QAAO;AAE9B,QAAM,kBAAkB,cAAc,KAAK,CAAC,EAAG;AAE/C,SACE,qBAAC,QAAK,cAAc,iBAAiB,WAAW,GAAG,SAAS,GAC1D;AAAA,wBAAC,YACE,eAAK,IAAI,CAAC,QACT,oBAAC,eAA4B,OAAO,IAAI,OAAO,UAAU,IAAI,UAC1D,cAAI,SADW,IAAI,KAEtB,CACD,GACH;AAAA,IACC,KAAK,IAAI,CAAC,QACT,oBAAC,eAA4B,OAAO,IAAI,OACrC,cAAI,WADW,IAAI,KAEtB,CACD;AAAA,KACH;AAEJ;AACA,aAAa,cAAc;","names":[]}
+{"version":3,"sources":["../src/resource-tabs.tsx"],"sourcesContent":["/** Sub-resource tab layout composing Tabs. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from \"./tabs\";\nimport { tabsViewOf } from \"./rules\";\n\nexport interface TabDef {\n  value: string;\n  label: string;\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface ResourceTabsProps {\n  tabs: TabDef[];\n  defaultTab?: string;\n  className?: string;\n}\n\n/**\n * Standardized sub-resource tab layout for detail pages.\n *\n * @example\n * ```tsx\n * <ResourceTabs\n *   tabs={[\n *     { value: \"attributes\", label: \"Attributes\", content: <AttributesList /> },\n *     { value: \"items\", label: \"Items\", content: <ItemsList /> },\n *   ]}\n * />\n * ```\n */\nfunction ResourceTabs({ tabs, defaultTab, className }: ResourceTabsProps) {\n  const view = tabsViewOf(\n    defaultTab,\n    tabs.map((tab) => tab.value),\n  );\n\n  return (\n    <>\n      {view.shown.map((slot) => (\n        <Tabs key={slot} defaultValue={view.defaultTab} className={cn(className)}>\n          <TabsList>\n            {tabs.map((tab) => (\n              <TabsTrigger key={tab.value} value={tab.value} disabled={tab.disabled}>\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          {tabs.map((tab) => (\n            <TabsContent key={tab.value} value={tab.value}>\n              {tab.content}\n            </TabsContent>\n          ))}\n        </Tabs>\n      ))}\n    </>\n  );\n}\nResourceTabs.displayName = \"ResourceTabs\";\n\nexport { ResourceTabs };\n"],"mappings":";;;;;;;;;;;;;AAGA,OAAuB;AACvB,SAAS,UAAU;AAqCf,mBAKU,KAHN,YAFJ;AAPJ,SAAS,aAAa,EAAE,MAAM,YAAY,UAAU,GAAsB;AACxE,QAAM,OAAO;AAAA,IACX;AAAA,IACA,KAAK,IAAI,CAAC,QAAQ,IAAI,KAAK;AAAA,EAC7B;AAEA,SACE,gCACG,eAAK,MAAM,IAAI,CAAC,SACf,qBAAC,QAAgB,cAAc,KAAK,YAAY,WAAW,GAAG,SAAS,GACrE;AAAA,wBAAC,YACE,eAAK,IAAI,CAAC,QACT,oBAAC,eAA4B,OAAO,IAAI,OAAO,UAAU,IAAI,UAC1D,cAAI,SADW,IAAI,KAEtB,CACD,GACH;AAAA,IACC,KAAK,IAAI,CAAC,QACT,oBAAC,eAA4B,OAAO,IAAI,OACrC,cAAI,WADW,IAAI,KAEtB,CACD;AAAA,OAZQ,IAaX,CACD,GACH;AAEJ;AACA,aAAa,cAAc;","names":[]}