@bigbinary/neeto-commons-frontend 4.13.154 → 4.13.156

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-08-09T13:50:51.176Z
+Built at 2026-09-03T12:49:46.029Z

package/dist/cjs/react-utils/OnlyInDevelopment/OnlyInDevelopment.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var React = require('react');
+var reactUtils_OnlyInDevelopment_constants = require('./constants.js');
+var reactUtils_OnlyInDevelopment_utils = require('./utils.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var OnlyInDevelopment = function OnlyInDevelopment(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    children = _ref.children;
+  if (!reactUtils_OnlyInDevelopment_utils.isDevelopment()) return null;
+  var accent = reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.accent,
+    fill = reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.fill,
+    heading = reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.heading,
+    body = reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.body,
+    rule = reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.rule;
+
+  // `Children.toArray` drops null, undefined and booleans and flattens
+  // arrays, so a caller that maps an empty list into the slot gets no rule
+  // and no empty gap beneath the copy. (An empty fragment still counts as
+  // one child; there is no way to see inside it without rendering.)
+  var hasChildren = React.Children.toArray(children).length > 0;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex items-start gap-3 rounded border-2 border-dashed px-5 py-4",
+    style: {
+      borderColor: accent,
+      backgroundColor: fill
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      "aria-hidden": "true",
+      className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white",
+      style: {
+        backgroundColor: accent
+      },
+      children: "!"
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex min-w-0 flex-col gap-1.5",
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-sm font-bold",
+        style: {
+          color: heading
+        },
+        children: title !== null && title !== void 0 ? title : reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_TITLE
+      }), /*#__PURE__*/jsxRuntime.jsx("p", {
+        className: "m-0 max-w-[76ch] text-sm leading-relaxed",
+        style: {
+          color: body
+        },
+        children: description !== null && description !== void 0 ? description : reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_DESCRIPTION
+      }), hasChildren && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "mt-2 border-t pt-3",
+        style: {
+          borderColor: rule
+        },
+        children: children
+      })]
+    })]
+  });
+};
+
+module.exports = OnlyInDevelopment;
+//# sourceMappingURL=OnlyInDevelopment.js.map

package/dist/cjs/react-utils/OnlyInDevelopment/OnlyInDevelopment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlyInDevelopment.js","sources":["../../../../src/react-utils/OnlyInDevelopment/OnlyInDevelopment.jsx"],"sourcesContent":["import { Children } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport {\n  ONLY_IN_DEVELOPMENT_COLORS,\n  ONLY_IN_DEVELOPMENT_DESCRIPTION,\n  ONLY_IN_DEVELOPMENT_TITLE,\n} from \"./constants\";\nimport { isDevelopment } from \"./utils\";\n\n// Renders nothing at all outside development, so a caller never guards its\n// own usage: wrapping *is* the guard. `children` is the action slot beneath\n// the rule, where the design puts its secondary block.\n//\n// Guarded is not the same as absent: whatever you wrap still ships in the\n// host's bundle, it just never renders. `utils.js` has the details.\n//\n// Pairs with `Rails.env.development?` on the server. Both sides check — see\n// `utils.js` for why one signal is not enough.\nconst OnlyInDevelopment = ({ title, description, children }) => {\n  if (!isDevelopment()) return null;\n\n  const { accent, fill, heading, body, rule } = ONLY_IN_DEVELOPMENT_COLORS;\n\n  // `Children.toArray` drops null, undefined and booleans and flattens\n  // arrays, so a caller that maps an empty list into the slot gets no rule\n  // and no empty gap beneath the copy. (An empty fragment still counts as\n  // one child; there is no way to see inside it without rendering.)\n  const hasChildren = Children.toArray(children).length > 0;\n\n  return (\n    <div\n      className=\"flex items-start gap-3 rounded border-2 border-dashed px-5 py-4\"\n      style={{ borderColor: accent, backgroundColor: fill }}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white\"\n        style={{ backgroundColor: accent }}\n      >\n        !\n      </span>\n      <div className=\"flex min-w-0 flex-col gap-1.5\">\n        <div className=\"text-sm font-bold\" style={{ color: heading }}>\n          {title ?? ONLY_IN_DEVELOPMENT_TITLE}\n        </div>\n        <p\n          className=\"m-0 max-w-[76ch] text-sm leading-relaxed\"\n          style={{ color: body }}\n        >\n          {description ?? ONLY_IN_DEVELOPMENT_DESCRIPTION}\n        </p>\n        {hasChildren && (\n          <div className=\"mt-2 border-t pt-3\" style={{ borderColor: rule }}>\n            {children}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nOnlyInDevelopment.propTypes = {\n  /**\n   * Heading of the banner. Defaults to \"Only in Development (OID).\"\n   */\n  title: PropTypes.string,\n  /**\n   * Copy under the heading. Defaults to a short note on why the block exists.\n   */\n  description: PropTypes.string,\n  /**\n   * Action slot rendered beneath the rule: typically link buttons that fill\n   * in fixtures or trigger a shortcut.\n   */\n  children: PropTypes.node,\n};\n\nexport default OnlyInDevelopment;\n"],"names":["OnlyInDevelopment","_ref","title","description","children","isDevelopment","accent","ONLY_IN_DEVELOPMENT_COLORS","fill","heading","body","rule","hasChildren","Children","toArray","length","_jsxs","className","style","borderColor","backgroundColor","_jsx","color","ONLY_IN_DEVELOPMENT_TITLE","ONLY_IN_DEVELOPMENT_DESCRIPTION"],"mappings":";;;;;;;AAoBA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAnCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACvD,EAAA,IAAI,CAACC,gDAAa,EAAE,EAAE,OAAO,IAAI;AAEjC,EAAA,IAAQC,MAAM,GAAgCC,iEAA0B,CAAhED,MAAM;IAAEE,IAAI,GAA0BD,iEAA0B,CAAxDC,IAAI;IAAEC,OAAO,GAAiBF,iEAA0B,CAAlDE,OAAO;IAAEC,IAAI,GAAWH,iEAA0B,CAAzCG,IAAI;IAAEC,IAAI,GAAKJ,iEAA0B,CAAnCI,IAAI;;AAEzC;AACA;AACA;AACA;EACA,IAAMC,WAAW,GAAGC,cAAQ,CAACC,OAAO,CAACV,QAAQ,CAAC,CAACW,MAAM,GAAG,CAAC;AAEzD,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,iEAAiE;AAC3EC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,WAAW,EAAEb,MAAM;AAAEc,MAAAA,eAAe,EAAEZ;KAAO;AAAAJ,IAAAA,QAAA,gBAEtDiB,cAAA,CAAA,MAAA,EAAA;AACE,MAAA,aAAA,EAAY,MAAM;AAClBJ,MAAAA,SAAS,EAAC,6FAA6F;AACvGC,MAAAA,KAAK,EAAE;AAAEE,QAAAA,eAAe,EAAEd;OAAS;AAAAF,MAAAA,QAAA,EACpC;KAEK,CAAC,eACPY,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,+BAA+B;AAAAb,MAAAA,QAAA,gBAC5CiB,cAAA,CAAA,KAAA,EAAA;AAAKJ,QAAAA,SAAS,EAAC,mBAAmB;AAACC,QAAAA,KAAK,EAAE;AAAEI,UAAAA,KAAK,EAAEb;SAAU;AAAAL,QAAAA,QAAA,EAC1DF,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAALA,KAAK,GAAIqB;OACP,CAAC,eACNF,cAAA,CAAA,GAAA,EAAA;AACEJ,QAAAA,SAAS,EAAC,0CAA0C;AACpDC,QAAAA,KAAK,EAAE;AAAEI,UAAAA,KAAK,EAAEZ;SAAO;AAAAN,QAAAA,QAAA,EAEtBD,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,MAAA,GAAXA,WAAW,GAAIqB;AAA+B,OAC9C,CAAC,EACHZ,WAAW,iBACVS,cAAA,CAAA,KAAA,EAAA;AAAKJ,QAAAA,SAAS,EAAC,oBAAoB;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,WAAW,EAAER;SAAO;AAAAP,QAAAA,QAAA,EAC9DA;AAAQ,OACN,CACN;AAAA,KACE,CAAC;AAAA,GACH,CAAC;AAEV;;;;"}

package/dist/cjs/react-utils/OnlyInDevelopment/constants.js

@@ -0,0 +1,31 @@
+'use strict';
+
+// Design: the 1B1C only-in-development banner. The design authored these in
+// oklch; the hexes below are that conversion to sRGB, kept alongside so a
+// later tweak can be checked against the source rather than eyeballed.
+//
+//   accent  oklch(0.62 0.17 32)     fill     oklch(0.972 0.032 60)
+//   heading oklch(0.40 0.12 35)     body     oklch(0.45 0.05 45)
+//   rule    oklch(0.88 0.03 55)
+var ONLY_IN_DEVELOPMENT_COLORS = {
+  accent: "#D9553F",
+  fill: "#FFF1E1",
+  heading: "#7B2813",
+  body: "#6D4D3E",
+  rule: "#E8D3C5"
+};
+
+// The banner announces the feature by name rather than describing it, so the
+// heading reads as the label the codebase uses everywhere else — folder,
+// component and constants are all `OnlyInDevelopment`.
+//
+// Nothing here is reachable outside a developer's own machine, so the copy is
+// deliberately not translated: it would only add strings for translators to
+// carry.
+var ONLY_IN_DEVELOPMENT_TITLE = "Only in Development (OID).";
+var ONLY_IN_DEVELOPMENT_DESCRIPTION = "Many times in development we have to do repetitive tasks. This helps in " + "expediting the development work. This feature will not be available in " + "non-development environments.";
+
+exports.ONLY_IN_DEVELOPMENT_COLORS = ONLY_IN_DEVELOPMENT_COLORS;
+exports.ONLY_IN_DEVELOPMENT_DESCRIPTION = ONLY_IN_DEVELOPMENT_DESCRIPTION;
+exports.ONLY_IN_DEVELOPMENT_TITLE = ONLY_IN_DEVELOPMENT_TITLE;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/react-utils/OnlyInDevelopment/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/react-utils/OnlyInDevelopment/constants.js"],"sourcesContent":["// Design: the 1B1C only-in-development banner. The design authored these in\n// oklch; the hexes below are that conversion to sRGB, kept alongside so a\n// later tweak can be checked against the source rather than eyeballed.\n//\n//   accent  oklch(0.62 0.17 32)     fill     oklch(0.972 0.032 60)\n//   heading oklch(0.40 0.12 35)     body     oklch(0.45 0.05 45)\n//   rule    oklch(0.88 0.03 55)\nexport const ONLY_IN_DEVELOPMENT_COLORS = {\n  accent: \"#D9553F\",\n  fill: \"#FFF1E1\",\n  heading: \"#7B2813\",\n  body: \"#6D4D3E\",\n  rule: \"#E8D3C5\",\n};\n\n// The banner announces the feature by name rather than describing it, so the\n// heading reads as the label the codebase uses everywhere else — folder,\n// component and constants are all `OnlyInDevelopment`.\n//\n// Nothing here is reachable outside a developer's own machine, so the copy is\n// deliberately not translated: it would only add strings for translators to\n// carry.\nexport const ONLY_IN_DEVELOPMENT_TITLE = \"Only in Development (OID).\";\n\nexport const ONLY_IN_DEVELOPMENT_DESCRIPTION =\n  \"Many times in development we have to do repetitive tasks. This helps in \" +\n  \"expediting the development work. This feature will not be available in \" +\n  \"non-development environments.\";\n"],"names":["ONLY_IN_DEVELOPMENT_COLORS","accent","fill","heading","body","rule","ONLY_IN_DEVELOPMENT_TITLE","ONLY_IN_DEVELOPMENT_DESCRIPTION"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,0BAA0B,GAAG;AACxCC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,IAAI,EAAE;AACR;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,yBAAyB,GAAG;IAE5BC,+BAA+B,GAC1C,0EAA0E,GAC1E,yEAAyE,GACzE;;;;;;"}

package/dist/cjs/react-utils/OnlyInDevelopment/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var reactUtils_OnlyInDevelopment_OnlyInDevelopment = require('./OnlyInDevelopment.js');
+require('react');
+require('./constants.js');
+require('./utils.js');
+require('react/jsx-runtime');
+
+
+
+module.exports = reactUtils_OnlyInDevelopment_OnlyInDevelopment;
+//# sourceMappingURL=index.js.map

package/dist/cjs/react-utils/OnlyInDevelopment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/cjs/react-utils/OnlyInDevelopment/utils.js

@@ -0,0 +1,32 @@
+'use strict';
+
+// Two independent signals, and both have to say development.
+//
+// `process.env.RAILS_ENV` is the build-time signal. A production build of the
+// host app substitutes it while bundling, so the check compiles to the
+// constant `"production" === "development"`. The host's dev server does not
+// rewrite dependencies; there the expression is left as is and reads the
+// value the dev server exposes at runtime, which is the same `RAILS_ENV`.
+//
+// `globalProps.railsEnv` is the runtime signal: `Rails.env` as the host's
+// server reports it in the shared client props
+// (`NeetoCommonsBackend::ClientPropsHelper#common_props`). It covers what the
+// build-time constant cannot: a development bundle somehow served by a
+// non-development host.
+//
+// Neither is trusted on its own. A server that sends no `rails_env`, or a
+// page that has not initialized `globalProps` yet, reads as "not
+// development".
+//
+// What this does NOT do is keep the wrapped markup out of the host's bundle.
+// Whatever a caller wraps still ships to production — it just never renders.
+// So treat anything placed inside `OnlyInDevelopment` as readable by anyone
+// who opens the bundle: fixtures and shortcuts, never a credential, an
+// internal endpoint, or an unreleased feature's copy.
+var isDevelopment = function isDevelopment() {
+  var _window$globalProps;
+  return process.env.RAILS_ENV === "development" && ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.railsEnv) === "development";
+};
+
+exports.isDevelopment = isDevelopment;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/react-utils/OnlyInDevelopment/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/react-utils/OnlyInDevelopment/utils.js"],"sourcesContent":["// Two independent signals, and both have to say development.\n//\n// `process.env.RAILS_ENV` is the build-time signal. A production build of the\n// host app substitutes it while bundling, so the check compiles to the\n// constant `\"production\" === \"development\"`. The host's dev server does not\n// rewrite dependencies; there the expression is left as is and reads the\n// value the dev server exposes at runtime, which is the same `RAILS_ENV`.\n//\n// `globalProps.railsEnv` is the runtime signal: `Rails.env` as the host's\n// server reports it in the shared client props\n// (`NeetoCommonsBackend::ClientPropsHelper#common_props`). It covers what the\n// build-time constant cannot: a development bundle somehow served by a\n// non-development host.\n//\n// Neither is trusted on its own. A server that sends no `rails_env`, or a\n// page that has not initialized `globalProps` yet, reads as \"not\n// development\".\n//\n// What this does NOT do is keep the wrapped markup out of the host's bundle.\n// Whatever a caller wraps still ships to production — it just never renders.\n// So treat anything placed inside `OnlyInDevelopment` as readable by anyone\n// who opens the bundle: fixtures and shortcuts, never a credential, an\n// internal endpoint, or an unreleased feature's copy.\nexport const isDevelopment = () =>\n  process.env.RAILS_ENV === \"development\" &&\n  window.globalProps?.railsEnv === \"development\";\n"],"names":["isDevelopment","_window$globalProps","process","env","RAILS_ENV","window","globalProps","railsEnv"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,GAAA;AAAA,EAAA,IAAAC,mBAAA;EAAA,OACxBC,OAAO,CAACC,GAAG,CAACC,SAAS,KAAK,aAAa,IACvC,CAAA,CAAAH,mBAAA,GAAAI,MAAM,CAACC,WAAW,MAAA,IAAA,IAAAL,mBAAA,uBAAlBA,mBAAA,CAAoBM,QAAQ,MAAK,aAAa;AAAA;;;;"}

package/dist/cjs/react-utils/index.js

@@ -3,6 +3,7 @@
 var reactUtils_HoneybadgerErrorBoundary_HoneybadgerErrorBoundary = require('./HoneybadgerErrorBoundary/HoneybadgerErrorBoundary.js');
 var reactUtils_PrivateRoute_PrivateRoute = require('./PrivateRoute/PrivateRoute.js');
 var reactUtils_PageTitle_PageTitle = require('./PageTitle/PageTitle.js');
+var reactUtils_OnlyInDevelopment_OnlyInDevelopment = require('./OnlyInDevelopment/OnlyInDevelopment.js');
 var reactUtils_useDebounce_useDebounce = require('./useDebounce/useDebounce.js');
 var reactUtils_useDisplayErrorPage_useDisplayErrorPage = require('./useDisplayErrorPage/useDisplayErrorPage.js');
 var reactUtils_useFetchNeetoApps_useFetchNeetoApps = require('./useFetchNeetoApps/useFetchNeetoApps.js');
@@ -55,6 +56,8 @@ require('react-router-dom');
 require('./PrivateRoute/utils.js');
 require('./PrivateRoute/constants.js');
 require('react-helmet');
+require('./OnlyInDevelopment/constants.js');
+require('./OnlyInDevelopment/utils.js');
 require('../slicedToArray-BcL7fKuL.js');
 require('../unsupportedIterableToArray-BoHMiKNA.js');
 require('zustand');
@@ -109,6 +112,7 @@ require('react-dom/client');
 exports.HoneybadgerErrorBoundary = reactUtils_HoneybadgerErrorBoundary_HoneybadgerErrorBoundary;
 exports.PrivateRoute = reactUtils_PrivateRoute_PrivateRoute;
 exports.PageTitle = reactUtils_PageTitle_PageTitle;
+exports.OnlyInDevelopment = reactUtils_OnlyInDevelopment_OnlyInDevelopment;
 exports.useDebounce = reactUtils_useDebounce_useDebounce;
 exports.useDisplayErrorPage = reactUtils_useDisplayErrorPage_useDisplayErrorPage.default;
 exports.useErrorDisplayStore = reactUtils_useDisplayErrorPage_useDisplayErrorPage.useErrorDisplayStore;

package/dist/cjs/react-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/v2/react-utils/OnlyInDevelopment/OnlyInDevelopment.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var React = require('react');
+var v2_reactUtils_OnlyInDevelopment_constants = require('./constants.js');
+var v2_reactUtils_OnlyInDevelopment_utils = require('./utils.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var OnlyInDevelopment = function OnlyInDevelopment(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    children = _ref.children;
+  if (!v2_reactUtils_OnlyInDevelopment_utils.isDevelopment()) return null;
+  var accent = v2_reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.accent,
+    fill = v2_reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.fill,
+    heading = v2_reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.heading,
+    body = v2_reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.body,
+    rule = v2_reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_COLORS.rule;
+
+  // `Children.toArray` drops null, undefined and booleans and flattens
+  // arrays, so a caller that maps an empty list into the slot gets no rule
+  // and no empty gap beneath the copy. (An empty fragment still counts as
+  // one child; there is no way to see inside it without rendering.)
+  var hasChildren = React.Children.toArray(children).length > 0;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex items-start gap-3 rounded border-2 border-dashed px-5 py-4",
+    style: {
+      borderColor: accent,
+      backgroundColor: fill
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      "aria-hidden": "true",
+      className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white",
+      style: {
+        backgroundColor: accent
+      },
+      children: "!"
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex min-w-0 flex-col gap-1.5",
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-sm font-bold",
+        style: {
+          color: heading
+        },
+        children: title !== null && title !== void 0 ? title : v2_reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_TITLE
+      }), /*#__PURE__*/jsxRuntime.jsx("p", {
+        className: "m-0 max-w-[76ch] text-sm leading-relaxed",
+        style: {
+          color: body
+        },
+        children: description !== null && description !== void 0 ? description : v2_reactUtils_OnlyInDevelopment_constants.ONLY_IN_DEVELOPMENT_DESCRIPTION
+      }), hasChildren && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "mt-2 border-t pt-3",
+        style: {
+          borderColor: rule
+        },
+        children: children
+      })]
+    })]
+  });
+};
+
+module.exports = OnlyInDevelopment;
+//# sourceMappingURL=OnlyInDevelopment.js.map

package/dist/cjs/v2/react-utils/OnlyInDevelopment/OnlyInDevelopment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlyInDevelopment.js","sources":["../../../../../src/v2/react-utils/OnlyInDevelopment/OnlyInDevelopment.jsx"],"sourcesContent":["import { Children } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport {\n  ONLY_IN_DEVELOPMENT_COLORS,\n  ONLY_IN_DEVELOPMENT_DESCRIPTION,\n  ONLY_IN_DEVELOPMENT_TITLE,\n} from \"./constants\";\nimport { isDevelopment } from \"./utils\";\n\n// Renders nothing at all outside development, so a caller never guards its\n// own usage: wrapping *is* the guard. `children` is the action slot beneath\n// the rule, where the design puts its secondary block.\n//\n// Guarded is not the same as absent: whatever you wrap still ships in the\n// host's bundle, it just never renders. `utils.js` has the details.\n//\n// Pairs with `Rails.env.development?` on the server. Both sides check — see\n// `utils.js` for why one signal is not enough.\nconst OnlyInDevelopment = ({ title, description, children }) => {\n  if (!isDevelopment()) return null;\n\n  const { accent, fill, heading, body, rule } = ONLY_IN_DEVELOPMENT_COLORS;\n\n  // `Children.toArray` drops null, undefined and booleans and flattens\n  // arrays, so a caller that maps an empty list into the slot gets no rule\n  // and no empty gap beneath the copy. (An empty fragment still counts as\n  // one child; there is no way to see inside it without rendering.)\n  const hasChildren = Children.toArray(children).length > 0;\n\n  return (\n    <div\n      className=\"flex items-start gap-3 rounded border-2 border-dashed px-5 py-4\"\n      style={{ borderColor: accent, backgroundColor: fill }}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white\"\n        style={{ backgroundColor: accent }}\n      >\n        !\n      </span>\n      <div className=\"flex min-w-0 flex-col gap-1.5\">\n        <div className=\"text-sm font-bold\" style={{ color: heading }}>\n          {title ?? ONLY_IN_DEVELOPMENT_TITLE}\n        </div>\n        <p\n          className=\"m-0 max-w-[76ch] text-sm leading-relaxed\"\n          style={{ color: body }}\n        >\n          {description ?? ONLY_IN_DEVELOPMENT_DESCRIPTION}\n        </p>\n        {hasChildren && (\n          <div className=\"mt-2 border-t pt-3\" style={{ borderColor: rule }}>\n            {children}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nOnlyInDevelopment.propTypes = {\n  /**\n   * Heading of the banner. Defaults to \"Only in Development (OID).\"\n   */\n  title: PropTypes.string,\n  /**\n   * Copy under the heading. Defaults to a short note on why the block exists.\n   */\n  description: PropTypes.string,\n  /**\n   * Action slot rendered beneath the rule: typically link buttons that fill\n   * in fixtures or trigger a shortcut.\n   */\n  children: PropTypes.node,\n};\n\nexport default OnlyInDevelopment;\n"],"names":["OnlyInDevelopment","_ref","title","description","children","isDevelopment","accent","ONLY_IN_DEVELOPMENT_COLORS","fill","heading","body","rule","hasChildren","Children","toArray","length","_jsxs","className","style","borderColor","backgroundColor","_jsx","color","ONLY_IN_DEVELOPMENT_TITLE","ONLY_IN_DEVELOPMENT_DESCRIPTION"],"mappings":";;;;;;;AAoBA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAnCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACvD,EAAA,IAAI,CAACC,mDAAa,EAAE,EAAE,OAAO,IAAI;AAEjC,EAAA,IAAQC,MAAM,GAAgCC,oEAA0B,CAAhED,MAAM;IAAEE,IAAI,GAA0BD,oEAA0B,CAAxDC,IAAI;IAAEC,OAAO,GAAiBF,oEAA0B,CAAlDE,OAAO;IAAEC,IAAI,GAAWH,oEAA0B,CAAzCG,IAAI;IAAEC,IAAI,GAAKJ,oEAA0B,CAAnCI,IAAI;;AAEzC;AACA;AACA;AACA;EACA,IAAMC,WAAW,GAAGC,cAAQ,CAACC,OAAO,CAACV,QAAQ,CAAC,CAACW,MAAM,GAAG,CAAC;AAEzD,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,iEAAiE;AAC3EC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,WAAW,EAAEb,MAAM;AAAEc,MAAAA,eAAe,EAAEZ;KAAO;AAAAJ,IAAAA,QAAA,gBAEtDiB,cAAA,CAAA,MAAA,EAAA;AACE,MAAA,aAAA,EAAY,MAAM;AAClBJ,MAAAA,SAAS,EAAC,6FAA6F;AACvGC,MAAAA,KAAK,EAAE;AAAEE,QAAAA,eAAe,EAAEd;OAAS;AAAAF,MAAAA,QAAA,EACpC;KAEK,CAAC,eACPY,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,+BAA+B;AAAAb,MAAAA,QAAA,gBAC5CiB,cAAA,CAAA,KAAA,EAAA;AAAKJ,QAAAA,SAAS,EAAC,mBAAmB;AAACC,QAAAA,KAAK,EAAE;AAAEI,UAAAA,KAAK,EAAEb;SAAU;AAAAL,QAAAA,QAAA,EAC1DF,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAALA,KAAK,GAAIqB;OACP,CAAC,eACNF,cAAA,CAAA,GAAA,EAAA;AACEJ,QAAAA,SAAS,EAAC,0CAA0C;AACpDC,QAAAA,KAAK,EAAE;AAAEI,UAAAA,KAAK,EAAEZ;SAAO;AAAAN,QAAAA,QAAA,EAEtBD,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,MAAA,GAAXA,WAAW,GAAIqB;AAA+B,OAC9C,CAAC,EACHZ,WAAW,iBACVS,cAAA,CAAA,KAAA,EAAA;AAAKJ,QAAAA,SAAS,EAAC,oBAAoB;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,WAAW,EAAER;SAAO;AAAAP,QAAAA,QAAA,EAC9DA;AAAQ,OACN,CACN;AAAA,KACE,CAAC;AAAA,GACH,CAAC;AAEV;;;;"}

package/dist/cjs/v2/react-utils/OnlyInDevelopment/constants.js

@@ -0,0 +1,31 @@
+'use strict';
+
+// Design: the 1B1C only-in-development banner. The design authored these in
+// oklch; the hexes below are that conversion to sRGB, kept alongside so a
+// later tweak can be checked against the source rather than eyeballed.
+//
+//   accent  oklch(0.62 0.17 32)     fill     oklch(0.972 0.032 60)
+//   heading oklch(0.40 0.12 35)     body     oklch(0.45 0.05 45)
+//   rule    oklch(0.88 0.03 55)
+var ONLY_IN_DEVELOPMENT_COLORS = {
+  accent: "#D9553F",
+  fill: "#FFF1E1",
+  heading: "#7B2813",
+  body: "#6D4D3E",
+  rule: "#E8D3C5"
+};
+
+// The banner announces the feature by name rather than describing it, so the
+// heading reads as the label the codebase uses everywhere else — folder,
+// component and constants are all `OnlyInDevelopment`.
+//
+// Nothing here is reachable outside a developer's own machine, so the copy is
+// deliberately not translated: it would only add strings for translators to
+// carry.
+var ONLY_IN_DEVELOPMENT_TITLE = "Only in Development (OID).";
+var ONLY_IN_DEVELOPMENT_DESCRIPTION = "Many times in development we have to do repetitive tasks. This helps in " + "expediting the development work. This feature will not be available in " + "non-development environments.";
+
+exports.ONLY_IN_DEVELOPMENT_COLORS = ONLY_IN_DEVELOPMENT_COLORS;
+exports.ONLY_IN_DEVELOPMENT_DESCRIPTION = ONLY_IN_DEVELOPMENT_DESCRIPTION;
+exports.ONLY_IN_DEVELOPMENT_TITLE = ONLY_IN_DEVELOPMENT_TITLE;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/v2/react-utils/OnlyInDevelopment/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/v2/react-utils/OnlyInDevelopment/constants.js"],"sourcesContent":["// Design: the 1B1C only-in-development banner. The design authored these in\n// oklch; the hexes below are that conversion to sRGB, kept alongside so a\n// later tweak can be checked against the source rather than eyeballed.\n//\n//   accent  oklch(0.62 0.17 32)     fill     oklch(0.972 0.032 60)\n//   heading oklch(0.40 0.12 35)     body     oklch(0.45 0.05 45)\n//   rule    oklch(0.88 0.03 55)\nexport const ONLY_IN_DEVELOPMENT_COLORS = {\n  accent: \"#D9553F\",\n  fill: \"#FFF1E1\",\n  heading: \"#7B2813\",\n  body: \"#6D4D3E\",\n  rule: \"#E8D3C5\",\n};\n\n// The banner announces the feature by name rather than describing it, so the\n// heading reads as the label the codebase uses everywhere else — folder,\n// component and constants are all `OnlyInDevelopment`.\n//\n// Nothing here is reachable outside a developer's own machine, so the copy is\n// deliberately not translated: it would only add strings for translators to\n// carry.\nexport const ONLY_IN_DEVELOPMENT_TITLE = \"Only in Development (OID).\";\n\nexport const ONLY_IN_DEVELOPMENT_DESCRIPTION =\n  \"Many times in development we have to do repetitive tasks. This helps in \" +\n  \"expediting the development work. This feature will not be available in \" +\n  \"non-development environments.\";\n"],"names":["ONLY_IN_DEVELOPMENT_COLORS","accent","fill","heading","body","rule","ONLY_IN_DEVELOPMENT_TITLE","ONLY_IN_DEVELOPMENT_DESCRIPTION"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,0BAA0B,GAAG;AACxCC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,IAAI,EAAE;AACR;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,yBAAyB,GAAG;IAE5BC,+BAA+B,GAC1C,0EAA0E,GAC1E,yEAAyE,GACzE;;;;;;"}

package/dist/cjs/v2/react-utils/OnlyInDevelopment/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var v2_reactUtils_OnlyInDevelopment_OnlyInDevelopment = require('./OnlyInDevelopment.js');
+require('react');
+require('./constants.js');
+require('./utils.js');
+require('react/jsx-runtime');
+
+
+
+module.exports = v2_reactUtils_OnlyInDevelopment_OnlyInDevelopment;
+//# sourceMappingURL=index.js.map

package/dist/cjs/v2/react-utils/OnlyInDevelopment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/cjs/v2/react-utils/OnlyInDevelopment/utils.js

@@ -0,0 +1,32 @@
+'use strict';
+
+// Two independent signals, and both have to say development.
+//
+// `process.env.RAILS_ENV` is the build-time signal. A production build of the
+// host app substitutes it while bundling, so the check compiles to the
+// constant `"production" === "development"`. The host's dev server does not
+// rewrite dependencies; there the expression is left as is and reads the
+// value the dev server exposes at runtime, which is the same `RAILS_ENV`.
+//
+// `globalProps.railsEnv` is the runtime signal: `Rails.env` as the host's
+// server reports it in the shared client props
+// (`NeetoCommonsBackend::ClientPropsHelper#common_props`). It covers what the
+// build-time constant cannot: a development bundle somehow served by a
+// non-development host.
+//
+// Neither is trusted on its own. A server that sends no `rails_env`, or a
+// page that has not initialized `globalProps` yet, reads as "not
+// development".
+//
+// What this does NOT do is keep the wrapped markup out of the host's bundle.
+// Whatever a caller wraps still ships to production — it just never renders.
+// So treat anything placed inside `OnlyInDevelopment` as readable by anyone
+// who opens the bundle: fixtures and shortcuts, never a credential, an
+// internal endpoint, or an unreleased feature's copy.
+var isDevelopment = function isDevelopment() {
+  var _window$globalProps;
+  return process.env.RAILS_ENV === "development" && ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.railsEnv) === "development";
+};
+
+exports.isDevelopment = isDevelopment;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/v2/react-utils/OnlyInDevelopment/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/v2/react-utils/OnlyInDevelopment/utils.js"],"sourcesContent":["// Two independent signals, and both have to say development.\n//\n// `process.env.RAILS_ENV` is the build-time signal. A production build of the\n// host app substitutes it while bundling, so the check compiles to the\n// constant `\"production\" === \"development\"`. The host's dev server does not\n// rewrite dependencies; there the expression is left as is and reads the\n// value the dev server exposes at runtime, which is the same `RAILS_ENV`.\n//\n// `globalProps.railsEnv` is the runtime signal: `Rails.env` as the host's\n// server reports it in the shared client props\n// (`NeetoCommonsBackend::ClientPropsHelper#common_props`). It covers what the\n// build-time constant cannot: a development bundle somehow served by a\n// non-development host.\n//\n// Neither is trusted on its own. A server that sends no `rails_env`, or a\n// page that has not initialized `globalProps` yet, reads as \"not\n// development\".\n//\n// What this does NOT do is keep the wrapped markup out of the host's bundle.\n// Whatever a caller wraps still ships to production — it just never renders.\n// So treat anything placed inside `OnlyInDevelopment` as readable by anyone\n// who opens the bundle: fixtures and shortcuts, never a credential, an\n// internal endpoint, or an unreleased feature's copy.\nexport const isDevelopment = () =>\n  process.env.RAILS_ENV === \"development\" &&\n  window.globalProps?.railsEnv === \"development\";\n"],"names":["isDevelopment","_window$globalProps","process","env","RAILS_ENV","window","globalProps","railsEnv"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,GAAA;AAAA,EAAA,IAAAC,mBAAA;EAAA,OACxBC,OAAO,CAACC,GAAG,CAACC,SAAS,KAAK,aAAa,IACvC,CAAA,CAAAH,mBAAA,GAAAI,MAAM,CAACC,WAAW,MAAA,IAAA,IAAAL,mBAAA,uBAAlBA,mBAAA,CAAoBM,QAAQ,MAAK,aAAa;AAAA;;;;"}

package/dist/cjs/v2/react-utils/index.js

@@ -3,6 +3,7 @@
 var v2_reactUtils_HoneybadgerErrorBoundary_HoneybadgerErrorBoundary = require('./HoneybadgerErrorBoundary/HoneybadgerErrorBoundary.js');
 var v2_reactUtils_PrivateRoute_PrivateRoute = require('./PrivateRoute/PrivateRoute.js');
 var v2_reactUtils_PageTitle_PageTitle = require('./PageTitle/PageTitle.js');
+var v2_reactUtils_OnlyInDevelopment_OnlyInDevelopment = require('./OnlyInDevelopment/OnlyInDevelopment.js');
 var v2_reactUtils_useDebounce_useDebounce = require('./useDebounce/useDebounce.js');
 var v2_reactUtils_useDisplayErrorPage_useDisplayErrorPage = require('./useDisplayErrorPage/useDisplayErrorPage.js');
 var v2_reactUtils_useFetchNeetoApps_useFetchNeetoApps = require('./useFetchNeetoApps/useFetchNeetoApps.js');
@@ -54,6 +55,8 @@ require('react-router-dom');
 require('./PrivateRoute/utils.js');
 require('./PrivateRoute/constants.js');
 require('react-helmet');
+require('./OnlyInDevelopment/constants.js');
+require('./OnlyInDevelopment/utils.js');
 require('../../slicedToArray-BcL7fKuL.js');
 require('../../unsupportedIterableToArray-BoHMiKNA.js');
 require('zustand');
@@ -107,6 +110,7 @@ require('react-dom/client');
 exports.HoneybadgerErrorBoundary = v2_reactUtils_HoneybadgerErrorBoundary_HoneybadgerErrorBoundary;
 exports.PrivateRoute = v2_reactUtils_PrivateRoute_PrivateRoute;
 exports.PageTitle = v2_reactUtils_PageTitle_PageTitle;
+exports.OnlyInDevelopment = v2_reactUtils_OnlyInDevelopment_OnlyInDevelopment;
 exports.useDebounce = v2_reactUtils_useDebounce_useDebounce;
 exports.useDisplayErrorPage = v2_reactUtils_useDisplayErrorPage_useDisplayErrorPage.default;
 exports.useErrorDisplayStore = v2_reactUtils_useDisplayErrorPage_useDisplayErrorPage.useErrorDisplayStore;

package/dist/cjs/v2/react-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/react-utils/OnlyInDevelopment/OnlyInDevelopment.js

@@ -0,0 +1,61 @@
+import { Children } from 'react';
+import { ONLY_IN_DEVELOPMENT_COLORS, ONLY_IN_DEVELOPMENT_TITLE, ONLY_IN_DEVELOPMENT_DESCRIPTION } from './constants.js';
+import { isDevelopment } from './utils.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var OnlyInDevelopment = function OnlyInDevelopment(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    children = _ref.children;
+  if (!isDevelopment()) return null;
+  var accent = ONLY_IN_DEVELOPMENT_COLORS.accent,
+    fill = ONLY_IN_DEVELOPMENT_COLORS.fill,
+    heading = ONLY_IN_DEVELOPMENT_COLORS.heading,
+    body = ONLY_IN_DEVELOPMENT_COLORS.body,
+    rule = ONLY_IN_DEVELOPMENT_COLORS.rule;
+
+  // `Children.toArray` drops null, undefined and booleans and flattens
+  // arrays, so a caller that maps an empty list into the slot gets no rule
+  // and no empty gap beneath the copy. (An empty fragment still counts as
+  // one child; there is no way to see inside it without rendering.)
+  var hasChildren = Children.toArray(children).length > 0;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex items-start gap-3 rounded border-2 border-dashed px-5 py-4",
+    style: {
+      borderColor: accent,
+      backgroundColor: fill
+    },
+    children: [/*#__PURE__*/jsx("span", {
+      "aria-hidden": "true",
+      className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white",
+      style: {
+        backgroundColor: accent
+      },
+      children: "!"
+    }), /*#__PURE__*/jsxs("div", {
+      className: "flex min-w-0 flex-col gap-1.5",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "text-sm font-bold",
+        style: {
+          color: heading
+        },
+        children: title !== null && title !== void 0 ? title : ONLY_IN_DEVELOPMENT_TITLE
+      }), /*#__PURE__*/jsx("p", {
+        className: "m-0 max-w-[76ch] text-sm leading-relaxed",
+        style: {
+          color: body
+        },
+        children: description !== null && description !== void 0 ? description : ONLY_IN_DEVELOPMENT_DESCRIPTION
+      }), hasChildren && /*#__PURE__*/jsx("div", {
+        className: "mt-2 border-t pt-3",
+        style: {
+          borderColor: rule
+        },
+        children: children
+      })]
+    })]
+  });
+};
+
+export { OnlyInDevelopment as default };
+//# sourceMappingURL=OnlyInDevelopment.js.map

package/dist/react-utils/OnlyInDevelopment/OnlyInDevelopment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlyInDevelopment.js","sources":["../../../src/react-utils/OnlyInDevelopment/OnlyInDevelopment.jsx"],"sourcesContent":["import { Children } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport {\n  ONLY_IN_DEVELOPMENT_COLORS,\n  ONLY_IN_DEVELOPMENT_DESCRIPTION,\n  ONLY_IN_DEVELOPMENT_TITLE,\n} from \"./constants\";\nimport { isDevelopment } from \"./utils\";\n\n// Renders nothing at all outside development, so a caller never guards its\n// own usage: wrapping *is* the guard. `children` is the action slot beneath\n// the rule, where the design puts its secondary block.\n//\n// Guarded is not the same as absent: whatever you wrap still ships in the\n// host's bundle, it just never renders. `utils.js` has the details.\n//\n// Pairs with `Rails.env.development?` on the server. Both sides check — see\n// `utils.js` for why one signal is not enough.\nconst OnlyInDevelopment = ({ title, description, children }) => {\n  if (!isDevelopment()) return null;\n\n  const { accent, fill, heading, body, rule } = ONLY_IN_DEVELOPMENT_COLORS;\n\n  // `Children.toArray` drops null, undefined and booleans and flattens\n  // arrays, so a caller that maps an empty list into the slot gets no rule\n  // and no empty gap beneath the copy. (An empty fragment still counts as\n  // one child; there is no way to see inside it without rendering.)\n  const hasChildren = Children.toArray(children).length > 0;\n\n  return (\n    <div\n      className=\"flex items-start gap-3 rounded border-2 border-dashed px-5 py-4\"\n      style={{ borderColor: accent, backgroundColor: fill }}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white\"\n        style={{ backgroundColor: accent }}\n      >\n        !\n      </span>\n      <div className=\"flex min-w-0 flex-col gap-1.5\">\n        <div className=\"text-sm font-bold\" style={{ color: heading }}>\n          {title ?? ONLY_IN_DEVELOPMENT_TITLE}\n        </div>\n        <p\n          className=\"m-0 max-w-[76ch] text-sm leading-relaxed\"\n          style={{ color: body }}\n        >\n          {description ?? ONLY_IN_DEVELOPMENT_DESCRIPTION}\n        </p>\n        {hasChildren && (\n          <div className=\"mt-2 border-t pt-3\" style={{ borderColor: rule }}>\n            {children}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nOnlyInDevelopment.propTypes = {\n  /**\n   * Heading of the banner. Defaults to \"Only in Development (OID).\"\n   */\n  title: PropTypes.string,\n  /**\n   * Copy under the heading. Defaults to a short note on why the block exists.\n   */\n  description: PropTypes.string,\n  /**\n   * Action slot rendered beneath the rule: typically link buttons that fill\n   * in fixtures or trigger a shortcut.\n   */\n  children: PropTypes.node,\n};\n\nexport default OnlyInDevelopment;\n"],"names":["OnlyInDevelopment","_ref","title","description","children","isDevelopment","accent","ONLY_IN_DEVELOPMENT_COLORS","fill","heading","body","rule","hasChildren","Children","toArray","length","_jsxs","className","style","borderColor","backgroundColor","_jsx","color","ONLY_IN_DEVELOPMENT_TITLE","ONLY_IN_DEVELOPMENT_DESCRIPTION"],"mappings":";;;;;AAoBA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAnCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACvD,EAAA,IAAI,CAACC,aAAa,EAAE,EAAE,OAAO,IAAI;AAEjC,EAAA,IAAQC,MAAM,GAAgCC,0BAA0B,CAAhED,MAAM;IAAEE,IAAI,GAA0BD,0BAA0B,CAAxDC,IAAI;IAAEC,OAAO,GAAiBF,0BAA0B,CAAlDE,OAAO;IAAEC,IAAI,GAAWH,0BAA0B,CAAzCG,IAAI;IAAEC,IAAI,GAAKJ,0BAA0B,CAAnCI,IAAI;;AAEzC;AACA;AACA;AACA;EACA,IAAMC,WAAW,GAAGC,QAAQ,CAACC,OAAO,CAACV,QAAQ,CAAC,CAACW,MAAM,GAAG,CAAC;AAEzD,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,iEAAiE;AAC3EC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,WAAW,EAAEb,MAAM;AAAEc,MAAAA,eAAe,EAAEZ;KAAO;AAAAJ,IAAAA,QAAA,gBAEtDiB,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,aAAA,EAAY,MAAM;AAClBJ,MAAAA,SAAS,EAAC,6FAA6F;AACvGC,MAAAA,KAAK,EAAE;AAAEE,QAAAA,eAAe,EAAEd;OAAS;AAAAF,MAAAA,QAAA,EACpC;KAEK,CAAC,eACPY,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,+BAA+B;AAAAb,MAAAA,QAAA,gBAC5CiB,GAAA,CAAA,KAAA,EAAA;AAAKJ,QAAAA,SAAS,EAAC,mBAAmB;AAACC,QAAAA,KAAK,EAAE;AAAEI,UAAAA,KAAK,EAAEb;SAAU;AAAAL,QAAAA,QAAA,EAC1DF,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAALA,KAAK,GAAIqB;OACP,CAAC,eACNF,GAAA,CAAA,GAAA,EAAA;AACEJ,QAAAA,SAAS,EAAC,0CAA0C;AACpDC,QAAAA,KAAK,EAAE;AAAEI,UAAAA,KAAK,EAAEZ;SAAO;AAAAN,QAAAA,QAAA,EAEtBD,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,MAAA,GAAXA,WAAW,GAAIqB;AAA+B,OAC9C,CAAC,EACHZ,WAAW,iBACVS,GAAA,CAAA,KAAA,EAAA;AAAKJ,QAAAA,SAAS,EAAC,oBAAoB;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,WAAW,EAAER;SAAO;AAAAP,QAAAA,QAAA,EAC9DA;AAAQ,OACN,CACN;AAAA,KACE,CAAC;AAAA,GACH,CAAC;AAEV;;;;"}

package/dist/react-utils/OnlyInDevelopment/constants.js

@@ -0,0 +1,27 @@
+// Design: the 1B1C only-in-development banner. The design authored these in
+// oklch; the hexes below are that conversion to sRGB, kept alongside so a
+// later tweak can be checked against the source rather than eyeballed.
+//
+//   accent  oklch(0.62 0.17 32)     fill     oklch(0.972 0.032 60)
+//   heading oklch(0.40 0.12 35)     body     oklch(0.45 0.05 45)
+//   rule    oklch(0.88 0.03 55)
+var ONLY_IN_DEVELOPMENT_COLORS = {
+  accent: "#D9553F",
+  fill: "#FFF1E1",
+  heading: "#7B2813",
+  body: "#6D4D3E",
+  rule: "#E8D3C5"
+};
+
+// The banner announces the feature by name rather than describing it, so the
+// heading reads as the label the codebase uses everywhere else — folder,
+// component and constants are all `OnlyInDevelopment`.
+//
+// Nothing here is reachable outside a developer's own machine, so the copy is
+// deliberately not translated: it would only add strings for translators to
+// carry.
+var ONLY_IN_DEVELOPMENT_TITLE = "Only in Development (OID).";
+var ONLY_IN_DEVELOPMENT_DESCRIPTION = "Many times in development we have to do repetitive tasks. This helps in " + "expediting the development work. This feature will not be available in " + "non-development environments.";
+
+export { ONLY_IN_DEVELOPMENT_COLORS, ONLY_IN_DEVELOPMENT_DESCRIPTION, ONLY_IN_DEVELOPMENT_TITLE };
+//# sourceMappingURL=constants.js.map

package/dist/react-utils/OnlyInDevelopment/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/react-utils/OnlyInDevelopment/constants.js"],"sourcesContent":["// Design: the 1B1C only-in-development banner. The design authored these in\n// oklch; the hexes below are that conversion to sRGB, kept alongside so a\n// later tweak can be checked against the source rather than eyeballed.\n//\n//   accent  oklch(0.62 0.17 32)     fill     oklch(0.972 0.032 60)\n//   heading oklch(0.40 0.12 35)     body     oklch(0.45 0.05 45)\n//   rule    oklch(0.88 0.03 55)\nexport const ONLY_IN_DEVELOPMENT_COLORS = {\n  accent: \"#D9553F\",\n  fill: \"#FFF1E1\",\n  heading: \"#7B2813\",\n  body: \"#6D4D3E\",\n  rule: \"#E8D3C5\",\n};\n\n// The banner announces the feature by name rather than describing it, so the\n// heading reads as the label the codebase uses everywhere else — folder,\n// component and constants are all `OnlyInDevelopment`.\n//\n// Nothing here is reachable outside a developer's own machine, so the copy is\n// deliberately not translated: it would only add strings for translators to\n// carry.\nexport const ONLY_IN_DEVELOPMENT_TITLE = \"Only in Development (OID).\";\n\nexport const ONLY_IN_DEVELOPMENT_DESCRIPTION =\n  \"Many times in development we have to do repetitive tasks. This helps in \" +\n  \"expediting the development work. This feature will not be available in \" +\n  \"non-development environments.\";\n"],"names":["ONLY_IN_DEVELOPMENT_COLORS","accent","fill","heading","body","rule","ONLY_IN_DEVELOPMENT_TITLE","ONLY_IN_DEVELOPMENT_DESCRIPTION"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,0BAA0B,GAAG;AACxCC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,IAAI,EAAE;AACR;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,yBAAyB,GAAG;IAE5BC,+BAA+B,GAC1C,0EAA0E,GAC1E,yEAAyE,GACzE;;;;"}

package/dist/react-utils/OnlyInDevelopment/index.js

@@ -0,0 +1,6 @@
+export { default } from './OnlyInDevelopment.js';
+import 'react';
+import './constants.js';
+import './utils.js';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/react-utils/OnlyInDevelopment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/react-utils/OnlyInDevelopment/utils.js

@@ -0,0 +1,30 @@
+// Two independent signals, and both have to say development.
+//
+// `process.env.RAILS_ENV` is the build-time signal. A production build of the
+// host app substitutes it while bundling, so the check compiles to the
+// constant `"production" === "development"`. The host's dev server does not
+// rewrite dependencies; there the expression is left as is and reads the
+// value the dev server exposes at runtime, which is the same `RAILS_ENV`.
+//
+// `globalProps.railsEnv` is the runtime signal: `Rails.env` as the host's
+// server reports it in the shared client props
+// (`NeetoCommonsBackend::ClientPropsHelper#common_props`). It covers what the
+// build-time constant cannot: a development bundle somehow served by a
+// non-development host.
+//
+// Neither is trusted on its own. A server that sends no `rails_env`, or a
+// page that has not initialized `globalProps` yet, reads as "not
+// development".
+//
+// What this does NOT do is keep the wrapped markup out of the host's bundle.
+// Whatever a caller wraps still ships to production — it just never renders.
+// So treat anything placed inside `OnlyInDevelopment` as readable by anyone
+// who opens the bundle: fixtures and shortcuts, never a credential, an
+// internal endpoint, or an unreleased feature's copy.
+var isDevelopment = function isDevelopment() {
+  var _window$globalProps;
+  return process.env.RAILS_ENV === "development" && ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.railsEnv) === "development";
+};
+
+export { isDevelopment };
+//# sourceMappingURL=utils.js.map

package/dist/react-utils/OnlyInDevelopment/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/react-utils/OnlyInDevelopment/utils.js"],"sourcesContent":["// Two independent signals, and both have to say development.\n//\n// `process.env.RAILS_ENV` is the build-time signal. A production build of the\n// host app substitutes it while bundling, so the check compiles to the\n// constant `\"production\" === \"development\"`. The host's dev server does not\n// rewrite dependencies; there the expression is left as is and reads the\n// value the dev server exposes at runtime, which is the same `RAILS_ENV`.\n//\n// `globalProps.railsEnv` is the runtime signal: `Rails.env` as the host's\n// server reports it in the shared client props\n// (`NeetoCommonsBackend::ClientPropsHelper#common_props`). It covers what the\n// build-time constant cannot: a development bundle somehow served by a\n// non-development host.\n//\n// Neither is trusted on its own. A server that sends no `rails_env`, or a\n// page that has not initialized `globalProps` yet, reads as \"not\n// development\".\n//\n// What this does NOT do is keep the wrapped markup out of the host's bundle.\n// Whatever a caller wraps still ships to production — it just never renders.\n// So treat anything placed inside `OnlyInDevelopment` as readable by anyone\n// who opens the bundle: fixtures and shortcuts, never a credential, an\n// internal endpoint, or an unreleased feature's copy.\nexport const isDevelopment = () =>\n  process.env.RAILS_ENV === \"development\" &&\n  window.globalProps?.railsEnv === \"development\";\n"],"names":["isDevelopment","_window$globalProps","process","env","RAILS_ENV","window","globalProps","railsEnv"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,GAAA;AAAA,EAAA,IAAAC,mBAAA;EAAA,OACxBC,OAAO,CAACC,GAAG,CAACC,SAAS,KAAK,aAAa,IACvC,CAAA,CAAAH,mBAAA,GAAAI,MAAM,CAACC,WAAW,MAAA,IAAA,IAAAL,mBAAA,uBAAlBA,mBAAA,CAAoBM,QAAQ,MAAK,aAAa;AAAA;;;;"}

package/dist/react-utils/index.js

@@ -1,6 +1,7 @@
 export { default as HoneybadgerErrorBoundary } from './HoneybadgerErrorBoundary/HoneybadgerErrorBoundary.js';
 export { default as PrivateRoute } from './PrivateRoute/PrivateRoute.js';
 export { default as PageTitle } from './PageTitle/PageTitle.js';
+export { default as OnlyInDevelopment } from './OnlyInDevelopment/OnlyInDevelopment.js';
 export { default as useDebounce } from './useDebounce/useDebounce.js';
 export { default as useDisplayErrorPage, useErrorDisplayStore } from './useDisplayErrorPage/useDisplayErrorPage.js';
 export { default as useFetchNeetoApps } from './useFetchNeetoApps/useFetchNeetoApps.js';
@@ -53,6 +54,8 @@ import 'react-router-dom';
 import './PrivateRoute/utils.js';
 import './PrivateRoute/constants.js';
 import 'react-helmet';
+import './OnlyInDevelopment/constants.js';
+import './OnlyInDevelopment/utils.js';
 import '../slicedToArray-DmsZvA_9.js';
 import '../unsupportedIterableToArray-Dqz8Y8_I.js';
 import 'zustand';

package/dist/react-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/v2/react-utils/OnlyInDevelopment/OnlyInDevelopment.js

@@ -0,0 +1,61 @@
+import { Children } from 'react';
+import { ONLY_IN_DEVELOPMENT_COLORS, ONLY_IN_DEVELOPMENT_TITLE, ONLY_IN_DEVELOPMENT_DESCRIPTION } from './constants.js';
+import { isDevelopment } from './utils.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var OnlyInDevelopment = function OnlyInDevelopment(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    children = _ref.children;
+  if (!isDevelopment()) return null;
+  var accent = ONLY_IN_DEVELOPMENT_COLORS.accent,
+    fill = ONLY_IN_DEVELOPMENT_COLORS.fill,
+    heading = ONLY_IN_DEVELOPMENT_COLORS.heading,
+    body = ONLY_IN_DEVELOPMENT_COLORS.body,
+    rule = ONLY_IN_DEVELOPMENT_COLORS.rule;
+
+  // `Children.toArray` drops null, undefined and booleans and flattens
+  // arrays, so a caller that maps an empty list into the slot gets no rule
+  // and no empty gap beneath the copy. (An empty fragment still counts as
+  // one child; there is no way to see inside it without rendering.)
+  var hasChildren = Children.toArray(children).length > 0;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex items-start gap-3 rounded border-2 border-dashed px-5 py-4",
+    style: {
+      borderColor: accent,
+      backgroundColor: fill
+    },
+    children: [/*#__PURE__*/jsx("span", {
+      "aria-hidden": "true",
+      className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white",
+      style: {
+        backgroundColor: accent
+      },
+      children: "!"
+    }), /*#__PURE__*/jsxs("div", {
+      className: "flex min-w-0 flex-col gap-1.5",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "text-sm font-bold",
+        style: {
+          color: heading
+        },
+        children: title !== null && title !== void 0 ? title : ONLY_IN_DEVELOPMENT_TITLE
+      }), /*#__PURE__*/jsx("p", {
+        className: "m-0 max-w-[76ch] text-sm leading-relaxed",
+        style: {
+          color: body
+        },
+        children: description !== null && description !== void 0 ? description : ONLY_IN_DEVELOPMENT_DESCRIPTION
+      }), hasChildren && /*#__PURE__*/jsx("div", {
+        className: "mt-2 border-t pt-3",
+        style: {
+          borderColor: rule
+        },
+        children: children
+      })]
+    })]
+  });
+};
+
+export { OnlyInDevelopment as default };
+//# sourceMappingURL=OnlyInDevelopment.js.map

package/dist/v2/react-utils/OnlyInDevelopment/OnlyInDevelopment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlyInDevelopment.js","sources":["../../../../src/v2/react-utils/OnlyInDevelopment/OnlyInDevelopment.jsx"],"sourcesContent":["import { Children } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport {\n  ONLY_IN_DEVELOPMENT_COLORS,\n  ONLY_IN_DEVELOPMENT_DESCRIPTION,\n  ONLY_IN_DEVELOPMENT_TITLE,\n} from \"./constants\";\nimport { isDevelopment } from \"./utils\";\n\n// Renders nothing at all outside development, so a caller never guards its\n// own usage: wrapping *is* the guard. `children` is the action slot beneath\n// the rule, where the design puts its secondary block.\n//\n// Guarded is not the same as absent: whatever you wrap still ships in the\n// host's bundle, it just never renders. `utils.js` has the details.\n//\n// Pairs with `Rails.env.development?` on the server. Both sides check — see\n// `utils.js` for why one signal is not enough.\nconst OnlyInDevelopment = ({ title, description, children }) => {\n  if (!isDevelopment()) return null;\n\n  const { accent, fill, heading, body, rule } = ONLY_IN_DEVELOPMENT_COLORS;\n\n  // `Children.toArray` drops null, undefined and booleans and flattens\n  // arrays, so a caller that maps an empty list into the slot gets no rule\n  // and no empty gap beneath the copy. (An empty fragment still counts as\n  // one child; there is no way to see inside it without rendering.)\n  const hasChildren = Children.toArray(children).length > 0;\n\n  return (\n    <div\n      className=\"flex items-start gap-3 rounded border-2 border-dashed px-5 py-4\"\n      style={{ borderColor: accent, backgroundColor: fill }}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white\"\n        style={{ backgroundColor: accent }}\n      >\n        !\n      </span>\n      <div className=\"flex min-w-0 flex-col gap-1.5\">\n        <div className=\"text-sm font-bold\" style={{ color: heading }}>\n          {title ?? ONLY_IN_DEVELOPMENT_TITLE}\n        </div>\n        <p\n          className=\"m-0 max-w-[76ch] text-sm leading-relaxed\"\n          style={{ color: body }}\n        >\n          {description ?? ONLY_IN_DEVELOPMENT_DESCRIPTION}\n        </p>\n        {hasChildren && (\n          <div className=\"mt-2 border-t pt-3\" style={{ borderColor: rule }}>\n            {children}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nOnlyInDevelopment.propTypes = {\n  /**\n   * Heading of the banner. Defaults to \"Only in Development (OID).\"\n   */\n  title: PropTypes.string,\n  /**\n   * Copy under the heading. Defaults to a short note on why the block exists.\n   */\n  description: PropTypes.string,\n  /**\n   * Action slot rendered beneath the rule: typically link buttons that fill\n   * in fixtures or trigger a shortcut.\n   */\n  children: PropTypes.node,\n};\n\nexport default OnlyInDevelopment;\n"],"names":["OnlyInDevelopment","_ref","title","description","children","isDevelopment","accent","ONLY_IN_DEVELOPMENT_COLORS","fill","heading","body","rule","hasChildren","Children","toArray","length","_jsxs","className","style","borderColor","backgroundColor","_jsx","color","ONLY_IN_DEVELOPMENT_TITLE","ONLY_IN_DEVELOPMENT_DESCRIPTION"],"mappings":";;;;;AAoBA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAnCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACvD,EAAA,IAAI,CAACC,aAAa,EAAE,EAAE,OAAO,IAAI;AAEjC,EAAA,IAAQC,MAAM,GAAgCC,0BAA0B,CAAhED,MAAM;IAAEE,IAAI,GAA0BD,0BAA0B,CAAxDC,IAAI;IAAEC,OAAO,GAAiBF,0BAA0B,CAAlDE,OAAO;IAAEC,IAAI,GAAWH,0BAA0B,CAAzCG,IAAI;IAAEC,IAAI,GAAKJ,0BAA0B,CAAnCI,IAAI;;AAEzC;AACA;AACA;AACA;EACA,IAAMC,WAAW,GAAGC,QAAQ,CAACC,OAAO,CAACV,QAAQ,CAAC,CAACW,MAAM,GAAG,CAAC;AAEzD,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,iEAAiE;AAC3EC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,WAAW,EAAEb,MAAM;AAAEc,MAAAA,eAAe,EAAEZ;KAAO;AAAAJ,IAAAA,QAAA,gBAEtDiB,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,aAAA,EAAY,MAAM;AAClBJ,MAAAA,SAAS,EAAC,6FAA6F;AACvGC,MAAAA,KAAK,EAAE;AAAEE,QAAAA,eAAe,EAAEd;OAAS;AAAAF,MAAAA,QAAA,EACpC;KAEK,CAAC,eACPY,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,+BAA+B;AAAAb,MAAAA,QAAA,gBAC5CiB,GAAA,CAAA,KAAA,EAAA;AAAKJ,QAAAA,SAAS,EAAC,mBAAmB;AAACC,QAAAA,KAAK,EAAE;AAAEI,UAAAA,KAAK,EAAEb;SAAU;AAAAL,QAAAA,QAAA,EAC1DF,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAALA,KAAK,GAAIqB;OACP,CAAC,eACNF,GAAA,CAAA,GAAA,EAAA;AACEJ,QAAAA,SAAS,EAAC,0CAA0C;AACpDC,QAAAA,KAAK,EAAE;AAAEI,UAAAA,KAAK,EAAEZ;SAAO;AAAAN,QAAAA,QAAA,EAEtBD,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,MAAA,GAAXA,WAAW,GAAIqB;AAA+B,OAC9C,CAAC,EACHZ,WAAW,iBACVS,GAAA,CAAA,KAAA,EAAA;AAAKJ,QAAAA,SAAS,EAAC,oBAAoB;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,WAAW,EAAER;SAAO;AAAAP,QAAAA,QAAA,EAC9DA;AAAQ,OACN,CACN;AAAA,KACE,CAAC;AAAA,GACH,CAAC;AAEV;;;;"}

package/dist/v2/react-utils/OnlyInDevelopment/constants.js

@@ -0,0 +1,27 @@
+// Design: the 1B1C only-in-development banner. The design authored these in
+// oklch; the hexes below are that conversion to sRGB, kept alongside so a
+// later tweak can be checked against the source rather than eyeballed.
+//
+//   accent  oklch(0.62 0.17 32)     fill     oklch(0.972 0.032 60)
+//   heading oklch(0.40 0.12 35)     body     oklch(0.45 0.05 45)
+//   rule    oklch(0.88 0.03 55)
+var ONLY_IN_DEVELOPMENT_COLORS = {
+  accent: "#D9553F",
+  fill: "#FFF1E1",
+  heading: "#7B2813",
+  body: "#6D4D3E",
+  rule: "#E8D3C5"
+};
+
+// The banner announces the feature by name rather than describing it, so the
+// heading reads as the label the codebase uses everywhere else — folder,
+// component and constants are all `OnlyInDevelopment`.
+//
+// Nothing here is reachable outside a developer's own machine, so the copy is
+// deliberately not translated: it would only add strings for translators to
+// carry.
+var ONLY_IN_DEVELOPMENT_TITLE = "Only in Development (OID).";
+var ONLY_IN_DEVELOPMENT_DESCRIPTION = "Many times in development we have to do repetitive tasks. This helps in " + "expediting the development work. This feature will not be available in " + "non-development environments.";
+
+export { ONLY_IN_DEVELOPMENT_COLORS, ONLY_IN_DEVELOPMENT_DESCRIPTION, ONLY_IN_DEVELOPMENT_TITLE };
+//# sourceMappingURL=constants.js.map

package/dist/v2/react-utils/OnlyInDevelopment/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/v2/react-utils/OnlyInDevelopment/constants.js"],"sourcesContent":["// Design: the 1B1C only-in-development banner. The design authored these in\n// oklch; the hexes below are that conversion to sRGB, kept alongside so a\n// later tweak can be checked against the source rather than eyeballed.\n//\n//   accent  oklch(0.62 0.17 32)     fill     oklch(0.972 0.032 60)\n//   heading oklch(0.40 0.12 35)     body     oklch(0.45 0.05 45)\n//   rule    oklch(0.88 0.03 55)\nexport const ONLY_IN_DEVELOPMENT_COLORS = {\n  accent: \"#D9553F\",\n  fill: \"#FFF1E1\",\n  heading: \"#7B2813\",\n  body: \"#6D4D3E\",\n  rule: \"#E8D3C5\",\n};\n\n// The banner announces the feature by name rather than describing it, so the\n// heading reads as the label the codebase uses everywhere else — folder,\n// component and constants are all `OnlyInDevelopment`.\n//\n// Nothing here is reachable outside a developer's own machine, so the copy is\n// deliberately not translated: it would only add strings for translators to\n// carry.\nexport const ONLY_IN_DEVELOPMENT_TITLE = \"Only in Development (OID).\";\n\nexport const ONLY_IN_DEVELOPMENT_DESCRIPTION =\n  \"Many times in development we have to do repetitive tasks. This helps in \" +\n  \"expediting the development work. This feature will not be available in \" +\n  \"non-development environments.\";\n"],"names":["ONLY_IN_DEVELOPMENT_COLORS","accent","fill","heading","body","rule","ONLY_IN_DEVELOPMENT_TITLE","ONLY_IN_DEVELOPMENT_DESCRIPTION"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,0BAA0B,GAAG;AACxCC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,IAAI,EAAE;AACR;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,yBAAyB,GAAG;IAE5BC,+BAA+B,GAC1C,0EAA0E,GAC1E,yEAAyE,GACzE;;;;"}

package/dist/v2/react-utils/OnlyInDevelopment/index.js

@@ -0,0 +1,6 @@
+export { default } from './OnlyInDevelopment.js';
+import 'react';
+import './constants.js';
+import './utils.js';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/v2/react-utils/OnlyInDevelopment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/v2/react-utils/OnlyInDevelopment/utils.js

@@ -0,0 +1,30 @@
+// Two independent signals, and both have to say development.
+//
+// `process.env.RAILS_ENV` is the build-time signal. A production build of the
+// host app substitutes it while bundling, so the check compiles to the
+// constant `"production" === "development"`. The host's dev server does not
+// rewrite dependencies; there the expression is left as is and reads the
+// value the dev server exposes at runtime, which is the same `RAILS_ENV`.
+//
+// `globalProps.railsEnv` is the runtime signal: `Rails.env` as the host's
+// server reports it in the shared client props
+// (`NeetoCommonsBackend::ClientPropsHelper#common_props`). It covers what the
+// build-time constant cannot: a development bundle somehow served by a
+// non-development host.
+//
+// Neither is trusted on its own. A server that sends no `rails_env`, or a
+// page that has not initialized `globalProps` yet, reads as "not
+// development".
+//
+// What this does NOT do is keep the wrapped markup out of the host's bundle.
+// Whatever a caller wraps still ships to production — it just never renders.
+// So treat anything placed inside `OnlyInDevelopment` as readable by anyone
+// who opens the bundle: fixtures and shortcuts, never a credential, an
+// internal endpoint, or an unreleased feature's copy.
+var isDevelopment = function isDevelopment() {
+  var _window$globalProps;
+  return process.env.RAILS_ENV === "development" && ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.railsEnv) === "development";
+};
+
+export { isDevelopment };
+//# sourceMappingURL=utils.js.map

package/dist/v2/react-utils/OnlyInDevelopment/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/v2/react-utils/OnlyInDevelopment/utils.js"],"sourcesContent":["// Two independent signals, and both have to say development.\n//\n// `process.env.RAILS_ENV` is the build-time signal. A production build of the\n// host app substitutes it while bundling, so the check compiles to the\n// constant `\"production\" === \"development\"`. The host's dev server does not\n// rewrite dependencies; there the expression is left as is and reads the\n// value the dev server exposes at runtime, which is the same `RAILS_ENV`.\n//\n// `globalProps.railsEnv` is the runtime signal: `Rails.env` as the host's\n// server reports it in the shared client props\n// (`NeetoCommonsBackend::ClientPropsHelper#common_props`). It covers what the\n// build-time constant cannot: a development bundle somehow served by a\n// non-development host.\n//\n// Neither is trusted on its own. A server that sends no `rails_env`, or a\n// page that has not initialized `globalProps` yet, reads as \"not\n// development\".\n//\n// What this does NOT do is keep the wrapped markup out of the host's bundle.\n// Whatever a caller wraps still ships to production — it just never renders.\n// So treat anything placed inside `OnlyInDevelopment` as readable by anyone\n// who opens the bundle: fixtures and shortcuts, never a credential, an\n// internal endpoint, or an unreleased feature's copy.\nexport const isDevelopment = () =>\n  process.env.RAILS_ENV === \"development\" &&\n  window.globalProps?.railsEnv === \"development\";\n"],"names":["isDevelopment","_window$globalProps","process","env","RAILS_ENV","window","globalProps","railsEnv"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,GAAA;AAAA,EAAA,IAAAC,mBAAA;EAAA,OACxBC,OAAO,CAACC,GAAG,CAACC,SAAS,KAAK,aAAa,IACvC,CAAA,CAAAH,mBAAA,GAAAI,MAAM,CAACC,WAAW,MAAA,IAAA,IAAAL,mBAAA,uBAAlBA,mBAAA,CAAoBM,QAAQ,MAAK,aAAa;AAAA;;;;"}

package/dist/v2/react-utils/index.js

@@ -1,6 +1,7 @@
 export { default as HoneybadgerErrorBoundary } from './HoneybadgerErrorBoundary/HoneybadgerErrorBoundary.js';
 export { default as PrivateRoute } from './PrivateRoute/PrivateRoute.js';
 export { default as PageTitle } from './PageTitle/PageTitle.js';
+export { default as OnlyInDevelopment } from './OnlyInDevelopment/OnlyInDevelopment.js';
 export { default as useDebounce } from './useDebounce/useDebounce.js';
 export { default as useDisplayErrorPage, useErrorDisplayStore } from './useDisplayErrorPage/useDisplayErrorPage.js';
 export { default as useFetchNeetoApps } from './useFetchNeetoApps/useFetchNeetoApps.js';
@@ -52,6 +53,8 @@ import 'react-router-dom';
 import './PrivateRoute/utils.js';
 import './PrivateRoute/constants.js';
 import 'react-helmet';
+import './OnlyInDevelopment/constants.js';
+import './OnlyInDevelopment/utils.js';
 import '../../slicedToArray-DmsZvA_9.js';
 import '../../unsupportedIterableToArray-Dqz8Y8_I.js';
 import 'zustand';

package/dist/v2/react-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "4.13.154",
+  "version": "4.13.156",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/react-utils.d.ts

@@ -207,6 +207,69 @@ type OptionsType = {
 export const PageTitle: React.FC<{
   title?: string;
 }>;
+/**
+ *
+ * A banner for developer-only affordances such as "fill in sample records"
+ *
+ * links. It renders its children inside a dashed "Only in Development (OID)."
+ *
+ * block, and renders nothing at all outside development, so wrapping a block in
+ *
+ * it is the only guard a caller needs.
+ *
+ * Development is established by two independent signals, both of which must
+ *
+ * agree: the build-time RAILS_ENV the host app was bundled with, and the
+ *
+ * runtime railsEnv the host's server reports in the shared client props
+ *
+ * (NeetoCommonsBackend::ClientPropsHelper#common_props). A server that sends no
+ *
+ * environment reads as "not development".
+ *
+ * Note: This is a render-time guard, not a code-stripping transformation.
+ *
+ * Whatever is wrapped still ships in the host's production bundle; it just never
+ *
+ * renders there, and anyone who opens the bundle can read it. Put fixtures and
+ *
+ * shortcuts inside it, never a credential, an internal endpoint, or an unreleased
+ *
+ * feature's copy.
+ *
+ * @example 
+ *
+ * import { Button } from "@bigbinary/neetoui";
+ * import { OnlyInDevelopment } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * 
+ * const AddSigners = ({ setFieldValue }) => (
+ *   <>
+ *     <OnlyInDevelopment>
+ *       <Button
+ *         label="Add sample records: two signers"
+ *         style="link"
+ *         onClick={() => setFieldValue("signers", SAMPLE_SIGNERS)}
+ *       />
+ *     </OnlyInDevelopment>
+ *     <SignerList />
+ *   </>
+ * );
+ * @endexample
+ * The title and description can be replaced when the default copy does not fit:
+ *
+ * @example 
+ *
+ * <OnlyInDevelopment
+ *   description="NeetoAuth is not running on port 9000, so client apps cannot be listed."
+ *   title="Only in Development (OID): NeetoAuth is unreachable."
+ * />
+ * @endexample
+*/
+export const OnlyInDevelopment: React.FC<{
+  title?: string;
+  description?: string;
+  children?: ReactNode;
+}>;
 /**
  *
  * The useIsElementVisibleInDom hook is a utility that allows you to determine