@axenstudio/axen-form 0.1.1

package/dist/fields/fieldUtils.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function cx(...args) {
+  return args.filter(Boolean).join(" ");
+}
+function ariaProps(name, options) {
+  const helperId2 = `${name}-helper`;
+  const labelId2 = `${name}-label`;
+  return {
+    id: name,
+    "aria-invalid": options.error ? true : void 0,
+    "aria-describedby": options.helperText ? helperId2 : options.describedBy,
+    "aria-required": options.required || void 0,
+    "aria-labelledby": options.label ? labelId2 : void 0
+  };
+}
+function helperId(name) {
+  return `${name}-helper`;
+}
+function labelId(name) {
+  return `${name}-label`;
+}
+exports.ariaProps = ariaProps;
+exports.cx = cx;
+exports.helperId = helperId;
+exports.labelId = labelId;

package/dist/fields/fieldUtils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Field utility functions shared across all field components.
+ */
+/** Compose CSS module class names — falsy values are filtered out */
+export declare function cx(...args: (string | false | null | undefined)[]): string;
+/** Build ARIA props for a field */
+export declare function ariaProps(name: string, options: {
+    error?: boolean;
+    helperText?: string;
+    required?: boolean;
+    label?: string;
+    describedBy?: string;
+}): {
+    readonly id: string;
+    readonly 'aria-invalid': true | undefined;
+    readonly 'aria-describedby': string | undefined;
+    readonly 'aria-required': true | undefined;
+    readonly 'aria-labelledby': string | undefined;
+};
+/** Generate helper text element ID */
+export declare function helperId(name: string): string;
+/** Generate label element ID */
+export declare function labelId(name: string): string;
+//# sourceMappingURL=fieldUtils.d.ts.map

package/dist/fields/fieldUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldUtils.d.ts","sourceRoot":"","sources":["../../src/fields/fieldUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,qEAAqE;AACrE,wBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAEzE;AAED,mCAAmC;AACnC,wBAAgB,SAAS,CACvB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE;IACP,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;;;;;;EAYF;AAED,sCAAsC;AACtC,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE7C;AAED,gCAAgC;AAChC,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE5C"}

package/dist/fields/fieldUtils.js

@@ -0,0 +1,26 @@
+function cx(...args) {
+  return args.filter(Boolean).join(" ");
+}
+function ariaProps(name, options) {
+  const helperId2 = `${name}-helper`;
+  const labelId2 = `${name}-label`;
+  return {
+    id: name,
+    "aria-invalid": options.error ? true : void 0,
+    "aria-describedby": options.helperText ? helperId2 : options.describedBy,
+    "aria-required": options.required || void 0,
+    "aria-labelledby": options.label ? labelId2 : void 0
+  };
+}
+function helperId(name) {
+  return `${name}-helper`;
+}
+function labelId(name) {
+  return `${name}-label`;
+}
+export {
+  ariaProps,
+  cx,
+  helperId,
+  labelId
+};

package/dist/index.cjs

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dateUtils = require("./core/dateUtils.cjs");
+const formStore = require("./core/formStore.cjs");
+const numberUtils = require("./core/numberUtils.cjs");
+const pathUtils = require("./core/pathUtils.cjs");
+const payloadUtils = require("./core/payloadUtils.cjs");
+const validation = require("./core/validation.cjs");
+const FormContext = require("./react/FormContext.cjs");
+const useAxenForm = require("./react/useAxenForm.cjs");
+const useField = require("./react/useField.cjs");
+const useFieldArray = require("./react/useFieldArray.cjs");
+const AxenArrayField = require("./react/AxenArrayField.cjs");
+const AxenField = require("./react/AxenField.cjs");
+const AxenForm = require("./react/AxenForm.cjs");
+const AutocompleteField = require("./fields/AutocompleteField/AutocompleteField.cjs");
+const AutocompleteMultiField = require("./fields/AutocompleteMultiField/AutocompleteMultiField.cjs");
+const AutocompletePredictField = require("./fields/AutocompletePredictField/AutocompletePredictField.cjs");
+const CheckboxField = require("./fields/CheckboxField/CheckboxField.cjs");
+const ColorField = require("./fields/ColorField/ColorField.cjs");
+const CurrencyField = require("./fields/CurrencyField/CurrencyField.cjs");
+const DateField = require("./fields/DateField/DateField.cjs");
+const DateTimeField = require("./fields/DateTimeField/DateTimeField.cjs");
+const defaultComponentMap = require("./fields/defaultComponentMap.cjs");
+const EmailField = require("./fields/EmailField/EmailField.cjs");
+const NumberField = require("./fields/NumberField/NumberField.cjs");
+const PasswordField = require("./fields/PasswordField/PasswordField.cjs");
+const PhoneField = require("./fields/PhoneField/PhoneField.cjs");
+const RadioField = require("./fields/RadioField/RadioField.cjs");
+const SelectField = require("./fields/SelectField/SelectField.cjs");
+const SliderField = require("./fields/SliderField/SliderField.cjs");
+const SwitchField = require("./fields/SwitchField/SwitchField.cjs");
+const TextareaField = require("./fields/TextareaField/TextareaField.cjs");
+const TextField = require("./fields/TextField/TextField.cjs");
+const TimeField = require("./fields/TimeField/TimeField.cjs");
+const Box = require("./layout/Box/Box.cjs");
+const Divider = require("./layout/Divider/Divider.cjs");
+const Grid = require("./layout/Grid/Grid.cjs");
+const Spacer = require("./layout/Spacer/Spacer.cjs");
+const Stack = require("./layout/Stack/Stack.cjs");
+const fieldUtils = require("./fields/fieldUtils.cjs");
+exports.formatDateLocale = dateUtils.formatDateLocale;
+exports.formatDateTimeLocale = dateUtils.formatDateTimeLocale;
+exports.formatTimeLocale = dateUtils.formatTimeLocale;
+exports.getDefaultLocale = dateUtils.getDefaultLocale;
+exports.toISODateString = dateUtils.toISODateString;
+exports.toISODateTimeLocalString = dateUtils.toISODateTimeLocalString;
+exports.toISOTimeString = dateUtils.toISOTimeString;
+exports.createFormStore = formStore.createFormStore;
+exports.calculateCursorPosition = numberUtils.calculateCursorPosition;
+exports.formatNumber = numberUtils.formatNumber;
+exports.getDecimalSeparator = numberUtils.getDecimalSeparator;
+exports.getGroupSeparator = numberUtils.getGroupSeparator;
+exports.stripNonNumeric = numberUtils.stripNonNumeric;
+exports.get = pathUtils.get;
+exports.pathToString = pathUtils.pathToString;
+exports.set = pathUtils.set;
+exports.toPathArray = pathUtils.toPathArray;
+exports.getStrippedFields = payloadUtils.getStrippedFields;
+exports.mapPayload = payloadUtils.mapPayload;
+exports.pickFields = payloadUtils.pickFields;
+exports.simpleValidator = validation.simpleValidator;
+exports.FormContext = FormContext.FormContext;
+exports.useFormContext = FormContext.useFormContext;
+exports.useAxenForm = useAxenForm.useAxenForm;
+exports.useField = useField.useField;
+exports.useFieldArray = useFieldArray.useFieldArray;
+exports.AxenArrayField = AxenArrayField.AxenArrayField;
+exports.AxenField = AxenField.AxenField;
+exports.AxenForm = AxenForm.AxenForm;
+exports.AutocompleteField = AutocompleteField.AutocompleteField;
+exports.AutocompleteMultiField = AutocompleteMultiField.AutocompleteMultiField;
+exports.AutocompletePredictField = AutocompletePredictField.AutocompletePredictField;
+exports.CheckboxField = CheckboxField.CheckboxField;
+exports.ColorField = ColorField.ColorField;
+exports.CurrencyField = CurrencyField.CurrencyField;
+exports.DateField = DateField.DateField;
+exports.DateTimeField = DateTimeField.DateTimeField;
+exports.defaultComponentMap = defaultComponentMap.defaultComponentMap;
+exports.EmailField = EmailField.EmailField;
+exports.NumberField = NumberField.NumberField;
+exports.PasswordField = PasswordField.PasswordField;
+exports.PhoneField = PhoneField.PhoneField;
+exports.RadioField = RadioField.RadioField;
+exports.SelectField = SelectField.SelectField;
+exports.SliderField = SliderField.SliderField;
+exports.SwitchField = SwitchField.SwitchField;
+exports.TextareaField = TextareaField.TextareaField;
+exports.TextField = TextField.TextField;
+exports.TimeField = TimeField.TimeField;
+exports.Box = Box.Box;
+exports.Divider = Divider.Divider;
+exports.Grid = Grid.Grid;
+exports.Spacer = Spacer.Spacer;
+exports.Stack = Stack.Stack;
+exports.ariaProps = fieldUtils.ariaProps;
+exports.cx = fieldUtils.cx;
+exports.helperId = fieldUtils.helperId;
+exports.labelId = fieldUtils.labelId;

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+export type { ArrayFieldConfig, ArrayHelpers, AutocompleteOption, AxenFormProps, AxenFormRef, BoxProps, Breakpoint, BuiltInFieldType, DividerProps, FieldComponentProps, FieldConfig, FieldOption, FieldTypeComponentMap, FormApi, FormConfig, GridProps, GridSize, PayloadConfig, SpacerProps, StackProps, ValidationAdapter, } from './types';
+export { formatDateLocale, formatDateTimeLocale, formatTimeLocale, getDefaultLocale, toISODateString, toISODateTimeLocalString, toISOTimeString, } from './core/dateUtils';
+export { createFormStore } from './core/formStore';
+export { calculateCursorPosition, formatNumber, getDecimalSeparator, getGroupSeparator, stripNonNumeric, } from './core/numberUtils';
+export { get, pathToString, set, toPathArray } from './core/pathUtils';
+export { getStrippedFields, mapPayload, pickFields } from './core/payloadUtils';
+export { simpleValidator } from './core/validation';
+export { FormContext, useFormContext } from './react/FormContext';
+export type { FormContextValue } from './react/FormContext';
+export { useAxenForm } from './react/useAxenForm';
+export { useField } from './react/useField';
+export { useFieldArray } from './react/useFieldArray';
+export { AxenArrayField } from './react/AxenArrayField';
+export { AxenField } from './react/AxenField';
+export { AxenForm } from './react/AxenForm';
+export { AutocompleteField } from './fields/AutocompleteField/AutocompleteField';
+export { AutocompleteMultiField } from './fields/AutocompleteMultiField/AutocompleteMultiField';
+export { AutocompletePredictField } from './fields/AutocompletePredictField/AutocompletePredictField';
+export { CheckboxField } from './fields/CheckboxField/CheckboxField';
+export { ColorField } from './fields/ColorField/ColorField';
+export { CurrencyField } from './fields/CurrencyField/CurrencyField';
+export { DateField } from './fields/DateField/DateField';
+export { DateTimeField } from './fields/DateTimeField/DateTimeField';
+export { defaultComponentMap } from './fields/defaultComponentMap';
+export { EmailField } from './fields/EmailField/EmailField';
+export { NumberField } from './fields/NumberField/NumberField';
+export { PasswordField } from './fields/PasswordField/PasswordField';
+export { PhoneField } from './fields/PhoneField/PhoneField';
+export { RadioField } from './fields/RadioField/RadioField';
+export { SelectField } from './fields/SelectField/SelectField';
+export { SliderField } from './fields/SliderField/SliderField';
+export { SwitchField } from './fields/SwitchField/SwitchField';
+export { TextareaField } from './fields/TextareaField/TextareaField';
+export { TextField } from './fields/TextField/TextField';
+export { TimeField } from './fields/TimeField/TimeField';
+export { Box } from './layout/Box/Box';
+export { Divider } from './layout/Divider/Divider';
+export { Grid } from './layout/Grid/Grid';
+export { Spacer } from './layout/Spacer/Spacer';
+export { Stack } from './layout/Stack/Stack';
+export { ariaProps, cx, helperId, labelId } from './fields/fieldUtils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,YAAY,EACV,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,qBAAqB,EACrB,OAAO,EACP,UAAU,EACV,SAAS,EACT,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EACL,uBAAuB,EACvB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAClE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAC;AAChG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AACtG,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,99 @@
+import { formatDateLocale, formatDateTimeLocale, formatTimeLocale, getDefaultLocale, toISODateString, toISODateTimeLocalString, toISOTimeString } from "./core/dateUtils.js";
+import { createFormStore } from "./core/formStore.js";
+import { calculateCursorPosition, formatNumber, getDecimalSeparator, getGroupSeparator, stripNonNumeric } from "./core/numberUtils.js";
+import { get, pathToString, set, toPathArray } from "./core/pathUtils.js";
+import { getStrippedFields, mapPayload, pickFields } from "./core/payloadUtils.js";
+import { simpleValidator } from "./core/validation.js";
+import { FormContext, useFormContext } from "./react/FormContext.js";
+import { useAxenForm } from "./react/useAxenForm.js";
+import { useField } from "./react/useField.js";
+import { useFieldArray } from "./react/useFieldArray.js";
+import { AxenArrayField } from "./react/AxenArrayField.js";
+import { AxenField } from "./react/AxenField.js";
+import { AxenForm } from "./react/AxenForm.js";
+import { AutocompleteField } from "./fields/AutocompleteField/AutocompleteField.js";
+import { AutocompleteMultiField } from "./fields/AutocompleteMultiField/AutocompleteMultiField.js";
+import { AutocompletePredictField } from "./fields/AutocompletePredictField/AutocompletePredictField.js";
+import { CheckboxField } from "./fields/CheckboxField/CheckboxField.js";
+import { ColorField } from "./fields/ColorField/ColorField.js";
+import { CurrencyField } from "./fields/CurrencyField/CurrencyField.js";
+import { DateField } from "./fields/DateField/DateField.js";
+import { DateTimeField } from "./fields/DateTimeField/DateTimeField.js";
+import { defaultComponentMap } from "./fields/defaultComponentMap.js";
+import { EmailField } from "./fields/EmailField/EmailField.js";
+import { NumberField } from "./fields/NumberField/NumberField.js";
+import { PasswordField } from "./fields/PasswordField/PasswordField.js";
+import { PhoneField } from "./fields/PhoneField/PhoneField.js";
+import { RadioField } from "./fields/RadioField/RadioField.js";
+import { SelectField } from "./fields/SelectField/SelectField.js";
+import { SliderField } from "./fields/SliderField/SliderField.js";
+import { SwitchField } from "./fields/SwitchField/SwitchField.js";
+import { TextareaField } from "./fields/TextareaField/TextareaField.js";
+import { TextField } from "./fields/TextField/TextField.js";
+import { TimeField } from "./fields/TimeField/TimeField.js";
+import { Box } from "./layout/Box/Box.js";
+import { Divider } from "./layout/Divider/Divider.js";
+import { Grid } from "./layout/Grid/Grid.js";
+import { Spacer } from "./layout/Spacer/Spacer.js";
+import { Stack } from "./layout/Stack/Stack.js";
+import { ariaProps, cx, helperId, labelId } from "./fields/fieldUtils.js";
+export {
+  AutocompleteField,
+  AutocompleteMultiField,
+  AutocompletePredictField,
+  AxenArrayField,
+  AxenField,
+  AxenForm,
+  Box,
+  CheckboxField,
+  ColorField,
+  CurrencyField,
+  DateField,
+  DateTimeField,
+  Divider,
+  EmailField,
+  FormContext,
+  Grid,
+  NumberField,
+  PasswordField,
+  PhoneField,
+  RadioField,
+  SelectField,
+  SliderField,
+  Spacer,
+  Stack,
+  SwitchField,
+  TextField,
+  TextareaField,
+  TimeField,
+  ariaProps,
+  calculateCursorPosition,
+  createFormStore,
+  cx,
+  defaultComponentMap,
+  formatDateLocale,
+  formatDateTimeLocale,
+  formatNumber,
+  formatTimeLocale,
+  get,
+  getDecimalSeparator,
+  getDefaultLocale,
+  getGroupSeparator,
+  getStrippedFields,
+  helperId,
+  labelId,
+  mapPayload,
+  pathToString,
+  pickFields,
+  set,
+  simpleValidator,
+  stripNonNumeric,
+  toISODateString,
+  toISODateTimeLocalString,
+  toISOTimeString,
+  toPathArray,
+  useAxenForm,
+  useField,
+  useFieldArray,
+  useFormContext
+};

package/dist/layout/Box/Box.cjs

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const fieldUtils = require("../../fields/fieldUtils.cjs");
+const Box_module = require("./Box.module.css.cjs");
+const SPACING_UNIT = 8;
+function Box({
+  children,
+  component: Component = "div",
+  display,
+  flexDirection,
+  justifyContent,
+  alignItems,
+  flexWrap,
+  gap,
+  p,
+  px,
+  py,
+  m,
+  mx,
+  my,
+  className,
+  style: userStyle
+}) {
+  const style = react.useMemo(() => {
+    const s = {};
+    if (display) s.display = display;
+    if (flexDirection) s.flexDirection = flexDirection;
+    if (justifyContent) s.justifyContent = justifyContent;
+    if (alignItems) s.alignItems = alignItems;
+    if (flexWrap) s.flexWrap = flexWrap;
+    if (gap != null) s.gap = typeof gap === "number" ? `${gap * SPACING_UNIT}px` : gap;
+    if (p != null) s.padding = `${p * SPACING_UNIT}px`;
+    if (px != null) {
+      s.paddingLeft = `${px * SPACING_UNIT}px`;
+      s.paddingRight = `${px * SPACING_UNIT}px`;
+    }
+    if (py != null) {
+      s.paddingTop = `${py * SPACING_UNIT}px`;
+      s.paddingBottom = `${py * SPACING_UNIT}px`;
+    }
+    if (m != null) s.margin = `${m * SPACING_UNIT}px`;
+    if (mx != null) {
+      s.marginLeft = `${mx * SPACING_UNIT}px`;
+      s.marginRight = `${mx * SPACING_UNIT}px`;
+    }
+    if (my != null) {
+      s.marginTop = `${my * SPACING_UNIT}px`;
+      s.marginBottom = `${my * SPACING_UNIT}px`;
+    }
+    return { ...s, ...userStyle };
+  }, [
+    display,
+    flexDirection,
+    justifyContent,
+    alignItems,
+    flexWrap,
+    gap,
+    p,
+    px,
+    py,
+    m,
+    mx,
+    my,
+    userStyle
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { className: fieldUtils.cx(Box_module.default.box, className), style, children });
+}
+exports.Box = Box;

package/dist/layout/Box/Box.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '../../types';
+/**
+ * Utility box component for flex/block layout + spacing.
+ */
+export declare function Box({ children, component: Component, display, flexDirection, justifyContent, alignItems, flexWrap, gap, p, px, py, m, mx, my, className, style: userStyle, }: Readonly<BoxProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Box.d.ts.map

package/dist/layout/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/layout/Box/Box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAK5C;;GAEG;AACH,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EAAE,SAAiB,EAC5B,OAAO,EACP,aAAa,EACb,cAAc,EACd,UAAU,EACV,QAAQ,EACR,GAAG,EACH,CAAC,EACD,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,SAAS,EACT,KAAK,EAAE,SAAS,GACjB,EAAE,QAAQ,CAAC,QAAQ,CAAC,2CAuDpB"}

package/dist/layout/Box/Box.js

@@ -0,0 +1,70 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cx } from "../../fields/fieldUtils.js";
+import styles from "./Box.module.css.js";
+const SPACING_UNIT = 8;
+function Box({
+  children,
+  component: Component = "div",
+  display,
+  flexDirection,
+  justifyContent,
+  alignItems,
+  flexWrap,
+  gap,
+  p,
+  px,
+  py,
+  m,
+  mx,
+  my,
+  className,
+  style: userStyle
+}) {
+  const style = useMemo(() => {
+    const s = {};
+    if (display) s.display = display;
+    if (flexDirection) s.flexDirection = flexDirection;
+    if (justifyContent) s.justifyContent = justifyContent;
+    if (alignItems) s.alignItems = alignItems;
+    if (flexWrap) s.flexWrap = flexWrap;
+    if (gap != null) s.gap = typeof gap === "number" ? `${gap * SPACING_UNIT}px` : gap;
+    if (p != null) s.padding = `${p * SPACING_UNIT}px`;
+    if (px != null) {
+      s.paddingLeft = `${px * SPACING_UNIT}px`;
+      s.paddingRight = `${px * SPACING_UNIT}px`;
+    }
+    if (py != null) {
+      s.paddingTop = `${py * SPACING_UNIT}px`;
+      s.paddingBottom = `${py * SPACING_UNIT}px`;
+    }
+    if (m != null) s.margin = `${m * SPACING_UNIT}px`;
+    if (mx != null) {
+      s.marginLeft = `${mx * SPACING_UNIT}px`;
+      s.marginRight = `${mx * SPACING_UNIT}px`;
+    }
+    if (my != null) {
+      s.marginTop = `${my * SPACING_UNIT}px`;
+      s.marginBottom = `${my * SPACING_UNIT}px`;
+    }
+    return { ...s, ...userStyle };
+  }, [
+    display,
+    flexDirection,
+    justifyContent,
+    alignItems,
+    flexWrap,
+    gap,
+    p,
+    px,
+    py,
+    m,
+    mx,
+    my,
+    userStyle
+  ]);
+  return /* @__PURE__ */ jsx(Component, { className: cx(styles.box, className), style, children });
+}
+export {
+  Box
+};

package/dist/layout/Box/Box.module.css

@@ -0,0 +1,3 @@
+._box_17jtc_1 {
+  min-width: 0;
+}

package/dist/layout/Box/Box.module.css.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const box = "_box_17jtc_1";
+const styles = {
+  box
+};
+exports.box = box;
+exports.default = styles;

package/dist/layout/Box/Box.module.css.js

@@ -0,0 +1,8 @@
+const box = "_box_17jtc_1";
+const styles = {
+  box
+};
+export {
+  box,
+  styles as default
+};

package/dist/layout/Divider/Divider.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const fieldUtils = require("../../fields/fieldUtils.cjs");
+const Divider_module = require("./Divider.module.css.cjs");
+function Divider({ orientation = "horizontal", className, style }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "hr",
+    {
+      className: fieldUtils.cx(
+        Divider_module.default.divider,
+        orientation === "vertical" ? Divider_module.default.vertical : Divider_module.default.horizontal,
+        className
+      ),
+      style,
+      "aria-orientation": orientation
+    }
+  );
+}
+exports.Divider = Divider;

package/dist/layout/Divider/Divider.d.ts

@@ -0,0 +1,6 @@
+import { DividerProps } from '../../types';
+/**
+ * Visual divider line — horizontal or vertical.
+ */
+export declare function Divider({ orientation, className, style }: Readonly<DividerProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/layout/Divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/layout/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,WAA0B,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,YAAY,CAAC,2CAY/F"}

package/dist/layout/Divider/Divider.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { cx } from "../../fields/fieldUtils.js";
+import styles from "./Divider.module.css.js";
+function Divider({ orientation = "horizontal", className, style }) {
+  return /* @__PURE__ */ jsx(
+    "hr",
+    {
+      className: cx(
+        styles.divider,
+        orientation === "vertical" ? styles.vertical : styles.horizontal,
+        className
+      ),
+      style,
+      "aria-orientation": orientation
+    }
+  );
+}
+export {
+  Divider
+};

package/dist/layout/Divider/Divider.module.css

@@ -0,0 +1,25 @@
+._divider_7khjl_1 {
+  border: none;
+  margin: 0;
+  flex-shrink: 0;
+}
+
+._horizontal_7khjl_7 {
+  width: 100%;
+  height: 1px;
+  background-color: var(--axen-color-border);
+}
+
+._vertical_7khjl_13 {
+  width: 1px;
+  height: auto;
+  align-self: stretch;
+  background-color: var(--axen-color-border);
+}
+
+@media (prefers-contrast: more) {
+  ._horizontal_7khjl_7,
+  ._vertical_7khjl_13 {
+    background-color: var(--axen-color-text);
+  }
+}

package/dist/layout/Divider/Divider.module.css.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const divider = "_divider_7khjl_1";
+const horizontal = "_horizontal_7khjl_7";
+const vertical = "_vertical_7khjl_13";
+const styles = {
+  divider,
+  horizontal,
+  vertical
+};
+exports.default = styles;
+exports.divider = divider;
+exports.horizontal = horizontal;
+exports.vertical = vertical;

package/dist/layout/Divider/Divider.module.css.js

@@ -0,0 +1,14 @@
+const divider = "_divider_7khjl_1";
+const horizontal = "_horizontal_7khjl_7";
+const vertical = "_vertical_7khjl_13";
+const styles = {
+  divider,
+  horizontal,
+  vertical
+};
+export {
+  styles as default,
+  divider,
+  horizontal,
+  vertical
+};