@alma-oss/spirit-web-react 4.0.0

package/components/Stack/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@alma-oss/spirit-web-react/components/Stack",
+  "type": "module",
+  "main": "Stack.cjs",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Stack/useStackStyleProps.d.ts

@@ -0,0 +1,14 @@
+import { type ElementType } from 'react';
+import { type SpacingCSSProperties, type SpiritStackProps } from '../../types';
+interface StackCSSProperties extends SpacingCSSProperties {
+}
+export interface StackStyles {
+    classProps: {
+        root: string;
+        item: string;
+    };
+    props: SpiritStackProps;
+    styleProps: StackCSSProperties;
+}
+export declare function useStackStyleProps<T extends ElementType = 'div'>(props: SpiritStackProps<T>): StackStyles;
+export {};

package/components/Stack/useStackStyleProps.js

@@ -0,0 +1,38 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import { useClassNamePrefix, useSpacingStyle } from "../../hooks/index.js";
+export function useStackStyleProps(props) {
+    const { hasEndDivider, hasIntermediateDividers, hasSpacing, hasStartDivider, spacing } = props, restProps = __rest(props, ["hasEndDivider", "hasIntermediateDividers", "hasSpacing", "hasStartDivider", "spacing"]);
+    const StackClass = useClassNamePrefix('Stack');
+    const StackBottomDividerClass = `${StackClass}--hasEndDivider`;
+    const StackMiddleDividersClass = `${StackClass}--hasIntermediateDividers`;
+    const StackSpacingClass = `${StackClass}--hasSpacing`;
+    const StackTopDividerClass = `${StackClass}--hasStartDivider`;
+    const rootProps = classNames(StackClass, {
+        [StackBottomDividerClass]: hasEndDivider,
+        [StackMiddleDividersClass]: hasIntermediateDividers,
+        [StackSpacingClass]: hasSpacing || spacing,
+        [StackTopDividerClass]: hasStartDivider,
+    });
+    const itemProps = classNames(`${StackClass}Item`);
+    const stackStyle = useSpacingStyle(spacing, 'stack');
+    return {
+        classProps: {
+            root: rootProps,
+            item: itemProps,
+        },
+        props: restProps,
+        styleProps: stackStyle,
+    };
+}
+//# sourceMappingURL=useStackStyleProps.js.map

package/components/Stack/useStackStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackStyleProps.js","sourceRoot":"","sources":["../../../src/components/Stack/useStackStyleProps.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAiBlE,MAAM,UAAU,kBAAkB,CAAgC,KAA0B;IAC1F,MAAM,EAAE,aAAa,EAAE,uBAAuB,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAtG,wFAA8F,CAAQ,CAAC;IAE7G,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,uBAAuB,GAAG,GAAG,UAAU,iBAAiB,CAAC;IAC/D,MAAM,wBAAwB,GAAG,GAAG,UAAU,2BAA2B,CAAC;IAC1E,MAAM,iBAAiB,GAAG,GAAG,UAAU,cAAc,CAAC;IACtD,MAAM,oBAAoB,GAAG,GAAG,UAAU,mBAAmB,CAAC;IAC9D,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,EAAE;QACvC,CAAC,uBAAuB,CAAC,EAAE,aAAa;QACxC,CAAC,wBAAwB,CAAC,EAAE,uBAAuB;QACnD,CAAC,iBAAiB,CAAC,EAAE,UAAU,IAAI,OAAO;QAC1C,CAAC,oBAAoB,CAAC,EAAE,eAAe;KACxC,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,UAAU,MAAM,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAErD,OAAO;QACL,UAAU,EAAE;YACV,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,SAAS;SAChB;QACD,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,UAAU;KACvB,CAAC;AACJ,CAAC"}

package/components/Tabs/TabContent.d.ts

@@ -0,0 +1,6 @@
+import { type TabContentProps } from '../../types';
+declare const TabContent: {
+    ({ children, ...restProps }: TabContentProps): JSX.Element;
+    spiritComponent: string;
+};
+export default TabContent;

package/components/Tabs/TabContent.js

@@ -0,0 +1,22 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { useStyleProps } from "../../hooks/index.js";
+const TabContent = (_a) => {
+    var { children } = _a, restProps = __rest(_a, ["children"]);
+    const { styleProps, props: transferProps } = useStyleProps(restProps);
+    return (React.createElement("div", Object.assign({}, transferProps, styleProps), children));
+};
+TabContent.spiritComponent = 'TabContent';
+export default TabContent;
+//# sourceMappingURL=TabContent.js.map

package/components/Tabs/TabContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,UAAU,GAAG,CAAC,EAA2C,EAAe,EAAE;QAA5D,EAAE,QAAQ,OAAiC,EAA5B,SAAS,cAAxB,YAA0B,CAAF;IAC1C,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAEtE,OAAO,CACL,6CAAS,aAAa,EAAM,UAAU,GACnC,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,eAAe,GAAG,YAAY,CAAC;AAE1C,eAAe,UAAU,CAAC"}

package/components/Tabs/TabContext.d.ts

@@ -0,0 +1,8 @@
+import { type TabsContextType, type TabsToggler } from '../../types';
+declare const TabsContext: React.Context<TabsContextType>;
+declare const TabsProvider: React.Provider<TabsContextType>;
+declare const TabsConsumer: React.Consumer<TabsContextType>;
+declare const useTabContext: () => TabsContextType;
+export default TabsContext;
+export { TabsConsumer, TabsProvider, useTabContext };
+export type { TabsContextType, TabsToggler };

package/components/Tabs/TabContext.js

@@ -0,0 +1,14 @@
+'use client';
+import { createContext, useContext } from 'react';
+const defaultContext = {
+    selectedId: '',
+    selectTab: (id) => { },
+    onSelectionChange: (previousId, currentId) => { },
+};
+const TabsContext = createContext(defaultContext);
+const TabsProvider = TabsContext.Provider;
+const TabsConsumer = TabsContext.Consumer;
+const useTabContext = () => useContext(TabsContext);
+export default TabsContext;
+export { TabsConsumer, TabsProvider, useTabContext };
+//# sourceMappingURL=TabContext.js.map

package/components/Tabs/TabContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContext.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,cAAc,GAAoB;IACtC,UAAU,EAAE,EAAE;IAEd,SAAS,EAAE,CAAC,EAAS,EAAE,EAAE,GAAE,CAAC;IAE5B,iBAAiB,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,GAAE,CAAC;CACjD,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAAkB,cAAc,CAAC,CAAC;AACnE,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC;AAC1C,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC;AAC1C,MAAM,aAAa,GAAG,GAAoB,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;AAErE,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/components/Tabs/TabItem.d.ts

@@ -0,0 +1,6 @@
+import { type TabItemProps } from '../../types';
+declare const TabItem: {
+    ({ children, forTabPane, onClick, ...restProps }: TabItemProps): JSX.Element;
+    spiritComponent: string;
+};
+export default TabItem;

package/components/Tabs/TabItem.js

@@ -0,0 +1,37 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React from 'react';
+import { useStyleProps } from "../../hooks/index.js";
+import { useTabContext } from "./TabContext.js";
+import { useTabsStyleProps } from "./useTabsStyleProps.js";
+const TabItem = (_a) => {
+    var { children, forTabPane, onClick } = _a, restProps = __rest(_a, ["children", "forTabPane", "onClick"]);
+    const { selectTab, selectedId, onSelectionChange } = useTabContext();
+    const { classProps } = useTabsStyleProps({ forTabPane, selectedId });
+    const { styleProps, props: transferProps } = useStyleProps(restProps);
+    const handleClick = (event) => {
+        selectTab(forTabPane);
+        if (onClick) {
+            onClick(event);
+        }
+        if (onSelectionChange) {
+            onSelectionChange(selectedId, forTabPane);
+        }
+    };
+    return (React.createElement("li", { className: classProps.item, role: "presentation" },
+        React.createElement("button", Object.assign({}, transferProps, styleProps, { type: "button", className: classNames(classProps.link, styleProps.className), role: "tab", "aria-selected": selectedId === forTabPane, id: `${forTabPane}-tab`, "aria-controls": forTabPane.toString(), onClick: handleClick }), children)));
+};
+TabItem.spiritComponent = 'TabItem';
+export default TabItem;
+//# sourceMappingURL=TabItem.js.map

package/components/Tabs/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,OAAO,GAAG,CAAC,EAA6D,EAAe,EAAE;QAA9E,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,OAA8B,EAAzB,SAAS,cAA7C,qCAA+C,CAAF;IAC5D,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,aAAa,EAAE,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAEtE,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;QACxC,SAAS,CAAC,UAAU,CAAC,CAAC;QAEtB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;QAED,IAAI,iBAAiB,EAAE,CAAC;YACtB,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,4BAAI,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc;QACjD,gDACM,aAAa,EACb,UAAU,IACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,EAC5D,IAAI,EAAC,KAAK,mBACK,UAAU,KAAK,UAAU,EACxC,EAAE,EAAE,GAAG,UAAU,MAAM,mBACR,UAAU,CAAC,QAAQ,EAAE,EACpC,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACF,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC;AAEpC,eAAe,OAAO,CAAC"}

package/components/Tabs/TabLink.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type SpiritTabLinkProps } from '../../types';
+declare const TabLink: React.ForwardRefExoticComponent<Omit<SpiritTabLinkProps<React.ElementType>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default TabLink;

package/components/Tabs/TabLink.js

@@ -0,0 +1,33 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { useStyleProps } from "../../hooks/index.js";
+import { mergeStyleProps } from "../../utils/index.js";
+import { useTabsStyleProps } from "./useTabsStyleProps.js";
+const defaultProps = {
+    itemProps: {},
+};
+const _TabLink = (props, ref) => {
+    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
+    const { elementType: ElementTag = 'a', children, itemProps = {} } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType", "children", "itemProps"]);
+    const { classProps } = useTabsStyleProps();
+    const { styleProps: itemStyleProps, props: itemTransferProps } = useStyleProps(itemProps);
+    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.link });
+    return (React.createElement("li", Object.assign({}, itemStyleProps, itemTransferProps, { className: classNames(classProps.item, itemStyleProps.className), role: "presentation" }),
+        React.createElement(ElementTag, Object.assign({}, restProps, mergedStyleProps, { ref: ref }), children)));
+};
+const TabLink = forwardRef(_TabLink);
+TabLink.spiritComponent = 'TabLink';
+export default TabLink;
+//# sourceMappingURL=TabLink.js.map

package/components/Tabs/TabLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLink.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAoB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,YAAY,GAAuB;IACvC,SAAS,EAAE,EAAE;CACd,CAAC;AAIF,MAAM,QAAQ,GAAG,CAA8B,KAA4B,EAAE,GAAsB,EAAe,EAAE;IAClH,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,KAAmB,iBAAiB,EAA/B,SAAS,UAAK,iBAAiB,EAA7F,wCAAyE,CAAoB,CAAC;IACpG,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC1F,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;IAEtF,OAAO,CACL,4CACM,cAAc,EACd,iBAAiB,IACrB,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE,cAAc,CAAC,SAAS,CAAC,EAChE,IAAI,EAAC,cAAc;QAEnB,oBAAC,UAAU,oBAAK,SAAS,EAAM,gBAAgB,IAAE,GAAG,EAAE,GAAG,KACtD,QAAQ,CACE,CACV,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,UAAU,CAAqD,QAAQ,CAAC,CAAC;AAEzF,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC;AAEpC,eAAe,OAAO,CAAC"}

package/components/Tabs/TabList.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from 'react';
+import { type TabListProps } from '../../types';
+declare const TabList: {
+    ({ children, ...restProps }: TabListProps): ReactElement;
+    spiritComponent: string;
+};
+export default TabList;

package/components/Tabs/TabList.js

@@ -0,0 +1,28 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React from 'react';
+import { useStyleProps } from "../../hooks/index.js";
+import { useTabsStyleProps } from "./useTabsStyleProps.js";
+const TabList = (_a) => {
+    var { children } = _a, restProps = __rest(_a, ["children"]);
+    const { classProps, styleProps: tabsStyle } = useTabsStyleProps();
+    const { styleProps, props: transferProps } = useStyleProps(restProps);
+    const tabsStyleProps = {
+        style: Object.assign(Object.assign({}, styleProps.style), tabsStyle),
+    };
+    return (React.createElement("ul", Object.assign({}, transferProps, styleProps, tabsStyleProps, { className: classNames(classProps.root, styleProps.className), role: "tablist" }), children));
+};
+TabList.spiritComponent = 'TabList';
+export default TabList;
+//# sourceMappingURL=TabList.js.map

package/components/Tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,OAAO,GAAG,CAAC,EAAwC,EAAgB,EAAE;QAA1D,EAAE,QAAQ,OAA8B,EAAzB,SAAS,cAAxB,YAA0B,CAAF;IACvC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAClE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAEtE,MAAM,cAAc,GAAG;QACrB,KAAK,kCACA,UAAU,CAAC,KAAK,GAChB,SAAS,CACb;KACF,CAAC;IAEF,OAAO,CACL,4CACM,aAAa,EACb,UAAU,EACV,cAAc,IAClB,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,EAC5D,IAAI,EAAC,SAAS,KAEb,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC;AAEpC,eAAe,OAAO,CAAC"}

package/components/Tabs/TabPane.d.ts

@@ -0,0 +1,6 @@
+import { type TabPaneProps } from '../../types';
+declare const TabPane: {
+    ({ children, id, ...restProps }: TabPaneProps): JSX.Element | null;
+    spiritComponent: string;
+};
+export default TabPane;

package/components/Tabs/TabPane.js

@@ -0,0 +1,27 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import React from 'react';
+import { useStyleProps } from "../../hooks/index.js";
+import { useTabContext } from "./TabContext.js";
+import { useTabsStyleProps } from "./useTabsStyleProps.js";
+const TabPane = (_a) => {
+    var { children, id } = _a, restProps = __rest(_a, ["children", "id"]);
+    const { selectedId } = useTabContext();
+    const { classProps } = useTabsStyleProps({ id, selectedId });
+    const { styleProps, props: transferProps } = useStyleProps(restProps);
+    return selectedId === id ? (React.createElement("div", Object.assign({}, transferProps, styleProps, { id: id.toString(), className: classNames(classProps.pane, styleProps.className), role: "tabpanel", "aria-labelledby": `${id}-tab` }), children)) : null;
+};
+TabPane.spiritComponent = 'TabPane';
+export default TabPane;
+//# sourceMappingURL=TabPane.js.map

package/components/Tabs/TabPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabPane.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,OAAO,GAAG,CAAC,EAA4C,EAAsB,EAAE;QAApE,EAAE,QAAQ,EAAE,EAAE,OAA8B,EAAzB,SAAS,cAA5B,kBAA8B,CAAF;IAC3C,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IACvC,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;IAC7D,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAEtE,OAAO,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,CACzB,6CACM,aAAa,EACb,UAAU,IACd,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,EACjB,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,EAC5D,IAAI,EAAC,UAAU,qBACE,GAAG,EAAE,MAAM,KAE3B,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC;AAEpC,eAAe,OAAO,CAAC"}