@navikt/ds-react 5.15.1 → 6.0.0-alpha.1

package/cjs/dropdown/context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface DropdownContextType {
+    readonly isOpen: boolean;
+    handleToggle: (v: boolean) => void;
+    readonly anchorEl: Element | null;
+    setAnchorEl: React.Dispatch<React.SetStateAction<Element | null>>;
+    onSelect: (element: React.MouseEvent) => void;
+}
+export declare const DropdownContext: import("react").Context<DropdownContextType | null>;

package/cjs/dropdown/context.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownContext = void 0;
 const react_1 = require("react");
 exports.DropdownContext = (0, react_1.createContext)(null);
+//# sourceMappingURL=context.js.map

package/cjs/dropdown/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/dropdown/context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAUzB,QAAA,eAAe,GAAG,IAAA,qBAAa,EAA6B,IAAI,CAAC,CAAC"}

package/cjs/dropdown/index.d.ts

@@ -0,0 +1 @@
+export { default as Dropdown, type DropdownProps } from "./Dropdown";

package/cjs/dropdown/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = void 0;
 var Dropdown_1 = require("./Dropdown");
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return __importDefault(Dropdown_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dropdown/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAqE;AAA5D,qHAAA,OAAO,OAAY"}

package/cjs/expansion-card/ExpansionCard.d.ts

@@ -0,0 +1,78 @@
+import React from "react";
+import { OverridableComponent } from "../util/types";
+import { ExpansionCardContentProps } from "./ExpansionCardContent";
+import { ExpansionCardDescriptionProps } from "./ExpansionCardDescription";
+import { ExpansionCardHeaderProps } from "./ExpansionCardHeader";
+import { ExpansionCardTitleProps } from "./ExpansionCardTitle";
+interface ExpansionCardComponent extends React.ForwardRefExoticComponent<ExpansionCardProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link ExpansionCardHeaderProps}
+     */
+    Header: React.ForwardRefExoticComponent<ExpansionCardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * @see 🏷️ {@link ExpansionCardTitleProps}
+     * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+     */
+    Title: OverridableComponent<ExpansionCardTitleProps, HTMLHeadingElement>;
+    /**
+     * @see 🏷️ {@link ExpansionCardDescriptionProps}
+     */
+    Description: React.ForwardRefExoticComponent<ExpansionCardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+    /**
+     * @see 🏷️ {@link ExpansionCardContentProps}
+     */
+    Content: React.ForwardRefExoticComponent<ExpansionCardContentProps & React.RefAttributes<HTMLDivElement>>;
+}
+interface ExpansionCardCommonProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /**
+     * Callback for when Card is toggled open/closed
+     */
+    onToggle?: (open: boolean) => void;
+    /**
+     * Controlled open-state
+     * Using this removes automatic control of open-state
+     */
+    open?: boolean;
+    /**
+     * Defaults to open if not controlled
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * @default "medium"
+     */
+    size?: "medium" | "small";
+}
+type ExpansionCardConditionalProps = {
+    /**
+     * Should be set if not using 'aria-labelledby'
+     */
+    "aria-label": string;
+} | {
+    /**
+     * Should be set if not using 'aria-label'
+     */
+    "aria-labelledby": string;
+};
+export type ExpansionCardProps = ExpansionCardCommonProps & ExpansionCardConditionalProps;
+/**
+ * A component that displays an expandable card.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/expansioncard)
+ * @see 🏷️ {@link ExpansionCardProps}
+ *
+ * @example
+ * ```jsx
+ * <ExpansionCard aria-label="default-demo">
+ *   <ExpansionCard.Header>
+ *     <ExpansionCard.Title>Utbetaling av sykepenger</ExpansionCard.Title>
+ *   </ExpansionCard.Header>
+ *   <ExpansionCard.Content>
+ *     <Innhold />
+ *   </ExpansionCard.Content>
+ * </ExpansionCard>
+ * ```
+ */
+export declare const ExpansionCard: ExpansionCardComponent;
+export default ExpansionCard;

package/cjs/expansion-card/ExpansionCard.js

@@ -89,3 +89,4 @@ exports.ExpansionCard.Content = ExpansionCardContent_1.default;
 exports.ExpansionCard.Title = ExpansionCardTitle_1.ExpansionCardTitle;
 exports.ExpansionCard.Description = ExpansionCardDescription_1.ExpansionCardDescription;
 exports.default = exports.ExpansionCard;
+//# sourceMappingURL=ExpansionCard.js.map

package/cjs/expansion-card/ExpansionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA4D;AAE5D,kFAEgC;AAChC,yEAGoC;AACpC,gFAE+B;AAC/B,6DAG8B;AAC9B,uCAAiD;AAuEjD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cANT,wDAOC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,OAAO,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;QACD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,8BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE;QAE5D,2DACM,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,EAC9B;gBACE,2BAA2B,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;gBAC1C,mCAAmC,EAAE,CAAC,UAAU,CAAC,OAAO;aACzD,CACF,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,qBAAa,CAAC,MAAM,GAAG,6BAAmB,CAAC;AAC3C,qBAAa,CAAC,OAAO,GAAG,8BAAoB,CAAC;AAC7C,qBAAa,CAAC,KAAK,GAAG,uCAAkB,CAAC;AACzC,qBAAa,CAAC,WAAW,GAAG,mDAAwB,CAAC;AAErD,kBAAe,qBAAa,CAAC"}

package/cjs/expansion-card/ExpansionCardContent.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface ExpansionCardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const ExpansionCardContent: React.ForwardRefExoticComponent<ExpansionCardContentProps & React.RefAttributes<HTMLDivElement>>;
+export default ExpansionCardContent;

package/cjs/expansion-card/ExpansionCardContent.js

@@ -54,3 +54,4 @@ const ExpansionCardContent = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement("div", { className: "navds-expansioncard__content-inner" }, children)));
 });
 exports.default = ExpansionCardContent;
+//# sourceMappingURL=ExpansionCardContent.js.map

package/cjs/expansion-card/ExpansionCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpansionCardContent.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,8CAAyC;AACzC,uCAAiD;AAOjD,MAAM,oBAAoB,GAAG,IAAA,kBAAU,EAGrC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAC;IAEtD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,kEAAkE,CACnE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,qBAAQ,oBACH,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,8BAA8B,EAAE,SAAS,EAAE;YACvD,sCAAsC,EAAE,CAAC,YAAY,CAAC,IAAI;SAC3D,CAAC,iBACW,CAAC,YAAY,CAAC,IAAI,EAC/B,IAAI,EAAE,YAAY,CAAC,IAAI;QAEvB,uCAAK,SAAS,EAAC,oCAAoC,IAAE,QAAQ,CAAO,CAC3D,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,oBAAoB,CAAC"}

package/cjs/expansion-card/ExpansionCardDescription.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface ExpansionCardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    children: React.ReactNode;
+}
+export declare const ExpansionCardDescription: React.ForwardRefExoticComponent<ExpansionCardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;

package/cjs/expansion-card/ExpansionCardDescription.js

@@ -51,3 +51,4 @@ exports.ExpansionCardDescription = (0, react_1.forwardRef)((_a, ref) => {
     }
     return (react_1.default.createElement(typography_1.BodyLong, Object.assign({}, rest, { as: "p", ref: ref, className: (0, clsx_1.default)("navds-link-panel__description", className), size: panelContext.size })));
 });
+//# sourceMappingURL=ExpansionCardDescription.js.map

package/cjs/expansion-card/ExpansionCardDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpansionCardDescription.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,8CAAyC;AACzC,uCAAiD;AAOpC,QAAA,wBAAwB,GAAG,IAAA,kBAAU,EAGhD,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACrB,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAC;IAEtD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,sEAAsE,CACvE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,qBAAQ,oBACH,IAAI,IACR,EAAE,EAAC,GAAG,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,EACzD,IAAI,EAAE,YAAY,CAAC,IAAI,IACvB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/cjs/expansion-card/ExpansionCardHeader.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface ExpansionCardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const ExpansionCardHeader: React.ForwardRefExoticComponent<ExpansionCardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default ExpansionCardHeader;

package/cjs/expansion-card/ExpansionCardHeader.js

@@ -54,3 +54,4 @@ const ExpansionCardHeader = (0, react_1.forwardRef)((_a, ref) => {
             react_1.default.createElement(aksel_icons_1.ChevronDownIcon, { className: "navds-expansioncard__header-chevron", title: "Vis mer" }))));
 });
 exports.default = ExpansionCardHeader;
+//# sourceMappingURL=ExpansionCardHeader.js.map

package/cjs/expansion-card/ExpansionCardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpansionCardHeader.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,qDAAsD;AACtD,uCAAiD;AAOjD,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAGpC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAC;IAEtD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CACX,iEAAiE,CAClE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC;QAEvD,uCAAK,SAAS,EAAC,qCAAqC,IAAE,QAAQ,CAAO;QAErE,0CACE,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EACxC,IAAI,EAAC,QAAQ,mBACE,YAAY,CAAC,IAAI;YAEhC,8BAAC,6BAAe,IACd,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAC,SAAS,GACf,CACK,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,mBAAmB,CAAC"}

package/cjs/expansion-card/ExpansionCardTitle.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { OverridableComponent } from "../util/types";
+export interface ExpansionCardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children: React.ReactNode;
+    /**
+     * Changes text-sizing
+     * @default medium
+     */
+    size?: "large" | "medium" | "small";
+}
+export declare const ExpansionCardTitle: OverridableComponent<ExpansionCardTitleProps, HTMLHeadingElement>;

package/cjs/expansion-card/ExpansionCardTitle.js

@@ -44,3 +44,4 @@ exports.ExpansionCardTitle = (0, react_1.forwardRef)((_a, ref) => {
     var { className, as: Component = "h3", size = "medium" } = _a, rest = __rest(_a, ["className", "as", "size"]);
     return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-expansioncard__title", `navds-expansioncard__title--${size}`, "navds-heading", `navds-heading--${size}`, className) })));
 });
+//# sourceMappingURL=ExpansionCardTitle.js.map

package/cjs/expansion-card/ExpansionCardTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpansionCardTitle.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCardTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAa7B,QAAA,kBAAkB,GAG3B,IAAA,kBAAU,EACZ,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,OAAW,EAAN,IAAI,cAA3D,2BAA6D,CAAF;IAAY,OAAA,CACtE,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,4BAA4B,EAC5B,+BAA+B,IAAI,EAAE,EACrC,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,SAAS,CACV,IACD,CACH,CAAA;CAAA,CACF,CAAC"}

package/cjs/expansion-card/context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type ExpansionCardContextProps = {
+    open: boolean;
+    toggleOpen: () => void;
+    size: "medium" | "small";
+};
+export declare const ExpansionCardContext: import("react").Context<ExpansionCardContextProps>;

package/cjs/expansion-card/context.js

@@ -7,3 +7,4 @@ exports.ExpansionCardContext = (0, react_1.createContext)({
     toggleOpen: () => { },
     size: "medium",
 });
+//# sourceMappingURL=context.js.map

package/cjs/expansion-card/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/expansion-card/context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAQzB,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAA4B;IAC3E,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,IAAI,EAAE,QAAQ;CACf,CAAC,CAAC"}

package/cjs/expansion-card/index.d.ts

@@ -0,0 +1 @@
+export { type ExpansionCardProps, default as ExpansionCard, } from "./ExpansionCard";

package/cjs/expansion-card/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpansionCard = void 0;
 var ExpansionCard_1 = require("./ExpansionCard");
 Object.defineProperty(exports, "ExpansionCard", { enumerable: true, get: function () { return __importDefault(ExpansionCard_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/expansion-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expansion-card/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAGyB;AADvB,+HAAA,OAAO,OAAiB"}

package/cjs/form/ConfirmationPanel.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { CheckboxProps } from "./checkbox";
+export interface ConfirmationPanelProps extends Omit<CheckboxProps, "children" | "indeterminate" | "hideLabel" | "error" | "readOnly"> {
+    /**
+     * Additional information on panel
+     */
+    children?: React.ReactNode;
+    /**
+     * Checkbox label
+     */
+    label: React.ReactNode;
+    /**
+     * Error message for element
+     */
+    error?: React.ReactNode;
+    /**
+     * Override internal errorId
+     */
+    errorId?: string;
+}
+/**
+ * A component that displays a confirmation checkbox with a label.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/confirmationpanel)
+ * @see 🏷️ {@link ConfirmationPanelProps}
+ *
+ * @example
+ * ```jsx
+      <ConfirmationPanel
+        checked={state}
+        label="Ja, jeg samtykker."
+        onChange={() => setState((x) => !x)}
+      >
+        For å komme videre må du gi oss lov til å hente inn og bruke opplysninger
+        om deg.
+      </ConfirmationPanel>
+ * ```
+ */
+export declare const ConfirmationPanel: React.ForwardRefExoticComponent<ConfirmationPanelProps & React.RefAttributes<HTMLInputElement>>;
+export default ConfirmationPanel;

package/cjs/form/ConfirmationPanel.js

@@ -77,3 +77,4 @@ exports.ConfirmationPanel = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement("div", { className: "navds-form-field__error", id: errorId, role: "alert" }, showErrorMsg && react_1.default.createElement(typography_1.ErrorMessage, { size: size }, props.error))));
 });
 exports.default = exports.ConfirmationPanel;
+//# sourceMappingURL=ConfirmationPanel.js.map

package/cjs/form/ConfirmationPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationPanel.js","sourceRoot":"","sources":["../../src/form/ConfirmationPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,8CAAuD;AACvD,yCAAsC;AACtC,yCAAqD;AACrD,iDAA8C;AAyB9C;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAwC,EAAE,GAAG,EAAE,EAAE;QAAjD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtC,kCAAwC,CAAF;IACvC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAY,EACxE,KAAK,EACL,oBAAoB,CACrB,CAAC;IAEF,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,0BAA0B,EAAE,kBAAkB,EAAE,SAAS,EAAE;YACvE,iCAAiC,EAAE,IAAI,KAAK,OAAO;YACnD,iCAAiC,EAAE,QAAQ;YAC3C,mCAAmC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SACrD,CAAC;QAEF,uCAAK,SAAS,EAAC,iCAAiC;YAC7C,QAAQ,IAAI,CACX,8BAAC,qBAAQ,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,mCAAmC,EAC7C,EAAE,EAAE,sBAAsB,EAAE,EAAE,EAC9B,EAAE,EAAC,KAAK,IAEP,QAAQ,CACA,CACZ;YACD,8BAAC,mBAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,UAAU,wBACI,IAAA,cAAE,EAClB,UAAU,CAAC,kBAAkB,CAAC,EAC9B,QAAQ,IAAI,sBAAsB,EAAE,EAAE,CACvC,EACD,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,IAAI,KAET,KAAK,CACG,CACP;QACN,uCAAK,SAAS,EAAC,yBAAyB,EAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,IAC/D,YAAY,IAAI,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAC,KAAK,CAAgB,CACnE,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}

package/cjs/form/Fieldset/Fieldset.d.ts

@@ -0,0 +1,24 @@
+import React, { FieldsetHTMLAttributes } from "react";
+import { FormFieldProps } from "../useFormField";
+export interface FieldsetProps extends FormFieldProps, FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    /**
+     * FormFields in Fieldset
+     */
+    children: React.ReactNode;
+    /**
+     * Fieldset legend
+     */
+    legend: React.ReactNode;
+    /**
+     * If enabled shows the legend and description for screenreaders only
+     */
+    hideLegend?: boolean;
+    /**
+     * Toggles error propagation to child-elements
+     * @default true
+     */
+    errorPropagation?: boolean;
+    nativeReadOnly?: boolean;
+}
+export declare const Fieldset: React.ForwardRefExoticComponent<FieldsetProps & React.RefAttributes<HTMLFieldSetElement>>;
+export default Fieldset;

package/cjs/form/Fieldset/Fieldset.js

@@ -76,3 +76,4 @@ exports.Fieldset = (0, react_1.forwardRef)((props, ref) => {
             react_1.default.createElement("div", { id: errorId, "aria-relevant": "additions removals", "aria-live": "polite", className: "navds-fieldset__error" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size }, props.error))))));
 });
 exports.default = exports.Fieldset;
+//# sourceMappingURL=Fieldset.js.map

package/cjs/form/Fieldset/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/form/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA8E;AAC9E,iDAAkE;AAClE,qCAAkC;AAClC,kDAA+C;AAE/C,uCAA4C;AAC5C,+CAA4C;AAyB/B,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,kBAAkB,GACnB,GAAG,IAAA,yBAAW,EAAC,KAAK,CAAC,CAAC;IAEvB,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IAE7C,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,gBAAgB,GAAG,IAAI,EACvB,MAAM,EACN,WAAW,EACX,UAAU,EACV,cAAc,GAAG,IAAI,KAEnB,KAAK,EADJ,IAAI,UACL,KAAK,EATH,sGASL,CAAQ,CAAC;IAEV,OAAO,CACL,8BAAC,yBAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,KAAK,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,CAAC,CAAC,SAAS;YACpE,OAAO,EAAE,IAAA,cAAE,EAAC;gBACV,CAAC,OAAO,CAAC,EAAE,YAAY;gBACvB,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,mCAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA;aAC7C,CAAC;YACF,IAAI;YACJ,QAAQ,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;YACjC,QAAQ;SACT;QAED,4DACM,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,EACpD,IAAA,WAAI,EAAC,UAAU,EAAE,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC,IAC1D,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;gBACE,uBAAuB,EAAE,QAAQ;gBACjC,0BAA0B,EAAE,QAAQ;aACrC,CACF;YAED,8BAAC,kBAAK,IACJ,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE,IAAA,cAAE,EAAC,wBAAwB,EAAE;oBACtC,eAAe,EAAE,CAAC,CAAC,UAAU;iBAC9B,CAAC;gBAEF,8BAAC,2BAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI;gBACnE,MAAM,CACD;YACP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,6BAA6B,EAAE;oBAC3C,eAAe,EAAE,CAAC,CAAC,UAAU;iBAC9B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EACtB,EAAE,EAAC,KAAK,IAEP,KAAK,CAAC,WAAW,CACR,CACb;YACA,QAAQ;YACT,uCACE,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,EAClB,SAAS,EAAC,uBAAuB,IAEhC,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAC,KAAK,CAAgB,CACvD,CACG,CACG,CACc,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}

package/cjs/form/Fieldset/context.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export type FieldsetContextProps = {
+    /**
+     * Error message applied to element,
+     */
+    error?: React.ReactNode;
+    /**
+     * Overrides internal errorId
+     */
+    errorId: string;
+    /**
+     * Changes paddings, margins and font-sizes
+     */
+    size: "medium" | "small";
+    /**
+     * Sets fieldset and all form-children to disabled
+     */
+    disabled: boolean;
+    /**
+     * Read only-state
+     */
+    readOnly?: boolean;
+};
+export declare const FieldsetContext: import("react").Context<FieldsetContextProps | null>;

package/cjs/form/Fieldset/context.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldsetContext = void 0;
 const react_1 = require("react");
 exports.FieldsetContext = (0, react_1.createContext)(null);
+//# sourceMappingURL=context.js.map

package/cjs/form/Fieldset/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/form/Fieldset/context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAyBzB,QAAA,eAAe,GAAG,IAAA,qBAAa,EAA8B,IAAI,CAAC,CAAC"}

package/cjs/form/Fieldset/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Fieldset, type FieldsetProps } from "./Fieldset";
+export { FieldsetContext } from "./context";

package/cjs/form/Fieldset/index.js

@@ -8,3 +8,4 @@ var Fieldset_1 = require("./Fieldset");
 Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return __importDefault(Fieldset_1).default; } });
 var context_1 = require("./context");
 Object.defineProperty(exports, "FieldsetContext", { enumerable: true, get: function () { return context_1.FieldsetContext; } });
+//# sourceMappingURL=index.js.map

package/cjs/form/Fieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/Fieldset/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAqE;AAA5D,qHAAA,OAAO,OAAY;AAC5B,qCAA4C;AAAnC,0GAAA,eAAe,OAAA"}

package/cjs/form/Fieldset/useFieldset.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Handles props for Fieldset in context with parent Fieldset.
+ */
+export declare const useFieldset: (props: any) => {
+    inputProps: {
+        "aria-invalid": boolean | undefined;
+        "aria-describedby": string | undefined;
+    };
+    showErrorMsg: boolean;
+    hasError: boolean;
+    errorId: string;
+    inputDescriptionId: string;
+    size: "small" | "medium";
+    readOnly?: boolean | undefined;
+};

package/cjs/form/Fieldset/useFieldset.js

@@ -14,3 +14,4 @@ const useFieldset = (props) => {
         } });
 };
 exports.useFieldset = useFieldset;
+//# sourceMappingURL=useFieldset.js.map

package/cjs/form/Fieldset/useFieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldset.js","sourceRoot":"","sources":["../../../src/form/Fieldset/useFieldset.ts"],"names":[],"mappings":";;;AAAA,kDAA+C;AAE/C;;GAEG;AACI,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,EAAE;IACnC,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAClD,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;IAEjC,uCACK,SAAS,KACZ,UAAU,EAAE;YACV,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC;YAC1C,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,CAAC;SACnD,IACD;AACJ,CAAC,CAAC;AAXW,QAAA,WAAW,eAWtB"}

package/cjs/form/ReadOnlyIcon.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const ReadOnlyIcon: ({ readOnly, nativeReadOnly, }: {
+    readOnly?: boolean | undefined;
+    nativeReadOnly?: boolean | undefined;
+}) => React.JSX.Element | null;

package/cjs/form/ReadOnlyIcon.js

@@ -13,3 +13,4 @@ const ReadOnlyIcon = ({ readOnly, nativeReadOnly = true, }) => {
     return null;
 };
 exports.ReadOnlyIcon = ReadOnlyIcon;
+//# sourceMappingURL=ReadOnlyIcon.js.map

package/cjs/form/ReadOnlyIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyIcon.js","sourceRoot":"","sources":["../../src/form/ReadOnlyIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAA4D;AAErD,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,cAAc,GAAG,IAAI,GAItB,EAAE,EAAE;IACH,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,8BAAC,mCAAqB,oBAChB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,IACtE,SAAS,EAAC,iCAAiC,IAC3C,CACH,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAhBW,QAAA,YAAY,gBAgBvB"}

package/cjs/form/Select.d.ts

@@ -0,0 +1,42 @@
+import React, { SelectHTMLAttributes } from "react";
+import { FormFieldProps } from "./useFormField";
+export interface SelectProps extends FormFieldProps, Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> {
+    /**
+     * Collection of <option />-elements
+     */
+    children: React.ReactNode;
+    /**
+     * Exposes the HTML size attribute
+     */
+    htmlSize?: number;
+    /**
+     * Label for select
+     */
+    label: React.ReactNode;
+    /**
+     * If enabled shows the label and description for screenreaders only
+     */
+    hideLabel?: boolean;
+    /**
+     * Sets inline-style on select wrapper
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * A component that displays a select input field.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/select)
+ * @see 🏷️ {@link SelectProps}
+ *
+ * @example
+ * ```jsx
+ * <Select label="Hvilket land har du bosted i.">
+ *   <option value="">Velg land</option>
+ *   <option value="norge">Norge</option>
+ *   <option value="sverige">Sverige</option>
+ *   <option value="danmark">Danmark</option>
+ * </Select>
+ * ```
+ */
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export default Select;

package/cjs/form/Select.js

@@ -100,3 +100,4 @@ exports.Select = (0, react_1.forwardRef)((props, ref) => {
         react_1.default.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size }, props.error)))));
 });
 exports.default = exports.Select;
+//# sourceMappingURL=Select.js.map

package/cjs/form/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/form/Select.tsx"],"names":[],"mappings":"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"}

package/cjs/form/Switch.d.ts

@@ -0,0 +1,38 @@
+import React, { InputHTMLAttributes } from "react";
+import { FormFieldProps } from "./useFormField";
+export interface SwitchProps extends Omit<FormFieldProps, "error" | "errorId">, Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /**
+     * Switch-label
+     */
+    children: React.ReactNode;
+    /**
+     * If enabled shows the label and description for screenreaders only
+     */
+    hideLabel?: boolean;
+    /**
+     * Toggles loading state with loader-component on switch
+     */
+    loading?: boolean;
+    /**
+     * Positions switch on left/right side of label
+     * @default "left"
+     */
+    position?: "left" | "right";
+    /**
+     * Adds a description to extend labling of Switch
+     */
+    description?: string;
+}
+/**
+ * A component that displays a switch input field.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/switch)
+ * @see 🏷️ {@link SwitchProps}
+ *
+ * @example
+ * ```jsx
+ * <Switch>Varsle med SMS</Switch>
+ * ```
+ */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export default Switch;

package/cjs/form/Switch.js

@@ -98,3 +98,4 @@ exports.Switch = (0, react_1.forwardRef)((props, ref) => {
                 description && (react_1.default.createElement(typography_1.BodyShort, { size: size, as: "div", className: "navds-form-field__subdescription navds-switch__description" }, description))))));
 });
 exports.default = exports.Switch;
+//# sourceMappingURL=Switch.js.map

package/cjs/form/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/form/Switch.tsx"],"names":[],"mappings":"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"}

package/cjs/form/TextField.d.ts

@@ -0,0 +1,42 @@
+import React, { InputHTMLAttributes } from "react";
+import { FormFieldProps } from "./useFormField";
+export interface TextFieldProps extends FormFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /**
+     * Controlled value
+     */
+    value?: string | number;
+    /**
+     * Defaults input-value without needing controlled-state
+     */
+    defaultValue?: string | number;
+    /**
+     * Exposes the HTML size attribute
+     */
+    htmlSize?: number;
+    /**
+     * If enabled shows the label and description for screenreaders only
+     */
+    hideLabel?: boolean;
+    /**
+     * TextField label
+     */
+    label: React.ReactNode;
+    /**
+     * Type of form control. Picking the correct type helps user fill inn their required information
+     * @default "text"
+     */
+    type?: "email" | "number" | "password" | "tel" | "text" | "url" | "time";
+}
+/**
+ * A component that displays a text input field with a label.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/textfield)
+ * @see 🏷️ {@link TextFieldProps}
+ *
+ * @example
+ * ```jsx
+ * <TextField label="Har du noen tilbakemeldinger?" />
+ * ```
+ */
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+export default TextField;

package/cjs/form/TextField.js

@@ -77,3 +77,4 @@ exports.TextField = (0, react_1.forwardRef)((props, ref) => {
         react_1.default.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size }, props.error)))));
 });
 exports.default = exports.TextField;
+//# sourceMappingURL=TextField.js.map

package/cjs/form/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/form/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA+D;AAC/D,8CAA+D;AAC/D,kCAA+B;AAC/B,iDAA8C;AAC9C,iDAA8D;AAgC9D;;;;;;;;;;GAUG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAErC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EATH,kFASL,CAAQ,CAAC;IAEV,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAE3B;YACE,yBAAyB,EAAE,QAAQ;YACnC,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,QAAQ;YACtC,4BAA4B,EAAE,QAAQ;SACvC,CACF;QAED,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;YAEF,8BAAC,2BAAY,IAAC,QAAQ,EAAE,QAAQ,GAAI;YACnC,KAAK,CACA;QAEP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,KAAK,IAEP,WAAW,CACF,CACb;QACD,yDACM,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,cAAE,EACX,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,CACxC,EACD,IAAI,EAAE,QAAQ,IACd;QACF,uCACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAC,KAAK,CAAgB,CACvD,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}