@tcn/ui 0.12.0 → 0.12.1

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

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

package/dist/surfaces/pop_confirm/pop_confirm.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { clsx as f } from "clsx";
-import e from "react";
+import { clsx as e } from "clsx";
+import n from "react";
 import "../../layouts/column/column.js";
 import "../../divider.module-FptFV0PX.js";
 import "../../layouts/grid/grid.js";
@@ -8,7 +8,7 @@ import "../../layouts/list/item.js";
 import "../../layouts/list/list.js";
 import "../../layouts/sidebar_end/sidebar_end.js";
 import "../../layouts/sidebar_start/sidebar_start.js";
-import { Scaffold as n } from "../../layouts/scaffold/scaffold.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";
@@ -29,24 +29,30 @@ import "../../stacks/z_stack.js";
 import "../../layouts/rail/rail.js";
 import "../../layouts/rail/side/side.js";
 import "../../layouts/rail/utility_strip/utility_strip.js";
-import { PopperDismissal as c } from "../../overlay/popper/base/dismissal_decorator.js";
+import { PopperDismissal as l } from "../../overlay/popper/base/dismissal_decorator.js";
 import { ElementPopper as s } from "../../overlay/popper/element_popper.js";
-const M = e.forwardRef(
-  function({ children: r, className: i, dismissals: m = [c.CLICK_AWAY], ...p }, t) {
+const O = n.forwardRef(
+  function({
+    children: r,
+    className: m,
+    precision: t = "low",
+    dismissals: i = [l.CLICK_AWAY],
+    ...p
+  }, f) {
     return /* @__PURE__ */ o(
       s,
       {
-        ref: t,
-        precision: "high",
-        className: f(i, "tcn-pop-confirm"),
-        dismissals: m,
+        ref: f,
+        precision: t,
+        className: e(m, "tcn-pop-confirm"),
+        dismissals: i,
         ...p,
-        children: /* @__PURE__ */ o(n, { width: "100%", height: "100%", children: r })
+        children: /* @__PURE__ */ o(c, { width: "100%", height: "100%", children: r })
       }
     );
   }
 );
 export {
-  M as PopConfirm
+  O as PopConfirm
 };
 //# sourceMappingURL=pop_confirm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold } from '../../layouts/index.js';\nimport { PopperDismissal } from '../../overlay/popper/base/dismissal_decorator.js';\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(\n    { children, className, dismissals = [PopperDismissal.CLICK_AWAY], ...props },\n    ref\n  ) {\n    return (\n      <ElementPopper\n        ref={ref}\n        precision=\"high\"\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,WAAU;AAAA,QACV,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;"}
+{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/pop_confirm/pop_confirm.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Scaffold } from '../../layouts/index.js';\nimport { PopperDismissal } from '../../overlay/popper/base/dismissal_decorator.js';\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(\n    {\n      children,\n      className,\n      precision = 'low',\n      dismissals = [PopperDismissal.CLICK_AWAY],\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <ElementPopper\n        ref={ref}\n        precision={precision}\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","precision","dismissals","PopperDismissal","props","ref","jsx","ElementPopper","clsx","Scaffold"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa,CAACC,EAAgB,UAAU;AAAA,IACxC,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAAJ;AAAA,QACA,WAAWO,EAAKR,GAAW,iBAAiB;AAAA,QAC5C,YAAAE;AAAA,QACC,GAAGE;AAAA,QAEJ,4BAACK,GAAA,EAAS,OAAO,QAAQ,QAAQ,QAC9B,UAAAV,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

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

@@ -1 +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,qFA2ClB,CAAC"}
+{"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,qFA4ClB,CAAC"}

package/dist/surfaces/tooltip/tooltip.js

@@ -1,39 +1,41 @@
-import { jsx as e, jsxs as f, Fragment as u } from "react/jsx-runtime";
-import { clsx as h } from "clsx";
-import d, { useRef as x, isValidElement as R, cloneElement as _ } from "react";
+import { jsx as e, jsxs as u, Fragment as d } from "react/jsx-runtime";
+import { clsx as x } from "clsx";
+import R, { useRef as _, isValidElement as h, cloneElement as w } 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 g = "_tooltip_b8c58d5", j = { tooltip: g }, F = d.forwardRef(function({
+import '../../tooltip.css';const j = "_tooltip_b8c58d5", P = { tooltip: j }, H = R.forwardRef(function({
   children: o,
   className: r,
   verticalAnchor: n = "top",
   verticalOrigin: c = "bottom",
-  horizontalAnchor: s = "center",
-  horizontalOrigin: i = "center",
-  label: l,
-  ...p
-}, m) {
-  const t = x(null), a = R(o) ? _(o, { ref: t }) : /* @__PURE__ */ e(b, { as: "span", ref: t, children: o });
-  return /* @__PURE__ */ f(u, { children: [
-    a,
+  horizontalAnchor: l = "center",
+  horizontalOrigin: s = "center",
+  precision: m = "low",
+  // TODO: Fix caret styles and set to high
+  label: p,
+  ...i
+}, a) {
+  const t = _(null), f = h(o) ? w(o, { ref: t }) : /* @__PURE__ */ e(b, { as: "span", ref: t, children: o });
+  return /* @__PURE__ */ u(d, { children: [
+    f,
     /* @__PURE__ */ e(
       E,
       {
-        ref: m,
+        ref: a,
         anchorElement: t,
         verticalAnchor: n,
         verticalOrigin: c,
-        horizontalAnchor: s,
-        horizontalOrigin: i,
-        precision: "high",
-        className: h(r, j.tooltip, "tcn-surface", "tcn-tooltip"),
-        ...p,
-        children: l
+        horizontalAnchor: l,
+        horizontalOrigin: s,
+        precision: m,
+        className: x(r, P.tooltip, "tcn-surface", "tcn-tooltip"),
+        ...i,
+        children: p
       }
     )
   ] });
 });
 export {
-  F as Tooltip
+  H as Tooltip
 };
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +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        precision=\"high\"\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,WAAU;AAAA,QACV,WAAWc,EAAKlB,GAAWmB,EAAO,SAAS,eAAe,aAAa;AAAA,QACtE,GAAGb;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,CAAC;"}
+{"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    precision = 'low', // TODO: Fix caret styles and set to high\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        precision={precision}\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","precision","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,WAAAC,IAAY;AAAA;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYC,EAAoB,IAAI,GAIpCC,IAASC,EAAeb,CAAQ,IACpCc,EAAad,GAAU,EAAE,KAAKU,EAAA,CAA+B,IAE7D,gBAAAK,EAACC,GAAA,EAAO,IAAG,QAAO,KAAKN,GACpB,UAAAV,GACH;AAGF,SACE,gBAAAiB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN;AAAA,IACD,gBAAAG;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,eAAeC;AAAA,QACf,gBAAAR;AAAA,QACA,gBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAWc,EAAKnB,GAAWoB,EAAO,SAAS,eAAe,aAAa;AAAA,QACtE,GAAGb;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,CAAC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tcn/ui",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "type": "module",
   "description": "",
   "author": "TCN",

package/src/surfaces/pop_confirm/pop_confirm.tsx

@@ -11,13 +11,19 @@ export type PopConfirmProps = ElementPopperProps;
 
 export const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(
   function PopConfirm(
-    { children, className, dismissals = [PopperDismissal.CLICK_AWAY], ...props },
+    {
+      children,
+      className,
+      precision = 'low',
+      dismissals = [PopperDismissal.CLICK_AWAY],
+      ...props
+    },
     ref
   ) {
     return (
       <ElementPopper
         ref={ref}
-        precision="high"
+        precision={precision}
         className={clsx(className, 'tcn-pop-confirm')}
         dismissals={dismissals}
         {...props}

package/src/surfaces/tooltip/tooltip.tsx

@@ -22,6 +22,7 @@ export const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(function T
     verticalOrigin = 'bottom',
     horizontalAnchor = 'center',
     horizontalOrigin = 'center',
+    precision = 'low', // TODO: Fix caret styles and set to high
     label,
     ...props
   },
@@ -49,7 +50,7 @@ export const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(function T
         verticalOrigin={verticalOrigin}
         horizontalAnchor={horizontalAnchor}
         horizontalOrigin={horizontalOrigin}
-        precision="high"
+        precision={precision}
         className={clsx(className, styles.tooltip, 'tcn-surface', 'tcn-tooltip')}
         {...props}
       >