@navikt/ds-react 6.4.1 → 6.6.0

package/cjs/form/form-summary/FormSummaryHeading.js

@@ -0,0 +1,31 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSummaryHeading = void 0;
+const react_1 = __importStar(require("react"));
+const typography_1 = require("../../typography");
+exports.FormSummaryHeading = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement(typography_1.Heading, Object.assign({ ref: ref }, props, { size: "medium" }))));
+exports.default = exports.FormSummaryHeading;
+//# sourceMappingURL=FormSummaryHeading.js.map

package/cjs/form/form-summary/FormSummaryHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSummaryHeading.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAAyD;AAc5C,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAG1C,CAAC,KAA8B,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,8BAAC,oBAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,IAAI,EAAC,QAAQ,IAAG,CAC/C,CAAC,CAAC;AAEH,kBAAe,0BAAkB,CAAC"}

package/cjs/form/form-summary/FormSummaryLabel.d.ts

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

package/cjs/form/form-summary/FormSummaryLabel.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSummaryLabel = void 0;
+const react_1 = __importStar(require("react"));
+const typography_1 = require("../../typography");
+exports.FormSummaryLabel = (0, react_1.forwardRef)((_a, ref) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (react_1.default.createElement(typography_1.Label, Object.assign({ ref: ref }, rest, { as: "dt" }), children));
+});
+exports.default = exports.FormSummaryLabel;
+//# sourceMappingURL=FormSummaryLabel.js.map

package/cjs/form/form-summary/FormSummaryLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSummaryLabel.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAAyC;AAO5B,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EACxC,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IAAY,OAAA,CAC9B,8BAAC,kBAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,EAAE,EAAC,IAAI,KAC/B,QAAQ,CACH,CACT,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,wBAAgB,CAAC"}

package/cjs/form/form-summary/FormSummaryValue.d.ts

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

package/cjs/form/form-summary/FormSummaryValue.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSummaryValue = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const typography_1 = require("../../typography");
+exports.FormSummaryValue = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    return (react_1.default.createElement(typography_1.BodyLong, Object.assign({ ref: ref }, rest, { as: "dd", className: (0, clsx_1.default)("navds-form-summary__value", className) }), children));
+});
+exports.default = exports.FormSummaryValue;
+//# sourceMappingURL=FormSummaryValue.js.map

package/cjs/form/form-summary/FormSummaryValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSummaryValue.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryValue.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAA4C;AAO/B,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CAC3C,8BAAC,qBAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,IAAA,cAAE,EAAC,2BAA2B,EAAE,SAAS,CAAC,KAEpD,QAAQ,CACA,CACZ,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}

package/cjs/form/form-summary/index.d.ts

@@ -0,0 +1,8 @@
+export { default as FormSummary, type FormSummaryProps } from "./FormSummary";
+export { default as FormSummaryAnswer, type FormSummaryAnswerProps, } from "./FormSummaryAnswer";
+export { default as FormSummaryAnswers, type FormSummaryAnswersProps, } from "./FormSummaryAnswers";
+export { default as FormSummaryEditLink, type FormSummaryEditProps, } from "./FormSummaryEditLink";
+export { default as FormSummaryHeader, type FormSummaryHeaderProps, } from "./FormSummaryHeader";
+export { default as FormSummaryHeading, type FormSummaryHeadingProps, } from "./FormSummaryHeading";
+export { default as FormSummaryLabel, type FormSummaryLabelProps, } from "./FormSummaryLabel";
+export { default as FormSummaryValue, type FormSummaryValueProps, } from "./FormSummaryValue";

package/cjs/form/form-summary/index.js

@@ -0,0 +1,24 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSummaryValue = exports.FormSummaryLabel = exports.FormSummaryHeading = exports.FormSummaryHeader = exports.FormSummaryEditLink = exports.FormSummaryAnswers = exports.FormSummaryAnswer = exports.FormSummary = void 0;
+var FormSummary_1 = require("./FormSummary");
+Object.defineProperty(exports, "FormSummary", { enumerable: true, get: function () { return __importDefault(FormSummary_1).default; } });
+var FormSummaryAnswer_1 = require("./FormSummaryAnswer");
+Object.defineProperty(exports, "FormSummaryAnswer", { enumerable: true, get: function () { return __importDefault(FormSummaryAnswer_1).default; } });
+var FormSummaryAnswers_1 = require("./FormSummaryAnswers");
+Object.defineProperty(exports, "FormSummaryAnswers", { enumerable: true, get: function () { return __importDefault(FormSummaryAnswers_1).default; } });
+var FormSummaryEditLink_1 = require("./FormSummaryEditLink");
+Object.defineProperty(exports, "FormSummaryEditLink", { enumerable: true, get: function () { return __importDefault(FormSummaryEditLink_1).default; } });
+var FormSummaryHeader_1 = require("./FormSummaryHeader");
+Object.defineProperty(exports, "FormSummaryHeader", { enumerable: true, get: function () { return __importDefault(FormSummaryHeader_1).default; } });
+var FormSummaryHeading_1 = require("./FormSummaryHeading");
+Object.defineProperty(exports, "FormSummaryHeading", { enumerable: true, get: function () { return __importDefault(FormSummaryHeading_1).default; } });
+var FormSummaryLabel_1 = require("./FormSummaryLabel");
+Object.defineProperty(exports, "FormSummaryLabel", { enumerable: true, get: function () { return __importDefault(FormSummaryLabel_1).default; } });
+var FormSummaryValue_1 = require("./FormSummaryValue");
+Object.defineProperty(exports, "FormSummaryValue", { enumerable: true, get: function () { return __importDefault(FormSummaryValue_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/form/form-summary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/form-summary/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,6CAA8E;AAArE,2HAAA,OAAO,OAAe;AAC/B,yDAG6B;AAF3B,uIAAA,OAAO,OAAqB;AAG9B,2DAG8B;AAF5B,yIAAA,OAAO,OAAsB;AAG/B,6DAG+B;AAF7B,2IAAA,OAAO,OAAuB;AAGhC,yDAG6B;AAF3B,uIAAA,OAAO,OAAqB;AAG9B,2DAG8B;AAF5B,yIAAA,OAAO,OAAsB;AAG/B,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB;AAG7B,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB"}

package/cjs/index.d.ts

@@ -8,7 +8,7 @@ export { DatePicker, useDatepicker, useRangeDatepicker, type DateInputProps, typ
 export { MonthPicker, useMonthpicker, type MonthPickerProps, type MonthPickerStandaloneProps, type MonthValidationT, } from "./date/monthpicker";
 export { Dropdown, type DropdownProps } from "./dropdown";
 export { ExpansionCard, type ExpansionCardProps } from "./expansion-card";
-export { GuidePanel, type GuidePanelProps, GuidePanelDefaultIllustration, } from "./guide-panel";
+export { GuidePanel, GuidePanelDefaultIllustration, type GuidePanelProps, } from "./guide-panel";
 export { HelpText, type HelpTextProps } from "./help-text";
 export { InternalHeader, type InternalHeaderButtonProps, type InternalHeaderProps, type InternalHeaderTitleProps, type InternalHeaderUserButtonProps, type InternalHeaderUserProps, } from "./internal-header";
 export { Bleed, type BleedProps } from "./layout/bleed";
@@ -41,13 +41,14 @@ export { UNSAFE_Combobox, type ComboboxProps } from "./form/combobox";
 export { ConfirmationPanel, type ConfirmationPanelProps, } from "./form/confirmation-panel";
 export { ErrorSummary, type ErrorSummaryProps } from "./form/error-summary";
 export { Fieldset, type FieldsetProps } from "./form/fieldset";
+export { UNSAFE_FileUpload, type FileAccepted, type FileItem, type FileMetadata, type FileObject, type FileRejected, type FileRejectedPartitioned, type FileRejectionReason, type FileUploadDropzoneProps, type FileUploadItemProps, type FileUploadTriggerProps, type FilesPartitioned, } from "./form/file-upload";
+export { FormSummary, type FormSummaryProps } from "./form/form-summary";
 export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, } from "./form/radio";
 export { Search, type SearchClearEvent, type SearchProps } from "./form/search";
 export { Select, type SelectProps } from "./form/select";
 export { Switch, type SwitchProps } from "./form/switch";
 export { Textarea, type TextareaProps } from "./form/textarea";
 export { TextField, type TextFieldProps } from "./form/textfield";
-export { UNSAFE_FileUpload, type FileUploadDropzoneProps, type FileUploadTriggerProps, type FileObject, type FileRejected, type FileAccepted, type FileRejectedPartitioned, type FilesPartitioned, type FileRejectionReason, type FileUploadItemProps, type FileItem, type FileMetadata, } from "./form/file-upload";
 /**
  * @deprecated
  */

package/cjs/index.js

@@ -2,7 +2,7 @@
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Ingress = exports.Heading = exports.ErrorMessage = exports.Detail = exports.BodyShort = exports.BodyLong = exports.Tooltip = exports.ToggleGroup = exports.Timeline = exports.Tag = exports.Tabs = exports.Table = exports.Stepper = exports.Skeleton = exports.ReadMore = exports.Provider = exports.Portal = exports.Popover = exports.Pagination = exports.Modal = exports.Loader = exports.List = exports.Link = exports.VStack = exports.Stack = exports.Spacer = exports.HStack = exports.Show = exports.Hide = exports.Page = exports.HGrid = exports.Box = exports.Bleed = exports.InternalHeader = exports.HelpText = exports.GuidePanelDefaultIllustration = exports.GuidePanel = exports.ExpansionCard = exports.Dropdown = exports.useMonthpicker = exports.MonthPicker = exports.useRangeDatepicker = exports.useDatepicker = exports.DatePicker = exports.CopyButton = exports.Chips = exports.Chat = exports.Button = exports.Alert = exports.Accordion = void 0;
-exports.Panel = exports.LinkPanel = exports.UNSAFE_FileUpload = exports.TextField = exports.Textarea = exports.Switch = exports.Select = exports.Search = exports.RadioGroup = exports.Radio = exports.Fieldset = exports.ErrorSummary = exports.ConfirmationPanel = exports.UNSAFE_Combobox = exports.CheckboxGroup = exports.Checkbox = exports.useId = exports.useEventListener = exports.useClientLayoutEffect = exports.omit = exports.debounce = exports.Label = void 0;
+exports.Panel = exports.LinkPanel = exports.TextField = exports.Textarea = exports.Switch = exports.Select = exports.Search = exports.RadioGroup = exports.Radio = exports.FormSummary = exports.UNSAFE_FileUpload = exports.Fieldset = exports.ErrorSummary = exports.ConfirmationPanel = exports.UNSAFE_Combobox = exports.CheckboxGroup = exports.Checkbox = exports.useId = exports.useEventListener = exports.useClientLayoutEffect = exports.omit = exports.debounce = exports.Label = void 0;
 var accordion_1 = require("./accordion");
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
 var alert_1 = require("./alert");
@@ -108,6 +108,10 @@ var error_summary_1 = require("./form/error-summary");
 Object.defineProperty(exports, "ErrorSummary", { enumerable: true, get: function () { return error_summary_1.ErrorSummary; } });
 var fieldset_1 = require("./form/fieldset");
 Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return fieldset_1.Fieldset; } });
+var file_upload_1 = require("./form/file-upload");
+Object.defineProperty(exports, "UNSAFE_FileUpload", { enumerable: true, get: function () { return file_upload_1.UNSAFE_FileUpload; } });
+var form_summary_1 = require("./form/form-summary");
+Object.defineProperty(exports, "FormSummary", { enumerable: true, get: function () { return form_summary_1.FormSummary; } });
 var radio_1 = require("./form/radio");
 Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return radio_1.Radio; } });
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_1.RadioGroup; } });
@@ -121,8 +125,6 @@ var textarea_1 = require("./form/textarea");
 Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
 var textfield_1 = require("./form/textfield");
 Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return textfield_1.TextField; } });
-var file_upload_1 = require("./form/file-upload");
-Object.defineProperty(exports, "UNSAFE_FileUpload", { enumerable: true, get: function () { return file_upload_1.UNSAFE_FileUpload; } });
 /**
  * @deprecated
  */

package/cjs/index.js.map

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

package/cjs/tabs/Tabs.context.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { TabsProps } from "./Tabs.types";
+import { useTabs } from "./useTabs";
+export declare const TabsDescendantsProvider: import("react").Provider<import("../util/hooks/descendants/descendant").DescendantsManager<HTMLButtonElement, {
+    value: string;
+}>>, useTabsDescendantsContext: () => import("../util/hooks/descendants/descendant").DescendantsManager<HTMLButtonElement, {
+    value: string;
+}>, useTabsDescendants: () => import("../util/hooks/descendants/descendant").DescendantsManager<HTMLButtonElement, {
+    value: string;
+}>, useTabsDescendant: (options?: import("../util/hooks/descendants/descendant").DescendantOptions<{
+    value: string;
+}> | undefined) => {
+    descendants: import("../util/hooks/descendants/descendant").DescendantsManager<HTMLElement, Record<string, any>>;
+    index: number;
+    enabledIndex: number;
+    register: (instance: HTMLButtonElement | null) => void;
+};
+type TabsProviderProps = ReturnType<typeof useTabs> & Pick<TabsProps, "selectionFollowsFocus" | "loop" | "size" | "iconPosition" | "fill">;
+export declare const TabsProvider: import("react").ForwardRefExoticComponent<{
+    id: string;
+    selectedValue: string;
+    setSelectedValue: (next: import("react").SetStateAction<string>) => void;
+    focusedValue: string;
+    setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    makeTabId: (id: string, value: string) => string;
+    makeTabPanelId: (id: string, value: string) => string;
+} & Pick<TabsProps, "size" | "fill" | "loop" | "iconPosition" | "selectionFollowsFocus"> & {
+    children: import("react").ReactNode;
+} & import("react").RefAttributes<unknown>>, useTabsContext: <S extends boolean = true>(strict?: S) => S extends true ? TabsProviderProps : TabsProviderProps | undefined;
+export {};

package/cjs/tabs/Tabs.context.js

@@ -0,0 +1,14 @@
+"use strict";
+var _a, _b;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabsContext = exports.TabsProvider = exports.useTabsDescendant = exports.useTabsDescendants = exports.useTabsDescendantsContext = exports.TabsDescendantsProvider = void 0;
+const create_context_1 = require("../util/create-context");
+const useDescendant_1 = require("../util/hooks/descendants/useDescendant");
+_a = (0, useDescendant_1.createDescendantContext)(), exports.TabsDescendantsProvider = _a[0], exports.useTabsDescendantsContext = _a[1], exports.useTabsDescendants = _a[2], exports.useTabsDescendant = _a[3];
+/* State context */
+_b = (0, create_context_1.createContext)({
+    name: "TabsContext",
+    hookName: "useTabsContext",
+    providerName: "TabsProvider",
+}), exports.TabsProvider = _b[0], exports.useTabsContext = _b[1];
+//# sourceMappingURL=Tabs.context.js.map

package/cjs/tabs/Tabs.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.context.js","sourceRoot":"","sources":["../../src/tabs/Tabs.context.ts"],"names":[],"mappings":";;;;AAAA,2DAAuD;AACvD,2EAAkF;AAIrE,KAKT,IAAA,uCAAuB,GAAwC,EAJjE,+BAAuB,UACvB,iCAAyB,UACzB,0BAAkB,UAClB,yBAAiB,SACiD;AAQpE,mBAAmB;AACN,KAAiC,IAAA,8BAAa,EAAoB;IAC7E,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,gBAAgB;IAC1B,YAAY,EAAE,cAAc;CAC7B,CAAC,EAJY,oBAAY,UAAE,sBAAc,SAIvC"}

package/cjs/tabs/Tabs.d.ts

@@ -1,57 +1,22 @@
-import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../util/types";
-import { TabProps } from "./Tab";
-import { TabListProps } from "./TabList";
-import { TabPanelProps } from "./TabPanel";
-export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
-    children: React.ReactNode;
-    /**
-     * Changes padding and font-size.
-     * @default "medium"
-     */
-    size?: "medium" | "small";
-    /**
-     * onChange callback for selected Tab.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Controlled selected value.
-     */
-    value?: string;
-    /**
-     * If not controlled, a default-value needs to be set.
-     */
-    defaultValue?: string;
-    /**
-     * Automatically activates tab on focus/navigation.
-     * @default false
-     */
-    selectionFollowsFocus?: boolean;
-    /**
-     * Loops back to start when navigating past last item.
-     * @default false
-     */
-    loop?: boolean;
-    /**
-     * Icon position in Tab.
-     * @default "left"
-     */
-    iconPosition?: "left" | "top";
-}
+import React from "react";
+import { TabsProps } from "./Tabs.types";
+import Tab from "./parts/tab/Tab";
+import TabList from "./parts/tablist/TabList";
+import TabPanel from "./parts/tabpanel/TabPanel";
 interface TabsComponent extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> {
     /**
      * @see 🏷️ {@link TabProps}
      * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
      */
-    Tab: OverridableComponent<TabProps, HTMLButtonElement>;
+    Tab: typeof Tab;
     /**
      * @see 🏷️ {@link TabListProps}
      */
-    List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
+    List: typeof TabList;
     /**
      * @see 🏷️ {@link TabPanelProps}
      */
-    Panel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
+    Panel: typeof TabPanel;
 }
 /**
  * A component that displays a set of tabs that can be used to switch between different views.

package/cjs/tabs/Tabs.js

@@ -38,13 +38,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
-const RadixTabs = __importStar(require("@radix-ui/react-tabs"));
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const Tab_1 = __importDefault(require("./Tab"));
-const TabList_1 = __importDefault(require("./TabList"));
-const TabPanel_1 = __importDefault(require("./TabPanel"));
-const context_1 = require("./context");
+const Tabs_context_1 = require("./Tabs.context");
+const Tab_1 = __importDefault(require("./parts/tab/Tab"));
+const TabList_1 = __importDefault(require("./parts/tablist/TabList"));
+const TabPanel_1 = __importDefault(require("./parts/tabpanel/TabPanel"));
+const useTabs_1 = require("./useTabs");
 /**
  * A component that displays a set of tabs that can be used to switch between different views.
  *
@@ -72,13 +72,20 @@ const context_1 = require("./context");
  * ```
  */
 exports.Tabs = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, children, onChange, size = "medium", selectionFollowsFocus = false, loop = false, iconPosition = "left" } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "selectionFollowsFocus", "loop", "iconPosition"]);
-    return (react_1.default.createElement(RadixTabs.Root, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-tabs", className, `navds-tabs--${size}`), activationMode: selectionFollowsFocus ? "automatic" : "manual", onValueChange: onChange }),
-        react_1.default.createElement(context_1.TabsContext.Provider, { value: {
-                size,
-                loop,
-                iconPosition,
-            } }, children)));
+    var { className, children, size = "medium", defaultValue = "", value, onChange, id, selectionFollowsFocus = false, loop = true, iconPosition = "left", fill = false } = _a, rest = __rest(_a, ["className", "children", "size", "defaultValue", "value", "onChange", "id", "selectionFollowsFocus", "loop", "iconPosition", "fill"]);
+    const descendants = (0, Tabs_context_1.useTabsDescendants)();
+    const tabsContext = (0, useTabs_1.useTabs)({ defaultValue, value, onChange, id });
+    /**
+     * TabsProvider handles memoization of context values, so we can safely skip it here.
+     */
+    const context = Object.assign(Object.assign({}, tabsContext), { selectionFollowsFocus,
+        loop,
+        size,
+        iconPosition,
+        fill });
+    return (react_1.default.createElement(Tabs_context_1.TabsDescendantsProvider, { value: descendants },
+        react_1.default.createElement(Tabs_context_1.TabsProvider, Object.assign({}, context),
+            react_1.default.createElement("div", Object.assign({ ref: ref }, rest, { id: id, className: (0, clsx_1.default)("navds-tabs", className, `navds-tabs--${size}`) }), children))));
 });
 exports.Tabs.Tab = Tab_1.default;
 exports.Tabs.List = TabList_1.default;

package/cjs/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gEAAkD;AAClD,gDAAsB;AACtB,+CAA0D;AAE1D,gDAAsC;AACtC,wDAAkD;AAClD,0DAAqD;AACrD,uCAAwC;AA8DxC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,qBAAqB,GAAG,KAAK,EAC7B,IAAI,GAAG,KAAK,EACZ,YAAY,GAAG,MAAM,OAEtB,EADI,IAAI,cART,8FASC,CADQ;IAIT,OAAO,CACL,8BAAC,SAAS,CAAC,IAAI,oBACT,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,YAAY,EAAE,SAAS,EAAE,eAAe,IAAI,EAAE,CAAC,EAC7D,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,EAC9D,aAAa,EAAE,QAAQ;QAEvB,8BAAC,qBAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,IAAI;gBACJ,IAAI;gBACJ,YAAY;aACb,IAEA,QAAQ,CACY,CACR,CAClB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,YAAI,CAAC,GAAG,GAAG,aAAG,CAAC;AACf,YAAI,CAAC,IAAI,GAAG,iBAAO,CAAC;AACpB,YAAI,CAAC,KAAK,GAAG,kBAAQ,CAAC;AAEtB,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAIwB;AAExB,0DAAkC;AAClC,sEAA8C;AAC9C,yEAAiD;AACjD,uCAAoC;AAqBpC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,YAAY,GAAG,EAAE,EACjB,KAAK,EACL,QAAQ,EACR,EAAE,EACF,qBAAqB,GAAG,KAAK,EAC7B,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,MAAM,EACrB,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cAZT,qIAaC,CADQ;IAIT,MAAM,WAAW,GAAG,IAAA,iCAAkB,GAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,IAAA,iBAAO,EAAC,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnE;;OAEG;IACH,MAAM,OAAO,mCACR,WAAW,KACd,qBAAqB;QACrB,IAAI;QACJ,IAAI;QACJ,YAAY;QACZ,IAAI,GACL,CAAC;IAEF,OAAO,CACL,8BAAC,sCAAuB,IAAC,KAAK,EAAE,WAAW;QACzC,8BAAC,2BAAY,oBAAK,OAAO;YACvB,qDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,cAAE,EAAC,YAAY,EAAE,SAAS,EAAE,eAAe,IAAI,EAAE,CAAC,KAE5D,QAAQ,CACL,CACO,CACS,CAC3B,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,YAAI,CAAC,GAAG,GAAG,aAAG,CAAC;AACf,YAAI,CAAC,IAAI,GAAG,iBAAO,CAAC;AACpB,YAAI,CAAC,KAAK,GAAG,kBAAQ,CAAC;AAEtB,kBAAe,YAAI,CAAC"}

package/cjs/tabs/Tabs.types.d.ts

@@ -0,0 +1,41 @@
+import { HTMLAttributes } from "react";
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
+    children: React.ReactNode;
+    /**
+     * Changes padding and font-size.
+     * @default "medium"
+     */
+    size?: "medium" | "small";
+    /**
+     * onChange callback for selected Tab.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Controlled selected value.
+     */
+    value?: string;
+    /**
+     * If not controlled, a default-value needs to be set.
+     */
+    defaultValue?: string;
+    /**
+     * Automatically activates tab on focus/navigation.
+     * @default false
+     */
+    selectionFollowsFocus?: boolean;
+    /**
+     * Loops back to start when navigating past last item.
+     * @default true
+     */
+    loop?: boolean;
+    /**
+     * Icon position in Tab.
+     * @default "left"
+     */
+    iconPosition?: "left" | "top";
+    /**
+     * Stretches each tab to fill avaliable space in container.
+     * @default false
+     */
+    fill?: boolean;
+}

package/cjs/tabs/Tabs.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Tabs.types.js.map

package/cjs/tabs/Tabs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.types.js","sourceRoot":"","sources":["../../src/tabs/Tabs.types.ts"],"names":[],"mappings":""}

package/cjs/tabs/index.d.ts

@@ -1,4 +1,5 @@
-export { default as TabsTab, type TabProps } from "./Tab";
-export { default as TabsList, type TabListProps } from "./TabList";
-export { default as TabsPanel, type TabPanelProps } from "./TabPanel";
-export { default as Tabs, type TabsProps } from "./Tabs";
+export { default as Tabs } from "./Tabs";
+export { type TabsProps } from "./Tabs.types";
+export { default as TabsTab, type TabProps } from "./parts/tab/Tab";
+export { default as TabsList, type TabListProps, } from "./parts/tablist/TabList";
+export { default as TabsPanel, type TabPanelProps, } from "./parts/tabpanel/TabPanel";

package/cjs/tabs/index.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = exports.TabsPanel = exports.TabsList = exports.TabsTab = void 0;
-var Tab_1 = require("./Tab");
+exports.TabsPanel = exports.TabsList = exports.TabsTab = exports.Tabs = void 0;
+var Tabs_1 = require("./Tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
+var Tab_1 = require("./parts/tab/Tab");
 Object.defineProperty(exports, "TabsTab", { enumerable: true, get: function () { return __importDefault(Tab_1).default; } });
-var TabList_1 = require("./TabList");
+var TabList_1 = require("./parts/tablist/TabList");
 Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return __importDefault(TabList_1).default; } });
-var TabPanel_1 = require("./TabPanel");
+var TabPanel_1 = require("./parts/tabpanel/TabPanel");
 Object.defineProperty(exports, "TabsPanel", { enumerable: true, get: function () { return __importDefault(TabPanel_1).default; } });
-var Tabs_1 = require("./Tabs");
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
 //# sourceMappingURL=index.js.map

package/cjs/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,6BAA0D;AAAjD,+GAAA,OAAO,OAAW;AAC3B,qCAAmE;AAA1D,oHAAA,OAAO,OAAY;AAC5B,uCAAsE;AAA7D,sHAAA,OAAO,OAAa;AAC7B,+BAAyD;AAAhD,6GAAA,OAAO,OAAQ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AAExB,uCAAoE;AAA3D,+GAAA,OAAO,OAAW;AAC3B,mDAGiC;AAF/B,oHAAA,OAAO,OAAY;AAGrB,sDAGmC;AAFjC,sHAAA,OAAO,OAAa"}

package/cjs/tabs/parts/tab/Tab.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { OverridableComponent } from "../../../util";
+export interface TabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    /**
+     * Tab label.
+     */
+    label?: React.ReactNode;
+    /**
+     * Tab Icon.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Value for state-handling.
+     */
+    value: string;
+    /**
+     * Overrides auto-generated id.
+     *
+     * **Warning**: Tab generates an id if not provided. If you need to override it,
+     * make sure to also include the correct `aria-controls` id for the TabPanel it controls.
+     */
+    id?: string;
+}
+export declare const Tab: OverridableComponent<TabProps, HTMLButtonElement>;
+export default Tab;