@vinyasa/navigation 1.0.26

package/dist/cjs/stepper.cjs

@@ -0,0 +1,270 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Stepper: ()=>Stepper
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const icons_namespaceObject = require("@vinyasa/icons");
+const tokens_namespaceObject = require("@vinyasa/tokens");
+const external_react_namespaceObject = require("react");
+var connector = '_1szfqcu3';
+var content = '_1szfqcu7';
+var description = '_1szfqcu9';
+var indicator = '_1szfqcu4';
+var indicatorArea = '_1szfqcu2';
+var indicatorButton = '_1szfqcu6 _1szfqcu4';
+var indicatorIcon = '_1szfqcu5';
+var label = '_1szfqcu8';
+var root = '_1szfqcu0';
+var step = '_1szfqcu1';
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Stepper_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Stepper_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const StepperContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({
+    orientation: 'horizontal'
+});
+const StepperRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { orientation = 'horizontal', className } = _ref1, rest = _object_without_properties(_ref1, [
+        "orientation",
+        "className"
+    ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperContext.Provider, {
+        value: {
+            orientation
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", _object_spread({
+            ref: themedRef,
+            "data-orientation": orientation,
+            className: className ? `${root} ${className}` : root
+        }, rest))
+    });
+});
+StepperRoot.displayName = 'StepperRoot';
+const StepperStep = (_0)=>{
+    let { state = 'upcoming', className } = _0, rest = _object_without_properties(_0, [
+        "state",
+        "className"
+    ]);
+    const { orientation } = (0, external_react_namespaceObject.useContext)(StepperContext);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", _object_spread({
+        "data-state": state,
+        "data-orientation": orientation,
+        className: className ? `${step} ${className}` : step
+    }, rest));
+};
+StepperStep.displayName = 'StepperStep';
+const StepperIndicator = (_0)=>{
+    let { children, onClick, className } = _0, rest = _object_without_properties(_0, [
+        "children",
+        "onClick",
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: indicatorArea,
+        children: [
+            onClick ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", _object_spread_props(_object_spread({
+                type: "button",
+                onClick: onClick,
+                className: className ? `${indicatorButton} ${className}` : indicatorButton
+            }, rest), {
+                children: children
+            })) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: className ? `${indicator} ${className}` : indicator,
+                children: children
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: connector,
+                "aria-hidden": "true"
+            })
+        ]
+    });
+};
+StepperIndicator.displayName = 'StepperIndicator';
+const StepperContent = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", _object_spread({
+        className: className ? `${content} ${className}` : content
+    }, rest));
+};
+StepperContent.displayName = 'StepperContent';
+const StepperLabel = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", _object_spread({
+        className: className ? `${label} ${className}` : label
+    }, rest));
+};
+StepperLabel.displayName = 'StepperLabel';
+const StepperDescription = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", _object_spread({
+        className: className ? `${description} ${className}` : description
+    }, rest));
+};
+StepperDescription.displayName = "StepperDescription";
+const StepperImpl = (_0)=>{
+    let { steps, activeStep, onStepClick } = _0, rest = _object_without_properties(_0, [
+        "steps",
+        "activeStep",
+        "onStepClick"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperRoot, _object_spread_props(_object_spread({}, rest), {
+        children: steps.map((stepSpec, index)=>{
+            var _stepSpec_key;
+            const state = stepSpec.error ? 'error' : index < activeStep ? 'completed' : index === activeStep ? 'current' : 'upcoming';
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(StepperStep, {
+                state: state,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperIndicator, {
+                        onClick: onStepClick ? ()=>{
+                            onStepClick(index);
+                        } : void 0,
+                        "aria-label": 'string' == typeof stepSpec.label ? `Step ${String(index + 1)}: ${stepSpec.label}` : void 0,
+                        children: 'completed' === state ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CheckIcon, {
+                            className: indicatorIcon
+                        }) : 'error' === state ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.AlertTriangleIcon, {
+                            className: indicatorIcon
+                        }) : index + 1
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(StepperContent, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperLabel, {
+                                children: stepSpec.label
+                            }),
+                            stepSpec.description ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StepperDescription, {
+                                children: stepSpec.description
+                            }) : null
+                        ]
+                    })
+                ]
+            }, null != (_stepSpec_key = stepSpec.key) ? _stepSpec_key : index);
+        })
+    }));
+};
+StepperImpl.displayName = 'Stepper';
+const Stepper = Object.assign(StepperImpl, {
+    Root: StepperRoot,
+    Step: StepperStep,
+    Indicator: StepperIndicator,
+    Content: StepperContent,
+    Label: StepperLabel,
+    Description: StepperDescription
+});
+exports.Stepper = __webpack_exports__.Stepper;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Stepper"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/stepper.css

@@ -0,0 +1,153 @@
+._1szfqcu0 {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+}
+
+._1szfqcu0[data-orientation="vertical"] {
+  flex-direction: column;
+}
+
+._1szfqcu1 {
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  display: flex;
+}
+
+._1szfqcu1[data-orientation="vertical"] {
+  flex-direction: row;
+  flex: initial;
+  align-items: stretch;
+  min-width: auto;
+}
+
+._1szfqcu2 {
+  align-items: center;
+  display: flex;
+}
+
+[data-orientation="vertical"] ._1szfqcu2 {
+  flex-direction: column;
+  align-items: center;
+}
+
+._1szfqcu3 {
+  background-color: var(--vinyasa-border-color-default);
+  flex: 1;
+}
+
+[data-orientation="horizontal"] ._1szfqcu3 {
+  height: 2px;
+  margin-inline: var(--vinyasa-space2);
+}
+
+[data-orientation="vertical"] ._1szfqcu3 {
+  width: 2px;
+  margin-block: var(--vinyasa-space1);
+}
+
+li:last-child ._1szfqcu3 {
+  visibility: hidden;
+}
+
+[data-state="completed"] ._1szfqcu3 {
+  background-color: var(--vinyasa-status-success-text);
+}
+
+._1szfqcu4 {
+  border-radius: var(--vinyasa-radius-full);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  background-color: var(--vinyasa-surface);
+  width: 2rem;
+  height: 2rem;
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), border-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+[data-state="current"] ._1szfqcu4 {
+  border-color: var(--vinyasa-primary);
+  color: var(--vinyasa-primary);
+}
+
+[data-state="completed"] ._1szfqcu4 {
+  border-color: var(--vinyasa-status-success-text);
+  background-color: var(--vinyasa-status-success-text);
+  color: var(--vinyasa-status-success-bg);
+}
+
+[data-state="error"] ._1szfqcu4 {
+  border-color: var(--vinyasa-status-error-text);
+  background-color: var(--vinyasa-status-error-text);
+  color: var(--vinyasa-status-error-bg);
+}
+
+._1szfqcu5 {
+  font-size: 1.125rem;
+  display: inline-flex;
+}
+
+._1szfqcu6 {
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  cursor: pointer;
+}
+
+._1szfqcu6:hover {
+  border-color: var(--vinyasa-primary);
+}
+
+._1szfqcu6:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+._1szfqcu7 {
+  min-width: 0;
+  padding-top: var(--vinyasa-space2);
+}
+
+[data-orientation="vertical"] ._1szfqcu7 {
+  min-width: auto;
+  padding-top: 0;
+  padding-left: var(--vinyasa-space3);
+  padding-bottom: var(--vinyasa-space5);
+}
+
+li[data-orientation="vertical"]:last-child ._1szfqcu7 {
+  padding-bottom: 0;
+}
+
+._1szfqcu8 {
+  overflow-wrap: break-word;
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  color: var(--vinyasa-text-muted);
+  display: block;
+}
+
+[data-state="current"] ._1szfqcu8, [data-state="completed"] ._1szfqcu8 {
+  color: var(--vinyasa-text-default);
+}
+
+[data-state="error"] ._1szfqcu8 {
+  color: var(--vinyasa-status-error-text);
+}
+
+._1szfqcu9 {
+  overflow-wrap: break-word;
+  margin-top: var(--vinyasa-space1);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-text-muted);
+  display: block;
+}
+

package/dist/cjs/tabs.cjs

@@ -0,0 +1,260 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Tabs: ()=>Tabs
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_tabs_namespaceObject = require("@radix-ui/react-tabs");
+const tokens_namespaceObject = require("@vinyasa/tokens");
+const external_react_namespaceObject = require("react");
+var content = '_1n0eqzz5';
+var contentGroup = '_1n0eqzz6';
+var indicator = '_1n0eqzz2';
+var list = '_1n0eqzz1';
+var root = '_1n0eqzz0';
+var trigger = '_1n0eqzz3';
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Tabs_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Tabs_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const TabsRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className } = _ref1, rest = _object_without_properties(_ref1, [
+        "className"
+    ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Root, _object_spread({
+        ref: themedRef,
+        className: className ? `${root} ${className}` : root
+    }, rest));
+});
+TabsRoot.displayName = 'TabsRoot';
+const TabsList = (_0)=>{
+    let { className, children } = _0, rest = _object_without_properties(_0, [
+        "className",
+        "children"
+    ]);
+    const listRef = (0, external_react_namespaceObject.useRef)(null);
+    const indicatorRef = (0, external_react_namespaceObject.useRef)(null);
+    const updateIndicator = (0, external_react_namespaceObject.useCallback)(()=>{
+        const listEl = listRef.current;
+        const indicatorEl = indicatorRef.current;
+        if (!listEl || !indicatorEl) return;
+        const activeTab = listEl.querySelector('[role="tab"][data-state="active"]');
+        if (!activeTab) {
+            indicatorEl.style.opacity = '0';
+            return;
+        }
+        indicatorEl.style.opacity = '1';
+        if ('vertical' === listEl.getAttribute('data-orientation')) {
+            indicatorEl.style.transform = `translateY(${String(activeTab.offsetTop)}px)`;
+            indicatorEl.style.height = `${String(activeTab.offsetHeight)}px`;
+        } else {
+            indicatorEl.style.transform = `translateX(${String(activeTab.offsetLeft)}px)`;
+            indicatorEl.style.width = `${String(activeTab.offsetWidth)}px`;
+        }
+    }, []);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        updateIndicator();
+        const listEl = listRef.current;
+        if (!listEl) return;
+        const mutationObserver = new MutationObserver(updateIndicator);
+        mutationObserver.observe(listEl, {
+            attributes: true,
+            attributeFilter: [
+                'data-state'
+            ],
+            subtree: true
+        });
+        const resizeObserver = new ResizeObserver(updateIndicator);
+        resizeObserver.observe(listEl);
+        return ()=>{
+            mutationObserver.disconnect();
+            resizeObserver.disconnect();
+        };
+    }, [
+        updateIndicator
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_tabs_namespaceObject.List, _object_spread_props(_object_spread({
+        ref: listRef,
+        className: className ? `${list} ${className}` : list
+    }, rest), {
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                ref: indicatorRef,
+                className: indicator,
+                "aria-hidden": true
+            })
+        ]
+    }));
+};
+TabsList.displayName = 'TabsList';
+const TabsTrigger = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className } = _ref1, rest = _object_without_properties(_ref1, [
+        "className"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger, _object_spread({
+        ref: ref,
+        className: className ? `${trigger} ${className}` : trigger
+    }, rest));
+});
+TabsTrigger.displayName = 'TabsTrigger';
+const TabsContent = (_0)=>{
+    let { className } = _0, rest = _object_without_properties(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Content, _object_spread({
+        forceMount: true,
+        className: className ? `${content} ${className}` : content
+    }, rest));
+};
+TabsContent.displayName = 'TabsContent';
+const TabsContentGroup = ({ children, className })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: className ? `${contentGroup} ${className}` : contentGroup,
+        children: children
+    });
+TabsContentGroup.displayName = 'TabsContentGroup';
+const TabsImpl = (_0)=>{
+    let { tabs } = _0, rest = _object_without_properties(_0, [
+        "tabs"
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(TabsRoot, _object_spread_props(_object_spread({}, rest), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabsList, {
+                children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabsTrigger, {
+                        value: tab.value,
+                        disabled: tab.disabled,
+                        children: tab.label
+                    }, tab.value))
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabsContentGroup, {
+                children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabsContent, {
+                        value: tab.value,
+                        children: tab.content
+                    }, tab.value))
+            })
+        ]
+    }));
+};
+TabsImpl.displayName = 'Tabs';
+const Tabs = Object.assign(TabsImpl, {
+    Root: TabsRoot,
+    List: TabsList,
+    Trigger: TabsTrigger,
+    Content: TabsContent,
+    ContentGroup: TabsContentGroup
+});
+exports.Tabs = __webpack_exports__.Tabs;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Tabs"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});