@choco-vanille/ui 1.2.0 → 1.3.0

package/dist/components/forms/number-field/NumberField.d.ts

@@ -0,0 +1,8 @@
+import { NumberFieldProps } from './types';
+import { NamedExoticComponent } from 'react';
+/**
+ * A numeric field with keyboard and button increments, min/max constraints and
+ * the same label, helper and error API as TextField.
+ */
+declare const NumberField: NamedExoticComponent<NumberFieldProps>;
+export default NumberField;

package/dist/components/forms/number-field/NumberField.js

@@ -0,0 +1,119 @@
+import { jsxs as C, jsx as r } from "react/jsx-runtime";
+import { NumberField as P } from "@base-ui/react/number-field";
+import { memo as _, useId as $ } from "react";
+import q from "../text-field/components/text-field-label/TextFieldLabel.js";
+/* empty css                                         */
+/* empty css                                             */
+/* empty css                                                                                 */
+import "../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
+/* empty css                                                                                          */
+import "../text-field/components/text-field-end-action/TextFieldEndAction.js";
+/* empty css                                                                                          */
+import H from "../_shared/components/helper-text/HelperText.js";
+import M from "./components/number-field-input/NumberFieldInput.js";
+import { NUMBER_FIELD_STYLES as U } from "./styles/NumberField.css.js";
+import W from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+const Y = _((s) => {
+  const {
+    id: n,
+    label: i,
+    helperText: o,
+    error: e,
+    width: t,
+    size: u = "md",
+    className: c,
+    disabled: l,
+    required: f,
+    readOnly: b,
+    name: h,
+    form: x,
+    min: F,
+    max: N,
+    step: I,
+    smallStep: g,
+    largeStep: y,
+    allowOutOfRange: S,
+    allowWheelScrub: v,
+    snapOnStep: B,
+    format: w,
+    locale: E,
+    value: O,
+    defaultValue: R,
+    onValueChange: T,
+    onValueCommitted: j,
+    ref: z,
+    "aria-describedby": D,
+    ...L
+  } = s, m = $(), a = n ?? m, d = `${m}-helper`, p = !!e, V = [D, e || o ? d : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ C(
+    W,
+    {
+      flexDirection: "column",
+      gap: "xs",
+      width: "100%",
+      alignItems: "start",
+      style: t !== void 0 ? { width: t } : void 0,
+      children: [
+        i && /* @__PURE__ */ r(
+          q,
+          {
+            htmlFor: a,
+            disabled: l,
+            children: i
+          }
+        ),
+        /* @__PURE__ */ r(
+          P.Root,
+          {
+            id: a,
+            min: F,
+            max: N,
+            step: I,
+            smallStep: g,
+            largeStep: y,
+            allowOutOfRange: S,
+            allowWheelScrub: v,
+            snapOnStep: B,
+            format: w,
+            locale: E,
+            value: O,
+            defaultValue: R,
+            onValueChange: T,
+            onValueCommitted: j,
+            disabled: l,
+            readOnly: b,
+            required: f,
+            name: h,
+            form: x,
+            className: U.root,
+            children: /* @__PURE__ */ r(
+              M,
+              {
+                inputProps: L,
+                inputRef: z,
+                className: c,
+                describedBy: V,
+                hasError: p,
+                size: u
+              }
+            )
+          }
+        ),
+        (e || o) && /* @__PURE__ */ r(
+          H,
+          {
+            id: d,
+            hasError: p,
+            children: e ?? o
+          }
+        )
+      ]
+    }
+  );
+});
+Y.displayName = "NumberField";
+export {
+  Y as default
+};
+//# sourceMappingURL=NumberField.js.map

package/dist/components/forms/number-field/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sources":["../../../../src/components/forms/number-field/NumberField.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\nimport { memo, useId } from 'react'\r\n\r\nimport { TextFieldLabel } from '@components/forms/text-field/components'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport NumberFieldInput from '@components/forms/number-field/components/number-field-input/NumberFieldInput.tsx'\r\nimport { NUMBER_FIELD_STYLES } from '@components/forms/number-field/styles/NumberField.css.ts'\r\nimport type { NumberFieldProps } from '@components/forms/number-field/types'\r\nimport { Flex } from '@components/layout/flex'\r\n\r\n/**\r\n * A numeric field with keyboard and button increments, min/max constraints and\r\n * the same label, helper and error API as TextField.\r\n */\r\nconst NumberField = memo<NumberFieldProps>((props) => {\r\n    const {\r\n        id,\r\n        label,\r\n        helperText,\r\n        error,\r\n        width,\r\n        size: sizeProp = 'md',\r\n        className,\r\n        disabled,\r\n        required,\r\n        readOnly,\r\n        name,\r\n        form,\r\n        min,\r\n        max,\r\n        step,\r\n        smallStep,\r\n        largeStep,\r\n        allowOutOfRange,\r\n        allowWheelScrub,\r\n        snapOnStep,\r\n        format,\r\n        locale,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n        onValueCommitted,\r\n        ref,\r\n        'aria-describedby': ariaDescribedBy,\r\n        ...inputProps\r\n    } = props\r\n    const generatedId = useId()\r\n    const inputId = id ?? generatedId\r\n    const helperId = `${generatedId}-helper`\r\n    const hasError = Boolean(error)\r\n    const describedBy =\r\n    [ariaDescribedBy, error || helperText ? helperId : undefined]\r\n        .filter(Boolean)\r\n        .join(' ') || undefined\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={inputId}\r\n                    disabled={disabled}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <BaseNumberField.Root\r\n                id={inputId}\r\n                min={min}\r\n                max={max}\r\n                step={step}\r\n                smallStep={smallStep}\r\n                largeStep={largeStep}\r\n                allowOutOfRange={allowOutOfRange}\r\n                allowWheelScrub={allowWheelScrub}\r\n                snapOnStep={snapOnStep}\r\n                format={format}\r\n                locale={locale}\r\n                value={value}\r\n                defaultValue={defaultValue}\r\n                onValueChange={onValueChange}\r\n                onValueCommitted={onValueCommitted}\r\n                disabled={disabled}\r\n                readOnly={readOnly}\r\n                required={required}\r\n                name={name}\r\n                form={form}\r\n                className={NUMBER_FIELD_STYLES.root}\r\n            >\r\n                <NumberFieldInput\r\n                    inputProps={inputProps}\r\n                    inputRef={ref}\r\n                    className={className}\r\n                    describedBy={describedBy}\r\n                    hasError={hasError}\r\n                    size={sizeProp}\r\n                />\r\n            </BaseNumberField.Root>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nNumberField.displayName = 'NumberField'\r\n\r\nexport default NumberField\r\n"],"names":["NumberField","memo","props","id","label","helperText","error","width","sizeProp","className","disabled","required","readOnly","name","form","min","max","step","smallStep","largeStep","allowOutOfRange","allowWheelScrub","snapOnStep","format","locale","value","defaultValue","onValueChange","onValueCommitted","ref","ariaDescribedBy","inputProps","generatedId","useId","inputId","helperId","hasError","describedBy","jsxs","Flex","jsx","TextFieldLabel","BaseNumberField","NUMBER_FIELD_STYLES","NumberFieldInput","HelperText"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAMA,IAAcC,EAAuB,CAACC,MAAU;AAClD,QAAM;AAAA,IACF,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAMC,IAAW;AAAA,IACjB,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,GAAGC;AAAA,EAAA,IACH7B,GACE8B,IAAcC,EAAA,GACdC,IAAU/B,KAAM6B,GAChBG,IAAW,GAAGH,CAAW,WACzBI,IAAW,EAAQ9B,GACnB+B,IACN,CAACP,GAAiBxB,KAASD,IAAa8B,IAAW,MAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAElB,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,eAAe;AAAA,MACf,KAAK;AAAA,MACL,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,OAAOhC,MAAU,SAAY,EAAE,OAAAA,MAAU;AAAA,MAExC,UAAA;AAAA,QAAAH,KACG,gBAAAoC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAASP;AAAA,YACT,UAAAxB;AAAA,YAEC,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,QAIT,gBAAAoC;AAAA,UAACE,EAAgB;AAAA,UAAhB;AAAA,YACG,IAAIR;AAAA,YACJ,KAAAnB;AAAA,YACA,KAAAC;AAAA,YACA,MAAAC;AAAA,YACA,WAAAC;AAAA,YACA,WAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,QAAAC;AAAA,YACA,QAAAC;AAAA,YACA,OAAAC;AAAA,YACA,cAAAC;AAAA,YACA,eAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,UAAAlB;AAAA,YACA,UAAAE;AAAA,YACA,UAAAD;AAAA,YACA,MAAAE;AAAA,YACA,MAAAC;AAAA,YACA,WAAW6B,EAAoB;AAAA,YAE/B,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,YAAAb;AAAA,gBACA,UAAUF;AAAA,gBACV,WAAApB;AAAA,gBACA,aAAA4B;AAAA,gBACA,UAAAD;AAAA,gBACA,MAAM5B;AAAA,cAAA;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,SAGFF,KAASD,MACP,gBAAAmC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,IAAIV;AAAA,YACJ,UAAAC;AAAA,YAEC,UAAA9B,KAASD;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDL,EAAY,cAAc;"}

package/dist/components/forms/number-field/components/number-field-input/NumberFieldInput.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/number-field"),a=require("../../../text-field/styles/TextField.css.cjs"),l=require("./styles/NumberFieldInput.css.cjs"),o=require("../../../../../utils/cn.cjs"),m=require("../number-field-steppers/NumberFieldSteppers.cjs"),i=({inputProps:u,inputRef:t,className:n,describedBy:c,hasError:r,size:d})=>e.jsxs(s.NumberField.Group,{className:l.NUMBER_FIELD_INPUT_STYLES.group,children:[e.jsx(s.NumberField.Input,{ref:t,...u,"aria-invalid":r||void 0,"aria-describedby":c,className:o.cn(a.TEXT_FIELD_STYLES.recipe({size:d,hasError:r,hasStartIcon:!1,hasEndAction:!0}),n)}),e.jsx(m,{})]});i.displayName="NumberFieldInput";module.exports=i;
+//# sourceMappingURL=NumberFieldInput.cjs.map

package/dist/components/forms/number-field/components/number-field-input/NumberFieldInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldInput.cjs","sources":["../../../../../../src/components/forms/number-field/components/number-field-input/NumberFieldInput.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { TEXT_FIELD_STYLES } from '@components/forms/text-field/styles/TextField.css.ts'\r\nimport { NUMBER_FIELD_INPUT_STYLES } from '@components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.ts'\r\nimport type { NumberFieldInputProps } from '@components/forms/number-field/components/number-field-input/types'\r\nimport { cn } from '@utils/cn.ts'\r\nimport NumberFieldSteppers from '@components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx'\r\n\r\nconst NumberFieldInput = ({\r\n    inputProps,\r\n    inputRef,\r\n    className,\r\n    describedBy,\r\n    hasError,\r\n    size,\r\n}: NumberFieldInputProps) => (\r\n    <BaseNumberField.Group className={NUMBER_FIELD_INPUT_STYLES.group}>\r\n        <BaseNumberField.Input\r\n            ref={inputRef}\r\n            {...inputProps}\r\n            aria-invalid={hasError || undefined}\r\n            aria-describedby={describedBy}\r\n            className={cn(\r\n                TEXT_FIELD_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: false,\r\n                    hasEndAction: true,\r\n                }),\r\n                className,\r\n            )}\r\n        />\r\n        <NumberFieldSteppers />\r\n    </BaseNumberField.Group>\r\n)\r\n\r\nNumberFieldInput.displayName = 'NumberFieldInput'\r\n\r\nexport default NumberFieldInput\r\n"],"names":["NumberFieldInput","inputProps","inputRef","className","describedBy","hasError","size","BaseNumberField","NUMBER_FIELD_INPUT_STYLES","jsx","cn","TEXT_FIELD_STYLES","NumberFieldSteppers"],"mappings":"2SAQMA,EAAmB,CAAC,CACtB,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,CACJ,WACKC,EAAAA,YAAgB,MAAhB,CAAsB,UAAWC,EAAAA,0BAA0B,MACxD,SAAA,CAAAC,EAAAA,IAACF,EAAAA,YAAgB,MAAhB,CACG,IAAKL,EACJ,GAAGD,EACJ,eAAcI,GAAY,OAC1B,mBAAkBD,EAClB,UAAWM,EAAAA,GACPC,EAAAA,kBAAkB,OAAO,CACrB,KAAAL,EACA,SAAAD,EACA,aAAc,GACd,aAAc,EAAA,CACjB,EACDF,CAAA,CACJ,CAAA,QAEHS,EAAA,CAAA,CAAoB,CAAA,CAAA,CACzB,EAGJZ,EAAiB,YAAc"}

package/dist/components/forms/number-field/components/number-field-input/NumberFieldInput.d.ts

@@ -0,0 +1,6 @@
+import { NumberFieldInputProps } from './types';
+declare const NumberFieldInput: {
+    ({ inputProps, inputRef, className, describedBy, hasError, size, }: NumberFieldInputProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default NumberFieldInput;

package/dist/components/forms/number-field/components/number-field-input/NumberFieldInput.js

@@ -0,0 +1,39 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { NumberField as i } from "@base-ui/react/number-field";
+import { TEXT_FIELD_STYLES as d } from "../../../text-field/styles/TextField.css.js";
+import { NUMBER_FIELD_INPUT_STYLES as l } from "./styles/NumberFieldInput.css.js";
+import { cn as u } from "../../../../../utils/cn.js";
+import n from "../number-field-steppers/NumberFieldSteppers.js";
+const c = ({
+  inputProps: m,
+  inputRef: o,
+  className: t,
+  describedBy: a,
+  hasError: r,
+  size: p
+}) => /* @__PURE__ */ s(i.Group, { className: l.group, children: [
+  /* @__PURE__ */ e(
+    i.Input,
+    {
+      ref: o,
+      ...m,
+      "aria-invalid": r || void 0,
+      "aria-describedby": a,
+      className: u(
+        d.recipe({
+          size: p,
+          hasError: r,
+          hasStartIcon: !1,
+          hasEndAction: !0
+        }),
+        t
+      )
+    }
+  ),
+  /* @__PURE__ */ e(n, {})
+] });
+c.displayName = "NumberFieldInput";
+export {
+  c as default
+};
+//# sourceMappingURL=NumberFieldInput.js.map

package/dist/components/forms/number-field/components/number-field-input/NumberFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldInput.js","sources":["../../../../../../src/components/forms/number-field/components/number-field-input/NumberFieldInput.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { TEXT_FIELD_STYLES } from '@components/forms/text-field/styles/TextField.css.ts'\r\nimport { NUMBER_FIELD_INPUT_STYLES } from '@components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.ts'\r\nimport type { NumberFieldInputProps } from '@components/forms/number-field/components/number-field-input/types'\r\nimport { cn } from '@utils/cn.ts'\r\nimport NumberFieldSteppers from '@components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx'\r\n\r\nconst NumberFieldInput = ({\r\n    inputProps,\r\n    inputRef,\r\n    className,\r\n    describedBy,\r\n    hasError,\r\n    size,\r\n}: NumberFieldInputProps) => (\r\n    <BaseNumberField.Group className={NUMBER_FIELD_INPUT_STYLES.group}>\r\n        <BaseNumberField.Input\r\n            ref={inputRef}\r\n            {...inputProps}\r\n            aria-invalid={hasError || undefined}\r\n            aria-describedby={describedBy}\r\n            className={cn(\r\n                TEXT_FIELD_STYLES.recipe({\r\n                    size,\r\n                    hasError,\r\n                    hasStartIcon: false,\r\n                    hasEndAction: true,\r\n                }),\r\n                className,\r\n            )}\r\n        />\r\n        <NumberFieldSteppers />\r\n    </BaseNumberField.Group>\r\n)\r\n\r\nNumberFieldInput.displayName = 'NumberFieldInput'\r\n\r\nexport default NumberFieldInput\r\n"],"names":["NumberFieldInput","inputProps","inputRef","className","describedBy","hasError","size","BaseNumberField","NUMBER_FIELD_INPUT_STYLES","jsx","cn","TEXT_FIELD_STYLES","NumberFieldSteppers"],"mappings":";;;;;;AAQA,MAAMA,IAAmB,CAAC;AAAA,EACtB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AACJ,wBACKC,EAAgB,OAAhB,EAAsB,WAAWC,EAA0B,OACxD,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACF,EAAgB;AAAA,IAAhB;AAAA,MACG,KAAKL;AAAA,MACJ,GAAGD;AAAA,MACJ,gBAAcI,KAAY;AAAA,MAC1B,oBAAkBD;AAAA,MAClB,WAAWM;AAAA,QACPC,EAAkB,OAAO;AAAA,UACrB,MAAAL;AAAA,UACA,UAAAD;AAAA,UACA,cAAc;AAAA,UACd,cAAc;AAAA,QAAA,CACjB;AAAA,QACDF;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,oBAEHS,GAAA,CAAA,CAAoB;AAAA,EAAA,CACzB;AAGJZ,EAAiB,cAAc;"}

package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                      */var e={group:"c0w2cl0"};exports.NUMBER_FIELD_INPUT_STYLES=e;
+//# sourceMappingURL=NumberFieldInput.css.cjs.map

package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldInput.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.d.ts

@@ -0,0 +1,3 @@
+export declare const NUMBER_FIELD_INPUT_STYLES: {
+    group: string;
+};

package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.js

@@ -0,0 +1,6 @@
+/* empty css                                    */
+var o = { group: "c0w2cl0" };
+export {
+  o as NUMBER_FIELD_INPUT_STYLES
+};
+//# sourceMappingURL=NumberFieldInput.css.js.map

package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.js.map

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

package/dist/components/forms/number-field/components/number-field-input/types/NumberFieldInput.props.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes, Ref } from 'react';
+import { NumberFieldSize } from '../../../types/NumberField.types.ts';
+export type NumberFieldInputProps = {
+    inputProps: Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'defaultValue' | 'type' | 'value'>;
+    inputRef?: Ref<HTMLInputElement>;
+    className?: string;
+    describedBy?: string;
+    hasError: boolean;
+    size: NumberFieldSize;
+};

package/dist/components/forms/number-field/components/number-field-input/types/index.d.ts

@@ -0,0 +1 @@
+export type { NumberFieldInputProps } from './NumberFieldInput.props.ts';

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/number-field"),c=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const s=require("./styles/NumberFieldSteppers.css.cjs"),n=require("../../../../../constants/icons.cjs"),S=require("../../../../../utils/cn.cjs"),i=({className:E})=>e.jsxs("span",{className:S.cn(s.NUMBER_FIELD_STEPPERS_STYLES.group,E),children:[e.jsx(r.NumberField.Increment,{className:s.NUMBER_FIELD_STEPPERS_STYLES.button,children:e.jsx(c,{icon:n.IconRegistry.chevronUp,size:"xs",className:s.NUMBER_FIELD_STEPPERS_STYLES.icon})}),e.jsx(r.NumberField.Decrement,{className:s.NUMBER_FIELD_STEPPERS_STYLES.button,children:e.jsx(c,{icon:n.IconRegistry.chevronDown,size:"xs",className:s.NUMBER_FIELD_STEPPERS_STYLES.icon})})]});i.displayName="NumberFieldSteppers";module.exports=i;
+//# sourceMappingURL=NumberFieldSteppers.cjs.map

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldSteppers.cjs","sources":["../../../../../../src/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { NUMBER_FIELD_STEPPERS_STYLES } from '@components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.ts'\r\nimport type { NumberFieldSteppersProps } from '@components/forms/number-field/components/number-field-steppers/types'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst NumberFieldSteppers = ({ className }: NumberFieldSteppersProps) => (\r\n    <span className={cn(NUMBER_FIELD_STEPPERS_STYLES.group, className)}>\r\n        <BaseNumberField.Increment className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={IconRegistry.chevronUp}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Increment>\r\n        <BaseNumberField.Decrement className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={IconRegistry.chevronDown}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Decrement>\r\n    </span>\r\n)\r\n\r\nNumberFieldSteppers.displayName = 'NumberFieldSteppers'\r\n\r\nexport default NumberFieldSteppers\r\n"],"names":["NumberFieldSteppers","className","jsxs","cn","NUMBER_FIELD_STEPPERS_STYLES","jsx","BaseNumberField","Icon","IconRegistry"],"mappings":"yVAQMA,EAAsB,CAAC,CAAE,UAAAC,KAC3BC,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,GAAGC,EAAAA,6BAA6B,MAAOH,CAAS,EAC7D,SAAA,CAAAI,EAAAA,IAACC,EAAAA,YAAgB,UAAhB,CAA0B,UAAWF,+BAA6B,OAC/D,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMC,EAAAA,aAAa,UACnB,KAAM,KACN,UAAWJ,EAAAA,6BAA6B,IAAA,CAAA,EAEhD,QACCE,EAAAA,YAAgB,UAAhB,CAA0B,UAAWF,+BAA6B,OAC/D,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMC,EAAAA,aAAa,YACnB,KAAM,KACN,UAAWJ,EAAAA,6BAA6B,IAAA,CAAA,CAC5C,CACJ,CAAA,CAAA,CACJ,EAGJJ,EAAoB,YAAc"}

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.d.ts

@@ -0,0 +1,6 @@
+import { NumberFieldSteppersProps } from './types';
+declare const NumberFieldSteppers: {
+    ({ className }: NumberFieldSteppersProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default NumberFieldSteppers;

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.js

@@ -0,0 +1,30 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { NumberField as o } from "@base-ui/react/number-field";
+import m from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import { NUMBER_FIELD_STEPPERS_STYLES as e } from "./styles/NumberFieldSteppers.css.js";
+import { IconRegistry as s } from "../../../../../constants/icons.js";
+import { cn as n } from "../../../../../utils/cn.js";
+const t = ({ className: i }) => /* @__PURE__ */ c("span", { className: n(e.group, i), children: [
+  /* @__PURE__ */ r(o.Increment, { className: e.button, children: /* @__PURE__ */ r(
+    m,
+    {
+      icon: s.chevronUp,
+      size: "xs",
+      className: e.icon
+    }
+  ) }),
+  /* @__PURE__ */ r(o.Decrement, { className: e.button, children: /* @__PURE__ */ r(
+    m,
+    {
+      icon: s.chevronDown,
+      size: "xs",
+      className: e.icon
+    }
+  ) })
+] });
+t.displayName = "NumberFieldSteppers";
+export {
+  t as default
+};
+//# sourceMappingURL=NumberFieldSteppers.js.map

package/dist/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldSteppers.js","sources":["../../../../../../src/components/forms/number-field/components/number-field-steppers/NumberFieldSteppers.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from '@base-ui/react/number-field'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { NUMBER_FIELD_STEPPERS_STYLES } from '@components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.ts'\r\nimport type { NumberFieldSteppersProps } from '@components/forms/number-field/components/number-field-steppers/types'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst NumberFieldSteppers = ({ className }: NumberFieldSteppersProps) => (\r\n    <span className={cn(NUMBER_FIELD_STEPPERS_STYLES.group, className)}>\r\n        <BaseNumberField.Increment className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={IconRegistry.chevronUp}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Increment>\r\n        <BaseNumberField.Decrement className={NUMBER_FIELD_STEPPERS_STYLES.button}>\r\n            <Icon\r\n                icon={IconRegistry.chevronDown}\r\n                size={'xs'}\r\n                className={NUMBER_FIELD_STEPPERS_STYLES.icon}\r\n            />\r\n        </BaseNumberField.Decrement>\r\n    </span>\r\n)\r\n\r\nNumberFieldSteppers.displayName = 'NumberFieldSteppers'\r\n\r\nexport default NumberFieldSteppers\r\n"],"names":["NumberFieldSteppers","className","jsxs","cn","NUMBER_FIELD_STEPPERS_STYLES","jsx","BaseNumberField","Icon","IconRegistry"],"mappings":";;;;;;;AAQA,MAAMA,IAAsB,CAAC,EAAE,WAAAC,QAC3B,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAA6B,OAAOH,CAAS,GAC7D,UAAA;AAAA,EAAA,gBAAAI,EAACC,EAAgB,WAAhB,EAA0B,WAAWF,EAA6B,QAC/D,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAMC,EAAa;AAAA,MACnB,MAAM;AAAA,MACN,WAAWJ,EAA6B;AAAA,IAAA;AAAA,EAAA,GAEhD;AAAA,oBACCE,EAAgB,WAAhB,EAA0B,WAAWF,EAA6B,QAC/D,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,MAAMC,EAAa;AAAA,MACnB,MAAM;AAAA,MACN,WAAWJ,EAA6B;AAAA,IAAA;AAAA,EAAA,EAC5C,CACJ;AAAA,EAAA,CACJ;AAGJJ,EAAoB,cAAc;"}

package/dist/components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                         */var e={group:"_1sbt75z0",button:"_1sbt75z1",icon:"_1sbt75z2"};exports.NUMBER_FIELD_STEPPERS_STYLES=e;
+//# sourceMappingURL=NumberFieldSteppers.css.cjs.map

package/dist/components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldSteppers.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.d.ts

@@ -0,0 +1,5 @@
+export declare const NUMBER_FIELD_STEPPERS_STYLES: {
+    group: string;
+    button: string;
+    icon: string;
+};

package/dist/components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                       */
+var _ = { group: "_1sbt75z0", button: "_1sbt75z1", icon: "_1sbt75z2" };
+export {
+  _ as NUMBER_FIELD_STEPPERS_STYLES
+};
+//# sourceMappingURL=NumberFieldSteppers.css.js.map

package/dist/components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.js.map

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

package/dist/components/forms/number-field/components/number-field-steppers/types/NumberFieldSteppers.props.d.ts

@@ -0,0 +1,3 @@
+export type NumberFieldSteppersProps = {
+    className?: string;
+};

package/dist/components/forms/number-field/components/number-field-steppers/types/index.d.ts

@@ -0,0 +1 @@
+export type { NumberFieldSteppersProps } from './NumberFieldSteppers.props.ts';

package/dist/components/forms/number-field/index.d.ts

@@ -0,0 +1,4 @@
+export { default as NumberField } from './NumberField.tsx';
+export { NUMBER_FIELD_STYLES } from './styles/NumberField.css.ts';
+export type { NumberFieldProps } from './types/NumberField.props.ts';
+export type { NumberFieldSize } from './types/NumberField.types.ts';

package/dist/components/forms/number-field/styles/NumberField.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                 */var e={root:"_1g01svz0"};exports.NUMBER_FIELD_STYLES=e;
+//# sourceMappingURL=NumberField.css.cjs.map

package/dist/components/forms/number-field/styles/NumberField.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/number-field/styles/NumberField.css.d.ts

@@ -0,0 +1,3 @@
+export declare const NUMBER_FIELD_STYLES: {
+    root: string;
+};

package/dist/components/forms/number-field/styles/NumberField.css.js

@@ -0,0 +1,6 @@
+/* empty css                               */
+var r = { root: "_1g01svz0" };
+export {
+  r as NUMBER_FIELD_STYLES
+};
+//# sourceMappingURL=NumberField.css.js.map

package/dist/components/forms/number-field/styles/NumberField.css.js.map

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

package/dist/components/forms/number-field/types/NumberField.props.d.ts

@@ -0,0 +1,30 @@
+import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
+import { RefAttributes } from 'react';
+import { NumberFieldSize } from './NumberField.types.ts';
+import type * as React from 'react';
+type NumberFieldRootProps = Pick<BaseNumberField.Root.Props, 'allowOutOfRange' | 'allowWheelScrub' | 'defaultValue' | 'format' | 'largeStep' | 'locale' | 'max' | 'min' | 'onValueChange' | 'onValueCommitted' | 'readOnly' | 'smallStep' | 'snapOnStep' | 'step' | 'value'>;
+export type NumberFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'disabled' | 'form' | 'id' | 'max' | 'min' | 'name' | 'readOnly' | 'required' | 'size' | 'step' | 'type' | 'value'> & RefAttributes<HTMLInputElement> & NumberFieldRootProps & {
+    /** Input size. @default 'md' */
+    size?: NumberFieldSize;
+    /** Text label rendered above the input, linked to the number input. */
+    label?: string;
+    /** Helper text rendered below the input. Hidden when `error` is provided. */
+    helperText?: string;
+    /** Error message rendered below the input and exposed through `aria-invalid`. */
+    error?: string;
+    /** CSS width of the outer wrapper. Defaults to `100%`. */
+    width?: React.CSSProperties['width'];
+    /** Identifies the input when the field is submitted. */
+    name?: string;
+    /** Identifies the form that owns the field. */
+    form?: string;
+    /** Whether the field is disabled. */
+    disabled?: boolean;
+    /** Whether the field is required. */
+    required?: boolean;
+    /** Whether the field is read-only. */
+    readOnly?: boolean;
+    /** HTML id linked to the visible label. */
+    id?: string;
+};
+export {};

package/dist/components/forms/number-field/types/NumberField.types.d.ts

@@ -0,0 +1,3 @@
+import { TEXT_FIELD_SIZES } from '../../text-field/constants';
+/** Size variants shared with the text field family. */
+export type NumberFieldSize = (typeof TEXT_FIELD_SIZES)[keyof typeof TEXT_FIELD_SIZES];

package/dist/components/forms/number-field/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { NumberFieldProps } from './NumberField.props.ts';
+export type { NumberFieldSize } from './NumberField.types.ts';

package/dist/components/forms/rich-text-editor/RichTextEditor.cjs

@@ -0,0 +1,2 @@
+"use strict";const G=require("react/jsx-runtime"),t=require("react"),k=require("./components/alignment-group/AlignmentGroup.cjs"),y=require("./components/block-format-group/BlockFormatGroup.cjs"),U=require("./components/editor-field/EditorField.cjs"),A=require("./components/helper-text/HelperText.cjs"),F=require("./components/history-group/HistoryGroup.cjs"),H=require("./components/history-group/Undo.cjs"),D=require("./components/history-group/Redo.cjs"),g=require("./components/image-group/ImageGroup.cjs"),C=require("./components/link-group/LinkGroup.cjs"),O=require("./components/link-group/SetLink.cjs"),f=require("./components/link-group/UnsetLink.cjs"),v=require("./components/lists-group/ListsGroup.cjs"),B=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                  */const N=require("./components/read-only-field/ReadOnlyField.cjs"),j=require("./components/text-appearance-group/TextAppearanceGroup.cjs"),X=require("./components/text-style-group/TextStyleGroup.cjs"),r=require("./components/text-style-group/TextStyleAction.cjs"),M=require("./components/toolbar/Toolbar.cjs"),P=require("./components/toolbar-groups/ToolbarGroups.cjs"),Y=require("./components/toolbar-group/ToolbarGroup.cjs"),J=require("./components/toolbar-separator/ToolbarSeparator.cjs"),V=require("./context/RichTextEditor.context.cjs"),z=require("../../../utils/cn.cjs"),K=require("./constants/richTextEmptyDocument.const.cjs"),Q=require("./constants/richTextEditorDefaultLabels.const.cjs"),W=require("./styles/RichTextEditor.css.cjs"),Z=require("./hooks/useRichTextEditor.hook.cjs"),e=t.memo(({value:i,defaultValue:n,onValueChange:R,onImageUpload:_,label:s,helperText:c,error:u,placeholder:m,disabled:l=!1,readOnly:T=!1,required:a=!1,width:d,className:I,name:L,labels:S,"aria-label":p,"aria-labelledby":q,children:b})=>{const x=t.useId(),E=t.useId(),o=Z.useRichTextEditor({value:i,defaultValue:n,onValueChange:R,disabled:l,readOnly:T,required:a,label:s,placeholder:m,error:u,helperText:c,labelId:x,helperId:E,ariaLabel:p,ariaLabelledBy:q}),h={editor:o,disabled:l,readOnly:T,onImageUpload:_,label:s,helperText:c,error:u,ariaLabel:p,ariaLabelledBy:q,labelId:x,helperId:E,name:L,required:a,renderedValue:o?.getJSON()??i??n??K.EMPTY_RICH_TEXT_DOCUMENT,labels:{...Q.RICH_TEXT_EDITOR_DEFAULT_LABELS,...S}};return o?G.jsx(V.RichTextEditorContext.Provider,{value:h,children:G.jsx("div",{className:z.cn(W.RICH_TEXT_EDITOR_STYLES.root,I),style:d!==void 0?{width:d}:void 0,children:b})}):null});e.displayName="RichTextEditor";e.Label=B;e.EditorField=U;e.ReadOnlyField=N;e.HelperText=A;e.Toolbar=M;e.ToolbarGroups=P;e.ToolbarGroup=Y;e.ToolbarSeparator=J;e.HistoryGroup=F;e.Undo=H;e.Redo=D;e.TextStyleGroup=X;e.Bold=r.Bold;e.Italic=r.Italic;e.Underline=r.Underline;e.Strike=r.Strike;e.TextAppearanceGroup=j;e.LinkGroup=C;e.SetLink=O;e.UnsetLink=f;e.BlockFormatGroup=y;e.ListsGroup=v;e.AlignmentGroup=k;e.ImageGroup=g;module.exports=e;
+//# sourceMappingURL=RichTextEditor.cjs.map

package/dist/components/forms/rich-text-editor/RichTextEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/components/forms/rich-text-editor/RichTextEditor.tsx"],"sourcesContent":["import { memo, useId } from 'react'\r\n\r\nimport AlignmentGroup from '@components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.tsx'\r\nimport BlockFormatGroup from '@components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.tsx'\r\nimport EditorField from '@components/forms/rich-text-editor/components/editor-field/EditorField.tsx'\r\nimport HelperText from '@components/forms/rich-text-editor/components/helper-text/HelperText.tsx'\r\nimport HistoryGroup from '@components/forms/rich-text-editor/components/history-group/HistoryGroup.tsx'\r\nimport { Redo, Undo } from '@components/forms/rich-text-editor/components/history-group'\r\nimport ImageGroup from '@components/forms/rich-text-editor/components/image-group/ImageGroup.tsx'\r\nimport LinkGroup from '@components/forms/rich-text-editor/components/link-group/LinkGroup.tsx'\r\nimport { SetLink, UnsetLink } from '@components/forms/rich-text-editor/components/link-group'\r\nimport ListsGroup from '@components/forms/rich-text-editor/components/lists-group/ListsGroup.tsx'\r\nimport { RichTextEditorLabel } from '@components/forms/rich-text-editor/components/rich-text-editor-label'\r\nimport ReadOnlyField from '@components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.tsx'\r\nimport TextAppearanceGroup from '@components/forms/rich-text-editor/components/text-appearance-group/TextAppearanceGroup.tsx'\r\nimport TextStyleGroup from '@components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.tsx'\r\nimport {\r\n    Bold,\r\n    Italic,\r\n    Strike,\r\n    Underline,\r\n} from '@components/forms/rich-text-editor/components/text-style-group'\r\nimport Toolbar from '@components/forms/rich-text-editor/components/toolbar/Toolbar.tsx'\r\nimport ToolbarGroups from '@components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.tsx'\r\nimport ToolbarGroup from '@components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.tsx'\r\nimport ToolbarSeparator from '@components/forms/rich-text-editor/components/toolbar-separator/ToolbarSeparator.tsx'\r\nimport { RichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { EMPTY_RICH_TEXT_DOCUMENT } from '@components/forms/rich-text-editor/constants/richTextEmptyDocument.const.ts'\r\nimport { RICH_TEXT_EDITOR_DEFAULT_LABELS } from '@components/forms/rich-text-editor/constants/richTextEditorDefaultLabels.const.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { useRichTextEditor } from '@components/forms/rich-text-editor/hooks/useRichTextEditor.hook.ts'\r\nimport type {\r\n    RichTextEditorCompound,\r\n    RichTextEditorProps,\r\n    RichTextValue,\r\n} from '@components/forms/rich-text-editor/types'\r\n\r\nconst RichTextEditor = memo<RichTextEditorProps>(({\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    onImageUpload,\r\n    label,\r\n    helperText,\r\n    error,\r\n    placeholder,\r\n    disabled = false,\r\n    readOnly = false,\r\n    required = false,\r\n    width,\r\n    className,\r\n    name,\r\n    labels,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    children,\r\n}) => {\r\n    const labelId = useId()\r\n    const helperId = useId()\r\n    const editor = useRichTextEditor({\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n        disabled,\r\n        readOnly,\r\n        required,\r\n        label,\r\n        placeholder,\r\n        error,\r\n        helperText,\r\n        labelId,\r\n        helperId,\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n    })\r\n\r\n    // Rebuilt on every render so static compound children observe editor transactions.\r\n    const contextValue = {\r\n        editor,\r\n        disabled,\r\n        readOnly,\r\n        onImageUpload,\r\n        label,\r\n        helperText,\r\n        error,\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n        labelId,\r\n        helperId,\r\n        name,\r\n        required,\r\n        renderedValue: (editor?.getJSON() as RichTextValue | undefined)\r\n            ?? value\r\n            ?? defaultValue\r\n            ?? EMPTY_RICH_TEXT_DOCUMENT,\r\n        labels: { ...RICH_TEXT_EDITOR_DEFAULT_LABELS, ...labels },\r\n    }\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <RichTextEditorContext.Provider value={contextValue}>\r\n            <div\r\n                className={cn(RICH_TEXT_EDITOR_STYLES.root, className)}\r\n                style={width !== undefined ? { width } : undefined}\r\n            >\r\n                {children}\r\n            </div>\r\n        </RichTextEditorContext.Provider>\r\n    )\r\n}) as unknown as RichTextEditorCompound\r\n\r\nRichTextEditor.displayName = 'RichTextEditor'\r\nRichTextEditor.Label = RichTextEditorLabel\r\nRichTextEditor.EditorField = EditorField\r\nRichTextEditor.ReadOnlyField = ReadOnlyField\r\nRichTextEditor.HelperText = HelperText\r\nRichTextEditor.Toolbar = Toolbar\r\nRichTextEditor.ToolbarGroups = ToolbarGroups\r\nRichTextEditor.ToolbarGroup = ToolbarGroup\r\nRichTextEditor.ToolbarSeparator = ToolbarSeparator\r\nRichTextEditor.HistoryGroup = HistoryGroup\r\nRichTextEditor.Undo = Undo\r\nRichTextEditor.Redo = Redo\r\nRichTextEditor.TextStyleGroup = TextStyleGroup\r\nRichTextEditor.Bold = Bold\r\nRichTextEditor.Italic = Italic\r\nRichTextEditor.Underline = Underline\r\nRichTextEditor.Strike = Strike\r\nRichTextEditor.TextAppearanceGroup = TextAppearanceGroup\r\nRichTextEditor.LinkGroup = LinkGroup\r\nRichTextEditor.SetLink = SetLink\r\nRichTextEditor.UnsetLink = UnsetLink\r\nRichTextEditor.BlockFormatGroup = BlockFormatGroup\r\nRichTextEditor.ListsGroup = ListsGroup\r\nRichTextEditor.AlignmentGroup = AlignmentGroup\r\nRichTextEditor.ImageGroup = ImageGroup\r\n\r\nexport default RichTextEditor\r\n"],"names":["RichTextEditor","memo","value","defaultValue","onValueChange","onImageUpload","label","helperText","error","placeholder","disabled","readOnly","required","width","className","name","labels","ariaLabel","ariaLabelledBy","children","labelId","useId","helperId","editor","useRichTextEditor","contextValue","EMPTY_RICH_TEXT_DOCUMENT","RICH_TEXT_EDITOR_DEFAULT_LABELS","jsx","RichTextEditorContext","cn","RICH_TEXT_EDITOR_STYLES","RichTextEditorLabel","EditorField","ReadOnlyField","HelperText","Toolbar","ToolbarGroups","ToolbarGroup","ToolbarSeparator","HistoryGroup","Undo","Redo","TextStyleGroup","Bold","Italic","Underline","Strike","TextAppearanceGroup","LinkGroup","SetLink","UnsetLink","BlockFormatGroup","ListsGroup","AlignmentGroup","ImageGroup"],"mappings":"kwDAsCMA,EAAiBC,EAAAA,KAA0B,CAAC,CAC9C,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,cAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,MAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,SAAAC,CACJ,IAAM,CACF,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAWD,EAAAA,MAAA,EACXE,EAASC,EAAAA,kBAAkB,CAC7B,MAAAtB,EACA,aAAAC,EACA,cAAAC,EACA,SAAAM,EACA,SAAAC,EACA,SAAAC,EACA,MAAAN,EACA,YAAAG,EACA,MAAAD,EACA,WAAAD,EACA,QAAAa,EACA,SAAAE,EACA,UAAAL,EACA,eAAAC,CAAA,CACH,EAGKO,EAAe,CACjB,OAAAF,EACA,SAAAb,EACA,SAAAC,EACA,cAAAN,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAS,EACA,eAAAC,EACA,QAAAE,EACA,SAAAE,EACA,KAAAP,EACA,SAAAH,EACA,cAAgBW,GAAQ,QAAA,GACjBrB,GACAC,GACAuB,EAAAA,yBACP,OAAQ,CAAE,GAAGC,EAAAA,gCAAiC,GAAGX,CAAA,CAAO,EAG5D,OAAKO,EAKDK,EAAAA,IAACC,EAAAA,sBAAsB,SAAtB,CAA+B,MAAOJ,EACnC,SAAAG,EAAAA,IAAC,MAAA,CACG,UAAWE,EAAAA,GAAGC,0BAAwB,KAAMjB,CAAS,EACrD,MAAOD,IAAU,OAAY,CAAE,MAAAA,GAAU,OAExC,SAAAM,CAAA,CAAA,EAET,EAXO,IAaf,CAAC,EAEDnB,EAAe,YAAc,iBAC7BA,EAAe,MAAQgC,EACvBhC,EAAe,YAAciC,EAC7BjC,EAAe,cAAgBkC,EAC/BlC,EAAe,WAAamC,EAC5BnC,EAAe,QAAUoC,EACzBpC,EAAe,cAAgBqC,EAC/BrC,EAAe,aAAesC,EAC9BtC,EAAe,iBAAmBuC,EAClCvC,EAAe,aAAewC,EAC9BxC,EAAe,KAAOyC,EACtBzC,EAAe,KAAO0C,EACtB1C,EAAe,eAAiB2C,EAChC3C,EAAe,KAAO4C,EAAAA,KACtB5C,EAAe,OAAS6C,EAAAA,OACxB7C,EAAe,UAAY8C,EAAAA,UAC3B9C,EAAe,OAAS+C,EAAAA,OACxB/C,EAAe,oBAAsBgD,EACrChD,EAAe,UAAYiD,EAC3BjD,EAAe,QAAUkD,EACzBlD,EAAe,UAAYmD,EAC3BnD,EAAe,iBAAmBoD,EAClCpD,EAAe,WAAaqD,EAC5BrD,EAAe,eAAiBsD,EAChCtD,EAAe,WAAauD"}

package/dist/components/forms/rich-text-editor/RichTextEditor.d.ts

@@ -0,0 +1,3 @@
+import { RichTextEditorCompound } from './types';
+declare const RichTextEditor: RichTextEditorCompound;
+export default RichTextEditor;

package/dist/components/forms/rich-text-editor/RichTextEditor.js

@@ -0,0 +1,122 @@
+import { jsx as c } from "react/jsx-runtime";
+import { memo as _, useId as G } from "react";
+import U from "./components/alignment-group/AlignmentGroup.js";
+import y from "./components/block-format-group/BlockFormatGroup.js";
+import F from "./components/editor-field/EditorField.js";
+import H from "./components/helper-text/HelperText.js";
+import A from "./components/history-group/HistoryGroup.js";
+import g from "./components/history-group/Undo.js";
+import h from "./components/history-group/Redo.js";
+import C from "./components/image-group/ImageGroup.js";
+import O from "./components/link-group/LinkGroup.js";
+import v from "./components/link-group/SetLink.js";
+import B from "./components/link-group/UnsetLink.js";
+import D from "./components/lists-group/ListsGroup.js";
+import N from "./components/rich-text-editor-label/RichTextEditorLabel.js";
+/* empty css                                         */
+/* empty css                                             */
+/* empty css                                                                                */
+import X from "./components/read-only-field/ReadOnlyField.js";
+import M from "./components/text-appearance-group/TextAppearanceGroup.js";
+import P from "./components/text-style-group/TextStyleGroup.js";
+import { Bold as Y, Italic as j, Underline as J, Strike as V } from "./components/text-style-group/TextStyleAction.js";
+import z from "./components/toolbar/Toolbar.js";
+import K from "./components/toolbar-groups/ToolbarGroups.js";
+import Q from "./components/toolbar-group/ToolbarGroup.js";
+import W from "./components/toolbar-separator/ToolbarSeparator.js";
+import { RichTextEditorContext as Z } from "./context/RichTextEditor.context.js";
+import { cn as $ } from "../../../utils/cn.js";
+import { EMPTY_RICH_TEXT_DOCUMENT as q } from "./constants/richTextEmptyDocument.const.js";
+import { RICH_TEXT_EDITOR_DEFAULT_LABELS as w } from "./constants/richTextEditorDefaultLabels.const.js";
+import { RICH_TEXT_EDITOR_STYLES as oo } from "./styles/RichTextEditor.css.js";
+import { useRichTextEditor as ro } from "./hooks/useRichTextEditor.hook.js";
+const o = _(({
+  value: t,
+  defaultValue: i,
+  onValueChange: E,
+  onImageUpload: x,
+  label: m,
+  helperText: e,
+  error: p,
+  placeholder: R,
+  disabled: l = !1,
+  readOnly: a = !1,
+  required: n = !1,
+  width: f,
+  className: I,
+  name: L,
+  labels: S,
+  "aria-label": T,
+  "aria-labelledby": d,
+  children: b
+}) => {
+  const s = G(), u = G(), r = ro({
+    value: t,
+    defaultValue: i,
+    onValueChange: E,
+    disabled: l,
+    readOnly: a,
+    required: n,
+    label: m,
+    placeholder: R,
+    error: p,
+    helperText: e,
+    labelId: s,
+    helperId: u,
+    ariaLabel: T,
+    ariaLabelledBy: d
+  }), k = {
+    editor: r,
+    disabled: l,
+    readOnly: a,
+    onImageUpload: x,
+    label: m,
+    helperText: e,
+    error: p,
+    ariaLabel: T,
+    ariaLabelledBy: d,
+    labelId: s,
+    helperId: u,
+    name: L,
+    required: n,
+    renderedValue: r?.getJSON() ?? t ?? i ?? q,
+    labels: { ...w, ...S }
+  };
+  return r ? /* @__PURE__ */ c(Z.Provider, { value: k, children: /* @__PURE__ */ c(
+    "div",
+    {
+      className: $(oo.root, I),
+      style: f !== void 0 ? { width: f } : void 0,
+      children: b
+    }
+  ) }) : null;
+});
+o.displayName = "RichTextEditor";
+o.Label = N;
+o.EditorField = F;
+o.ReadOnlyField = X;
+o.HelperText = H;
+o.Toolbar = z;
+o.ToolbarGroups = K;
+o.ToolbarGroup = Q;
+o.ToolbarSeparator = W;
+o.HistoryGroup = A;
+o.Undo = g;
+o.Redo = h;
+o.TextStyleGroup = P;
+o.Bold = Y;
+o.Italic = j;
+o.Underline = J;
+o.Strike = V;
+o.TextAppearanceGroup = M;
+o.LinkGroup = O;
+o.SetLink = v;
+o.UnsetLink = B;
+o.BlockFormatGroup = y;
+o.ListsGroup = D;
+o.AlignmentGroup = U;
+o.ImageGroup = C;
+export {
+  o as default
+};
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/components/forms/rich-text-editor/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sources":["../../../../src/components/forms/rich-text-editor/RichTextEditor.tsx"],"sourcesContent":["import { memo, useId } from 'react'\r\n\r\nimport AlignmentGroup from '@components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.tsx'\r\nimport BlockFormatGroup from '@components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.tsx'\r\nimport EditorField from '@components/forms/rich-text-editor/components/editor-field/EditorField.tsx'\r\nimport HelperText from '@components/forms/rich-text-editor/components/helper-text/HelperText.tsx'\r\nimport HistoryGroup from '@components/forms/rich-text-editor/components/history-group/HistoryGroup.tsx'\r\nimport { Redo, Undo } from '@components/forms/rich-text-editor/components/history-group'\r\nimport ImageGroup from '@components/forms/rich-text-editor/components/image-group/ImageGroup.tsx'\r\nimport LinkGroup from '@components/forms/rich-text-editor/components/link-group/LinkGroup.tsx'\r\nimport { SetLink, UnsetLink } from '@components/forms/rich-text-editor/components/link-group'\r\nimport ListsGroup from '@components/forms/rich-text-editor/components/lists-group/ListsGroup.tsx'\r\nimport { RichTextEditorLabel } from '@components/forms/rich-text-editor/components/rich-text-editor-label'\r\nimport ReadOnlyField from '@components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.tsx'\r\nimport TextAppearanceGroup from '@components/forms/rich-text-editor/components/text-appearance-group/TextAppearanceGroup.tsx'\r\nimport TextStyleGroup from '@components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.tsx'\r\nimport {\r\n    Bold,\r\n    Italic,\r\n    Strike,\r\n    Underline,\r\n} from '@components/forms/rich-text-editor/components/text-style-group'\r\nimport Toolbar from '@components/forms/rich-text-editor/components/toolbar/Toolbar.tsx'\r\nimport ToolbarGroups from '@components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.tsx'\r\nimport ToolbarGroup from '@components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.tsx'\r\nimport ToolbarSeparator from '@components/forms/rich-text-editor/components/toolbar-separator/ToolbarSeparator.tsx'\r\nimport { RichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { EMPTY_RICH_TEXT_DOCUMENT } from '@components/forms/rich-text-editor/constants/richTextEmptyDocument.const.ts'\r\nimport { RICH_TEXT_EDITOR_DEFAULT_LABELS } from '@components/forms/rich-text-editor/constants/richTextEditorDefaultLabels.const.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { useRichTextEditor } from '@components/forms/rich-text-editor/hooks/useRichTextEditor.hook.ts'\r\nimport type {\r\n    RichTextEditorCompound,\r\n    RichTextEditorProps,\r\n    RichTextValue,\r\n} from '@components/forms/rich-text-editor/types'\r\n\r\nconst RichTextEditor = memo<RichTextEditorProps>(({\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    onImageUpload,\r\n    label,\r\n    helperText,\r\n    error,\r\n    placeholder,\r\n    disabled = false,\r\n    readOnly = false,\r\n    required = false,\r\n    width,\r\n    className,\r\n    name,\r\n    labels,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    children,\r\n}) => {\r\n    const labelId = useId()\r\n    const helperId = useId()\r\n    const editor = useRichTextEditor({\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n        disabled,\r\n        readOnly,\r\n        required,\r\n        label,\r\n        placeholder,\r\n        error,\r\n        helperText,\r\n        labelId,\r\n        helperId,\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n    })\r\n\r\n    // Rebuilt on every render so static compound children observe editor transactions.\r\n    const contextValue = {\r\n        editor,\r\n        disabled,\r\n        readOnly,\r\n        onImageUpload,\r\n        label,\r\n        helperText,\r\n        error,\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n        labelId,\r\n        helperId,\r\n        name,\r\n        required,\r\n        renderedValue: (editor?.getJSON() as RichTextValue | undefined)\r\n            ?? value\r\n            ?? defaultValue\r\n            ?? EMPTY_RICH_TEXT_DOCUMENT,\r\n        labels: { ...RICH_TEXT_EDITOR_DEFAULT_LABELS, ...labels },\r\n    }\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <RichTextEditorContext.Provider value={contextValue}>\r\n            <div\r\n                className={cn(RICH_TEXT_EDITOR_STYLES.root, className)}\r\n                style={width !== undefined ? { width } : undefined}\r\n            >\r\n                {children}\r\n            </div>\r\n        </RichTextEditorContext.Provider>\r\n    )\r\n}) as unknown as RichTextEditorCompound\r\n\r\nRichTextEditor.displayName = 'RichTextEditor'\r\nRichTextEditor.Label = RichTextEditorLabel\r\nRichTextEditor.EditorField = EditorField\r\nRichTextEditor.ReadOnlyField = ReadOnlyField\r\nRichTextEditor.HelperText = HelperText\r\nRichTextEditor.Toolbar = Toolbar\r\nRichTextEditor.ToolbarGroups = ToolbarGroups\r\nRichTextEditor.ToolbarGroup = ToolbarGroup\r\nRichTextEditor.ToolbarSeparator = ToolbarSeparator\r\nRichTextEditor.HistoryGroup = HistoryGroup\r\nRichTextEditor.Undo = Undo\r\nRichTextEditor.Redo = Redo\r\nRichTextEditor.TextStyleGroup = TextStyleGroup\r\nRichTextEditor.Bold = Bold\r\nRichTextEditor.Italic = Italic\r\nRichTextEditor.Underline = Underline\r\nRichTextEditor.Strike = Strike\r\nRichTextEditor.TextAppearanceGroup = TextAppearanceGroup\r\nRichTextEditor.LinkGroup = LinkGroup\r\nRichTextEditor.SetLink = SetLink\r\nRichTextEditor.UnsetLink = UnsetLink\r\nRichTextEditor.BlockFormatGroup = BlockFormatGroup\r\nRichTextEditor.ListsGroup = ListsGroup\r\nRichTextEditor.AlignmentGroup = AlignmentGroup\r\nRichTextEditor.ImageGroup = ImageGroup\r\n\r\nexport default RichTextEditor\r\n"],"names":["RichTextEditor","memo","value","defaultValue","onValueChange","onImageUpload","label","helperText","error","placeholder","disabled","readOnly","required","width","className","name","labels","ariaLabel","ariaLabelledBy","children","labelId","useId","helperId","editor","useRichTextEditor","contextValue","EMPTY_RICH_TEXT_DOCUMENT","RICH_TEXT_EDITOR_DEFAULT_LABELS","jsx","RichTextEditorContext","cn","RICH_TEXT_EDITOR_STYLES","RichTextEditorLabel","EditorField","ReadOnlyField","HelperText","Toolbar","ToolbarGroups","ToolbarGroup","ToolbarSeparator","HistoryGroup","Undo","Redo","TextStyleGroup","Bold","Italic","Underline","Strike","TextAppearanceGroup","LinkGroup","SetLink","UnsetLink","BlockFormatGroup","ListsGroup","AlignmentGroup","ImageGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAMA,IAAiBC,EAA0B,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,UAAAC;AACJ,MAAM;AACF,QAAMC,IAAUC,EAAA,GACVC,IAAWD,EAAA,GACXE,IAASC,GAAkB;AAAA,IAC7B,OAAAtB;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAM;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAN;AAAA,IACA,aAAAG;AAAA,IACA,OAAAD;AAAA,IACA,YAAAD;AAAA,IACA,SAAAa;AAAA,IACA,UAAAE;AAAA,IACA,WAAAL;AAAA,IACA,gBAAAC;AAAA,EAAA,CACH,GAGKO,IAAe;AAAA,IACjB,QAAAF;AAAA,IACA,UAAAb;AAAA,IACA,UAAAC;AAAA,IACA,eAAAN;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAS;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAE;AAAA,IACA,UAAAE;AAAA,IACA,MAAAP;AAAA,IACA,UAAAH;AAAA,IACA,eAAgBW,GAAQ,QAAA,KACjBrB,KACAC,KACAuB;AAAA,IACP,QAAQ,EAAE,GAAGC,GAAiC,GAAGX,EAAA;AAAA,EAAO;AAG5D,SAAKO,IAKD,gBAAAK,EAACC,EAAsB,UAAtB,EAA+B,OAAOJ,GACnC,UAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWE,EAAGC,GAAwB,MAAMjB,CAAS;AAAA,MACrD,OAAOD,MAAU,SAAY,EAAE,OAAAA,MAAU;AAAA,MAExC,UAAAM;AAAA,IAAA;AAAA,EAAA,GAET,IAXO;AAaf,CAAC;AAEDnB,EAAe,cAAc;AAC7BA,EAAe,QAAQgC;AACvBhC,EAAe,cAAciC;AAC7BjC,EAAe,gBAAgBkC;AAC/BlC,EAAe,aAAamC;AAC5BnC,EAAe,UAAUoC;AACzBpC,EAAe,gBAAgBqC;AAC/BrC,EAAe,eAAesC;AAC9BtC,EAAe,mBAAmBuC;AAClCvC,EAAe,eAAewC;AAC9BxC,EAAe,OAAOyC;AACtBzC,EAAe,OAAO0C;AACtB1C,EAAe,iBAAiB2C;AAChC3C,EAAe,OAAO4C;AACtB5C,EAAe,SAAS6C;AACxB7C,EAAe,YAAY8C;AAC3B9C,EAAe,SAAS+C;AACxB/C,EAAe,sBAAsBgD;AACrChD,EAAe,YAAYiD;AAC3BjD,EAAe,UAAUkD;AACzBlD,EAAe,YAAYmD;AAC3BnD,EAAe,mBAAmBoD;AAClCpD,EAAe,aAAaqD;AAC5BrD,EAAe,iBAAiBsD;AAChCtD,EAAe,aAAauD;"}

package/dist/components/forms/rich-text-editor/RichTextEditorField.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),l=require("./RichTextEditor.cjs"),d=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                  */const o=require("./components/editor-field/EditorField.cjs"),a=require("./components/helper-text/HelperText.cjs"),u=require("./components/read-only-field/ReadOnlyField.cjs"),x=require("./components/toolbar/Toolbar.cjs"),q=require("./components/toolbar-groups/ToolbarGroups.cjs"),n=c.memo(r=>{const t=r.label,i=r.readOnly??!1,s=e.jsxs(e.Fragment,{children:[t&&e.jsx(d,{disabled:i?!1:r.disabled,children:t}),i?e.jsx(u,{}):e.jsxs(e.Fragment,{children:[e.jsx(x,{children:e.jsx(q,{})}),e.jsx(o,{})]}),e.jsx(a,{})]});return t!==void 0||r["aria-label"]!==void 0?e.jsx(l,{...r,readOnly:i,children:s}):e.jsx(l,{...r,readOnly:i,children:s})});n.displayName="RichTextEditorField";module.exports=n;
+//# sourceMappingURL=RichTextEditorField.cjs.map