@alma-oss/spirit-web-react 4.3.0 → 4.5.0

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 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

@@ -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 { 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.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,29 @@
+"use client";
+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: {}
+}, 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,
+      ...u,
+      className: y(r.item, e.className),
+      role: "presentation",
+      children: /* @__PURE__ */ t(o, { ...s, ...k, href: P, onClick: d, ref: p, children: a })
+    }
+  );
+}, i = T(N);
+i.spiritComponent = "TabLink";
+i.displayName = "TabLink";
+export {
+  i 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 { 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/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;"}

package/dist/components/Tabs/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./TabContent.cjs"),e=require("./TabContext.cjs"),s=require("./TabItem.cjs"),a=require("./TabLink.cjs"),r=require("./TabList.cjs"),u=require("./TabPane.cjs"),o=require("./Tabs.cjs"),b=require("./UncontrolledTabs.cjs"),n=require("./useTabs.cjs"),T=require("./useTabsStyleProps.cjs");exports.TabContent=t.default;exports.TabContext=e.default;exports.TabsConsumer=e.TabsConsumer;exports.TabsProvider=e.TabsProvider;exports.useTabContext=e.useTabContext;exports.TabItem=s.default;exports.TabLink=a.default;exports.TabList=r.default;exports.TabPane=u.default;exports.Tabs=o.default;exports.UncontrolledTabs=b.default;exports.useTab=n.useTab;exports.useTabsStyleProps=T.useTabsStyleProps;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Tabs/index.js

@@ -0,0 +1,26 @@
+import { default as t } from "./TabContent.js";
+import { default as r, TabsConsumer as s, TabsProvider as f, useTabContext as b } from "./TabContext.js";
+import { default as T } from "./TabItem.js";
+import { default as x } from "./TabLink.js";
+import { default as p } from "./TabList.js";
+import { default as n } from "./TabPane.js";
+import { default as C } from "./Tabs.js";
+import { default as c } from "./UncontrolledTabs.js";
+import { useTab as k } from "./useTabs.js";
+import { useTabsStyleProps as y } from "./useTabsStyleProps.js";
+export {
+  t as TabContent,
+  r as TabContext,
+  T as TabItem,
+  x as TabLink,
+  p as TabList,
+  n as TabPane,
+  C as Tabs,
+  s as TabsConsumer,
+  f as TabsProvider,
+  c as UncontrolledTabs,
+  k as useTab,
+  b as useTabContext,
+  y as useTabsStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Tabs/useTabs.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=t=>{const[s,c]=e.useState(t),u=e.useCallback(a=>{c(a)},[]);return{selectedId:s,selectTab:u}};exports.useTab=r;
+//# sourceMappingURL=useTabs.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.cjs","sources":["../../../src/components/Tabs/useTabs.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\nimport { type TabId } from '../../types';\n\nexport const useTab = (initialId: TabId) => {\n  const [selectedId, setState] = useState<TabId>(initialId);\n\n  // Define and memorize toggler function in case we pass down the component,\n  const selectTab = useCallback((id: TabId) => {\n    setState(id);\n  }, []);\n\n  return { selectedId, selectTab };\n};\n"],"names":["useTab","initialId","selectedId","setState","useState","selectTab","useCallback","id"],"mappings":"sHAKaA,EAAUC,GAAqB,CAC1C,KAAM,CAACC,EAAYC,CAAQ,EAAIC,EAAAA,SAAgBH,CAAS,EAGlDI,EAAYC,cAAaC,GAAc,CAC3CJ,EAASI,CAAE,CACb,EAAG,CAAA,CAAE,EAEL,MAAO,CAAE,WAAAL,EAAY,UAAAG,CAAA,CACvB"}

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

@@ -0,0 +1,5 @@
+import { TabId } from '../../types';
+export declare const useTab: (initialId: TabId) => {
+    selectedId: TabId;
+    selectTab: (id: TabId) => void;
+};

package/dist/components/Tabs/useTabs.js

@@ -0,0 +1,12 @@
+"use client";
+import { useState as o, useCallback as r } from "react";
+const l = (e) => {
+  const [t, s] = o(e), c = r((a) => {
+    s(a);
+  }, []);
+  return { selectedId: t, selectTab: c };
+};
+export {
+  l as useTab
+};
+//# sourceMappingURL=useTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.js","sources":["../../../src/components/Tabs/useTabs.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\nimport { type TabId } from '../../types';\n\nexport const useTab = (initialId: TabId) => {\n  const [selectedId, setState] = useState<TabId>(initialId);\n\n  // Define and memorize toggler function in case we pass down the component,\n  const selectTab = useCallback((id: TabId) => {\n    setState(id);\n  }, []);\n\n  return { selectedId, selectTab };\n};\n"],"names":["useTab","initialId","selectedId","setState","useState","selectTab","useCallback","id"],"mappings":";;AAKO,MAAMA,IAAS,CAACC,MAAqB;AAC1C,QAAM,CAACC,GAAYC,CAAQ,IAAIC,EAAgBH,CAAS,GAGlDI,IAAYC,EAAY,CAACC,MAAc;AAC3C,IAAAJ,EAASI,CAAE;AAAA,EACb,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,YAAAL,GAAY,WAAAG,EAAA;AACvB;"}

package/dist/components/Tabs/useTabsStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("classnames"),p=require("../../hooks/useClassNamePrefix.cjs"),P=require("../../hooks/useSpacingStyle.cjs"),S=require("./TabContext.cjs");function C(r={selectedId:"",forTabPane:"",id:""}){const{spacing:c}=S.useTabContext(),{selectedId:s,forTabPane:t,id:a,...i}=r,e=p.useClassNamePrefix("Tabs"),l=`${e}__item`,u=`${e}__link`,b=`${e}Pane`,n="is-selected",d=P.useSpacingStyle(c,"tabs");return{classProps:{item:l,link:o(u,{[n]:!!t&&!!s&&s===t}),pane:o(b,{[n]:!!a&&!!s&&s===a}),root:e},props:i,styleProps:d}}exports.useTabsStyleProps=C;
+//# sourceMappingURL=useTabsStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTabsStyleProps.cjs","sources":["../../../src/components/Tabs/useTabsStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix, useSpacingStyle } from '../../hooks';\nimport { type SpacingCSSProperties, type SpiritTabsProps } from '../../types';\nimport { useTabContext } from './TabContext';\n\nexport interface TabsStyles {\n  /** className props */\n  classProps: {\n    item: string;\n    link: string;\n    pane: string;\n    root: string;\n  };\n  /** props to be passed to the element */\n  props: unknown;\n  styleProps: TabsCSSProperties;\n}\n\ninterface TabsCSSProperties extends SpacingCSSProperties {}\n\nexport function useTabsStyleProps(props: SpiritTabsProps = { selectedId: '', forTabPane: '', id: '' }): TabsStyles {\n  const { spacing } = useTabContext();\n  const { selectedId, forTabPane, id, ...modifiedProps } = props;\n\n  const tabsClass = useClassNamePrefix('Tabs');\n  const tabsItemClass = `${tabsClass}__item`;\n  const tabsLinkClass = `${tabsClass}__link`;\n  const tabsPaneClass = `${tabsClass}Pane`;\n  const tabsSelectedClass = 'is-selected';\n\n  const tabsStyle = useSpacingStyle(spacing, 'tabs');\n\n  return {\n    classProps: {\n      item: tabsItemClass,\n      link: classNames(tabsLinkClass, {\n        [tabsSelectedClass]: !!forTabPane && !!selectedId && selectedId === forTabPane,\n      }),\n      pane: classNames(tabsPaneClass, {\n        [tabsSelectedClass]: !!id && !!selectedId && selectedId === id,\n      }),\n      root: tabsClass,\n    },\n    props: modifiedProps,\n    styleProps: tabsStyle,\n  };\n}\n"],"names":["useTabsStyleProps","props","spacing","useTabContext","selectedId","forTabPane","id","modifiedProps","tabsClass","useClassNamePrefix","tabsItemClass","tabsLinkClass","tabsPaneClass","tabsSelectedClass","tabsStyle","useSpacingStyle","classNames"],"mappings":"yOAoBO,SAASA,EAAkBC,EAAyB,CAAE,WAAY,GAAI,WAAY,GAAI,GAAI,IAAkB,CACjH,KAAM,CAAE,QAAAC,CAAA,EAAYC,gBAAA,EACd,CAAE,WAAAC,EAAY,WAAAC,EAAY,GAAAC,EAAI,GAAGC,GAAkBN,EAEnDO,EAAYC,EAAAA,mBAAmB,MAAM,EACrCC,EAAgB,GAAGF,CAAS,SAC5BG,EAAgB,GAAGH,CAAS,SAC5BI,EAAgB,GAAGJ,CAAS,OAC5BK,EAAoB,cAEpBC,EAAYC,EAAAA,gBAAgBb,EAAS,MAAM,EAEjD,MAAO,CACL,WAAY,CACV,KAAMQ,EACN,KAAMM,EAAWL,EAAe,CAC9B,CAACE,CAAiB,EAAG,CAAC,CAACR,GAAc,CAAC,CAACD,GAAcA,IAAeC,CAAA,CACrE,EACD,KAAMW,EAAWJ,EAAe,CAC9B,CAACC,CAAiB,EAAG,CAAC,CAACP,GAAM,CAAC,CAACF,GAAcA,IAAeE,CAAA,CAC7D,EACD,KAAME,CAAA,EAER,MAAOD,EACP,WAAYO,CAAA,CAEhB"}

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

@@ -0,0 +1,15 @@
+import { SpacingCSSProperties, SpiritTabsProps } from '../../types';
+export interface TabsStyles {
+    classProps: {
+        item: string;
+        link: string;
+        pane: string;
+        root: string;
+    };
+    props: unknown;
+    styleProps: TabsCSSProperties;
+}
+interface TabsCSSProperties extends SpacingCSSProperties {
+}
+export declare function useTabsStyleProps(props?: SpiritTabsProps): TabsStyles;
+export {};

package/dist/components/Tabs/useTabsStyleProps.js

@@ -0,0 +1,25 @@
+import n from "classnames";
+import { useClassNamePrefix as d } from "../../hooks/useClassNamePrefix.js";
+import { useSpacingStyle as f } from "../../hooks/useSpacingStyle.js";
+import { useTabContext as P } from "./TabContext.js";
+function y(r = { selectedId: "", forTabPane: "", id: "" }) {
+  const { spacing: i } = P(), { selectedId: s, forTabPane: e, id: a, ...c } = r, t = d("Tabs"), l = `${t}__item`, m = `${t}__link`, p = `${t}Pane`, o = "is-selected", b = f(i, "tabs");
+  return {
+    classProps: {
+      item: l,
+      link: n(m, {
+        [o]: !!e && !!s && s === e
+      }),
+      pane: n(p, {
+        [o]: !!a && !!s && s === a
+      }),
+      root: t
+    },
+    props: c,
+    styleProps: b
+  };
+}
+export {
+  y as useTabsStyleProps
+};
+//# sourceMappingURL=useTabsStyleProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTabsStyleProps.js","sources":["../../../src/components/Tabs/useTabsStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix, useSpacingStyle } from '../../hooks';\nimport { type SpacingCSSProperties, type SpiritTabsProps } from '../../types';\nimport { useTabContext } from './TabContext';\n\nexport interface TabsStyles {\n  /** className props */\n  classProps: {\n    item: string;\n    link: string;\n    pane: string;\n    root: string;\n  };\n  /** props to be passed to the element */\n  props: unknown;\n  styleProps: TabsCSSProperties;\n}\n\ninterface TabsCSSProperties extends SpacingCSSProperties {}\n\nexport function useTabsStyleProps(props: SpiritTabsProps = { selectedId: '', forTabPane: '', id: '' }): TabsStyles {\n  const { spacing } = useTabContext();\n  const { selectedId, forTabPane, id, ...modifiedProps } = props;\n\n  const tabsClass = useClassNamePrefix('Tabs');\n  const tabsItemClass = `${tabsClass}__item`;\n  const tabsLinkClass = `${tabsClass}__link`;\n  const tabsPaneClass = `${tabsClass}Pane`;\n  const tabsSelectedClass = 'is-selected';\n\n  const tabsStyle = useSpacingStyle(spacing, 'tabs');\n\n  return {\n    classProps: {\n      item: tabsItemClass,\n      link: classNames(tabsLinkClass, {\n        [tabsSelectedClass]: !!forTabPane && !!selectedId && selectedId === forTabPane,\n      }),\n      pane: classNames(tabsPaneClass, {\n        [tabsSelectedClass]: !!id && !!selectedId && selectedId === id,\n      }),\n      root: tabsClass,\n    },\n    props: modifiedProps,\n    styleProps: tabsStyle,\n  };\n}\n"],"names":["useTabsStyleProps","props","spacing","useTabContext","selectedId","forTabPane","id","modifiedProps","tabsClass","useClassNamePrefix","tabsItemClass","tabsLinkClass","tabsPaneClass","tabsSelectedClass","tabsStyle","useSpacingStyle","classNames"],"mappings":";;;;AAoBO,SAASA,EAAkBC,IAAyB,EAAE,YAAY,IAAI,YAAY,IAAI,IAAI,MAAkB;AACjH,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,YAAAC,GAAY,YAAAC,GAAY,IAAAC,GAAI,GAAGC,MAAkBN,GAEnDO,IAAYC,EAAmB,MAAM,GACrCC,IAAgB,GAAGF,CAAS,UAC5BG,IAAgB,GAAGH,CAAS,UAC5BI,IAAgB,GAAGJ,CAAS,QAC5BK,IAAoB,eAEpBC,IAAYC,EAAgBb,GAAS,MAAM;AAEjD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMQ;AAAA,MACN,MAAMM,EAAWL,GAAe;AAAA,QAC9B,CAACE,CAAiB,GAAG,CAAC,CAACR,KAAc,CAAC,CAACD,KAAcA,MAAeC;AAAA,MAAA,CACrE;AAAA,MACD,MAAMW,EAAWJ,GAAe;AAAA,QAC9B,CAACC,CAAiB,GAAG,CAAC,CAACP,KAAM,CAAC,CAACF,KAAcA,MAAeE;AAAA,MAAA,CAC7D;AAAA,MACD,MAAME;AAAA,IAAA;AAAA,IAER,OAAOD;AAAA,IACP,YAAYO;AAAA,EAAA;AAEhB;"}

package/dist/components/Tabs.d.ts

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

package/dist/components/Tag/Tag.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),g=require("react"),m=require("../../constants/dictionaries.cjs"),T=require("../../hooks/styleProps.cjs"),S=require("../../utils/mergeStyleProps.cjs"),f=require("./constants.cjs"),q=require("./useTagStyleProps.cjs"),o={color:f.TagColorsExtended.NEUTRAL,elementType:"span",isSubtle:!1,size:m.SizesExtended.MEDIUM},x=(r,n)=>{const p={...o,...r},{elementType:l=o.elementType,children:i,...c}=p,s=l,{classProps:u,props:a}=q.useTagStyleProps(c),{styleProps:d,props:t}=T.useStyleProps(a),P=S.mergeStyleProps(s,{classProps:u,styleProps:d,otherProps:t});return y.jsx(s,{...t,...P,ref:n,children:i})},e=g.forwardRef(x);e.spiritComponent="Tag";e.displayName="Tag";exports.default=e;
+//# sourceMappingURL=Tag.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritTagProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TagColorsExtended } from './constants';\nimport { useTagStyleProps } from './useTagStyleProps';\n\nconst defaultProps = {\n  color: TagColorsExtended.NEUTRAL,\n  elementType: 'span',\n  isSubtle: false,\n  size: SizesExtended.MEDIUM,\n};\n\nconst _Tag = <E extends ElementType = 'span', C = void, S = void>(\n  props: SpiritTagProps<E, C, S>,\n  ref: PolymorphicRef<E>,\n): 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 } = useTagStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Tag = forwardRef<HTMLSpanElement, SpiritTagProps<'span', void, void>>(_Tag) as unknown as PolymorphicComponent<\n  'span',\n  SpiritTagProps<ElementType, void, void>\n>;\n\nTag.spiritComponent = 'Tag';\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"names":["defaultProps","TagColorsExtended","SizesExtended","_Tag","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useTagStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Tag","forwardRef"],"mappings":"qXAUMA,EAAe,CACnB,MAAOC,EAAAA,kBAAkB,QACzB,YAAa,OACb,SAAU,GACV,KAAMC,EAAAA,cAAc,MACtB,EAEMC,EAAO,CACXC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGN,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAAG,EAAcP,EAAa,YAAa,SAAAQ,EAAU,GAAGC,GAAcH,EAErEI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,iBAAiBJ,CAAS,EACjE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBR,EAAW,CAAE,WAAAC,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE1F,aACGL,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,IAAAZ,EAC9C,SAAAG,EACH,CAEJ,EAEMW,EAAMC,EAAAA,WAAgEjB,CAAI,EAKhFgB,EAAI,gBAAkB,MACtBA,EAAI,YAAc"}

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { PolymorphicComponent, SpiritTagProps } from '../../types';
+declare const Tag: PolymorphicComponent<"span", SpiritTagProps<ElementType, void, void>>;
+export default Tag;

package/dist/components/Tag/Tag.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as P } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { SizesExtended as u } from "../../constants/dictionaries.js";
+import { useStyleProps as y } from "../../hooks/styleProps.js";
+import { mergeStyleProps as g } from "../../utils/mergeStyleProps.js";
+import { TagColorsExtended as S } from "./constants.js";
+import { useTagStyleProps as x } from "./useTagStyleProps.js";
+const s = {
+  color: S.NEUTRAL,
+  elementType: "span",
+  isSubtle: !1,
+  size: u.MEDIUM
+}, E = (t, p) => {
+  const m = { ...s, ...t }, { elementType: n = s.elementType, children: i, ...l } = m, o = n, { classProps: a, props: c } = x(l), { styleProps: f, props: e } = y(c), d = g(o, { classProps: a, styleProps: f, otherProps: e });
+  return /* @__PURE__ */ P(o, { ...e, ...d, ref: p, children: i });
+}, r = T(E);
+r.spiritComponent = "Tag";
+r.displayName = "Tag";
+export {
+  r as default
+};
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritTagProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { TagColorsExtended } from './constants';\nimport { useTagStyleProps } from './useTagStyleProps';\n\nconst defaultProps = {\n  color: TagColorsExtended.NEUTRAL,\n  elementType: 'span',\n  isSubtle: false,\n  size: SizesExtended.MEDIUM,\n};\n\nconst _Tag = <E extends ElementType = 'span', C = void, S = void>(\n  props: SpiritTagProps<E, C, S>,\n  ref: PolymorphicRef<E>,\n): 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 } = useTagStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Tag = forwardRef<HTMLSpanElement, SpiritTagProps<'span', void, void>>(_Tag) as unknown as PolymorphicComponent<\n  'span',\n  SpiritTagProps<ElementType, void, void>\n>;\n\nTag.spiritComponent = 'Tag';\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"names":["defaultProps","TagColorsExtended","SizesExtended","_Tag","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useTagStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Tag","forwardRef"],"mappings":";;;;;;;;AAUA,MAAMA,IAAe;AAAA,EACnB,OAAOC,EAAkB;AAAA,EACzB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAMC,EAAc;AACtB,GAEMC,IAAO,CACXC,GACAC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGN,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAAG,IAAcP,EAAa,aAAa,UAAAQ,GAAU,GAAGC,MAAcH,GAErEI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAiBJ,CAAS,GACjE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAAC,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE1F,2BACGL,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,KAAAZ,GAC9C,UAAAG,GACH;AAEJ,GAEMW,IAAMC,EAAgEjB,CAAI;AAKhFgB,EAAI,kBAAkB;AACtBA,EAAI,cAAc;"}

package/dist/components/Tag/constants.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,4 @@
+export declare const TagColorsExtended: {
+    readonly NEUTRAL: "neutral";
+    readonly SELECTED: "selected";
+};