@tcn/ui 0.8.1 → 0.10.0

package/dist/typography/callout/callout.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
 import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
 export interface CalloutOwnProps {
@@ -14,5 +15,5 @@ export interface CalloutOwnProps {
     selectable?: boolean;
 }
 export type CalloutProps = WithDetailedHTMLProps<CalloutOwnProps, 'div'>;
-export declare function Callout({ size, emphasis, hierarchy, color, children, className, style, padStart, padEnd, padBottom, padTop, pad, selectable, }: CalloutProps): import("react/jsx-runtime").JSX.Element;
+export declare const Callout: React.ForwardRefExoticComponent<Omit<CalloutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=callout.d.ts.map

package/dist/typography/callout/callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/typography/callout/callout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,wBAAgB,OAAO,CAAC,EACtB,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,GAClB,EAAE,YAAY,2CAqCd"}
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/typography/callout/callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,eAAO,MAAM,OAAO,kGAuDlB,CAAC"}

package/dist/typography/callout/callout.js

@@ -1,35 +1,36 @@
-import { jsx as s } from "react/jsx-runtime";
-import { clsx as u } from "clsx";
-import { s as g } from "../../callout.module-D8ECmxpO.js";
-function b({
-  size: t = "md",
-  emphasis: f = "normal",
-  hierarchy: c = "primary",
-  color: a,
-  children: l,
+import { jsx as p } from "react/jsx-runtime";
+import g from "react";
+import { clsx as _ } from "clsx";
+import '../../callout.css';const h = "_callout_32c6400", x = { callout: h }, j = g.forwardRef(function({
+  size: l = "md",
+  emphasis: d = "normal",
+  hierarchy: f = "primary",
+  color: i,
+  children: m,
   className: e,
-  style: i = {},
-  padStart: r,
-  padEnd: n,
-  padBottom: o,
-  padTop: d,
-  pad: m,
-  selectable: p = !0
-}) {
-  return m && (i.padding = m), r && (i.paddingInlineStart = r), n && (i.paddingInlineEnd = n), d && (i.paddingTop = d), o && (i.paddingBottom = o), a && (i.color = a), /* @__PURE__ */ s(
+  style: a = {},
+  padStart: o,
+  padEnd: t,
+  padBottom: n,
+  padTop: r,
+  pad: c,
+  selectable: u = !0
+}, s) {
+  return c && (a.padding = c), o && (a.paddingInlineStart = o), t && (a.paddingInlineEnd = t), r && (a.paddingTop = r), n && (a.paddingBottom = n), i && (a.color = i), /* @__PURE__ */ p(
     "div",
     {
-      "data-hierarchy": c,
-      "data-emphasis": f,
-      "data-selectable": p,
-      className: u(g.callout, e, "tcn-callout"),
-      style: i,
-      "data-size": t,
-      children: l
+      ref: s,
+      "data-hierarchy": f,
+      "data-emphasis": d,
+      "data-selectable": u,
+      className: _(x.callout, e, "tcn-callout"),
+      style: a,
+      "data-size": l,
+      children: m
     }
   );
-}
+});
 export {
-  b as Callout
+  j as Callout
 };
 //# sourceMappingURL=callout.js.map

package/dist/typography/callout/callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout.js","sources":["../../../src/typography/callout/callout.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './callout.module.css';\n\nexport interface CalloutOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type CalloutProps = WithDetailedHTMLProps<CalloutOwnProps, 'div'>;\n\nexport function Callout({\n  size = 'md',\n  emphasis = 'normal',\n  hierarchy = 'primary',\n  color,\n  children,\n  className,\n  style = {},\n  padStart,\n  padEnd,\n  padBottom,\n  padTop,\n  pad,\n  selectable = true,\n}: CalloutProps) {\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <div\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={clsx(styles['callout'], className, 'tcn-callout')}\n      style={style}\n      data-size={size}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Callout","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","jsx","clsx","styles"],"mappings":";;;AAsBO,SAASA,EAAQ;AAAA,EACtB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAiB;AACf,SAAID,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWE,EAAKC,EAAO,SAAYV,GAAW,aAAa;AAAA,MAC3D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"callout.js","sources":["../../../src/typography/callout/callout.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './callout.module.css';\n\nexport interface CalloutOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type CalloutProps = WithDetailedHTMLProps<CalloutOwnProps, 'div'>;\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(function Callout(\n  {\n    size = 'md',\n    emphasis = 'normal',\n    hierarchy = 'primary',\n    color,\n    children,\n    className,\n    style = {},\n    padStart,\n    padEnd,\n    padBottom,\n    padTop,\n    pad,\n    selectable = true,\n  }: CalloutProps,\n  ref\n) {\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={clsx(styles['callout'], className, 'tcn-callout')}\n      style={style}\n      data-size={size}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["Callout","React","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","ref","jsx","clsx","styles"],"mappings":";;;kDAsBaA,IAAUC,EAAM,WAAyC,SACpE;AAAA,EACE,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GACAC,GACA;AACA,SAAIF,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWG,EAAKC,EAAO,SAAYX,GAAW,aAAa;AAAA,MAC3D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/typography/caption/caption.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
 import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
 export interface CaptionOwnProps {
@@ -14,5 +15,5 @@ export interface CaptionOwnProps {
     selectable?: boolean;
 }
 export type CaptionProps = WithDetailedHTMLProps<CaptionOwnProps, 'div'>;
-export declare function Caption({ size, emphasis, hierarchy, color, children, className, style, padStart, padEnd, padBottom, padTop, pad, selectable, }: CaptionProps): import("react/jsx-runtime").JSX.Element;
+export declare const Caption: React.ForwardRefExoticComponent<Omit<CaptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=caption.d.ts.map

package/dist/typography/caption/caption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caption.d.ts","sourceRoot":"","sources":["../../../src/typography/caption/caption.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,wBAAgB,OAAO,CAAC,EACtB,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,GAClB,EAAE,YAAY,2CAqCd"}
+{"version":3,"file":"caption.d.ts","sourceRoot":"","sources":["../../../src/typography/caption/caption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,eAAO,MAAM,OAAO,kGAuDlB,CAAC"}

package/dist/typography/caption/caption.js

@@ -1,35 +1,36 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
+import _ from "react";
 import { clsx as h } from "clsx";
-import { s as u } from "../../caption.module-DDq0H4xZ.js";
-function b({
-  size: t = "md",
+import '../../caption.css';const l = "_caption_94e02c4", x = { caption: l }, j = _.forwardRef(function({
+  size: d = "md",
   emphasis: f = "normal",
   hierarchy: p = "primary",
   color: a,
-  children: c,
-  className: e,
+  children: e,
+  className: m,
   style: i = {},
   padStart: n,
-  padEnd: r,
-  padBottom: o,
-  padTop: d,
-  pad: m,
+  padEnd: o,
+  padBottom: t,
+  padTop: r,
+  pad: c,
   selectable: s = !0
-}) {
-  return m && (i.padding = m), n && (i.paddingInlineStart = n), r && (i.paddingInlineEnd = r), d && (i.paddingTop = d), o && (i.paddingBottom = o), a && (i.color = a), /* @__PURE__ */ g(
+}, g) {
+  return c && (i.padding = c), n && (i.paddingInlineStart = n), o && (i.paddingInlineEnd = o), r && (i.paddingTop = r), t && (i.paddingBottom = t), a && (i.color = a), /* @__PURE__ */ u(
     "div",
     {
+      ref: g,
       "data-hierarchy": p,
       "data-emphasis": f,
       "data-selectable": s,
-      className: h(u.caption, e, "tcn-caption"),
+      className: h(x.caption, m, "tcn-caption"),
       style: i,
-      "data-size": t,
-      children: c
+      "data-size": d,
+      children: e
     }
   );
-}
+});
 export {
-  b as Caption
+  j as Caption
 };
 //# sourceMappingURL=caption.js.map

package/dist/typography/caption/caption.js.map

@@ -1 +1 @@
-{"version":3,"file":"caption.js","sources":["../../../src/typography/caption/caption.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './caption.module.css';\n\nexport interface CaptionOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type CaptionProps = WithDetailedHTMLProps<CaptionOwnProps, 'div'>;\n\nexport function Caption({\n  size = 'md',\n  emphasis = 'normal',\n  hierarchy = 'primary',\n  color,\n  children,\n  className,\n  style = {},\n  padStart,\n  padEnd,\n  padBottom,\n  padTop,\n  pad,\n  selectable = true,\n}: CaptionProps) {\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <div\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={clsx(styles['caption'], className, 'tcn-caption')}\n      style={style}\n      data-size={size}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Caption","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","jsx","clsx","styles"],"mappings":";;;AAsBO,SAASA,EAAQ;AAAA,EACtB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAiB;AACf,SAAID,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWE,EAAKC,EAAO,SAAYV,GAAW,aAAa;AAAA,MAC3D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"caption.js","sources":["../../../src/typography/caption/caption.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './caption.module.css';\n\nexport interface CaptionOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type CaptionProps = WithDetailedHTMLProps<CaptionOwnProps, 'div'>;\n\nexport const Caption = React.forwardRef<HTMLDivElement, CaptionProps>(function Caption(\n  {\n    size = 'md',\n    emphasis = 'normal',\n    hierarchy = 'primary',\n    color,\n    children,\n    className,\n    style = {},\n    padStart,\n    padEnd,\n    padBottom,\n    padTop,\n    pad,\n    selectable = true,\n  }: CaptionProps,\n  ref\n) {\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={clsx(styles['caption'], className, 'tcn-caption')}\n      style={style}\n      data-size={size}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["Caption","React","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","ref","jsx","clsx","styles"],"mappings":";;;kDAsBaA,IAAUC,EAAM,WAAyC,SACpE;AAAA,EACE,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GACAC,GACA;AACA,SAAIF,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWG,EAAKC,EAAO,SAAYX,GAAW,aAAa;AAAA,MAC3D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/typography/footnote/footnote.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
 import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
 export interface FootnoteOwnProps {
@@ -14,5 +15,5 @@ export interface FootnoteOwnProps {
     selectable?: boolean;
 }
 export type FootnoteProps = WithDetailedHTMLProps<FootnoteOwnProps, 'div'>;
-export declare function Footnote({ size, emphasis, hierarchy, color, children, className, style, padStart, padEnd, padBottom, padTop, pad, selectable, }: FootnoteProps): import("react/jsx-runtime").JSX.Element;
+export declare const Footnote: React.ForwardRefExoticComponent<Omit<FootnoteProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=footnote.d.ts.map

package/dist/typography/footnote/footnote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footnote.d.ts","sourceRoot":"","sources":["../../../src/typography/footnote/footnote.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;AAE3E,wBAAgB,QAAQ,CAAC,EACvB,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,GAClB,EAAE,aAAa,2CAqCf"}
+{"version":3,"file":"footnote.d.ts","sourceRoot":"","sources":["../../../src/typography/footnote/footnote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;AAE3E,eAAO,MAAM,QAAQ,mGAuDnB,CAAC"}

package/dist/typography/footnote/footnote.js

@@ -1,35 +1,36 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
+import _ from "react";
 import { clsx as h } from "clsx";
-import { s as u } from "../../footnote.module-DEyFuqOr.js";
-function b({
-  size: d = "md",
-  emphasis: m = "normal",
-  hierarchy: e = "primary",
-  color: o,
+import '../../footnote.css';const l = "_footnote_f4b25ae", x = { footnote: l }, j = _.forwardRef(function({
+  size: r = "md",
+  emphasis: d = "normal",
+  hierarchy: m = "primary",
+  color: t,
   children: c,
-  className: p,
-  style: i = {},
+  className: s,
+  style: o = {},
   padStart: n,
-  padEnd: a,
-  padBottom: r,
-  padTop: t,
-  pad: f,
-  selectable: s = !0
-}) {
-  return f && (i.padding = f), n && (i.paddingInlineStart = n), a && (i.paddingInlineEnd = a), t && (i.paddingTop = t), r && (i.paddingBottom = r), o && (i.color = o), /* @__PURE__ */ g(
+  padEnd: i,
+  padBottom: a,
+  padTop: f,
+  pad: e,
+  selectable: p = !0
+}, g) {
+  return e && (o.padding = e), n && (o.paddingInlineStart = n), i && (o.paddingInlineEnd = i), f && (o.paddingTop = f), a && (o.paddingBottom = a), t && (o.color = t), /* @__PURE__ */ u(
     "div",
     {
-      "data-hierarchy": e,
-      "data-emphasis": m,
-      "data-selectable": s,
-      className: h(u.footnote, p, "tcn-footnote"),
-      style: i,
-      "data-size": d,
+      ref: g,
+      "data-hierarchy": m,
+      "data-emphasis": d,
+      "data-selectable": p,
+      className: h(x.footnote, s, "tcn-footnote"),
+      style: o,
+      "data-size": r,
       children: c
     }
   );
-}
+});
 export {
-  b as Footnote
+  j as Footnote
 };
 //# sourceMappingURL=footnote.js.map

package/dist/typography/footnote/footnote.js.map

@@ -1 +1 @@
-{"version":3,"file":"footnote.js","sources":["../../../src/typography/footnote/footnote.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './footnote.module.css';\n\nexport interface FootnoteOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type FootnoteProps = WithDetailedHTMLProps<FootnoteOwnProps, 'div'>;\n\nexport function Footnote({\n  size = 'md',\n  emphasis = 'normal',\n  hierarchy = 'primary',\n  color,\n  children,\n  className,\n  style = {},\n  padStart,\n  padEnd,\n  padBottom,\n  padTop,\n  pad,\n  selectable = true,\n}: FootnoteProps) {\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <div\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={clsx(styles['footnote'], className, 'tcn-footnote')}\n      style={style}\n      data-size={size}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Footnote","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","jsx","clsx","styles"],"mappings":";;;AAsBO,SAASA,EAAS;AAAA,EACvB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAkB;AAChB,SAAID,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWE,EAAKC,EAAO,UAAaV,GAAW,cAAc;AAAA,MAC7D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"footnote.js","sources":["../../../src/typography/footnote/footnote.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './footnote.module.css';\n\nexport interface FootnoteOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type FootnoteProps = WithDetailedHTMLProps<FootnoteOwnProps, 'div'>;\n\nexport const Footnote = React.forwardRef<HTMLDivElement, FootnoteProps>(function Footnote(\n  {\n    size = 'md',\n    emphasis = 'normal',\n    hierarchy = 'primary',\n    color,\n    children,\n    className,\n    style = {},\n    padStart,\n    padEnd,\n    padBottom,\n    padTop,\n    pad,\n    selectable = true,\n  }: FootnoteProps,\n  ref\n) {\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={clsx(styles['footnote'], className, 'tcn-footnote')}\n      style={style}\n      data-size={size}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["Footnote","React","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","ref","jsx","clsx","styles"],"mappings":";;;oDAsBaA,IAAWC,EAAM,WAA0C,SACtE;AAAA,EACE,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GACAC,GACA;AACA,SAAIF,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWG,EAAKC,EAAO,UAAaX,GAAW,cAAc;AAAA,MAC7D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/typography/headline/headline.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
 import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
 export interface HeadlineOwnProps {
@@ -14,5 +15,5 @@ export interface HeadlineOwnProps {
     selectable?: boolean;
 }
 export type HeadlineProps = WithDetailedHTMLProps<HeadlineOwnProps, 'h1' | 'h2' | 'h3'>;
-export declare function Headline({ size, emphasis, hierarchy, color, children, className, style, padStart, padEnd, padBottom, padTop, pad, selectable, }: HeadlineProps): import("react/jsx-runtime").JSX.Element;
+export declare const Headline: React.ForwardRefExoticComponent<Omit<HeadlineProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 //# sourceMappingURL=headline.d.ts.map

package/dist/typography/headline/headline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headline.d.ts","sourceRoot":"","sources":["../../../src/typography/headline/headline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,gBAAgB,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAExF,wBAAgB,QAAQ,CAAC,EACvB,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,GAClB,EAAE,aAAa,2CA+Cf"}
+{"version":3,"file":"headline.d.ts","sourceRoot":"","sources":["../../../src/typography/headline/headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,gBAAgB,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAExF,eAAO,MAAM,QAAQ,uGAmEpB,CAAC"}

package/dist/typography/headline/headline.js

@@ -1,36 +1,39 @@
-import { jsx as g } from "react/jsx-runtime";
-import { clsx as p } from "clsx";
-import { s as u } from "../../headline.module-BiwHBtGf.js";
-function j({
-  size: n = "md",
-  emphasis: o = "normal",
-  hierarchy: t = "primary",
-  color: e,
-  children: h,
-  className: s,
-  style: i = {},
-  padStart: r,
-  padEnd: d,
-  padBottom: f,
-  padTop: m,
-  pad: l,
-  selectable: c = !0
-}) {
-  let a;
-  return n === "lg" ? a = "h1" : n === "md" ? a = "h2" : a = "h3", l && (i.padding = l), r && (i.paddingInlineStart = r), d && (i.paddingInlineEnd = d), m && (i.paddingTop = m), f && (i.paddingBottom = f), e && (i.color = e), /* @__PURE__ */ g(
-    a,
-    {
-      "data-hierarchy": t,
-      "data-emphasis": o,
-      "data-selectable": c,
-      className: p(u.headline, s, "tcn-headline"),
-      style: i,
-      "data-size": n,
-      children: h
-    }
-  );
-}
+import { jsx as p } from "react/jsx-runtime";
+import u from "react";
+import { clsx as _ } from "clsx";
+import '../../headline.css';const x = "_headline_9a99308", H = { headline: x }, w = u.forwardRef(
+  function({
+    size: e = "md",
+    emphasis: o = "normal",
+    hierarchy: m = "primary",
+    color: n,
+    children: c,
+    className: h,
+    style: i = {},
+    padStart: d,
+    padEnd: r,
+    padBottom: f,
+    padTop: t,
+    pad: l,
+    selectable: s = !0
+  }, g) {
+    let a;
+    return e === "lg" ? a = "h1" : e === "md" ? a = "h2" : a = "h3", l && (i.padding = l), d && (i.paddingInlineStart = d), r && (i.paddingInlineEnd = r), t && (i.paddingTop = t), f && (i.paddingBottom = f), n && (i.color = n), /* @__PURE__ */ p(
+      a,
+      {
+        ref: g,
+        "data-hierarchy": m,
+        "data-emphasis": o,
+        "data-selectable": s,
+        className: _(H.headline, h, "tcn-headline"),
+        style: i,
+        "data-size": e,
+        children: c
+      }
+    );
+  }
+);
 export {
-  j as Headline
+  w as Headline
 };
 //# sourceMappingURL=headline.js.map

package/dist/typography/headline/headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"headline.js","sources":["../../../src/typography/headline/headline.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './headline.module.css';\n\nexport interface HeadlineOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type HeadlineProps = WithDetailedHTMLProps<HeadlineOwnProps, 'h1' | 'h2' | 'h3'>;\n\nexport function Headline({\n  size = 'md',\n  emphasis = 'normal',\n  hierarchy = 'primary',\n  color,\n  children,\n  className,\n  style = {},\n  padStart,\n  padEnd,\n  padBottom,\n  padTop,\n  pad,\n  selectable = true,\n}: HeadlineProps) {\n  let As: React.ElementType;\n\n  if (size === 'lg') {\n    As = 'h1';\n  } else if (size === 'md') {\n    As = 'h2';\n  } else {\n    As = 'h3';\n  }\n\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <As\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={clsx(styles['headline'], className, 'tcn-headline')}\n      style={style}\n      data-size={size}\n    >\n      {children}\n    </As>\n  );\n}\n"],"names":["Headline","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","As","jsx","clsx","styles"],"mappings":";;;AAsBO,SAASA,EAAS;AAAA,EACvB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAkB;AAChB,MAAIC;AAEJ,SAAIb,MAAS,OACXa,IAAK,OACIb,MAAS,OAClBa,IAAK,OAELA,IAAK,MAGHF,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAW;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWG,EAAKC,EAAO,UAAaX,GAAW,cAAc;AAAA,MAC7D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"headline.js","sources":["../../../src/typography/headline/headline.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './headline.module.css';\n\nexport interface HeadlineOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type HeadlineProps = WithDetailedHTMLProps<HeadlineOwnProps, 'h1' | 'h2' | 'h3'>;\n\nexport const Headline = React.forwardRef<HTMLHeadingElement, HeadlineProps>(\n  function Headline(\n    {\n      size = 'md',\n      emphasis = 'normal',\n      hierarchy = 'primary',\n      color,\n      children,\n      className,\n      style = {},\n      padStart,\n      padEnd,\n      padBottom,\n      padTop,\n      pad,\n      selectable = true,\n    }: HeadlineProps,\n    ref\n  ) {\n    let As: React.ElementType;\n\n    if (size === 'lg') {\n      As = 'h1';\n    } else if (size === 'md') {\n      As = 'h2';\n    } else {\n      As = 'h3';\n    }\n\n    if (pad) {\n      style.padding = pad;\n    }\n\n    if (padStart) {\n      style.paddingInlineStart = padStart;\n    }\n\n    if (padEnd) {\n      style.paddingInlineEnd = padEnd;\n    }\n\n    if (padTop) {\n      style.paddingTop = padTop;\n    }\n\n    if (padBottom) {\n      style.paddingBottom = padBottom;\n    }\n\n    if (color) {\n      style.color = color;\n    }\n\n    return (\n      <As\n        ref={ref}\n        data-hierarchy={hierarchy}\n        data-emphasis={emphasis}\n        data-selectable={selectable}\n        className={clsx(styles['headline'], className, 'tcn-headline')}\n        style={style}\n        data-size={size}\n      >\n        {children}\n      </As>\n    );\n  }\n);\n"],"names":["Headline","React","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","ref","As","jsx","clsx","styles"],"mappings":";;;oDAsBaA,IAAWC,EAAM;AAAA,EAC5B,SACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,IACR,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EAAA,GAEfC,GACA;AACA,QAAIC;AAEJ,WAAId,MAAS,OACXc,IAAK,OACId,MAAS,OAClBc,IAAK,OAELA,IAAK,MAGHH,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAY;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,kBAAgBX;AAAA,QAChB,iBAAeD;AAAA,QACf,mBAAiBW;AAAA,QACjB,WAAWI,EAAKC,EAAO,UAAaZ,GAAW,cAAc;AAAA,QAC7D,OAAAC;AAAA,QACA,aAAWN;AAAA,QAEV,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/typography/subheadline/subheadline.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
 import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
 export interface SubheadlineOwnProps {
@@ -14,5 +15,5 @@ export interface SubheadlineOwnProps {
     selectable?: boolean;
 }
 export type SubheadlineProps = WithDetailedHTMLProps<SubheadlineOwnProps, 'h3' | 'h4' | 'h5'>;
-export declare function Subheadline({ size, emphasis, hierarchy, color, children, className, style, padStart, padEnd, padBottom, padTop, pad, selectable, }: SubheadlineProps): import("react/jsx-runtime").JSX.Element;
+export declare const Subheadline: React.ForwardRefExoticComponent<Omit<SubheadlineProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 //# sourceMappingURL=subheadline.d.ts.map

package/dist/typography/subheadline/subheadline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subheadline.d.ts","sourceRoot":"","sources":["../../../src/typography/subheadline/subheadline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAClD,mBAAmB,EACnB,IAAI,GAAG,IAAI,GAAG,IAAI,CACnB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,GAClB,EAAE,gBAAgB,2CA+ClB"}
+{"version":3,"file":"subheadline.d.ts","sourceRoot":"","sources":["../../../src/typography/subheadline/subheadline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAClD,mBAAmB,EACnB,IAAI,GAAG,IAAI,GAAG,IAAI,CACnB,CAAC;AAEF,eAAO,MAAM,WAAW,0GAmEvB,CAAC"}

package/dist/typography/subheadline/subheadline.js

@@ -1,36 +1,39 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as b } from "react/jsx-runtime";
+import g from "react";
 import { clsx as p } from "clsx";
-import { s as u } from "../../subheadline.module-C-v7zMkQ.js";
-function j({
-  size: n = "md",
-  emphasis: l = "normal",
-  hierarchy: o = "primary",
-  color: e,
-  children: s,
-  className: t,
-  style: i = {},
-  padStart: r,
-  padEnd: d,
-  padBottom: f,
-  padTop: m,
-  pad: h,
-  selectable: c = !0
-}) {
-  let a;
-  return n === "lg" ? a = "h3" : n === "md" ? a = "h4" : a = "h5", h && (i.padding = h), r && (i.paddingInlineStart = r), d && (i.paddingInlineEnd = d), m && (i.paddingTop = m), f && (i.paddingBottom = f), e && (i.color = e), /* @__PURE__ */ g(
-    a,
-    {
-      "data-hierarchy": o,
-      "data-emphasis": l,
-      "data-selectable": c,
-      className: p(u.subheadline, t, "tcn-subheadline"),
-      style: i,
-      "data-size": n,
-      children: s
-    }
-  );
-}
+import '../../subheadline.css';const _ = "_subheadline_ae8bc38", x = { subheadline: _ }, w = g.forwardRef(
+  function({
+    size: a = "md",
+    emphasis: o = "normal",
+    hierarchy: h = "primary",
+    color: n,
+    children: m,
+    className: s,
+    style: i = {},
+    padStart: d,
+    padEnd: r,
+    padBottom: f,
+    padTop: t,
+    pad: l,
+    selectable: c = !0
+  }, u) {
+    let e;
+    return a === "lg" ? e = "h3" : a === "md" ? e = "h4" : e = "h5", l && (i.padding = l), d && (i.paddingInlineStart = d), r && (i.paddingInlineEnd = r), t && (i.paddingTop = t), f && (i.paddingBottom = f), n && (i.color = n), /* @__PURE__ */ b(
+      e,
+      {
+        ref: u,
+        "data-hierarchy": h,
+        "data-emphasis": o,
+        "data-selectable": c,
+        className: p(x.subheadline, s, "tcn-subheadline"),
+        style: i,
+        "data-size": a,
+        children: m
+      }
+    );
+  }
+);
 export {
-  j as Subheadline
+  w as Subheadline
 };
 //# sourceMappingURL=subheadline.js.map

package/dist/typography/subheadline/subheadline.js.map

@@ -1 +1 @@
-{"version":3,"file":"subheadline.js","sources":["../../../src/typography/subheadline/subheadline.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './subheadline.module.css';\n\nexport interface SubheadlineOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type SubheadlineProps = WithDetailedHTMLProps<\n  SubheadlineOwnProps,\n  'h3' | 'h4' | 'h5'\n>;\n\nexport function Subheadline({\n  size = 'md',\n  emphasis = 'normal',\n  hierarchy = 'primary',\n  color,\n  children,\n  className,\n  style = {},\n  padStart,\n  padEnd,\n  padBottom,\n  padTop,\n  pad,\n  selectable = true,\n}: SubheadlineProps) {\n  let As: React.ElementType;\n\n  if (size === 'lg') {\n    As = 'h3';\n  } else if (size === 'md') {\n    As = 'h4';\n  } else {\n    As = 'h5';\n  }\n\n  if (pad) {\n    style.padding = pad;\n  }\n\n  if (padStart) {\n    style.paddingInlineStart = padStart;\n  }\n\n  if (padEnd) {\n    style.paddingInlineEnd = padEnd;\n  }\n\n  if (padTop) {\n    style.paddingTop = padTop;\n  }\n\n  if (padBottom) {\n    style.paddingBottom = padBottom;\n  }\n\n  if (color) {\n    style.color = color;\n  }\n\n  return (\n    <As\n      data-hierarchy={hierarchy}\n      data-emphasis={emphasis}\n      data-selectable={selectable}\n      className={clsx(styles['subheadline'], className, 'tcn-subheadline')}\n      style={style}\n      data-size={size}\n    >\n      {children}\n    </As>\n  );\n}\n"],"names":["Subheadline","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","As","jsx","clsx","styles"],"mappings":";;;AAyBO,SAASA,EAAY;AAAA,EAC1B,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAqB;AACnB,MAAIC;AAEJ,SAAIb,MAAS,OACXa,IAAK,OACIb,MAAS,OAClBa,IAAK,OAELA,IAAK,MAGHF,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAW;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWG,EAAKC,EAAO,aAAgBX,GAAW,iBAAiB;AAAA,MACnE,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"subheadline.js","sources":["../../../src/typography/subheadline/subheadline.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './subheadline.module.css';\n\nexport interface SubheadlineOwnProps {\n  children?: string;\n  size?: Size;\n  emphasis?: Emphasis;\n  hierarchy?: Hierarchy;\n  color?: string;\n  pad?: string;\n  padStart?: string;\n  padEnd?: string;\n  padTop?: string;\n  padBottom?: string;\n  selectable?: boolean;\n}\n\nexport type SubheadlineProps = WithDetailedHTMLProps<\n  SubheadlineOwnProps,\n  'h3' | 'h4' | 'h5'\n>;\n\nexport const Subheadline = React.forwardRef<HTMLHeadingElement, SubheadlineProps>(\n  function Subheadline(\n    {\n      size = 'md',\n      emphasis = 'normal',\n      hierarchy = 'primary',\n      color,\n      children,\n      className,\n      style = {},\n      padStart,\n      padEnd,\n      padBottom,\n      padTop,\n      pad,\n      selectable = true,\n    }: SubheadlineProps,\n    ref\n  ) {\n    let As: React.ElementType;\n\n    if (size === 'lg') {\n      As = 'h3';\n    } else if (size === 'md') {\n      As = 'h4';\n    } else {\n      As = 'h5';\n    }\n\n    if (pad) {\n      style.padding = pad;\n    }\n\n    if (padStart) {\n      style.paddingInlineStart = padStart;\n    }\n\n    if (padEnd) {\n      style.paddingInlineEnd = padEnd;\n    }\n\n    if (padTop) {\n      style.paddingTop = padTop;\n    }\n\n    if (padBottom) {\n      style.paddingBottom = padBottom;\n    }\n\n    if (color) {\n      style.color = color;\n    }\n\n    return (\n      <As\n        ref={ref}\n        data-hierarchy={hierarchy}\n        data-emphasis={emphasis}\n        data-selectable={selectable}\n        className={clsx(styles['subheadline'], className, 'tcn-subheadline')}\n        style={style}\n        data-size={size}\n      >\n        {children}\n      </As>\n    );\n  }\n);\n"],"names":["Subheadline","React","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","ref","As","jsx","clsx","styles"],"mappings":";;;0DAyBaA,IAAcC,EAAM;AAAA,EAC/B,SACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,IACR,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EAAA,GAEfC,GACA;AACA,QAAIC;AAEJ,WAAId,MAAS,OACXc,IAAK,OACId,MAAS,OAClBc,IAAK,OAELA,IAAK,MAGHH,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAY;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,kBAAgBX;AAAA,QAChB,iBAAeD;AAAA,QACf,mBAAiBW;AAAA,QACjB,WAAWI,EAAKC,EAAO,aAAgBZ,GAAW,iBAAiB;AAAA,QACnE,OAAAC;AAAA,QACA,aAAWN;AAAA,QAEV,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/utils/dnd/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/utils/dnd/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAShD,eAAO,MAAM,oBAAoB,wCAA6C,CAAC;AAE/E,wBAAgB,gBAAgB,IAAI,aAAa,CAWhD"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/utils/dnd/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAUhD,eAAO,MAAM,oBAAoB,wCAA6C,CAAC;AAE/E,wBAAgB,gBAAgB,IAAI,aAAa,CAWhD"}

package/dist/utils/dnd/context.js

@@ -1,20 +1,22 @@
-import { createContext as t, useContext as r } from "react";
-const n = {
+import { createContext as n, useContext as o } from "react";
+const t = {
   registerHandle: () => {
   },
   unregisterHandle: () => {
   },
   isDragging: !1,
-  position: { x: 0, y: 0 }
-}, o = t(n);
+  position: { x: 0, y: 0 },
+  setPosition: () => {
+  }
+}, r = n(t);
 function i() {
-  const e = r(o);
-  return e === n && console.warn(
+  const e = o(r);
+  return e === t && console.warn(
     "useDragContainer: No DragContainerContext found. Handles may will not register or trigger drag events."
   ), e;
 }
 export {
-  o as DragContainerContext,
+  r as DragContainerContext,
   i as useDragContainer
 };
 //# sourceMappingURL=context.js.map

package/dist/utils/dnd/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/utils/dnd/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DragContainer } from './types.js';\n\nconst defaultValue: DragContainer = {\n  registerHandle: () => {},\n  unregisterHandle: () => {},\n  isDragging: false,\n  position: { x: 0, y: 0 },\n};\n\nexport const DragContainerContext = createContext<DragContainer>(defaultValue);\n\nexport function useDragContainer(): DragContainer {\n  const context = useContext(DragContainerContext);\n\n  if (context === defaultValue) {\n    // biome-ignore lint/suspicious/noConsole: Let devs know if they're not using the context correctly\n    console.warn(\n      'useDragContainer: No DragContainerContext found. Handles may will not register or trigger drag events.'\n    );\n  }\n\n  return context;\n}\n"],"names":["defaultValue","DragContainerContext","createContext","useDragContainer","context","useContext"],"mappings":";AAGA,MAAMA,IAA8B;AAAA,EAClC,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,YAAY;AAAA,EACZ,UAAU,EAAE,GAAG,GAAG,GAAG,EAAA;AACvB,GAEaC,IAAuBC,EAA6BF,CAAY;AAEtE,SAASG,IAAkC;AAChD,QAAMC,IAAUC,EAAWJ,CAAoB;AAE/C,SAAIG,MAAYJ,KAEd,QAAQ;AAAA,IACN;AAAA,EAAA,GAIGI;AACT;"}
+{"version":3,"file":"context.js","sources":["../../../src/utils/dnd/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DragContainer } from './types.js';\n\nconst defaultValue: DragContainer = {\n  registerHandle: () => {},\n  unregisterHandle: () => {},\n  isDragging: false,\n  position: { x: 0, y: 0 },\n  setPosition: () => {},\n};\n\nexport const DragContainerContext = createContext<DragContainer>(defaultValue);\n\nexport function useDragContainer(): DragContainer {\n  const context = useContext(DragContainerContext);\n\n  if (context === defaultValue) {\n    // biome-ignore lint/suspicious/noConsole: Let devs know if they're not using the context correctly\n    console.warn(\n      'useDragContainer: No DragContainerContext found. Handles may will not register or trigger drag events.'\n    );\n  }\n\n  return context;\n}\n"],"names":["defaultValue","DragContainerContext","createContext","useDragContainer","context","useContext"],"mappings":";AAGA,MAAMA,IAA8B;AAAA,EAClC,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,YAAY;AAAA,EACZ,UAAU,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,EACrB,aAAa,MAAM;AAAA,EAAC;AACtB,GAEaC,IAAuBC,EAA6BF,CAAY;AAEtE,SAASG,IAAkC;AAChD,QAAMC,IAAUC,EAAWJ,CAAoB;AAE/C,SAAIG,MAAYJ,KAEd,QAAQ;AAAA,IACN;AAAA,EAAA,GAIGI;AACT;"}

package/dist/utils/dnd/hooks/use_drag_container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_drag_container.d.ts","sourceRoot":"","sources":["../../../../src/utils/dnd/hooks/use_drag_container.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,uBAAuB,GAAG,aAAa,CAgCpF"}
+{"version":3,"file":"use_drag_container.d.ts","sourceRoot":"","sources":["../../../../src/utils/dnd/hooks/use_drag_container.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,uBAAuB,GAAG,aAAa,CAiDpF"}