@tcn/ui 0.2.0 → 0.3.1

package/dist/surfaces/panel/v_panel.js

@@ -1,61 +1,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import i from "react";
-import { clsx as l } from "clsx";
-import { Box as x } from "../../stacks/box/box.js";
-import { VStack as V } from "../../stacks/v_stack.js";
-import { s as u } from "../../panel.module-DwGKncon.js";
-const B = i.forwardRef(function({
-  children: m,
-  width: f,
-  height: k = "100%",
-  minWidth: a,
-  maxWidth: t,
-  minHeight: n,
-  maxHeight: o,
-  hAlign: r,
-  vAlign: e = "start",
-  className: s,
-  ...d
-}, c) {
-  return /* @__PURE__ */ p(
-    x,
+import { jsx as e } from "react/jsx-runtime";
+import f from "react";
+import { Scaffold as n } from "../../layouts/scaffold/scaffold.js";
+import c from "clsx";
+const u = f.forwardRef(function({ children: r, className: o, ...t }, a) {
+  return /* @__PURE__ */ e(
+    n,
     {
-      ref: c,
-      width: f,
-      height: k,
-      minWidth: a,
-      maxWidth: t,
-      minHeight: n,
-      maxHeight: o,
-      "data-h-alignment": r,
-      "data-v-alignment": e,
-      className: l(s, "panel", "tcn-panel", "tcn-v-panel"),
-      ...d,
-      children: /* @__PURE__ */ p(
-        V,
-        {
-          as: "section",
-          minWidth: a,
-          maxWidth: t,
-          minHeight: n,
-          maxHeight: o,
-          hAlign: r,
-          vAlign: e,
-          ref: c,
-          className: l(
-            u["panel-stack"],
-            s,
-            "panel-stack",
-            "tcn-panel-stack"
-          ),
-          zIndex: 0,
-          children: m
-        }
-      )
+      ref: a,
+      className: c("tcn-surface", "tcn-panel", "tcn-v-panel", o),
+      ...t,
+      children: r
     }
   );
 });
 export {
-  B as VPanel
+  u as VPanel
 };
 //# sourceMappingURL=v_panel.js.map

package/dist/surfaces/panel/v_panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_panel.js","sources":["../../../src/surfaces/panel/v_panel.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n// Styles\nimport styles from './panel.module.css';\n\nexport interface VPanelProps extends Omit<BoxProps, 'as'> {\n  vAlign?: Alignment;\n  hAlign?: Alignment;\n}\n\nexport const VPanel = React.forwardRef<HTMLElement, VPanelProps>(function VPanel(\n  {\n    children,\n    width,\n    height = '100%',\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    hAlign,\n    vAlign = 'start',\n    className,\n    ...props\n  }: VPanelProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      width={width}\n      height={height}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      data-h-alignment={hAlign}\n      data-v-alignment={vAlign}\n      className={clsx(className, 'panel', 'tcn-panel', 'tcn-v-panel')}\n      {...props}\n    >\n      <VStack\n        as=\"section\"\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        hAlign={hAlign}\n        vAlign={vAlign}\n        ref={ref}\n        className={clsx(\n          styles['panel-stack'],\n          className,\n          'panel-stack',\n          'tcn-panel-stack'\n        )}\n        zIndex={0}\n      >\n        {children}\n      </VStack>\n    </Box>\n  );\n});\n"],"names":["VPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","clsx","VStack","styles"],"mappings":";;;;;;AAaO,MAAMA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAKL,GAAW,SAAS,aAAa,aAAa;AAAA,MAC7D,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAZ;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG;AAAA,YACTE,EAAO,aAAa;AAAA,YACpBP;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"v_panel.js","sources":["../../../src/surfaces/panel/v_panel.tsx"],"sourcesContent":["import React from 'react';\nimport { Scaffold, type ScaffoldProps } from '../../layouts/scaffold/scaffold.js';\nimport clsx from 'clsx';\n\nexport type VPanelProps = ScaffoldProps;\n\nexport const VPanel = React.forwardRef<HTMLElement, VPanelProps>(function VPanel(\n  { children, className, ...props }: VPanelProps,\n  ref\n) {\n  return (\n    <Scaffold\n      ref={ref}\n      className={clsx('tcn-surface', 'tcn-panel', 'tcn-v-panel', className)}\n      {...props}\n    >\n      {children}\n    </Scaffold>\n  );\n});\n"],"names":["VPanel","React","children","className","props","ref","jsx","Scaffold","clsx"],"mappings":";;;;AAMO,MAAMA,IAASC,EAAM,WAAqC,SAC/D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAK,eAAe,aAAa,eAAeL,CAAS;AAAA,MACnE,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/surfaces/pop_confirm/pop_confirm.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ElementPopperProps } from '../../overlay/popper/element_popper.js';
+export type PopConfirmProps = ElementPopperProps;
+export declare const PopConfirm: React.ForwardRefExoticComponent<import('../../overlay/index.js').BasePopperProps & import('../../overlay/index.js').ElementTetheredProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=pop_confirm.d.ts.map

package/dist/surfaces/pop_confirm/pop_confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pop_confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAIhD,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,UAAU,iLAkBtB,CAAC"}

package/dist/surfaces/pop_confirm/pop_confirm.js

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import f from "react";
+import { clsx as e } from "clsx";
+import { ElementPopper as n } from "../../overlay/popper/element_popper.js";
+import "../../layouts/column/column.js";
+import "../../divider.module-FptFV0PX.js";
+import "../../layouts/grid/grid.js";
+import "../../layouts/list/item.js";
+import "../../layouts/list/list.js";
+import "../../layouts/list/section_header.js";
+import "../../layouts/sidebar_end/sidebar_end.js";
+import "../../layouts/sidebar_start/sidebar_start.js";
+import { Scaffold as c } from "../../layouts/scaffold/scaffold.js";
+import "../../layouts/body/h_body.js";
+import "../../layouts/body/v_body.js";
+import "../../layouts/footer/footer.js";
+import "../../layouts/header/header.js";
+import "../../layouts/utility_bar/utility_bar.js";
+import { PopperDismissal as s } from "../../overlay/popper/base/dismissal_decorator.js";
+const S = f.forwardRef(
+  function({ children: r, className: m, dismissals: t = [s.CLICK_AWAY], ...i }, p) {
+    return /* @__PURE__ */ o(
+      n,
+      {
+        ref: p,
+        className: e(m, "tcn-pop-confirm"),
+        dismissals: t,
+        ...i,
+        children: /* @__PURE__ */ o(c, { width: "100%", height: "100%", children: r })
+      }
+    );
+  }
+);
+export {
+  S as PopConfirm
+};
+//# sourceMappingURL=pop_confirm.js.map

package/dist/surfaces/pop_confirm/pop_confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport {\n  ElementPopper,\n  type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\nimport { Scaffold } from '../../layouts/index.js';\nimport { PopperDismissal } from '../../overlay/popper/base/dismissal_decorator.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n  function PopConfirm(\n    { children, className, dismissals = [PopperDismissal.CLICK_AWAY], ...props },\n    ref\n  ) {\n    return (\n      <ElementPopper\n        ref={ref}\n        className={clsx(className, 'tcn-pop-confirm')}\n        dismissals={dismissals}\n        {...props}\n      >\n        <Scaffold width={'100%'} height={'100%'}>\n          {children}\n        </Scaffold>\n      </ElementPopper>\n    );\n  }\n);\n"],"names":["PopConfirm","React","children","className","dismissals","PopperDismissal","props","ref","jsx","ElementPopper","clsx","Scaffold"],"mappings":";;;;;;;;;;;;;;;;;;;AAWO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SACE,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,IAAa,CAACC,EAAgB,UAAU,GAAG,GAAGC,EAAA,GACrEC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAWG,EAAKP,GAAW,iBAAiB;AAAA,QAC5C,YAAAC;AAAA,QACC,GAAGE;AAAA,QAEJ,4BAACK,GAAA,EAAS,OAAO,QAAQ,QAAQ,QAC9B,UAAAT,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/surfaces/popconfirm/pop_confirm.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ElementPopperProps } from '../../overlay/popper/element_popper.js';
+export type PopConfirmProps = ElementPopperProps;
+export declare const PopConfirm: React.ForwardRefExoticComponent<import('../../overlay/index.js').BasePopperProps & import('../../overlay/index.js').ElementTetheredProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=pop_confirm.d.ts.map

package/dist/surfaces/popconfirm/pop_confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pop_confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/popconfirm/pop_confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,UAAU,iLAQtB,CAAC"}

package/dist/surfaces/popconfirm/pop_confirm.js

@@ -0,0 +1,13 @@
+import { jsx as f } from "react/jsx-runtime";
+import p from "react";
+import { clsx as e } from "clsx";
+import { ElementPopper as n } from "../../overlay/popper/element_popper.js";
+const u = p.forwardRef(
+  function({ children: o, className: r, ...m }, t) {
+    return /* @__PURE__ */ f(n, { ref: t, className: e(r, "tcn-popconfirm"), ...m, children: o });
+  }
+);
+export {
+  u as PopConfirm
+};
+//# sourceMappingURL=pop_confirm.js.map

package/dist/surfaces/popconfirm/pop_confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/popconfirm/pop_confirm.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport {\n  ElementPopper,\n  type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n  function PopConfirm({ children, className, ...props }, ref) {\n    return (\n      <ElementPopper ref={ref} className={clsx(className, 'tcn-popconfirm')} {...props}>\n        {children}\n      </ElementPopper>\n    );\n  }\n);\n"],"names":["PopConfirm","React","children","className","props","ref","jsx","ElementPopper","clsx"],"mappings":";;;;AASO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SAAoB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAASC,GAAK;AAC1D,WACE,gBAAAC,EAACC,GAAA,EAAc,KAAAF,GAAU,WAAWG,EAAKL,GAAW,gBAAgB,GAAI,GAAGC,GACxE,UAAAF,EAAA,CACH;AAAA,EAEJ;AACF;"}

package/dist/surfaces/popover/popover.d.ts

@@ -1,4 +1,4 @@
-import { PopperProps } from '../../overlay/popper/popper.js';
+import { PopperProps } from '../../overlay/popper/legacy/popper.js';
 import { VStackProps } from '../../stacks/v_stack.js';
 export interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {
 }

package/dist/surfaces/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/surfaces/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,WAAW;CAAG;AAEnF,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAyBd"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/surfaces/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,WAAW;CAAG;AAEnF,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAyBd"}

package/dist/surfaces/popover/popover.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { clsx as k } from "clsx";
 import { VStack as w } from "../../stacks/v_stack.js";
-import { Popper as N } from "../../overlay/popper/popper.js";
+import { Popper as N } from "../../overlay/popper/legacy/popper.js";
 function q({
   anchorElement: r,
   verticalAnchor: t,

package/dist/surfaces/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../src/surfaces/popover/popover.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/popper.js';\nimport { VStackProps } from '../../stacks/v_stack.js';\n\nexport interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {}\n\nexport function Popover({\n  anchorElement,\n  verticalAnchor,\n  verticalOrigin,\n  verticalOffset,\n  horizontalAnchor,\n  horizontalOrigin,\n  horizontalOffset,\n  open,\n  onClose,\n  restoreFocus,\n  veil,\n  onVeilClick,\n  clickAwayRefs,\n  isClickAwayException,\n  isScrollAwayException,\n  disableClickAway,\n  children,\n  className,\n  ...props\n}: PopoverProps) {\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor}\n      horizontalOrigin={horizontalOrigin}\n      horizontalOffset={horizontalOffset}\n      restoreFocus={restoreFocus}\n      veil={veil}\n      onVeilClick={onVeilClick}\n      clickAwayRefs={clickAwayRefs}\n      isClickAwayException={isClickAwayException}\n      isScrollAwayException={isScrollAwayException}\n      disableClickAway={disableClickAway}\n      open={open}\n      onClose={onClose}\n    >\n      <VStack inline width=\"auto\" className={clsx(className, 'popover')} {...props}>\n        {children}\n      </VStack>\n    </Popper>\n  );\n}\n"],"names":["Popover","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","open","onClose","restoreFocus","veil","onVeilClick","clickAwayRefs","isClickAwayException","isScrollAwayException","disableClickAway","children","className","props","jsx","Popper","VStack","clsx"],"mappings":";;;;AAOO,SAASA,EAAQ;AAAA,EACtB,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAApB;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAG;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,MAAAR;AAAA,MACA,SAAAC;AAAA,MAEA,UAAA,gBAAAW,EAACE,GAAA,EAAO,QAAM,IAAC,OAAM,QAAO,WAAWC,EAAKL,GAAW,SAAS,GAAI,GAAGC,GACpE,UAAAF,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"popover.js","sources":["../../../src/surfaces/popover/popover.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/legacy/popper.js';\nimport { VStackProps } from '../../stacks/v_stack.js';\n\nexport interface PopoverProps extends Omit<PopperProps, 'children'>, VStackProps {}\n\nexport function Popover({\n  anchorElement,\n  verticalAnchor,\n  verticalOrigin,\n  verticalOffset,\n  horizontalAnchor,\n  horizontalOrigin,\n  horizontalOffset,\n  open,\n  onClose,\n  restoreFocus,\n  veil,\n  onVeilClick,\n  clickAwayRefs,\n  isClickAwayException,\n  isScrollAwayException,\n  disableClickAway,\n  children,\n  className,\n  ...props\n}: PopoverProps) {\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor}\n      horizontalOrigin={horizontalOrigin}\n      horizontalOffset={horizontalOffset}\n      restoreFocus={restoreFocus}\n      veil={veil}\n      onVeilClick={onVeilClick}\n      clickAwayRefs={clickAwayRefs}\n      isClickAwayException={isClickAwayException}\n      isScrollAwayException={isScrollAwayException}\n      disableClickAway={disableClickAway}\n      open={open}\n      onClose={onClose}\n    >\n      <VStack inline width=\"auto\" className={clsx(className, 'popover')} {...props}>\n        {children}\n      </VStack>\n    </Popper>\n  );\n}\n"],"names":["Popover","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","open","onClose","restoreFocus","veil","onVeilClick","clickAwayRefs","isClickAwayException","isScrollAwayException","disableClickAway","children","className","props","jsx","Popper","VStack","clsx"],"mappings":";;;;AAOO,SAASA,EAAQ;AAAA,EACtB,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAApB;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAG;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,MAAAR;AAAA,MACA,SAAAC;AAAA,MAEA,UAAA,gBAAAW,EAACE,GAAA,EAAO,QAAM,IAAC,OAAM,QAAO,WAAWC,EAAKL,GAAW,SAAS,GAAI,GAAGC,GACpE,UAAAF,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/surfaces/tooltip/tooltip.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { PreviewPopperProps } from '../../overlay/popper/preview_popper.js';
+export interface TooltipProps extends Omit<PreviewPopperProps, 'anchorElement'> {
+    /** The element that triggers the tooltip on hover */
+    children: React.ReactNode;
+    /** Content to display in the tooltip */
+    label: React.ReactNode;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/surfaces/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/surfaces/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,kBAAkB,EAAE,eAAe,CAAC;IAC7E,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,qFA0ClB,CAAC"}

package/dist/surfaces/tooltip/tooltip.js

@@ -0,0 +1,38 @@
+import { jsx as e, jsxs as f, Fragment as u } from "react/jsx-runtime";
+import { clsx as d } from "clsx";
+import x, { useRef as R, isValidElement as _, cloneElement as h } from "react";
+import { PreviewPopper as E } from "../../overlay/popper/preview_popper.js";
+import { HStack as b } from "../../stacks/h_stack.js";
+import '../../tooltip.css';const j = "_tooltip_b8c58d5", w = { tooltip: j }, F = x.forwardRef(function({
+  children: o,
+  className: r,
+  verticalAnchor: n = "top",
+  verticalOrigin: c = "bottom",
+  horizontalAnchor: s = "center",
+  horizontalOrigin: l = "center",
+  label: m,
+  ...p
+}, i) {
+  const t = R(null), a = _(o) ? h(o, { ref: t }) : /* @__PURE__ */ e(b, { as: "span", ref: t, children: o });
+  return /* @__PURE__ */ f(u, { children: [
+    a,
+    /* @__PURE__ */ e(
+      E,
+      {
+        ref: i,
+        anchorElement: t,
+        verticalAnchor: n,
+        verticalOrigin: c,
+        horizontalAnchor: s,
+        horizontalOrigin: l,
+        className: d(r, w.tooltip, "tcn-surface", "tcn-tooltip"),
+        ...p,
+        children: m
+      }
+    )
+  ] });
+});
+export {
+  F as Tooltip
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/surfaces/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/surfaces/tooltip/tooltip.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { isValidElement, cloneElement, useRef } from 'react';\nimport styles from './tooltip.module.css';\nimport {\n  PreviewPopper,\n  type PreviewPopperProps,\n} from '../../overlay/popper/preview_popper.js';\nimport { HStack } from '../../stacks/h_stack.js';\n\nexport interface TooltipProps extends Omit<PreviewPopperProps, 'anchorElement'> {\n  /** The element that triggers the tooltip on hover */\n  children: React.ReactNode;\n  /** Content to display in the tooltip */\n  label: React.ReactNode;\n}\n\nexport const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(function Tooltip(\n  {\n    children,\n    className,\n    verticalAnchor = 'top',\n    verticalOrigin = 'bottom',\n    horizontalAnchor = 'center',\n    horizontalOrigin = 'center',\n    label,\n    ...props\n  },\n  ref\n) {\n  const anchorRef = useRef<HTMLElement>(null);\n\n  // If children is a valid element, clone it and attach the ref\n  // Otherwise, wrap it in a span\n  const anchor = isValidElement(children) ? (\n    cloneElement(children, { ref: anchorRef } as React.Attributes)\n  ) : (\n    <HStack as=\"span\" ref={anchorRef}>\n      {children}\n    </HStack>\n  );\n\n  return (\n    <>\n      {anchor}\n      <PreviewPopper\n        ref={ref}\n        anchorElement={anchorRef}\n        verticalAnchor={verticalAnchor}\n        verticalOrigin={verticalOrigin}\n        horizontalAnchor={horizontalAnchor}\n        horizontalOrigin={horizontalOrigin}\n        className={clsx(className, styles.tooltip, 'tcn-surface', 'tcn-tooltip')}\n        {...props}\n      >\n        {label}\n      </PreviewPopper>\n    </>\n  );\n});\n"],"names":["Tooltip","React","children","className","verticalAnchor","verticalOrigin","horizontalAnchor","horizontalOrigin","label","props","ref","anchorRef","useRef","anchor","isValidElement","cloneElement","jsx","HStack","jsxs","Fragment","PreviewPopper","clsx","styles"],"mappings":";;;;;kDAgBaA,IAAUC,EAAM,WAAyC,SACpE;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYC,EAAoB,IAAI,GAIpCC,IAASC,EAAeZ,CAAQ,IACpCa,EAAab,GAAU,EAAE,KAAKS,EAAA,CAA+B,IAE7D,gBAAAK,EAACC,GAAA,EAAO,IAAG,QAAO,KAAKN,GACpB,UAAAT,GACH;AAGF,SACE,gBAAAgB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN;AAAA,IACD,gBAAAG;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,eAAeC;AAAA,QACf,gBAAAP;AAAA,QACA,gBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,WAAWc,EAAKlB,GAAWmB,EAAO,SAAS,eAAe,aAAa;AAAA,QACtE,GAAGb;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,CAAC;"}

package/dist/surfaces/window/window.d.ts

@@ -1,6 +1,6 @@
-import { VStackProps } from '../../stacks/v_stack.js';
 import { default as React } from 'react';
 import { FrameOwnProps } from '../../overlay/frame/frame.js';
-export type WindowProps = FrameOwnProps & Omit<VStackProps<HTMLDialogElement>, 'as'>;
-export declare const Window: React.ForwardRefExoticComponent<FrameOwnProps & Omit<VStackProps<HTMLDialogElement>, "as"> & React.RefAttributes<HTMLDialogElement>>;
+import { ScaffoldProps } from '../../layouts/scaffold/scaffold.js';
+export type WindowProps = FrameOwnProps & ScaffoldProps;
+export declare const Window: React.ForwardRefExoticComponent<FrameOwnProps & ScaffoldProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=window.d.ts.map

package/dist/surfaces/window/window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/surfaces/window/window.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEzE,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC;AAErF,eAAO,MAAM,MAAM,sIAgBjB,CAAC"}
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/surfaces/window/window.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAKlF,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,aAAa,CAAC;AAExD,eAAO,MAAM,MAAM,mGAkBjB,CAAC"}

package/dist/surfaces/window/window.js

@@ -1,21 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { VStack as c } from "../../stacks/v_stack.js";
 import { clsx as d } from "clsx";
-import e from "react";
-import { Frame as f } from "../../overlay/frame/frame.js";
-import '../../window.css';const a = "_window_7610fdb", l = { window: a }, b = e.forwardRef(function({ children: r, className: t, isOpen: i, draggable: n = !0, veil: m = !1, ...s }, w) {
-  return /* @__PURE__ */ o(f, { isOpen: i, draggable: n, veil: m, children: /* @__PURE__ */ o(
-    c,
+import m from "react";
+import { Frame as w } from "../../overlay/frame/frame.js";
+import { Scaffold as a } from "../../layouts/scaffold/scaffold.js";
+import '../../window.css';const s = "_window_7610fdb", l = { window: s }, W = m.forwardRef(function({ children: t, className: r, isOpen: i, draggable: n = !0, veil: f = !1, ...e }, c) {
+  return /* @__PURE__ */ o(
+    w,
     {
-      ref: w,
-      className: d(l.window, "tcn-window", t),
-      as: "dialog",
-      ...s,
-      children: r
+      isOpen: i,
+      draggable: n,
+      veil: f,
+      className: d(l.window, "tcn-surface", "tcn-window", r),
+      width: "auto",
+      height: "auto",
+      children: /* @__PURE__ */ o(a, { ref: c, ...e, children: t })
     }
-  ) });
+  );
 });
 export {
-  b as Window
+  W as Window
 };
 //# sourceMappingURL=window.js.map

package/dist/surfaces/window/window.js.map

@@ -1 +1 @@
-{"version":3,"file":"window.js","sources":["../../../src/surfaces/window/window.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport styles from './window.module.css';\nimport { Frame, type FrameOwnProps } from '../../overlay/frame/frame.js';\n\nexport type WindowProps = FrameOwnProps & Omit<VStackProps<HTMLDialogElement>, 'as'>;\n\nexport const Window = React.forwardRef<HTMLDialogElement, WindowProps>(function Window(\n  { children, className, isOpen, draggable = true, veil = false, ...props }: WindowProps,\n  ref\n) {\n  return (\n    <Frame isOpen={isOpen} draggable={draggable} veil={veil}>\n      <VStack\n        ref={ref}\n        className={clsx(styles['window'], 'tcn-window', className)}\n        as=\"dialog\"\n        {...props}\n      >\n        {children}\n      </VStack>\n    </Frame>\n  );\n});\n"],"names":["Window","React","children","className","isOpen","draggable","veil","props","ref","jsx","Frame","VStack","clsx","styles"],"mappings":";;;;;gDAQaA,IAASC,EAAM,WAA2C,SACrE,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,IAAM,MAAAC,IAAO,IAAO,GAAGC,EAAA,GAClEC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAM,QAAAN,GAAgB,WAAAC,GAAsB,MAAAC,GAC3C,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,WAAWI,EAAKC,EAAO,QAAW,cAAcV,CAAS;AAAA,MACzD,IAAG;AAAA,MACF,GAAGI;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,CAAC;"}
+{"version":3,"file":"window.js","sources":["../../../src/surfaces/window/window.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Frame, type FrameOwnProps } from '../../overlay/frame/frame.js';\nimport { Scaffold, type ScaffoldProps } from '../../layouts/scaffold/scaffold.js';\n\n// Styles\nimport styles from './window.module.css';\n\nexport type WindowProps = FrameOwnProps & ScaffoldProps;\n\nexport const Window = React.forwardRef<HTMLElement, WindowProps>(function Window(\n  { children, className, isOpen, draggable = true, veil = false, ...props }: WindowProps,\n  ref\n) {\n  return (\n    <Frame\n      isOpen={isOpen}\n      draggable={draggable}\n      veil={veil}\n      className={clsx(styles['window'], 'tcn-surface', 'tcn-window', className)}\n      width=\"auto\"\n      height=\"auto\"\n    >\n      <Scaffold ref={ref} {...props}>\n        {children}\n      </Scaffold>\n    </Frame>\n  );\n});\n"],"names":["Window","React","children","className","isOpen","draggable","veil","props","ref","jsx","Frame","clsx","styles","Scaffold"],"mappings":";;;;;gDAUaA,IAASC,EAAM,WAAqC,SAC/D,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,IAAM,MAAAC,IAAO,IAAO,GAAGC,EAAA,GAClEC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAN;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAWK,EAAKC,EAAO,QAAW,eAAe,cAAcT,CAAS;AAAA,MACxE,OAAM;AAAA,MACN,QAAO;AAAA,MAEP,UAAA,gBAAAM,EAACI,GAAA,EAAS,KAAAL,GAAW,GAAGD,GACrB,UAAAL,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}