@iress-oss/ids-components 6.0.0-alpha.5 → 6.0.0-alpha.7

package/dist/enums.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((r) => (r.Group = "group", r.FormElement = "iress-form-element", r.FormElementInner = "iress-form-element__inner", r.FormElementInvalid = "iress-form-element--invalid", r.FormLabel = "iress-form-label", r.Alert = "ids-alert", r.Autocomplete = "ids-autocomplete", r.Badge = "ids-badge", r.Button = "ids-button", r.ButtonGroup = "ids-button-group", r.Card = "ids-card", r.Checkbox = "ids-checkbox", r.CheckboxGroup = "ids-checkbox-group", r.CheckboxMark = "ids-checkbox-mark", r.CloseButton = "ids-button--close", r.Col = "ids-col", r.Container = "ids-container", r.Divider = "ids-divider", r.Expander = "ids-expander", r.Field = "ids-field", r.FieldGroup = "ids-field-group", r.Form = "ids-form", r.Filter = "ids-filter", r.Icon = "ids-icon", r.Image = "ids-image", r.Inline = "ids-inline", r.Input = "ids-input", r.InputCurrency = "ids-input--currency", r.InputPopover = "ids-popover--input", r.Link = "ids-link", r.Menu = "ids-menu", r.MenuHeading = "ids-text--menu-heading", r.MenuDivider = "ids-divider--menu", r.MenuItem = "ids-menu-item", r.MenuText = "ids-text--menu", r.Modal = "ids-modal", r.ModalBackdrop = "ids-modal__backdrop", r.Panel = "ids-panel", r.Placeholder = "ids-placeholder", r.Popover = "ids-popover", r.PopoverContent = "ids-popover__content", r.Progress = "ids-progress", r.Radio = "ids-radio", r.RadioGroup = "ids-radio-group", r.Readonly = "ids-input--readonly", r.RichSelect = "ids-rich-select", r.RichSelectTags = "ids-rich-select-tags", r.RichSelectSearchInput = "ids-rich-select-search-input", r.RichSelectSearch = "ids-rich-select-search", r.RichSelectSearchContent = "ids-rich-select-search--content", r.RichSelectMenu = "ids-rich-select-menu", r.RichSelectMenuItem = "ids-rich-select-menu-item", r.RichSelectLabel = "ids-rich-select-label", r.RichSelectHeading = "ids-rich-select-heading", r.RichSelectClearButton = "ids-rich-select-clear-button", r.RichSelectBody = "ids-rich-select-body", r.Row = "ids-row", r.Select = "ids-select", r.Skeleton = "ids-skeleton", r.SkipLink = "ids-skip-link", r.Slideout = "ids-slideout", r.SlideoutPushElement = "ids-slideout-push-element", r.SlideoutOpen = "ids-slideout--open", r.Slider = "ids-slider", r.Spinner = "ids-spinner", r.Stack = "ids-stack", r.Table = "ids-table", r.Tab = "ids-tab", r.TabSet = "ids-tabset", r.Tag = "ids-tag", r.TagInput = "ids-tag-input", r.Text = "ids-text", r.Toast = "ids-toast", r.Toaster = "ids-toaster", r.Toggle = "ids-toggle", r.Tooltip = "ids-tooltip", r.ValidationLink = "ids-validation-message--link", r.ValidationMessage = "ids-validation-message", r.ValidationSummary = "ids-validation-sumary", r))(e || {}), i = /* @__PURE__ */ ((r) => (r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r.Xxl = "xxl", r))(i || {}), d = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Overlay = "overlay", r))(d || {}), c = /* @__PURE__ */ ((r) => (r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r))(c || {}), t = /* @__PURE__ */ ((r) => (r.Log = "log", r.Warn = "warn", r.Error = "error", r))(t || {}), u = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.Color = "color", r.File = "file", r.DateTimeLocal = "datetime-local", r))(u || {}), n = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.File = "file", r.Color = "color", r.Checkbox = "checkbox", r.Radio = "radio", r.Select = "select", r.CheckboxGroup = "checkbox-group", r.RadioGroup = "radio-group", r.Combobox = "combobox", r.DateTimeLocal = "datetime-local", r))(n || {}), h = /* @__PURE__ */ ((r) => (r.Two = "2", r.Four = "4", r.Six = "6", r.Eight = "8", r.Ten = "10", r.Twelve = "12", r.Sixteen = "16", r.TwentyFivePercent = "25perc", r.FiftyPercent = "50perc", r.SeventyFivePercent = "75perc", r))(h || {}), o = /* @__PURE__ */ ((r) => (r.Auto = "auto", r.BottomStart = "bottom-start", r.BottomCenter = "bottom", r.BottomEnd = "bottom-end", r.TopStart = "top-start", r.TopCenter = "top", r.TopEnd = "top-end", r.LeftStart = "left-start", r.LeftCenter = "left", r.LeftEnd = "left-end", r.RightStart = "right-start", r.RightCenter = "right", r.RightEnd = "right-end", r))(o || {}), p = /* @__PURE__ */ ((r) => (r.Danger = "danger", r.Info = "info", r.Success = "success", r.Warning = "warning", r))(p || {}), v = /* @__PURE__ */ ((r) => (r.Inherit = "inherit", r.Left = "left", r.Center = "center", r.Right = "right", r.Justify = "justify", r))(v || {}), f = /* @__PURE__ */ ((r) => (r.P = "p", r.Div = "div", r.Span = "span", r.H1 = "h1", r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r.Code = "code", r.Blockquote = "blockquote", r.Caption = "caption", r.Cite = "cite", r.Small = "small", r))(f || {}), k = /* @__PURE__ */ ((r) => (r.Body = "body", r.Danger = "danger", r.Info = "info", r.Muted = "muted", r.Primary = "primary", r.Success = "success", r.Warning = "warning", r.Positive = "positive", r.Negative = "negative", r))(k || {}), g = /* @__PURE__ */ ((r) => (r.Blockquote = "blockquote", r.Bold = "bold", r.Body = "body", r.Code = "code", r.Display = "display", r.Display1 = "display1", r.Display2 = "display2", r.Display3 = "display3", r.Display4 = "display4", r.Heading1 = "h1", r.Heading2 = "h2", r.Heading3 = "h3", r.Heading4 = "h4", r.Heading5 = "h5", r.Heading6 = "h6", r.Italic = "italic", r.Lead = "lead", r.Small = "small", r.Cite = "cite", r.Caption = "caption", r))(g || {}), R = /* @__PURE__ */ ((r) => (r.None = "none", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r))(R || {}), m = /* @__PURE__ */ ((r) => (r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.FullPage = "fullpage", r))(m || {}), w = /* @__PURE__ */ ((r) => (r.None = "none", r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r))(w || {}), s = /* @__PURE__ */ ((r) => (r.Around = "around", r.Between = "between", r.Center = "center", r.Evenly = "evenly", r.Left = "left", r.Right = "right", r))(s || {}), D = /* @__PURE__ */ ((r) => (r.Bottom = "bottom", r.Middle = "middle", r.Stretch = "stretch", r.Top = "top", r))(D || {});
+var e = /* @__PURE__ */ ((r) => (r.Group = "group", r.FormElement = "iress-form-element", r.FormElementInner = "iress-form-element__inner", r.FormElementInvalid = "iress-form-element--invalid", r.FormLabel = "iress-form-label", r.Alert = "ids-alert", r.Autocomplete = "ids-autocomplete", r.Badge = "ids-badge", r.Button = "ids-button", r.ButtonGroup = "ids-button-group", r.Card = "ids-card", r.Checkbox = "ids-checkbox", r.CheckboxGroup = "ids-checkbox-group", r.CheckboxMark = "ids-checkbox-mark", r.CloseButton = "ids-button--close", r.Col = "ids-col", r.Container = "ids-container", r.Divider = "ids-divider", r.Expander = "ids-expander", r.Field = "ids-field", r.FieldGroup = "ids-field-group", r.Form = "ids-form", r.Filter = "ids-filter", r.Icon = "ids-icon", r.Image = "ids-image", r.Inline = "ids-inline", r.Input = "ids-input", r.InputCurrency = "ids-input--currency", r.InputPopover = "ids-popover--input", r.Label = "ids-label", r.Link = "ids-link", r.Menu = "ids-menu", r.MenuHeading = "ids-text--menu-heading", r.MenuDivider = "ids-divider--menu", r.MenuItem = "ids-menu-item", r.MenuText = "ids-text--menu", r.Modal = "ids-modal", r.ModalBackdrop = "ids-modal__backdrop", r.Panel = "ids-panel", r.Placeholder = "ids-placeholder", r.Popover = "ids-popover", r.PopoverContent = "ids-popover__content", r.Progress = "ids-progress", r.Radio = "ids-radio", r.RadioGroup = "ids-radio-group", r.Readonly = "ids-input--readonly", r.RichSelect = "ids-rich-select", r.RichSelectTags = "ids-rich-select-tags", r.RichSelectSearchInput = "ids-rich-select-search-input", r.RichSelectSearch = "ids-rich-select-search", r.RichSelectSearchContent = "ids-rich-select-search--content", r.RichSelectMenu = "ids-rich-select-menu", r.RichSelectMenuItem = "ids-rich-select-menu-item", r.RichSelectLabel = "ids-rich-select-label", r.RichSelectHeading = "ids-rich-select-heading", r.RichSelectClearButton = "ids-rich-select-clear-button", r.RichSelectBody = "ids-rich-select-body", r.Row = "ids-row", r.Select = "ids-select", r.Skeleton = "ids-skeleton", r.SkipLink = "ids-skip-link", r.Slideout = "ids-slideout", r.SlideoutPushElement = "ids-slideout-push-element", r.SlideoutOpen = "ids-slideout--open", r.Slider = "ids-slider", r.Spinner = "ids-spinner", r.Stack = "ids-stack", r.Table = "ids-table", r.Tab = "ids-tab", r.TabSet = "ids-tabset", r.Tag = "ids-tag", r.TagInput = "ids-tag-input", r.Text = "ids-text", r.Toast = "ids-toast", r.Toaster = "ids-toaster", r.Toggle = "ids-toggle", r.Tooltip = "ids-tooltip", r.ValidationLink = "ids-validation-message--link", r.ValidationMessage = "ids-validation-message", r.ValidationSummary = "ids-validation-summary", r))(e || {}), i = /* @__PURE__ */ ((r) => (r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r.Xxl = "xxl", r))(i || {}), d = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Overlay = "overlay", r))(d || {}), c = /* @__PURE__ */ ((r) => (r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r))(c || {}), t = /* @__PURE__ */ ((r) => (r.Log = "log", r.Warn = "warn", r.Error = "error", r))(t || {}), u = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.Color = "color", r.File = "file", r.DateTimeLocal = "datetime-local", r))(u || {}), n = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.File = "file", r.Color = "color", r.Checkbox = "checkbox", r.Radio = "radio", r.Select = "select", r.CheckboxGroup = "checkbox-group", r.RadioGroup = "radio-group", r.Combobox = "combobox", r.DateTimeLocal = "datetime-local", r))(n || {}), h = /* @__PURE__ */ ((r) => (r.Two = "2", r.Four = "4", r.Six = "6", r.Eight = "8", r.Ten = "10", r.Twelve = "12", r.Sixteen = "16", r.TwentyFivePercent = "25perc", r.FiftyPercent = "50perc", r.SeventyFivePercent = "75perc", r))(h || {}), o = /* @__PURE__ */ ((r) => (r.Auto = "auto", r.BottomStart = "bottom-start", r.BottomCenter = "bottom", r.BottomEnd = "bottom-end", r.TopStart = "top-start", r.TopCenter = "top", r.TopEnd = "top-end", r.LeftStart = "left-start", r.LeftCenter = "left", r.LeftEnd = "left-end", r.RightStart = "right-start", r.RightCenter = "right", r.RightEnd = "right-end", r))(o || {}), p = /* @__PURE__ */ ((r) => (r.Danger = "danger", r.Info = "info", r.Success = "success", r.Warning = "warning", r))(p || {}), v = /* @__PURE__ */ ((r) => (r.Inherit = "inherit", r.Left = "left", r.Center = "center", r.Right = "right", r.Justify = "justify", r))(v || {}), f = /* @__PURE__ */ ((r) => (r.P = "p", r.Div = "div", r.Span = "span", r.H1 = "h1", r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r.Code = "code", r.Blockquote = "blockquote", r.Caption = "caption", r.Cite = "cite", r.Small = "small", r))(f || {}), k = /* @__PURE__ */ ((r) => (r.Body = "body", r.Danger = "danger", r.Info = "info", r.Muted = "muted", r.Primary = "primary", r.Success = "success", r.Warning = "warning", r.Positive = "positive", r.Negative = "negative", r))(k || {}), g = /* @__PURE__ */ ((r) => (r.Blockquote = "blockquote", r.Bold = "bold", r.Body = "body", r.Code = "code", r.Display = "display", r.Display1 = "display1", r.Display2 = "display2", r.Display3 = "display3", r.Display4 = "display4", r.Heading1 = "h1", r.Heading2 = "h2", r.Heading3 = "h3", r.Heading4 = "h4", r.Heading5 = "h5", r.Heading6 = "h6", r.Italic = "italic", r.Lead = "lead", r.Small = "small", r.Cite = "cite", r.Caption = "caption", r))(g || {}), R = /* @__PURE__ */ ((r) => (r.None = "none", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r))(R || {}), m = /* @__PURE__ */ ((r) => (r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.FullPage = "fullpage", r))(m || {}), w = /* @__PURE__ */ ((r) => (r.None = "none", r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r))(w || {}), D = /* @__PURE__ */ ((r) => (r.Around = "around", r.Between = "between", r.Center = "center", r.Evenly = "evenly", r.Left = "left", r.Right = "right", r))(D || {}), P = /* @__PURE__ */ ((r) => (r.Bottom = "bottom", r.Middle = "middle", r.Stretch = "stretch", r.Top = "top", r))(P || {});
 export {
   i as Breakpoint,
   d as DisplayMode,
@@ -8,7 +8,7 @@ export {
   e as GlobalCSSClass,
   w as GutterSize,
   c as HeadingLevel,
-  s as HorizontalAlign,
+  D as HorizontalAlign,
   t as LoggerLevels,
   m as ModalSize,
   R as PaddingSize,
@@ -18,5 +18,5 @@ export {
   u as TextFieldType,
   k as TextMode,
   g as TextVariant,
-  D as VerticalAlign
+  P as VerticalAlign
 };

package/dist/{index-CZ9ot38T.js → index-aTLA1VIV.js}

@@ -444,7 +444,7 @@ const s = {
     variable: "var(--spacing-button\\.block)"
   },
   "spacing.field.footer": {
-    value: "calc(var(--iress-typography-base-size, .875rem) * 2.35)",
+    value: "calc(var(--iress-typography-base-size, .875rem) * 2)",
     variable: "var(--spacing-field\\.footer)"
   },
   "spacing.slider.tick": {

package/dist/main.js

@@ -1,11 +1,11 @@
 import { IressAlert as o } from "./components/Alert/Alert.js";
 import { alert as s } from "./components/Alert/Alert.styles.js";
-import { a as m, I as x } from "./Autocomplete-C5ubHBTi.js";
+import { a as m, I as x } from "./Autocomplete-BQ_YPb5A.js";
 import { autoComplete as I } from "./components/Autocomplete/Autocomplete.styles.js";
 import { useAutocompleteSearch as l } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
 import { IressBadge as n } from "./components/Badge/Badge.js";
 import { badge as S } from "./components/Badge/Badge.styles.js";
-import { I as T, b as c } from "./Button-mmhMLwp9.js";
+import { I as T, b as c } from "./Button-B4nt3P1v.js";
 import { IressCloseButton as g } from "./components/Button/CloseButton/CloseButton.js";
 import { IressButtonGroup as C } from "./components/ButtonGroup/ButtonGroup.js";
 import { buttonGroup as G } from "./components/ButtonGroup/ButtonGroup.styles.js";
@@ -62,7 +62,7 @@ import { IressInputPopover as Ce } from "./components/Popover/InputPopover/Input
 import { usePopoverItem as Ge } from "./components/Popover/hooks/usePopoverItem.js";
 import { IressProgress as _e } from "./components/Progress/Progress.js";
 import { progress as Re } from "./components/Progress/Progress.styles.js";
-import { I as Fe } from "./Provider-8wS70V56.js";
+import { I as Fe } from "./Provider-CDIbqQK0.js";
 import { IressRadio as Pe } from "./components/Radio/Radio.js";
 import { radio as De } from "./components/Radio/Radio.styles.js";
 import { IressRadioGroup as Oe, RadioGroupContext as Ve, getRadioGroupContext as ye } from "./components/RadioGroup/RadioGroup.js";

package/dist/patterns/Form/FormField/FormField.js

@@ -1,6 +1,6 @@
 import { jsx as I } from "react/jsx-runtime";
 import { useContext as M, useRef as E, useMemo as f, useEffect as x } from "react";
-import { a as _ } from "../../../index.esm-BiUTGNH8.js";
+import { useController as _ } from "react-hook-form";
 import { getErrorTypeMessage as $ } from "./helpers/getErrorTypeMessage.js";
 import { FormContext as v } from "../FormContext.js";
 import { transformCustomRulesToValidateRule as q } from "./helpers/transformCustomRulesToValidateRule.js";
@@ -28,7 +28,7 @@ const H = ({
   const m = f(() => {
     if (!e)
       return s ? q(s) : void 0;
-  }, [e, s]), { field: a, formState: c, fieldState: t } = _({
+  }, [e, s]), { field: c, formState: g, fieldState: t } = _({
     control: d,
     defaultValue: p,
     name: r,
@@ -45,7 +45,7 @@ const H = ({
   x(() => {
     e ? o.setErrorMessage(r, "") : o.setErrorMessage(r, i);
   }, [i, o, r, e]);
-  const g = T(a, F);
+  const a = T(c, F);
   return /* @__PURE__ */ I(
     S,
     {
@@ -56,11 +56,11 @@ const H = ({
       ...u,
       children: n(
         {
-          ...g,
+          ...a,
           id: `${o.id}__${r}`
         },
         {
-          formState: c,
+          formState: g,
           fieldState: t
         }
       )

package/dist/patterns/Form/FormField/FormFieldset.js

@@ -1,6 +1,6 @@
 import { jsx as F } from "react/jsx-runtime";
 import { useContext as c, useRef as g, useMemo as I, useEffect as M } from "react";
-import { a as x } from "../../../index.esm-BiUTGNH8.js";
+import { useController as x } from "react-hook-form";
 import { getErrorTypeMessage as E } from "./helpers/getErrorTypeMessage.js";
 import "../../../components/Label/Label.styles.js";
 import "../../../components/Field/Field.styles.js";

package/dist/patterns/Form/HookForm/HookForm.js

@@ -1,6 +1,6 @@
 import { jsx as f, jsxs as E } from "react/jsx-runtime";
 import { forwardRef as J, useState as U, useRef as m, useCallback as n, useImperativeHandle as K, useEffect as V, useMemo as L } from "react";
-import { F as W } from "../../../index.esm-BiUTGNH8.js";
+import { FormProvider as W } from "react-hook-form";
 import { useIdIfNeeded as X } from "../../../hooks/useIdIfNeeded.js";
 import { IressFormValidationSummary as Y } from "../FormValidationSummary/FormValidationSummary.js";
 import { s as Z } from "../../../factory-oPXoMw9H.js";
@@ -20,7 +20,7 @@ const _ = ({
   updateErrorSummaryOnSubmit: s,
   ...g
 }, h) => {
-  const a = X({ id: g.id }), [r, i] = U({}), c = m({}), v = m(null), M = m(null), { handleSubmit: x, reset: q, formState: z } = o, { isValid: H, isSubmitted: I } = z, [C, N] = U(!1), R = n(
+  const i = X({ id: g.id }), [r, a] = U({}), c = m({}), v = m(null), M = m(null), { handleSubmit: x, reset: q, formState: z } = o, { isValid: H, isSubmitted: I } = z, [C, N] = U(!1), R = n(
     (e) => {
       F?.(e), v.current?.focus(), s && N(!0);
     },
@@ -28,7 +28,7 @@ const _ = ({
   ), j = n(
     (e) => {
       x((t) => {
-        u?.(t), i({}), c.current = {};
+        u?.(t), a({}), c.current = {};
       }, R)(e);
     },
     [R, x, u]
@@ -53,7 +53,7 @@ const _ = ({
         }),
         {}
       );
-      s ? k(() => Q) : i(() => Q);
+      s ? k(() => Q) : a(() => Q);
     },
     [
       r,
@@ -70,16 +70,16 @@ const _ = ({
   })), V(() => {
     p?.(H);
   }, [H, p]), V(() => {
-    s && C && I && (i(() => c.current), N(!1));
+    s && C && I && (a(() => c.current), N(!1));
   }, [s, C, I]);
   const A = L(
     () => ({
-      id: a,
+      id: i,
       errorMessages: r,
       setErrorMessage: P,
       setFocusOnError: w
     }),
-    [r, a, P, w]
+    [r, i, P, w]
   );
   return /* @__PURE__ */ f($.Provider, { value: A, children: /* @__PURE__ */ f(W, { ...o, children: /* @__PURE__ */ E(
     Z.form,
@@ -87,7 +87,7 @@ const _ = ({
       ...g,
       className: y(b, O.Form),
       "data-testid": d,
-      id: a,
+      id: i,
       noValidate: !0,
       onSubmit: j,
       ref: M,

package/dist/patterns/Form/components/LongForm.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { u as L } from "../../../index.esm-BiUTGNH8.js";
+import { useForm as L } from "react-hook-form";
 import { forwardRef as y, useMemo as z } from "react";
 import { IressText as B } from "../../../components/Text/Text.js";
 import { form as C } from "../Form.styles.js";
@@ -10,9 +10,9 @@ import "../../../components/Panel/Panel.styles.js";
 import "../../../components/Inline/Inline.styles.js";
 import { IressInline as R } from "../../../components/Inline/Inline.js";
 const T = ({
-  actions: a,
+  actions: c,
   alert: m,
-  children: c,
+  children: a,
   className: l,
   criteriaMode: f,
   context: d,
@@ -20,9 +20,9 @@ const T = ({
   delayError: p,
   footer: t,
   heading: o,
-  mode: u = "onBlur",
+  mode: g = "onBlur",
   panelStyle: n = { bg: "alt" },
-  progressive: g,
+  progressive: u,
   resetOptions: F,
   resolver: N,
   reValidateMode: x = "onChange",
@@ -37,8 +37,8 @@ const T = ({
     context: d,
     defaultValues: h,
     delayError: p,
-    mode: u,
-    progressive: g,
+    mode: g,
+    progressive: u,
     resetOptions: F,
     resolver: N,
     reValidateMode: x,
@@ -64,7 +64,7 @@ const T = ({
             className: r.header,
             children: [
               H,
-              /* @__PURE__ */ e("div", { className: r.actions, children: a })
+              /* @__PURE__ */ e("div", { className: r.actions, children: c })
             ]
           }
         ),
@@ -75,7 +75,7 @@ const T = ({
             className: i(r.children, n.className),
             children: [
               m,
-              c
+              a
             ]
           }
         ),

package/dist/patterns/Form/components/ShortForm.js

@@ -1,5 +1,5 @@
 import { jsx as H, jsxs as I } from "react/jsx-runtime";
-import { u as b } from "../../../index.esm-BiUTGNH8.js";
+import { useForm as b } from "react-hook-form";
 import { forwardRef as g, useMemo as w } from "react";
 import { form as C } from "../Form.styles.js";
 import { IressHookForm as E } from "../HookForm/HookForm.js";
@@ -17,9 +17,9 @@ const R = ({
   heading: o,
   mode: i = "onSubmit",
   progressive: u,
-  resetOptions: a,
-  resolver: h,
-  reValidateMode: p = "onChange",
+  resetOptions: h,
+  resolver: p,
+  reValidateMode: a = "onChange",
   shouldUseNativeValidation: F,
   shouldUnregister: l,
   values: x,
@@ -32,9 +32,9 @@ const R = ({
     delayError: c,
     mode: i,
     progressive: u,
-    resetOptions: a,
-    resolver: h,
-    reValidateMode: p,
+    resetOptions: h,
+    resolver: p,
+    reValidateMode: a,
     shouldFocusError: !r,
     shouldUseNativeValidation: F,
     shouldUnregister: l,

package/dist/patterns/Loading/components/ValidateLoading.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
-import { I as p } from "../../../Button-mmhMLwp9.js";
+import { I as p } from "../../../Button-B4nt3P1v.js";
 import "../../../components/Button/CloseButton/CloseButton.js";
 import { useState as h, useEffect as g } from "react";
 import { loading as x } from "../Loading.styles.js";