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

package/dist/components/Spinner/preview/index.js.map

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

package/dist/components/Spinner/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Spinner/preview/index'
+export default _default
+export {}

package/dist/components/Spinner.d.ts

@@ -1,2 +1,2 @@
-export * from './Spinner/index'
+export * from '../src/components/Spinner/index'
 export {}

package/dist/components/SplitButton.d.ts

@@ -1,2 +1,2 @@
-export * from './SplitButton/index'
+export * from '../src/components/SplitButton/index'
 export {}

package/dist/components/Stack/useStackStyleProps.cjs

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

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

@@ -1 +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"}
+{"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 itemProps = `${stackClass}Item`;\n  const stackStyle = useSpacingStyle(spacing, 'stack');\n\n  return {\n    classProps: {\n      root: classNames(stackClass, {\n        [stackBottomDividerClass]: hasEndDivider,\n        [stackMiddleDividersClass]: hasIntermediateDividers,\n        [stackSpacingClass]: hasSpacing || spacing,\n        [stackTopDividerClass]: hasStartDivider,\n      }),\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","itemProps","stackStyle","useSpacingStyle","classNames"],"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,EAAY,GAAGN,CAAU,OACzBO,EAAaC,EAAAA,gBAAgBV,EAAS,OAAO,EAEnD,MAAO,CACL,WAAY,CACV,KAAMW,EAAWT,EAAY,CAC3B,CAACE,CAAuB,EAAGR,EAC3B,CAACS,CAAwB,EAAGR,EAC5B,CAACS,CAAiB,EAAGR,GAAcE,EACnC,CAACO,CAAoB,EAAGR,CAAA,CACzB,EACD,KAAMS,CAAA,EAER,MAAOP,EACP,WAAYQ,CAAA,CAEhB"}

package/dist/components/Stack/useStackStyleProps.js

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

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

@@ -1 +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;"}
+{"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 itemProps = `${stackClass}Item`;\n  const stackStyle = useSpacingStyle(spacing, 'stack');\n\n  return {\n    classProps: {\n      root: classNames(stackClass, {\n        [stackBottomDividerClass]: hasEndDivider,\n        [stackMiddleDividersClass]: hasIntermediateDividers,\n        [stackSpacingClass]: hasSpacing || spacing,\n        [stackTopDividerClass]: hasStartDivider,\n      }),\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","itemProps","stackStyle","useSpacingStyle","classNames"],"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,IAAY,GAAGN,CAAU,QACzBO,IAAaC,EAAgBV,GAAS,OAAO;AAEnD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMW,EAAWT,GAAY;AAAA,QAC3B,CAACE,CAAuB,GAAGR;AAAA,QAC3B,CAACS,CAAwB,GAAGR;AAAA,QAC5B,CAACS,CAAiB,GAAGR,KAAcE;AAAA,QACnC,CAACO,CAAoB,GAAGR;AAAA,MAAA,CACzB;AAAA,MACD,MAAMS;AAAA,IAAA;AAAA,IAER,OAAOP;AAAA,IACP,YAAYQ;AAAA,EAAA;AAEhB;"}

package/dist/components/Stack.d.ts

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

package/dist/components/Tabs/TabLink.cjs

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

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

@@ -1 +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"}
+{"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 { useLinkClick, 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 = {}, routerOptions, ...restProps } = propsWithDefaults;\n  const { href } = restProps;\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  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <li\n      {...itemStyleProps}\n      {...itemTransferProps}\n      className={classNames(classProps.item, itemStyleProps.className)}\n      role=\"presentation\"\n    >\n      <Component {...restProps} {...mergedStyleProps} href={href} onClick={handleClick} 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","routerOptions","restProps","href","Component","classProps","useTabsStyleProps","itemStyleProps","itemTransferProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","classNames","TabLink","forwardRef"],"mappings":"6WAcMA,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,CAAA,EAAI,cAAAC,EAAe,GAAGC,CAAA,EAAcL,EAC/E,CAAE,KAAAM,GAASD,EAEXE,EAAYN,EAEZ,CAAE,WAAAO,CAAA,EAAeC,oBAAA,EACjB,CAAE,WAAYC,EAAgB,MAAOC,CAAA,EAAsBC,EAAAA,cAAcT,CAAS,EAClFU,EAAmBC,EAAAA,gBAAgBP,EAAW,CAAE,WAAYC,EAAW,KAAM,EAE7EO,EAAcC,EAAAA,aAAa,CAAE,GAAGX,EAAW,cAAAD,EAAe,EAEhE,OACEa,EAAAA,IAAC,KAAA,CACE,GAAGP,EACH,GAAGC,EACJ,UAAWO,EAAWV,EAAW,KAAME,EAAe,SAAS,EAC/D,KAAK,eAEL,SAAAO,EAAAA,IAACV,EAAA,CAAW,GAAGF,EAAY,GAAGQ,EAAkB,KAAAP,EAAY,QAASS,EAAa,IAAAhB,EAC/E,SAAAG,CAAA,CACH,CAAA,CAAA,CAGN,EAEMiB,EAAUC,EAAAA,WAAuDvB,CAAQ,EAK/EsB,EAAQ,gBAAkB,UAC1BA,EAAQ,YAAc"}

package/dist/components/Tabs/TabLink.js

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

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

@@ -1 +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;"}
+{"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 { useLinkClick, 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 = {}, routerOptions, ...restProps } = propsWithDefaults;\n  const { href } = restProps;\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  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <li\n      {...itemStyleProps}\n      {...itemTransferProps}\n      className={classNames(classProps.item, itemStyleProps.className)}\n      role=\"presentation\"\n    >\n      <Component {...restProps} {...mergedStyleProps} href={href} onClick={handleClick} 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","routerOptions","restProps","href","Component","classProps","useTabsStyleProps","itemStyleProps","itemTransferProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","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,CAAA,GAAI,eAAAC,GAAe,GAAGC,EAAA,IAAcL,GAC/E,EAAE,MAAAM,MAASD,GAEXE,IAAYN,GAEZ,EAAE,YAAAO,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAYC,GAAgB,OAAOC,EAAA,IAAsBC,EAAcT,CAAS,GAClFU,IAAmBC,EAAgBP,GAAW,EAAE,YAAYC,EAAW,MAAM,GAE7EO,IAAcC,EAAa,EAAE,GAAGX,GAAW,eAAAD,GAAe;AAEhE,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACH,GAAGC;AAAA,MACJ,WAAWO,EAAWV,EAAW,MAAME,EAAe,SAAS;AAAA,MAC/D,MAAK;AAAA,MAEL,UAAA,gBAAAO,EAACV,GAAA,EAAW,GAAGF,GAAY,GAAGQ,GAAkB,MAAAP,GAAY,SAASS,GAAa,KAAAhB,GAC/E,UAAAG,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMiB,IAAUC,EAAuDvB,CAAQ;AAK/EsB,EAAQ,kBAAkB;AAC1BA,EAAQ,cAAc;"}

package/dist/components/Tabs/demo/TabsDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),i=require("../TabContent.cjs"),t=require("../TabItem.cjs"),s=require("../TabLink.cjs"),o=require("../TabList.cjs"),n=require("../TabPane.cjs"),u=require("../Tabs.cjs"),f=()=>{const[r,l]=d.useState(1),a=c=>{l(c)};return e.jsxs(u.default,{selectedTab:r,toggle:a,children:[e.jsxs(o.default,{children:[e.jsx(t.default,{forTabPane:1,children:"Item 1"}),e.jsx(t.default,{forTabPane:2,children:"Item 2"}),e.jsx(s.default,{href:"https://www.example.com",children:"Item link"}),e.jsx(s.default,{href:"https://www.example.com",itemProps:{UNSAFE_className:"d-none d-desktop-block"},children:"Item link, desktop only"})]}),e.jsxs(i.default,{children:[e.jsx(n.default,{id:1,children:"Pane 1 content"}),e.jsx(n.default,{id:2,children:"Pane 2 content"})]})]})};exports.default=f;
+//# sourceMappingURL=TabsDefault.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsDefault.cjs","sources":["../../../../src/components/Tabs/demo/TabsDefault.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { type TabId } from '../../../types';\nimport TabContent from '../TabContent';\nimport TabItem from '../TabItem';\nimport TabLink from '../TabLink';\nimport TabList from '../TabList';\nimport TabPane from '../TabPane';\nimport Tabs from '../Tabs';\n\nconst TabsDefault = () => {\n  const [selectedId, setSelectedId] = useState<TabId>(1);\n\n  const selectTab = (id: TabId) => {\n    setSelectedId(id);\n  };\n\n  return (\n    <Tabs selectedTab={selectedId} toggle={selectTab}>\n      <TabList>\n        <TabItem forTabPane={1}>Item 1</TabItem>\n        <TabItem forTabPane={2}>Item 2</TabItem>\n        <TabLink href=\"https://www.example.com\">Item link</TabLink>\n        <TabLink href=\"https://www.example.com\" itemProps={{ UNSAFE_className: 'd-none d-desktop-block' }}>\n          Item link, desktop only\n        </TabLink>\n      </TabList>\n      <TabContent>\n        <TabPane id={1}>Pane 1 content</TabPane>\n        <TabPane id={2}>Pane 2 content</TabPane>\n      </TabContent>\n    </Tabs>\n  );\n};\n\nexport default TabsDefault;\n"],"names":["TabsDefault","selectedId","setSelectedId","useState","selectTab","id","jsxs","Tabs","TabList","jsx","TabItem","TabLink","TabContent","TabPane"],"mappings":"4UASMA,EAAc,IAAM,CACxB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAgB,CAAC,EAE/CC,EAAaC,GAAc,CAC/BH,EAAcG,CAAE,CAClB,EAEA,OACEC,EAAAA,KAACC,EAAAA,QAAA,CAAK,YAAaN,EAAY,OAAQG,EACrC,SAAA,CAAAE,OAACE,EAAAA,QAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,WAAY,EAAG,SAAA,SAAM,EAC9BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,WAAY,EAAG,SAAA,SAAM,EAC9BD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,KAAK,0BAA0B,SAAA,YAAS,EACjDF,EAAAA,IAACE,EAAAA,SAAQ,KAAK,0BAA0B,UAAW,CAAE,iBAAkB,wBAAA,EAA4B,SAAA,yBAAA,CAEnG,CAAA,EACF,SACCC,EAAAA,QAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,QAAA,CAAQ,GAAI,EAAG,SAAA,iBAAc,EAC9BJ,EAAAA,IAACI,EAAAA,QAAA,CAAQ,GAAI,EAAG,SAAA,gBAAA,CAAc,CAAA,CAAA,CAChC,CAAA,EACF,CAEJ"}

package/dist/components/Tabs/demo/TabsDefault.js

@@ -0,0 +1,29 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useState as s } from "react";
+import c from "../TabContent.js";
+import o from "../TabItem.js";
+import r from "../TabLink.js";
+import l from "../TabList.js";
+import n from "../TabPane.js";
+import d from "../Tabs.js";
+const u = () => {
+  const [m, a] = s(1);
+  return /* @__PURE__ */ t(d, { selectedTab: m, toggle: (i) => {
+    a(i);
+  }, children: [
+    /* @__PURE__ */ t(l, { children: [
+      /* @__PURE__ */ e(o, { forTabPane: 1, children: "Item 1" }),
+      /* @__PURE__ */ e(o, { forTabPane: 2, children: "Item 2" }),
+      /* @__PURE__ */ e(r, { href: "https://www.example.com", children: "Item link" }),
+      /* @__PURE__ */ e(r, { href: "https://www.example.com", itemProps: { UNSAFE_className: "d-none d-desktop-block" }, children: "Item link, desktop only" })
+    ] }),
+    /* @__PURE__ */ t(c, { children: [
+      /* @__PURE__ */ e(n, { id: 1, children: "Pane 1 content" }),
+      /* @__PURE__ */ e(n, { id: 2, children: "Pane 2 content" })
+    ] })
+  ] });
+};
+export {
+  u as default
+};
+//# sourceMappingURL=TabsDefault.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsDefault.js","sources":["../../../../src/components/Tabs/demo/TabsDefault.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { type TabId } from '../../../types';\nimport TabContent from '../TabContent';\nimport TabItem from '../TabItem';\nimport TabLink from '../TabLink';\nimport TabList from '../TabList';\nimport TabPane from '../TabPane';\nimport Tabs from '../Tabs';\n\nconst TabsDefault = () => {\n  const [selectedId, setSelectedId] = useState<TabId>(1);\n\n  const selectTab = (id: TabId) => {\n    setSelectedId(id);\n  };\n\n  return (\n    <Tabs selectedTab={selectedId} toggle={selectTab}>\n      <TabList>\n        <TabItem forTabPane={1}>Item 1</TabItem>\n        <TabItem forTabPane={2}>Item 2</TabItem>\n        <TabLink href=\"https://www.example.com\">Item link</TabLink>\n        <TabLink href=\"https://www.example.com\" itemProps={{ UNSAFE_className: 'd-none d-desktop-block' }}>\n          Item link, desktop only\n        </TabLink>\n      </TabList>\n      <TabContent>\n        <TabPane id={1}>Pane 1 content</TabPane>\n        <TabPane id={2}>Pane 2 content</TabPane>\n      </TabContent>\n    </Tabs>\n  );\n};\n\nexport default TabsDefault;\n"],"names":["TabsDefault","selectedId","setSelectedId","useState","jsxs","Tabs","id","TabList","jsx","TabItem","TabLink","TabContent","TabPane"],"mappings":";;;;;;;;AASA,MAAMA,IAAc,MAAM;AACxB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAgB,CAAC;AAMrD,SACE,gBAAAC,EAACC,GAAA,EAAK,aAAaJ,GAAY,QALf,CAACK,MAAc;AAC/B,IAAAJ,EAAcI,CAAE;AAAA,EAClB,GAII,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAQ,YAAY,GAAG,UAAA,UAAM;AAAA,MAC9B,gBAAAD,EAACC,GAAA,EAAQ,YAAY,GAAG,UAAA,UAAM;AAAA,MAC9B,gBAAAD,EAACE,GAAA,EAAQ,MAAK,2BAA0B,UAAA,aAAS;AAAA,MACjD,gBAAAF,EAACE,KAAQ,MAAK,2BAA0B,WAAW,EAAE,kBAAkB,yBAAA,GAA4B,UAAA,0BAAA,CAEnG;AAAA,IAAA,GACF;AAAA,sBACCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAQ,IAAI,GAAG,UAAA,kBAAc;AAAA,MAC9B,gBAAAJ,EAACI,GAAA,EAAQ,IAAI,GAAG,UAAA,iBAAA,CAAc;AAAA,IAAA,EAAA,CAChC;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Tabs/demo/TabsWithCustomSpacing.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),i=require("../TabContent.cjs"),t=require("../TabItem.cjs"),s=require("../TabLink.cjs"),o=require("../TabList.cjs"),n=require("../TabPane.cjs"),u=require("../Tabs.cjs"),b=()=>{const[a,c]=d.useState(1),l=r=>{c(r)};return e.jsxs(u.default,{selectedTab:a,toggle:l,spacing:{mobile:"space-500",tablet:"space-1000",desktop:"space-1600"},children:[e.jsxs(o.default,{children:[e.jsx(t.default,{forTabPane:1,children:"Item 1"}),e.jsx(t.default,{forTabPane:2,children:"Item 2"}),e.jsx(s.default,{href:"https://www.example.com",children:"Item link"}),e.jsx(s.default,{href:"https://www.example.com",itemProps:{UNSAFE_className:"d-none d-desktop-block"},children:"Item link, desktop only"})]}),e.jsxs(i.default,{children:[e.jsx(n.default,{id:1,children:"Pane 1 content"}),e.jsx(n.default,{id:2,children:"Pane 2 content"})]})]})};exports.default=b;
+//# sourceMappingURL=TabsWithCustomSpacing.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsWithCustomSpacing.cjs","sources":["../../../../src/components/Tabs/demo/TabsWithCustomSpacing.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { type TabId } from '../../../types';\nimport TabContent from '../TabContent';\nimport TabItem from '../TabItem';\nimport TabLink from '../TabLink';\nimport TabList from '../TabList';\nimport TabPane from '../TabPane';\nimport Tabs from '../Tabs';\n\nconst TabsWithCustomSpacing = () => {\n  const [selectedId, setSelectedId] = useState<TabId>(1);\n\n  const selectTab = (id: TabId) => {\n    setSelectedId(id);\n  };\n\n  return (\n    <Tabs\n      selectedTab={selectedId}\n      toggle={selectTab}\n      spacing={{ mobile: 'space-500', tablet: 'space-1000', desktop: 'space-1600' }}\n    >\n      <TabList>\n        <TabItem forTabPane={1}>Item 1</TabItem>\n        <TabItem forTabPane={2}>Item 2</TabItem>\n        <TabLink href=\"https://www.example.com\">Item link</TabLink>\n        <TabLink href=\"https://www.example.com\" itemProps={{ UNSAFE_className: 'd-none d-desktop-block' }}>\n          Item link, desktop only\n        </TabLink>\n      </TabList>\n      <TabContent>\n        <TabPane id={1}>Pane 1 content</TabPane>\n        <TabPane id={2}>Pane 2 content</TabPane>\n      </TabContent>\n    </Tabs>\n  );\n};\n\nexport default TabsWithCustomSpacing;\n"],"names":["TabsWithCustomSpacing","selectedId","setSelectedId","useState","selectTab","id","jsxs","Tabs","TabList","jsx","TabItem","TabLink","TabContent","TabPane"],"mappings":"4UASMA,EAAwB,IAAM,CAClC,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAgB,CAAC,EAE/CC,EAAaC,GAAc,CAC/BH,EAAcG,CAAE,CAClB,EAEA,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACC,YAAaN,EACb,OAAQG,EACR,QAAS,CAAE,OAAQ,YAAa,OAAQ,aAAc,QAAS,YAAA,EAE/D,SAAA,CAAAE,OAACE,EAAAA,QAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAQ,WAAY,EAAG,SAAA,SAAM,EAC9BD,EAAAA,IAACC,EAAAA,QAAA,CAAQ,WAAY,EAAG,SAAA,SAAM,EAC9BD,EAAAA,IAACE,EAAAA,QAAA,CAAQ,KAAK,0BAA0B,SAAA,YAAS,EACjDF,EAAAA,IAACE,EAAAA,SAAQ,KAAK,0BAA0B,UAAW,CAAE,iBAAkB,wBAAA,EAA4B,SAAA,yBAAA,CAEnG,CAAA,EACF,SACCC,EAAAA,QAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,QAAA,CAAQ,GAAI,EAAG,SAAA,iBAAc,EAC9BJ,EAAAA,IAACI,EAAAA,QAAA,CAAQ,GAAI,EAAG,SAAA,gBAAA,CAAc,CAAA,CAAA,CAChC,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/Tabs/demo/TabsWithCustomSpacing.js

@@ -0,0 +1,37 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useState as i } from "react";
+import m from "../TabContent.js";
+import o from "../TabItem.js";
+import r from "../TabLink.js";
+import l from "../TabList.js";
+import n from "../TabPane.js";
+import d from "../Tabs.js";
+const u = () => {
+  const [s, a] = i(1);
+  return /* @__PURE__ */ t(
+    d,
+    {
+      selectedTab: s,
+      toggle: (c) => {
+        a(c);
+      },
+      spacing: { mobile: "space-500", tablet: "space-1000", desktop: "space-1600" },
+      children: [
+        /* @__PURE__ */ t(l, { children: [
+          /* @__PURE__ */ e(o, { forTabPane: 1, children: "Item 1" }),
+          /* @__PURE__ */ e(o, { forTabPane: 2, children: "Item 2" }),
+          /* @__PURE__ */ e(r, { href: "https://www.example.com", children: "Item link" }),
+          /* @__PURE__ */ e(r, { href: "https://www.example.com", itemProps: { UNSAFE_className: "d-none d-desktop-block" }, children: "Item link, desktop only" })
+        ] }),
+        /* @__PURE__ */ t(m, { children: [
+          /* @__PURE__ */ e(n, { id: 1, children: "Pane 1 content" }),
+          /* @__PURE__ */ e(n, { id: 2, children: "Pane 2 content" })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  u as default
+};
+//# sourceMappingURL=TabsWithCustomSpacing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsWithCustomSpacing.js","sources":["../../../../src/components/Tabs/demo/TabsWithCustomSpacing.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { type TabId } from '../../../types';\nimport TabContent from '../TabContent';\nimport TabItem from '../TabItem';\nimport TabLink from '../TabLink';\nimport TabList from '../TabList';\nimport TabPane from '../TabPane';\nimport Tabs from '../Tabs';\n\nconst TabsWithCustomSpacing = () => {\n  const [selectedId, setSelectedId] = useState<TabId>(1);\n\n  const selectTab = (id: TabId) => {\n    setSelectedId(id);\n  };\n\n  return (\n    <Tabs\n      selectedTab={selectedId}\n      toggle={selectTab}\n      spacing={{ mobile: 'space-500', tablet: 'space-1000', desktop: 'space-1600' }}\n    >\n      <TabList>\n        <TabItem forTabPane={1}>Item 1</TabItem>\n        <TabItem forTabPane={2}>Item 2</TabItem>\n        <TabLink href=\"https://www.example.com\">Item link</TabLink>\n        <TabLink href=\"https://www.example.com\" itemProps={{ UNSAFE_className: 'd-none d-desktop-block' }}>\n          Item link, desktop only\n        </TabLink>\n      </TabList>\n      <TabContent>\n        <TabPane id={1}>Pane 1 content</TabPane>\n        <TabPane id={2}>Pane 2 content</TabPane>\n      </TabContent>\n    </Tabs>\n  );\n};\n\nexport default TabsWithCustomSpacing;\n"],"names":["TabsWithCustomSpacing","selectedId","setSelectedId","useState","jsxs","Tabs","id","TabList","jsx","TabItem","TabLink","TabContent","TabPane"],"mappings":";;;;;;;;AASA,MAAMA,IAAwB,MAAM;AAClC,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAgB,CAAC;AAMrD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaJ;AAAA,MACb,QAPc,CAACK,MAAc;AAC/B,QAAAJ,EAAcI,CAAE;AAAA,MAClB;AAAA,MAMI,SAAS,EAAE,QAAQ,aAAa,QAAQ,cAAc,SAAS,aAAA;AAAA,MAE/D,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAQ,YAAY,GAAG,UAAA,UAAM;AAAA,UAC9B,gBAAAD,EAACC,GAAA,EAAQ,YAAY,GAAG,UAAA,UAAM;AAAA,UAC9B,gBAAAD,EAACE,GAAA,EAAQ,MAAK,2BAA0B,UAAA,aAAS;AAAA,UACjD,gBAAAF,EAACE,KAAQ,MAAK,2BAA0B,WAAW,EAAE,kBAAkB,yBAAA,GAA4B,UAAA,0BAAA,CAEnG;AAAA,QAAA,GACF;AAAA,0BACCC,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAQ,IAAI,GAAG,UAAA,kBAAc;AAAA,UAC9B,gBAAAJ,EAACI,GAAA,EAAQ,IAAI,GAAG,UAAA,iBAAA,CAAc;AAAA,QAAA,EAAA,CAChC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Tabs/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),i=require("./TabsDefault.cjs"),c=require("./TabsWithCustomSpacing.cjs"),r=()=>e.jsxs(s.StrictMode,{children:[e.jsx(t.default,{title:"Default",stackAlignment:"stretch",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Custom Spacing",stackAlignment:"stretch",children:e.jsx(c.default,{})})]});exports.Preview=r;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Tabs/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport TabsDefault from './TabsDefault';\nimport TabsWithCustomSpacing from './TabsWithCustomSpacing';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n      <TabsDefault />\n    </DocsSection>\n    <DocsSection title=\"Custom Spacing\" stackAlignment=\"stretch\">\n      <TabsWithCustomSpacing />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","TabsDefault","TabsWithCustomSpacing"],"mappings":"kRAOaA,EAAU,IACrBC,EAAAA,KAACC,EAAAA,WAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAY,MAAM,UAAU,eAAe,UAC1C,SAAAD,EAAAA,IAACE,YAAY,CAAA,CACf,EACAF,EAAAA,IAACC,EAAAA,SAAY,MAAM,iBAAiB,eAAe,UACjD,SAAAD,EAAAA,IAACG,EAAAA,UAAsB,CAAA,CACzB,CAAA,CAAA,CACF"}

package/dist/components/Tabs/demo/preview.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { StrictMode as r } from "react";
+import i from "../../../web-react/docs/DocsSection.js";
+import o from "./TabsDefault.js";
+import s from "./TabsWithCustomSpacing.js";
+const p = () => /* @__PURE__ */ e(r, { children: [
+  /* @__PURE__ */ t(i, { title: "Default", stackAlignment: "stretch", children: /* @__PURE__ */ t(o, {}) }),
+  /* @__PURE__ */ t(i, { title: "Custom Spacing", stackAlignment: "stretch", children: /* @__PURE__ */ t(s, {}) })
+] });
+export {
+  p as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Tabs/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport TabsDefault from './TabsDefault';\nimport TabsWithCustomSpacing from './TabsWithCustomSpacing';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n      <TabsDefault />\n    </DocsSection>\n    <DocsSection title=\"Custom Spacing\" stackAlignment=\"stretch\">\n      <TabsWithCustomSpacing />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","TabsDefault","TabsWithCustomSpacing"],"mappings":";;;;;;AAOO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAY,OAAM,WAAU,gBAAe,WAC1C,UAAA,gBAAAD,EAACE,KAAY,EAAA,CACf;AAAA,EACA,gBAAAF,EAACC,KAAY,OAAM,kBAAiB,gBAAe,WACjD,UAAA,gBAAAD,EAACG,KAAsB,EAAA,CACzB;AAAA,EAAA,CACF;"}

package/dist/components/Tabs/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Tabs/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Tabs/preview/index'
+export default _default
+export {}

package/dist/components/Tabs.d.ts

@@ -1,2 +1,2 @@
-export * from './Tabs/index'
+export * from '../src/components/Tabs/index'
 export {}

package/dist/components/Tag/constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={NEUTRAL:"neutral"};exports.TagColorsExtended=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={NEUTRAL:"neutral",SELECTED:"selected"};exports.TagColorsExtended=e;
 //# sourceMappingURL=constants.cjs.map

package/dist/components/Tag/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../src/components/Tag/constants.ts"],"sourcesContent":["export const TagColorsExtended = {\n  NEUTRAL: 'neutral',\n} as const;\n"],"names":["TagColorsExtended"],"mappings":"gFAAO,MAAMA,EAAoB,CAC/B,QAAS,SACX"}
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Tag/constants.ts"],"sourcesContent":["export const TagColorsExtended = {\n  NEUTRAL: 'neutral',\n  SELECTED: 'selected',\n} as const;\n"],"names":["TagColorsExtended"],"mappings":"gFAAO,MAAMA,EAAoB,CAC/B,QAAS,UACT,SAAU,UACZ"}

package/dist/components/Tag/constants.js

@@ -1,7 +1,8 @@
-const t = {
-  NEUTRAL: "neutral"
+const e = {
+  NEUTRAL: "neutral",
+  SELECTED: "selected"
 };
 export {
-  t as TagColorsExtended
+  e as TagColorsExtended
 };
 //# sourceMappingURL=constants.js.map

package/dist/components/Tag/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/Tag/constants.ts"],"sourcesContent":["export const TagColorsExtended = {\n  NEUTRAL: 'neutral',\n} as const;\n"],"names":["TagColorsExtended"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,SAAS;AACX;"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/Tag/constants.ts"],"sourcesContent":["export const TagColorsExtended = {\n  NEUTRAL: 'neutral',\n  SELECTED: 'selected',\n} as const;\n"],"names":["TagColorsExtended"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,UAAU;AACZ;"}

package/dist/components/Tag/demo/TagAppearance.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("../../../web-react/docs/DocsSection.cjs"),r=require("../../../constants/dictionaries.cjs"),n=require("../../Grid/Grid.cjs"),a=require("../Tag.cjs"),i=Object.values(r.SizesExtended),l=()=>t.jsx(n.default,{cols:{mobile:1,tablet:3,desktop:5},spacingY:"space-1100",UNSAFE_className:"spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance",children:i.map(e=>t.jsxs(s.default,{container:"none",hasPadding:!1,title:`Size ${e}`,children:[t.jsx(a.default,{color:"neutral",size:e,isSubtle:!0,children:"Tag subtle"}),t.jsx(a.default,{color:"neutral",size:e,children:"Tag"})]},e))});exports.default=l;
+//# sourceMappingURL=TagAppearance.cjs.map

package/dist/components/Tag/demo/TagAppearance.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagAppearance.cjs","sources":["../../../../src/components/Tag/demo/TagAppearance.tsx"],"sourcesContent":["import React from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport { Tag } from '..';\n\nconst sizes = Object.values(SizesExtended);\n\nconst TagAppearance = () => (\n  <Grid\n    cols={{ mobile: 1, tablet: 3, desktop: 5 }}\n    spacingY=\"space-1100\"\n    UNSAFE_className=\"spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance\"\n  >\n    {sizes.map((size) => (\n      <DocsSection key={size} container=\"none\" hasPadding={false} title={`Size ${size}`}>\n        <Tag color=\"neutral\" size={size} isSubtle>\n          Tag subtle\n        </Tag>\n        <Tag color=\"neutral\" size={size}>\n          Tag\n        </Tag>\n      </DocsSection>\n    ))}\n  </Grid>\n);\n\nexport default TagAppearance;\n"],"names":["sizes","SizesExtended","TagAppearance","jsx","Grid","size","jsxs","DocsSection","Tag"],"mappings":"gTAMMA,EAAQ,OAAO,OAAOC,eAAa,EAEnCC,EAAgB,IACpBC,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,CAAA,EACvC,SAAS,aACT,iBAAiB,sGAEhB,SAAAJ,EAAM,IAAKK,GACVC,EAAAA,KAACC,EAAAA,QAAA,CAAuB,UAAU,OAAO,WAAY,GAAO,MAAO,QAAQF,CAAI,GAC7E,SAAA,CAAAF,MAACK,EAAAA,SAAI,MAAM,UAAU,KAAAH,EAAY,SAAQ,GAAC,SAAA,aAE1C,EACAF,EAAAA,IAACK,EAAAA,QAAA,CAAI,MAAM,UAAU,KAAAH,EAAY,SAAA,KAAA,CAEjC,CAAA,CAAA,EANgBA,CAOlB,CACD,CAAA,CACH"}

package/dist/components/Tag/demo/TagAppearance.js

@@ -0,0 +1,21 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import o from "../../../web-react/docs/DocsSection.js";
+import { SizesExtended as s } from "../../../constants/dictionaries.js";
+import i from "../../Grid/Grid.js";
+import a from "../Tag.js";
+const n = Object.values(s), u = () => /* @__PURE__ */ t(
+  i,
+  {
+    cols: { mobile: 1, tablet: 3, desktop: 5 },
+    spacingY: "space-1100",
+    UNSAFE_className: "spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance",
+    children: n.map((e) => /* @__PURE__ */ r(o, { container: "none", hasPadding: !1, title: `Size ${e}`, children: [
+      /* @__PURE__ */ t(a, { color: "neutral", size: e, isSubtle: !0, children: "Tag subtle" }),
+      /* @__PURE__ */ t(a, { color: "neutral", size: e, children: "Tag" })
+    ] }, e))
+  }
+);
+export {
+  u as default
+};
+//# sourceMappingURL=TagAppearance.js.map

package/dist/components/Tag/demo/TagAppearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagAppearance.js","sources":["../../../../src/components/Tag/demo/TagAppearance.tsx"],"sourcesContent":["import React from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport { Tag } from '..';\n\nconst sizes = Object.values(SizesExtended);\n\nconst TagAppearance = () => (\n  <Grid\n    cols={{ mobile: 1, tablet: 3, desktop: 5 }}\n    spacingY=\"space-1100\"\n    UNSAFE_className=\"spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance\"\n  >\n    {sizes.map((size) => (\n      <DocsSection key={size} container=\"none\" hasPadding={false} title={`Size ${size}`}>\n        <Tag color=\"neutral\" size={size} isSubtle>\n          Tag subtle\n        </Tag>\n        <Tag color=\"neutral\" size={size}>\n          Tag\n        </Tag>\n      </DocsSection>\n    ))}\n  </Grid>\n);\n\nexport default TagAppearance;\n"],"names":["sizes","SizesExtended","TagAppearance","jsx","Grid","size","jsxs","DocsSection","Tag"],"mappings":";;;;;AAMA,MAAMA,IAAQ,OAAO,OAAOC,CAAa,GAEnCC,IAAgB,MACpB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA;AAAA,IACvC,UAAS;AAAA,IACT,kBAAiB;AAAA,IAEhB,UAAAJ,EAAM,IAAI,CAACK,MACV,gBAAAC,EAACC,GAAA,EAAuB,WAAU,QAAO,YAAY,IAAO,OAAO,QAAQF,CAAI,IAC7E,UAAA;AAAA,MAAA,gBAAAF,EAACK,KAAI,OAAM,WAAU,MAAAH,GAAY,UAAQ,IAAC,UAAA,cAE1C;AAAA,MACA,gBAAAF,EAACK,GAAA,EAAI,OAAM,WAAU,MAAAH,GAAY,UAAA,MAAA,CAEjC;AAAA,IAAA,EAAA,GANgBA,CAOlB,CACD;AAAA,EAAA;AACH;"}

package/dist/components/Tag/demo/TagDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("react"),u=require("../../../constants/dictionaries.cjs"),l=require("../../Grid/Grid.cjs"),n=require("../Tag.cjs"),r=require("../constants.cjs"),d=require("../../../web-react/docs/DocsSection.cjs"),g=require("../../../web-react/docs/constants.cjs"),j=()=>{const o=Object.values(u.SizesExtended),a=Object.values(g.DemoEmotionColors),i=[r.TagColorsExtended.NEUTRAL,...a,r.TagColorsExtended.SELECTED];return s.jsx(l.default,{cols:{mobile:1,tablet:3,desktop:5},spacingY:"space-1100",children:o.map(e=>s.jsx(d.default,{container:"none",hasPadding:!1,title:`Size ${e}`,children:i.map(t=>s.jsxs(c.Fragment,{children:[s.jsxs(n.default,{color:t,size:e,isSubtle:!0,children:["Tag ",t]}),s.jsxs(n.default,{color:t,size:e,children:["Tag ",t]})]},`tag-${t}-${e}`))},e))})};exports.default=j;
+//# sourceMappingURL=TagDefault.cjs.map

package/dist/components/Tag/demo/TagDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagDefault.cjs","sources":["../../../../src/components/Tag/demo/TagDefault.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { DemoEmotionColors, DocsSection } from '../../../../docs';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport { Tag, TagColorsExtended } from '..';\n\nconst TagDefault = () => {\n  const sizes = Object.values(SizesExtended);\n  const emotionColors = Object.values(DemoEmotionColors);\n  const colors = [TagColorsExtended.NEUTRAL, ...emotionColors, TagColorsExtended.SELECTED];\n\n  return (\n    <Grid cols={{ mobile: 1, tablet: 3, desktop: 5 }} spacingY=\"space-1100\">\n      {sizes.map((size) => (\n        <DocsSection key={size} container=\"none\" hasPadding={false} title={`Size ${size}`}>\n          {colors.map((color) => (\n            <Fragment key={`tag-${color}-${size}`}>\n              <Tag color={color} size={size} isSubtle>\n                Tag {color}\n              </Tag>\n              <Tag color={color} size={size}>\n                Tag {color}\n              </Tag>\n            </Fragment>\n          ))}\n        </DocsSection>\n      ))}\n    </Grid>\n  );\n};\n\nexport default TagDefault;\n"],"names":["TagDefault","sizes","SizesExtended","emotionColors","DemoEmotionColors","colors","TagColorsExtended","jsx","Grid","size","DocsSection","color","Fragment","jsxs","Tag"],"mappings":"oZAMMA,EAAa,IAAM,CACvB,MAAMC,EAAQ,OAAO,OAAOC,eAAa,EACnCC,EAAgB,OAAO,OAAOC,mBAAiB,EAC/CC,EAAS,CAACC,oBAAkB,QAAS,GAAGH,EAAeG,EAAAA,kBAAkB,QAAQ,EAEvF,OACEC,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,CAAA,EAAK,SAAS,aACxD,WAAM,IAAKC,GACVF,EAAAA,IAACG,EAAAA,QAAA,CAAuB,UAAU,OAAO,WAAY,GAAO,MAAO,QAAQD,CAAI,GAC5E,SAAAJ,EAAO,IAAKM,UACVC,EAAAA,SAAA,CACC,SAAA,CAAAC,EAAAA,KAACC,EAAAA,QAAA,CAAI,MAAAH,EAAc,KAAAF,EAAY,SAAQ,GAAC,SAAA,CAAA,OACjCE,CAAA,EACP,EACAE,EAAAA,KAACC,EAAAA,QAAA,CAAI,MAAAH,EAAc,KAAAF,EAAY,SAAA,CAAA,OACxBE,CAAA,CAAA,CACP,CAAA,CAAA,EANa,OAAOA,CAAK,IAAIF,CAAI,EAOnC,CACD,CAAA,EAVeA,CAWlB,CACD,EACH,CAEJ"}

package/dist/components/Tag/demo/TagDefault.js

@@ -0,0 +1,25 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { Fragment as c } from "react";
+import { SizesExtended as l } from "../../../constants/dictionaries.js";
+import d from "../../Grid/Grid.js";
+import i from "../Tag.js";
+import { TagColorsExtended as m } from "../constants.js";
+import p from "../../../web-react/docs/DocsSection.js";
+import { DemoEmotionColors as f } from "../../../web-react/docs/constants.js";
+const j = () => {
+  const s = Object.values(l), n = Object.values(f), a = [m.NEUTRAL, ...n, m.SELECTED];
+  return /* @__PURE__ */ r(d, { cols: { mobile: 1, tablet: 3, desktop: 5 }, spacingY: "space-1100", children: s.map((t) => /* @__PURE__ */ r(p, { container: "none", hasPadding: !1, title: `Size ${t}`, children: a.map((o) => /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ e(i, { color: o, size: t, isSubtle: !0, children: [
+      "Tag ",
+      o
+    ] }),
+    /* @__PURE__ */ e(i, { color: o, size: t, children: [
+      "Tag ",
+      o
+    ] })
+  ] }, `tag-${o}-${t}`)) }, t)) });
+};
+export {
+  j as default
+};
+//# sourceMappingURL=TagDefault.js.map

package/dist/components/Tag/demo/TagDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagDefault.js","sources":["../../../../src/components/Tag/demo/TagDefault.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { DemoEmotionColors, DocsSection } from '../../../../docs';\nimport { SizesExtended } from '../../../constants';\nimport { Grid } from '../../Grid';\nimport { Tag, TagColorsExtended } from '..';\n\nconst TagDefault = () => {\n  const sizes = Object.values(SizesExtended);\n  const emotionColors = Object.values(DemoEmotionColors);\n  const colors = [TagColorsExtended.NEUTRAL, ...emotionColors, TagColorsExtended.SELECTED];\n\n  return (\n    <Grid cols={{ mobile: 1, tablet: 3, desktop: 5 }} spacingY=\"space-1100\">\n      {sizes.map((size) => (\n        <DocsSection key={size} container=\"none\" hasPadding={false} title={`Size ${size}`}>\n          {colors.map((color) => (\n            <Fragment key={`tag-${color}-${size}`}>\n              <Tag color={color} size={size} isSubtle>\n                Tag {color}\n              </Tag>\n              <Tag color={color} size={size}>\n                Tag {color}\n              </Tag>\n            </Fragment>\n          ))}\n        </DocsSection>\n      ))}\n    </Grid>\n  );\n};\n\nexport default TagDefault;\n"],"names":["TagDefault","sizes","SizesExtended","emotionColors","DemoEmotionColors","colors","TagColorsExtended","jsx","Grid","size","DocsSection","color","Fragment","jsxs","Tag"],"mappings":";;;;;;;;AAMA,MAAMA,IAAa,MAAM;AACvB,QAAMC,IAAQ,OAAO,OAAOC,CAAa,GACnCC,IAAgB,OAAO,OAAOC,CAAiB,GAC/CC,IAAS,CAACC,EAAkB,SAAS,GAAGH,GAAeG,EAAkB,QAAQ;AAEvF,SACE,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA,GAAK,UAAS,cACxD,YAAM,IAAI,CAACC,MACV,gBAAAF,EAACG,GAAA,EAAuB,WAAU,QAAO,YAAY,IAAO,OAAO,QAAQD,CAAI,IAC5E,UAAAJ,EAAO,IAAI,CAACM,wBACVC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAI,OAAAH,GAAc,MAAAF,GAAY,UAAQ,IAAC,UAAA;AAAA,MAAA;AAAA,MACjCE;AAAA,IAAA,GACP;AAAA,IACA,gBAAAE,EAACC,GAAA,EAAI,OAAAH,GAAc,MAAAF,GAAY,UAAA;AAAA,MAAA;AAAA,MACxBE;AAAA,IAAA,EAAA,CACP;AAAA,EAAA,EAAA,GANa,OAAOA,CAAK,IAAIF,CAAI,EAOnC,CACD,EAAA,GAVeA,CAWlB,CACD,GACH;AAEJ;"}

package/dist/components/Tag/demo/TagDisabled.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../ControlButton/ControlButton.cjs"),t=require("../../Icon/Icon.cjs"),s=require("../Tag.cjs"),i=require("../../../web-react/docs/DocsStack.cjs"),a=()=>e.jsxs(i.default,{stackAlignment:"start",UNSAFE_className:"spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance",children:[e.jsx(s.default,{size:"small",isDisabled:!0,children:"Disabled"}),e.jsx(s.default,{size:"small",isSubtle:!0,isDisabled:!0,children:"Disabled subtle"}),e.jsxs(s.default,{elementType:"div",isDisabled:!0,children:[e.jsx("span",{children:"Disabled with ControlButton"}),e.jsx(l.default,{size:"small",isSymmetrical:!0,isDisabled:!0,"aria-label":"Remove Disabled",children:e.jsx(t.default,{name:"close"})})]}),e.jsxs(s.default,{elementType:"div",isSubtle:!0,isDisabled:!0,children:[e.jsx("span",{children:"Disabled subtle with ControlButton"}),e.jsx(l.default,{size:"small",isSymmetrical:!0,isDisabled:!0,"aria-label":"Remove Disabled subtle",children:e.jsx(t.default,{name:"close"})})]})]});exports.default=a;
+//# sourceMappingURL=TagDisabled.cjs.map

package/dist/components/Tag/demo/TagDisabled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagDisabled.cjs","sources":["../../../../src/components/Tag/demo/TagDisabled.tsx"],"sourcesContent":["import React from 'react';\nimport { DocsStack } from '../../../../docs';\nimport { ControlButton } from '../../ControlButton';\nimport { Icon } from '../../Icon';\nimport { Tag } from '..';\n\nconst TagDisabled = () => (\n  <DocsStack\n    stackAlignment=\"start\"\n    UNSAFE_className=\"spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance\"\n  >\n    <Tag size=\"small\" isDisabled>\n      Disabled\n    </Tag>\n    <Tag size=\"small\" isSubtle isDisabled>\n      Disabled subtle\n    </Tag>\n    <Tag elementType=\"div\" isDisabled>\n      <span>Disabled with ControlButton</span>\n      <ControlButton size=\"small\" isSymmetrical isDisabled aria-label=\"Remove Disabled\">\n        <Icon name=\"close\" />\n      </ControlButton>\n    </Tag>\n    <Tag elementType=\"div\" isSubtle isDisabled>\n      <span>Disabled subtle with ControlButton</span>\n      <ControlButton size=\"small\" isSymmetrical isDisabled aria-label=\"Remove Disabled subtle\">\n        <Icon name=\"close\" />\n      </ControlButton>\n    </Tag>\n  </DocsStack>\n);\n\nexport default TagDisabled;\n"],"names":["TagDisabled","jsxs","DocsStack","jsx","Tag","ControlButton","Icon"],"mappings":"gTAMMA,EAAc,IAClBC,EAAAA,KAACC,EAAAA,QAAA,CACC,eAAe,QACf,iBAAiB,sGAEjB,SAAA,CAAAC,MAACC,EAAAA,QAAA,CAAI,KAAK,QAAQ,WAAU,GAAC,SAAA,WAE7B,EACAD,EAAAA,IAACC,EAAAA,SAAI,KAAK,QAAQ,SAAQ,GAAC,WAAU,GAAC,SAAA,iBAAA,CAEtC,EACAH,EAAAA,KAACG,EAAAA,QAAA,CAAI,YAAY,MAAM,WAAU,GAC/B,SAAA,CAAAD,EAAAA,IAAC,QAAK,SAAA,6BAAA,CAA2B,EACjCA,EAAAA,IAACE,EAAAA,QAAA,CAAc,KAAK,QAAQ,cAAa,GAAC,WAAU,GAAC,aAAW,kBAC9D,SAAAF,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAK,QAAQ,CAAA,CACrB,CAAA,EACF,SACCF,EAAAA,QAAA,CAAI,YAAY,MAAM,SAAQ,GAAC,WAAU,GACxC,SAAA,CAAAD,EAAAA,IAAC,QAAK,SAAA,oCAAA,CAAkC,EACxCA,EAAAA,IAACE,EAAAA,QAAA,CAAc,KAAK,QAAQ,cAAa,GAAC,WAAU,GAAC,aAAW,yBAC9D,SAAAF,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAK,QAAQ,CAAA,CACrB,CAAA,CAAA,CACF,CAAA,CAAA,CACF"}

package/dist/components/Tag/demo/TagDisabled.js

@@ -0,0 +1,28 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import s from "../../ControlButton/ControlButton.js";
+import t from "../../Icon/Icon.js";
+import i from "../Tag.js";
+import a from "../../../web-react/docs/DocsStack.js";
+const b = () => /* @__PURE__ */ l(
+  a,
+  {
+    stackAlignment: "start",
+    UNSAFE_className: "spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance",
+    children: [
+      /* @__PURE__ */ e(i, { size: "small", isDisabled: !0, children: "Disabled" }),
+      /* @__PURE__ */ e(i, { size: "small", isSubtle: !0, isDisabled: !0, children: "Disabled subtle" }),
+      /* @__PURE__ */ l(i, { elementType: "div", isDisabled: !0, children: [
+        /* @__PURE__ */ e("span", { children: "Disabled with ControlButton" }),
+        /* @__PURE__ */ e(s, { size: "small", isSymmetrical: !0, isDisabled: !0, "aria-label": "Remove Disabled", children: /* @__PURE__ */ e(t, { name: "close" }) })
+      ] }),
+      /* @__PURE__ */ l(i, { elementType: "div", isSubtle: !0, isDisabled: !0, children: [
+        /* @__PURE__ */ e("span", { children: "Disabled subtle with ControlButton" }),
+        /* @__PURE__ */ e(s, { size: "small", isSymmetrical: !0, isDisabled: !0, "aria-label": "Remove Disabled subtle", children: /* @__PURE__ */ e(t, { name: "close" }) })
+      ] })
+    ]
+  }
+);
+export {
+  b as default
+};
+//# sourceMappingURL=TagDisabled.js.map

package/dist/components/Tag/demo/TagDisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagDisabled.js","sources":["../../../../src/components/Tag/demo/TagDisabled.tsx"],"sourcesContent":["import React from 'react';\nimport { DocsStack } from '../../../../docs';\nimport { ControlButton } from '../../ControlButton';\nimport { Icon } from '../../Icon';\nimport { Tag } from '..';\n\nconst TagDisabled = () => (\n  <DocsStack\n    stackAlignment=\"start\"\n    UNSAFE_className=\"spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance\"\n  >\n    <Tag size=\"small\" isDisabled>\n      Disabled\n    </Tag>\n    <Tag size=\"small\" isSubtle isDisabled>\n      Disabled subtle\n    </Tag>\n    <Tag elementType=\"div\" isDisabled>\n      <span>Disabled with ControlButton</span>\n      <ControlButton size=\"small\" isSymmetrical isDisabled aria-label=\"Remove Disabled\">\n        <Icon name=\"close\" />\n      </ControlButton>\n    </Tag>\n    <Tag elementType=\"div\" isSubtle isDisabled>\n      <span>Disabled subtle with ControlButton</span>\n      <ControlButton size=\"small\" isSymmetrical isDisabled aria-label=\"Remove Disabled subtle\">\n        <Icon name=\"close\" />\n      </ControlButton>\n    </Tag>\n  </DocsStack>\n);\n\nexport default TagDisabled;\n"],"names":["TagDisabled","jsxs","DocsStack","jsx","Tag","ControlButton","Icon"],"mappings":";;;;;AAMA,MAAMA,IAAc,MAClB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAe;AAAA,IACf,kBAAiB;AAAA,IAEjB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAI,MAAK,SAAQ,YAAU,IAAC,UAAA,YAE7B;AAAA,MACA,gBAAAD,EAACC,KAAI,MAAK,SAAQ,UAAQ,IAAC,YAAU,IAAC,UAAA,kBAAA,CAEtC;AAAA,MACA,gBAAAH,EAACG,GAAA,EAAI,aAAY,OAAM,YAAU,IAC/B,UAAA;AAAA,QAAA,gBAAAD,EAAC,UAAK,UAAA,8BAAA,CAA2B;AAAA,QACjC,gBAAAA,EAACE,GAAA,EAAc,MAAK,SAAQ,eAAa,IAAC,YAAU,IAAC,cAAW,mBAC9D,UAAA,gBAAAF,EAACG,GAAA,EAAK,MAAK,SAAQ,EAAA,CACrB;AAAA,MAAA,GACF;AAAA,wBACCF,GAAA,EAAI,aAAY,OAAM,UAAQ,IAAC,YAAU,IACxC,UAAA;AAAA,QAAA,gBAAAD,EAAC,UAAK,UAAA,qCAAA,CAAkC;AAAA,QACxC,gBAAAA,EAACE,GAAA,EAAc,MAAK,SAAQ,eAAa,IAAC,YAAU,IAAC,cAAW,0BAC9D,UAAA,gBAAAF,EAACG,GAAA,EAAK,MAAK,SAAQ,EAAA,CACrB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/components/Tag/demo/TagWithControlButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),t=require("../../../constants/dictionaries.cjs"),a=require("../../ControlButton/ControlButton.cjs"),c=require("../../Grid/Grid.cjs"),i=require("../../Icon/Icon.cjs"),d=require("../Tag.cjs"),r=require("../constants.cjs"),u=require("../../../web-react/docs/DocsSection.cjs"),x=require("../../../web-react/docs/constants.cjs"),S=Object.values(t.SizesExtended),E=Object.values(x.DemoEmotionColors),m=[r.TagColorsExtended.NEUTRAL,...E,r.TagColorsExtended.SELECTED],o={[t.SizesExtended.XSMALL]:t.SizesExtended.XSMALL,[t.SizesExtended.SMALL]:t.SizesExtended.SMALL,[t.SizesExtended.MEDIUM]:t.SizesExtended.SMALL,[t.SizesExtended.LARGE]:t.SizesExtended.MEDIUM,[t.SizesExtended.XLARGE]:t.SizesExtended.MEDIUM},p=()=>e.jsx(c.default,{cols:{mobile:1,tablet:3,desktop:5},spacingY:"space-1100",UNSAFE_className:"spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance",children:S.map(s=>e.jsx(u.default,{container:"none",hasPadding:!1,title:`Size ${s}`,children:m.map(n=>e.jsxs(l.Fragment,{children:[e.jsxs(d.default,{color:n,size:s,isSubtle:!0,elementType:"div",children:[e.jsxs("span",{children:["Tag ",n]}),e.jsx(a.default,{size:o[s],isSymmetrical:!0,"aria-label":`Remove Tag ${n}`,children:e.jsx(i.default,{name:"close"})})]}),e.jsxs(d.default,{color:n,size:s,elementType:"div",children:[e.jsxs("span",{children:["Tag ",n]}),e.jsx(a.default,{size:o[s],isSymmetrical:!0,"aria-label":`Remove Tag ${n}`,children:e.jsx(i.default,{name:"close"})})]})]},`tag-${n}-${s}`))},s))});exports.default=p;
+//# sourceMappingURL=TagWithControlButton.cjs.map

package/dist/components/Tag/demo/TagWithControlButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagWithControlButton.cjs","sources":["../../../../src/components/Tag/demo/TagWithControlButton.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { DemoEmotionColors, DocsSection } from '../../../../docs';\nimport { SizesExtended } from '../../../constants';\nimport type { SizeExtendedDictionaryType } from '../../../types';\nimport { ControlButton } from '../../ControlButton';\nimport { Grid } from '../../Grid';\nimport { Icon } from '../../Icon';\nimport { Tag, TagColorsExtended } from '..';\n\nconst sizes = Object.values(SizesExtended);\nconst emotionColors = Object.values(DemoEmotionColors);\nconst colors = [TagColorsExtended.NEUTRAL, ...emotionColors, TagColorsExtended.SELECTED];\n\nconst controlButtonSizeMap: Record<string, SizeExtendedDictionaryType> = {\n  [SizesExtended.XSMALL]: SizesExtended.XSMALL,\n  [SizesExtended.SMALL]: SizesExtended.SMALL,\n  [SizesExtended.MEDIUM]: SizesExtended.SMALL,\n  [SizesExtended.LARGE]: SizesExtended.MEDIUM,\n  [SizesExtended.XLARGE]: SizesExtended.MEDIUM,\n};\n\nconst TagWithControlButton = () => (\n  <Grid\n    cols={{ mobile: 1, tablet: 3, desktop: 5 }}\n    spacingY=\"space-1100\"\n    UNSAFE_className=\"spirit-feature-enable-v5-control-button-expanded-size-scale spirit-feature-enable-v5-tag-appearance\"\n  >\n    {sizes.map((size) => (\n      <DocsSection key={size} container=\"none\" hasPadding={false} title={`Size ${size}`}>\n        {colors.map((color) => (\n          <Fragment key={`tag-${color}-${size}`}>\n            <Tag color={color} size={size} isSubtle elementType=\"div\">\n              <span>Tag {color}</span>\n              <ControlButton size={controlButtonSizeMap[size]} isSymmetrical aria-label={`Remove Tag ${color}`}>\n                <Icon name=\"close\" />\n              </ControlButton>\n            </Tag>\n            <Tag color={color} size={size} elementType=\"div\">\n              <span>Tag {color}</span>\n              <ControlButton size={controlButtonSizeMap[size]} isSymmetrical aria-label={`Remove Tag ${color}`}>\n                <Icon name=\"close\" />\n              </ControlButton>\n            </Tag>\n          </Fragment>\n        ))}\n      </DocsSection>\n    ))}\n  </Grid>\n);\n\nexport default TagWithControlButton;\n"],"names":["sizes","SizesExtended","emotionColors","DemoEmotionColors","colors","TagColorsExtended","controlButtonSizeMap","TagWithControlButton","jsx","Grid","size","DocsSection","color","Fragment","jsxs","Tag","ControlButton","Icon"],"mappings":"weASMA,EAAQ,OAAO,OAAOC,eAAa,EACnCC,EAAgB,OAAO,OAAOC,mBAAiB,EAC/CC,EAAS,CAACC,EAAAA,kBAAkB,QAAS,GAAGH,EAAeG,EAAAA,kBAAkB,QAAQ,EAEjFC,EAAmE,CACvE,CAACL,EAAAA,cAAc,MAAM,EAAGA,EAAAA,cAAc,OACtC,CAACA,EAAAA,cAAc,KAAK,EAAGA,EAAAA,cAAc,MACrC,CAACA,EAAAA,cAAc,MAAM,EAAGA,EAAAA,cAAc,MACtC,CAACA,EAAAA,cAAc,KAAK,EAAGA,EAAAA,cAAc,OACrC,CAACA,EAAAA,cAAc,MAAM,EAAGA,gBAAc,MACxC,EAEMM,EAAuB,IAC3BC,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAM,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,CAAA,EACvC,SAAS,aACT,iBAAiB,sGAEhB,WAAM,IAAKC,GACVF,EAAAA,IAACG,EAAAA,QAAA,CAAuB,UAAU,OAAO,WAAY,GAAO,MAAO,QAAQD,CAAI,GAC5E,SAAAN,EAAO,IAAKQ,UACVC,EAAAA,SAAA,CACC,SAAA,CAAAC,OAACC,EAAAA,SAAI,MAAAH,EAAc,KAAAF,EAAY,SAAQ,GAAC,YAAY,MAClD,SAAA,CAAAI,OAAC,OAAA,CAAK,SAAA,CAAA,OAAKF,CAAA,EAAM,QAChBI,EAAAA,QAAA,CAAc,KAAMV,EAAqBI,CAAI,EAAG,cAAa,GAAC,aAAY,cAAcE,CAAK,GAC5F,SAAAJ,EAAAA,IAACS,EAAAA,QAAA,CAAK,KAAK,QAAQ,CAAA,CACrB,CAAA,EACF,EACAH,EAAAA,KAACC,EAAAA,QAAA,CAAI,MAAAH,EAAc,KAAAF,EAAY,YAAY,MACzC,SAAA,CAAAI,OAAC,OAAA,CAAK,SAAA,CAAA,OAAKF,CAAA,EAAM,QAChBI,EAAAA,QAAA,CAAc,KAAMV,EAAqBI,CAAI,EAAG,cAAa,GAAC,aAAY,cAAcE,CAAK,GAC5F,SAAAJ,EAAAA,IAACS,EAAAA,QAAA,CAAK,KAAK,QAAQ,CAAA,CACrB,CAAA,CAAA,CACF,CAAA,GAZa,OAAOL,CAAK,IAAIF,CAAI,EAanC,CACD,CAAA,EAhBeA,CAiBlB,CACD,CAAA,CACH"}