@navikt/ds-react 0.17.27 → 0.18.2

package/cjs/step-indicator/Step.js

@@ -37,13 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepIndicatorStepComponent = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const _1 = require(".");
+const StepIndicator_1 = require("./StepIndicator");
 const __1 = require("..");
-const StepComponent = (0, react_1.forwardRef)((_a, ref) => {
+exports.StepIndicatorStepComponent = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, as: Component = "button", disabled, index } = _a, rest = __rest(_a, ["className", "children", "as", "disabled", "index"]);
-    const context = (0, react_1.useContext)(_1.StepContext);
+    const context = (0, react_1.useContext)(StepIndicator_1.StepContext);
     if (context === null) {
         console.error("<StepIndicator.Step> has to be used within an <StepIndicator>");
         return null;
@@ -62,5 +63,5 @@ const StepComponent = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement("div", { className: (0, classnames_1.default)("navds-step-indicator__step-label") }, !context.hideLabels && children),
         safeIndex !== 0 && (react_1.default.createElement("span", { "aria-hidden": true, className: "navds-step-indicator__step-line" }))));
 });
-const Step = StepComponent;
+const Step = exports.StepIndicatorStepComponent;
 exports.default = Step;

package/cjs/step-indicator/StepIndicator.js

@@ -37,13 +37,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepContext = void 0;
+exports.StepIndicator = exports.StepContext = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
 const Step_1 = __importDefault(require("./Step"));
 exports.StepContext = (0, react_1.createContext)(null);
-const StepIndicator = (0, react_1.forwardRef)((_a, ref) => {
+exports.StepIndicator = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, activeStep, hideLabels, onStepChange = () => { }, responsive } = _a, rest = __rest(_a, ["children", "className", "activeStep", "hideLabels", "onStepChange", "responsive"]);
     const wrapperRef = (0, react_1.useRef)(null);
     const mergedRef = (0, react_merge_refs_1.default)([wrapperRef, ref]);
@@ -76,5 +76,5 @@ const StepIndicator = (0, react_1.forwardRef)((_a, ref) => {
                 hideLabels: removeLabels,
             } }, stepsWithIndex)));
 });
-StepIndicator.Step = Step_1.default;
-exports.default = StepIndicator;
+exports.StepIndicator.Step = Step_1.default;
+exports.default = exports.StepIndicator;

package/cjs/step-indicator/index.js

@@ -1,18 +1,4 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,4 +6,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepIndicator = void 0;
 var StepIndicator_1 = require("./StepIndicator");
 Object.defineProperty(exports, "StepIndicator", { enumerable: true, get: function () { return __importDefault(StepIndicator_1).default; } });
-__exportStar(require("./StepIndicator"), exports);

package/cjs/stepper/Step.js

@@ -37,13 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepComponent = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
-const _1 = require(".");
+const Stepper_1 = require("./Stepper");
 const __1 = require("..");
-const StepComponent = (0, react_1.forwardRef)((_a, ref) => {
+exports.StepComponent = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, as: Component = "a", index = 0 } = _a, rest = __rest(_a, ["className", "children", "as", "index"]);
-    const context = (0, react_1.useContext)(_1.StepperContext);
+    const context = (0, react_1.useContext)(Stepper_1.StepperContext);
     if (context === null) {
         console.error("<StepIndicator.Step> has to be used within an <StepIndicator>");
         return null;
@@ -59,5 +60,5 @@ const StepComponent = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement(__1.Label, { className: "navds-stepper__step-number", as: "span" }, activeStep ? `${index + 1}` : index + 1),
         react_1.default.createElement(__1.Label, { className: "navds-stepper__step-label" }, children)));
 });
-const Step = StepComponent;
+const Step = exports.StepComponent;
 exports.default = Step;

package/cjs/stepper/Stepper.js

@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepperContext = void 0;
+exports.Stepper = exports.StepperContext = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Step_1 = __importDefault(require("./Step"));
 exports.StepperContext = (0, react_1.createContext)(null);
-const Stepper = (0, react_1.forwardRef)((_a, ref) => {
+exports.Stepper = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, activeStep, onStepChange = () => { } } = _a, rest = __rest(_a, ["children", "className", "activeStep", "onStepChange"]);
     return (react_1.default.createElement("ol", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-stepper", className) }),
         react_1.default.createElement(exports.StepperContext.Provider, { value: {
@@ -56,5 +56,5 @@ const Stepper = (0, react_1.forwardRef)((_a, ref) => {
                 : step));
         }))));
 });
-Stepper.Step = Step_1.default;
-exports.default = Stepper;
+exports.Stepper.Step = Step_1.default;
+exports.default = exports.Stepper;

package/cjs/stepper/index.js

@@ -1,18 +1,4 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,4 +6,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stepper = void 0;
 var Stepper_1 = require("./Stepper");
 Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return __importDefault(Stepper_1).default; } });
-__exportStar(require("./Stepper"), exports);

package/cjs/table/Body.js

@@ -37,10 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Body = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Body = (0, react_1.forwardRef)((_a, ref) => {
+exports.Body = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (react_1.default.createElement("tbody", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-table__body", className) })));
 });
-exports.default = Body;
+exports.default = exports.Body;

package/cjs/table/ColumnHeader.js

@@ -37,14 +37,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnHeader = void 0;
 const react_1 = __importStar(require("react"));
 const ds_icons_1 = require("@navikt/ds-icons");
-const __1 = require("..");
+const Table_1 = require("./Table");
 const HeaderCell_1 = __importDefault(require("./HeaderCell"));
-const ColumnHeader = (0, react_1.forwardRef)((_a, ref) => {
+exports.ColumnHeader = (0, react_1.forwardRef)((_a, ref) => {
     var _b, _c, _d, _e;
     var { className, children, sortable = false, sortKey } = _a, rest = __rest(_a, ["className", "children", "sortable", "sortKey"]);
-    const context = (0, react_1.useContext)(__1.TableContext);
+    const context = (0, react_1.useContext)(Table_1.TableContext);
     if (sortable && !sortKey) {
         console.warn("ColumnHeader with `sortable=true` must have a sortKey.");
     }
@@ -58,4 +59,4 @@ const ColumnHeader = (0, react_1.forwardRef)((_a, ref) => {
         children,
         ((_d = context === null || context === void 0 ? void 0 : context.sort) === null || _d === void 0 ? void 0 : _d.orderBy) === sortKey ? (((_e = context === null || context === void 0 ? void 0 : context.sort) === null || _e === void 0 ? void 0 : _e.direction) === "descending" ? (react_1.default.createElement(ds_icons_1.Down, { "aria-hidden": true })) : (react_1.default.createElement(ds_icons_1.Up, { "aria-hidden": true }))) : (react_1.default.createElement(ds_icons_1.UpDown, { "aria-hidden": true })))) : (children)));
 });
-exports.default = ColumnHeader;
+exports.default = exports.ColumnHeader;

package/cjs/table/DataCell.js

@@ -37,15 +37,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataCell = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
-const _1 = require(".");
-const DataCell = (0, react_1.forwardRef)((_a, ref) => {
+const Table_1 = require("./Table");
+exports.DataCell = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children = "", align } = _a, rest = __rest(_a, ["className", "children", "align"]);
-    const context = (0, react_1.useContext)(_1.TableContext);
+    const context = (0, react_1.useContext)(Table_1.TableContext);
     return (react_1.default.createElement(__1.BodyShort, Object.assign({ as: "td", ref: ref, className: (0, classnames_1.default)("navds-table__data-cell", className, {
             [`navds-table__data-cell--align-${align}`]: align,
         }), size: context === null || context === void 0 ? void 0 : context.size }, rest), children));
 });
-exports.default = DataCell;
+exports.default = exports.DataCell;

package/cjs/table/ExpandableRow.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandableRow = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Row_1 = __importDefault(require("./Row"));
@@ -44,8 +45,8 @@ const DataCell_1 = __importDefault(require("./DataCell"));
 const react_collapse_1 = require("react-collapse");
 const ds_icons_1 = require("@navikt/ds-icons");
 const __1 = require("..");
-const ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange"]);
+exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled"]);
     const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
     const id = `expandable-${(0, __1.useId)()}`;
     const isOpen = open !== null && open !== void 0 ? open : internalOpen;
@@ -56,15 +57,14 @@ const ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
             togglePlacement === "right" && children,
             react_1.default.createElement(DataCell_1.default, { className: (0, classnames_1.default)("navds-table__toggle-expand-cell", {
                     "navds-table__toggle-expand-cell--open": isOpen,
-                }) },
-                react_1.default.createElement("button", { className: "navds-table__toggle-expand-button", "aria-controls": id, "aria-expanded": isOpen, onClick: () => {
-                        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!isOpen);
-                        if (open === undefined) {
-                            setInternalOpen((open) => !open);
-                        }
-                    } },
-                    react_1.default.createElement(ds_icons_1.Expand, { className: "navds-table__expandable-icon", title: isOpen ? "Vis mindre" : "Vis mer" }),
-                    react_1.default.createElement(ds_icons_1.ExpandFilled, { className: "navds-table__expandable-icon navds-table__expandable-icon--filled", title: isOpen ? "Vis mindre" : "Vis mer" }))),
+                }) }, !expansionDisabled && (react_1.default.createElement("button", { className: "navds-table__toggle-expand-button", "aria-controls": id, "aria-expanded": isOpen, onClick: () => {
+                    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!isOpen);
+                    if (open === undefined) {
+                        setInternalOpen((open) => !open);
+                    }
+                } },
+                react_1.default.createElement(ds_icons_1.Expand, { className: "navds-table__expandable-icon", title: isOpen ? "Vis mindre" : "Vis mer" }),
+                react_1.default.createElement(ds_icons_1.ExpandFilled, { className: "navds-table__expandable-icon navds-table__expandable-icon--filled", title: isOpen ? "Vis mindre" : "Vis mer" })))),
             togglePlacement === "left" && children),
         react_1.default.createElement("tr", { className: "navds-table__expanded-row", "aria-hidden": !isOpen, id: id },
             react_1.default.createElement("td", { colSpan: 999, className: "navds-table__expanded-row-cell" },
@@ -73,4 +73,4 @@ const ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
                         content: "navds-table__expanded-row-content",
                     } }, content)))));
 });
-exports.default = ExpandableRow;
+exports.default = exports.ExpandableRow;

package/cjs/table/Header.js

@@ -37,10 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Header = (0, react_1.forwardRef)((_a, ref) => {
+exports.Header = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (react_1.default.createElement("thead", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-table__header", className) })));
 });
-exports.default = Header;
+exports.default = exports.Header;

package/cjs/table/HeaderCell.js

@@ -37,14 +37,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderCell = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
-const HeaderCell = (0, react_1.forwardRef)((_a, ref) => {
+const Table_1 = require("./Table");
+exports.HeaderCell = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, align } = _a, rest = __rest(_a, ["className", "children", "align"]);
-    const context = (0, react_1.useContext)(__1.TableContext);
+    const context = (0, react_1.useContext)(Table_1.TableContext);
     return (react_1.default.createElement(__1.Label, Object.assign({ as: "th", ref: ref, className: (0, classnames_1.default)("navds-table__header-cell", className, {
             [`navds-table__header-cell--align-${align}`]: align,
         }), size: context === null || context === void 0 ? void 0 : context.size }, rest), children));
 });
-exports.default = HeaderCell;
+exports.default = exports.HeaderCell;

package/cjs/table/Row.js

@@ -37,12 +37,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Row = (0, react_1.forwardRef)((_a, ref) => {
+exports.Row = (0, react_1.forwardRef)((_a, ref) => {
     var { className, selected = false } = _a, rest = __rest(_a, ["className", "selected"]);
     return (react_1.default.createElement("tr", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-table__row", className, {
             "navds-table__row--selected": selected,
         }) })));
 });
-exports.default = Row;
+exports.default = exports.Row;

package/cjs/table/Table.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableContext = void 0;
+exports.Table = exports.TableContext = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Header_1 = __importDefault(require("./Header"));
@@ -48,18 +48,18 @@ const HeaderCell_1 = __importDefault(require("./HeaderCell"));
 const DataCell_1 = __importDefault(require("./DataCell"));
 const ExpandableRow_1 = __importDefault(require("./ExpandableRow"));
 exports.TableContext = (0, react_1.createContext)(null);
-const Table = (0, react_1.forwardRef)((_a, ref) => {
+exports.Table = (0, react_1.forwardRef)((_a, ref) => {
     var { className, zebraStripes = false, size = "medium", onSortChange, sort } = _a, rest = __rest(_a, ["className", "zebraStripes", "size", "onSortChange", "sort"]);
     return (react_1.default.createElement(exports.TableContext.Provider, { value: { size, onSortChange, sort } },
         react_1.default.createElement("table", Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-table", `navds-table--${size}`, className, {
                 "navds-table--zebra-stripes": zebraStripes,
             }) }))));
 });
-Table.Header = Header_1.default;
-Table.Body = Body_1.default;
-Table.Row = Row_1.default;
-Table.ColumnHeader = ColumnHeader_1.default;
-Table.HeaderCell = HeaderCell_1.default;
-Table.DataCell = DataCell_1.default;
-Table.ExpandableRow = ExpandableRow_1.default;
-exports.default = Table;
+exports.Table.Header = Header_1.default;
+exports.Table.Body = Body_1.default;
+exports.Table.Row = Row_1.default;
+exports.Table.ColumnHeader = ColumnHeader_1.default;
+exports.Table.HeaderCell = HeaderCell_1.default;
+exports.Table.DataCell = DataCell_1.default;
+exports.Table.ExpandableRow = ExpandableRow_1.default;
+exports.default = exports.Table;

package/cjs/table/index.js

@@ -1,18 +1,4 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,4 +6,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Table = void 0;
 var Table_1 = require("./Table");
 Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
-__exportStar(require("./Table"), exports);

package/cjs/tabs/Tab.js

@@ -37,12 +37,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = void 0;
 const RadixTabs = __importStar(require("@radix-ui/react-tabs"));
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const __1 = require("..");
 const Tabs_1 = require("./Tabs");
-const Tab = (0, react_1.forwardRef)((_a, ref) => {
+exports.Tab = (0, react_1.forwardRef)((_a, ref) => {
     var _b;
     var { className, as: Component = "button", label, icon, iconPosition, value } = _a, rest = __rest(_a, ["className", "as", "label", "icon", "iconPosition", "value"]);
     const context = (0, react_1.useContext)(Tabs_1.TabsContext);
@@ -58,4 +59,4 @@ const Tab = (0, react_1.forwardRef)((_a, ref) => {
                 icon,
                 label))));
 });
-exports.default = Tab;
+exports.default = exports.Tab;

package/cjs/tabs/TabList.js

@@ -37,13 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabList = void 0;
 const core_1 = require("@material-ui/core");
 const ds_icons_1 = require("@navikt/ds-icons");
 const react_tabs_1 = require("@radix-ui/react-tabs");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
-const List = (0, react_1.forwardRef)((_a, ref) => {
+exports.TabList = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     const listRef = (0, react_1.useRef)(null);
     const mergedRef = (0, react_merge_refs_1.default)([listRef, ref]);
@@ -105,4 +106,4 @@ const List = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement(react_tabs_1.TabsList, Object.assign({}, rest, { ref: mergedRef, onScroll: updateScrollButtonState, className: (0, classnames_1.default)("navds-tabs__tablist", className) })),
         showSteppers && react_1.default.createElement(ScrollButton, { dir: 1, hidden: !displayScroll.end })));
 });
-exports.default = List;
+exports.default = exports.TabList;

package/cjs/tabs/TabPanel.js

@@ -40,8 +40,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_tabs_1 = require("@radix-ui/react-tabs");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
-const Panel = (0, react_1.forwardRef)((_a, ref) => {
+const TabPanel = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (react_1.default.createElement(react_tabs_1.TabsContent, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-tabs__tabpanel", className) })));
 });
-exports.default = Panel;
+exports.default = TabPanel;

package/cjs/tabs/Tabs.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsContext = void 0;
+exports.Tabs = exports.TabsContext = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const RadixTabs = __importStar(require("@radix-ui/react-tabs"));
@@ -45,14 +45,14 @@ const Tab_1 = __importDefault(require("./Tab"));
 const TabList_1 = __importDefault(require("./TabList"));
 const TabPanel_1 = __importDefault(require("./TabPanel"));
 exports.TabsContext = (0, react_1.createContext)(null);
-const Tabs = (0, react_1.forwardRef)((_a, ref) => {
+exports.Tabs = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, onChange, size = "medium", selectionFollowsFocus = false } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "selectionFollowsFocus"]);
     return (react_1.default.createElement(RadixTabs.Root, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)("navds-tabs", className, `navds-tabs--${size}`), activationMode: selectionFollowsFocus ? "automatic" : "manual", onValueChange: onChange }),
         react_1.default.createElement(exports.TabsContext.Provider, { value: {
                 size,
             } }, children)));
 });
-Tabs.Tab = Tab_1.default;
-Tabs.List = TabList_1.default;
-Tabs.Panel = TabPanel_1.default;
-exports.default = Tabs;
+exports.Tabs.Tab = Tab_1.default;
+exports.Tabs.List = TabList_1.default;
+exports.Tabs.Panel = TabPanel_1.default;
+exports.default = exports.Tabs;

package/cjs/tag/Tag.js

@@ -37,12 +37,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tag = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
-const Tag = (0, react_1.forwardRef)((_a, ref) => {
+exports.Tag = (0, react_1.forwardRef)((_a, ref) => {
     var { className, variant, size = "medium" } = _a, rest = __rest(_a, ["className", "variant", "size"]);
     const Component = size === "medium" ? __1.BodyShort : __1.Detail;
     return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, as: "span", size: size, className: (0, classnames_1.default)("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`) })));
 });
-exports.default = Tag;
+exports.default = exports.Tag;

package/cjs/tag/index.js

@@ -1,18 +1,4 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,4 +6,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag = void 0;
 var Tag_1 = require("./Tag");
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return __importDefault(Tag_1).default; } });
-__exportStar(require("./Tag"), exports);

package/cjs/toggle-group/ToggleGroup.js

@@ -37,14 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleGroupContext = void 0;
+exports.ToggleGroup = exports.ToggleGroupContext = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const ToggleItem_1 = __importDefault(require("./ToggleItem"));
 const RadixToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
 const __1 = require("..");
 exports.ToggleGroupContext = (0, react_1.createContext)(null);
-const ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
+exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, onChange, size = "medium", label, value, defaultValue, id, "aria-describedby": desc } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "id", "aria-describedby"]);
     const [groupValue, setGroupValue] = (0, react_1.useState)(defaultValue);
     const labelId = `toggle-group-label-${(0, __1.useId)()}`;
@@ -71,5 +71,5 @@ const ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
             label && (react_1.default.createElement(__1.Label, { size: size, className: "navds-toggle-group__label", id: labelId }, label)),
             react_1.default.createElement(RadixToggleGroup.Root, Object.assign({}, rest, { onValueChange: handleValueChange, value: value !== null && value !== void 0 ? value : groupValue, defaultValue: defaultValue, ref: ref, className: (0, classnames_1.default)("navds-toggle-group", className, `navds-toggle-group--${size}`) }, (describeBy && { "aria-describedby": describeBy }), { role: "radiogroup", type: "single" }), children))));
 });
-ToggleGroup.Item = ToggleItem_1.default;
-exports.default = ToggleGroup;
+exports.ToggleGroup.Item = ToggleItem_1.default;
+exports.default = exports.ToggleGroup;

package/cjs/tooltip/Tooltip.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const __1 = require("..");
@@ -44,7 +45,7 @@ const react_dom_1 = require("@floating-ui/react-dom");
 const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
 const portal_1 = __importDefault(require("./portal"));
 const util_1 = require("../util");
-const Tooltip = (0, react_1.forwardRef)((_a, ref) => {
+exports.Tooltip = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, arrow: _arrow = true, placement: _placement = "top", open, defaultOpen = false, offset: _offset, content, delay = 150, id, keys, maxChar = 80 } = _a, rest = __rest(_a, ["children", "className", "arrow", "placement", "open", "defaultOpen", "offset", "content", "delay", "id", "keys", "maxChar"]);
     const arrowRef = (0, react_1.useRef)(null);
     const [isOpen, setIsOpen] = (0, react_1.useState)(defaultOpen);
@@ -153,4 +154,4 @@ const Tooltip = (0, react_1.forwardRef)((_a, ref) => {
                             }[placement]]: "-3.5px",
                         } }))))))));
 });
-exports.default = Tooltip;
+exports.default = exports.Tooltip;

package/cjs/tooltip/index.js

@@ -1,18 +1,4 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -20,4 +6,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 var Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
-__exportStar(require("./Tooltip"), exports);

package/cjs/typography/BodyLong.js

@@ -37,13 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BodyLong = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const BodyLong = (0, react_1.forwardRef)((_a, ref) => {
+exports.BodyLong = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", spacing, as: Component = "p" } = _a, rest = __rest(_a, ["className", "size", "spacing", "as"]);
     return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-body-long", {
             "navds-body-long--small": size === "small",
             "navds-typo--spacing": !!spacing,
         }) })));
 });
-exports.default = BodyLong;
+exports.default = exports.BodyLong;

package/cjs/typography/BodyShort.js

@@ -37,13 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BodyShort = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const BodyShort = (0, react_1.forwardRef)((_a, ref) => {
+exports.BodyShort = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = "medium", spacing, as: Component = "p" } = _a, rest = __rest(_a, ["className", "size", "spacing", "as"]);
     return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, "navds-body-short", {
             "navds-body-short--small": size === "small",
             "navds-typo--spacing": !!spacing,
         }) })));
 });
-exports.default = BodyShort;
+exports.default = exports.BodyShort;