@dmsi/wedgekit-react 0.0.47 → 0.0.48

package/dist/{chunk-XIEG2XMD.js → chunk-4EPPG7SE.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-Z4UCFUF7.js";
 import {
   MenuOption
-} from "./chunk-S46RZBT4.js";
+} from "./chunk-T22EH3MG.js";
 import {
   Search
 } from "./chunk-SGQWENE2.js";

package/dist/{chunk-KXUUKAQM.js → chunk-K27465U2.js}

@@ -38,6 +38,7 @@ var Stack = (_a) => {
     grow,
     padding,
     paddingX,
+    paddingY,
     margin,
     marginX,
     marginY,
@@ -72,6 +73,7 @@ var Stack = (_a) => {
     "grow",
     "padding",
     "paddingX",
+    "paddingY",
     "margin",
     "marginX",
     "marginY",
@@ -142,6 +144,10 @@ var Stack = (_a) => {
         paddingX && sizing === "layout" && "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding",
         paddingX && sizing === "layout-group" && "px-mobile-layout-group-padding desktop:px-desktop-layout-group-padding compact:px-desktop-compact-layout-group-padding",
         paddingX && sizing === "component" && "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding",
+        paddingY && sizing === "container" && "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding",
+        paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
+        paddingY && sizing === "layout-group" && "py-mobile-layout-group-padding desktop:py-desktop-layout-group-padding compact:py-desktop-compact-layout-group-padding",
+        paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
         margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
         marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
         marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",

package/dist/{chunk-INYI65WW.js → chunk-S3CQ5VFT.js}

@@ -19,6 +19,7 @@ var ContentTab = (_a) => {
     disabled = false,
     onClick,
     ref,
+    fullWidth,
     id
   } = _b, props = __objRest(_b, [
     "label",
@@ -27,6 +28,7 @@ var ContentTab = (_a) => {
     "disabled",
     "onClick",
     "ref",
+    "fullWidth",
     "id"
   ]);
   const [active, setActive] = useState(false);
@@ -47,11 +49,15 @@ var ContentTab = (_a) => {
     !active && disabled && "bg-text-action-primary-disabled",
     className
   );
-  return /* @__PURE__ */ jsxs("div", { id, className: "relative", children: [
+  return /* @__PURE__ */ jsxs("div", { id, className: clsx(
+    "relative",
+    fullWidth && "flex-1"
+  ), children: [
     /* @__PURE__ */ jsx(
       Button,
       __spreadProps(__spreadValues({
         id: id ? `${id}-button` : void 0,
+        block: fullWidth,
         ref,
         variant: "tertiary",
         disabled,

package/dist/components/AccessChangerTabItem.cjs

@@ -0,0 +1,329 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/AccessChangerTabItem.tsx
+var AccessChangerTabItem_exports = {};
+__export(AccessChangerTabItem_exports, {
+  AccessChangerTabItem: () => AccessChangerTabItem
+});
+module.exports = __toCommonJS(AccessChangerTabItem_exports);
+var import_clsx4 = __toESM(require("clsx"), 1);
+
+// src/components/Subheader.tsx
+var import_clsx2 = __toESM(require("clsx"), 1);
+
+// src/classNames.ts
+var import_clsx = __toESM(require("clsx"), 1);
+var typography = {
+  display1: (0, import_clsx.default)(
+    "font-sans font-semibold",
+    "text-display-1-mobile desktop:text-display-1-desktop compact:text-display-1-desktop-compact",
+    "leading-display-1-mobile desktop:leading-display-1-desktop"
+  ),
+  display2: (0, import_clsx.default)(
+    "font-sans font-bold",
+    "text-display-2-mobile desktop:text-display-2-desktop compact:text-display-2-desktop-compact",
+    "leading-display-2-mobile desktop:leading-display-2-desktop"
+  ),
+  heading1: (0, import_clsx.default)(
+    "font-sans font-semibold",
+    "text-heading-1-mobile desktop:text-heading-1-desktop compact:text-heading-1-desktop-compact",
+    "leading-heading-1-mobile desktop:leading-heading-1-desktop"
+  ),
+  heading2: (0, import_clsx.default)(
+    "font-sans font-normal",
+    "text-heading-2-mobile desktop:text-heading-2-desktop compact:text-heading-2-desktop-compact",
+    "leading-heading-2-mobile desktop:leading-heading-2-desktop"
+  ),
+  heading3: (0, import_clsx.default)(
+    "font-sans font-semibold",
+    "text-heading-3-mobile desktop:text-heading-3-desktop compact:text-heading-3-desktop-compact",
+    "leading-heading-3-mobile desktop:leading-heading-3-desktop"
+  ),
+  subheader: (0, import_clsx.default)(
+    "font-sans font-semibold",
+    "text-subheader-mobile desktop:text-subheader-desktop compact:text-subheader-desktop-compact",
+    "leading-subheader-mobile desktop:leading-subheader-desktop"
+  ),
+  link: (0, import_clsx.default)(
+    "font-sans font-normal",
+    "text-link-mobile desktop:text-link-desktop compact:text-link-desktop-compact",
+    "leading-link-mobile desktop:leading-link-desktop"
+  ),
+  buttonLabel: (0, import_clsx.default)(
+    "font-sans font-semibold",
+    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
+    "leading-label-mobile desktop:leading-label-desktop"
+  ),
+  label: (0, import_clsx.default)(
+    "font-sans font-semibold",
+    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
+    "leading-label-mobile desktop:leading-label-desktop"
+  ),
+  paragraph: (0, import_clsx.default)(
+    "font-sans font-normal",
+    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
+    "leading-paragraph-mobile desktop:leading-paragraph-desktop"
+  ),
+  caption: (0, import_clsx.default)(
+    "font-sans font-normal",
+    "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
+    "leading-caption-mobile desktop:leading-caption-desktop"
+  )
+};
+var baseTransition = (0, import_clsx.default)(
+  "transition-colors duration-100 ease-in-out"
+);
+var componentGap = (0, import_clsx.default)(
+  "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-desktop-compact-component-gap"
+);
+var paddingUsingComponentGap = (0, import_clsx.default)(
+  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
+);
+var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
+  "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
+);
+var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
+  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
+);
+var componentPadding = (0, import_clsx.default)(
+  "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
+);
+var componentPaddingBottom = (0, import_clsx.default)(
+  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
+);
+var componentPaddingX = (0, import_clsx.default)(
+  "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
+);
+var componentPaddingY = (0, import_clsx.default)(
+  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
+);
+var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
+  "px-mobile-component-gap desktop:px-desktop-component-gap compact:px-desktop-compact-component-gap"
+);
+var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
+  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
+);
+var componentPaddingMinusBorder = (0, import_clsx.default)(
+  "p-[calc(var(--spacing-mobile-component-padding)_-_1px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_1px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_1px)]"
+);
+var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
+  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
+);
+var layoutPaddding = (0, import_clsx.default)(
+  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
+);
+var layoutPaddingBottom = (0, import_clsx.default)(
+  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
+);
+var layoutPaddingY = (0, import_clsx.default)(
+  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
+);
+var containerPaddingX = (0, import_clsx.default)(
+  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
+);
+var containerPaddingY = (0, import_clsx.default)(
+  "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding"
+);
+var layoutGroupGapPaddingY = (0, import_clsx.default)(
+  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
+);
+var layoutGroupGap = (0, import_clsx.default)(
+  "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-desktop-compact-layout-group-gap"
+);
+var layoutGap = (0, import_clsx.default)(
+  "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap"
+);
+var gapUsingContainerPadding = (0, import_clsx.default)(
+  "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
+);
+
+// src/components/Subheader.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Subheader = (_a) => {
+  var _b = _a, {
+    className,
+    children,
+    as = "span",
+    align,
+    color,
+    tall,
+    id
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "as",
+    "align",
+    "color",
+    "tall",
+    "id"
+  ]);
+  const Element = as;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Element,
+    __spreadProps(__spreadValues({
+      id,
+      className: (0, import_clsx2.default)(
+        typography.subheader,
+        className,
+        align === "left" && "text-left",
+        align === "center" && "text-center",
+        align === "right" && "text-right",
+        tall && "!leading-6"
+      ),
+      style: __spreadProps(__spreadValues({}, props.style), {
+        color: color ? `var(--color-${color})` : void 0
+      })
+    }, props), {
+      children
+    })
+  );
+};
+Subheader.displayName = "Subheader";
+
+// src/components/Icon.tsx
+var import_clsx3 = __toESM(require("clsx"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Icon(_a) {
+  var _b = _a, {
+    name,
+    size = 24,
+    variant = "outline"
+  } = _b, props = __objRest(_b, [
+    "name",
+    "size",
+    "variant"
+  ]);
+  const variantStyle = variant === "filled" ? '"FILL" 1' : '"FILL" 0';
+  const weightStyle = size === 16 ? '"wght" 400' : '"wght" 300';
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    __spreadProps(__spreadValues({}, props), {
+      className: (0, import_clsx3.default)(
+        "icon",
+        `icon-${size}`,
+        // size === 16 ? "font-normal" : "font-light", // size 16 font weight is not working as normal from before
+        props.className
+      ),
+      style: __spreadValues({
+        fontVariationSettings: variantStyle + `, ${weightStyle}`
+      }, props.style),
+      children: name
+    })
+  );
+}
+
+// src/components/AccessChangerTabItem.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function AccessChangerTabItem(props) {
+  const _a = props, {
+    additionalText,
+    borderTop,
+    borderBottom,
+    selected,
+    children,
+    loading,
+    disabled,
+    onClick
+  } = _a, rest = __objRest(_a, [
+    "additionalText",
+    "borderTop",
+    "borderBottom",
+    "selected",
+    "children",
+    "loading",
+    "disabled",
+    "onClick"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx4.default)(
+        "flex items-center justify-between",
+        "py-[15px] px-4 gap-4",
+        "bg-background-grouped-primary-normal cursor-pointer",
+        borderTop && "border-t",
+        borderBottom && "border-b",
+        borderTop || borderBottom ? "border-border-primary-normal" : "border-transparent",
+        selected ? "text-text-action-primary-normal" : "text-text-primary-normal hover:text-text-action-primary-normal"
+      ),
+      onClick: (e) => {
+        if (selected || loading || disabled) {
+          return;
+        }
+        onClick == null ? void 0 : onClick(e);
+      }
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Subheader, { children }),
+          additionalText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-text-primary-normal text-[13px] leading-[1.38462] font-normal", children: additionalText })
+        ] }),
+        loading && !selected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: "cached", size: 16 }),
+        selected && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "rounded-full size-2 bg-text-action-primary-normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Subheader, { children: "Active" })
+        ] })
+      ]
+    })
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccessChangerTabItem
+});

package/dist/components/AccessChangerTabItem.js

@@ -0,0 +1,72 @@
+import {
+  Subheader
+} from "../chunk-O4M2GISS.js";
+import {
+  Icon
+} from "../chunk-IGQVA7SC.js";
+import "../chunk-RDLEIAQU.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-ORMEWXMH.js";
+
+// src/components/AccessChangerTabItem.tsx
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AccessChangerTabItem(props) {
+  const _a = props, {
+    additionalText,
+    borderTop,
+    borderBottom,
+    selected,
+    children,
+    loading,
+    disabled,
+    onClick
+  } = _a, rest = __objRest(_a, [
+    "additionalText",
+    "borderTop",
+    "borderBottom",
+    "selected",
+    "children",
+    "loading",
+    "disabled",
+    "onClick"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      className: clsx(
+        "flex items-center justify-between",
+        "py-[15px] px-4 gap-4",
+        "bg-background-grouped-primary-normal cursor-pointer",
+        borderTop && "border-t",
+        borderBottom && "border-b",
+        borderTop || borderBottom ? "border-border-primary-normal" : "border-transparent",
+        selected ? "text-text-action-primary-normal" : "text-text-primary-normal hover:text-text-action-primary-normal"
+      ),
+      onClick: (e) => {
+        if (selected || loading || disabled) {
+          return;
+        }
+        onClick == null ? void 0 : onClick(e);
+      }
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx(Subheader, { children }),
+          additionalText && /* @__PURE__ */ jsx("p", { className: "text-text-primary-normal text-[13px] leading-[1.38462] font-normal", children: additionalText })
+        ] }),
+        loading && !selected && /* @__PURE__ */ jsx(Icon, { name: "cached", size: 16 }),
+        selected && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "rounded-full size-2 bg-text-action-primary-normal" }),
+          /* @__PURE__ */ jsx(Subheader, { children: "Active" })
+        ] })
+      ]
+    })
+  );
+}
+export {
+  AccessChangerTabItem
+};

package/dist/components/ContentTab.cjs

@@ -341,6 +341,7 @@ var ContentTab = (_a) => {
     disabled = false,
     onClick,
     ref,
+    fullWidth,
     id
   } = _b, props = __objRest(_b, [
     "label",
@@ -349,6 +350,7 @@ var ContentTab = (_a) => {
     "disabled",
     "onClick",
     "ref",
+    "fullWidth",
     "id"
   ]);
   const [active, setActive] = (0, import_react.useState)(false);
@@ -369,11 +371,15 @@ var ContentTab = (_a) => {
     !active && disabled && "bg-text-action-primary-disabled",
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id, className: "relative", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id, className: (0, import_clsx3.default)(
+    "relative",
+    fullWidth && "flex-1"
+  ), children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       Button,
       __spreadProps(__spreadValues({
         id: id ? `${id}-button` : void 0,
+        block: fullWidth,
         ref,
         variant: "tertiary",
         disabled,

package/dist/components/ContentTab.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ContentTab
-} from "../chunk-INYI65WW.js";
+} from "../chunk-S3CQ5VFT.js";
 import "../chunk-MZJS2ZAU.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/ContentTabs.cjs

@@ -345,6 +345,7 @@ var ContentTab = (_a) => {
     disabled = false,
     onClick,
     ref,
+    fullWidth,
     id
   } = _b, props = __objRest(_b, [
     "label",
@@ -353,6 +354,7 @@ var ContentTab = (_a) => {
     "disabled",
     "onClick",
     "ref",
+    "fullWidth",
     "id"
   ]);
   const [active, setActive] = (0, import_react.useState)(false);
@@ -373,11 +375,15 @@ var ContentTab = (_a) => {
     !active && disabled && "bg-text-action-primary-disabled",
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id, className: "relative", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id, className: (0, import_clsx3.default)(
+    "relative",
+    fullWidth && "flex-1"
+  ), children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       Button,
       __spreadProps(__spreadValues({
         id: id ? `${id}-button` : void 0,
+        block: fullWidth,
         ref,
         variant: "tertiary",
         disabled,
@@ -406,7 +412,7 @@ ContentTab.displayName = "ContentTab";
 // src/components/ContentTabs.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var afterClasses = "after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-border-primary-normal z-0";
-var ContentTabs = ({ tabs, onTabChange, id }) => {
+var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id }) => {
   var _a, _b;
   const [selectedTab, setSelectedTab] = (0, import_react2.useState)(((_a = tabs[0]) == null ? void 0 : _a.id) || "");
   const [focusedTabIndex, setFocusedTabIndex] = (0, import_react2.useState)(0);
@@ -452,6 +458,7 @@ var ContentTabs = ({ tabs, onTabChange, id }) => {
           return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             ContentTab,
             {
+              fullWidth: fullWidthTabs,
               id: id ? `${id}-tab-${tab.id}` : void 0,
               label: tab.label,
               selected: isSelected,

package/dist/components/ContentTabs.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ContentTab
-} from "../chunk-INYI65WW.js";
+} from "../chunk-S3CQ5VFT.js";
 import "../chunk-MZJS2ZAU.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
@@ -11,7 +11,7 @@ import clsx from "clsx";
 import { useState, useRef, useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var afterClasses = "after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-border-primary-normal z-0";
-var ContentTabs = ({ tabs, onTabChange, id }) => {
+var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id }) => {
   var _a, _b;
   const [selectedTab, setSelectedTab] = useState(((_a = tabs[0]) == null ? void 0 : _a.id) || "");
   const [focusedTabIndex, setFocusedTabIndex] = useState(0);
@@ -57,6 +57,7 @@ var ContentTabs = ({ tabs, onTabChange, id }) => {
           return /* @__PURE__ */ jsx(
             ContentTab,
             {
+              fullWidth: fullWidthTabs,
               id: id ? `${id}-tab-${tab.id}` : void 0,
               label: tab.label,
               selected: isSelected,

package/dist/components/DataGrid.js

@@ -5,29 +5,32 @@ import {
 import {
   useInfiniteScroll
 } from "../chunk-AWQSSKCK.js";
-import {
-  Subheader
-} from "../chunk-O4M2GISS.js";
 import {
   Select
 } from "../chunk-2BVSUYXU.js";
+import {
+  Checkbox
+} from "../chunk-WT5XXW6G.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-XIEG2XMD.js";
+} from "../chunk-4EPPG7SE.js";
 import {
   Menu
 } from "../chunk-VC3R5EUH.js";
 import "../chunk-Z4UCFUF7.js";
 import {
   MenuOption
-} from "../chunk-S46RZBT4.js";
+} from "../chunk-T22EH3MG.js";
 import "../chunk-SEKKGFM6.js";
 import {
   Search
 } from "../chunk-SGQWENE2.js";
+import {
+  Paragraph
+} from "../chunk-VG4EPHJA.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-4T7F5BZZ.js";
 import {
@@ -36,15 +39,12 @@ import {
 import {
   Label
 } from "../chunk-S5K22XTH.js";
+import {
+  Subheader
+} from "../chunk-O4M2GISS.js";
 import {
   Button
 } from "../chunk-MZJS2ZAU.js";
-import {
-  Checkbox
-} from "../chunk-WT5XXW6G.js";
-import {
-  Paragraph
-} from "../chunk-VG4EPHJA.js";
 import {
   Icon
 } from "../chunk-IGQVA7SC.js";

package/dist/components/DataGridCell.js

@@ -4,17 +4,17 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-XIEG2XMD.js";
+} from "../chunk-4EPPG7SE.js";
 import "../chunk-VC3R5EUH.js";
 import "../chunk-Z4UCFUF7.js";
-import "../chunk-S46RZBT4.js";
+import "../chunk-T22EH3MG.js";
 import "../chunk-SEKKGFM6.js";
 import "../chunk-SGQWENE2.js";
+import "../chunk-VG4EPHJA.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-4T7F5BZZ.js";
 import "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
-import "../chunk-VG4EPHJA.js";
 import "../chunk-IGQVA7SC.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";