@fuf-stack/uniform 1.4.2 → 1.5.0

package/dist/chunk-NAZIH6HV.js

@@ -1,409 +0,0 @@
-import {
-  Grid_default
-} from "./chunk-B62HKKMS.js";
-import {
-  FieldCopyTestIdButton_default
-} from "./chunk-NTDKZW4E.js";
-import {
-  FieldValidationError_default
-} from "./chunk-CQWA2DFV.js";
-import {
-  useFieldArray,
-  useFormContext,
-  useInput
-} from "./chunk-IYDCKENI.js";
-import {
-  toNullishString
-} from "./chunk-KQN55PEW.js";
-import {
-  __async,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-K2V4ULA2.js";
-
-// src/FieldArray/FieldArray.tsx
-import { cn as cn5, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { Button as Button3 } from "@fuf-stack/pixels";
-
-// src/FieldArray/subcomponents/FieldArrayElement.tsx
-import { useSortable as useSortable2 } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { cn as cn4 } from "@fuf-stack/pixel-utils";
-
-// src/FieldArray/subcomponents/ElementInsertAfterButton.tsx
-import { FaPlus } from "react-icons/fa6";
-import { cn } from "@fuf-stack/pixel-utils";
-import { Button } from "@fuf-stack/pixels";
-import { jsx } from "react/jsx-runtime";
-var ElementInsertAfterButton = ({
-  className = void 0,
-  onClick,
-  testId = void 0
-}) => {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      className: cn(className),
-      color: "success",
-      icon: /* @__PURE__ */ jsx(FaPlus, {}),
-      onClick,
-      size: "sm",
-      testId,
-      variant: "light"
-    }
-  );
-};
-var ElementInsertAfterButton_default = ElementInsertAfterButton;
-
-// src/FieldArray/subcomponents/ElementRemoveButton.tsx
-import { FaTimes } from "react-icons/fa";
-import { cn as cn2 } from "@fuf-stack/pixel-utils";
-import { Button as Button2 } from "@fuf-stack/pixels";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ElementRemoveButton = ({
-  className = void 0,
-  onClick,
-  testId = void 0
-}) => {
-  return /* @__PURE__ */ jsx2(
-    Button2,
-    {
-      ariaLabel: "remove element",
-      className: cn2(className),
-      color: "danger",
-      icon: /* @__PURE__ */ jsx2(FaTimes, {}),
-      onClick,
-      testId,
-      variant: "light"
-    }
-  );
-};
-var ElementRemoveButton_default = ElementRemoveButton;
-
-// src/FieldArray/subcomponents/SortDragHandle.tsx
-import { FaGripVertical } from "react-icons/fa";
-import { useSortable } from "@dnd-kit/sortable";
-import { cn as cn3 } from "@fuf-stack/pixel-utils";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var SortDragHandle = ({
-  className = void 0,
-  id,
-  testId = void 0
-}) => {
-  const { attributes, listeners } = useSortable({ id });
-  return /* @__PURE__ */ jsx3(
-    "div",
-    __spreadProps(__spreadValues(__spreadValues({
-      className: cn3(className),
-      "data-testid": testId
-    }, attributes), listeners), {
-      children: /* @__PURE__ */ jsx3(FaGripVertical, {})
-    })
-  );
-};
-var SortDragHandle_default = SortDragHandle;
-
-// src/FieldArray/subcomponents/FieldArrayElement.tsx
-import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
-var FieldArrayElement = ({
-  arrayFieldName,
-  children,
-  className,
-  fields,
-  id,
-  index,
-  insertAfter = false,
-  lastNotDeletable = true,
-  methods,
-  sortable = false,
-  testId = void 0
-}) => {
-  var _a;
-  const { getFieldState } = useFormContext();
-  const { error, invalid } = getFieldState(arrayFieldName, void 0);
-  const { getHelperWrapperProps, getErrorMessageProps } = useInput({
-    classNames: { helperWrapper: "block" },
-    errorMessage: JSON.stringify(error),
-    isInvalid: invalid,
-    labelPlacement: "inside",
-    placeholder: " "
-  });
-  const { setNodeRef, transform, transition } = useSortable2({ id });
-  const sortingStyle = sortable ? {
-    transform: CSS.Translate.toString(transform),
-    transition
-  } : void 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "li",
-      {
-        ref: setNodeRef,
-        className: cn4(className.listItem),
-        style: sortingStyle,
-        children: [
-          sortable ? /* @__PURE__ */ jsx4(
-            SortDragHandle_default,
-            {
-              className: className.sortDragHandle,
-              id,
-              testId: `${testId}_sort_drag_handle`
-            }
-          ) : null,
-          /* @__PURE__ */ jsx4(
-            "div",
-            {
-              className: cn4(className.elementWrapper),
-              "data-testid": `${testId}_element_wrapper`,
-              children: /* @__PURE__ */ jsx4(Grid_default, { children })
-            }
-          ),
-          lastNotDeletable && fields.length === 1 ? null : /* @__PURE__ */ jsx4(
-            ElementRemoveButton_default,
-            {
-              className: className.removeButton,
-              testId: `${testId}_remove_button`,
-              onClick: () => {
-                methods.remove();
-              }
-            }
-          ),
-          insertAfter && index !== fields.length - 1 ? /* @__PURE__ */ jsx4(
-            ElementInsertAfterButton_default,
-            {
-              className: className.insertAfterButton,
-              testId: `${testId}_insert_after_button`,
-              onClick: () => {
-                methods.insert();
-              }
-            }
-          ) : null
-        ]
-      }
-    ),
-    typeof (error == null ? void 0 : error[index]) !== "undefined" && /* @__PURE__ */ jsx4("div", __spreadProps(__spreadValues({}, getHelperWrapperProps()), { children: /* @__PURE__ */ jsx4("div", __spreadProps(__spreadValues({}, getErrorMessageProps()), { children: /* @__PURE__ */ jsx4(
-      FieldValidationError_default,
-      {
-        error: (_a = error[Number(index)]) == null ? void 0 : _a._errors,
-        testId
-      }
-    ) })) }))
-  ] });
-};
-var FieldArrayElement_default = FieldArrayElement;
-
-// src/FieldArray/subcomponents/SortContext.tsx
-import {
-  closestCenter,
-  DndContext,
-  KeyboardSensor,
-  PointerSensor,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import {
-  restrictToVerticalAxis,
-  restrictToWindowEdges
-} from "@dnd-kit/modifiers";
-import {
-  SortableContext,
-  verticalListSortingStrategy
-} from "@dnd-kit/sortable";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var SortContext = ({
-  children,
-  sortable,
-  fields,
-  move
-}) => {
-  const sensors = useSensors(
-    useSensor(PointerSensor),
-    useSensor(KeyboardSensor)
-  );
-  if (!sortable) {
-    return children;
-  }
-  const handleDragEnd = (event) => {
-    const { active, over } = event;
-    if (active.id !== (over == null ? void 0 : over.id)) {
-      const oldIndex = fields.findIndex((field) => {
-        return field.id === active.id;
-      });
-      const newIndex = fields.findIndex((field) => {
-        return field.id === (over == null ? void 0 : over.id);
-      });
-      move(oldIndex, newIndex);
-    }
-  };
-  return /* @__PURE__ */ jsx5(
-    DndContext,
-    {
-      collisionDetection: closestCenter,
-      modifiers: [restrictToVerticalAxis, restrictToWindowEdges],
-      onDragEnd: handleDragEnd,
-      sensors,
-      children: /* @__PURE__ */ jsx5(
-        SortableContext,
-        {
-          strategy: verticalListSortingStrategy,
-          items: fields.map((field) => {
-            return field.id;
-          }),
-          children
-        }
-      )
-    }
-  );
-};
-var SortContext_default = SortContext;
-
-// src/FieldArray/FieldArray.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-var fieldArrayVariants = tv({
-  slots: {
-    appendButton: "w-full",
-    elementWrapper: "grow",
-    insertAfterButton: "text-xs font-medium",
-    label: "pointer-events-auto! static! z-0! -mb-1 ml-1 inline-block!",
-    list: "m-0 w-full list-none",
-    listItem: "mb-4 flex w-full flex-row",
-    removeButton: "ml-1",
-    sortDragHandle: "mr-2 text-base text-xl"
-  }
-});
-var FieldArray = ({
-  appendButtonText = "Add Element",
-  children,
-  className: _className = void 0,
-  duplicate = false,
-  elementInitialValue: _elementInitialValue = null,
-  insertAfter = false,
-  label: _label = void 0,
-  lastElementNotRemovable = false,
-  name,
-  sortable = false,
-  testId: _testId = void 0
-}) => {
-  var _a;
-  const variants = fieldArrayVariants();
-  const className = variantsToClassNames(variants, _className, "list");
-  const {
-    control,
-    debugMode,
-    getValues,
-    getFieldState,
-    trigger
-    // watch
-  } = useFormContext();
-  const { fields, append, remove, insert, move } = useFieldArray({
-    control,
-    name
-  });
-  const { error, testId, invalid, required } = getFieldState(name, _testId);
-  const { label, getLabelProps, getHelperWrapperProps, getErrorMessageProps } = useInput({
-    isInvalid: invalid,
-    isRequired: required,
-    errorMessage: JSON.stringify(error),
-    label: _label,
-    labelPlacement: "inside",
-    placeholder: " ",
-    classNames: { helperWrapper: "block" }
-  });
-  const elementInitialValue = toNullishString(_elementInitialValue);
-  if (lastElementNotRemovable && fields.length === 0) {
-    append(elementInitialValue);
-  }
-  const showTestIdCopyButton = debugMode === "debug-testids";
-  const showLabel = label || showTestIdCopyButton;
-  return /* @__PURE__ */ jsx6(SortContext_default, { fields, move, sortable, children: /* @__PURE__ */ jsxs2(
-    "ul",
-    {
-      className: className.list,
-      "data-testid": testId,
-      onBlur: () => __async(null, null, function* () {
-        return trigger(name);
-      }),
-      children: [
-        showLabel ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          label ? (
-            // eslint-disable-next-line jsx-a11y/label-has-associated-control
-            /* @__PURE__ */ jsx6(
-              "label",
-              __spreadProps(__spreadValues({}, getLabelProps()), {
-                className: cn5((_a = getLabelProps()) == null ? void 0 : _a.className, className.label),
-                children: label
-              })
-            )
-          ) : null,
-          showTestIdCopyButton ? /* @__PURE__ */ jsx6(FieldCopyTestIdButton_default, { testId }) : null
-        ] }) : null,
-        fields.map((field, index) => {
-          const elementName = `${name}.${index}`;
-          const elementTestId = `${testId}_${index}`;
-          const elementMethods = {
-            append: () => {
-              append(elementInitialValue);
-            },
-            duplicate: () => {
-              const values = getValues(name);
-              insert(index + 1, values[index]);
-            },
-            insert: () => {
-              insert(index + 1, elementInitialValue);
-            },
-            remove: () => {
-              remove(index);
-            }
-          };
-          return /* @__PURE__ */ jsx6(
-            FieldArrayElement_default,
-            {
-              arrayFieldName: name,
-              className,
-              duplicate,
-              fields,
-              id: field.id,
-              index,
-              insertAfter,
-              lastNotDeletable: lastElementNotRemovable,
-              methods: elementMethods,
-              sortable,
-              testId: elementTestId,
-              children: children({
-                index,
-                length: fields.length,
-                methods: elementMethods,
-                name: elementName,
-                testId: elementTestId
-              })
-            },
-            field.id
-          );
-        }),
-        /* @__PURE__ */ jsx6(
-          Button3,
-          {
-            disableAnimation: true,
-            className: className.appendButton,
-            size: "sm",
-            testId: `${testId}_append_button`,
-            onClick: () => {
-              append(elementInitialValue);
-            },
-            children: appendButtonText
-          }
-        ),
-        (error == null ? void 0 : error._errors) ? /* @__PURE__ */ jsx6("div", __spreadProps(__spreadValues({}, getHelperWrapperProps()), { children: /* @__PURE__ */ jsx6("div", __spreadProps(__spreadValues({}, getErrorMessageProps()), { children: /* @__PURE__ */ jsx6(FieldValidationError_default, { error: error == null ? void 0 : error._errors, testId }) })) })) : null
-      ]
-    }
-  ) });
-};
-var FieldArray_default = FieldArray;
-
-// src/FieldArray/index.ts
-var FieldArray_default2 = FieldArray_default;
-
-export {
-  FieldArray_default,
-  FieldArray_default2
-};
-//# sourceMappingURL=chunk-NAZIH6HV.js.map

package/dist/chunk-NAZIH6HV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/FieldArray/FieldArray.tsx","../src/FieldArray/subcomponents/FieldArrayElement.tsx","../src/FieldArray/subcomponents/ElementInsertAfterButton.tsx","../src/FieldArray/subcomponents/ElementRemoveButton.tsx","../src/FieldArray/subcomponents/SortDragHandle.tsx","../src/FieldArray/subcomponents/SortContext.tsx","../src/FieldArray/index.ts"],"sourcesContent":["import type { FieldArrayElementMethods } from './subcomponents/FieldArrayElement';\nimport type { FieldArrayProps } from './types';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { toNullishString } from '../helpers';\nimport { useFieldArray, useFormContext, useInput } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport FieldArrayElement from './subcomponents/FieldArrayElement';\nimport SortContext from './subcomponents/SortContext';\n\nexport const fieldArrayVariants = tv({\n  slots: {\n    appendButton: 'w-full',\n    elementWrapper: 'grow',\n    insertAfterButton: 'text-xs font-medium',\n    label: 'pointer-events-auto! static! z-0! -mb-1 ml-1 inline-block!',\n    list: 'm-0 w-full list-none',\n    listItem: 'mb-4 flex w-full flex-row',\n    removeButton: 'ml-1',\n    sortDragHandle: 'mr-2 text-base text-xl',\n  },\n});\n\n/**\n * FieldArray component based in [RHF useFieldArray](https://react-hook-form.com/docs/usefieldarray)\n */\nconst FieldArray = ({\n  appendButtonText = 'Add Element',\n  children,\n  className: _className = undefined,\n  duplicate = false,\n  elementInitialValue: _elementInitialValue = null,\n  insertAfter = false,\n  label: _label = undefined,\n  lastElementNotRemovable = false,\n  name,\n  sortable = false,\n  testId: _testId = undefined,\n}: FieldArrayProps) => {\n  // className from slots\n  const variants = fieldArrayVariants();\n  const className = variantsToClassNames(variants, _className, 'list');\n\n  const {\n    control,\n    debugMode,\n    getValues,\n    getFieldState,\n    trigger,\n    // watch\n  } = useFormContext();\n\n  const { fields, append, remove, insert, move } = useFieldArray({\n    control,\n    name,\n  });\n\n  const { error, testId, invalid, required } = getFieldState(name, _testId);\n\n  // TODO: what about input props?\n  const { label, getLabelProps, getHelperWrapperProps, getErrorMessageProps } =\n    useInput({\n      isInvalid: invalid,\n      isRequired: required,\n      errorMessage: JSON.stringify(error),\n      label: _label,\n      labelPlacement: 'inside',\n      placeholder: ' ',\n      classNames: { helperWrapper: 'block' },\n    });\n\n  // TODO: add info\n  const elementInitialValue = toNullishString(_elementInitialValue);\n\n  // When lastElementNotRemovable is set and the field array is empty,\n  // add an initial element to ensure there's always at least one visible element\n  if (lastElementNotRemovable && fields.length === 0) {\n    append(elementInitialValue);\n  }\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  return (\n    <SortContext fields={fields} move={move} sortable={sortable}>\n      <ul\n        className={className.list}\n        data-testid={testId}\n        /**\n         * TODO: this trigger causes the field array (not element)\n         * are shown immediately, but this will cause additional\n         * render cycles, not sure if we should do this...\n         */\n        onBlur={async () => {\n          return trigger(name);\n        }}\n      >\n        {/* field array label */}\n        {showLabel ? (\n          <>\n            {label ? (\n              // eslint-disable-next-line jsx-a11y/label-has-associated-control\n              <label\n                {...getLabelProps()}\n                className={cn(getLabelProps()?.className, className.label)}\n              >\n                {label}\n              </label>\n            ) : null}\n            {showTestIdCopyButton ? (\n              <FieldCopyTestIdButton testId={testId} />\n            ) : null}\n          </>\n        ) : null}\n\n        {fields.map((field, index) => {\n          const elementName = `${name}.${index}`;\n          const elementTestId = `${testId}_${index}`;\n\n          // create methods for element\n          const elementMethods: FieldArrayElementMethods = {\n            append: () => {\n              append(elementInitialValue);\n            },\n            duplicate: () => {\n              const values = getValues(name);\n              insert(index + 1, values[index]);\n            },\n            insert: () => {\n              insert(index + 1, elementInitialValue);\n            },\n            remove: () => {\n              remove(index);\n            },\n          };\n\n          return (\n            <FieldArrayElement\n              key={field.id}\n              arrayFieldName={name}\n              className={className}\n              duplicate={duplicate}\n              fields={fields}\n              id={field.id}\n              index={index}\n              insertAfter={insertAfter}\n              lastNotDeletable={lastElementNotRemovable}\n              methods={elementMethods}\n              sortable={sortable}\n              testId={elementTestId}\n            >\n              {children({\n                index,\n                length: fields.length,\n                methods: elementMethods,\n                name: elementName,\n                testId: elementTestId,\n              })}\n            </FieldArrayElement>\n          );\n        })}\n\n        {/* append elements */}\n        <Button\n          disableAnimation\n          className={className.appendButton}\n          size=\"sm\"\n          testId={`${testId}_append_button`}\n          onClick={() => {\n            append(elementInitialValue);\n          }}\n        >\n          {appendButtonText}\n        </Button>\n\n        {/* top level field array errors */}\n        {/* @ts-expect-error rhf incompatibility */}\n        {error?._errors ? (\n          <div {...getHelperWrapperProps()}>\n            <div {...getErrorMessageProps()}>\n              {/* @ts-expect-error rhf incompatibility */}\n              <FieldValidationError error={error?._errors} testId={testId} />\n            </div>\n          </div>\n        ) : null}\n      </ul>\n    </SortContext>\n  );\n};\n\nexport default FieldArray;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\nimport type { FieldArrayFeatures } from '../types';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { Grid } from '../../Grid';\nimport { useFormContext, useInput } from '../../hooks';\nimport { FieldValidationError } from '../../partials/FieldValidationError';\nimport ElementInsertAfterButton from './ElementInsertAfterButton';\nimport ElementRemoveButton from './ElementRemoveButton';\nimport SortDragHandle from './SortDragHandle';\n\nexport interface FieldArrayElementMethods {\n  /** Add new element at end */\n  append: () => void;\n  /** Clone current element */\n  duplicate: () => void;\n  /** Add new element after current */\n  insert: () => void;\n  /** Remove current element */\n  remove: () => void;\n}\n\ninterface FieldArrayElementProps extends FieldArrayFeatures {\n  /** Base field name for form context */\n  arrayFieldName: string;\n  /** Form elements to render inside array element */\n  children: React.ReactNode;\n  /** CSS class names for component parts */\n  className: {\n    /** Class of wrapper div inside the li that wraps the rendered element fields directly */\n    elementWrapper?: ClassValue;\n    /** Class for the li */\n    listItem?: ClassValue;\n    /** Class for the insert button between elements */\n    insertAfterButton?: ClassValue;\n    /** Class for the remove element button */\n    removeButton?: ClassValue;\n    /** Class for the drag handle when sorting enabled */\n    sortDragHandle?: ClassValue;\n  };\n  /** All fields in the form array */\n  fields: Record<'id', string>[];\n  /** Unique identifier for drag/drop */\n  id: string | number;\n  /** Field index in array */\n  index: number;\n  /** Prevent deletion of last remaining element */\n  lastNotDeletable?: boolean;\n  /** Field array operation methods */\n  methods: FieldArrayElementMethods;\n  /** HTML data-testid of the element */\n  testId?: string;\n}\n\n/**\n * Form array element component using react-hook-form with drag-drop sorting\n * and validation capabilities\n */\nconst FieldArrayElement = ({\n  arrayFieldName,\n  children,\n  className,\n  fields,\n  id,\n  index,\n  insertAfter = false,\n  lastNotDeletable = true,\n  methods,\n  sortable = false,\n  testId = undefined,\n}: FieldArrayElementProps) => {\n  const { getFieldState } = useFormContext();\n  const { error, invalid } = getFieldState(arrayFieldName, undefined);\n\n  // TODO: what about input props? and label props? Do we need a label?\n  const { getHelperWrapperProps, getErrorMessageProps } = useInput({\n    classNames: { helperWrapper: 'block' },\n    errorMessage: JSON.stringify(error),\n    isInvalid: invalid,\n    labelPlacement: 'inside',\n    placeholder: ' ',\n  });\n\n  // Apply transform styles when sortable is enabled for smooth drag animations\n  // transform: handles the item's position during drag\n  // transition: controls the animation timing when dropping\n  const { setNodeRef, transform, transition } = useSortable({ id });\n  const sortingStyle = sortable\n    ? {\n        transform: CSS.Translate.toString(transform),\n        transition,\n      }\n    : undefined;\n\n  return (\n    <>\n      <li\n        ref={setNodeRef}\n        className={cn(className.listItem)}\n        style={sortingStyle}\n      >\n        {/** sorting drag handle */}\n        {sortable ? (\n          <SortDragHandle\n            className={className.sortDragHandle}\n            id={id}\n            testId={`${testId}_sort_drag_handle`}\n          />\n        ) : null}\n\n        {/** render element fields */}\n        <div\n          className={cn(className.elementWrapper)}\n          data-testid={`${testId}_element_wrapper`}\n        >\n          {/* TODO: this has to be improved */}\n          <Grid>{children}</Grid>\n        </div>\n\n        {/** remove element */}\n        {lastNotDeletable && fields.length === 1 ? null : (\n          <ElementRemoveButton\n            className={className.removeButton}\n            testId={`${testId}_remove_button`}\n            onClick={() => {\n              methods.remove();\n            }}\n          />\n        )}\n\n        {/** insertAfter feature when not last element */}\n        {insertAfter && index !== fields.length - 1 ? (\n          <ElementInsertAfterButton\n            className={className.insertAfterButton}\n            testId={`${testId}_insert_after_button`}\n            onClick={() => {\n              methods.insert();\n            }}\n          />\n        ) : null}\n      </li>\n\n      {/** element error */}\n      {typeof error?.[index] !== 'undefined' && (\n        <div {...getHelperWrapperProps()}>\n          <div {...getErrorMessageProps()}>\n            <FieldValidationError\n              /* @ts-expect-error rhf incompatibility */\n              error={error[Number(index)]?._errors}\n              testId={testId as string}\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default FieldArrayElement;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaPlus } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementInsertAfterButtonProps {\n  /** CSS class name */\n  className?: ClassValue;\n  /** click handler */\n  onClick: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst ElementInsertAfterButton = ({\n  className = undefined,\n  onClick,\n  testId = undefined,\n}: ElementInsertAfterButtonProps) => {\n  return (\n    <Button\n      className={cn(className)}\n      color=\"success\"\n      icon={<FaPlus />}\n      onClick={onClick}\n      size=\"sm\"\n      testId={testId}\n      variant=\"light\"\n    />\n  );\n};\n\nexport default ElementInsertAfterButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaTimes } from 'react-icons/fa';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementRemoveButtonProps {\n  /** CSS class name */\n  className?: ClassValue;\n  /** click handler */\n  onClick: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst ElementRemoveButton = ({\n  className = undefined,\n  onClick,\n  testId = undefined,\n}: ElementRemoveButtonProps) => {\n  return (\n    <Button\n      ariaLabel=\"remove element\"\n      className={cn(className)}\n      color=\"danger\"\n      icon={<FaTimes />}\n      onClick={onClick}\n      testId={testId}\n      variant=\"light\"\n    />\n  );\n};\n\nexport default ElementRemoveButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaGripVertical } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface SortDragHandleProps {\n  /** Optional CSS class name */\n  className?: ClassValue;\n  /** Unique identifier for sortable item */\n  id: string | number;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drag handle component that integrates with dnd-kit sortable functionality.\n * Renders a vertical grip icon that can be used to reorder items.\n */\nconst SortDragHandle = ({\n  className = undefined,\n  id,\n  testId = undefined,\n}: SortDragHandleProps) => {\n  // Get dnd-kit sortable attributes and listeners\n  const { attributes, listeners } = useSortable({ id });\n\n  return (\n    <div\n      className={cn(className)}\n      data-testid={testId}\n      {...attributes}\n      {...listeners}\n    >\n      <FaGripVertical />\n    </div>\n  );\n};\n\nexport default SortDragHandle;\n","import type { DragEndEvent } from '@dnd-kit/core';\nimport type { ReactNode } from 'react';\nimport type { UseFieldArrayMove } from 'react-hook-form';\n\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  restrictToVerticalAxis,\n  restrictToWindowEdges,\n} from '@dnd-kit/modifiers';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\ninterface SortContextProps {\n  /** child components */\n  children: ReactNode;\n  /** enable/disable sorting functionality */\n  sortable: boolean;\n  /** Array of objects containing unique IDs for sortable items */\n  fields: Record<'id', string>[];\n  /** react-hook-form's move function to update field array indices */\n  move: UseFieldArrayMove;\n}\n\n/**\n * A wrapper component that provides drag-and-drop sorting functionality for field arrays\n * using dnd-kit and react-hook-form.\n *\n * This component integrates with react-hook-form's field arrays to enable vertical\n * drag-and-drop reordering of form fields. It supports both pointer (mouse/touch)\n * and keyboard interactions for accessibility.\n */\nconst SortContext = ({\n  children,\n  sortable,\n  fields,\n  move,\n}: SortContextProps): ReactNode => {\n  // Initialize sensors for both pointer (mouse/touch) and keyboard interactions\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor),\n  );\n\n  // Early return if sorting is disabled\n  if (!sortable) {\n    return children;\n  }\n\n  /**\n   * Handles the end of a drag operation by updating field positions\n   * @param event - The drag end event containing active and over elements\n   */\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n\n    // Only move if dropping over a different item\n    if (active.id !== over?.id) {\n      // Find the indices of the dragged item and drop target\n      const oldIndex = fields.findIndex((field) => {\n        return field.id === active.id;\n      });\n      const newIndex = fields.findIndex((field) => {\n        return field.id === over?.id;\n      });\n      // Update the field array order using react-hook-form's move function\n      move(oldIndex, newIndex);\n    }\n  };\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n      onDragEnd={handleDragEnd}\n      sensors={sensors}\n    >\n      <SortableContext\n        strategy={verticalListSortingStrategy}\n        items={fields.map((field) => {\n          return field.id;\n        })}\n      >\n        {children}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nexport default SortContext;\n","import FieldArray from './FieldArray';\n\nexport type * from './types';\n\nexport { FieldArray };\n\nexport default FieldArray;\n"],"mappings":"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","names":["cn","Button","useSortable","cn","cn","Button","jsx","cn","jsx","cn","jsx","useSortable","cn","jsx","Fragment","jsx","jsxs","cn","Button","FieldArray_default"]}

package/dist/chunk-RDBCJJI7.cjs

@@ -1,88 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkOE5BOGGXcjs = require('./chunk-OE5BOGGX.cjs');
-
-
-var _chunkY3AB4GV6cjs = require('./chunk-Y3AB4GV6.cjs');
-
-
-
-var _chunk2GYFDVXXcjs = require('./chunk-2GYFDVXX.cjs');
-
-
-var _chunkFLK6OPFYcjs = require('./chunk-FLK6OPFY.cjs');
-
-// src/TextArea/TextArea.tsx
-var _input = require('@heroui/input');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var TextArea = ({
-  children = null,
-  className = void 0,
-  debounceDelay = 300,
-  disabled = false,
-  label = void 0,
-  name,
-  placeholder = " ",
-  testId: _testId = void 0
-}) => {
-  const { control, debugMode, getFieldState } = _chunk2GYFDVXXcjs.useFormContext.call(void 0, );
-  const { error, invalid, required, testId } = getFieldState(name, _testId);
-  const { field } = _chunk2GYFDVXXcjs.useController.call(void 0, {
-    control,
-    disabled,
-    name
-  });
-  const {
-    disabled: isDisabled,
-    onChange: fieldOnChange,
-    onBlur: fieldOnBlur,
-    value: fieldValue,
-    ref
-  } = field;
-  const { onChange, onBlur, value } = _chunkFLK6OPFYcjs.useInputValueDebounce.call(void 0, {
-    debounceDelay,
-    onBlur: fieldOnBlur,
-    onChange: fieldOnChange,
-    value: fieldValue
-  });
-  const showTestIdCopyButton = debugMode === "debug-testids";
-  const showLabel = label || showTestIdCopyButton;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _input.Textarea,
-    {
-      ref,
-      className: _pixelutils.cn.call(void 0, className),
-      "data-testid": testId,
-      isDisabled,
-      isInvalid: invalid,
-      isRequired: required,
-      labelPlacement: "outside",
-      name,
-      onBlur,
-      onChange,
-      placeholder,
-      value,
-      variant: "bordered",
-      classNames: {
-        inputWrapper: "bg-content1 group-data-[focus=true]:border-focus"
-      },
-      errorMessage: error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3AB4GV6cjs.FieldValidationError_default, { error, testId }) : null,
-      label: showLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        label,
-        showTestIdCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOE5BOGGXcjs.FieldCopyTestIdButton_default, { testId }) : null
-      ] }) : null,
-      children
-    }
-  );
-};
-var TextArea_default = TextArea;
-
-// src/TextArea/index.ts
-var TextArea_default2 = TextArea_default;
-
-
-
-
-exports.TextArea_default = TextArea_default; exports.TextArea_default2 = TextArea_default2;
-//# sourceMappingURL=chunk-RDBCJJI7.cjs.map

package/dist/chunk-RDBCJJI7.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-RDBCJJI7.cjs","../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"names":["TextArea_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACZA,sCAAyC;AAEzC,oDAAmB;AAqFH,+CAAA;AAzDhB,IAAM,SAAA,EAAW,CAAC;AAAA,EAChB,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,cAAA,EAAgB,GAAA;AAAA,EAChB,SAAA,EAAW,KAAA;AAAA,EACX,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,IAAA;AAAA,EACA,YAAA,EAAc,GAAA;AAAA,EACd,MAAA,EAAQ,QAAA,EAAU,KAAA;AACpB,CAAA,EAAA,GAAqB;AACnB,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,cAAc,EAAA,EAAI,8CAAA,CAAe;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,QAAA,EAAU,OAAO,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,EAAE,MAAM,EAAA,EAAI,6CAAA;AAAc,IAC9B,OAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,UAAA;AAAA,IACV,QAAA,EAAU,aAAA;AAAA,IACV,MAAA,EAAQ,WAAA;AAAA,IACR,KAAA,EAAO,UAAA;AAAA,IACP;AAAA,EACF,EAAA,EAAI,KAAA;AAGJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAA,EAAQ,MAAM,EAAA,EAAI,qDAAA;AAAsB,IACxD,aAAA;AAAA,IACA,MAAA,EAAQ,WAAA;AAAA,IACR,QAAA,EAAU,aAAA;AAAA,IACV,KAAA,EAAO;AAAA,EACT,CAAC,CAAA;AAED,EAAA,MAAM,qBAAA,EAAuB,UAAA,IAAc,eAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,MAAA,GAAS,oBAAA;AAE3B,EAAA,uBACE,6BAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,MACvB,aAAA,EAAa,MAAA;AAAA,MACb,UAAA;AAAA,MACA,SAAA,EAAW,OAAA;AAAA,MACX,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAe,SAAA;AAAA,MACf,IAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MACR,UAAA,EAAY;AAAA,QACV,YAAA,EAAc;AAAA,MAChB,CAAA;AAAA,MACA,YAAA,EACE,MAAA,kBAAQ,6BAAA,8CAAC,EAAA,EAAqB,KAAA,EAAc,OAAA,CAAgB,EAAA,EAAK,IAAA;AAAA,MAEnE,KAAA,EACE,UAAA,kBACE,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,qBAAA,kBACC,6BAAA,+CAAC,EAAA,EAAsB,OAAA,CAAgB,EAAA,EACrC;AAAA,MAAA,EAAA,CACN,EAAA,EACE,IAAA;AAAA,MAGL;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,iBAAA,EAAQ,QAAA;AD5Bf;AACA;AE1EA,IAAOA,kBAAAA,EAAQ,gBAAA;AF4Ef;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-RDBCJJI7.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { Textarea as HeroTextArea } from '@heroui/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext, useInputValueDebounce } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface TextAreaProps {\n  /** Child components. The content of the textarea. */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** Determines if the TextArea is disabled or not. */\n  disabled?: boolean;\n  /** Label displayed above the TextArea. */\n  label?: ReactNode;\n  /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** placeholder for the textArea content. */\n  placeholder?: string;\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)\n */\nconst TextArea = ({\n  children = null,\n  className = undefined,\n  debounceDelay = 300,\n  disabled = false,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  testId: _testId = undefined,\n}: TextAreaProps) => {\n  const { control, debugMode, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const { field } = useController({\n    control,\n    disabled,\n    name,\n  });\n\n  const {\n    disabled: isDisabled,\n    onChange: fieldOnChange,\n    onBlur: fieldOnBlur,\n    value: fieldValue,\n    ref,\n  } = field;\n\n  // Use debounced handlers for form updates\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    value: fieldValue,\n  });\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  return (\n    <HeroTextArea\n      ref={ref}\n      className={cn(className)}\n      data-testid={testId}\n      isDisabled={isDisabled}\n      isInvalid={invalid}\n      isRequired={required}\n      labelPlacement=\"outside\"\n      name={name}\n      onBlur={onBlur}\n      onChange={onChange}\n      placeholder={placeholder}\n      value={value as string}\n      variant=\"bordered\"\n      classNames={{\n        inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n      }}\n      errorMessage={\n        error ? <FieldValidationError error={error} testId={testId} /> : null\n      }\n      label={\n        showLabel ? (\n          <>\n            {label}\n            {showTestIdCopyButton ? (\n              <FieldCopyTestIdButton testId={testId} />\n            ) : null}\n          </>\n        ) : null\n      }\n    >\n      {children}\n    </HeroTextArea>\n  );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"]}

package/dist/chunk-RF7KNUCI.js

@@ -1,88 +0,0 @@
-import {
-  FieldCopyTestIdButton_default
-} from "./chunk-NTDKZW4E.js";
-import {
-  FieldValidationError_default
-} from "./chunk-CQWA2DFV.js";
-import {
-  useController,
-  useFormContext
-} from "./chunk-IYDCKENI.js";
-import {
-  useInputValueDebounce
-} from "./chunk-6IU7IYYB.js";
-
-// src/TextArea/TextArea.tsx
-import { Textarea as HeroTextArea } from "@heroui/input";
-import { cn } from "@fuf-stack/pixel-utils";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TextArea = ({
-  children = null,
-  className = void 0,
-  debounceDelay = 300,
-  disabled = false,
-  label = void 0,
-  name,
-  placeholder = " ",
-  testId: _testId = void 0
-}) => {
-  const { control, debugMode, getFieldState } = useFormContext();
-  const { error, invalid, required, testId } = getFieldState(name, _testId);
-  const { field } = useController({
-    control,
-    disabled,
-    name
-  });
-  const {
-    disabled: isDisabled,
-    onChange: fieldOnChange,
-    onBlur: fieldOnBlur,
-    value: fieldValue,
-    ref
-  } = field;
-  const { onChange, onBlur, value } = useInputValueDebounce({
-    debounceDelay,
-    onBlur: fieldOnBlur,
-    onChange: fieldOnChange,
-    value: fieldValue
-  });
-  const showTestIdCopyButton = debugMode === "debug-testids";
-  const showLabel = label || showTestIdCopyButton;
-  return /* @__PURE__ */ jsx(
-    HeroTextArea,
-    {
-      ref,
-      className: cn(className),
-      "data-testid": testId,
-      isDisabled,
-      isInvalid: invalid,
-      isRequired: required,
-      labelPlacement: "outside",
-      name,
-      onBlur,
-      onChange,
-      placeholder,
-      value,
-      variant: "bordered",
-      classNames: {
-        inputWrapper: "bg-content1 group-data-[focus=true]:border-focus"
-      },
-      errorMessage: error ? /* @__PURE__ */ jsx(FieldValidationError_default, { error, testId }) : null,
-      label: showLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        label,
-        showTestIdCopyButton ? /* @__PURE__ */ jsx(FieldCopyTestIdButton_default, { testId }) : null
-      ] }) : null,
-      children
-    }
-  );
-};
-var TextArea_default = TextArea;
-
-// src/TextArea/index.ts
-var TextArea_default2 = TextArea_default;
-
-export {
-  TextArea_default,
-  TextArea_default2
-};
-//# sourceMappingURL=chunk-RF7KNUCI.js.map

package/dist/chunk-RF7KNUCI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Textarea as HeroTextArea } from '@heroui/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext, useInputValueDebounce } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface TextAreaProps {\n  /** Child components. The content of the textarea. */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** Determines if the TextArea is disabled or not. */\n  disabled?: boolean;\n  /** Label displayed above the TextArea. */\n  label?: ReactNode;\n  /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** placeholder for the textArea content. */\n  placeholder?: string;\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)\n */\nconst TextArea = ({\n  children = null,\n  className = undefined,\n  debounceDelay = 300,\n  disabled = false,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  testId: _testId = undefined,\n}: TextAreaProps) => {\n  const { control, debugMode, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const { field } = useController({\n    control,\n    disabled,\n    name,\n  });\n\n  const {\n    disabled: isDisabled,\n    onChange: fieldOnChange,\n    onBlur: fieldOnBlur,\n    value: fieldValue,\n    ref,\n  } = field;\n\n  // Use debounced handlers for form updates\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    value: fieldValue,\n  });\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  return (\n    <HeroTextArea\n      ref={ref}\n      className={cn(className)}\n      data-testid={testId}\n      isDisabled={isDisabled}\n      isInvalid={invalid}\n      isRequired={required}\n      labelPlacement=\"outside\"\n      name={name}\n      onBlur={onBlur}\n      onChange={onChange}\n      placeholder={placeholder}\n      value={value as string}\n      variant=\"bordered\"\n      classNames={{\n        inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n      }}\n      errorMessage={\n        error ? <FieldValidationError error={error} testId={testId} /> : null\n      }\n      label={\n        showLabel ? (\n          <>\n            {label}\n            {showTestIdCopyButton ? (\n              <FieldCopyTestIdButton testId={testId} />\n            ) : null}\n          </>\n        ) : null\n      }\n    >\n      {children}\n    </HeroTextArea>\n  );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"],"mappings":";;;;;;;;;;;;;;;AAEA,SAAS,YAAY,oBAAoB;AAEzC,SAAS,UAAU;AAqFH,SAIN,UAJM,KAIN,YAJM;AAzDhB,IAAM,WAAW,CAAC;AAAA,EAChB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,QAAQ,UAAU;AACpB,MAAqB;AACnB,QAAM,EAAE,SAAS,WAAW,cAAc,IAAI,eAAe;AAC7D,QAAM,EAAE,OAAO,SAAS,UAAU,OAAO,IAAI,cAAc,MAAM,OAAO;AAExE,QAAM,EAAE,MAAM,IAAI,cAAc;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,EACF,IAAI;AAGJ,QAAM,EAAE,UAAU,QAAQ,MAAM,IAAI,sBAAsB;AAAA,IACxD;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACT,CAAC;AAED,QAAM,uBAAuB,cAAc;AAC3C,QAAM,YAAY,SAAS;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,SAAS;AAAA,MACvB,eAAa;AAAA,MACb;AAAA,MACA,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,cAAc;AAAA,MAChB;AAAA,MACA,cACE,QAAQ,oBAAC,gCAAqB,OAAc,QAAgB,IAAK;AAAA,MAEnE,OACE,YACE,iCACG;AAAA;AAAA,QACA,uBACC,oBAAC,iCAAsB,QAAgB,IACrC;AAAA,SACN,IACE;AAAA,MAGL;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ;;;ACrGf,IAAOA,oBAAQ;","names":["TextArea_default"]}