@bonprix-ds/react-tab-group 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,71 @@
+import { default as default_2 } from 'react';
+import { ReactNode } from 'react';
+
+declare interface BaseProps {
+    /** This property should contain all of the subcomponents of the TabGroup component (TabGroup.Item, TabGroup.Content, TabGroup.List). */
+    children: ReactNode;
+    /** The currently active tab. Should be used in conjunction with the `onChange` prop. */
+    activeTab: string;
+    /** Callback function that is called when the active tab changes. */
+    onChange: (value: string) => void;
+    /** Sets "the variant.  */
+    variant?: TabGroupVariant;
+}
+
+declare interface TabBoxProps extends BaseProps {
+    variant?: "tab-box";
+    /** If true, the tab items will occupy the available width. */
+    fullWidth?: boolean;
+}
+
+declare const TabGroup: {
+    (props: TabGroupProps): default_2.JSX.Element;
+    displayName: string;
+    Item: {
+        ({ label, subLabel, icon, value }: TabGroupItemProps): default_2.JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, value }: TabGroupContentProps): default_2.JSX.Element;
+        displayName: string;
+    };
+    List: {
+        ({ children }: TabGroupListProps): default_2.JSX.Element;
+        displayName: string;
+    };
+};
+export default TabGroup;
+
+declare interface TabGroupContentProps {
+    /** The unique identifier for the tab content. With its help the tab content can be referenced programmatically. */
+    value: string;
+    /** The content of the tab content. */
+    children: ReactNode;
+}
+
+declare interface TabGroupItemProps {
+    /** Unique identifier for the tab item. With its help the tab item can be referenced programmatically. */
+    value: string;
+    /** The label of the tab item. */
+    label: string;
+    /** The sublabel of the tab item. */
+    subLabel?: string;
+    /** The icon of the tab item. */
+    icon?: ReactNode;
+}
+
+declare interface TabGroupListProps {
+    /** Here, the TabGroup.Item subcomponents should be placed. */
+    children: ReactNode;
+}
+
+export declare type TabGroupProps = TabBoxProps | TabProps;
+
+declare type TabGroupVariant = "tab" | "tab-box";
+
+declare interface TabProps extends BaseProps {
+    variant?: "tab";
+    fullWidth?: never;
+}
+
+export { }

package/dist/index.js

@@ -0,0 +1,2 @@
+import e from "./src/TabGroup.js";
+export { e as default };

package/dist/src/TabGroup.js

@@ -0,0 +1,13 @@
+import e from "./TabGroupContent/index.js";
+import t from "./TabGroupItem/TabGroupItem.js";
+import n from "./TabGroupList/TabGroupList.js";
+import r from "./TabGroupRoot.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/TabGroup.tsx
+var a = (e) => /* @__PURE__ */ i(r, { ...e });
+a.displayName = "TabGroup", a.Item = t, a.Content = e, a.List = n;
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=TabGroup.js.map

package/dist/src/TabGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabGroup.js","names":[],"sources":["../../src/TabGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nimport TabGroupContent from \"./TabGroupContent\";\nimport TabGroupItem from \"./TabGroupItem/TabGroupItem\";\nimport TabGroupList from \"./TabGroupList/TabGroupList\";\nimport TabGroupRoot, { type TabGroupProps } from \"./TabGroupRoot\";\n\nexport type { TabGroupProps, TabGroupVariant } from \"./TabGroupRoot\";\n\nconst TabGroup = (props: TabGroupProps) => <TabGroupRoot {...props} />;\n\nTabGroup.displayName = \"TabGroup\";\n\nTabGroup.Item = TabGroupItem;\nTabGroup.Content = TabGroupContent;\nTabGroup.List = TabGroupList;\n\nexport default TabGroup;\n"],"mappings":";;;;;;;AASA,IAAM,KAAY,MAAyB,kBAAC,GAAD,EAAc,GAAI,EAAQ,CAAA;AAErE,EAAS,cAAc,YAEvB,EAAS,OAAO,GAChB,EAAS,UAAU,GACnB,EAAS,OAAO"}

package/dist/src/TabGroupContent/TabGroupContent.js

@@ -0,0 +1,14 @@
+"use client";
+import "react";
+import * as e from "@radix-ui/react-tabs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/TabGroupContent/TabGroupContent.tsx
+var n = ({ children: n, value: r }) => /* @__PURE__ */ t(e.Content, {
+	value: r,
+	children: n
+});
+n.displayName = "TabGroup.Content";
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=TabGroupContent.js.map

package/dist/src/TabGroupContent/TabGroupContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabGroupContent.js","names":[],"sources":["../../../src/TabGroupContent/TabGroupContent.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactNode } from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\n\nexport interface TabGroupContentProps {\n  /** The unique identifier for the tab content. With its help the tab content can be referenced programmatically. */\n  value: string;\n  /** The content of the tab content. */\n  children: ReactNode;\n}\n\nconst TabGroupContent = ({ children, value }: TabGroupContentProps) => {\n  return <TabsPrimitive.Content value={value}>{children}</TabsPrimitive.Content>;\n};\n\nTabGroupContent.displayName = \"TabGroup.Content\";\n\nexport default TabGroupContent;\n"],"mappings":";;;;;AAYA,IAAM,KAAmB,EAAE,aAAU,eAC5B,kBAAC,EAAc,SAAf;CAA8B;CAAQ;AAAgC,CAAA;AAG/E,EAAgB,cAAc"}

package/dist/src/TabGroupContent/index.js

@@ -0,0 +1,7 @@
+import e from "./TabGroupContent.js";
+//#region src/TabGroupContent/index.ts
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=index.js.map

package/dist/src/TabGroupContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/TabGroupContent/index.ts"],"sourcesContent":["import TabGroupContent from \"./TabGroupContent\";\n\nexport default TabGroupContent;\n"],"mappings":";;AAEA,IAAA,IAAe"}

package/dist/src/TabGroupContext.js

@@ -0,0 +1,11 @@
+"use client";
+import { createContext as e } from "react";
+//#region src/TabGroupContext.ts
+var t = e({
+	fullWidth: !1,
+	variant: "tab"
+});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TabGroupContext.js.map

package/dist/src/TabGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabGroupContext.js","names":[],"sources":["../../src/TabGroupContext.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport { TabGroupVariant } from \"./TabGroup\";\n\nexport interface TabGroupContextProps {\n  fullWidth?: boolean;\n  variant: TabGroupVariant;\n}\n\nconst TabGroupContext = createContext<TabGroupContextProps>({\n  fullWidth: false,\n  variant: \"tab\",\n});\n\nexport default TabGroupContext;\n"],"mappings":";;;AAWA,IAAM,IAAkB,EAAoC;CAC1D,WAAW;CACX,SAAS;AACX,CAAC"}

package/dist/src/TabGroupItem/TabGroupItem.js

@@ -0,0 +1,69 @@
+"use client";
+import e from "../useTabGroup.js";
+import "react";
+import * as t from "@radix-ui/react-tabs";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { tabStyleContainerBase as i, tabStyleContainerVariant as a, tabStyleLabelClass as o, tabStyleLabelContainerBase as s, tabStyleLabelContainerVariant as c } from "@bonprix-ds/internal-components";
+import { tv as l } from "tailwind-variants";
+//#region src/TabGroupItem/TabGroupItem.tsx
+var u = l({
+	slots: {
+		container: [
+			"preflight",
+			i,
+			"hover:after:border-b-2 hover:after:border-current",
+			"data-[state=active]:after:border-b-4 data-[state=active]:after:h-1 data-[state=active]:after:border-current",
+			"text-inherit"
+		],
+		iconContainer: "flex max-w-10 h-7",
+		labelContainer: s,
+		labelClass: o,
+		dummyBoldLabelClass: "h-0 font-bold invisible",
+		sublabelClass: "line-clamp-1"
+	},
+	variants: { variant: {
+		tab: {
+			container: a,
+			labelContainer: c
+		},
+		"tab-box": {
+			container: ["px-1 py-4 items-center focus-visible:outline outline-2 outline-offset-2 outline-current", "border-current border after:absolute data-[state=active]:after:rounded-b-sm after:rounded-b-sm flex-auto"],
+			labelContainer: "items-center [overflow-wrap:anywhere] text-center hyphens-auto",
+			labelClass: "group-data-[state=active]:font-bold"
+		}
+	} }
+}), d = ({ label: i, subLabel: a, icon: o, value: s }) => {
+	let { variant: c } = e(), { container: l, iconContainer: d, labelContainer: f, labelClass: p, dummyBoldLabelClass: m, sublabelClass: h } = u({ variant: c });
+	return /* @__PURE__ */ r(t.Trigger, {
+		className: l(),
+		value: s,
+		"data-bpds-icon": o,
+		"data-bpds-has-sublabel": !!a,
+		children: [o && /* @__PURE__ */ n("div", {
+			className: d(),
+			children: o
+		}), /* @__PURE__ */ r("div", {
+			className: f(),
+			children: [
+				/* @__PURE__ */ n("p", {
+					className: p(),
+					children: i
+				}),
+				c === "tab-box" && /* @__PURE__ */ n("p", {
+					className: m(),
+					"aria-hidden": "true",
+					children: i
+				}),
+				a && /* @__PURE__ */ n("p", {
+					className: h(),
+					children: a
+				})
+			]
+		})]
+	});
+};
+d.displayName = "TabGroup.Item";
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=TabGroupItem.js.map

package/dist/src/TabGroupItem/TabGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabGroupItem.js","names":[],"sources":["../../../src/TabGroupItem/TabGroupItem.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  tabStyleContainerBase,\n  tabStyleContainerVariant,\n  tabStyleLabelClass,\n  tabStyleLabelContainerBase,\n  tabStyleLabelContainerVariant,\n} from \"@bonprix-ds/internal-components\";\nimport React, { ReactNode } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport * as Tabs from \"@radix-ui/react-tabs\";\n\nimport useTabGroup from \"../useTabGroup\";\n\nconst generateClasses = tv({\n  slots: {\n    container: [\n      \"preflight\",\n      tabStyleContainerBase,\n      \"hover:after:border-b-2 hover:after:border-current\",\n      \"data-[state=active]:after:border-b-4 data-[state=active]:after:h-1 data-[state=active]:after:border-current\",\n      // in order to use 'current' as color values, we need to inherit the color (primary) from TabGroupList,\n      // because <button> is given a User Agent propietary color (black, not our primary)\n      \"text-inherit\",\n    ],\n    iconContainer: \"flex max-w-10 h-7\",\n    labelContainer: tabStyleLabelContainerBase,\n    labelClass: tabStyleLabelClass,\n    dummyBoldLabelClass: \"h-0 font-bold invisible\",\n    sublabelClass: \"line-clamp-1\",\n  },\n  variants: {\n    variant: {\n      tab: {\n        container: tabStyleContainerVariant,\n        labelContainer: tabStyleLabelContainerVariant,\n      },\n      \"tab-box\": {\n        container: [\n          \"px-1 py-4 items-center focus-visible:outline outline-2 outline-offset-2 outline-current\",\n          \"border-current border after:absolute data-[state=active]:after:rounded-b-sm after:rounded-b-sm flex-auto\",\n        ],\n        labelContainer: \"items-center [overflow-wrap:anywhere] text-center hyphens-auto\",\n        labelClass: \"group-data-[state=active]:font-bold\",\n      },\n    },\n  },\n});\n\nexport interface TabGroupItemProps {\n  /** Unique identifier for the tab item. With its help the tab item can be referenced programmatically. */\n  value: string;\n  /** The label of the tab item. */\n  label: string;\n  /** The sublabel of the tab item. */\n  subLabel?: string;\n  /** The icon of the tab item. */\n  icon?: ReactNode;\n}\n\nconst TabGroupItem = ({ label, subLabel, icon, value }: TabGroupItemProps) => {\n  const { variant } = useTabGroup();\n  const { container, iconContainer, labelContainer, labelClass, dummyBoldLabelClass, sublabelClass } = generateClasses({\n    variant,\n  });\n  return (\n    <Tabs.Trigger className={container()} value={value} data-bpds-icon={icon} data-bpds-has-sublabel={!!subLabel}>\n      {icon && <div className={iconContainer()}>{icon}</div>}\n      <div className={labelContainer()}>\n        <p className={labelClass()}>{label}</p>\n        {/* When label gets bold in active state, its box takes up more space and causes a layout shift (button gets bigger).\n           By adding the 'physical copy of the label text in bold, but invisible, the space is already created and therefore layout is consistent*/}\n        {variant === \"tab-box\" && (\n          <p className={dummyBoldLabelClass()} aria-hidden=\"true\">\n            {label}\n          </p>\n        )}\n\n        {subLabel && <p className={sublabelClass()}>{subLabel}</p>}\n      </div>\n    </Tabs.Trigger>\n  );\n};\n\nTabGroupItem.displayName = \"TabGroup.Item\";\n\nexport default TabGroupItem;\n"],"mappings":";;;;;;;;AAeA,IAAM,IAAkB,EAAG;CACzB,OAAO;EACL,WAAW;GACT;GACA;GACA;GACA;GAGA;EACF;EACA,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,qBAAqB;EACrB,eAAe;CACjB;CACA,UAAU,EACR,SAAS;EACP,KAAK;GACH,WAAW;GACX,gBAAgB;EAClB;EACA,WAAW;GACT,WAAW,CACT,2FACA,0GACF;GACA,gBAAgB;GAChB,YAAY;EACd;CACF,EACF;AACF,CAAC,GAaK,KAAgB,EAAE,UAAO,aAAU,SAAM,eAA+B;CAC5E,IAAM,EAAE,eAAY,EAAY,GAC1B,EAAE,cAAW,kBAAe,mBAAgB,eAAY,wBAAqB,qBAAkB,EAAgB,EACnH,WACF,CAAC;CACD,OACE,kBAAC,EAAK,SAAN;EAAc,WAAW,EAAU;EAAU;EAAO,kBAAgB;EAAM,0BAAwB,CAAC,CAAC;EAApG,UAAA,CACG,KAAQ,kBAAC,OAAD;GAAK,WAAW,EAAc;GAAI,UAAA;EAAU,CAAA,GACrD,kBAAC,OAAD;GAAK,WAAW,EAAe;GAA/B,UAAA;IACE,kBAAC,KAAD;KAAG,WAAW,EAAW;KAAI,UAAA;IAAS,CAAA;IAGrC,MAAY,aACX,kBAAC,KAAD;KAAG,WAAW,EAAoB;KAAG,eAAY;KAC9C,UAAA;IACA,CAAA;IAGJ,KAAY,kBAAC,KAAD;KAAG,WAAW,EAAc;KAAI,UAAA;IAAY,CAAA;GACtD;EACO,CAAA,CAAA;;AAElB;AAEA,EAAa,cAAc"}

package/dist/src/TabGroupList/TabGroupList.js

@@ -0,0 +1,27 @@
+"use client";
+import e from "../useTabGroup.js";
+import "react";
+import * as t from "@radix-ui/react-tabs";
+import { jsx as n } from "react/jsx-runtime";
+import { tabStyleList as r } from "@bonprix-ds/internal-components";
+import { tv as i } from "tailwind-variants";
+//#region src/TabGroupList/TabGroupList.tsx
+var a = (e, t = !1) => e === "tab-box" ? `repeat(${t ? "auto-fit" : "auto-fill"}, minmax(4.6875rem, 1fr))` : "", o = i({
+	base: ["[&:has(button_svg)_button:not(:has(svg))_p:first-child]:mt-7"],
+	variants: { variant: {
+		tab: r,
+		"tab-box": "text-clr-primary grid gap-x-3 gap-y-2 scrollbar-none"
+	} }
+}), s = ({ children: r }) => {
+	let { variant: i, fullWidth: s } = e();
+	return /* @__PURE__ */ n(t.List, {
+		className: o({ variant: i }),
+		style: { gridTemplateColumns: a(i, s) },
+		children: r
+	});
+};
+s.displayName = "TabGroup.List";
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=TabGroupList.js.map

package/dist/src/TabGroupList/TabGroupList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabGroupList.js","names":[],"sources":["../../../src/TabGroupList/TabGroupList.tsx"],"sourcesContent":["\"use client\";\n\nimport { tabStyleList } from \"@bonprix-ds/internal-components\";\nimport React, { ReactNode } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\n\nimport { TabGroupVariant } from \"../TabGroup\";\nimport useTabGroup from \"../useTabGroup\";\n\nconst getGridTemplateColumnsStyle = (variant: TabGroupVariant, fullWidth = false) => {\n  const BOX_ITEM_MIN_WIDTH = \"4.6875rem\";\n  if (variant !== \"tab-box\") return \"\";\n  const repeatCount = fullWidth ? \"auto-fit\" : \"auto-fill\";\n  const style = `repeat(${repeatCount}, minmax(${BOX_ITEM_MIN_WIDTH}, 1fr))`;\n  return style;\n};\n\nconst generateClasses = tv({\n  base: [\n    // Following rule allows to align 'label' in a button with no SVG only if other buttons contain an SVG (logo or icon), according to design\n    \"[&:has(button_svg)_button:not(:has(svg))_p:first-child]:mt-7\",\n  ],\n  variants: {\n    variant: {\n      tab: tabStyleList,\n      \"tab-box\": \"text-clr-primary grid gap-x-3 gap-y-2 scrollbar-none\",\n    },\n  },\n});\n\nexport interface TabGroupListProps {\n  /** Here, the TabGroup.Item subcomponents should be placed. */\n  children: ReactNode;\n}\n\nconst TabGroupList = ({ children }: TabGroupListProps) => {\n  const { variant, fullWidth } = useTabGroup();\n  return (\n    <TabsPrimitive.List\n      className={generateClasses({ variant })}\n      style={{ gridTemplateColumns: getGridTemplateColumnsStyle(variant, fullWidth) }}\n    >\n      {children}\n    </TabsPrimitive.List>\n  );\n};\n\nTabGroupList.displayName = \"TabGroup.List\";\n\nexport default TabGroupList;\n"],"mappings":";;;;;;;;AAUA,IAAM,KAA+B,GAA0B,IAAY,OAErE,MAAY,YAGT,UAFa,IAAY,aAAa,YACT,6BAFF,IAM9B,IAAkB,EAAG;CACzB,MAAM,CAEJ,8DACF;CACA,UAAU,EACR,SAAS;EACP,KAAK;EACL,WAAW;CACb,EACF;AACF,CAAC,GAOK,KAAgB,EAAE,kBAAkC;CACxD,IAAM,EAAE,YAAS,iBAAc,EAAY;CAC3C,OACE,kBAAC,EAAc,MAAf;EACE,WAAW,EAAgB,EAAE,WAAQ,CAAC;EACtC,OAAO,EAAE,qBAAqB,EAA4B,GAAS,CAAS,EAAE;EAE7E;CACiB,CAAA;AAExB;AAEA,EAAa,cAAc"}

package/dist/src/TabGroupRoot.js

@@ -0,0 +1,27 @@
+"use client";
+import e from "./TabGroupContext.js";
+import "react";
+import * as t from "@radix-ui/react-tabs";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/TabGroupRoot.tsx
+var r = ({ children: r, activeTab: i, onChange: a, variant: o = "tab", fullWidth: s }) => /* @__PURE__ */ n(t.Root, {
+	className: "preflight",
+	value: i,
+	onValueChange: a,
+	"data-bpds": "tab-group",
+	"data-bpds-active-tab": i,
+	"data-bpds-variant": o,
+	"data-bpds-full-width": s,
+	children: /* @__PURE__ */ n(e, {
+		value: {
+			fullWidth: s,
+			variant: o
+		},
+		children: r
+	})
+});
+r.displayName = "TabGroup";
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=TabGroupRoot.js.map

package/dist/src/TabGroupRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabGroupRoot.js","names":[],"sources":["../../src/TabGroupRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactNode } from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\n\nimport TabGroupContext from \"./TabGroupContext\";\n\nexport type TabGroupVariant = \"tab\" | \"tab-box\";\n\ninterface BaseProps {\n  /** This property should contain all of the subcomponents of the TabGroup component (TabGroup.Item, TabGroup.Content, TabGroup.List). */\n  children: ReactNode;\n  /** The currently active tab. Should be used in conjunction with the `onChange` prop. */\n  activeTab: string;\n  /** Callback function that is called when the active tab changes. */\n  onChange: (value: string) => void;\n  /** Sets \"the variant.  */\n  variant?: TabGroupVariant;\n}\n\ninterface TabBoxProps extends BaseProps {\n  variant?: \"tab-box\";\n  /** If true, the tab items will occupy the available width. */\n  fullWidth?: boolean;\n}\n\ninterface TabProps extends BaseProps {\n  variant?: \"tab\";\n  fullWidth?: never;\n}\n\nexport type TabGroupProps = TabBoxProps | TabProps;\n\nconst TabGroupRoot = ({ children, activeTab, onChange, variant = \"tab\", fullWidth }: TabGroupProps) => {\n  return (\n    <TabsPrimitive.Root\n      className=\"preflight\"\n      value={activeTab}\n      onValueChange={onChange}\n      data-bpds=\"tab-group\"\n      data-bpds-active-tab={activeTab}\n      data-bpds-variant={variant}\n      data-bpds-full-width={fullWidth}\n    >\n      <TabGroupContext value={{ fullWidth, variant }}>{children}</TabGroupContext>\n    </TabsPrimitive.Root>\n  );\n};\n\nTabGroupRoot.displayName = \"TabGroup\";\n\nexport default TabGroupRoot;\n"],"mappings":";;;;;;AAiCA,IAAM,KAAgB,EAAE,aAAU,cAAW,aAAU,aAAU,OAAO,mBAEpE,kBAAC,EAAc,MAAf;CACE,WAAU;CACV,OAAO;CACP,eAAe;CACf,aAAU;CACV,wBAAsB;CACtB,qBAAmB;CACnB,wBAAsB;CAEtB,UAAA,kBAAC,GAAD;EAAiB,OAAO;GAAE;GAAW;EAAQ;EAAI;CAA0B,CAAA;AACzD,CAAA;AAIxB,EAAa,cAAc"}

package/dist/src/useTabGroup.js

@@ -0,0 +1,8 @@
+import e from "./TabGroupContext.js";
+import { useContext as t } from "react";
+//#region src/useTabGroup.ts
+var n = () => t(e);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=useTabGroup.js.map

package/dist/src/useTabGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabGroup.js","names":[],"sources":["../../src/useTabGroup.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport TabGroupContext from \"./TabGroupContext\";\n\nconst useTabGroup = () => {\n  return useContext(TabGroupContext);\n};\n\nexport default useTabGroup;\n"],"mappings":";;;AAIA,IAAM,UACG,EAAW,CAAe"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@bonprix-ds/react-tab-group",
+  "version": "1.0.0",
+  "description": "TabGroup component, implemented in React, for the Bonprix Design System.",
+  "type": "module",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "module": "./dist/index.js",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bonprix/design-system.git",
+    "directory": "packages/react/tab-group"
+  },
+  "dependencies": {
+    "@radix-ui/react-tabs": "1.1.21",
+    "@bonprix-ds/internal-components": "0.1.5"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwind-variants": "0.3.1"
+  },
+  "devDependencies": {
+    "vite": "8.2.2",
+    "@types/react": "19.2.18",
+    "@vitejs/plugin-react": "6.1.1",
+    "rollup-preserve-directives": "1.1.3",
+    "unplugin-dts": "1.0.3",
+    "@microsoft/api-extractor": "7.59.0"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}