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

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/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"}

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

@@ -0,0 +1,44 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { Fragment as c } from "react";
+import { SizesExtended as e } from "../../../constants/dictionaries.js";
+import n from "../../ControlButton/ControlButton.js";
+import p from "../../Grid/Grid.js";
+import i from "../../Icon/Icon.js";
+import m from "../Tag.js";
+import { TagColorsExtended as s } from "../constants.js";
+import d from "../../../web-react/docs/DocsSection.js";
+import { DemoEmotionColors as f } from "../../../web-react/docs/constants.js";
+const u = Object.values(e), L = Object.values(f), S = [s.NEUTRAL, ...L, s.SELECTED], l = {
+  [e.XSMALL]: e.XSMALL,
+  [e.SMALL]: e.SMALL,
+  [e.MEDIUM]: e.SMALL,
+  [e.LARGE]: e.MEDIUM,
+  [e.XLARGE]: e.MEDIUM
+}, D = () => /* @__PURE__ */ r(
+  p,
+  {
+    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: u.map((t) => /* @__PURE__ */ r(d, { container: "none", hasPadding: !1, title: `Size ${t}`, children: S.map((o) => /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ a(m, { color: o, size: t, isSubtle: !0, elementType: "div", children: [
+        /* @__PURE__ */ a("span", { children: [
+          "Tag ",
+          o
+        ] }),
+        /* @__PURE__ */ r(n, { size: l[t], isSymmetrical: !0, "aria-label": `Remove Tag ${o}`, children: /* @__PURE__ */ r(i, { name: "close" }) })
+      ] }),
+      /* @__PURE__ */ a(m, { color: o, size: t, elementType: "div", children: [
+        /* @__PURE__ */ a("span", { children: [
+          "Tag ",
+          o
+        ] }),
+        /* @__PURE__ */ r(n, { size: l[t], isSymmetrical: !0, "aria-label": `Remove Tag ${o}`, children: /* @__PURE__ */ r(i, { name: "close" }) })
+      ] })
+    ] }, `tag-${o}-${t}`)) }, t))
+  }
+);
+export {
+  D as default
+};
+//# sourceMappingURL=TagWithControlButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagWithControlButton.js","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":";;;;;;;;;;AASA,MAAMA,IAAQ,OAAO,OAAOC,CAAa,GACnCC,IAAgB,OAAO,OAAOC,CAAiB,GAC/CC,IAAS,CAACC,EAAkB,SAAS,GAAGH,GAAeG,EAAkB,QAAQ,GAEjFC,IAAmE;AAAA,EACvE,CAACL,EAAc,MAAM,GAAGA,EAAc;AAAA,EACtC,CAACA,EAAc,KAAK,GAAGA,EAAc;AAAA,EACrC,CAACA,EAAc,MAAM,GAAGA,EAAc;AAAA,EACtC,CAACA,EAAc,KAAK,GAAGA,EAAc;AAAA,EACrC,CAACA,EAAc,MAAM,GAAGA,EAAc;AACxC,GAEMM,IAAuB,MAC3B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA;AAAA,IACvC,UAAS;AAAA,IACT,kBAAiB;AAAA,IAEhB,YAAM,IAAI,CAACC,MACV,gBAAAF,EAACG,GAAA,EAAuB,WAAU,QAAO,YAAY,IAAO,OAAO,QAAQD,CAAI,IAC5E,UAAAN,EAAO,IAAI,CAACQ,wBACVC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAI,OAAAH,GAAc,MAAAF,GAAY,UAAQ,IAAC,aAAY,OAClD,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAA,EAAK,UAAA;AAAA,UAAA;AAAA,UAAKF;AAAA,QAAA,GAAM;AAAA,0BAChBI,GAAA,EAAc,MAAMV,EAAqBI,CAAI,GAAG,eAAa,IAAC,cAAY,cAAcE,CAAK,IAC5F,UAAA,gBAAAJ,EAACS,GAAA,EAAK,MAAK,SAAQ,EAAA,CACrB;AAAA,MAAA,GACF;AAAA,MACA,gBAAAH,EAACC,GAAA,EAAI,OAAAH,GAAc,MAAAF,GAAY,aAAY,OACzC,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAA,EAAK,UAAA;AAAA,UAAA;AAAA,UAAKF;AAAA,QAAA,GAAM;AAAA,0BAChBI,GAAA,EAAc,MAAMV,EAAqBI,CAAI,GAAG,eAAa,IAAC,cAAY,cAAcE,CAAK,IAC5F,UAAA,gBAAAJ,EAACS,GAAA,EAAK,MAAK,SAAQ,EAAA,CACrB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,KAZa,OAAOL,CAAK,IAAIF,CAAI,EAanC,CACD,EAAA,GAhBeA,CAiBlB,CACD;AAAA,EAAA;AACH;"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@alma-oss/spirit-icons/icons"),i=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),s=require("../../../context/IconsContext.cjs"),n=require("./TagAppearance.cjs"),c=require("./TagDefault.cjs"),l=require("./TagDisabled.cjs"),u=require("./TagWithControlButton.cjs"),a=()=>e.jsx(i.StrictMode,{children:e.jsxs(s.IconsProvider,{value:r,children:[e.jsx(t.default,{title:"Default",stackAlignment:"stretch",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Feature Flag: Appearance",stackAlignment:"stretch",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"With ControlButton",children:e.jsx(u.default,{})}),e.jsx(t.default,{title:"Disabled",children:e.jsx(l.default,{})})]})});exports.Preview=a;
+//# sourceMappingURL=preview.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Tag/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport TagAppearance from './TagAppearance';\nimport TagDefault from './TagDefault';\nimport TagDisabled from './TagDisabled';\nimport TagWithControlButton from './TagWithControlButton';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n        <TagDefault />\n      </DocsSection>\n      <DocsSection title=\"Feature Flag: Appearance\" stackAlignment=\"stretch\">\n        <TagAppearance />\n      </DocsSection>\n      <DocsSection title=\"With ControlButton\">\n        <TagWithControlButton />\n      </DocsSection>\n      <DocsSection title=\"Disabled\">\n        <TagDisabled />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","TagDefault","TagAppearance","TagWithControlButton","TagDisabled"],"mappings":"yaAYaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,EAAAA,IAACK,EAAAA,SAAY,MAAM,UAAU,eAAe,UAC1C,SAAAL,EAAAA,IAACM,YAAW,CAAA,CACd,EACAN,EAAAA,IAACK,EAAAA,SAAY,MAAM,2BAA2B,eAAe,UAC3D,SAAAL,EAAAA,IAACO,YAAc,CAAA,CACjB,QACCF,EAAAA,QAAA,CAAY,MAAM,qBACjB,SAAAL,MAACQ,EAAAA,UAAqB,EACxB,QACCH,EAAAA,QAAA,CAAY,MAAM,WACjB,SAAAL,EAAAA,IAACS,YAAY,CAAA,CACf,CAAA,CAAA,CACF,CAAA,CACF"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import i from "@alma-oss/spirit-icons/icons";
+import { StrictMode as o } from "react";
+import r from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as l } from "../../../context/IconsContext.js";
+import n from "./TagAppearance.js";
+import c from "./TagDefault.js";
+import m from "./TagDisabled.js";
+import a from "./TagWithControlButton.js";
+const T = () => /* @__PURE__ */ t(o, { children: /* @__PURE__ */ e(l, { value: i, children: [
+  /* @__PURE__ */ t(r, { title: "Default", stackAlignment: "stretch", children: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(r, { title: "Feature Flag: Appearance", stackAlignment: "stretch", children: /* @__PURE__ */ t(n, {}) }),
+  /* @__PURE__ */ t(r, { title: "With ControlButton", children: /* @__PURE__ */ t(a, {}) }),
+  /* @__PURE__ */ t(r, { title: "Disabled", children: /* @__PURE__ */ t(m, {}) })
+] }) });
+export {
+  T as Preview
+};
+//# sourceMappingURL=preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Tag/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport TagAppearance from './TagAppearance';\nimport TagDefault from './TagDefault';\nimport TagDisabled from './TagDisabled';\nimport TagWithControlButton from './TagWithControlButton';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n        <TagDefault />\n      </DocsSection>\n      <DocsSection title=\"Feature Flag: Appearance\" stackAlignment=\"stretch\">\n        <TagAppearance />\n      </DocsSection>\n      <DocsSection title=\"With ControlButton\">\n        <TagWithControlButton />\n      </DocsSection>\n      <DocsSection title=\"Disabled\">\n        <TagDisabled />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","TagDefault","TagAppearance","TagWithControlButton","TagDisabled"],"mappings":";;;;;;;;;;AAYO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,KAAY,OAAM,WAAU,gBAAe,WAC1C,UAAA,gBAAAL,EAACM,KAAW,EAAA,CACd;AAAA,EACA,gBAAAN,EAACK,KAAY,OAAM,4BAA2B,gBAAe,WAC3D,UAAA,gBAAAL,EAACO,KAAc,EAAA,CACjB;AAAA,oBACCF,GAAA,EAAY,OAAM,sBACjB,UAAA,gBAAAL,EAACQ,KAAqB,GACxB;AAAA,oBACCH,GAAA,EAAY,OAAM,YACjB,UAAA,gBAAAL,EAACS,KAAY,EAAA,CACf;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/components/Tag/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/Tag/preview/index.cjs.map

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

package/dist/components/Tag/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/Tag/preview/index.js.map

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

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

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

package/dist/components/Tag/useTagStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("@alma-oss/spirit-design-tokens"),g=require("classnames"),y=require("../../constants/colors.cjs"),o=require("../../constants/dictionaries.cjs"),T=require("../../hooks/useClassNamePrefix.cjs"),d=(s,e)=>{if(!s)return{};const n=Object.keys($.emotionColors).includes(s)?`${y.ColorPrefixes.EMOTION}-`:"",r=e?o.Intensity.SUBTLE:o.Intensity.BASIC,a=e?o.Intensity.SUBTLE:o.Intensity.BASIC,t=e?o.Intensity.BASIC:o.Intensity.SUBTLE;return{[`border-${n}${s}-${r}`]:!0,[`bg-${n}${s}-${a}`]:!0,[`text-${n}${s}-${t}`]:!0}};function I(s){const{color:e,isDisabled:i,isSubtle:n,size:r,...a}=s,t=T.useClassNamePrefix("Tag"),c=`${t}--${e}`,l=`${t}--disabled`,u=`${t}--${r}`,C=`${t}--subtle`;return{classProps:g(t,{[c]:e,[l]:i,[u]:r,[C]:n,...!i&&d(e,n)}),props:a}}exports.useTagStyleProps=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("@alma-oss/spirit-design-tokens"),g=require("classnames"),y=require("../../constants/colors.cjs"),o=require("../../constants/dictionaries.cjs"),d=require("../../hooks/useClassNamePrefix.cjs"),I=(s,t)=>{if(!s)return{};const n=Object.keys($.emotionColors).includes(s)?`${y.ColorPrefixes.EMOTION}-`:"",r=t?o.Intensity.SUBTLE:o.Intensity.BASIC,a=t?o.Intensity.SUBTLE:o.Intensity.BASIC,e=t?o.Intensity.BASIC:o.Intensity.SUBTLE;return{[`border-${n}${s}-${r}`]:!0,[`bg-${n}${s}-${a}`]:!0,[`text-${n}${s}-${e}`]:!0}};function b(s){const{color:t,isDisabled:i,isSubtle:n,size:r,...a}=s,e=d.useClassNamePrefix("Tag"),c=`${e}--${t}`,l=`${e}--disabled`,u=`${e}--${r}`,C=`${e}--subtle`;return{classProps:g(e,{[c]:t,[l]:i,[u]:r,[C]:n,...!i&&I(t,n)}),props:a}}exports.useTagStyleProps=b;
 //# sourceMappingURL=useTagStyleProps.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTagStyleProps.cjs","sources":["../../../src/components/Tag/useTagStyleProps.ts"],"sourcesContent":["import { emotionColors } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { Intensity } from '../../constants';\nimport { ColorPrefixes } from '../../constants/colors';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTagProps } from '../../types';\n\nexport interface TagStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: Partial<SpiritTagProps>;\n}\n\nconst getColorClasses = (color: string | undefined, isSubtle: boolean | undefined) => {\n  if (!color) {\n    return {};\n  }\n\n  const isEmotionColor = Object.keys(emotionColors).includes(color);\n  const prefix = isEmotionColor ? `${ColorPrefixes.EMOTION}-` : '';\n  const borderIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const backgroundIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const textIntensity = isSubtle ? Intensity.BASIC : Intensity.SUBTLE;\n\n  return {\n    [`border-${prefix}${color}-${borderIntensity}`]: true,\n    [`bg-${prefix}${color}-${backgroundIntensity}`]: true,\n    [`text-${prefix}${color}-${textIntensity}`]: true,\n  };\n};\n\nexport function useTagStyleProps<E extends ElementType = 'span', C = void, S = void>(\n  props: SpiritTagProps<E, C, S>,\n): TagStyles {\n  const { color, isDisabled, isSubtle, size, ...modifiedProps } = props;\n\n  const TagClass = useClassNamePrefix('Tag');\n  const TagColorClass = `${TagClass}--${color}`;\n  const TagDisabledClass = `${TagClass}--disabled`;\n  const TagSizeClass = `${TagClass}--${size}`;\n  const TagSubtleClass = `${TagClass}--subtle`;\n  const classProps = classNames(TagClass, {\n    [TagColorClass]: color,\n    [TagDisabledClass]: isDisabled,\n    [TagSizeClass]: size,\n    [TagSubtleClass]: isSubtle,\n    ...(!isDisabled && getColorClasses(color as string | undefined, isSubtle as boolean | undefined)),\n  });\n\n  return {\n    classProps,\n    props: modifiedProps as Partial<SpiritTagProps>,\n  };\n}\n"],"names":["getColorClasses","color","isSubtle","prefix","emotionColors","ColorPrefixes","borderIntensity","Intensity","backgroundIntensity","textIntensity","useTagStyleProps","props","isDisabled","size","modifiedProps","TagClass","useClassNamePrefix","TagColorClass","TagDisabledClass","TagSizeClass","TagSubtleClass","classNames"],"mappings":"gSAeMA,EAAkB,CAACC,EAA2BC,IAAkC,CACpF,GAAI,CAACD,EACH,MAAO,CAAA,EAIT,MAAME,EADiB,OAAO,KAAKC,EAAAA,aAAa,EAAE,SAASH,CAAK,EAChC,GAAGI,EAAAA,cAAc,OAAO,IAAM,GACxDC,EAAkBJ,EAAWK,EAAAA,UAAU,OAASA,EAAAA,UAAU,MAC1DC,EAAsBN,EAAWK,EAAAA,UAAU,OAASA,EAAAA,UAAU,MAC9DE,EAAgBP,EAAWK,EAAAA,UAAU,MAAQA,EAAAA,UAAU,OAE7D,MAAO,CACL,CAAC,UAAUJ,CAAM,GAAGF,CAAK,IAAIK,CAAe,EAAE,EAAG,GACjD,CAAC,MAAMH,CAAM,GAAGF,CAAK,IAAIO,CAAmB,EAAE,EAAG,GACjD,CAAC,QAAQL,CAAM,GAAGF,CAAK,IAAIQ,CAAa,EAAE,EAAG,EAAA,CAEjD,EAEO,SAASC,EACdC,EACW,CACX,KAAM,CAAE,MAAAV,EAAO,WAAAW,EAAY,SAAAV,EAAU,KAAAW,EAAM,GAAGC,GAAkBH,EAE1DI,EAAWC,EAAAA,mBAAmB,KAAK,EACnCC,EAAgB,GAAGF,CAAQ,KAAKd,CAAK,GACrCiB,EAAmB,GAAGH,CAAQ,aAC9BI,EAAe,GAAGJ,CAAQ,KAAKF,CAAI,GACnCO,EAAiB,GAAGL,CAAQ,WASlC,MAAO,CACL,WATiBM,EAAWN,EAAU,CACtC,CAACE,CAAa,EAAGhB,EACjB,CAACiB,CAAgB,EAAGN,EACpB,CAACO,CAAY,EAAGN,EAChB,CAACO,CAAc,EAAGlB,EAClB,GAAI,CAACU,GAAcZ,EAAgBC,EAA6BC,CAA+B,CAAA,CAChG,EAIC,MAAOY,CAAA,CAEX"}
+{"version":3,"file":"useTagStyleProps.cjs","sources":["../../../src/components/Tag/useTagStyleProps.ts"],"sourcesContent":["import { emotionColors } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { Intensity } from '../../constants';\nimport { ColorPrefixes } from '../../constants/colors';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type TagProps } from '../../types';\n\nconst getColorClasses = (color: string | undefined, isSubtle: boolean | undefined) => {\n  if (!color) {\n    return {};\n  }\n\n  const isEmotionColor = Object.keys(emotionColors).includes(color);\n  const prefix = isEmotionColor ? `${ColorPrefixes.EMOTION}-` : '';\n  const borderIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const backgroundIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const textIntensity = isSubtle ? Intensity.BASIC : Intensity.SUBTLE;\n\n  return {\n    [`border-${prefix}${color}-${borderIntensity}`]: true,\n    [`bg-${prefix}${color}-${backgroundIntensity}`]: true,\n    [`text-${prefix}${color}-${textIntensity}`]: true,\n  };\n};\n\nexport function useTagStyleProps<C = void, S = void>(props: TagProps<C, S>) {\n  const { color, isDisabled, isSubtle, size, ...modifiedProps } = props;\n\n  const tagClass = useClassNamePrefix('Tag');\n  const tagColorClass = `${tagClass}--${color}`;\n  const tagDisabledClass = `${tagClass}--disabled`;\n  const tagSizeClass = `${tagClass}--${size}`;\n  const tagSubtleClass = `${tagClass}--subtle`;\n  const classProps = classNames(tagClass, {\n    [tagColorClass]: color,\n    [tagDisabledClass]: isDisabled,\n    [tagSizeClass]: size,\n    [tagSubtleClass]: isSubtle,\n    ...(!isDisabled && getColorClasses(color as string | undefined, isSubtle as boolean | undefined)),\n  });\n\n  return {\n    classProps,\n    props: modifiedProps,\n  };\n}\n"],"names":["getColorClasses","color","isSubtle","prefix","emotionColors","ColorPrefixes","borderIntensity","Intensity","backgroundIntensity","textIntensity","useTagStyleProps","props","isDisabled","size","modifiedProps","tagClass","useClassNamePrefix","tagColorClass","tagDisabledClass","tagSizeClass","tagSubtleClass","classNames"],"mappings":"gSAOMA,EAAkB,CAACC,EAA2BC,IAAkC,CACpF,GAAI,CAACD,EACH,MAAO,CAAA,EAIT,MAAME,EADiB,OAAO,KAAKC,EAAAA,aAAa,EAAE,SAASH,CAAK,EAChC,GAAGI,EAAAA,cAAc,OAAO,IAAM,GACxDC,EAAkBJ,EAAWK,EAAAA,UAAU,OAASA,EAAAA,UAAU,MAC1DC,EAAsBN,EAAWK,EAAAA,UAAU,OAASA,EAAAA,UAAU,MAC9DE,EAAgBP,EAAWK,EAAAA,UAAU,MAAQA,EAAAA,UAAU,OAE7D,MAAO,CACL,CAAC,UAAUJ,CAAM,GAAGF,CAAK,IAAIK,CAAe,EAAE,EAAG,GACjD,CAAC,MAAMH,CAAM,GAAGF,CAAK,IAAIO,CAAmB,EAAE,EAAG,GACjD,CAAC,QAAQL,CAAM,GAAGF,CAAK,IAAIQ,CAAa,EAAE,EAAG,EAAA,CAEjD,EAEO,SAASC,EAAqCC,EAAuB,CAC1E,KAAM,CAAE,MAAAV,EAAO,WAAAW,EAAY,SAAAV,EAAU,KAAAW,EAAM,GAAGC,GAAkBH,EAE1DI,EAAWC,EAAAA,mBAAmB,KAAK,EACnCC,EAAgB,GAAGF,CAAQ,KAAKd,CAAK,GACrCiB,EAAmB,GAAGH,CAAQ,aAC9BI,EAAe,GAAGJ,CAAQ,KAAKF,CAAI,GACnCO,EAAiB,GAAGL,CAAQ,WASlC,MAAO,CACL,WATiBM,EAAWN,EAAU,CACtC,CAACE,CAAa,EAAGhB,EACjB,CAACiB,CAAgB,EAAGN,EACpB,CAACO,CAAY,EAAGN,EAChB,CAACO,CAAc,EAAGlB,EAClB,GAAI,CAACU,GAAcZ,EAAgBC,EAA6BC,CAA+B,CAAA,CAChG,EAIC,MAAOY,CAAA,CAEX"}

package/dist/components/Tag/useTagStyleProps.js

@@ -3,7 +3,7 @@ import p from "classnames";
 import { ColorPrefixes as u } from "../../constants/colors.js";
 import { Intensity as r } from "../../constants/dictionaries.js";
 import { useClassNamePrefix as f } from "../../hooks/useClassNamePrefix.js";
-const T = (s, t) => {
+const d = (s, t) => {
   if (!s)
     return {};
   const e = Object.keys($).includes(s) ? `${u.EMOTION}-` : "", n = t ? r.SUBTLE : r.BASIC, a = t ? r.SUBTLE : r.BASIC, o = t ? r.BASIC : r.SUBTLE;
@@ -13,7 +13,7 @@ const T = (s, t) => {
     [`text-${e}${s}-${o}`]: !0
   };
 };
-function y(s) {
+function B(s) {
   const { color: t, isDisabled: i, isSubtle: e, size: n, ...a } = s, o = f("Tag"), l = `${o}--${t}`, c = `${o}--disabled`, m = `${o}--${n}`, C = `${o}--subtle`;
   return {
     classProps: p(o, {
@@ -21,12 +21,12 @@ function y(s) {
       [c]: i,
       [m]: n,
       [C]: e,
-      ...!i && T(t, e)
+      ...!i && d(t, e)
     }),
     props: a
   };
 }
 export {
-  y as useTagStyleProps
+  B as useTagStyleProps
 };
 //# sourceMappingURL=useTagStyleProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTagStyleProps.js","sources":["../../../src/components/Tag/useTagStyleProps.ts"],"sourcesContent":["import { emotionColors } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { Intensity } from '../../constants';\nimport { ColorPrefixes } from '../../constants/colors';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTagProps } from '../../types';\n\nexport interface TagStyles {\n  /** className props */\n  classProps: string;\n  /** props to be passed to the element */\n  props: Partial<SpiritTagProps>;\n}\n\nconst getColorClasses = (color: string | undefined, isSubtle: boolean | undefined) => {\n  if (!color) {\n    return {};\n  }\n\n  const isEmotionColor = Object.keys(emotionColors).includes(color);\n  const prefix = isEmotionColor ? `${ColorPrefixes.EMOTION}-` : '';\n  const borderIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const backgroundIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const textIntensity = isSubtle ? Intensity.BASIC : Intensity.SUBTLE;\n\n  return {\n    [`border-${prefix}${color}-${borderIntensity}`]: true,\n    [`bg-${prefix}${color}-${backgroundIntensity}`]: true,\n    [`text-${prefix}${color}-${textIntensity}`]: true,\n  };\n};\n\nexport function useTagStyleProps<E extends ElementType = 'span', C = void, S = void>(\n  props: SpiritTagProps<E, C, S>,\n): TagStyles {\n  const { color, isDisabled, isSubtle, size, ...modifiedProps } = props;\n\n  const TagClass = useClassNamePrefix('Tag');\n  const TagColorClass = `${TagClass}--${color}`;\n  const TagDisabledClass = `${TagClass}--disabled`;\n  const TagSizeClass = `${TagClass}--${size}`;\n  const TagSubtleClass = `${TagClass}--subtle`;\n  const classProps = classNames(TagClass, {\n    [TagColorClass]: color,\n    [TagDisabledClass]: isDisabled,\n    [TagSizeClass]: size,\n    [TagSubtleClass]: isSubtle,\n    ...(!isDisabled && getColorClasses(color as string | undefined, isSubtle as boolean | undefined)),\n  });\n\n  return {\n    classProps,\n    props: modifiedProps as Partial<SpiritTagProps>,\n  };\n}\n"],"names":["getColorClasses","color","isSubtle","prefix","emotionColors","ColorPrefixes","borderIntensity","Intensity","backgroundIntensity","textIntensity","useTagStyleProps","props","isDisabled","size","modifiedProps","TagClass","useClassNamePrefix","TagColorClass","TagDisabledClass","TagSizeClass","TagSubtleClass","classNames"],"mappings":";;;;;AAeA,MAAMA,IAAkB,CAACC,GAA2BC,MAAkC;AACpF,MAAI,CAACD;AACH,WAAO,CAAA;AAIT,QAAME,IADiB,OAAO,KAAKC,CAAa,EAAE,SAASH,CAAK,IAChC,GAAGI,EAAc,OAAO,MAAM,IACxDC,IAAkBJ,IAAWK,EAAU,SAASA,EAAU,OAC1DC,IAAsBN,IAAWK,EAAU,SAASA,EAAU,OAC9DE,IAAgBP,IAAWK,EAAU,QAAQA,EAAU;AAE7D,SAAO;AAAA,IACL,CAAC,UAAUJ,CAAM,GAAGF,CAAK,IAAIK,CAAe,EAAE,GAAG;AAAA,IACjD,CAAC,MAAMH,CAAM,GAAGF,CAAK,IAAIO,CAAmB,EAAE,GAAG;AAAA,IACjD,CAAC,QAAQL,CAAM,GAAGF,CAAK,IAAIQ,CAAa,EAAE,GAAG;AAAA,EAAA;AAEjD;AAEO,SAASC,EACdC,GACW;AACX,QAAM,EAAE,OAAAV,GAAO,YAAAW,GAAY,UAAAV,GAAU,MAAAW,GAAM,GAAGC,MAAkBH,GAE1DI,IAAWC,EAAmB,KAAK,GACnCC,IAAgB,GAAGF,CAAQ,KAAKd,CAAK,IACrCiB,IAAmB,GAAGH,CAAQ,cAC9BI,IAAe,GAAGJ,CAAQ,KAAKF,CAAI,IACnCO,IAAiB,GAAGL,CAAQ;AASlC,SAAO;AAAA,IACL,YATiBM,EAAWN,GAAU;AAAA,MACtC,CAACE,CAAa,GAAGhB;AAAA,MACjB,CAACiB,CAAgB,GAAGN;AAAA,MACpB,CAACO,CAAY,GAAGN;AAAA,MAChB,CAACO,CAAc,GAAGlB;AAAA,MAClB,GAAI,CAACU,KAAcZ,EAAgBC,GAA6BC,CAA+B;AAAA,IAAA,CAChG;AAAA,IAIC,OAAOY;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useTagStyleProps.js","sources":["../../../src/components/Tag/useTagStyleProps.ts"],"sourcesContent":["import { emotionColors } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { Intensity } from '../../constants';\nimport { ColorPrefixes } from '../../constants/colors';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type TagProps } from '../../types';\n\nconst getColorClasses = (color: string | undefined, isSubtle: boolean | undefined) => {\n  if (!color) {\n    return {};\n  }\n\n  const isEmotionColor = Object.keys(emotionColors).includes(color);\n  const prefix = isEmotionColor ? `${ColorPrefixes.EMOTION}-` : '';\n  const borderIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const backgroundIntensity = isSubtle ? Intensity.SUBTLE : Intensity.BASIC;\n  const textIntensity = isSubtle ? Intensity.BASIC : Intensity.SUBTLE;\n\n  return {\n    [`border-${prefix}${color}-${borderIntensity}`]: true,\n    [`bg-${prefix}${color}-${backgroundIntensity}`]: true,\n    [`text-${prefix}${color}-${textIntensity}`]: true,\n  };\n};\n\nexport function useTagStyleProps<C = void, S = void>(props: TagProps<C, S>) {\n  const { color, isDisabled, isSubtle, size, ...modifiedProps } = props;\n\n  const tagClass = useClassNamePrefix('Tag');\n  const tagColorClass = `${tagClass}--${color}`;\n  const tagDisabledClass = `${tagClass}--disabled`;\n  const tagSizeClass = `${tagClass}--${size}`;\n  const tagSubtleClass = `${tagClass}--subtle`;\n  const classProps = classNames(tagClass, {\n    [tagColorClass]: color,\n    [tagDisabledClass]: isDisabled,\n    [tagSizeClass]: size,\n    [tagSubtleClass]: isSubtle,\n    ...(!isDisabled && getColorClasses(color as string | undefined, isSubtle as boolean | undefined)),\n  });\n\n  return {\n    classProps,\n    props: modifiedProps,\n  };\n}\n"],"names":["getColorClasses","color","isSubtle","prefix","emotionColors","ColorPrefixes","borderIntensity","Intensity","backgroundIntensity","textIntensity","useTagStyleProps","props","isDisabled","size","modifiedProps","tagClass","useClassNamePrefix","tagColorClass","tagDisabledClass","tagSizeClass","tagSubtleClass","classNames"],"mappings":";;;;;AAOA,MAAMA,IAAkB,CAACC,GAA2BC,MAAkC;AACpF,MAAI,CAACD;AACH,WAAO,CAAA;AAIT,QAAME,IADiB,OAAO,KAAKC,CAAa,EAAE,SAASH,CAAK,IAChC,GAAGI,EAAc,OAAO,MAAM,IACxDC,IAAkBJ,IAAWK,EAAU,SAASA,EAAU,OAC1DC,IAAsBN,IAAWK,EAAU,SAASA,EAAU,OAC9DE,IAAgBP,IAAWK,EAAU,QAAQA,EAAU;AAE7D,SAAO;AAAA,IACL,CAAC,UAAUJ,CAAM,GAAGF,CAAK,IAAIK,CAAe,EAAE,GAAG;AAAA,IACjD,CAAC,MAAMH,CAAM,GAAGF,CAAK,IAAIO,CAAmB,EAAE,GAAG;AAAA,IACjD,CAAC,QAAQL,CAAM,GAAGF,CAAK,IAAIQ,CAAa,EAAE,GAAG;AAAA,EAAA;AAEjD;AAEO,SAASC,EAAqCC,GAAuB;AAC1E,QAAM,EAAE,OAAAV,GAAO,YAAAW,GAAY,UAAAV,GAAU,MAAAW,GAAM,GAAGC,MAAkBH,GAE1DI,IAAWC,EAAmB,KAAK,GACnCC,IAAgB,GAAGF,CAAQ,KAAKd,CAAK,IACrCiB,IAAmB,GAAGH,CAAQ,cAC9BI,IAAe,GAAGJ,CAAQ,KAAKF,CAAI,IACnCO,IAAiB,GAAGL,CAAQ;AASlC,SAAO;AAAA,IACL,YATiBM,EAAWN,GAAU;AAAA,MACtC,CAACE,CAAa,GAAGhB;AAAA,MACjB,CAACiB,CAAgB,GAAGN;AAAA,MACpB,CAACO,CAAY,GAAGN;AAAA,MAChB,CAACO,CAAc,GAAGlB;AAAA,MAClB,GAAI,CAACU,KAAcZ,EAAgBC,GAA6BC,CAA+B;AAAA,IAAA,CAChG;AAAA,IAIC,OAAOY;AAAA,EAAA;AAEX;"}

package/dist/components/Tag.d.ts

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

package/dist/components/Text/Text.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-runtime"),r=require("../../constants/dictionaries.cjs"),e=require("../../constants/style.cjs"),a=require("../../hooks/styleProps.cjs"),d=require("../../utils/mergeStyleProps.cjs"),m=require("./useTextStyleProps.cjs"),T={elementType:"p",emphasis:r.Emphasis.REGULAR,size:r.SizesExtended.MEDIUM},o=p=>{const n={...T,...p},{elementType:t="p",children:l,...i}=n,{classProps:c,props:u}=m.useTextStyleProps(i),{styleProps:y,props:s}=a.useStyleProps(u,{isTextBalanced:e.TextStyleProps.isTextBalanced,textAlignment:e.TextStyleProps.textAlignment,textHyphens:e.TextStyleProps.textHyphens,textWordBreak:e.TextStyleProps.textWordBreak}),P=d.mergeStyleProps(t,{classProps:c,styleProps:y,otherProps:s});return x.jsx(t,{...s,...P,children:l})};o.spiritComponent="Text";exports.default=o;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),o=require("../../constants/dictionaries.cjs"),e=require("../../constants/style.cjs"),d=require("../../hooks/styleProps.cjs"),m=require("../../utils/mergeStyleProps.cjs"),T=require("./useTextStyleProps.cjs"),S={elementType:"p",emphasis:o.Emphasis.REGULAR,size:o.SizesExtended.MEDIUM},t=p=>{const n={...S,...p},{elementType:l,children:i,...c}=n,s=l,{classProps:u,props:y}=T.useTextStyleProps(c),{styleProps:x,props:r}=d.useStyleProps(y,{isTextBalanced:e.TextStyleProps.isTextBalanced,textAlignment:e.TextStyleProps.textAlignment,textHyphens:e.TextStyleProps.textHyphens,textWordBreak:e.TextStyleProps.textWordBreak}),P=m.mergeStyleProps(s,{classProps:u,styleProps:x,otherProps:r});return a.jsx(s,{...r,...P,children:i})};t.spiritComponent="Text";t.displayName="Text";exports.default=t;
 //# sourceMappingURL=Text.cjs.map

package/dist/components/Text/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTextProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTextStyleProps } from './useTextStyleProps';\n\nconst defaultProps: Partial<SpiritTextProps> = {\n  elementType: 'p',\n  emphasis: Emphasis.REGULAR,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Text = <E extends ElementType = 'p', S = void, Emph = void, C = void>(\n  props: SpiritTextProps<E, S, Emph, C>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'p', children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useTextStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: TextStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nText.spiritComponent = 'Text';\n\nexport default Text;\n"],"names":["defaultProps","Emphasis","SizesExtended","Text","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","useTextStyleProps","styleProps","otherProps","useStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"6WASMA,EAAyC,CAC7C,YAAa,IACb,SAAUC,EAAAA,SAAS,QACnB,KAAMC,EAAAA,cAAc,MACtB,EAEMC,EACJC,GACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAaE,EAAa,IAAK,SAAAC,EAAU,GAAGC,GAAcH,EAC5D,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBH,CAAS,EAClE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,EAAe,CACrE,eAAgBK,EAAAA,eAAe,eAC/B,cAAeA,EAAAA,eAAe,cAC9B,YAAaA,EAAAA,eAAe,YAC5B,cAAeA,EAAAA,eAAe,aAAA,CAC/B,EACKC,EAAmBC,EAAAA,gBAAgBX,EAAY,CAAE,WAAAG,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE3F,aACGP,EAAA,CAAY,GAAGO,EAAa,GAAGG,EAC7B,SAAAT,EACH,CAEJ,EAEAJ,EAAK,gBAAkB"}
+{"version":3,"file":"Text.cjs","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTextProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useTextStyleProps } from './useTextStyleProps';\n\nconst defaultProps: Partial<SpiritTextProps<ElementType, void, void, void>> = {\n  elementType: 'p',\n  emphasis: Emphasis.REGULAR,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Text = <E extends ElementType = 'p', S = void, Emph = void, C = void>(\n  props: SpiritTextProps<E, S, Emph, C>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType, children, ...restProps } = propsWithDefaults;\n  const Component = elementType as ElementType;\n  const { classProps, props: modifiedProps } = useTextStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: TextStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps}>\n      {children}\n    </Component>\n  );\n};\n\nText.spiritComponent = 'Text';\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["defaultProps","Emphasis","SizesExtended","Text","props","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useTextStyleProps","styleProps","otherProps","useStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"6WASMA,EAAwE,CAC5E,YAAa,IACb,SAAUC,EAAAA,SAAS,QACnB,KAAMC,EAAAA,cAAc,MACtB,EAEMC,EACJC,GACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAAE,EAAa,SAAAC,EAAU,GAAGC,GAAcH,EAC1CI,EAAYH,EACZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBJ,CAAS,EAClE,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,EAAe,CACrE,eAAgBK,EAAAA,eAAe,eAC/B,cAAeA,EAAAA,eAAe,cAC9B,YAAaA,EAAAA,eAAe,YAC5B,cAAeA,EAAAA,eAAe,aAAA,CAC/B,EACKC,EAAmBC,EAAAA,gBAAgBT,EAAW,CAAE,WAAAC,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE1F,aACGL,EAAA,CAAW,GAAGK,EAAa,GAAGG,EAC5B,SAAAV,EACH,CAEJ,EAEAJ,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Text/Text.js

@@ -1,25 +1,26 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { SizesExtended as c, Emphasis as d } from "../../constants/dictionaries.js";
+import { jsx as d } from "react/jsx-runtime";
+import { SizesExtended as y, Emphasis as P } from "../../constants/dictionaries.js";
 import { TextStyleProps as e } from "../../constants/style.js";
-import { useStyleProps as P } from "../../hooks/styleProps.js";
-import { mergeStyleProps as f } from "../../utils/mergeStyleProps.js";
-import { useTextStyleProps as y } from "./useTextStyleProps.js";
-const T = {
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import { mergeStyleProps as T } from "../../utils/mergeStyleProps.js";
+import { useTextStyleProps as u } from "./useTextStyleProps.js";
+const h = {
   elementType: "p",
-  emphasis: d.REGULAR,
-  size: c.MEDIUM
-}, u = (o) => {
-  const r = { ...T, ...o }, { elementType: t = "p", children: p, ...n } = r, { classProps: m, props: i } = y(n), { styleProps: l, props: s } = P(i, {
+  emphasis: P.REGULAR,
+  size: y.MEDIUM
+}, o = (r) => {
+  const p = { ...h, ...r }, { elementType: n, children: m, ...i } = p, t = n, { classProps: l, props: x } = u(i), { styleProps: a, props: s } = f(x, {
     isTextBalanced: e.isTextBalanced,
     textAlignment: e.textAlignment,
     textHyphens: e.textHyphens,
     textWordBreak: e.textWordBreak
-  }), x = f(t, { classProps: m, styleProps: l, otherProps: s });
-  return /* @__PURE__ */ a(t, { ...s, ...x, children: p });
+  }), c = T(t, { classProps: l, styleProps: a, otherProps: s });
+  return /* @__PURE__ */ d(t, { ...s, ...c, children: m });
 };
-u.spiritComponent = "Text";
+o.spiritComponent = "Text";
+o.displayName = "Text";
 export {
-  u as default
+  o as default
 };
 //# sourceMappingURL=Text.js.map