@cerberus-design/react 0.0.1-next-a6c2598 → 0.0.1-next-f49bb60

package/build/legacy/_tsup-dts-rollup.d.cts

@@ -38,6 +38,19 @@ declare type DefaultThemes = 'cerberus';
 export { DefaultThemes }
 export { DefaultThemes as DefaultThemes_alias_1 }
 
+declare function Field(props: PropsWithChildren<FieldContextValue>): JSX.Element;
+export { Field }
+export { Field as Field_alias_1 }
+
+declare interface FieldContextValue {
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+}
+export { FieldContextValue }
+export { FieldContextValue as FieldContextValue_alias_1 }
+
 declare function getPosition(position: Positions): GetPositionResult;
 export { getPosition }
 export { getPosition as getPosition_alias_1 }
@@ -193,6 +206,10 @@ declare function ThemeProvider(props: PropsWithChildren<unknown>): JSX.Element;
 export { ThemeProvider }
 export { ThemeProvider as ThemeProvider_alias_1 }
 
+declare function useFieldContext(): FieldContextValue;
+export { useFieldContext }
+export { useFieldContext as useFieldContext_alias_1 }
+
 declare function useNavMenuContext(): NavMenuContextValue;
 export { useNavMenuContext }
 export { useNavMenuContext as useNavMenuContext_alias_1 }

package/build/legacy/_tsup-dts-rollup.d.ts

@@ -38,6 +38,19 @@ declare type DefaultThemes = 'cerberus';
 export { DefaultThemes }
 export { DefaultThemes as DefaultThemes_alias_1 }
 
+declare function Field(props: PropsWithChildren<FieldContextValue>): JSX.Element;
+export { Field }
+export { Field as Field_alias_1 }
+
+declare interface FieldContextValue {
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+}
+export { FieldContextValue }
+export { FieldContextValue as FieldContextValue_alias_1 }
+
 declare function getPosition(position: Positions): GetPositionResult;
 export { getPosition }
 export { getPosition as getPosition_alias_1 }
@@ -193,6 +206,10 @@ declare function ThemeProvider(props: PropsWithChildren<unknown>): JSX.Element;
 export { ThemeProvider }
 export { ThemeProvider as ThemeProvider_alias_1 }
 
+declare function useFieldContext(): FieldContextValue;
+export { useFieldContext }
+export { useFieldContext as useFieldContext_alias_1 }
+
 declare function useNavMenuContext(): NavMenuContextValue;
 export { useNavMenuContext }
 export { useNavMenuContext as useNavMenuContext_alias_1 }

package/build/legacy/context/field.cjs

@@ -0,0 +1,55 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/field.tsx
+var field_exports = {};
+__export(field_exports, {
+  Field: () => Field,
+  useFieldContext: () => useFieldContext
+});
+module.exports = __toCommonJS(field_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FieldContext = (0, import_react.createContext)(null);
+function Field(props) {
+  const value = (0, import_react.useMemo)(
+    () => ({
+      disabled: props.disabled,
+      readonly: props.readonly,
+      required: props.required,
+      invalid: props.invalid
+    }),
+    [props.disabled, props.readonly, props.required, props.invalid]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldContext.Provider, { value, children: props.children });
+}
+function useFieldContext() {
+  const context = (0, import_react.useContext)(FieldContext);
+  if (!context) {
+    throw new Error("useFieldContext must be used within a Field Provider.");
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Field,
+  useFieldContext
+});
+//# sourceMappingURL=field.cjs.map

package/build/legacy/context/field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/field.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type PropsWithChildren,\n} from 'react'\n\nexport interface FieldContextValue {\n  disabled?: boolean\n  readonly?: boolean\n  required?: boolean\n  invalid?: boolean\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nexport function Field(\n  props: PropsWithChildren<FieldContextValue>,\n): JSX.Element {\n  const value = useMemo(\n    () => ({\n      disabled: props.disabled,\n      readonly: props.readonly,\n      required: props.required,\n      invalid: props.invalid,\n    }),\n    [props.disabled, props.readonly, props.required, props.invalid],\n  )\n\n  return (\n    <FieldContext.Provider value={value}>\n      {props.children}\n    </FieldContext.Provider>\n  )\n}\n\nexport function useFieldContext(): FieldContextValue {\n  const context = useContext(FieldContext)\n  if (!context) {\n    throw new Error('useFieldContext must be used within a Field Provider.')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAKO;AAyBH;AAhBJ,IAAM,mBAAe,4BAAwC,IAAI;AAE1D,SAAS,MACd,OACa;AACb,QAAM,YAAQ;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM;AAAA,IACjB;AAAA,IACA,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,UAAU,MAAM,OAAO;AAAA,EAChE;AAEA,SACE,4CAAC,aAAa,UAAb,EAAsB,OACpB,gBAAM,UACT;AAEJ;AAEO,SAAS,kBAAqC;AACnD,QAAM,cAAU,yBAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/build/legacy/context/field.d.cts

@@ -0,0 +1,3 @@
+export { Field_alias_1 as Field } from '../_tsup-dts-rollup';
+export { useFieldContext_alias_1 as useFieldContext } from '../_tsup-dts-rollup';
+export { FieldContextValue_alias_1 as FieldContextValue } from '../_tsup-dts-rollup';

package/build/legacy/context/field.d.ts

@@ -0,0 +1,3 @@
+export { Field_alias_1 as Field } from '../_tsup-dts-rollup';
+export { useFieldContext_alias_1 as useFieldContext } from '../_tsup-dts-rollup';
+export { FieldContextValue_alias_1 as FieldContextValue } from '../_tsup-dts-rollup';

package/build/legacy/context/field.js

@@ -0,0 +1,34 @@
+"use client";
+
+// src/context/field.tsx
+import {
+  createContext,
+  useContext,
+  useMemo
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var FieldContext = createContext(null);
+function Field(props) {
+  const value = useMemo(
+    () => ({
+      disabled: props.disabled,
+      readonly: props.readonly,
+      required: props.required,
+      invalid: props.invalid
+    }),
+    [props.disabled, props.readonly, props.required, props.invalid]
+  );
+  return /* @__PURE__ */ jsx(FieldContext.Provider, { value, children: props.children });
+}
+function useFieldContext() {
+  const context = useContext(FieldContext);
+  if (!context) {
+    throw new Error("useFieldContext must be used within a Field Provider.");
+  }
+  return context;
+}
+export {
+  Field,
+  useFieldContext
+};
+//# sourceMappingURL=field.js.map

package/build/legacy/context/field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/field.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type PropsWithChildren,\n} from 'react'\n\nexport interface FieldContextValue {\n  disabled?: boolean\n  readonly?: boolean\n  required?: boolean\n  invalid?: boolean\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nexport function Field(\n  props: PropsWithChildren<FieldContextValue>,\n): JSX.Element {\n  const value = useMemo(\n    () => ({\n      disabled: props.disabled,\n      readonly: props.readonly,\n      required: props.required,\n      invalid: props.invalid,\n    }),\n    [props.disabled, props.readonly, props.required, props.invalid],\n  )\n\n  return (\n    <FieldContext.Provider value={value}>\n      {props.children}\n    </FieldContext.Provider>\n  )\n}\n\nexport function useFieldContext(): FieldContextValue {\n  const context = useContext(FieldContext)\n  if (!context) {\n    throw new Error('useFieldContext must be used within a Field Provider.')\n  }\n  return context\n}\n"],"mappings":";;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAyBH;AAhBJ,IAAM,eAAe,cAAwC,IAAI;AAE1D,SAAS,MACd,OACa;AACb,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM;AAAA,IACjB;AAAA,IACA,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,UAAU,MAAM,OAAO;AAAA,EAChE;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OACpB,gBAAM,UACT;AAEJ;AAEO,SAAS,kBAAqC;AACnD,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/build/legacy/index.cjs

@@ -22,6 +22,7 @@ __reExport(src_exports, require("./components/NavMenuTrigger.cjs"), module.expor
 __reExport(src_exports, require("./components/NavMenuList.cjs"), module.exports);
 __reExport(src_exports, require("./components/NavMenuLink.cjs"), module.exports);
 __reExport(src_exports, require("./components/Show.cjs"), module.exports);
+__reExport(src_exports, require("./context/field.cjs"), module.exports);
 __reExport(src_exports, require("./context/navMenu.cjs"), module.exports);
 __reExport(src_exports, require("./context/theme.cjs"), module.exports);
 __reExport(src_exports, require("./hooks/useTheme.cjs"), module.exports);
@@ -34,6 +35,7 @@ __reExport(src_exports, require("./types.cjs"), module.exports);
   ...require("./components/NavMenuList.cjs"),
   ...require("./components/NavMenuLink.cjs"),
   ...require("./components/Show.cjs"),
+  ...require("./context/field.cjs"),
   ...require("./context/navMenu.cjs"),
   ...require("./context/theme.cjs"),
   ...require("./hooks/useTheme.cjs"),

package/build/legacy/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Button'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/navMenu'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\n\n// shared types\n\nexport * from './types'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA,wBAAc,oCAFd;AAGA,wBAAc,4CAHd;AAIA,wBAAc,yCAJd;AAKA,wBAAc,yCALd;AAMA,wBAAc,kCANd;AAUA,wBAAc,kCAVd;AAWA,wBAAc,gCAXd;AAeA,wBAAc,iCAfd;AAmBA,wBAAc,6CAnBd;AAuBA,wBAAc,wBAvBd;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Button'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\n\n// shared types\n\nexport * from './types'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA,wBAAc,oCAFd;AAGA,wBAAc,4CAHd;AAIA,wBAAc,yCAJd;AAKA,wBAAc,yCALd;AAMA,wBAAc,kCANd;AAUA,wBAAc,gCAVd;AAWA,wBAAc,kCAXd;AAYA,wBAAc,gCAZd;AAgBA,wBAAc,iCAhBd;AAoBA,wBAAc,6CApBd;AAwBA,wBAAc,wBAxBd;","names":[]}

package/build/legacy/index.d.cts

@@ -9,6 +9,9 @@ export { NavMenuLink } from './_tsup-dts-rollup';
 export { NavMenuLinkProps } from './_tsup-dts-rollup';
 export { Show } from './_tsup-dts-rollup';
 export { ShowProps } from './_tsup-dts-rollup';
+export { Field } from './_tsup-dts-rollup';
+export { useFieldContext } from './_tsup-dts-rollup';
+export { FieldContextValue } from './_tsup-dts-rollup';
 export { NavMenu } from './_tsup-dts-rollup';
 export { useNavMenuContext } from './_tsup-dts-rollup';
 export { NavTriggerRef } from './_tsup-dts-rollup';

package/build/legacy/index.d.ts

@@ -9,6 +9,9 @@ export { NavMenuLink } from './_tsup-dts-rollup';
 export { NavMenuLinkProps } from './_tsup-dts-rollup';
 export { Show } from './_tsup-dts-rollup';
 export { ShowProps } from './_tsup-dts-rollup';
+export { Field } from './_tsup-dts-rollup';
+export { useFieldContext } from './_tsup-dts-rollup';
+export { FieldContextValue } from './_tsup-dts-rollup';
 export { NavMenu } from './_tsup-dts-rollup';
 export { useNavMenuContext } from './_tsup-dts-rollup';
 export { NavTriggerRef } from './_tsup-dts-rollup';

package/build/legacy/index.js

@@ -4,6 +4,7 @@ export * from "./components/NavMenuTrigger.js";
 export * from "./components/NavMenuList.js";
 export * from "./components/NavMenuLink.js";
 export * from "./components/Show.js";
+export * from "./context/field.js";
 export * from "./context/navMenu.js";
 export * from "./context/theme.js";
 export * from "./hooks/useTheme.js";

package/build/legacy/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Button'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/navMenu'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\n\n// shared types\n\nexport * from './types'\n"],"mappings":";AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc;AACd,cAAc;AAId,cAAc;AAId,cAAc;AAId,cAAc;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Button'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\n\n// shared types\n\nexport * from './types'\n"],"mappings":";AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc;AAId,cAAc;AAId,cAAc;","names":[]}

package/build/modern/_tsup-dts-rollup.d.cts

@@ -38,6 +38,19 @@ declare type DefaultThemes = 'cerberus';
 export { DefaultThemes }
 export { DefaultThemes as DefaultThemes_alias_1 }
 
+declare function Field(props: PropsWithChildren<FieldContextValue>): JSX.Element;
+export { Field }
+export { Field as Field_alias_1 }
+
+declare interface FieldContextValue {
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+}
+export { FieldContextValue }
+export { FieldContextValue as FieldContextValue_alias_1 }
+
 declare function getPosition(position: Positions): GetPositionResult;
 export { getPosition }
 export { getPosition as getPosition_alias_1 }
@@ -193,6 +206,10 @@ declare function ThemeProvider(props: PropsWithChildren<unknown>): JSX.Element;
 export { ThemeProvider }
 export { ThemeProvider as ThemeProvider_alias_1 }
 
+declare function useFieldContext(): FieldContextValue;
+export { useFieldContext }
+export { useFieldContext as useFieldContext_alias_1 }
+
 declare function useNavMenuContext(): NavMenuContextValue;
 export { useNavMenuContext }
 export { useNavMenuContext as useNavMenuContext_alias_1 }

package/build/modern/_tsup-dts-rollup.d.ts

@@ -38,6 +38,19 @@ declare type DefaultThemes = 'cerberus';
 export { DefaultThemes }
 export { DefaultThemes as DefaultThemes_alias_1 }
 
+declare function Field(props: PropsWithChildren<FieldContextValue>): JSX.Element;
+export { Field }
+export { Field as Field_alias_1 }
+
+declare interface FieldContextValue {
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+}
+export { FieldContextValue }
+export { FieldContextValue as FieldContextValue_alias_1 }
+
 declare function getPosition(position: Positions): GetPositionResult;
 export { getPosition }
 export { getPosition as getPosition_alias_1 }
@@ -193,6 +206,10 @@ declare function ThemeProvider(props: PropsWithChildren<unknown>): JSX.Element;
 export { ThemeProvider }
 export { ThemeProvider as ThemeProvider_alias_1 }
 
+declare function useFieldContext(): FieldContextValue;
+export { useFieldContext }
+export { useFieldContext as useFieldContext_alias_1 }
+
 declare function useNavMenuContext(): NavMenuContextValue;
 export { useNavMenuContext }
 export { useNavMenuContext as useNavMenuContext_alias_1 }

package/build/modern/context/field.cjs

@@ -0,0 +1,55 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/field.tsx
+var field_exports = {};
+__export(field_exports, {
+  Field: () => Field,
+  useFieldContext: () => useFieldContext
+});
+module.exports = __toCommonJS(field_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FieldContext = (0, import_react.createContext)(null);
+function Field(props) {
+  const value = (0, import_react.useMemo)(
+    () => ({
+      disabled: props.disabled,
+      readonly: props.readonly,
+      required: props.required,
+      invalid: props.invalid
+    }),
+    [props.disabled, props.readonly, props.required, props.invalid]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldContext.Provider, { value, children: props.children });
+}
+function useFieldContext() {
+  const context = (0, import_react.useContext)(FieldContext);
+  if (!context) {
+    throw new Error("useFieldContext must be used within a Field Provider.");
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Field,
+  useFieldContext
+});
+//# sourceMappingURL=field.cjs.map

package/build/modern/context/field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/field.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type PropsWithChildren,\n} from 'react'\n\nexport interface FieldContextValue {\n  disabled?: boolean\n  readonly?: boolean\n  required?: boolean\n  invalid?: boolean\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nexport function Field(\n  props: PropsWithChildren<FieldContextValue>,\n): JSX.Element {\n  const value = useMemo(\n    () => ({\n      disabled: props.disabled,\n      readonly: props.readonly,\n      required: props.required,\n      invalid: props.invalid,\n    }),\n    [props.disabled, props.readonly, props.required, props.invalid],\n  )\n\n  return (\n    <FieldContext.Provider value={value}>\n      {props.children}\n    </FieldContext.Provider>\n  )\n}\n\nexport function useFieldContext(): FieldContextValue {\n  const context = useContext(FieldContext)\n  if (!context) {\n    throw new Error('useFieldContext must be used within a Field Provider.')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAKO;AAyBH;AAhBJ,IAAM,mBAAe,4BAAwC,IAAI;AAE1D,SAAS,MACd,OACa;AACb,QAAM,YAAQ;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM;AAAA,IACjB;AAAA,IACA,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,UAAU,MAAM,OAAO;AAAA,EAChE;AAEA,SACE,4CAAC,aAAa,UAAb,EAAsB,OACpB,gBAAM,UACT;AAEJ;AAEO,SAAS,kBAAqC;AACnD,QAAM,cAAU,yBAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/build/modern/context/field.d.cts

@@ -0,0 +1,3 @@
+export { Field_alias_1 as Field } from '../_tsup-dts-rollup';
+export { useFieldContext_alias_1 as useFieldContext } from '../_tsup-dts-rollup';
+export { FieldContextValue_alias_1 as FieldContextValue } from '../_tsup-dts-rollup';

package/build/modern/context/field.d.ts

@@ -0,0 +1,3 @@
+export { Field_alias_1 as Field } from '../_tsup-dts-rollup';
+export { useFieldContext_alias_1 as useFieldContext } from '../_tsup-dts-rollup';
+export { FieldContextValue_alias_1 as FieldContextValue } from '../_tsup-dts-rollup';

package/build/modern/context/field.js

@@ -0,0 +1,34 @@
+"use client";
+
+// src/context/field.tsx
+import {
+  createContext,
+  useContext,
+  useMemo
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var FieldContext = createContext(null);
+function Field(props) {
+  const value = useMemo(
+    () => ({
+      disabled: props.disabled,
+      readonly: props.readonly,
+      required: props.required,
+      invalid: props.invalid
+    }),
+    [props.disabled, props.readonly, props.required, props.invalid]
+  );
+  return /* @__PURE__ */ jsx(FieldContext.Provider, { value, children: props.children });
+}
+function useFieldContext() {
+  const context = useContext(FieldContext);
+  if (!context) {
+    throw new Error("useFieldContext must be used within a Field Provider.");
+  }
+  return context;
+}
+export {
+  Field,
+  useFieldContext
+};
+//# sourceMappingURL=field.js.map

package/build/modern/context/field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/field.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type PropsWithChildren,\n} from 'react'\n\nexport interface FieldContextValue {\n  disabled?: boolean\n  readonly?: boolean\n  required?: boolean\n  invalid?: boolean\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nexport function Field(\n  props: PropsWithChildren<FieldContextValue>,\n): JSX.Element {\n  const value = useMemo(\n    () => ({\n      disabled: props.disabled,\n      readonly: props.readonly,\n      required: props.required,\n      invalid: props.invalid,\n    }),\n    [props.disabled, props.readonly, props.required, props.invalid],\n  )\n\n  return (\n    <FieldContext.Provider value={value}>\n      {props.children}\n    </FieldContext.Provider>\n  )\n}\n\nexport function useFieldContext(): FieldContextValue {\n  const context = useContext(FieldContext)\n  if (!context) {\n    throw new Error('useFieldContext must be used within a Field Provider.')\n  }\n  return context\n}\n"],"mappings":";;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAyBH;AAhBJ,IAAM,eAAe,cAAwC,IAAI;AAE1D,SAAS,MACd,OACa;AACb,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM;AAAA,IACjB;AAAA,IACA,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,UAAU,MAAM,OAAO;AAAA,EAChE;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OACpB,gBAAM,UACT;AAEJ;AAEO,SAAS,kBAAqC;AACnD,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/build/modern/index.cjs

@@ -22,6 +22,7 @@ __reExport(src_exports, require("./components/NavMenuTrigger.cjs"), module.expor
 __reExport(src_exports, require("./components/NavMenuList.cjs"), module.exports);
 __reExport(src_exports, require("./components/NavMenuLink.cjs"), module.exports);
 __reExport(src_exports, require("./components/Show.cjs"), module.exports);
+__reExport(src_exports, require("./context/field.cjs"), module.exports);
 __reExport(src_exports, require("./context/navMenu.cjs"), module.exports);
 __reExport(src_exports, require("./context/theme.cjs"), module.exports);
 __reExport(src_exports, require("./hooks/useTheme.cjs"), module.exports);
@@ -34,6 +35,7 @@ __reExport(src_exports, require("./types.cjs"), module.exports);
   ...require("./components/NavMenuList.cjs"),
   ...require("./components/NavMenuLink.cjs"),
   ...require("./components/Show.cjs"),
+  ...require("./context/field.cjs"),
   ...require("./context/navMenu.cjs"),
   ...require("./context/theme.cjs"),
   ...require("./hooks/useTheme.cjs"),

package/build/modern/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Button'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/navMenu'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\n\n// shared types\n\nexport * from './types'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA,wBAAc,oCAFd;AAGA,wBAAc,4CAHd;AAIA,wBAAc,yCAJd;AAKA,wBAAc,yCALd;AAMA,wBAAc,kCANd;AAUA,wBAAc,kCAVd;AAWA,wBAAc,gCAXd;AAeA,wBAAc,iCAfd;AAmBA,wBAAc,6CAnBd;AAuBA,wBAAc,wBAvBd;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Button'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\n\n// shared types\n\nexport * from './types'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA,wBAAc,oCAFd;AAGA,wBAAc,4CAHd;AAIA,wBAAc,yCAJd;AAKA,wBAAc,yCALd;AAMA,wBAAc,kCANd;AAUA,wBAAc,gCAVd;AAWA,wBAAc,kCAXd;AAYA,wBAAc,gCAZd;AAgBA,wBAAc,iCAhBd;AAoBA,wBAAc,6CApBd;AAwBA,wBAAc,wBAxBd;","names":[]}

package/build/modern/index.d.cts

@@ -9,6 +9,9 @@ export { NavMenuLink } from './_tsup-dts-rollup';
 export { NavMenuLinkProps } from './_tsup-dts-rollup';
 export { Show } from './_tsup-dts-rollup';
 export { ShowProps } from './_tsup-dts-rollup';
+export { Field } from './_tsup-dts-rollup';
+export { useFieldContext } from './_tsup-dts-rollup';
+export { FieldContextValue } from './_tsup-dts-rollup';
 export { NavMenu } from './_tsup-dts-rollup';
 export { useNavMenuContext } from './_tsup-dts-rollup';
 export { NavTriggerRef } from './_tsup-dts-rollup';

package/build/modern/index.d.ts

@@ -9,6 +9,9 @@ export { NavMenuLink } from './_tsup-dts-rollup';
 export { NavMenuLinkProps } from './_tsup-dts-rollup';
 export { Show } from './_tsup-dts-rollup';
 export { ShowProps } from './_tsup-dts-rollup';
+export { Field } from './_tsup-dts-rollup';
+export { useFieldContext } from './_tsup-dts-rollup';
+export { FieldContextValue } from './_tsup-dts-rollup';
 export { NavMenu } from './_tsup-dts-rollup';
 export { useNavMenuContext } from './_tsup-dts-rollup';
 export { NavTriggerRef } from './_tsup-dts-rollup';

package/build/modern/index.js

@@ -4,6 +4,7 @@ export * from "./components/NavMenuTrigger.js";
 export * from "./components/NavMenuList.js";
 export * from "./components/NavMenuLink.js";
 export * from "./components/Show.js";
+export * from "./context/field.js";
 export * from "./context/navMenu.js";
 export * from "./context/theme.js";
 export * from "./hooks/useTheme.js";

package/build/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Button'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/navMenu'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\n\n// shared types\n\nexport * from './types'\n"],"mappings":";AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc;AACd,cAAc;AAId,cAAc;AAId,cAAc;AAId,cAAc;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["// components\n\nexport * from './components/Button'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\n\n// shared types\n\nexport * from './types'\n"],"mappings":";AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc;AAId,cAAc;AAId,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.0.1-next-a6c2598",
+  "version": "0.0.1-next-f49bb60",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -21,7 +21,7 @@
     "react-dom": "^18",
     "tsup": "^8.0.2",
     "@cerberus-design/configs": "0.0.0",
-    "@cerberus-design/styled-system": "0.0.1-next-a6c2598"
+    "@cerberus-design/styled-system": "0.0.1-next-f49bb60"
   },
   "publishConfig": {
     "access": "public"

package/src/context/field.tsx

@@ -0,0 +1,45 @@
+'use client'
+
+import {
+  createContext,
+  useContext,
+  useMemo,
+  type PropsWithChildren,
+} from 'react'
+
+export interface FieldContextValue {
+  disabled?: boolean
+  readonly?: boolean
+  required?: boolean
+  invalid?: boolean
+}
+
+const FieldContext = createContext<FieldContextValue | null>(null)
+
+export function Field(
+  props: PropsWithChildren<FieldContextValue>,
+): JSX.Element {
+  const value = useMemo(
+    () => ({
+      disabled: props.disabled,
+      readonly: props.readonly,
+      required: props.required,
+      invalid: props.invalid,
+    }),
+    [props.disabled, props.readonly, props.required, props.invalid],
+  )
+
+  return (
+    <FieldContext.Provider value={value}>
+      {props.children}
+    </FieldContext.Provider>
+  )
+}
+
+export function useFieldContext(): FieldContextValue {
+  const context = useContext(FieldContext)
+  if (!context) {
+    throw new Error('useFieldContext must be used within a Field Provider.')
+  }
+  return context
+}

package/src/index.ts

@@ -8,6 +8,7 @@ export * from './components/Show'
 
 // context
 
+export * from './context/field'
 export * from './context/navMenu'
 export * from './context/theme'