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

package/dist/components/Tabs/index.cjs

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

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

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

package/dist/components/Tabs/index.js

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

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

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

package/dist/components/Tabs/useTabs.cjs

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

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

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

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

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

package/dist/components/Tabs/useTabs.js

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

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

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

package/dist/components/Tabs/useTabsStyleProps.cjs

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

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

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

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

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

package/dist/components/Tabs/useTabsStyleProps.js

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

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

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

package/dist/components/Tabs.d.ts

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

package/dist/components/Tag/Tag.cjs

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

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

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

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

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

package/dist/components/Tag/Tag.js

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

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

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

package/dist/components/Tag/constants.cjs

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

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

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

package/dist/components/Tag/constants.js

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

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

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

package/dist/components/Tag/index.cjs

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

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

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

package/dist/components/Tag/index.js

@@ -0,0 +1,9 @@
+import { default as r } from "./Tag.js";
+import { TagColorsExtended as s } from "./constants.js";
+import { useTagStyleProps as f } from "./useTagStyleProps.js";
+export {
+  r as Tag,
+  s as TagColorsExtended,
+  f as useTagStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Tag/useTagStyleProps.cjs

@@ -0,0 +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;
+//# sourceMappingURL=useTagStyleProps.cjs.map

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

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

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

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritTagProps } from '../../types';
+export interface TagStyles {
+    classProps: string;
+    props: Partial<SpiritTagProps>;
+}
+export declare function useTagStyleProps<E extends ElementType = 'span', C = void, S = void>(props: SpiritTagProps<E, C, S>): TagStyles;

package/dist/components/Tag/useTagStyleProps.js

@@ -0,0 +1,17 @@
+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`;
+  return {
+    classProps: n(s, {
+      [l]: o,
+      [c]: t,
+      [i]: r
+    }),
+    props: e
+  };
+}
+export {
+  C as useTagStyleProps
+};
+//# sourceMappingURL=useTagStyleProps.js.map

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

@@ -0,0 +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;"}

package/dist/components/Tag.d.ts

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

package/dist/components/Text/Text.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Text.cjs.map

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

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

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritTextProps } from '../../types';
+declare const Text: {
+    <E extends ElementType = "p", S = void, Emph = void, C = void>(props: SpiritTextProps<E, S, Emph, C>): JSX.Element;
+    spiritComponent: string;
+};
+export default Text;

package/dist/components/Text/Text.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { SizesExtended as c, Emphasis as d } 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 = {
+  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, {
+    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 });
+};
+u.spiritComponent = "Text";
+export {
+  u as default
+};
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +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;"}

package/dist/components/Text/index.cjs

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

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

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

package/dist/components/Text/index.js

@@ -0,0 +1,7 @@
+import { default as r } from "./Text.js";
+import { useTextStyleProps as s } from "./useTextStyleProps.js";
+export {
+  r as Text,
+  s as useTextStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Text/useTextStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("classnames"),e=require("../../hooks/useClassNamePrefix.cjs");function i(t){const{emphasis:r,size:o,textColor:s,...a}=t,l=e.useClassNamePrefix("typography-body"),c=e.useClassNamePrefix(s?`text-${s}`:"");return{classProps:u(`${l}-${o}-${r}`,{[c]:!!s}),props:a}}exports.useTextStyleProps=i;
+//# sourceMappingURL=useTextStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextStyleProps.cjs","sources":["../../../src/components/Text/useTextStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextProps, type TextProps } from '../../types';\n\nexport interface TextStyles<E extends ElementType = 'p'> {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the input element */\n  props: TextProps<E>;\n}\n\nexport function useTextStyleProps<E extends ElementType = 'p', S = void, Emph = void, C = void>(\n  props: SpiritTextProps<E, S, Emph, C>,\n): TextStyles<E> {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const textClass = useClassNamePrefix('typography-body');\n  const textColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${textClass}-${size}-${emphasis}`, {\n    [textColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useTextStyleProps","props","emphasis","size","textColor","restProps","textClass","useClassNamePrefix","textColorClass","classNames"],"mappings":"8JAYO,SAASA,EACdC,EACe,CACf,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAW,GAAGC,GAAcJ,EAE9CK,EAAYC,EAAAA,mBAAmB,iBAAiB,EAChDC,EAAiBD,EAAAA,mBAAmBH,EAAY,QAAQA,CAAS,GAAK,EAAE,EAK9E,MAAO,CACL,WALgBK,EAAW,GAAGH,CAAS,IAAIH,CAAI,IAAID,CAAQ,GAAI,CAC/D,CAACM,CAAc,EAAG,CAAC,CAACJ,CAAA,CACrB,EAIC,MAAOC,CAAA,CAEX"}

package/dist/components/Text/useTextStyleProps.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritTextProps, TextProps } from '../../types';
+export interface TextStyles<E extends ElementType = 'p'> {
+    classProps: string | null;
+    props: TextProps<E>;
+}
+export declare function useTextStyleProps<E extends ElementType = 'p', S = void, Emph = void, C = void>(props: SpiritTextProps<E, S, Emph, C>): TextStyles<E>;

package/dist/components/Text/useTextStyleProps.js

@@ -0,0 +1,15 @@
+import l from "classnames";
+import { useClassNamePrefix as t } from "../../hooks/useClassNamePrefix.js";
+function x(o) {
+  const { emphasis: e, size: r, textColor: s, ...a } = o, p = t("typography-body"), c = t(s ? `text-${s}` : "");
+  return {
+    classProps: l(`${p}-${r}-${e}`, {
+      [c]: !!s
+    }),
+    props: a
+  };
+}
+export {
+  x as useTextStyleProps
+};
+//# sourceMappingURL=useTextStyleProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextStyleProps.js","sources":["../../../src/components/Text/useTextStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTextProps, type TextProps } from '../../types';\n\nexport interface TextStyles<E extends ElementType = 'p'> {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the input element */\n  props: TextProps<E>;\n}\n\nexport function useTextStyleProps<E extends ElementType = 'p', S = void, Emph = void, C = void>(\n  props: SpiritTextProps<E, S, Emph, C>,\n): TextStyles<E> {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const textClass = useClassNamePrefix('typography-body');\n  const textColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${textClass}-${size}-${emphasis}`, {\n    [textColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useTextStyleProps","props","emphasis","size","textColor","restProps","textClass","useClassNamePrefix","textColorClass","classNames"],"mappings":";;AAYO,SAASA,EACdC,GACe;AACf,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,GAAGC,MAAcJ,GAE9CK,IAAYC,EAAmB,iBAAiB,GAChDC,IAAiBD,EAAmBH,IAAY,QAAQA,CAAS,KAAK,EAAE;AAK9E,SAAO;AAAA,IACL,YALgBK,EAAW,GAAGH,CAAS,IAAIH,CAAI,IAAID,CAAQ,IAAI;AAAA,MAC/D,CAACM,CAAc,GAAG,CAAC,CAACJ;AAAA,IAAA,CACrB;AAAA,IAIC,OAAOC;AAAA,EAAA;AAEX;"}

package/dist/components/Text.d.ts

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

package/dist/components/TextArea/TextArea.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),s=require("react"),g=require("../TextFieldBase/TextFieldBase.cjs"),p=require("./useAdjustHeight.cjs"),x=(n,u)=>{const{onInput:r,isAutoResizing:i,autoResizingMaxHeight:o=400,...a}=n,t=s.useRef(u),{adjustHeightOnAutoresize:c,onInput:l}=p.useAdjustHeight({elementReference:t,onInput:r,isAutoResizing:i,maxHeight:o});return d.jsx(g.default,{isMultiline:!0,ref:t,onInput:l,onFocus:c,...a})},e=s.forwardRef(x);e.spiritComponent="TextArea";e.displayName="TextArea";exports.default=e;
+//# sourceMappingURL=TextArea.cjs.map

package/dist/components/TextArea/TextArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.cjs","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, type RefObject, forwardRef, useRef } from 'react';\nimport { type ForwardRefComponent, type SpiritTextAreaProps } from '../../types';\nimport { TextFieldBase } from '../TextFieldBase';\nimport { useAdjustHeight } from './useAdjustHeight';\n\nconst _TextArea = (props: SpiritTextAreaProps, ref: ForwardedRef<HTMLTextAreaElement>): JSX.Element => {\n  const { onInput, isAutoResizing, autoResizingMaxHeight = 400, ...restProps } = props;\n  const elementReference = useRef(ref);\n  const { adjustHeightOnAutoresize, onInput: onInputHandler } = useAdjustHeight({\n    elementReference,\n    onInput,\n    isAutoResizing,\n    maxHeight: autoResizingMaxHeight,\n  });\n\n  return (\n    <TextFieldBase\n      isMultiline\n      ref={elementReference as RefObject<HTMLTextAreaElement>}\n      onInput={onInputHandler}\n      onFocus={adjustHeightOnAutoresize}\n      {...restProps}\n    />\n  );\n};\n\nconst TextArea = forwardRef<HTMLTextAreaElement, SpiritTextAreaProps>(_TextArea) as ForwardRefComponent<\n  HTMLTextAreaElement,\n  SpiritTextAreaProps\n>;\n\nTextArea.spiritComponent = 'TextArea';\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"names":["_TextArea","props","ref","onInput","isAutoResizing","autoResizingMaxHeight","restProps","elementReference","useRef","adjustHeightOnAutoresize","onInputHandler","useAdjustHeight","jsx","TextFieldBase","TextArea","forwardRef"],"mappings":"oQAOMA,EAAY,CAACC,EAA4BC,IAAwD,CACrG,KAAM,CAAE,QAAAC,EAAS,eAAAC,EAAgB,sBAAAC,EAAwB,IAAK,GAAGC,GAAcL,EACzEM,EAAmBC,EAAAA,OAAON,CAAG,EAC7B,CAAE,yBAAAO,EAA0B,QAASC,CAAA,EAAmBC,EAAAA,gBAAgB,CAC5E,iBAAAJ,EACA,QAAAJ,EACA,eAAAC,EACA,UAAWC,CAAA,CACZ,EAED,OACEO,EAAAA,IAACC,EAAAA,QAAA,CACC,YAAW,GACX,IAAKN,EACL,QAASG,EACT,QAASD,EACR,GAAGH,CAAA,CAAA,CAGV,EAEMQ,EAAWC,EAAAA,WAAqDf,CAAS,EAK/Ec,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefComponent, SpiritTextAreaProps } from '../../types';
+declare const TextArea: ForwardRefComponent<HTMLTextAreaElement, SpiritTextAreaProps>;
+export default TextArea;

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as f, useRef as c } from "react";
+import x from "../TextFieldBase/TextFieldBase.js";
+import { useAdjustHeight as l } from "./useAdjustHeight.js";
+const d = (o, r) => {
+  const { onInput: n, isAutoResizing: s, autoResizingMaxHeight: i = 400, ...u } = o, e = c(r), { adjustHeightOnAutoresize: a, onInput: p } = l({
+    elementReference: e,
+    onInput: n,
+    isAutoResizing: s,
+    maxHeight: i
+  });
+  return /* @__PURE__ */ m(
+    x,
+    {
+      isMultiline: !0,
+      ref: e,
+      onInput: p,
+      onFocus: a,
+      ...u
+    }
+  );
+}, t = f(d);
+t.spiritComponent = "TextArea";
+t.displayName = "TextArea";
+export {
+  t as default
+};
+//# sourceMappingURL=TextArea.js.map

package/dist/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, type RefObject, forwardRef, useRef } from 'react';\nimport { type ForwardRefComponent, type SpiritTextAreaProps } from '../../types';\nimport { TextFieldBase } from '../TextFieldBase';\nimport { useAdjustHeight } from './useAdjustHeight';\n\nconst _TextArea = (props: SpiritTextAreaProps, ref: ForwardedRef<HTMLTextAreaElement>): JSX.Element => {\n  const { onInput, isAutoResizing, autoResizingMaxHeight = 400, ...restProps } = props;\n  const elementReference = useRef(ref);\n  const { adjustHeightOnAutoresize, onInput: onInputHandler } = useAdjustHeight({\n    elementReference,\n    onInput,\n    isAutoResizing,\n    maxHeight: autoResizingMaxHeight,\n  });\n\n  return (\n    <TextFieldBase\n      isMultiline\n      ref={elementReference as RefObject<HTMLTextAreaElement>}\n      onInput={onInputHandler}\n      onFocus={adjustHeightOnAutoresize}\n      {...restProps}\n    />\n  );\n};\n\nconst TextArea = forwardRef<HTMLTextAreaElement, SpiritTextAreaProps>(_TextArea) as ForwardRefComponent<\n  HTMLTextAreaElement,\n  SpiritTextAreaProps\n>;\n\nTextArea.spiritComponent = 'TextArea';\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"names":["_TextArea","props","ref","onInput","isAutoResizing","autoResizingMaxHeight","restProps","elementReference","useRef","adjustHeightOnAutoresize","onInputHandler","useAdjustHeight","jsx","TextFieldBase","TextArea","forwardRef"],"mappings":";;;;;AAOA,MAAMA,IAAY,CAACC,GAA4BC,MAAwD;AACrG,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,uBAAAC,IAAwB,KAAK,GAAGC,MAAcL,GACzEM,IAAmBC,EAAON,CAAG,GAC7B,EAAE,0BAAAO,GAA0B,SAASC,EAAA,IAAmBC,EAAgB;AAAA,IAC5E,kBAAAJ;AAAA,IACA,SAAAJ;AAAA,IACA,gBAAAC;AAAA,IACA,WAAWC;AAAA,EAAA,CACZ;AAED,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,KAAKN;AAAA,MACL,SAASG;AAAA,MACT,SAASD;AAAA,MACR,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,GAEMQ,IAAWC,EAAqDf,CAAS;AAK/Ec,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/TextArea/index.cjs

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

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

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

package/dist/components/TextArea/index.js

@@ -0,0 +1,5 @@
+import { default as r } from "./TextArea.js";
+export {
+  r as TextArea
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/TextArea/useAdjustHeight.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),g=({elementReference:i,maxHeight:o,onInput:s,isAutoResizing:d})=>{const u=t=>{const a=parseFloat(getComputedStyle(t).getPropertyValue("border-top-width"))||0,l=parseFloat(getComputedStyle(t).getPropertyValue("border-bottom-width"))||0,h=a+l;t.style.height="auto",t.style.overflow="auto";const r=t.scrollHeight+h;t.style.height=`${r<o?r:o}px`,t.style.overflow=r<o?"hidden":"auto"},e=()=>{if(d){const t=i?.current;t&&u(t)}},c=t=>{e(),s&&s(t)};return n.useEffect(()=>{e()},[]),{adjustHeight:u,adjustHeightOnAutoresize:e,onInput:c}};exports.useAdjustHeight=g;
+//# sourceMappingURL=useAdjustHeight.cjs.map

package/dist/components/TextArea/useAdjustHeight.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdjustHeight.cjs","sources":["../../../src/components/TextArea/useAdjustHeight.ts"],"sourcesContent":["'use client';\n\n/* eslint-disable no-param-reassign -- DOM manipulation is required for dynamic height adjustment */\nimport { type FormEvent, type FormEventHandler, type ForwardedRef, type MutableRefObject, useEffect } from 'react';\n\nexport interface UseAdjustHeightProps {\n  elementReference?: MutableRefObject<ForwardedRef<HTMLTextAreaElement>>;\n  maxHeight: number;\n  onInput?: FormEventHandler<HTMLTextAreaElement>;\n  isAutoResizing?: boolean;\n}\n\nexport interface UseAdjustHeightReturn {\n  adjustHeight: (element: HTMLTextAreaElement) => void;\n  adjustHeightOnAutoresize: () => void;\n  onInput: FormEventHandler<HTMLTextAreaElement>;\n}\n\nexport const useAdjustHeight = ({\n  elementReference,\n  maxHeight,\n  onInput,\n  isAutoResizing,\n}: UseAdjustHeightProps): UseAdjustHeightReturn => {\n  const adjustHeight = (element: HTMLTextAreaElement) => {\n    const borderTopWidth = parseFloat(getComputedStyle(element).getPropertyValue('border-top-width')) || 0;\n    const borderBottomWidth = parseFloat(getComputedStyle(element).getPropertyValue('border-bottom-width')) || 0;\n    const totalBorderWidth = borderTopWidth + borderBottomWidth;\n\n    element.style.height = 'auto';\n    element.style.overflow = 'auto';\n\n    const totalHeight = element.scrollHeight + totalBorderWidth;\n\n    element.style.height = `${totalHeight < maxHeight ? totalHeight : maxHeight}px`;\n    element.style.overflow = totalHeight < maxHeight ? 'hidden' : 'auto';\n  };\n\n  const adjustHeightOnAutoresize = () => {\n    if (isAutoResizing) {\n      // Because of mixed props for input and textarea\n      const textArea = elementReference?.current as unknown as HTMLTextAreaElement;\n\n      if (textArea) {\n        adjustHeight(textArea);\n      }\n    }\n  };\n\n  const inputHandler = (event: FormEvent<HTMLTextAreaElement>) => {\n    adjustHeightOnAutoresize();\n\n    if (onInput) {\n      onInput(event);\n    }\n  };\n\n  /**\n   * This is the equivalent of the initialization function\n   * It will run only once when the component is mounted\n   */\n  useEffect(() => {\n    adjustHeightOnAutoresize();\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Empty deps array to run only once\n  }, []);\n\n  return {\n    adjustHeight,\n    adjustHeightOnAutoresize,\n    onInput: inputHandler,\n  };\n};\n"],"names":["useAdjustHeight","elementReference","maxHeight","onInput","isAutoResizing","adjustHeight","element","borderTopWidth","borderBottomWidth","totalBorderWidth","totalHeight","adjustHeightOnAutoresize","textArea","inputHandler","event","useEffect"],"mappings":"sHAkBaA,EAAkB,CAAC,CAC9B,iBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,eAAAC,CACF,IAAmD,CACjD,MAAMC,EAAgBC,GAAiC,CACrD,MAAMC,EAAiB,WAAW,iBAAiBD,CAAO,EAAE,iBAAiB,kBAAkB,CAAC,GAAK,EAC/FE,EAAoB,WAAW,iBAAiBF,CAAO,EAAE,iBAAiB,qBAAqB,CAAC,GAAK,EACrGG,EAAmBF,EAAiBC,EAE1CF,EAAQ,MAAM,OAAS,OACvBA,EAAQ,MAAM,SAAW,OAEzB,MAAMI,EAAcJ,EAAQ,aAAeG,EAE3CH,EAAQ,MAAM,OAAS,GAAGI,EAAcR,EAAYQ,EAAcR,CAAS,KAC3EI,EAAQ,MAAM,SAAWI,EAAcR,EAAY,SAAW,MAChE,EAEMS,EAA2B,IAAM,CACrC,GAAIP,EAAgB,CAElB,MAAMQ,EAAWX,GAAkB,QAE/BW,GACFP,EAAaO,CAAQ,CAEzB,CACF,EAEMC,EAAgBC,GAA0C,CAC9DH,EAAA,EAEIR,GACFA,EAAQW,CAAK,CAEjB,EAMAC,OAAAA,EAAAA,UAAU,IAAM,CACdJ,EAAA,CAEF,EAAG,CAAA,CAAE,EAEE,CACL,aAAAN,EACA,yBAAAM,EACA,QAASE,CAAA,CAEb"}

package/dist/components/TextArea/useAdjustHeight.d.ts

@@ -0,0 +1,13 @@
+import { FormEventHandler, ForwardedRef, MutableRefObject } from 'react';
+export interface UseAdjustHeightProps {
+    elementReference?: MutableRefObject<ForwardedRef<HTMLTextAreaElement>>;
+    maxHeight: number;
+    onInput?: FormEventHandler<HTMLTextAreaElement>;
+    isAutoResizing?: boolean;
+}
+export interface UseAdjustHeightReturn {
+    adjustHeight: (element: HTMLTextAreaElement) => void;
+    adjustHeightOnAutoresize: () => void;
+    onInput: FormEventHandler<HTMLTextAreaElement>;
+}
+export declare const useAdjustHeight: ({ elementReference, maxHeight, onInput, isAutoResizing, }: UseAdjustHeightProps) => UseAdjustHeightReturn;

package/dist/components/TextArea/useAdjustHeight.js

@@ -0,0 +1,33 @@
+"use client";
+import { useEffect as p } from "react";
+const g = ({
+  elementReference: d,
+  maxHeight: o,
+  onInput: s,
+  isAutoResizing: u
+}) => {
+  const i = (t) => {
+    const a = parseFloat(getComputedStyle(t).getPropertyValue("border-top-width")) || 0, h = parseFloat(getComputedStyle(t).getPropertyValue("border-bottom-width")) || 0, l = a + h;
+    t.style.height = "auto", t.style.overflow = "auto";
+    const e = t.scrollHeight + l;
+    t.style.height = `${e < o ? e : o}px`, t.style.overflow = e < o ? "hidden" : "auto";
+  }, r = () => {
+    if (u) {
+      const t = d?.current;
+      t && i(t);
+    }
+  }, c = (t) => {
+    r(), s && s(t);
+  };
+  return p(() => {
+    r();
+  }, []), {
+    adjustHeight: i,
+    adjustHeightOnAutoresize: r,
+    onInput: c
+  };
+};
+export {
+  g as useAdjustHeight
+};
+//# sourceMappingURL=useAdjustHeight.js.map

package/dist/components/TextArea/useAdjustHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdjustHeight.js","sources":["../../../src/components/TextArea/useAdjustHeight.ts"],"sourcesContent":["'use client';\n\n/* eslint-disable no-param-reassign -- DOM manipulation is required for dynamic height adjustment */\nimport { type FormEvent, type FormEventHandler, type ForwardedRef, type MutableRefObject, useEffect } from 'react';\n\nexport interface UseAdjustHeightProps {\n  elementReference?: MutableRefObject<ForwardedRef<HTMLTextAreaElement>>;\n  maxHeight: number;\n  onInput?: FormEventHandler<HTMLTextAreaElement>;\n  isAutoResizing?: boolean;\n}\n\nexport interface UseAdjustHeightReturn {\n  adjustHeight: (element: HTMLTextAreaElement) => void;\n  adjustHeightOnAutoresize: () => void;\n  onInput: FormEventHandler<HTMLTextAreaElement>;\n}\n\nexport const useAdjustHeight = ({\n  elementReference,\n  maxHeight,\n  onInput,\n  isAutoResizing,\n}: UseAdjustHeightProps): UseAdjustHeightReturn => {\n  const adjustHeight = (element: HTMLTextAreaElement) => {\n    const borderTopWidth = parseFloat(getComputedStyle(element).getPropertyValue('border-top-width')) || 0;\n    const borderBottomWidth = parseFloat(getComputedStyle(element).getPropertyValue('border-bottom-width')) || 0;\n    const totalBorderWidth = borderTopWidth + borderBottomWidth;\n\n    element.style.height = 'auto';\n    element.style.overflow = 'auto';\n\n    const totalHeight = element.scrollHeight + totalBorderWidth;\n\n    element.style.height = `${totalHeight < maxHeight ? totalHeight : maxHeight}px`;\n    element.style.overflow = totalHeight < maxHeight ? 'hidden' : 'auto';\n  };\n\n  const adjustHeightOnAutoresize = () => {\n    if (isAutoResizing) {\n      // Because of mixed props for input and textarea\n      const textArea = elementReference?.current as unknown as HTMLTextAreaElement;\n\n      if (textArea) {\n        adjustHeight(textArea);\n      }\n    }\n  };\n\n  const inputHandler = (event: FormEvent<HTMLTextAreaElement>) => {\n    adjustHeightOnAutoresize();\n\n    if (onInput) {\n      onInput(event);\n    }\n  };\n\n  /**\n   * This is the equivalent of the initialization function\n   * It will run only once when the component is mounted\n   */\n  useEffect(() => {\n    adjustHeightOnAutoresize();\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Empty deps array to run only once\n  }, []);\n\n  return {\n    adjustHeight,\n    adjustHeightOnAutoresize,\n    onInput: inputHandler,\n  };\n};\n"],"names":["useAdjustHeight","elementReference","maxHeight","onInput","isAutoResizing","adjustHeight","element","borderTopWidth","borderBottomWidth","totalBorderWidth","totalHeight","adjustHeightOnAutoresize","textArea","inputHandler","event","useEffect"],"mappings":";;AAkBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,MAAmD;AACjD,QAAMC,IAAe,CAACC,MAAiC;AACrD,UAAMC,IAAiB,WAAW,iBAAiBD,CAAO,EAAE,iBAAiB,kBAAkB,CAAC,KAAK,GAC/FE,IAAoB,WAAW,iBAAiBF,CAAO,EAAE,iBAAiB,qBAAqB,CAAC,KAAK,GACrGG,IAAmBF,IAAiBC;AAE1C,IAAAF,EAAQ,MAAM,SAAS,QACvBA,EAAQ,MAAM,WAAW;AAEzB,UAAMI,IAAcJ,EAAQ,eAAeG;AAE3C,IAAAH,EAAQ,MAAM,SAAS,GAAGI,IAAcR,IAAYQ,IAAcR,CAAS,MAC3EI,EAAQ,MAAM,WAAWI,IAAcR,IAAY,WAAW;AAAA,EAChE,GAEMS,IAA2B,MAAM;AACrC,QAAIP,GAAgB;AAElB,YAAMQ,IAAWX,GAAkB;AAEnC,MAAIW,KACFP,EAAaO,CAAQ;AAAA,IAEzB;AAAA,EACF,GAEMC,IAAe,CAACC,MAA0C;AAC9D,IAAAH,EAAA,GAEIR,KACFA,EAAQW,CAAK;AAAA,EAEjB;AAMA,SAAAC,EAAU,MAAM;AACd,IAAAJ,EAAA;AAAA,EAEF,GAAG,CAAA,CAAE,GAEE;AAAA,IACL,cAAAN;AAAA,IACA,0BAAAM;AAAA,IACA,SAASE;AAAA,EAAA;AAEb;"}

package/dist/components/TextArea.d.ts

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

package/dist/components/TextField/TextField.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),l=require("../TextFieldBase/TextFieldBase.cjs"),u=(t,i)=>s.jsx(l.default,{type:"text",...t,ref:i}),e=r.forwardRef(u);e.spiritComponent="TextField";e.displayName="TextField";exports.default=e;
+//# sourceMappingURL=TextField.cjs.map

package/dist/components/TextField/TextField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.cjs","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, forwardRef } from 'react';\nimport { type ForwardRefComponent, type SpiritTextFieldProps } from '../../types';\nimport { TextFieldBase } from '../TextFieldBase';\n\nconst _TextField = (props: SpiritTextFieldProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element => (\n  <TextFieldBase type=\"text\" {...props} ref={ref} />\n);\n\nconst TextField = forwardRef<HTMLInputElement, SpiritTextFieldProps>(_TextField) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritTextFieldProps\n>;\n\nTextField.spiritComponent = 'TextField';\nTextField.displayName = 'TextField';\n\nexport default TextField;\n"],"names":["_TextField","props","ref","jsx","TextFieldBase","TextField","forwardRef"],"mappings":"iOAMMA,EAAa,CAACC,EAA6BC,IAC/CC,MAACC,EAAAA,SAAc,KAAK,OAAQ,GAAGH,EAAO,IAAAC,CAAA,CAAU,EAG5CG,EAAYC,EAAAA,WAAmDN,CAAU,EAK/EK,EAAU,gBAAkB,YAC5BA,EAAU,YAAc"}

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefComponent, SpiritTextFieldProps } from '../../types';
+declare const TextField: ForwardRefComponent<HTMLInputElement, SpiritTextFieldProps>;
+export default TextField;