carbon-react 162.12.0-beta.1 → 162.13.0

package/esm/__internal__/ai-icon/ai-icon.component.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+export declare const AiIcon: ({ ...rest }: TagProps) => React.JSX.Element;
+export declare const AiIconInverse: ({ ...rest }: TagProps) => React.JSX.Element;
+export default AiIcon;

package/esm/__internal__/ai-icon/ai-icon.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import r from"../utils/helpers/tags/tags.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function c(e){if(null==e)throw new TypeError("Cannot destructure "+e);return e}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){n(e,t,r[t])}))}return e}function o(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const a=n=>{var a=l({},c(n));return e("svg",o(i({},r("ai-icon",a)),{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20",children:[e("g",{clipPath:"url(#a)",children:[t("path",{"data-role":"white-star",fill:"#fff",d:"m16.378 9.799-3.776-1.49a1.615 1.615 0 0 1-.91-.91l-1.49-3.775c-.537-1.364-2.466-1.364-3.004 0L5.708 7.4a1.615 1.615 0 0 1-.91.91L1.022 9.799c-1.363.537-1.363 2.466 0 3.004l3.776 1.49c.417.163.746.493.91.91l1.49 3.775c.538 1.363 2.467 1.363 3.005 0l1.489-3.776c.164-.416.494-.745.91-.91l3.776-1.489c1.364-.538 1.364-2.467 0-3.004Z"}),t("path",{"data-role":"green-circle",fill:"#00D639",d:"M17.172 5.655a2.827 2.827 0 1 0 0-5.655 2.827 2.827 0 0 0 0 5.655Z"})]}),t("defs",{children:t("clipPath",{id:"a",children:t("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]}))},f=n=>{var a=l({},c(n));return e("svg",o(i({},r("ai-icon-inverse",a)),{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20",children:[e("g",{clipPath:"url(#a)",children:[t("path",{fill:"#000",d:"m16.378 9.799-3.776-1.49a1.616 1.616 0 0 1-.91-.91l-1.49-3.775c-.537-1.364-2.466-1.364-3.004 0L5.708 7.4a1.615 1.615 0 0 1-.91.91L1.022 9.799c-1.363.537-1.363 2.466 0 3.004l3.776 1.49c.417.163.746.493.91.91l1.49 3.775c.538 1.363 2.467 1.363 3.005 0l1.489-3.776c.164-.416.494-.745.91-.91l3.776-1.489c1.364-.538 1.364-2.467 0-3.004Z"}),t("path",{fill:"#00D639",d:"M17.172 5.655a2.827 2.827 0 1 0 0-5.655 2.827 2.827 0 0 0 0 5.655Z"})]}),t("defs",{children:t("clipPath",{id:"a",children:t("path",{fill:"#fff",d:"M0 0h20v20H0z"})})})]}))};export{a as AiIcon,f as AiIconInverse,a as default};

package/esm/__internal__/ai-icon/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ai-icon.component";
+export { AiIconInverse } from "./ai-icon.component";

package/esm/__internal__/ai-icon/index.js

@@ -0,0 +1 @@
+export{AiIconInverse,AiIcon as default}from"./ai-icon.component.js";

package/esm/__internal__/character-count/character-count.component.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface CharacterCountProps {
+    ariaLive?: "off" | "polite";
+    value: number;
+    debouncedValue?: number;
+    limit: number;
+    isDebouncedOverLimit?: boolean;
+    isOverLimit: boolean;
+    visuallyHiddenHintId?: string;
+    /** Set large font-size */
+    isLarge?: boolean;
+    size?: "small" | "medium" | "large";
+    disabled?: boolean;
+}
+declare const CharacterCount: ({ ariaLive, value, debouncedValue, limit, isDebouncedOverLimit, isOverLimit, visuallyHiddenHintId, isLarge, size, disabled, }: CharacterCountProps) => React.JSX.Element;
+export default CharacterCount;

package/esm/__internal__/character-count/character-count.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import"react";import{StyledCharacterCountWrapper as t,VisuallyHiddenHint as r,StyledCharacterCount as i,VisuallyHiddenCharacterCount as c}from"./character-count.style.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";const o=({ariaLive:o="off",value:n,debouncedValue:d=n,limit:s,isDebouncedOverLimit:u,isOverLimit:h,visuallyHiddenHintId:m,isLarge:v,size:L,disabled:f=!1})=>{const y=+s-+n,C=+n-+s,b=+s-+d,p=d-+s,H=l(),_=(e,a)=>new Intl.NumberFormat(a).format(e);return e(t,{children:[a(r,{"data-element":"visually-hidden-hint","data-role":"visually-hidden-hint",id:m,children:H.characterCount.visuallyHiddenHint(_(s,H.locale()))}),a(i,{"aria-hidden":"true",isOverLimit:h,"data-element":"character-count","data-role":"character-count",isLarge:v,$size:L,$disabled:f,children:h?H.characterCount.tooManyCharacters(C,_(C,H.locale())):H.characterCount.charactersLeft(y,_(y,H.locale()))}),a(c,{"data-element":"visually-hidden-character-count","data-role":"visually-hidden-character-count","aria-live":o,children:u?H.characterCount.tooManyCharacters(p,_(p,H.locale())):H.characterCount.charactersLeft(b,_(b,H.locale()))})]})};export{o as default};

package/esm/__internal__/character-count/character-count.style.d.ts

@@ -0,0 +1,13 @@
+import type { TextAreaSize } from "../../components/textarea/textarea.style";
+declare const StyledCharacterCountWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledCharacterCount: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
+    isOverLimit: boolean;
+    isLarge?: boolean;
+    $size?: TextAreaSize;
+    $disabled?: boolean;
+}, "theme">;
+declare const VisuallyHiddenCharacterCount: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const VisuallyHiddenHint: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { StyledCharacterCountWrapper, StyledCharacterCount, VisuallyHiddenCharacterCount, VisuallyHiddenHint, };

package/esm/__internal__/character-count/character-count.style.js

@@ -0,0 +1 @@
+import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/visually-hidden.js";import{getFont as i}from"../../components/textarea/textarea.style.js";const o=t.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"carbon_v162_12_0__sc-458f2c5c-0"})([""]),c=t.div.attrs(a).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"carbon_v162_12_0__sc-458f2c5c-1"})(["text-align:left;",";margin:",";color:",";"," ",""],(({$size:t})=>i(t||"medium","regular")),(({$size:t})=>("large"===t?"var(--global-space-comp-s)":"var(--global-space-comp-xs)")+" 0px"),(({isOverLimit:t,$disabled:e})=>e?"var(--input-typical-txt-disabled)":t?" var(--input-validation-label-error)":"var(--input-typical-txt-alt)"),(({isLarge:t})=>t&&e(["font:var(--global-font-static-comp-regular-l);"])),(({isOverLimit:t,$size:a})=>t&&e(["",";"],i(a||"medium","medium")))),n=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"carbon_v162_12_0__sc-458f2c5c-2"})(['::after{content:" ";}',""],r),l=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"carbon_v162_12_0__sc-458f2c5c-3"})(['::before{content:" ";}::after{content:" ";}',""],r);export{c as StyledCharacterCount,o as StyledCharacterCountWrapper,n as VisuallyHiddenCharacterCount,l as VisuallyHiddenHint};

package/esm/__internal__/character-count/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./character-count.component";

package/esm/__internal__/character-count/index.js

@@ -0,0 +1 @@
+export{default}from"./character-count.component.js";

package/esm/__internal__/checkable-input/checkable-input.component.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Checkable Input Component
+ *
+ * @description Base component for Checkbox and RadioButton components.
+ * Do not add props that are specific to either Checkbox or RadioButton.
+ * Do not add props to the common interface that are not intended to be in the public interface of both components.
+ * Styles of any children should be handled in their respective component files.
+ */
+import React, { ReactNode } from "react";
+import { CommonHiddenCheckableInputProps } from "./hidden-checkable-input.component";
+export interface CommonCheckableInputProps extends CommonHiddenCheckableInputProps {
+    /** Unique identifier for the input. Will use a randomly generated GUID if none is provided. */
+    id?: string;
+    /** Content of the label. */
+    label?: ReactNode;
+    /** Additional hint text rendered below the label. */
+    inputHint?: ReactNode;
+    /** If true, the component will be disabled. */
+    disabled?: boolean;
+    /** Content to be rendered below the input when checked, is not supported when inputs are inline. */
+    progressiveDisclosure?: ReactNode;
+    /**
+     * Id of the validation icon
+     * @deprecated Validation icons with tooltips are no longer supported on this component.
+     */
+    validationIconId?: string;
+}
+export interface CheckableInputProps extends CommonCheckableInputProps {
+    /** Element to be rendered as the visible input. */
+    children?: ReactNode;
+    /** HTML type attribute of the input. */
+    type: string;
+    /** Size of the component. */
+    size?: "small" | "medium" | "large";
+    /** Set error state - passed to Tabs context */
+    error?: boolean;
+    /** Set warning state - passed to Tabs context */
+    warning?: boolean;
+    /** Flag to display required asterisk. */
+    showRequiredAsterisk?: boolean;
+}
+declare const CheckableInput: React.ForwardRefExoticComponent<CheckableInputProps & React.RefAttributes<HTMLInputElement>>;
+export default CheckableInput;

package/esm/__internal__/checkable-input/checkable-input.component.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as r,jsx as i}from"react/jsx-runtime";import t,{useRef as n,useContext as o}from"react";import{StyledCheckableInput as l,StyledCheckableInputWrapper as a,StyledAccordion as s,StyledAccordionWrapper as c,StyledLineContainer as d,StyledAccordionLine as u,StyledAccordionContent as m}from"./checkable-input.style.js";import p from"./hidden-checkable-input.component.js";import b from"../utils/helpers/guid/index.js";import f from"../label/label.component.js";import{HintText as h}from"../hint-text/hint-text.component.js";import y from"../../hooks/useMediaQuery/useMediaQuery.js";import j from"../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import g from"../../components/fieldset/__internal__/fieldset.context.js";function O(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function v(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},t=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),t.forEach((function(r){O(e,r,i[r])}))}return e}const k=t.forwardRef(((t,O)=>{var{children:k,disabled:w,required:x,id:_,name:q,type:z,value:P,label:R,inputHint:$,checked:S,progressiveDisclosure:T,size:A="medium",error:D,warning:N,showRequiredAsterisk:E,"aria-describedby":H}=t,I=function(e,r){if(null==e)return{};var i,t,n=function(e,r){if(null==e)return{};var i,t,n={},o=Object.keys(e);for(t=0;t<o.length;t++)i=o[t],r.indexOf(i)>=0||(n[i]=e[i]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)i=o[t],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(n[i]=e[i])}return n}(t,["children","disabled","required","id","name","type","value","label","inputHint","checked","progressiveDisclosure","size","error","warning","showRequiredAsterisk","aria-describedby"]);const{current:M}=n(_||b()),Q=$?`${M}-hint`:void 0,{required:V}=o(g),B=[Q,H].filter(Boolean).join(" "),C=n(null),F=y("screen and (prefers-reduced-motion: no-preference)");return j(!!D,!!N,M),e(r,{children:[e(l,{children:[e(a,{children:[i(p,v({id:M,type:z,name:q,value:P,disabled:w,checked:S,ref:O,"aria-describedby":B,"aria-invalid":D,required:V||x},I)),k]}),R&&i(f,{className:"checkable-label",htmlFor:M,disabled:w,isRequired:x&&E,size:A,children:R}),$&&i(h,{className:"checkable-hint-text",id:Q,disabled:w,size:A,children:$})]}),T&&i(s,{"data-role":"progressive-disclosure-accordion",ref:C,$expanded:S,$allowAnimation:F,children:e(c,{children:[i(d,{$size:A,children:i(u,{$size:A})}),i(m,{children:T})]})})]})}));k.displayName="CheckableInput";export{k as default};

package/esm/__internal__/checkable-input/checkable-input.style.d.ts

@@ -0,0 +1,15 @@
+export declare const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledAccordionProps {
+    $expanded?: boolean;
+    $allowAnimation?: boolean;
+}
+export declare const StyledAccordion: import("styled-components").StyledComponent<"div", any, StyledAccordionProps, never>;
+export declare const StyledAccordionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledAccordionContentProps {
+    $size: "small" | "medium" | "large";
+}
+export declare const StyledLineContainer: import("styled-components").StyledComponent<"div", any, StyledAccordionContentProps, never>;
+export declare const StyledAccordionLine: import("styled-components").StyledComponent<"div", any, StyledAccordionContentProps, never>;
+export declare const StyledAccordionContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/esm/__internal__/checkable-input/checkable-input.style.js

@@ -0,0 +1 @@
+import e,{css as i}from"styled-components";const a=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"carbon_v162_12_0__sc-e63a5a4f-0"})(["display:grid;align-items:center;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);.checkable-hint-text{grid-area:2 / 2;}"]),t=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"carbon_v162_12_0__sc-e63a5a4f-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),o=e.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"carbon_v162_12_0__sc-e63a5a4f-2"})(["position:relative;display:grid;grid-template-rows:0fr;visibility:hidden;"," ",""],(({$allowAnimation:e})=>e&&i(["transition:all 0.4s;"])),(({$expanded:e})=>e&&i(["visibility:visible;grid-template-rows:1fr;"]))),l={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},n="var(--global-space-comp-m)",c=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionWrapper",componentId:"carbon_v162_12_0__sc-e63a5a4f-3"})(["overflow:hidden;min-height:0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"]),d=e.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"carbon_v162_12_0__sc-e63a5a4f-4"})(["display:flex;justify-content:center;",""],(({$size:e})=>e&&i(["width:",";"],l[e].width))),p=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"carbon_v162_12_0__sc-e63a5a4f-5"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:e})=>e&&i(["top:",";height:calc( 100% - ("," + ",") );"],l[e].top,l[e].top,n))),s=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"carbon_v162_12_0__sc-e63a5a4f-6"})(["padding:"," 0;"],n);export{o as StyledAccordion,s as StyledAccordionContent,p as StyledAccordionLine,c as StyledAccordionWrapper,a as StyledCheckableInput,t as StyledCheckableInputWrapper,d as StyledLineContainer};

package/esm/__internal__/checkable-input/hidden-checkable-input.component.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+export interface CommonHiddenCheckableInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type"> {
+    /**
+     * The id of the element that describe the input.
+     * @deprecated This prop is deprecated, please use the `aria-describedby` attribute instead.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Prop to specify the aria-labelledby attribute of the input.
+     * @deprecated This prop is deprecated, please use the `aria-labelledby` attribute instead.
+     */
+    ariaLabelledBy?: string;
+    /** If true, the component will be automatically focused when rendered. */
+    autoFocus?: boolean;
+    /** Checked state of the input. */
+    checked?: boolean;
+    /** Input name attribute. */
+    name?: string;
+    /** Value of the input. */
+    value?: string;
+}
+export interface HiddenCheckableInputProps extends CommonHiddenCheckableInputProps {
+    /** HTML type attribute of the input */
+    type: string;
+    /** Role attribute of the input */
+    role?: string;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<HiddenCheckableInputProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;

package/esm/__internal__/checkable-input/hidden-checkable-input.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import r from"react";import t from"./hidden-checkable-input.style.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const o=r.forwardRef(((r,o)=>{var n,c,{ariaDescribedBy:i,ariaLabelledBy:l,"aria-describedby":b,"aria-labelledby":u,name:y,checked:p,type:f,value:s,autoFocus:d,role:O}=r,m=function(e,r){if(null==e)return{};var t,a,o=function(e,r){if(null==e)return{};var t,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["ariaDescribedBy","ariaLabelledBy","aria-describedby","aria-labelledby","name","checked","type","value","autoFocus","role"]);return e(t,(n=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){a(e,r,t[r])}))}return e}({"aria-describedby":b||i||void 0,"aria-labelledby":u||i||void 0,autoFocus:d,"data-has-autofocus":!!d||void 0,checked:p,name:y,role:O||f,type:f,value:s},m),c=null!=(c={ref:o})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(c,e))})),n))}));o.displayName="HiddenCheckableInput";var n=r.memo(o);export{n as default};

package/esm/__internal__/checkable-input/hidden-checkable-input.style.d.ts

@@ -0,0 +1,4 @@
+declare const HiddenCheckableInputStyle: import("styled-components").StyledComponent<"input", any, {
+    disabled?: boolean;
+}, never>;
+export default HiddenCheckableInputStyle;

package/esm/__internal__/checkable-input/hidden-checkable-input.style.js

@@ -0,0 +1 @@
+import e,{css as o}from"styled-components";const t=e.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"carbon_v162_12_0__sc-490a5f06-0"})(["cursor:pointer;opacity:0;margin:0;position:relative;z-index:2;",""],(({disabled:e})=>e&&o(["cursor:not-allowed;"])));export{t as default};

package/esm/__internal__/checkable-input/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./checkable-input.component";
+export type { CheckableInputProps, CommonCheckableInputProps, } from "./checkable-input.component";

package/esm/__internal__/checkable-input/index.js

@@ -0,0 +1 @@
+export{default}from"./checkable-input.component.js";

package/esm/__internal__/dom/globals.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Returns the global `window` object in a way that is friendly to SSR.
+ * This check can be avoided if you are sure that the code will only run in the browser.
+ * Some examples where you can ignore this:
+ * - `useEffect` hooks
+ * - `useLayoutEffect` hooks
+ * - Callbacks for event listeners
+ * - Files with the `"use-client"` directive
+ *
+ * Primarily, this is necessary when attempting to access the `window` object during rendering of components.
+ * However, even still, where possible, it is recommended to avoid accessing the `window` object during rendering
+ * because it can lead to hydration mismatches. This happens when the server-rendered HTML differs from what the
+ * client renders due to missing environment-specific data (e.g., `window.innerWidth` being undefined on the server).
+ *
+ * @returns The global `window` object, if it exists.
+ */
+export declare function getWindow(): (Window & typeof globalThis) | undefined;
+/**
+ * Returns the global `document` object in a way that is friendly to SSR.
+ * This check can be avoided if you are sure that the code will only run in the browser.
+ * Some examples where you can ignore this:
+ * - `useEffect` hooks
+ * - `useLayoutEffect` hooks
+ * - Callbacks for event listeners
+ * - Files with the `"use-client"` directive
+ *
+ * Primarily, this is necessary when attempting to access the `document` object during rendering of components.
+ * However, even still, where possible, it is recommended to avoid accessing the `document` object during rendering
+ * because it can lead to hydration mismatches. This happens when the server-rendered HTML differs from what the
+ * client renders due to missing environment-specific data (e.g., `document.children` being undefined on the server).
+ *
+ * @returns The global `document` object, if it exists.
+ */
+export declare function getDocument(): Document | undefined;
+/**
+ * Returns the global `navigator` object in a way that is friendly to SSR.
+ * This check can be avoided if you are sure that the code will only run in the browser.
+ * Some examples where you can ignore this:
+ * - `useEffect` hooks
+ * - `useLayoutEffect` hooks
+ * - Callbacks for event listeners
+ * - Files with the `"use-client"` directive
+ *
+ * Primarily, this is necessary when attempting to access the `navigator` object during rendering of components.
+ * However, even still, where possible, it is recommended to avoid accessing the `navigator` object during rendering
+ * because it can lead to hydration mismatches. This happens when the server-rendered HTML differs from what the
+ * client renders due to missing environment-specific data (e.g., `navigator.userAgent` being undefined on the server).
+ *
+ * @returns The global `navigator` object, if it exists.
+ */
+export declare function getNavigator(): Navigator | undefined;

package/esm/__internal__/dom/globals.js

@@ -0,0 +1 @@
+function n(){return"undefined"!=typeof window?window:void 0}function o(){return"undefined"!=typeof document?document:void 0}function e(){return"undefined"!=typeof navigator?navigator:void 0}export{o as getDocument,e as getNavigator,n as getWindow};

package/esm/__internal__/error-border/error-border.style.d.ts

@@ -0,0 +1,4 @@
+declare const ErrorBorder: import("styled-components").StyledComponent<"span", any, {
+    $warning: boolean;
+}, never>;
+export default ErrorBorder;

package/esm/__internal__/error-border/error-border.style.js

@@ -0,0 +1 @@
+import r,{css as o}from"styled-components";const a=r.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v162_12_0__sc-f2eef804-0"})([""," transform:translateZ(0);.numeral-date-wrapper &{display:none;}"],(({$warning:r})=>o(["width:2px;position:absolute;left:-10px;top:0px;bottom:0px;z-index:6;background-color:",";"],r?"var(--input-validation-bar-warn)":"var(--input-validation-border-error)")));export{a as default};

package/esm/__internal__/field-help/field-help.component.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StyledFieldHelpProps } from "./field-help.style";
+export interface FieldHelpProps extends StyledFieldHelpProps {
+    /** Child elements */
+    children?: React.ReactNode;
+    /** The unique id of the FieldHelp component */
+    id?: string;
+}
+export declare const FieldHelp: ({ children, labelInline, labelWidth, id, }: FieldHelpProps) => React.JSX.Element;
+export default FieldHelp;

package/esm/__internal__/field-help/field-help.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import l from"./field-help.style.js";const t=({children:t,labelInline:i,labelWidth:r=30,id:a})=>e(l,{"data-element":"help",labelInline:i,labelWidth:r,id:a,children:t});export{t as FieldHelp,t as default};

package/esm/__internal__/field-help/field-help.style.d.ts

@@ -0,0 +1,8 @@
+export interface StyledFieldHelpProps {
+    /** When true, label is placed in line an input */
+    labelInline?: boolean;
+    /** Width of a label in percentage. Works only when labelInline is true */
+    labelWidth?: number;
+}
+declare const StyledFieldHelp: import("styled-components").StyledComponent<"span", any, StyledFieldHelpProps, never>;
+export default StyledFieldHelp;

package/esm/__internal__/field-help/field-help.style.js

@@ -0,0 +1 @@
+import e,{css as l}from"styled-components";const p=e.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"carbon_v162_12_0__sc-314d056c-0"})(["display:block;flex:1;margin-top:8px;white-space:pre-wrap;",""],(({labelInline:e,labelWidth:p})=>e&&l(["margin-left:","%;padding-left:0;"],p)));export{p as default};

package/esm/__internal__/field-help/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./field-help.component";
+export type { FieldHelpProps } from "./field-help.component";

package/esm/__internal__/field-help/index.js

@@ -0,0 +1 @@
+export{FieldHelp as default}from"./field-help.component.js";

package/esm/__internal__/fieldset/__next__/fieldset.component.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Internal Fieldset component used as base for any grouped inputs.
+ *
+ * @description Renders a fieldset element with an optional legend and hint text, and handles
+ * the display of validation messages for grouped inputs.
+ */
+import React from "react";
+import { MarginProps } from "styled-system";
+export interface FieldsetProps extends MarginProps {
+    /** Inputs rendered within the fieldset. */
+    children: React.ReactNode;
+    /** Set a name value on the fieldset. */
+    name?: string;
+    /** Set an id value on the fieldset. */
+    id?: string;
+    /** The content for the fieldset legend. */
+    legend?: string;
+    /** Content for an additional hint text below the legend */
+    legendHint?: React.ReactNode;
+    /** Error message to be displayed when validation fails */
+    error?: string;
+    /** Warning message to be displayed when validation warning occurs */
+    warning?: string;
+    /** If true, an asterisk will be added to the label */
+    isRequired?: boolean;
+    /** Apply disabled styling to the component */
+    isDisabled?: boolean;
+    /** Apply read only styling to the component */
+    isReadOnly?: boolean;
+    /** Specifies whether the validation message should be displayed above the input */
+    validationMessagePositionTop?: boolean;
+    /** Set the size of the component */
+    size?: "small" | "medium" | "large";
+}
+declare const Fieldset: ({ children, name, id, legend, legendHint, error, warning, isRequired, isDisabled, isReadOnly, validationMessagePositionTop, size, ...rest }: FieldsetProps) => React.JSX.Element;
+export default Fieldset;

package/esm/__internal__/fieldset/__next__/fieldset.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{useRef as i}from"react";import{StyledFieldset as n,StyledLegend as o,StyledFieldsetContentWrapper as s}from"./fieldset.style.js";import l from"../../error-border/error-border.style.js";import a from"../../validation-message/__next__/validation-message.component.js";import{HintText as d}from"../../hint-text/hint-text.component.js";import c from"../../utils/helpers/guid/index.js";import"../../../style/utils/filter-styled-system-padding-props.js";import p from"../../../style/utils/filter-styled-system-margin-props.js";function m(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const f=f=>{var{children:u,name:b,id:y,legend:O,legendHint:g,error:j,warning:h,isRequired:v,isDisabled:w,isReadOnly:P,validationMessagePositionTop:$,size:x="medium"}=f,D=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(f,["children","name","id","legend","legendHint","error","warning","isRequired","isDisabled","isReadOnly","validationMessagePositionTop","size"]);const z=i(c()),R=y||z.current,S=g?`${R}-hint`:void 0,_=(j||h)&&`${R}-validation-message`,k=[S,_].filter(Boolean).join(" "),q=()=>j||h?e(t,{children:[r(a,{error:j,warning:h,id:_,size:x}),r(l,{$warning:!(j||!h)})]}):null;return e(n,(E=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){m(e,r,t[r])}))}return e}({"data-component":"fieldset",id:R,name:b,"aria-describedby":k||void 0},p(D),D),H=null!=(H={children:[O&&r(o,{"aria-disabled":w||void 0,"data-element":"legend",$isRequired:v,$isDisabled:w,$isReadOnly:P,$size:x,children:O}),g&&r(d,{id:S,size:x,disabled:w,children:g}),e(s,{$size:x,$hasLegend:!!O||!!g,children:[$&&q(),u,!$&&q()]})]})?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(E,Object.getOwnPropertyDescriptors(H)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(H)).forEach((function(e){Object.defineProperty(E,e,Object.getOwnPropertyDescriptor(H,e))})),E));var E,H};export{f as default};

package/esm/__internal__/fieldset/__next__/fieldset.style.d.ts

@@ -0,0 +1,14 @@
+export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
+    theme: object;
+}, "theme">;
+export type StyledLegendProps = {
+    $isRequired?: boolean;
+    $isDisabled?: boolean;
+    $isReadOnly?: boolean;
+    $size: "small" | "medium" | "large";
+};
+export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
+export declare const StyledFieldsetContentWrapper: import("styled-components").StyledComponent<"div", any, {
+    $size: "small" | "medium" | "large";
+    $hasLegend?: boolean;
+}, never>;

package/esm/__internal__/fieldset/__next__/fieldset.style.js

@@ -0,0 +1 @@
+import e,{css as a}from"styled-components";import{margin as l}from"styled-system";import t from"../../../style/themes/apply-base-theme.js";const o={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",legendFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-l)"}},n=e.fieldset.attrs(t).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v162_12_0__sc-b7d2bdec-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;"],l),i=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v162_12_0__sc-b7d2bdec-1"})(["",";"],(({$isRequired:e,$isDisabled:l,$isReadOnly:t,$size:n})=>a(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);"," "," ",""],o[n].legendFont,e&&a(['::after{content:"*";font:',";color:var(--input-labelset-label-required);margin-left:var(--global-space-comp-xs);}"],o[n].legendFont),t&&a(["color:var(--input-labelset-label-read-only);::after{color:var(--input-labelset-label-read-only);}"]),l&&a(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])))),s=e.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"carbon_v162_12_0__sc-b7d2bdec-2"})(["",";"],(({$size:e,$hasLegend:l})=>a(["display:flex;flex-direction:column;position:relative;gap:",";",""],o[e].validationGap,l&&a(["margin-top:",";"],o[e].contentMargin))));export{n as StyledFieldset,s as StyledFieldsetContentWrapper,i as StyledLegend};

package/esm/__internal__/fieldset/fieldset.component.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+export interface FieldsetProps extends MarginProps {
+    /** Role */
+    role?: string;
+    /** Fieldset content */
+    children: React.ReactNode;
+    /** The content for the Fieldset Legend */
+    legend?: string;
+    error?: boolean | string;
+    warning?: boolean | string;
+    info?: boolean | string;
+    /** When true, legend is placed in line with the children */
+    inline?: boolean;
+    /** Percentage width of legend (only when legend is inline)  */
+    legendWidth?: number;
+    /** Text alignment of legend when inline */
+    legendAlign?: "left" | "right";
+    /** Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
+    legendSpacing?: 1 | 2;
+    /** If true, an asterisk will be added to the label */
+    isRequired?: boolean;
+    /** Controls whether group behaviour should be enabled */
+    blockGroupBehaviour?: boolean;
+    /** Margin props for the legend element */
+    legendMargin?: Pick<MarginProps, "mb">;
+    /** Any valid CSS string to set the component's width */
+    width?: string;
+    /** Apply disabled styling to the legend content */
+    isDisabled?: boolean;
+    /** Set a name value on the component */
+    name?: string;
+    /** Set an id value on the component */
+    id?: string;
+    /** Content for the Help tooltip */
+    labelHelp?: React.ReactNode;
+    /** Content for the fieldHelp */
+    fieldHelp?: React.ReactNode;
+    /** Content for an additional hint text below the legend */
+    inputHint?: React.ReactNode;
+    /** Specifies whether the validation message should be displayed above the input */
+    validationMessagePositionTop?: boolean;
+    /** Apply new validation styles */
+    applyNewValidation?: boolean;
+    /** Set the size of the component */
+    size?: "small" | "medium" | "large";
+}
+declare const Fieldset: ({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, fieldHelp, inputHint, validationMessagePositionTop, applyNewValidation, id, size, ...rest }: FieldsetProps) => React.JSX.Element;
+export default Fieldset;

package/esm/__internal__/fieldset/fieldset.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i,Fragment as r}from"react/jsx-runtime";import{useContext as n,useState as t,useRef as o,useEffect as l}from"react";import{StyledFieldset as a,StyledLegend as d,StyledIconWrapper as s}from"./fieldset.style.js";import{ValidationIcon as p}from"../validations/validation-icon.component.js";import c from"../../components/carbon-provider/__internal__/new-validation.context.js";import{InputGroupBehaviour as u,InputGroupContext as m}from"../input-behaviour/input-group-behaviour.component.js";import{Help as f}from"../../components/help/help.component.js";import{Typography as g}from"../../components/typography/typography.component.js";import{Box as b}from"../../components/box/box.component.js";import y from"../legacy-error-border/error-border.style.js";import h from"../validation-message/validation-message.component.js";import{HintText as v}from"../legacy-hint-text/hint-text.component.js";import{FieldHelp as j}from"../field-help/field-help.component.js";import O from"../utils/helpers/guid/index.js";import w from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import"../../style/utils/filter-styled-system-padding-props.js";import P from"../../style/utils/filter-styled-system-margin-props.js";function x(e,i,r){return i in e?Object.defineProperty(e,i,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[i]=r,e}function D(e){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(i){x(e,i,r[i])}))}return e}function M(e,i){return i=null!=i?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):function(e){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);i.push.apply(i,r)}return i}(Object(i)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(i,r))})),e}const S=x=>{var{legend:S,children:H,inline:I=!1,legendWidth:_,legendAlign:k,legendSpacing:A=2,error:R,warning:q,info:B,isRequired:E,blockGroupBehaviour:L,legendMargin:F={},isDisabled:G,labelHelp:T,fieldHelp:z,inputHint:N,validationMessagePositionTop:V,applyNewValidation:W=!1,id:C,size:$}=x,J=function(e,i){if(null==e)return{};var r,n,t=function(e,i){if(null==e)return{};var r,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],i.indexOf(r)>=0||(t[r]=e[r]);return t}(e,i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],i.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(x,["legend","children","inline","legendWidth","legendAlign","legendSpacing","error","warning","info","isRequired","blockGroupBehaviour","legendMargin","isDisabled","labelHelp","fieldHelp","inputHint","validationMessagePositionTop","applyNewValidation","id","size"]);const{validationRedesignOptIn:K}=n(c),Q=P(J),[U,X]=t(null),[Y,Z]=t(!1),ee=o(O()),ie=C||ee.current,re=N?`${ie}-hint`:void 0;l((()=>{U&&E&&Array.from(U.querySelectorAll("input")||[]).forEach((e=>{e.setAttribute("required","")}))}),[U,E]);let ne;ne=I&&!k?"right":k||"left";const{validationId:te,fieldHelpId:oe,ariaDescribedBy:le}=w({id:ie,validationRedesignOptIn:!0,error:R,warning:q,info:B,fieldHelp:z}),ae=(V?[le,re]:[re,le]).filter(Boolean).join(" "),de=()=>R||q?e(r,{children:[i(h,{error:R,warning:q,validationId:te,validationMessagePositionTop:V,isLarge:"large"===$}),i(y,{warning:!(R||!q)})]}):null;return W?e(a,M(D({ref:X,"data-component":"fieldset",id:ie,"aria-describedby":ae||void 0},J,Q),{children:[S&&i(d,{align:ne,isRequired:E,isDisabled:G,"aria-disabled":G||void 0,"data-element":"legend","data-role":"legend",isLarge:"large"===$,children:S}),N&&i(v,{id:re,isDisabled:G,"aria-disabled":G||void 0,align:ne,isLarge:"large"===$,children:N}),e(b,{position:"relative",mt:1,children:[V&&de(),H,!V&&de()]})]})):i(u,{blockGroupBehaviour:L,children:e(a,M(D({ref:X,"data-component":"fieldset",id:ie,"aria-describedby":le||void 0},J,Q),{children:[S&&i(m.Consumer,{children:({onMouseEnter:r,onMouseLeave:n})=>e(d,M(D({onMouseEnter:r,onMouseLeave:n,inline:I,width:_,align:ne,rightPadding:A},F),{"aria-disabled":G||void 0,"data-element":"legend","data-role":"legend",isRequired:E,isDisabled:G,children:[S,!K&&(R||q||B?i(s,{"aria-hidden":"true",children:i(p,{error:R,warning:q,info:B,tooltipFlipOverrides:["top","bottom"]})}):T?i(s,M(D({},{onFocus:()=>Z(!0),onBlur:()=>Z(!1)}),{children:i(f,{isFocused:Y,children:T})})):null)]}))}),!K&&i(g,{screenReaderOnly:!0,id:te,children:R||q||B}),e(b,{display:"flex",flexDirection:"column",mt:I?0:1,children:[H,z&&i(j,{id:oe,children:z})]})]}))})};export{S as default};

package/esm/__internal__/fieldset/fieldset.style.d.ts

@@ -0,0 +1,18 @@
+type StyledFieldsetProps = {
+    width?: string;
+};
+export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
+    theme: object;
+} & StyledFieldsetProps, "theme">;
+export type StyledLegendProps = {
+    inline?: boolean;
+    width?: number;
+    align?: "left" | "right";
+    rightPadding?: 1 | 2;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isLarge?: boolean;
+};
+export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
+export declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/esm/__internal__/fieldset/fieldset.style.js

@@ -0,0 +1 @@
+import e,{css as i}from"styled-components";import{margin as t}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const a=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v162_12_0__sc-602f140c-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t,(({width:e})=>e&&`width: ${e};`)),l=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v162_12_0__sc-602f140c-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," "," ",";"," ",""],(({isLarge:e})=>e&&i(["font-size:var(--fontSizes200);"])),(({isRequired:e})=>e&&i(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:e})=>e&&i(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])),(({align:e,inline:t})=>e&&i(["text-align:",";justify-content:",";",""],e,"right"===e?"flex-end":"flex-start",!t&&i(["width:-moz-available;"]))),(({inline:e,width:t,rightPadding:n})=>e&&i(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],t&&`width: ${t}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t),o=e.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"carbon_v162_12_0__sc-602f140c-2"})(["margin-left:var(--spacing050);"]);export{a as StyledFieldset,o as StyledIconWrapper,l as StyledLegend};

package/esm/__internal__/fieldset/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./fieldset.component";
+export type { FieldsetProps } from "./fieldset.component";

package/esm/__internal__/fieldset/index.js

@@ -0,0 +1 @@
+export{default}from"./fieldset.component.js";

package/esm/__internal__/fieldset-validation-context/fieldset-validation-context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type FieldsetValidationContextType = {
+    disableErrorBorder?: boolean;
+};
+declare const _default: React.Context<FieldsetValidationContextType>;
+export default _default;

package/esm/__internal__/fieldset-validation-context/fieldset-validation-context.js

@@ -0,0 +1 @@
+import t from"react";var e=t.createContext({});export{e as default};

package/esm/__internal__/fieldset-validation-context/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./fieldset-validation-context";

package/esm/__internal__/fieldset-validation-context/index.js

@@ -0,0 +1 @@
+export{default}from"./fieldset-validation-context.js";

package/esm/__internal__/filter-object-properties/filter-object-properties.d.ts

@@ -0,0 +1 @@
+export default function filterObjectProperties<T extends object>(originalObject: T, keyList: string[]): Partial<T>;

package/esm/__internal__/filter-object-properties/filter-object-properties.js

@@ -0,0 +1 @@
+function e(e,t){return Object.keys(e).filter((e=>t.includes(e))).reduce(((t,r)=>(t[r]=e[r],t)),{})}export{e as default};

package/esm/__internal__/filter-object-properties/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./filter-object-properties";

package/esm/__internal__/filter-object-properties/index.js

@@ -0,0 +1 @@
+export{default}from"./filter-object-properties.js";

package/esm/__internal__/focus-trap/focus-trap-utils.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from "react";
+declare const defaultFocusableSelectors = "button:not([disabled]), [href], input:not([type=\"hidden\"]):not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]";
+declare const setElementFocus: (element: HTMLElement) => void;
+declare const getNextElement: (element: HTMLElement, focusableElements: HTMLElement[], shiftKey: boolean) => HTMLElement | undefined;
+declare const onTabGuardFocus: (trapWrappers: RefObject<HTMLElement>[], focusableSelectors: string | undefined, position: "top" | "bottom") => (guardWrapperRef: RefObject<HTMLElement>) => () => void;
+declare const trapFunction: (ev: KeyboardEvent, defaultFocusableElements: HTMLElement[], isWrapperFocused: boolean, focusableSelectors?: string, bespokeTrap?: (event: KeyboardEvent, firstElement?: HTMLElement, lastElement?: HTMLElement) => void) => void;
+export { defaultFocusableSelectors, getNextElement, setElementFocus, onTabGuardFocus, trapFunction, };

package/esm/__internal__/focus-trap/focus-trap-utils.js

@@ -0,0 +1 @@
+const t='button:not([disabled]), [href], input:not([type="hidden"]):not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]',e=t=>{let e=0;const n=()=>{"visible"===window.getComputedStyle(t).visibility?t.focus():e<100&&(setTimeout(n,10),e+=10)};n()},n=t=>t.hasAttribute("type")&&"radio"===t.getAttribute("type"),i=(t,e)=>{const n=document.querySelectorAll(`input[type="radio"][name="${t}"]`);return[...n].find((t=>t.checked))||n[e?n.length-1:0]},l=(t,e,l)=>{const r=e.indexOf(t);if(-1===r)return;const o=l?-1:1;let u,d=r;for(;!u;){d+=o,d<0&&(d+=e.length),d>=e.length&&(d-=e.length);const r=e[d];if(r===t)return n(t)&&document.activeElement!==t?i(t.getAttribute("name"),l):t;if(n(r)){const e=r.getAttribute("name");n(t)?e!==t.getAttribute("name")&&(u=i(e,l)):u=i(e,l)}else u=r}return u},r=(l,r,o)=>u=>()=>{const d="top"===o,s=l.indexOf(u);let c,a,f=s;do{var h;f+=d?-1:1,f<0&&(f+=l.length),f>=l.length&&(f-=l.length),c=l[f],a=Array.from((null==c||null===(h=c.current)||void 0===h?void 0:h.querySelectorAll(r||t))||[]).filter((t=>-1!==Number(t.tabIndex)))}while(f!==s&&!(null==a?void 0:a.length));const b=null==a?void 0:a[d?a.length-1:0];if(n(b)){const t=i(b.getAttribute("name"),d);e(t)}else e(b)},o=(t,n,i,r,o)=>{const u=r?n.filter((t=>t.matches(r))):n,d=u[0],s=u[u.length-1];if(o)return void o(t,d,s);if("Tab"!==t.key)return;if(!(null==u?void 0:u.length))return void t.preventDefault();const c=document.activeElement;if(c===document.body)return t.preventDefault(),void e(d);if(!r)return;const a=t.shiftKey?d:s,f=l(i?a:c,u,t.shiftKey),h=l(i?a:c,n,t.shiftKey);f&&f!==h&&(e(f),t.preventDefault())};export{t as defaultFocusableSelectors,l as getNextElement,r as onTabGuardFocus,e as setElementFocus,o as trapFunction};

package/esm/__internal__/focus-trap/focus-trap.component.d.ts

@@ -0,0 +1,20 @@
+import React, { RefObject } from "react";
+export declare const TAB_GUARD_TOP = "tab-guard-top";
+export declare const TAB_GUARD_BOTTOM = "tab-guard-bottom";
+export interface FocusTrapProps {
+    children: React.ReactNode;
+    autoFocus?: boolean;
+    /** provide a custom first element to focus */
+    focusFirstElement?: RefObject<HTMLElement> | HTMLElement | null;
+    /** a custom callback that will override the default focus trap behaviour */
+    bespokeTrap?: (ev: KeyboardEvent, firstElement?: HTMLElement, lastElement?: HTMLElement) => void;
+    /** optional selector to identify the focusable elements, if not provided a default selector is used */
+    focusableSelectors?: string;
+    /** a ref to the container wrapping the focusable elements */
+    wrapperRef: RefObject<HTMLElement>;
+    isOpen?: boolean;
+    /** an optional array of refs to containers whose content should also be reachable from the FocusTrap */
+    additionalWrapperRefs?: RefObject<HTMLElement>[];
+}
+declare const FocusTrap: ({ children, autoFocus, focusableSelectors, focusFirstElement, bespokeTrap, wrapperRef, isOpen, additionalWrapperRefs, }: FocusTrapProps) => React.JSX.Element;
+export default FocusTrap;

package/esm/__internal__/focus-trap/focus-trap.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useRef as r,useState as o,useContext as i,useMemo as c,useEffect as a,useCallback as l}from"react";import{onTabGuardFocus as u,defaultFocusableSelectors as s,setElementFocus as d,trapFunction as m}from"./focus-trap-utils.js";import f from"../modal/modal.context.js";import b from"../../hooks/__internal__/usePrevious/index.js";import p from"../../components/carbon-provider/__internal__/top-modal.context.js";function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const g="tab-guard-top",O="tab-guard-bottom",h=({children:h,autoFocus:y=!0,focusableSelectors:j,focusFirstElement:E,bespokeTrap:x,wrapperRef:w,isOpen:P,additionalWrapperRefs:S})=>{const A=r(null),[_,I]=o(),{isAnimationComplete:k=!0,triggerRefocusFlag:F}=i(f),{topModal:D}=i(p),L=!D||w.current&&D.contains(w.current),$=c((()=>(null==S?void 0:S.length)?[w,...S]:[w]),[S,w]),R=c((()=>u($,j,"top")),[j,$]),C=c((()=>u($,j,"bottom")),[j,$]);a((()=>(null==S||S.forEach((e=>{const{current:t}=e;if(t){var n,r;if(!(null===(n=t.previousElementSibling)||void 0===n?void 0:n.matches(`[data-element=${g}]`))){const n=document.createElement("div");n.tabIndex=0,n.dataset.element=g,t.insertAdjacentElement("beforebegin",n),n.addEventListener("focus",R(e))}if(!(null===(r=t.nextElementSibling)||void 0===r?void 0:r.matches(`[data-element=${O}]`))){const n=document.createElement("div");n.tabIndex=0,n.dataset.element=O,t.insertAdjacentElement("afterend",n),n.addEventListener("focus",C(e))}}})),()=>{null==S||S.forEach((e=>{var t,n;const r=null===(t=e.current)||void 0===t?void 0:t.previousElementSibling;(null==r?void 0:r.matches(`[data-element=${g}]`))&&r.remove();const o=null===(n=e.current)||void 0===n?void 0:n.nextElementSibling;(null==o?void 0:o.matches(`[data-element=${O}]`))&&o.remove()}))})),[S,R,C]);const q=y&&P&&k,B=b(q),M=l((e=>{const t=[];return $.forEach((n=>{n.current&&t.push(...Array.from(n.current.querySelectorAll(e)).filter((e=>-1!==Number(e.tabIndex))))})),t}),[$]);a((()=>{if(q&&!B){const e=M(s).find((e=>"true"===e.getAttribute("data-has-autofocus")))||w.current;e&&d(e)}}),[q,B,M,w]),a((()=>{if(!q||B)return;const e=E&&"current"in E?E.current:E;e&&!e.hasAttribute("disabled")&&d(e)}),[q,B,E]),a((()=>{const e=e=>{if(!L||!P)return;const t=M(s);m(e,t,document.activeElement===w.current,j,x)};return document.addEventListener("keydown",e,!0),function(){document.removeEventListener("keydown",e,!0)}}),[x,w,j,M,L,P]);const N=l((()=>{const e=M(j||s),t=null==e?void 0:e.find((e=>e===document.activeElement));t&&I(t)}),[M,j]),T=l((()=>{var e;if(_&&!_.hasAttribute("disabled"))d(_);else if(null===(e=w.current)||void 0===e?void 0:e.hasAttribute("tabindex"))d(w.current);else{const e=M(j||s);e.length&&d(e[0])}}),[_,w,j,M]);a((()=>{F&&T()}),[F,T]);const[W,z]=o(0);a((()=>{P||z(0)}),[P]);const G=()=>{P&&z(void 0)},H=e=>{return t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){v(e,t,n[t])}))}return e}({},e&&{tabIndex:W,onBlur:G}),n=null!=(n={onFocus:N})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})),t;var t,n},J=n.Children.map(h,(e=>{var t;const r=e;return n.cloneElement(r,H(void 0===(null==r||null===(t=r.props)||void 0===t?void 0:t.tabIndex)))}));return e("div",{ref:A,children:[P&&t("div",{"data-element":g,tabIndex:0,onFocus:R(w)}),J,P&&t("div",{"data-element":O,tabIndex:0,onFocus:C(w)})]})};export{O as TAB_GUARD_BOTTOM,g as TAB_GUARD_TOP,h as default};

package/esm/__internal__/focus-trap/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./focus-trap.component";
+export type { FocusTrapProps } from "./focus-trap.component";

package/esm/__internal__/focus-trap/index.js

@@ -0,0 +1 @@
+export{default}from"./focus-trap.component.js";