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

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 i=require("classnames"),n=require("../../hooks/useClassNamePrefix.cjs");function g(t){const{color:e,isSubtle:a,size:o,...r}=t,s=n.useClassNamePrefix("Tag"),l=`${s}--${e}`,c=`${s}--${o}`,u=`${s}--subtle`;return{classProps:i(s,{[l]:e,[c]:o,[u]:a}),props:r}}exports.useTagStyleProps=g;
+"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 classNames from 'classnames';\nimport { type ElementType } from 'react';\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\nexport function useTagStyleProps<E extends ElementType = 'span', C = void, S = void>(\n  props: SpiritTagProps<E, C, S>,\n): TagStyles {\n  const { color, isSubtle, size, ...modifiedProps } = props;\n\n  const TagClass = useClassNamePrefix('Tag');\n  const TagColorClass = `${TagClass}--${color}`;\n  const TagSizeClass = `${TagClass}--${size}`;\n  const TagSubtleClass = `${TagClass}--subtle`;\n  const classProps = classNames(TagClass, {\n    [TagColorClass]: color,\n    [TagSizeClass]: size,\n    [TagSubtleClass]: isSubtle,\n  });\n\n  return {\n    classProps,\n    props: modifiedProps as Partial<SpiritTagProps>,\n  };\n}\n"],"names":["useTagStyleProps","props","color","isSubtle","size","modifiedProps","TagClass","useClassNamePrefix","TagColorClass","TagSizeClass","TagSubtleClass","classNames"],"mappings":"8JAYO,SAASA,EACdC,EACW,CACX,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,GAAGC,GAAkBJ,EAE9CK,EAAWC,EAAAA,mBAAmB,KAAK,EACnCC,EAAgB,GAAGF,CAAQ,KAAKJ,CAAK,GACrCO,EAAe,GAAGH,CAAQ,KAAKF,CAAI,GACnCM,EAAiB,GAAGJ,CAAQ,WAOlC,MAAO,CACL,WAPiBK,EAAWL,EAAU,CACtC,CAACE,CAAa,EAAGN,EACjB,CAACO,CAAY,EAAGL,EAChB,CAACM,CAAc,EAAGP,CAAA,CACnB,EAIC,MAAOE,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

@@ -1,17 +1,32 @@
-import n from "classnames";
-import { useClassNamePrefix as p } from "../../hooks/useClassNamePrefix.js";
-function C(a) {
-  const { color: o, isSubtle: r, size: t, ...e } = a, s = p("Tag"), l = `${s}--${o}`, c = `${s}--${t}`, i = `${s}--subtle`;
+import { emotionColors as $ } from "@alma-oss/spirit-design-tokens";
+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 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;
   return {
-    classProps: n(s, {
-      [l]: o,
-      [c]: t,
-      [i]: r
+    [`border-${e}${s}-${n}`]: !0,
+    [`bg-${e}${s}-${a}`]: !0,
+    [`text-${e}${s}-${o}`]: !0
+  };
+};
+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, {
+      [l]: t,
+      [c]: i,
+      [m]: n,
+      [C]: e,
+      ...!i && d(t, e)
     }),
-    props: e
+    props: a
   };
 }
 export {
-  C 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 classNames from 'classnames';\nimport { type ElementType } from 'react';\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\nexport function useTagStyleProps<E extends ElementType = 'span', C = void, S = void>(\n  props: SpiritTagProps<E, C, S>,\n): TagStyles {\n  const { color, isSubtle, size, ...modifiedProps } = props;\n\n  const TagClass = useClassNamePrefix('Tag');\n  const TagColorClass = `${TagClass}--${color}`;\n  const TagSizeClass = `${TagClass}--${size}`;\n  const TagSubtleClass = `${TagClass}--subtle`;\n  const classProps = classNames(TagClass, {\n    [TagColorClass]: color,\n    [TagSizeClass]: size,\n    [TagSubtleClass]: isSubtle,\n  });\n\n  return {\n    classProps,\n    props: modifiedProps as Partial<SpiritTagProps>,\n  };\n}\n"],"names":["useTagStyleProps","props","color","isSubtle","size","modifiedProps","TagClass","useClassNamePrefix","TagColorClass","TagSizeClass","TagSubtleClass","classNames"],"mappings":";;AAYO,SAASA,EACdC,GACW;AACX,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAAkBJ,GAE9CK,IAAWC,EAAmB,KAAK,GACnCC,IAAgB,GAAGF,CAAQ,KAAKJ,CAAK,IACrCO,IAAe,GAAGH,CAAQ,KAAKF,CAAI,IACnCM,IAAiB,GAAGJ,CAAQ;AAOlC,SAAO;AAAA,IACL,YAPiBK,EAAWL,GAAU;AAAA,MACtC,CAACE,CAAa,GAAGN;AAAA,MACjB,CAACO,CAAY,GAAGL;AAAA,MAChB,CAACM,CAAc,GAAGP;AAAA,IAAA,CACnB;AAAA,IAIC,OAAOE;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

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","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":";;;;;;;AASA,MAAMA,IAAyC;AAAA,EAC7C,aAAa;AAAA,EACb,UAAUC,EAAS;AAAA,EACnB,MAAMC,EAAc;AACtB,GAEMC,IAAO,CACXC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAaE,IAAa,KAAK,UAAAC,GAAU,GAAGC,MAAcH,GAC5D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAkBH,CAAS,GAClE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,GAAe;AAAA,IACrE,gBAAgBK,EAAe;AAAA,IAC/B,eAAeA,EAAe;AAAA,IAC9B,aAAaA,EAAe;AAAA,IAC5B,eAAeA,EAAe;AAAA,EAAA,CAC/B,GACKC,IAAmBC,EAAgBX,GAAY,EAAE,YAAAG,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE3F,2BACGP,GAAA,EAAY,GAAGO,GAAa,GAAGG,GAC7B,UAAAT,GACH;AAEJ;AAEAJ,EAAK,kBAAkB;"}
+{"version":3,"file":"Text.js","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":";;;;;;;AASA,MAAMA,IAAwE;AAAA,EAC5E,aAAa;AAAA,EACb,UAAUC,EAAS;AAAA,EACnB,MAAMC,EAAc;AACtB,GAEMC,IAAO,CACXC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAAE,GAAa,UAAAC,GAAU,GAAGC,MAAcH,GAC1CI,IAAYH,GACZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAkBJ,CAAS,GAClE,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,GAAe;AAAA,IACrE,gBAAgBK,EAAe;AAAA,IAC/B,eAAeA,EAAe;AAAA,IAC9B,aAAaA,EAAe;AAAA,IAC5B,eAAeA,EAAe;AAAA,EAAA,CAC/B,GACKC,IAAmBC,EAAgBT,GAAW,EAAE,YAAAC,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE1F,2BACGL,GAAA,EAAW,GAAGK,GAAa,GAAGG,GAC5B,UAAAV,GACH;AAEJ;AAEAJ,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Text/demo/TextAlignment.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../../../constants/dictionaries.cjs"),t=require("../Text.cjs"),i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.default,{children:"Text left"}),e.jsx(t.default,{textAlignment:n.TextAlignments.CENTER,children:"Text center"}),e.jsx(t.default,{textAlignment:n.TextAlignments.RIGHT,children:"Text right"})]});exports.default=i;
+//# sourceMappingURL=TextAlignment.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAlignment.cjs","sources":["../../../../src/components/Text/demo/TextAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport Text from '../Text';\n\nconst TextAlignment = () => (\n  <>\n    <Text>Text left</Text>\n    <Text textAlignment={TextAlignments.CENTER}>Text center</Text>\n    <Text textAlignment={TextAlignments.RIGHT}>Text right</Text>\n  </>\n);\n\nexport default TextAlignment;\n"],"names":["TextAlignment","jsxs","Fragment","jsx","Text","TextAlignments"],"mappings":"2NAIMA,EAAgB,IACpBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,WAAA,CAAS,EACfD,EAAAA,IAACC,EAAAA,QAAA,CAAK,cAAeC,EAAAA,eAAe,OAAQ,SAAA,cAAW,EACvDF,EAAAA,IAACC,EAAAA,QAAA,CAAK,cAAeC,EAAAA,eAAe,MAAO,SAAA,YAAA,CAAU,CAAA,CAAA,CACvD"}

package/dist/components/Text/demo/TextAlignment.js

@@ -0,0 +1,12 @@
+import { jsxs as r, Fragment as i, jsx as t } from "react/jsx-runtime";
+import { TextAlignments as n } from "../../../constants/dictionaries.js";
+import e from "../Text.js";
+const o = () => /* @__PURE__ */ r(i, { children: [
+  /* @__PURE__ */ t(e, { children: "Text left" }),
+  /* @__PURE__ */ t(e, { textAlignment: n.CENTER, children: "Text center" }),
+  /* @__PURE__ */ t(e, { textAlignment: n.RIGHT, children: "Text right" })
+] });
+export {
+  o as default
+};
+//# sourceMappingURL=TextAlignment.js.map

package/dist/components/Text/demo/TextAlignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAlignment.js","sources":["../../../../src/components/Text/demo/TextAlignment.tsx"],"sourcesContent":["import React from 'react';\nimport { TextAlignments } from '../../../constants';\nimport Text from '../Text';\n\nconst TextAlignment = () => (\n  <>\n    <Text>Text left</Text>\n    <Text textAlignment={TextAlignments.CENTER}>Text center</Text>\n    <Text textAlignment={TextAlignments.RIGHT}>Text right</Text>\n  </>\n);\n\nexport default TextAlignment;\n"],"names":["TextAlignment","jsxs","Fragment","jsx","Text","TextAlignments"],"mappings":";;;AAIA,MAAMA,IAAgB,MACpB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,YAAA,CAAS;AAAA,EACf,gBAAAD,EAACC,GAAA,EAAK,eAAeC,EAAe,QAAQ,UAAA,eAAW;AAAA,EACvD,gBAAAF,EAACC,GAAA,EAAK,eAAeC,EAAe,OAAO,UAAA,aAAA,CAAU;AAAA,EAAA,CACvD;"}

package/dist/components/Text/demo/TextBalanced.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Text.cjs"),a=()=>e.jsxs("div",{style:{maxWidth:"550px"},children:[e.jsx(t.default,{children:"This text is not balanced. It may not have optimal line breaks and may appear uneven or awkward."}),e.jsx(t.default,{isTextBalanced:!0,children:"This text is balanced. It will minimize orphans and improves overall readability."})]});exports.default=a;
+//# sourceMappingURL=TextBalanced.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextBalanced.cjs","sources":["../../../../src/components/Text/demo/TextBalanced.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextBalanced = () => (\n  <div style={{ maxWidth: '550px' }}>\n    <Text>This text is not balanced. It may not have optimal line breaks and may appear uneven or awkward.</Text>\n    <Text isTextBalanced>This text is balanced. It will minimize orphans and improves overall readability.</Text>\n  </div>\n);\n\nexport default TextBalanced;\n"],"names":["TextBalanced","jsxs","jsx","Text"],"mappings":"0KAGMA,EAAe,IACnBC,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,SACtB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,kGAAA,CAAgG,EACtGD,EAAAA,IAACC,EAAAA,QAAA,CAAK,eAAc,GAAC,SAAA,mFAAA,CAAiF,CAAA,CAAA,CACxG"}

package/dist/components/Text/demo/TextBalanced.js

@@ -0,0 +1,10 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import a from "../Text.js";
+const n = () => /* @__PURE__ */ t("div", { style: { maxWidth: "550px" }, children: [
+  /* @__PURE__ */ e(a, { children: "This text is not balanced. It may not have optimal line breaks and may appear uneven or awkward." }),
+  /* @__PURE__ */ e(a, { isTextBalanced: !0, children: "This text is balanced. It will minimize orphans and improves overall readability." })
+] });
+export {
+  n as default
+};
+//# sourceMappingURL=TextBalanced.js.map

package/dist/components/Text/demo/TextBalanced.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBalanced.js","sources":["../../../../src/components/Text/demo/TextBalanced.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextBalanced = () => (\n  <div style={{ maxWidth: '550px' }}>\n    <Text>This text is not balanced. It may not have optimal line breaks and may appear uneven or awkward.</Text>\n    <Text isTextBalanced>This text is balanced. It will minimize orphans and improves overall readability.</Text>\n  </div>\n);\n\nexport default TextBalanced;\n"],"names":["TextBalanced","jsxs","jsx","Text"],"mappings":";;AAGA,MAAMA,IAAe,MACnB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,WACtB,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,mGAAA,CAAgG;AAAA,EACtG,gBAAAD,EAACC,GAAA,EAAK,gBAAc,IAAC,UAAA,oFAAA,CAAiF;AAAA,EAAA,CACxG;"}

package/dist/components/Text/demo/TextColor.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("../../../web-react/docs/DocsStack.cjs"),u=require("../../../constants/dictionaries.cjs"),r=require("../../../utils/colorObjectGenerators.cjs"),d=require("../../Grid/Grid.cjs"),c=require("../Text.cjs"),x={text:Object.values(u.TextColors),accent:Object.values(r.getAccentTextColors()),emotion:Object.values(r.getEmotionTextColors())},b=()=>e.jsxs(e.Fragment,{children:[e.jsx(c.default,{children:"For demo purposes, the text has custom background and padding."}),e.jsx(d.default,{cols:{mobile:1,desktop:3},alignmentY:"top",spacingY:"space-1100",children:Object.entries(x).map(([t,o])=>e.jsxs(l.default,{stackAlignment:"start",children:[e.jsxs("h3",{children:[`${t.charAt(0).toUpperCase()}${t.slice(1)} `," colors"]}),o?.map(s=>{const i=s?.replace(/basic|subtle/,a=>a==="basic"?"subtle":"basic"),n=t!=="text"?`bg-${i} px-800`:"";return e.jsx("div",{className:`${n} py-800`,children:e.jsxs(c.default,{textColor:s,children:["Text ",s]})},s)})]},t))})]});exports.default=b;
+//# sourceMappingURL=TextColor.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextColor.cjs","sources":["../../../../src/components/Text/demo/TextColor.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport { TextColors } from '../../../constants';\nimport { type TextColorsType } from '../../../types';\nimport { getAccentTextColors, getEmotionTextColors } from '../../../utils';\nimport { Grid } from '../../Grid';\nimport Text from '../Text';\n\nconst colorList = {\n  text: Object.values(TextColors),\n  accent: Object.values(getAccentTextColors()),\n  emotion: Object.values(getEmotionTextColors()),\n};\n\nconst TextColor = () => (\n  <>\n    <Text>For demo purposes, the text has custom background and padding.</Text>\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\" spacingY=\"space-1100\">\n      {Object.entries(colorList).map(([key, colors]: [string, TextColorsType[]]) => (\n        <DocsStack key={key} stackAlignment=\"start\">\n          <h3>{`${key.charAt(0).toUpperCase()}${key.slice(1)} `} colors</h3>\n\n          {colors?.map((color) => {\n            const bgColor = color?.replace(/basic|subtle/, (match) => (match === 'basic' ? 'subtle' : 'basic'));\n            const boxClass = key !== 'text' ? `bg-${bgColor} px-800` : '';\n\n            return (\n              <div key={color} className={`${boxClass} py-800`}>\n                <Text textColor={color}>Text {color}</Text>\n              </div>\n            );\n          })}\n        </DocsStack>\n      ))}\n    </Grid>\n  </>\n);\n\nexport default TextColor;\n"],"names":["colorList","TextColors","getAccentTextColors","getEmotionTextColors","TextColor","jsxs","Fragment","jsx","Text","Grid","key","colors","DocsStack","color","bgColor","match","boxClass"],"mappings":"qWAQMA,EAAY,CAChB,KAAM,OAAO,OAAOC,YAAU,EAC9B,OAAQ,OAAO,OAAOC,EAAAA,qBAAqB,EAC3C,QAAS,OAAO,OAAOC,uBAAA,CAAsB,CAC/C,EAEMC,EAAY,IAChBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,gEAAA,CAA8D,EACpED,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAA,EAAK,WAAW,MAAM,SAAS,aAC9D,gBAAO,QAAQT,CAAS,EAAE,IAAI,CAAC,CAACU,EAAKC,CAAM,IAC1CN,EAAAA,KAACO,EAAAA,QAAA,CAAoB,eAAe,QAClC,SAAA,CAAAP,OAAC,KAAA,CAAI,SAAA,CAAA,GAAGK,EAAI,OAAO,CAAC,EAAE,aAAa,GAAGA,EAAI,MAAM,CAAC,CAAC,IAAI,SAAA,EAAO,EAE5DC,GAAQ,IAAKE,GAAU,CACtB,MAAMC,EAAUD,GAAO,QAAQ,eAAiBE,GAAWA,IAAU,QAAU,SAAW,OAAQ,EAC5FC,EAAWN,IAAQ,OAAS,MAAMI,CAAO,UAAY,GAE3D,OACEP,EAAAA,IAAC,OAAgB,UAAW,GAAGS,CAAQ,UACrC,SAAAX,EAAAA,KAACG,EAAAA,QAAA,CAAK,UAAWK,EAAO,SAAA,CAAA,QAAMA,CAAA,CAAA,CAAM,GAD5BA,CAEV,CAEJ,CAAC,CAAA,CAAA,EAZaH,CAahB,CACD,CAAA,CACH,CAAA,CAAA,CACF"}

package/dist/components/Text/demo/TextColor.js

@@ -0,0 +1,30 @@
+import { jsxs as o, Fragment as n, jsx as s } from "react/jsx-runtime";
+import m from "../../../web-react/docs/DocsStack.js";
+import { TextColors as p } from "../../../constants/dictionaries.js";
+import { getEmotionTextColors as d, getAccentTextColors as x } from "../../../utils/colorObjectGenerators.js";
+import b from "../../Grid/Grid.js";
+import r from "../Text.js";
+const h = {
+  text: Object.values(p),
+  accent: Object.values(x()),
+  emotion: Object.values(d())
+}, v = () => /* @__PURE__ */ o(n, { children: [
+  /* @__PURE__ */ s(r, { children: "For demo purposes, the text has custom background and padding." }),
+  /* @__PURE__ */ s(b, { cols: { mobile: 1, desktop: 3 }, alignmentY: "top", spacingY: "space-1100", children: Object.entries(h).map(([t, c]) => /* @__PURE__ */ o(m, { stackAlignment: "start", children: [
+    /* @__PURE__ */ o("h3", { children: [
+      `${t.charAt(0).toUpperCase()}${t.slice(1)} `,
+      " colors"
+    ] }),
+    c?.map((e) => {
+      const i = e?.replace(/basic|subtle/, (l) => l === "basic" ? "subtle" : "basic"), a = t !== "text" ? `bg-${i} px-800` : "";
+      return /* @__PURE__ */ s("div", { className: `${a} py-800`, children: /* @__PURE__ */ o(r, { textColor: e, children: [
+        "Text ",
+        e
+      ] }) }, e);
+    })
+  ] }, t)) })
+] });
+export {
+  v as default
+};
+//# sourceMappingURL=TextColor.js.map

package/dist/components/Text/demo/TextColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextColor.js","sources":["../../../../src/components/Text/demo/TextColor.tsx"],"sourcesContent":["import React from 'react';\nimport DocsStack from '../../../../docs/DocsStack';\nimport { TextColors } from '../../../constants';\nimport { type TextColorsType } from '../../../types';\nimport { getAccentTextColors, getEmotionTextColors } from '../../../utils';\nimport { Grid } from '../../Grid';\nimport Text from '../Text';\n\nconst colorList = {\n  text: Object.values(TextColors),\n  accent: Object.values(getAccentTextColors()),\n  emotion: Object.values(getEmotionTextColors()),\n};\n\nconst TextColor = () => (\n  <>\n    <Text>For demo purposes, the text has custom background and padding.</Text>\n    <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\" spacingY=\"space-1100\">\n      {Object.entries(colorList).map(([key, colors]: [string, TextColorsType[]]) => (\n        <DocsStack key={key} stackAlignment=\"start\">\n          <h3>{`${key.charAt(0).toUpperCase()}${key.slice(1)} `} colors</h3>\n\n          {colors?.map((color) => {\n            const bgColor = color?.replace(/basic|subtle/, (match) => (match === 'basic' ? 'subtle' : 'basic'));\n            const boxClass = key !== 'text' ? `bg-${bgColor} px-800` : '';\n\n            return (\n              <div key={color} className={`${boxClass} py-800`}>\n                <Text textColor={color}>Text {color}</Text>\n              </div>\n            );\n          })}\n        </DocsStack>\n      ))}\n    </Grid>\n  </>\n);\n\nexport default TextColor;\n"],"names":["colorList","TextColors","getAccentTextColors","getEmotionTextColors","TextColor","jsxs","Fragment","jsx","Text","Grid","key","colors","DocsStack","color","bgColor","match","boxClass"],"mappings":";;;;;;AAQA,MAAMA,IAAY;AAAA,EAChB,MAAM,OAAO,OAAOC,CAAU;AAAA,EAC9B,QAAQ,OAAO,OAAOC,GAAqB;AAAA,EAC3C,SAAS,OAAO,OAAOC,EAAA,CAAsB;AAC/C,GAEMC,IAAY,MAChB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,iEAAA,CAA8D;AAAA,EACpE,gBAAAD,EAACE,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA,GAAK,YAAW,OAAM,UAAS,cAC9D,iBAAO,QAAQT,CAAS,EAAE,IAAI,CAAC,CAACU,GAAKC,CAAM,MAC1C,gBAAAN,EAACO,GAAA,EAAoB,gBAAe,SAClC,UAAA;AAAA,IAAA,gBAAAP,EAAC,MAAA,EAAI,UAAA;AAAA,MAAA,GAAGK,EAAI,OAAO,CAAC,EAAE,aAAa,GAAGA,EAAI,MAAM,CAAC,CAAC;AAAA,MAAI;AAAA,IAAA,GAAO;AAAA,IAE5DC,GAAQ,IAAI,CAACE,MAAU;AACtB,YAAMC,IAAUD,GAAO,QAAQ,gBAAgB,CAACE,MAAWA,MAAU,UAAU,WAAW,OAAQ,GAC5FC,IAAWN,MAAQ,SAAS,MAAMI,CAAO,YAAY;AAE3D,aACE,gBAAAP,EAAC,SAAgB,WAAW,GAAGS,CAAQ,WACrC,UAAA,gBAAAX,EAACG,GAAA,EAAK,WAAWK,GAAO,UAAA;AAAA,QAAA;AAAA,QAAMA;AAAA,MAAA,EAAA,CAAM,KAD5BA,CAEV;AAAA,IAEJ,CAAC;AAAA,EAAA,EAAA,GAZaH,CAahB,CACD,EAAA,CACH;AAAA,EAAA,CACF;"}

package/dist/components/Text/demo/TextDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Text.cjs"),u=()=>e.jsx(t.default,{children:"Text"});exports.default=u;
+//# sourceMappingURL=TextDefault.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextDefault.cjs","sources":["../../../../src/components/Text/demo/TextDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextDefault = () => <Text>Text</Text>;\n\nexport default TextDefault;\n"],"names":["TextDefault","jsx","Text"],"mappings":"0KAGMA,EAAc,IAAMC,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAA,MAAA,CAAI"}

package/dist/components/Text/demo/TextDefault.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "../Text.js";
+const s = () => /* @__PURE__ */ t(e, { children: "Text" });
+export {
+  s as default
+};
+//# sourceMappingURL=TextDefault.js.map

package/dist/components/Text/demo/TextDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextDefault.js","sources":["../../../../src/components/Text/demo/TextDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextDefault = () => <Text>Text</Text>;\n\nexport default TextDefault;\n"],"names":["TextDefault","jsx","Text"],"mappings":";;AAGA,MAAMA,IAAc,MAAM,gBAAAC,EAACC,GAAA,EAAK,UAAA,OAAA,CAAI;"}

package/dist/components/Text/demo/TextEmphasis.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../Text.cjs"),t=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.default,{emphasis:"regular",children:"Text regular"}),e.jsx(s.default,{emphasis:"semibold",children:"Text semibold"}),e.jsx(s.default,{emphasis:"bold",children:"Text bold"}),e.jsx(s.default,{emphasis:"italic",children:"Text italic"})]});exports.default=t;
+//# sourceMappingURL=TextEmphasis.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextEmphasis.cjs","sources":["../../../../src/components/Text/demo/TextEmphasis.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextEmphasis = () => (\n  <>\n    <Text emphasis=\"regular\">Text regular</Text>\n    <Text emphasis=\"semibold\">Text semibold</Text>\n    <Text emphasis=\"bold\">Text bold</Text>\n    <Text emphasis=\"italic\">Text italic</Text>\n  </>\n);\n\nexport default TextEmphasis;\n"],"names":["TextEmphasis","jsxs","Fragment","jsx","Text"],"mappings":"0KAGMA,EAAe,IACnBC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAS,UAAU,SAAA,eAAY,EACrCD,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAS,WAAW,SAAA,gBAAa,EACvCD,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAS,OAAO,SAAA,YAAS,EAC/BD,EAAAA,IAACC,EAAAA,QAAA,CAAK,SAAS,SAAS,SAAA,aAAA,CAAW,CAAA,CAAA,CACrC"}

package/dist/components/Text/demo/TextEmphasis.js

@@ -0,0 +1,12 @@
+import { jsxs as s, Fragment as r, jsx as e } from "react/jsx-runtime";
+import i from "../Text.js";
+const a = () => /* @__PURE__ */ s(r, { children: [
+  /* @__PURE__ */ e(i, { emphasis: "regular", children: "Text regular" }),
+  /* @__PURE__ */ e(i, { emphasis: "semibold", children: "Text semibold" }),
+  /* @__PURE__ */ e(i, { emphasis: "bold", children: "Text bold" }),
+  /* @__PURE__ */ e(i, { emphasis: "italic", children: "Text italic" })
+] });
+export {
+  a as default
+};
+//# sourceMappingURL=TextEmphasis.js.map

package/dist/components/Text/demo/TextEmphasis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEmphasis.js","sources":["../../../../src/components/Text/demo/TextEmphasis.tsx"],"sourcesContent":["import React from 'react';\nimport Text from '../Text';\n\nconst TextEmphasis = () => (\n  <>\n    <Text emphasis=\"regular\">Text regular</Text>\n    <Text emphasis=\"semibold\">Text semibold</Text>\n    <Text emphasis=\"bold\">Text bold</Text>\n    <Text emphasis=\"italic\">Text italic</Text>\n  </>\n);\n\nexport default TextEmphasis;\n"],"names":["TextEmphasis","jsxs","Fragment","jsx","Text"],"mappings":";;AAGA,MAAMA,IAAe,MACnB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAK,UAAS,WAAU,UAAA,gBAAY;AAAA,EACrC,gBAAAD,EAACC,GAAA,EAAK,UAAS,YAAW,UAAA,iBAAa;AAAA,EACvC,gBAAAD,EAACC,GAAA,EAAK,UAAS,QAAO,UAAA,aAAS;AAAA,EAC/B,gBAAAD,EAACC,GAAA,EAAK,UAAS,UAAS,UAAA,cAAA,CAAW;AAAA,EAAA,CACrC;"}

package/dist/components/Text/demo/TextHyphens.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../constants/text.cjs"),i=require("../Text.cjs"),s=()=>e.jsxs("div",{style:{maxWidth:"200px"},className:"border-100 border-dashed border-basic",children:[e.jsx(i.default,{children:"Text with no specific hyphenation: supercalifragilisticexpialidocious"}),e.jsx(i.default,{textHyphens:t.TextHyphens.NONE,children:"Text with no hyphens: supercalifragilisticexpialidocious"}),e.jsx(i.default,{textHyphens:t.TextHyphens.MANUAL,children:"Text with manual hyphens: super­califragilisticexpialidocious"})]});exports.default=s;
+//# sourceMappingURL=TextHyphens.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextHyphens.cjs","sources":["../../../../src/components/Text/demo/TextHyphens.tsx"],"sourcesContent":["import React from 'react';\nimport { TextHyphens } from '../../../constants';\nimport Text from '../Text';\n\nconst TextWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Text>Text with no specific hyphenation: supercalifragilisticexpialidocious</Text>\n    <Text textHyphens={TextHyphens.NONE}>Text with no hyphens: supercalifragilisticexpialidocious</Text>\n    <Text textHyphens={TextHyphens.MANUAL}>Text with manual hyphens: super&shy;califragilisticexpialidocious</Text>\n  </div>\n);\n\nexport default TextWordBreak;\n"],"names":["TextWordBreak","jsxs","jsx","Text","TextHyphens"],"mappings":"mNAIMA,EAAgB,IACpBC,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,OAAA,EAAW,UAAU,wCAC3C,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,uEAAA,CAAqE,EAC3ED,EAAAA,IAACC,EAAAA,QAAA,CAAK,YAAaC,EAAAA,YAAY,KAAM,SAAA,2DAAwD,EAC7FF,EAAAA,IAACC,EAAAA,QAAA,CAAK,YAAaC,EAAAA,YAAY,OAAQ,SAAA,+DAAA,CAAiE,CAAA,CAAA,CAC1G"}

package/dist/components/Text/demo/TextHyphens.js

@@ -0,0 +1,12 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { TextHyphens as s } from "../../../constants/text.js";
+import e from "../Text.js";
+const c = () => /* @__PURE__ */ t("div", { style: { maxWidth: "200px" }, className: "border-100 border-dashed border-basic", children: [
+  /* @__PURE__ */ i(e, { children: "Text with no specific hyphenation: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ i(e, { textHyphens: s.NONE, children: "Text with no hyphens: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ i(e, { textHyphens: s.MANUAL, children: "Text with manual hyphens: super­califragilisticexpialidocious" })
+] });
+export {
+  c as default
+};
+//# sourceMappingURL=TextHyphens.js.map

package/dist/components/Text/demo/TextHyphens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextHyphens.js","sources":["../../../../src/components/Text/demo/TextHyphens.tsx"],"sourcesContent":["import React from 'react';\nimport { TextHyphens } from '../../../constants';\nimport Text from '../Text';\n\nconst TextWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Text>Text with no specific hyphenation: supercalifragilisticexpialidocious</Text>\n    <Text textHyphens={TextHyphens.NONE}>Text with no hyphens: supercalifragilisticexpialidocious</Text>\n    <Text textHyphens={TextHyphens.MANUAL}>Text with manual hyphens: super&shy;califragilisticexpialidocious</Text>\n  </div>\n);\n\nexport default TextWordBreak;\n"],"names":["TextWordBreak","jsxs","jsx","Text","TextHyphens"],"mappings":";;;AAIA,MAAMA,IAAgB,MACpB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,QAAA,GAAW,WAAU,yCAC3C,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,wEAAA,CAAqE;AAAA,EAC3E,gBAAAD,EAACC,GAAA,EAAK,aAAaC,EAAY,MAAM,UAAA,4DAAwD;AAAA,EAC7F,gBAAAF,EAACC,GAAA,EAAK,aAAaC,EAAY,QAAQ,UAAA,gEAAA,CAAiE;AAAA,EAAA,CAC1G;"}

package/dist/components/Text/demo/TextSizes.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../../constants/dictionaries.cjs"),i=require("../Text.cjs"),u=()=>{const s=Object.values(r.SizesExtended);return t.jsx(t.Fragment,{children:s.map(e=>t.jsxs(i.default,{size:e,children:["Text ",e]},e))})};exports.default=u;
+//# sourceMappingURL=TextSizes.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextSizes.cjs","sources":["../../../../src/components/Text/demo/TextSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport Text from '../Text';\n\nconst TextSizes = () => {\n  const sizes = Object.values(SizesExtended);\n\n  return (\n    <>\n      {sizes.map((size) => (\n        <Text key={size} size={size}>\n          Text {size}\n        </Text>\n      ))}\n    </>\n  );\n};\n\nexport default TextSizes;\n"],"names":["TextSizes","sizes","SizesExtended","size","jsxs","Text"],"mappings":"2NAIMA,EAAY,IAAM,CACtB,MAAMC,EAAQ,OAAO,OAAOC,eAAa,EAEzC,yBAEK,SAAAD,EAAM,IAAKE,GACVC,EAAAA,KAACC,EAAAA,SAAgB,KAAAF,EAAY,SAAA,CAAA,QACrBA,CAAA,GADGA,CAEX,CACD,EACH,CAEJ"}

package/dist/components/Text/demo/TextSizes.js

@@ -0,0 +1,14 @@
+import { jsx as r, Fragment as s, jsxs as o } from "react/jsx-runtime";
+import { SizesExtended as m } from "../../../constants/dictionaries.js";
+import i from "../Text.js";
+const a = () => {
+  const e = Object.values(m);
+  return /* @__PURE__ */ r(s, { children: e.map((t) => /* @__PURE__ */ o(i, { size: t, children: [
+    "Text ",
+    t
+  ] }, t)) });
+};
+export {
+  a as default
+};
+//# sourceMappingURL=TextSizes.js.map

package/dist/components/Text/demo/TextSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSizes.js","sources":["../../../../src/components/Text/demo/TextSizes.tsx"],"sourcesContent":["import React from 'react';\nimport { SizesExtended } from '../../../constants';\nimport Text from '../Text';\n\nconst TextSizes = () => {\n  const sizes = Object.values(SizesExtended);\n\n  return (\n    <>\n      {sizes.map((size) => (\n        <Text key={size} size={size}>\n          Text {size}\n        </Text>\n      ))}\n    </>\n  );\n};\n\nexport default TextSizes;\n"],"names":["TextSizes","sizes","SizesExtended","size","jsxs","Text"],"mappings":";;;AAIA,MAAMA,IAAY,MAAM;AACtB,QAAMC,IAAQ,OAAO,OAAOC,CAAa;AAEzC,gCAEK,UAAAD,EAAM,IAAI,CAACE,MACV,gBAAAC,EAACC,KAAgB,MAAAF,GAAY,UAAA;AAAA,IAAA;AAAA,IACrBA;AAAA,EAAA,KADGA,CAEX,CACD,GACH;AAEJ;"}

package/dist/components/Text/demo/TextWordBreak.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../constants/text.cjs"),r=require("../Text.cjs"),i=()=>e.jsxs("div",{style:{maxWidth:"200px"},className:"border-100 border-dashed border-basic",children:[e.jsx(r.default,{children:"Text with no specific word break: supercalifragilisticexpialidocious"}),e.jsx(r.default,{textWordBreak:t.TextWordBreaks.ANYWHERE,children:"Text with long word that should break anywhere: supercalifragilisticexpialidocious"}),e.jsx(r.default,{textWordBreak:t.TextWordBreaks.LONG_WORDS,children:"Text with long word that should break at long words: supercalifragilisticexpialidocious"})]});exports.default=i;
+//# sourceMappingURL=TextWordBreak.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextWordBreak.cjs","sources":["../../../../src/components/Text/demo/TextWordBreak.tsx"],"sourcesContent":["import React from 'react';\nimport { TextWordBreaks } from '../../../constants';\nimport Text from '../Text';\n\nconst TextWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Text>Text with no specific word break: supercalifragilisticexpialidocious</Text>\n    <Text textWordBreak={TextWordBreaks.ANYWHERE}>\n      Text with long word that should break anywhere: supercalifragilisticexpialidocious\n    </Text>\n    <Text textWordBreak={TextWordBreaks.LONG_WORDS}>\n      Text with long word that should break at long words: supercalifragilisticexpialidocious\n    </Text>\n  </div>\n);\n\nexport default TextWordBreak;\n"],"names":["TextWordBreak","jsxs","jsx","Text","TextWordBreaks"],"mappings":"mNAIMA,EAAgB,IACpBC,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,OAAA,EAAW,UAAU,wCAC3C,SAAA,CAAAC,EAAAA,IAACC,EAAAA,SAAK,SAAA,sEAAA,CAAoE,EAC1ED,EAAAA,IAACC,EAAAA,QAAA,CAAK,cAAeC,EAAAA,eAAe,SAAU,SAAA,qFAE9C,EACAF,EAAAA,IAACC,EAAAA,QAAA,CAAK,cAAeC,EAAAA,eAAe,WAAY,SAAA,yFAAA,CAEhD,CAAA,CAAA,CACF"}

package/dist/components/Text/demo/TextWordBreak.js

@@ -0,0 +1,12 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { TextWordBreaks as i } from "../../../constants/text.js";
+import e from "../Text.js";
+const d = () => /* @__PURE__ */ o("div", { style: { maxWidth: "200px" }, className: "border-100 border-dashed border-basic", children: [
+  /* @__PURE__ */ r(e, { children: "Text with no specific word break: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ r(e, { textWordBreak: i.ANYWHERE, children: "Text with long word that should break anywhere: supercalifragilisticexpialidocious" }),
+  /* @__PURE__ */ r(e, { textWordBreak: i.LONG_WORDS, children: "Text with long word that should break at long words: supercalifragilisticexpialidocious" })
+] });
+export {
+  d as default
+};
+//# sourceMappingURL=TextWordBreak.js.map

package/dist/components/Text/demo/TextWordBreak.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWordBreak.js","sources":["../../../../src/components/Text/demo/TextWordBreak.tsx"],"sourcesContent":["import React from 'react';\nimport { TextWordBreaks } from '../../../constants';\nimport Text from '../Text';\n\nconst TextWordBreak = () => (\n  <div style={{ maxWidth: '200px' }} className=\"border-100 border-dashed border-basic\">\n    <Text>Text with no specific word break: supercalifragilisticexpialidocious</Text>\n    <Text textWordBreak={TextWordBreaks.ANYWHERE}>\n      Text with long word that should break anywhere: supercalifragilisticexpialidocious\n    </Text>\n    <Text textWordBreak={TextWordBreaks.LONG_WORDS}>\n      Text with long word that should break at long words: supercalifragilisticexpialidocious\n    </Text>\n  </div>\n);\n\nexport default TextWordBreak;\n"],"names":["TextWordBreak","jsxs","jsx","Text","TextWordBreaks"],"mappings":";;;AAIA,MAAMA,IAAgB,MACpB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,QAAA,GAAW,WAAU,yCAC3C,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,UAAA,uEAAA,CAAoE;AAAA,EAC1E,gBAAAD,EAACC,GAAA,EAAK,eAAeC,EAAe,UAAU,UAAA,sFAE9C;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAK,eAAeC,EAAe,YAAY,UAAA,0FAAA,CAEhD;AAAA,EAAA,CACF;"}

package/dist/components/Text/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"),r=require("./TextAlignment.cjs"),i=require("./TextBalanced.cjs"),l=require("./TextColor.cjs"),n=require("./TextDefault.cjs"),c=require("./TextEmphasis.cjs"),u=require("./TextHyphens.cjs"),a=require("./TextSizes.cjs"),d=require("./TextWordBreak.cjs"),x=()=>e.jsxs(s.StrictMode,{children:[e.jsx(t.default,{title:"Default",children:e.jsx(n.default,{})}),e.jsx(t.default,{title:"Sizes",children:e.jsx(a.default,{})}),e.jsx(t.default,{title:"Emphasis",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Colors",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Alignment",stackAlignment:"stretch",children:e.jsx(r.default,{})}),e.jsx(t.default,{title:"Balanced Wrapping",stackAlignment:"stretch",children:e.jsx(i.default,{})}),e.jsx(t.default,{title:"Word Break",stackAlignment:"stretch",children:e.jsx(d.default,{})}),e.jsx(t.default,{title:"Hyphens",stackAlignment:"stretch",children:e.jsx(u.default,{})})]});exports.Preview=x;
+//# sourceMappingURL=preview.cjs.map