@alma-oss/spirit-web-react 4.2.1 → 4.4.2

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,3 @@
+import { PolymorphicComponent, StackProps } from '../../types';
+declare const Stack: PolymorphicComponent<"div", StackProps>;
+export default Stack;

package/dist/components/Stack/Stack.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { PropsProvider as h } from "../../context/PropsContext.js";
+import { useStyleProps as T } from "../../hooks/styleProps.js";
+import { mergeStyleProps as v } from "../../utils/mergeStyleProps.js";
+import { useStackStyleProps as k } from "./useStackStyleProps.js";
+const E = ["ul", "ol"], r = {
+  elementType: "div",
+  hasSpacing: !1,
+  hasEndDivider: !1,
+  hasIntermediateDividers: !1,
+  hasStartDivider: !1
+}, D = (i, l) => {
+  const n = { ...r, ...i }, { elementType: e = r.elementType, children: a, ...c } = n, s = e, { classProps: m, props: d, styleProps: f } = k(c), { styleProps: P, props: t } = T(d), S = v(s, {
+    classProps: m.root,
+    stackStyle: f,
+    styleProps: P,
+    otherProps: t
+  }), y = E.includes(e) ? "li" : void 0;
+  return /* @__PURE__ */ o(h, { value: { elementType: y }, children: /* @__PURE__ */ o(s, { ...t, ...S, ref: l, children: a }) });
+}, p = u(D);
+p.spiritComponent = "Stack";
+p.displayName = "Stack";
+export {
+  p as default
+};
+//# sourceMappingURL=Stack.js.map

package/dist/components/Stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { PropsProvider } from '../../context';\nimport { useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritStackProps, type StackProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useStackStyleProps } from './useStackStyleProps';\n\nconst LIST_ELEMENT_TYPES = ['ul', 'ol'];\n\nconst defaultProps = {\n  elementType: 'div',\n  hasSpacing: false,\n  hasEndDivider: false,\n  hasIntermediateDividers: false,\n  hasStartDivider: false,\n};\n\nconst _Stack = <E extends ElementType = 'div'>(props: SpiritStackProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: stackStyle } = useStackStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.root,\n    stackStyle,\n    styleProps,\n    otherProps,\n  });\n  const itemElementType = LIST_ELEMENT_TYPES.includes(elementType as string) ? ('li' as const) : undefined;\n\n  return (\n    <PropsProvider value={{ elementType: itemElementType }}>\n      <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n        {children}\n      </Component>\n    </PropsProvider>\n  );\n};\n\nconst Stack = forwardRef<HTMLDivElement, SpiritStackProps<'div'>>(_Stack) as unknown as PolymorphicComponent<\n  'div',\n  StackProps\n>;\n\nStack.spiritComponent = 'Stack';\nStack.displayName = 'Stack';\n\nexport default Stack;\n"],"names":["LIST_ELEMENT_TYPES","defaultProps","_Stack","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","stackStyle","useStackStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","itemElementType","jsx","PropsProvider","Stack","forwardRef"],"mappings":";;;;;;;AASA,MAAMA,IAAqB,CAAC,MAAM,IAAI,GAEhCC,IAAe;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AACnB,GAEMC,IAAS,CAAgCC,GAA4BC,MAAwC;AACjH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAcL,EAAa,aAAa,UAAAM,GAAU,GAAGC,MAAcH,GAErEI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,GAAe,YAAYC,EAAA,IAAeC,EAAmBL,CAAS,GAC3F,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAa,GAC/DM,IAAmBC,EAAgBT,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAE;AAAA,IACA,YAAAE;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GACKI,IAAkBnB,EAAmB,SAASM,CAAqB,IAAK,OAAiB;AAE/F,SACE,gBAAAc,EAACC,GAAA,EAAc,OAAO,EAAE,aAAaF,EAAA,GACnC,UAAA,gBAAAC,EAACX,GAAA,EAAW,GAAGM,GAAa,GAAGE,GAAkB,KAAAb,GAC9C,UAAAG,GACH,GACF;AAEJ,GAEMe,IAAQC,EAAoDrB,CAAM;AAKxEoB,EAAM,kBAAkB;AACxBA,EAAM,cAAc;"}

package/dist/components/Stack/StackItem.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),S=require("react"),n=require("../../context/PropsContext.cjs"),T=require("../../hooks/styleProps.cjs"),x=require("../../utils/mergeStyleProps.cjs"),f=require("./useStackStyleProps.cjs"),k={elementType:"div"},q=(t,p)=>{const{elementType:c}=t,l=n.useContextProps(t),{children:i,elementType:m,...u}=l,s=c??m??k.elementType,{classProps:P,props:y}=f.useStackStyleProps(u),{styleProps:a,props:o}=T.useStyleProps(y),d=x.mergeStyleProps(s,{classProps:P.item,styleProps:a,otherProps:o});return r.jsx(s,{...o,...d,ref:p,children:r.jsx(n.PropsProvider,{value:{elementType:void 0},children:i})})},e=S.forwardRef(q);e.spiritComponent="StackItem";e.displayName="StackItem";exports.default=e;
+//# sourceMappingURL=StackItem.cjs.map

package/dist/components/Stack/StackItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItem.cjs","sources":["../../../src/components/Stack/StackItem.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { PropsProvider, useContextProps } from '../../context';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritStackItemProps,\n  type StackItemProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useStackStyleProps } from './useStackStyleProps';\n\nconst defaultProps = {\n  elementType: 'div',\n};\n\nconst _StackItem = <E extends ElementType = 'div'>(\n  props: SpiritStackItemProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType: propsElementType } = props;\n  const contextProps = useContextProps(props);\n  const { children, elementType: contextElementType, ...restProps } = contextProps;\n  const elementType = propsElementType ?? contextElementType ?? defaultProps.elementType;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useStackStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.item,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      <PropsProvider value={{ elementType: undefined }}>{children}</PropsProvider>\n    </Component>\n  );\n};\n\nconst StackItem = forwardRef<HTMLDivElement, SpiritStackItemProps<'div'>>(\n  _StackItem,\n) as unknown as PolymorphicComponent<'div', StackItemProps>;\n\nStackItem.spiritComponent = 'StackItem';\nStackItem.displayName = 'StackItem';\n\nexport default StackItem;\n"],"names":["defaultProps","_StackItem","props","ref","propsElementType","contextProps","useContextProps","children","contextElementType","restProps","Component","classProps","modifiedProps","useStackStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","PropsProvider","StackItem","forwardRef"],"mappings":"wVAcMA,EAAe,CACnB,YAAa,KACf,EAEMC,EAAa,CACjBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAaC,CAAA,EAAqBF,EACpCG,EAAeC,EAAAA,gBAAgBJ,CAAK,EACpC,CAAE,SAAAK,EAAU,YAAaC,EAAoB,GAAGC,GAAcJ,EAG9DK,EAFcN,GAAoBI,GAAsBR,EAAa,YAIrE,CAAE,WAAAW,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,mBAAmBJ,CAAS,EACnE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAClD,WAAYC,EAAW,KAAA,WACvBG,EACA,WAAAC,CAAA,CACD,EAED,OACEI,EAAAA,IAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,IAAAd,EAC/C,SAAAgB,EAAAA,IAACC,EAAAA,cAAA,CAAc,MAAO,CAAE,YAAa,QAAc,SAAAb,EAAS,EAC9D,CAEJ,EAEMc,EAAYC,EAAAA,WAChBrB,CACF,EAEAoB,EAAU,gBAAkB,YAC5BA,EAAU,YAAc"}

package/dist/components/Stack/StackItem.d.ts

@@ -0,0 +1,3 @@
+import { PolymorphicComponent, StackItemProps } from '../../types';
+declare const StackItem: PolymorphicComponent<"div", StackItemProps>;
+export default StackItem;

package/dist/components/Stack/StackItem.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { useContextProps as u, PropsProvider as S } from "../../context/PropsContext.js";
+import { useStyleProps as T } from "../../hooks/styleProps.js";
+import { mergeStyleProps as k } from "../../utils/mergeStyleProps.js";
+import { useStackStyleProps as x } from "./useStackStyleProps.js";
+const v = {
+  elementType: "div"
+}, I = (e, p) => {
+  const { elementType: m } = e, n = u(e), { children: c, elementType: l, ...i } = n, t = m ?? l ?? v.elementType, { classProps: y, props: P } = x(i), { styleProps: a, props: o } = T(P), d = k(t, {
+    classProps: y.item,
+    styleProps: a,
+    otherProps: o
+  });
+  return /* @__PURE__ */ r(t, { ...o, ...d, ref: p, children: /* @__PURE__ */ r(S, { value: { elementType: void 0 }, children: c }) });
+}, s = f(
+  I
+);
+s.spiritComponent = "StackItem";
+s.displayName = "StackItem";
+export {
+  s as default
+};
+//# sourceMappingURL=StackItem.js.map

package/dist/components/Stack/StackItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItem.js","sources":["../../../src/components/Stack/StackItem.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { PropsProvider, useContextProps } from '../../context';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritStackItemProps,\n  type StackItemProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useStackStyleProps } from './useStackStyleProps';\n\nconst defaultProps = {\n  elementType: 'div',\n};\n\nconst _StackItem = <E extends ElementType = 'div'>(\n  props: SpiritStackItemProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType: propsElementType } = props;\n  const contextProps = useContextProps(props);\n  const { children, elementType: contextElementType, ...restProps } = contextProps;\n  const elementType = propsElementType ?? contextElementType ?? defaultProps.elementType;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useStackStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.item,\n    styleProps,\n    otherProps,\n  });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      <PropsProvider value={{ elementType: undefined }}>{children}</PropsProvider>\n    </Component>\n  );\n};\n\nconst StackItem = forwardRef<HTMLDivElement, SpiritStackItemProps<'div'>>(\n  _StackItem,\n) as unknown as PolymorphicComponent<'div', StackItemProps>;\n\nStackItem.spiritComponent = 'StackItem';\nStackItem.displayName = 'StackItem';\n\nexport default StackItem;\n"],"names":["defaultProps","_StackItem","props","ref","propsElementType","contextProps","useContextProps","children","contextElementType","restProps","Component","classProps","modifiedProps","useStackStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","PropsProvider","StackItem","forwardRef"],"mappings":";;;;;;;AAcA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAa,CACjBC,GACAC,MACgB;AAChB,QAAM,EAAE,aAAaC,EAAA,IAAqBF,GACpCG,IAAeC,EAAgBJ,CAAK,GACpC,EAAE,UAAAK,GAAU,aAAaC,GAAoB,GAAGC,MAAcJ,GAG9DK,IAFcN,KAAoBI,KAAsBR,EAAa,aAIrE,EAAE,YAAAW,GAAY,OAAOC,EAAA,IAAkBC,EAAmBJ,CAAS,GACnE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAG;AAAA,IACA,YAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAI,EAACT,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,KAAAd,GAC/C,UAAA,gBAAAgB,EAACC,GAAA,EAAc,OAAO,EAAE,aAAa,UAAc,UAAAb,GAAS,GAC9D;AAEJ,GAEMc,IAAYC;AAAA,EAChBrB;AACF;AAEAoB,EAAU,kBAAkB;AAC5BA,EAAU,cAAc;"}

package/dist/components/Stack/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Stack.cjs"),e=require("./StackItem.cjs");exports.Stack=t.default;exports.StackItem=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Stack/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Stack/index.js

@@ -0,0 +1,7 @@
+import { default as e } from "./Stack.js";
+import { default as f } from "./StackItem.js";
+export {
+  e as Stack,
+  f as StackItem
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Stack/useStackStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("classnames"),v=require("../../hooks/useClassNamePrefix.cjs"),P=require("../../hooks/useSpacingStyle.cjs");function D(a){const{hasEndDivider:i,hasIntermediateDividers:r,hasSpacing:c,hasStartDivider:o,spacing:t,...n}=a,s=v.useClassNamePrefix("Stack"),S=`${s}--hasEndDivider`,l=`${s}--hasIntermediateDividers`,d=`${s}--hasSpacing`,p=`${s}--hasStartDivider`,u=e(s,{[S]:i,[l]:r,[d]:c||t,[p]:o}),k=e(`${s}Item`),m=P.useSpacingStyle(t,"stack");return{classProps:{root:u,item:k},props:n,styleProps:m}}exports.useStackStyleProps=D;
+//# sourceMappingURL=useStackStyleProps.cjs.map

package/dist/components/Stack/useStackStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackStyleProps.cjs","sources":["../../../src/components/Stack/useStackStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix, useSpacingStyle } from '../../hooks';\nimport { type StackStyleProps } from '../../types';\n\nexport function useStackStyleProps(props: StackStyleProps) {\n  const { hasEndDivider, hasIntermediateDividers, hasSpacing, hasStartDivider, spacing, ...restProps } = props;\n\n  const StackClass = useClassNamePrefix('Stack');\n  const StackBottomDividerClass = `${StackClass}--hasEndDivider`;\n  const StackMiddleDividersClass = `${StackClass}--hasIntermediateDividers`;\n  const StackSpacingClass = `${StackClass}--hasSpacing`;\n  const StackTopDividerClass = `${StackClass}--hasStartDivider`;\n  const rootProps = classNames(StackClass, {\n    [StackBottomDividerClass]: hasEndDivider,\n    [StackMiddleDividersClass]: hasIntermediateDividers,\n    [StackSpacingClass]: hasSpacing || spacing,\n    [StackTopDividerClass]: hasStartDivider,\n  });\n  const itemProps = classNames(`${StackClass}Item`);\n  const stackStyle = useSpacingStyle(spacing, 'stack');\n\n  return {\n    classProps: {\n      root: rootProps,\n      item: itemProps,\n    },\n    props: restProps,\n    styleProps: stackStyle,\n  };\n}\n"],"names":["useStackStyleProps","props","hasEndDivider","hasIntermediateDividers","hasSpacing","hasStartDivider","spacing","restProps","StackClass","useClassNamePrefix","StackBottomDividerClass","StackMiddleDividersClass","StackSpacingClass","StackTopDividerClass","rootProps","classNames","itemProps","stackStyle","useSpacingStyle"],"mappings":"2MAIO,SAASA,EAAmBC,EAAwB,CACzD,KAAM,CAAE,cAAAC,EAAe,wBAAAC,EAAyB,WAAAC,EAAY,gBAAAC,EAAiB,QAAAC,EAAS,GAAGC,GAAcN,EAEjGO,EAAaC,EAAAA,mBAAmB,OAAO,EACvCC,EAA0B,GAAGF,CAAU,kBACvCG,EAA2B,GAAGH,CAAU,4BACxCI,EAAoB,GAAGJ,CAAU,eACjCK,EAAuB,GAAGL,CAAU,oBACpCM,EAAYC,EAAWP,EAAY,CACvC,CAACE,CAAuB,EAAGR,EAC3B,CAACS,CAAwB,EAAGR,EAC5B,CAACS,CAAiB,EAAGR,GAAcE,EACnC,CAACO,CAAoB,EAAGR,CAAA,CACzB,EACKW,EAAYD,EAAW,GAAGP,CAAU,MAAM,EAC1CS,EAAaC,EAAAA,gBAAgBZ,EAAS,OAAO,EAEnD,MAAO,CACL,WAAY,CACV,KAAMQ,EACN,KAAME,CAAA,EAER,MAAOT,EACP,WAAYU,CAAA,CAEhB"}

package/dist/components/Stack/useStackStyleProps.d.ts

@@ -0,0 +1,23 @@
+import { StackStyleProps } from '../../types';
+export declare function useStackStyleProps(props: StackStyleProps): {
+    classProps: {
+        root: string;
+        item: string;
+    };
+    props: {
+        children?: React.ReactNode | string;
+        theme?: import('../..').ThemeNameType;
+        UNSAFE_className?: string;
+        UNSAFE_style?: React.CSSProperties;
+        margin?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginTop?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginRight?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginBottom?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginLeft?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginX?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        marginY?: import('../..').SingleOrResponsive<"auto" | `space-${number}`> | undefined;
+        hideOn?: import('../..').BreakpointToken | import('../..').BreakpointToken[];
+        hideFrom?: import('../..').BreakpointToken;
+    };
+    styleProps: import('../..').SpacingCSSProperties;
+};

package/dist/components/Stack/useStackStyleProps.js

@@ -0,0 +1,23 @@
+import a from "classnames";
+import { useClassNamePrefix as D } from "../../hooks/useClassNamePrefix.js";
+import { useSpacingStyle as h } from "../../hooks/useSpacingStyle.js";
+function f(i) {
+  const { hasEndDivider: r, hasIntermediateDividers: e, hasSpacing: o, hasStartDivider: c, spacing: t, ...n } = i, s = D("Stack"), p = `${s}--hasEndDivider`, S = `${s}--hasIntermediateDividers`, d = `${s}--hasSpacing`, m = `${s}--hasStartDivider`, l = a(s, {
+    [p]: r,
+    [S]: e,
+    [d]: o || t,
+    [m]: c
+  }), k = a(`${s}Item`), v = h(t, "stack");
+  return {
+    classProps: {
+      root: l,
+      item: k
+    },
+    props: n,
+    styleProps: v
+  };
+}
+export {
+  f as useStackStyleProps
+};
+//# sourceMappingURL=useStackStyleProps.js.map

package/dist/components/Stack/useStackStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStackStyleProps.js","sources":["../../../src/components/Stack/useStackStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix, useSpacingStyle } from '../../hooks';\nimport { type StackStyleProps } from '../../types';\n\nexport function useStackStyleProps(props: StackStyleProps) {\n  const { hasEndDivider, hasIntermediateDividers, hasSpacing, hasStartDivider, spacing, ...restProps } = props;\n\n  const StackClass = useClassNamePrefix('Stack');\n  const StackBottomDividerClass = `${StackClass}--hasEndDivider`;\n  const StackMiddleDividersClass = `${StackClass}--hasIntermediateDividers`;\n  const StackSpacingClass = `${StackClass}--hasSpacing`;\n  const StackTopDividerClass = `${StackClass}--hasStartDivider`;\n  const rootProps = classNames(StackClass, {\n    [StackBottomDividerClass]: hasEndDivider,\n    [StackMiddleDividersClass]: hasIntermediateDividers,\n    [StackSpacingClass]: hasSpacing || spacing,\n    [StackTopDividerClass]: hasStartDivider,\n  });\n  const itemProps = classNames(`${StackClass}Item`);\n  const stackStyle = useSpacingStyle(spacing, 'stack');\n\n  return {\n    classProps: {\n      root: rootProps,\n      item: itemProps,\n    },\n    props: restProps,\n    styleProps: stackStyle,\n  };\n}\n"],"names":["useStackStyleProps","props","hasEndDivider","hasIntermediateDividers","hasSpacing","hasStartDivider","spacing","restProps","StackClass","useClassNamePrefix","StackBottomDividerClass","StackMiddleDividersClass","StackSpacingClass","StackTopDividerClass","rootProps","classNames","itemProps","stackStyle","useSpacingStyle"],"mappings":";;;AAIO,SAASA,EAAmBC,GAAwB;AACzD,QAAM,EAAE,eAAAC,GAAe,yBAAAC,GAAyB,YAAAC,GAAY,iBAAAC,GAAiB,SAAAC,GAAS,GAAGC,MAAcN,GAEjGO,IAAaC,EAAmB,OAAO,GACvCC,IAA0B,GAAGF,CAAU,mBACvCG,IAA2B,GAAGH,CAAU,6BACxCI,IAAoB,GAAGJ,CAAU,gBACjCK,IAAuB,GAAGL,CAAU,qBACpCM,IAAYC,EAAWP,GAAY;AAAA,IACvC,CAACE,CAAuB,GAAGR;AAAA,IAC3B,CAACS,CAAwB,GAAGR;AAAA,IAC5B,CAACS,CAAiB,GAAGR,KAAcE;AAAA,IACnC,CAACO,CAAoB,GAAGR;AAAA,EAAA,CACzB,GACKW,IAAYD,EAAW,GAAGP,CAAU,MAAM,GAC1CS,IAAaC,EAAgBZ,GAAS,OAAO;AAEnD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMQ;AAAA,MACN,MAAME;AAAA,IAAA;AAAA,IAER,OAAOT;AAAA,IACP,YAAYU;AAAA,EAAA;AAEhB;"}

package/dist/components/Stack.d.ts

@@ -0,0 +1,2 @@
+export * from './Stack/index'
+export {}

package/dist/components/Tabs/TabContent.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),u=require("../../hooks/styleProps.cjs"),e=({children:t,...s})=>{const{styleProps:r,props:o}=u.useStyleProps(s);return n.jsx("div",{...o,...r,children:t})};e.spiritComponent="TabContent";exports.default=e;
+//# sourceMappingURL=TabContent.cjs.map

package/dist/components/Tabs/TabContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.cjs","sources":["../../../src/components/Tabs/TabContent.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TabContentProps } from '../../types';\n\nconst TabContent = ({ children, ...restProps }: TabContentProps): JSX.Element => {\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <div {...transferProps} {...styleProps}>\n      {children}\n    </div>\n  );\n};\n\nTabContent.spiritComponent = 'TabContent';\n\nexport default TabContent;\n"],"names":["TabContent","children","restProps","styleProps","transferProps","useStyleProps"],"mappings":"sMAMMA,EAAa,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAA8C,CAC/E,KAAM,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcH,CAAS,EAEpE,aACG,MAAA,CAAK,GAAGE,EAAgB,GAAGD,EACzB,SAAAF,EACH,CAEJ,EAEAD,EAAW,gBAAkB"}

package/dist/components/Tabs/TabContent.d.ts

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

package/dist/components/Tabs/TabContent.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { useStyleProps as n } from "../../hooks/styleProps.js";
+const p = ({ children: t, ...o }) => {
+  const { styleProps: r, props: s } = n(o);
+  return /* @__PURE__ */ e("div", { ...s, ...r, children: t });
+};
+p.spiritComponent = "TabContent";
+export {
+  p as default
+};
+//# sourceMappingURL=TabContent.js.map

package/dist/components/Tabs/TabContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.js","sources":["../../../src/components/Tabs/TabContent.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TabContentProps } from '../../types';\n\nconst TabContent = ({ children, ...restProps }: TabContentProps): JSX.Element => {\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <div {...transferProps} {...styleProps}>\n      {children}\n    </div>\n  );\n};\n\nTabContent.spiritComponent = 'TabContent';\n\nexport default TabContent;\n"],"names":["TabContent","children","restProps","styleProps","transferProps","useStyleProps"],"mappings":";;;AAMA,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAA8C;AAC/E,QAAM,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAcH,CAAS;AAEpE,2BACG,OAAA,EAAK,GAAGE,GAAgB,GAAGD,GACzB,UAAAF,GACH;AAEJ;AAEAD,EAAW,kBAAkB;"}

package/dist/components/Tabs/TabContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),o={selectedId:"",selectTab:s=>{},onSelectionChange:(s,a)=>{}},e=t.createContext(o),n=e.Provider,r=e.Consumer,u=()=>t.useContext(e);exports.TabsConsumer=r;exports.TabsProvider=n;exports.default=e;exports.useTabContext=u;
+//# sourceMappingURL=TabContext.cjs.map

package/dist/components/Tabs/TabContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContext.cjs","sources":["../../../src/components/Tabs/TabContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type TabId, type TabsContextType, type TabsToggler } from '../../types';\n\nconst defaultContext: TabsContextType = {\n  selectedId: '',\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  selectTab: (id: TabId) => {},\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  onSelectionChange: (previousId, currentId) => {},\n};\n\nconst TabsContext = createContext<TabsContextType>(defaultContext);\nconst TabsProvider = TabsContext.Provider;\nconst TabsConsumer = TabsContext.Consumer;\nconst useTabContext = (): TabsContextType => useContext(TabsContext);\n\nexport default TabsContext;\n// eslint-disable-next-line react-refresh/only-export-components -- Context file exports context alongside hooks\nexport { TabsConsumer, TabsProvider, useTabContext };\nexport type { TabsContextType, TabsToggler };\n"],"names":["defaultContext","id","previousId","currentId","TabsContext","createContext","TabsProvider","TabsConsumer","useTabContext","useContext"],"mappings":"kJAKMA,EAAkC,CACtC,WAAY,GAEZ,UAAYC,GAAc,CAAC,EAE3B,kBAAmB,CAACC,EAAYC,IAAc,CAAC,CACjD,EAEMC,EAAcC,EAAAA,cAA+BL,CAAc,EAC3DM,EAAeF,EAAY,SAC3BG,EAAeH,EAAY,SAC3BI,EAAgB,IAAuBC,EAAAA,WAAWL,CAAW"}

package/dist/components/Tabs/TabContext.d.ts

@@ -0,0 +1,8 @@
+import { TabsContextType, 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/dist/components/Tabs/TabContext.js

@@ -0,0 +1,18 @@
+"use client";
+import { createContext as o, useContext as s } from "react";
+const n = {
+  selectedId: "",
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  selectTab: (t) => {
+  },
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onSelectionChange: (t, r) => {
+  }
+}, e = o(n), a = e.Provider, u = e.Consumer, d = () => s(e);
+export {
+  u as TabsConsumer,
+  a as TabsProvider,
+  e as default,
+  d as useTabContext
+};
+//# sourceMappingURL=TabContext.js.map

package/dist/components/Tabs/TabContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContext.js","sources":["../../../src/components/Tabs/TabContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { type TabId, type TabsContextType, type TabsToggler } from '../../types';\n\nconst defaultContext: TabsContextType = {\n  selectedId: '',\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  selectTab: (id: TabId) => {},\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  onSelectionChange: (previousId, currentId) => {},\n};\n\nconst TabsContext = createContext<TabsContextType>(defaultContext);\nconst TabsProvider = TabsContext.Provider;\nconst TabsConsumer = TabsContext.Consumer;\nconst useTabContext = (): TabsContextType => useContext(TabsContext);\n\nexport default TabsContext;\n// eslint-disable-next-line react-refresh/only-export-components -- Context file exports context alongside hooks\nexport { TabsConsumer, TabsProvider, useTabContext };\nexport type { TabsContextType, TabsToggler };\n"],"names":["defaultContext","id","previousId","currentId","TabsContext","createContext","TabsProvider","TabsConsumer","useTabContext","useContext"],"mappings":";;AAKA,MAAMA,IAAkC;AAAA,EACtC,YAAY;AAAA;AAAA,EAEZ,WAAW,CAACC,MAAc;AAAA,EAAC;AAAA;AAAA,EAE3B,mBAAmB,CAACC,GAAYC,MAAc;AAAA,EAAC;AACjD,GAEMC,IAAcC,EAA+BL,CAAc,GAC3DM,IAAeF,EAAY,UAC3BG,IAAeH,EAAY,UAC3BI,IAAgB,MAAuBC,EAAWL,CAAW;"}

package/dist/components/Tabs/TabItem.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),b=require("classnames"),y=require("../../hooks/styleProps.cjs"),S=require("./TabContext.cjs"),q=require("./useTabsStyleProps.cjs"),n=({children:c,forTabPane:e,onClick:t,...u})=>{const{selectTab:a,selectedId:s,onSelectionChange:o}=S.useTabContext(),{classProps:r}=q.useTabsStyleProps({forTabPane:e,selectedId:s}),{styleProps:l,props:p}=y.useStyleProps(u),d=m=>{a(e),t&&t(m),o&&o(s,e)};return i.jsx("li",{className:r.item,role:"presentation",children:i.jsx("button",{...p,...l,type:"button",className:b(r.link,l.className),role:"tab","aria-selected":s===e,id:`${e}-tab`,"aria-controls":e.toString(),onClick:d,children:c})})};n.spiritComponent="TabItem";exports.default=n;
+//# sourceMappingURL=TabItem.cjs.map

package/dist/components/Tabs/TabItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.cjs","sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ClickEvent, type TabItemProps } from '../../types';\nimport { useTabContext } from './TabContext';\nimport { useTabsStyleProps } from './useTabsStyleProps';\n\nconst TabItem = ({ children, forTabPane, onClick, ...restProps }: TabItemProps): JSX.Element => {\n  const { selectTab, selectedId, onSelectionChange } = useTabContext();\n  const { classProps } = useTabsStyleProps({ forTabPane, selectedId });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const handleClick = (event: ClickEvent) => {\n    selectTab(forTabPane);\n\n    if (onClick) {\n      onClick(event);\n    }\n\n    if (onSelectionChange) {\n      onSelectionChange(selectedId, forTabPane);\n    }\n  };\n\n  return (\n    <li className={classProps.item} role=\"presentation\">\n      <button\n        {...transferProps}\n        {...styleProps}\n        type=\"button\"\n        className={classNames(classProps.link, styleProps.className)}\n        role=\"tab\"\n        aria-selected={selectedId === forTabPane}\n        id={`${forTabPane}-tab`}\n        aria-controls={forTabPane.toString()}\n        onClick={handleClick}\n      >\n        {children}\n      </button>\n    </li>\n  );\n};\n\nTabItem.spiritComponent = 'TabItem';\n\nexport default TabItem;\n"],"names":["TabItem","children","forTabPane","onClick","restProps","selectTab","selectedId","onSelectionChange","useTabContext","classProps","useTabsStyleProps","styleProps","transferProps","useStyleProps","handleClick","event","jsx","classNames"],"mappings":"iSASMA,EAAU,CAAC,CAAE,SAAAC,EAAU,WAAAC,EAAY,QAAAC,EAAS,GAAGC,KAA2C,CAC9F,KAAM,CAAE,UAAAC,EAAW,WAAAC,EAAY,kBAAAC,CAAA,EAAsBC,EAAAA,cAAA,EAC/C,CAAE,WAAAC,CAAA,EAAeC,EAAAA,kBAAkB,CAAE,WAAAR,EAAY,WAAAI,EAAY,EAC7D,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcT,CAAS,EAE9DU,EAAeC,GAAsB,CACzCV,EAAUH,CAAU,EAEhBC,GACFA,EAAQY,CAAK,EAGXR,GACFA,EAAkBD,EAAYJ,CAAU,CAE5C,EAEA,aACG,KAAA,CAAG,UAAWO,EAAW,KAAM,KAAK,eACnC,SAAAO,EAAAA,IAAC,SAAA,CACE,GAAGJ,EACH,GAAGD,EACJ,KAAK,SACL,UAAWM,EAAWR,EAAW,KAAME,EAAW,SAAS,EAC3D,KAAK,MACL,gBAAeL,IAAeJ,EAC9B,GAAI,GAAGA,CAAU,OACjB,gBAAeA,EAAW,SAAA,EAC1B,QAASY,EAER,SAAAb,CAAA,CAAA,EAEL,CAEJ,EAEAD,EAAQ,gBAAkB"}

package/dist/components/Tabs/TabItem.d.ts

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

package/dist/components/Tabs/TabItem.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import d from "classnames";
+import { useStyleProps as b } from "../../hooks/styleProps.js";
+import { useTabContext as f } from "./TabContext.js";
+import { useTabsStyleProps as y } from "./useTabsStyleProps.js";
+const C = ({ children: c, forTabPane: t, onClick: e, ...m }) => {
+  const { selectTab: n, selectedId: s, onSelectionChange: o } = f(), { classProps: r } = y({ forTabPane: t, selectedId: s }), { styleProps: i, props: p } = b(m), a = (u) => {
+    n(t), e && e(u), o && o(s, t);
+  };
+  return /* @__PURE__ */ l("li", { className: r.item, role: "presentation", children: /* @__PURE__ */ l(
+    "button",
+    {
+      ...p,
+      ...i,
+      type: "button",
+      className: d(r.link, i.className),
+      role: "tab",
+      "aria-selected": s === t,
+      id: `${t}-tab`,
+      "aria-controls": t.toString(),
+      onClick: a,
+      children: c
+    }
+  ) });
+};
+C.spiritComponent = "TabItem";
+export {
+  C as default
+};
+//# sourceMappingURL=TabItem.js.map

package/dist/components/Tabs/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sources":["../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ClickEvent, type TabItemProps } from '../../types';\nimport { useTabContext } from './TabContext';\nimport { useTabsStyleProps } from './useTabsStyleProps';\n\nconst TabItem = ({ children, forTabPane, onClick, ...restProps }: TabItemProps): JSX.Element => {\n  const { selectTab, selectedId, onSelectionChange } = useTabContext();\n  const { classProps } = useTabsStyleProps({ forTabPane, selectedId });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const handleClick = (event: ClickEvent) => {\n    selectTab(forTabPane);\n\n    if (onClick) {\n      onClick(event);\n    }\n\n    if (onSelectionChange) {\n      onSelectionChange(selectedId, forTabPane);\n    }\n  };\n\n  return (\n    <li className={classProps.item} role=\"presentation\">\n      <button\n        {...transferProps}\n        {...styleProps}\n        type=\"button\"\n        className={classNames(classProps.link, styleProps.className)}\n        role=\"tab\"\n        aria-selected={selectedId === forTabPane}\n        id={`${forTabPane}-tab`}\n        aria-controls={forTabPane.toString()}\n        onClick={handleClick}\n      >\n        {children}\n      </button>\n    </li>\n  );\n};\n\nTabItem.spiritComponent = 'TabItem';\n\nexport default TabItem;\n"],"names":["TabItem","children","forTabPane","onClick","restProps","selectTab","selectedId","onSelectionChange","useTabContext","classProps","useTabsStyleProps","styleProps","transferProps","useStyleProps","handleClick","event","jsx","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAU,CAAC,EAAE,UAAAC,GAAU,YAAAC,GAAY,SAAAC,GAAS,GAAGC,QAA2C;AAC9F,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,mBAAAC,EAAA,IAAsBC,EAAA,GAC/C,EAAE,YAAAC,EAAA,IAAeC,EAAkB,EAAE,YAAAR,GAAY,YAAAI,GAAY,GAC7D,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAkBC,EAAcT,CAAS,GAE9DU,IAAc,CAACC,MAAsB;AACzC,IAAAV,EAAUH,CAAU,GAEhBC,KACFA,EAAQY,CAAK,GAGXR,KACFA,EAAkBD,GAAYJ,CAAU;AAAA,EAE5C;AAEA,2BACG,MAAA,EAAG,WAAWO,EAAW,MAAM,MAAK,gBACnC,UAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACH,GAAGD;AAAA,MACJ,MAAK;AAAA,MACL,WAAWM,EAAWR,EAAW,MAAME,EAAW,SAAS;AAAA,MAC3D,MAAK;AAAA,MACL,iBAAeL,MAAeJ;AAAA,MAC9B,IAAI,GAAGA,CAAU;AAAA,MACjB,iBAAeA,EAAW,SAAA;AAAA,MAC1B,SAASY;AAAA,MAER,UAAAb;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEAD,EAAQ,kBAAkB;"}

package/dist/components/Tabs/TabLink.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),y=require("classnames"),d=require("react"),S=require("../../hooks/styleProps.cjs"),T=require("../../utils/mergeStyleProps.cjs"),b=require("./useTabsStyleProps.cjs"),f={itemProps:{}},q=(n,i)=>{const l={...f,...n},{elementType:a="a",children:c,itemProps:p={},...u}=l,s=a,{classProps:t}=b.useTabsStyleProps(),{styleProps:r,props:m}=S.useStyleProps(p),P=T.mergeStyleProps(s,{classProps:t.link});return o.jsx("li",{...r,...m,className:y(t.item,r.className),role:"presentation",children:o.jsx(s,{...u,...P,ref:i,children:c})})},e=d.forwardRef(q);e.spiritComponent="TabLink";e.displayName="TabLink";exports.default=e;
+//# sourceMappingURL=TabLink.cjs.map

package/dist/components/Tabs/TabLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLink.cjs","sources":["../../../src/components/Tabs/TabLink.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTabLinkProps,\n  type TabLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTabsStyleProps } from './useTabsStyleProps';\n\nconst defaultProps: TabLinkProps = {\n  itemProps: {},\n};\n\nconst _TabLink = <E extends ElementType = 'a'>(props: SpiritTabLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = 'a', children, itemProps = {}, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useTabsStyleProps();\n  const { styleProps: itemStyleProps, props: itemTransferProps } = useStyleProps(itemProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link });\n\n  return (\n    <li\n      {...itemStyleProps}\n      {...itemTransferProps}\n      className={classNames(classProps.item, itemStyleProps.className)}\n      role=\"presentation\"\n    >\n      <Component {...restProps} {...mergedStyleProps} ref={ref}>\n        {children}\n      </Component>\n    </li>\n  );\n};\n\nconst TabLink = forwardRef<HTMLAnchorElement, SpiritTabLinkProps<'a'>>(_TabLink) as unknown as PolymorphicComponent<\n  'a',\n  TabLinkProps\n>;\n\nTabLink.spiritComponent = 'TabLink';\nTabLink.displayName = 'TabLink';\n\nexport default TabLink;\n"],"names":["defaultProps","_TabLink","props","ref","propsWithDefaults","elementType","children","itemProps","restProps","Component","classProps","useTabsStyleProps","itemStyleProps","itemTransferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","classNames","TabLink","forwardRef"],"mappings":"mUAcMA,EAA6B,CACjC,UAAW,CAAA,CACb,EAEMC,EAAW,CAA8BC,EAA8BC,IAAwC,CACnH,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAc,IAAK,SAAAC,EAAU,UAAAC,EAAY,GAAI,GAAGC,CAAA,EAAcJ,EAEhEK,EAAYJ,EAEZ,CAAE,WAAAK,CAAA,EAAeC,oBAAA,EACjB,CAAE,WAAYC,EAAgB,MAAOC,CAAA,EAAsBC,EAAAA,cAAcP,CAAS,EAClFQ,EAAmBC,EAAAA,gBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAM,EAEnF,OACEO,EAAAA,IAAC,KAAA,CACE,GAAGL,EACH,GAAGC,EACJ,UAAWK,EAAWR,EAAW,KAAME,EAAe,SAAS,EAC/D,KAAK,eAEL,eAACH,EAAA,CAAW,GAAGD,EAAY,GAAGO,EAAkB,IAAAZ,EAC7C,SAAAG,CAAA,CACH,CAAA,CAAA,CAGN,EAEMa,EAAUC,EAAAA,WAAuDnB,CAAQ,EAK/EkB,EAAQ,gBAAkB,UAC1BA,EAAQ,YAAc"}

package/dist/components/Tabs/TabLink.d.ts

@@ -0,0 +1,3 @@
+import { PolymorphicComponent, TabLinkProps } from '../../types';
+declare const TabLink: PolymorphicComponent<"a", TabLinkProps>;
+export default TabLink;

package/dist/components/Tabs/TabLink.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import u from "classnames";
+import { forwardRef as y } from "react";
+import { useStyleProps as d } from "../../hooks/styleProps.js";
+import { mergeStyleProps as T } from "../../utils/mergeStyleProps.js";
+import { useTabsStyleProps as b } from "./useTabsStyleProps.js";
+const k = {
+  itemProps: {}
+}, S = (p, i) => {
+  const m = { ...k, ...p }, { elementType: n = "a", children: a, itemProps: l = {}, ...c } = m, s = n, { classProps: o } = b(), { styleProps: e, props: P } = d(l), f = T(s, { classProps: o.link });
+  return /* @__PURE__ */ r(
+    "li",
+    {
+      ...e,
+      ...P,
+      className: u(o.item, e.className),
+      role: "presentation",
+      children: /* @__PURE__ */ r(s, { ...c, ...f, ref: i, children: a })
+    }
+  );
+}, t = y(S);
+t.spiritComponent = "TabLink";
+t.displayName = "TabLink";
+export {
+  t as default
+};
+//# sourceMappingURL=TabLink.js.map

package/dist/components/Tabs/TabLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLink.js","sources":["../../../src/components/Tabs/TabLink.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritTabLinkProps,\n  type TabLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTabsStyleProps } from './useTabsStyleProps';\n\nconst defaultProps: TabLinkProps = {\n  itemProps: {},\n};\n\nconst _TabLink = <E extends ElementType = 'a'>(props: SpiritTabLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = 'a', children, itemProps = {}, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useTabsStyleProps();\n  const { styleProps: itemStyleProps, props: itemTransferProps } = useStyleProps(itemProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.link });\n\n  return (\n    <li\n      {...itemStyleProps}\n      {...itemTransferProps}\n      className={classNames(classProps.item, itemStyleProps.className)}\n      role=\"presentation\"\n    >\n      <Component {...restProps} {...mergedStyleProps} ref={ref}>\n        {children}\n      </Component>\n    </li>\n  );\n};\n\nconst TabLink = forwardRef<HTMLAnchorElement, SpiritTabLinkProps<'a'>>(_TabLink) as unknown as PolymorphicComponent<\n  'a',\n  TabLinkProps\n>;\n\nTabLink.spiritComponent = 'TabLink';\nTabLink.displayName = 'TabLink';\n\nexport default TabLink;\n"],"names":["defaultProps","_TabLink","props","ref","propsWithDefaults","elementType","children","itemProps","restProps","Component","classProps","useTabsStyleProps","itemStyleProps","itemTransferProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","classNames","TabLink","forwardRef"],"mappings":";;;;;;;AAcA,MAAMA,IAA6B;AAAA,EACjC,WAAW,CAAA;AACb,GAEMC,IAAW,CAA8BC,GAA8BC,MAAwC;AACnH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAc,KAAK,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,IAAcJ,GAEhEK,IAAYJ,GAEZ,EAAE,YAAAK,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAYC,GAAgB,OAAOC,EAAA,IAAsBC,EAAcP,CAAS,GAClFQ,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM;AAEnF,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACH,GAAGC;AAAA,MACJ,WAAWK,EAAWR,EAAW,MAAME,EAAe,SAAS;AAAA,MAC/D,MAAK;AAAA,MAEL,4BAACH,GAAA,EAAW,GAAGD,GAAY,GAAGO,GAAkB,KAAAZ,GAC7C,UAAAG,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMa,IAAUC,EAAuDnB,CAAQ;AAK/EkB,EAAQ,kBAAkB;AAC1BA,EAAQ,cAAc;"}

package/dist/components/Tabs/TabList.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("classnames"),n=require("../../hooks/styleProps.cjs"),p=require("./useTabsStyleProps.cjs"),e=({children:t,...r})=>{const{classProps:o,styleProps:l}=p.useTabsStyleProps(),{styleProps:s,props:a}=n.useStyleProps(r),u={style:{...s.style,...l}};return c.jsx("ul",{...a,...s,...u,className:i(o.root,s.className),role:"tablist",children:t})};e.spiritComponent="TabList";exports.default=e;
+//# sourceMappingURL=TabList.cjs.map

package/dist/components/Tabs/TabList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.cjs","sources":["../../../src/components/Tabs/TabList.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TabListProps } from '../../types';\nimport { useTabsStyleProps } from './useTabsStyleProps';\n\nconst TabList = ({ children, ...restProps }: TabListProps): ReactElement => {\n  const { classProps, styleProps: tabsStyle } = useTabsStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const tabsStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...tabsStyle,\n    },\n  };\n\n  return (\n    <ul\n      {...transferProps}\n      {...styleProps}\n      {...tabsStyleProps}\n      className={classNames(classProps.root, styleProps.className)}\n      role=\"tablist\"\n    >\n      {children}\n    </ul>\n  );\n};\n\nTabList.spiritComponent = 'TabList';\n\nexport default TabList;\n"],"names":["TabList","children","restProps","classProps","tabsStyle","useTabsStyleProps","styleProps","transferProps","useStyleProps","tabsStyleProps","jsx","classNames"],"mappings":"mQAQMA,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAA4C,CAC1E,KAAM,CAAE,WAAAC,EAAY,WAAYC,CAAA,EAAcC,EAAAA,kBAAA,EACxC,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcN,CAAS,EAE9DO,EAAiB,CACrB,MAAO,CACL,GAAGH,EAAW,MACd,GAAGF,CAAA,CACL,EAGF,OACEM,EAAAA,IAAC,KAAA,CACE,GAAGH,EACH,GAAGD,EACH,GAAGG,EACJ,UAAWE,EAAWR,EAAW,KAAMG,EAAW,SAAS,EAC3D,KAAK,UAEJ,SAAAL,CAAA,CAAA,CAGP,EAEAD,EAAQ,gBAAkB"}

package/dist/components/Tabs/TabList.d.ts

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

package/dist/components/Tabs/TabList.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import m from "classnames";
+import { useStyleProps as i } from "../../hooks/styleProps.js";
+import { useTabsStyleProps as c } from "./useTabsStyleProps.js";
+const n = ({ children: t, ...o }) => {
+  const { classProps: r, styleProps: e } = c(), { styleProps: s, props: l } = i(o), a = {
+    style: {
+      ...s.style,
+      ...e
+    }
+  };
+  return /* @__PURE__ */ p(
+    "ul",
+    {
+      ...l,
+      ...s,
+      ...a,
+      className: m(r.root, s.className),
+      role: "tablist",
+      children: t
+    }
+  );
+};
+n.spiritComponent = "TabList";
+export {
+  n as default
+};
+//# sourceMappingURL=TabList.js.map

package/dist/components/Tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sources":["../../../src/components/Tabs/TabList.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TabListProps } from '../../types';\nimport { useTabsStyleProps } from './useTabsStyleProps';\n\nconst TabList = ({ children, ...restProps }: TabListProps): ReactElement => {\n  const { classProps, styleProps: tabsStyle } = useTabsStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const tabsStyleProps = {\n    style: {\n      ...styleProps.style,\n      ...tabsStyle,\n    },\n  };\n\n  return (\n    <ul\n      {...transferProps}\n      {...styleProps}\n      {...tabsStyleProps}\n      className={classNames(classProps.root, styleProps.className)}\n      role=\"tablist\"\n    >\n      {children}\n    </ul>\n  );\n};\n\nTabList.spiritComponent = 'TabList';\n\nexport default TabList;\n"],"names":["TabList","children","restProps","classProps","tabsStyle","useTabsStyleProps","styleProps","transferProps","useStyleProps","tabsStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAU,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAA4C;AAC1E,QAAM,EAAE,YAAAC,GAAY,YAAYC,EAAA,IAAcC,EAAA,GACxC,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAcN,CAAS,GAE9DO,IAAiB;AAAA,IACrB,OAAO;AAAA,MACL,GAAGH,EAAW;AAAA,MACd,GAAGF;AAAA,IAAA;AAAA,EACL;AAGF,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACH,GAAGD;AAAA,MACH,GAAGG;AAAA,MACJ,WAAWE,EAAWR,EAAW,MAAMG,EAAW,SAAS;AAAA,MAC3D,MAAK;AAAA,MAEJ,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAD,EAAQ,kBAAkB;"}

package/dist/components/Tabs/TabPane.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),c=require("classnames"),i=require("../../hooks/styleProps.cjs"),p=require("./TabContext.cjs"),b=require("./useTabsStyleProps.cjs"),r=({children:o,id:e,...a})=>{const{selectedId:s}=p.useTabContext(),{classProps:l}=b.useTabsStyleProps({id:e,selectedId:s}),{styleProps:t,props:n}=i.useStyleProps(a);return s===e?u.jsx("div",{...n,...t,id:e.toString(),className:c(l.pane,t.className),role:"tabpanel","aria-labelledby":`${e}-tab`,children:o}):null};r.spiritComponent="TabPane";exports.default=r;
+//# sourceMappingURL=TabPane.cjs.map

package/dist/components/Tabs/TabPane.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.cjs","sources":["../../../src/components/Tabs/TabPane.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TabPaneProps } from '../../types';\nimport { useTabContext } from './TabContext';\nimport { useTabsStyleProps } from './useTabsStyleProps';\n\nconst TabPane = ({ children, id, ...restProps }: TabPaneProps): JSX.Element | null => {\n  const { selectedId } = useTabContext();\n  const { classProps } = useTabsStyleProps({ id, selectedId });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return selectedId === id ? (\n    <div\n      {...transferProps}\n      {...styleProps}\n      id={id.toString()}\n      className={classNames(classProps.pane, styleProps.className)}\n      role=\"tabpanel\"\n      aria-labelledby={`${id}-tab`}\n    >\n      {children}\n    </div>\n  ) : null;\n};\n\nTabPane.spiritComponent = 'TabPane';\n\nexport default TabPane;\n"],"names":["TabPane","children","id","restProps","selectedId","useTabContext","classProps","useTabsStyleProps","styleProps","transferProps","useStyleProps","jsx","classNames"],"mappings":"iSASMA,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAAC,EAAI,GAAGC,KAAkD,CACpF,KAAM,CAAE,WAAAC,CAAA,EAAeC,gBAAA,EACjB,CAAE,WAAAC,CAAA,EAAeC,EAAAA,kBAAkB,CAAE,GAAAL,EAAI,WAAAE,EAAY,EACrD,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcP,CAAS,EAEpE,OAAOC,IAAeF,EACpBS,EAAAA,IAAC,MAAA,CACE,GAAGF,EACH,GAAGD,EACJ,GAAIN,EAAG,SAAA,EACP,UAAWU,EAAWN,EAAW,KAAME,EAAW,SAAS,EAC3D,KAAK,WACL,kBAAiB,GAAGN,CAAE,OAErB,SAAAD,CAAA,CAAA,EAED,IACN,EAEAD,EAAQ,gBAAkB"}

package/dist/components/Tabs/TabPane.d.ts

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

package/dist/components/Tabs/TabPane.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import n from "classnames";
+import { useStyleProps as m } from "../../hooks/styleProps.js";
+import { useTabContext as c } from "./TabContext.js";
+import { useTabsStyleProps as i } from "./useTabsStyleProps.js";
+const b = ({ children: o, id: s, ...r }) => {
+  const { selectedId: e } = c(), { classProps: a } = i({ id: s, selectedId: e }), { styleProps: t, props: l } = m(r);
+  return e === s ? /* @__PURE__ */ p(
+    "div",
+    {
+      ...l,
+      ...t,
+      id: s.toString(),
+      className: n(a.pane, t.className),
+      role: "tabpanel",
+      "aria-labelledby": `${s}-tab`,
+      children: o
+    }
+  ) : null;
+};
+b.spiritComponent = "TabPane";
+export {
+  b as default
+};
+//# sourceMappingURL=TabPane.js.map

package/dist/components/Tabs/TabPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.js","sources":["../../../src/components/Tabs/TabPane.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type TabPaneProps } from '../../types';\nimport { useTabContext } from './TabContext';\nimport { useTabsStyleProps } from './useTabsStyleProps';\n\nconst TabPane = ({ children, id, ...restProps }: TabPaneProps): JSX.Element | null => {\n  const { selectedId } = useTabContext();\n  const { classProps } = useTabsStyleProps({ id, selectedId });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return selectedId === id ? (\n    <div\n      {...transferProps}\n      {...styleProps}\n      id={id.toString()}\n      className={classNames(classProps.pane, styleProps.className)}\n      role=\"tabpanel\"\n      aria-labelledby={`${id}-tab`}\n    >\n      {children}\n    </div>\n  ) : null;\n};\n\nTabPane.spiritComponent = 'TabPane';\n\nexport default TabPane;\n"],"names":["TabPane","children","id","restProps","selectedId","useTabContext","classProps","useTabsStyleProps","styleProps","transferProps","useStyleProps","jsx","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAU,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,GAAGC,QAAkD;AACpF,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,EAAA,IAAeC,EAAkB,EAAE,IAAAL,GAAI,YAAAE,GAAY,GACrD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAcP,CAAS;AAEpE,SAAOC,MAAeF,IACpB,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACH,GAAGD;AAAA,MACJ,IAAIN,EAAG,SAAA;AAAA,MACP,WAAWU,EAAWN,EAAW,MAAME,EAAW,SAAS;AAAA,MAC3D,MAAK;AAAA,MACL,mBAAiB,GAAGN,CAAE;AAAA,MAErB,UAAAD;AAAA,IAAA;AAAA,EAAA,IAED;AACN;AAEAD,EAAQ,kBAAkB;"}

package/dist/components/Tabs/Tabs.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),l=require("./TabContext.cjs"),e=({children:t,selectedTab:s,toggle:o,onSelectionChange:r,spacing:u})=>i.jsx(l.TabsProvider,{value:{selectedId:s,selectTab:o,onSelectionChange:r,spacing:u},children:t});e.spiritComponent="Tabs";exports.default=e;
+//# sourceMappingURL=Tabs.cjs.map

package/dist/components/Tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { type TabsProps } from '../../types';\nimport { TabsProvider } from './TabContext';\n\nconst Tabs = ({ children, selectedTab, toggle: selectTab, onSelectionChange, spacing }: TabsProps): JSX.Element => (\n  <TabsProvider value={{ selectedId: selectedTab, selectTab, onSelectionChange, spacing }}>{children}</TabsProvider>\n);\n\nTabs.spiritComponent = 'Tabs';\n\nexport default Tabs;\n"],"names":["Tabs","children","selectedTab","selectTab","onSelectionChange","spacing","TabsProvider"],"mappings":"4LAMMA,EAAO,CAAC,CAAE,SAAAC,EAAU,YAAAC,EAAa,OAAQC,EAAW,kBAAAC,EAAmB,QAAAC,WAC1EC,EAAAA,aAAA,CAAa,MAAO,CAAE,WAAYJ,EAAa,UAAAC,EAAW,kBAAAC,EAAmB,QAAAC,CAAA,EAAY,SAAAJ,CAAA,CAAS,EAGrGD,EAAK,gBAAkB"}

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,6 @@
+import { TabsProps } from '../../types';
+declare const Tabs: {
+    ({ children, selectedTab, toggle: selectTab, onSelectionChange, spacing }: TabsProps): JSX.Element;
+    spiritComponent: string;
+};
+export default Tabs;

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { TabsProvider as a } from "./TabContext.js";
+const l = ({ children: e, selectedTab: t, toggle: s, onSelectionChange: o, spacing: r }) => /* @__PURE__ */ i(a, { value: { selectedId: t, selectTab: s, onSelectionChange: o, spacing: r }, children: e });
+l.spiritComponent = "Tabs";
+export {
+  l as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { type TabsProps } from '../../types';\nimport { TabsProvider } from './TabContext';\n\nconst Tabs = ({ children, selectedTab, toggle: selectTab, onSelectionChange, spacing }: TabsProps): JSX.Element => (\n  <TabsProvider value={{ selectedId: selectedTab, selectTab, onSelectionChange, spacing }}>{children}</TabsProvider>\n);\n\nTabs.spiritComponent = 'Tabs';\n\nexport default Tabs;\n"],"names":["Tabs","children","selectedTab","selectTab","onSelectionChange","spacing","TabsProvider"],"mappings":";;;AAMA,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,aAAAC,GAAa,QAAQC,GAAW,mBAAAC,GAAmB,SAAAC,0BAC1EC,GAAA,EAAa,OAAO,EAAE,YAAYJ,GAAa,WAAAC,GAAW,mBAAAC,GAAmB,SAAAC,EAAA,GAAY,UAAAJ,EAAA,CAAS;AAGrGD,EAAK,kBAAkB;"}

package/dist/components/Tabs/UncontrolledTabs.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),c=require("./TabContext.cjs"),i=require("./useTabs.cjs"),e=({children:t,defaultSelectedTab:s,onSelectionChange:r,spacing:o})=>{const{selectedId:n,selectTab:u}=i.useTab(s);return l.jsx(c.TabsProvider,{value:{selectedId:n,selectTab:u,onSelectionChange:r,spacing:o},children:t})};e.spiritComponent="UncontrolledTabs";exports.default=e;
+//# sourceMappingURL=UncontrolledTabs.cjs.map

package/dist/components/Tabs/UncontrolledTabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabs.cjs","sources":["../../../src/components/Tabs/UncontrolledTabs.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { type UncontrolledTabsProps } from '../../types';\nimport { TabsProvider } from './TabContext';\nimport { useTab } from './useTabs';\n\nconst UncontrolledTabs = ({\n  children,\n  defaultSelectedTab,\n  onSelectionChange,\n  spacing,\n}: UncontrolledTabsProps): JSX.Element => {\n  const { selectedId, selectTab } = useTab(defaultSelectedTab);\n\n  return <TabsProvider value={{ selectedId, selectTab, onSelectionChange, spacing }}>{children}</TabsProvider>;\n};\n\nUncontrolledTabs.spiritComponent = 'UncontrolledTabs';\n\nexport default UncontrolledTabs;\n"],"names":["UncontrolledTabs","children","defaultSelectedTab","onSelectionChange","spacing","selectedId","selectTab","useTab","jsx","TabsProvider"],"mappings":"uNAOMA,EAAmB,CAAC,CACxB,SAAAC,EACA,mBAAAC,EACA,kBAAAC,EACA,QAAAC,CACF,IAA0C,CACxC,KAAM,CAAE,WAAAC,EAAY,UAAAC,GAAcC,EAAAA,OAAOL,CAAkB,EAE3D,OAAOM,MAACC,EAAAA,cAAa,MAAO,CAAE,WAAAJ,EAAY,UAAAC,EAAW,kBAAAH,EAAmB,QAAAC,GAAY,SAAAH,EAAS,CAC/F,EAEAD,EAAiB,gBAAkB"}

package/dist/components/Tabs/UncontrolledTabs.d.ts

@@ -0,0 +1,6 @@
+import { UncontrolledTabsProps } from '../../types';
+declare const UncontrolledTabs: {
+    ({ children, defaultSelectedTab, onSelectionChange, spacing, }: UncontrolledTabsProps): JSX.Element;
+    spiritComponent: string;
+};
+export default UncontrolledTabs;

package/dist/components/Tabs/UncontrolledTabs.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { TabsProvider as a } from "./TabContext.js";
+import { useTab as c } from "./useTabs.js";
+const i = ({
+  children: e,
+  defaultSelectedTab: t,
+  onSelectionChange: o,
+  spacing: r
+}) => {
+  const { selectedId: s, selectTab: n } = c(t);
+  return /* @__PURE__ */ l(a, { value: { selectedId: s, selectTab: n, onSelectionChange: o, spacing: r }, children: e });
+};
+i.spiritComponent = "UncontrolledTabs";
+export {
+  i as default
+};
+//# sourceMappingURL=UncontrolledTabs.js.map

package/dist/components/Tabs/UncontrolledTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabs.js","sources":["../../../src/components/Tabs/UncontrolledTabs.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { type UncontrolledTabsProps } from '../../types';\nimport { TabsProvider } from './TabContext';\nimport { useTab } from './useTabs';\n\nconst UncontrolledTabs = ({\n  children,\n  defaultSelectedTab,\n  onSelectionChange,\n  spacing,\n}: UncontrolledTabsProps): JSX.Element => {\n  const { selectedId, selectTab } = useTab(defaultSelectedTab);\n\n  return <TabsProvider value={{ selectedId, selectTab, onSelectionChange, spacing }}>{children}</TabsProvider>;\n};\n\nUncontrolledTabs.spiritComponent = 'UncontrolledTabs';\n\nexport default UncontrolledTabs;\n"],"names":["UncontrolledTabs","children","defaultSelectedTab","onSelectionChange","spacing","selectedId","selectTab","useTab","jsx","TabsProvider"],"mappings":";;;;AAOA,MAAMA,IAAmB,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,SAAAC;AACF,MAA0C;AACxC,QAAM,EAAE,YAAAC,GAAY,WAAAC,MAAcC,EAAOL,CAAkB;AAE3D,SAAO,gBAAAM,EAACC,KAAa,OAAO,EAAE,YAAAJ,GAAY,WAAAC,GAAW,mBAAAH,GAAmB,SAAAC,KAAY,UAAAH,GAAS;AAC/F;AAEAD,EAAiB,kBAAkB;"}