@wrdagency/blockout 1.0.35 → 1.0.37

package/dist/primitives/scroll-area/index.js

@@ -2,7 +2,7 @@ import { jsx as m, jsxs as J, Fragment as fe } from "react/jsx-runtime";
 import { cn as he } from "../../utils/css.js";
 import * as l from "react";
 import "../../index-Cgx3BqdJ.js";
-import '../../assets/index21.css';function j(e, t) {
+import '../../assets/index14.css';function j(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);

package/dist/primitives/tooltip/index.js

@@ -1,9 +1,8 @@
-import { jsxs as o, Fragment as n, jsx as s } from "react/jsx-runtime";
+import { jsxs as o, Fragment as n, jsx as p } from "react/jsx-runtime";
 import { cn as c } from "../../utils/css.js";
 import { useState as T } from "react";
-import '../../assets/style4.css';/* empty css                   */
-import { T as f, a as u, b as v, c as h } from "../../tooltip-arrow-BVwULA6B.js";
-const j = ({
+import { T as f, a as u, b as v, c as h } from "../../tooltip-arrow-gMwnY9fV.js";
+import '../../assets/index10.css';const g = ({
   className: a,
   label: t,
   force: i,
@@ -11,15 +10,15 @@ const j = ({
   placement: m,
   render: e
 }) => {
-  const [p, l] = T(!1);
+  const [s, l] = T(!1);
   return t ? /* @__PURE__ */ o(
     f,
     {
-      open: p || i,
+      open: s || i,
       setOpen: l,
       placement: m,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ p(
           u,
           {
             className: c("primitive-tooltip", a),
@@ -27,7 +26,7 @@ const j = ({
             children: r
           }
         ),
-        (p || i) && /* @__PURE__ */ o(
+        (s || i) && /* @__PURE__ */ o(
           v,
           {
             gutter: 4,
@@ -35,7 +34,7 @@ const j = ({
             "data-colour-scheme": "invert",
             children: [
               t,
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ p(
                 h,
                 {
                   size: 24,
@@ -54,5 +53,5 @@ const j = ({
   ] });
 };
 export {
-  j as Tooltip
+  g as Tooltip
 };

package/dist/primitives/truncate/index.d.ts

@@ -1,7 +1,8 @@
-import { FC, PropsWithChildren } from 'react';
+import { PolymorphicProps } from '../../types/component';
+import { ElementType, PropsWithChildren } from 'react';
 interface TruncateProps extends PropsWithChildren {
     className?: string;
     scrollOnHover?: boolean;
 }
-export declare const Truncate: FC<TruncateProps>;
+export declare const Truncate: <As extends ElementType = "div">({ as, className, scrollOnHover, children, style, ...restProps }: PolymorphicProps<As, TruncateProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/primitives/truncate/index.js

@@ -1,47 +1,53 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as m } from "../../utils/css.js";
-import { b as f } from "../../index-D7vLJIGX.js";
-import { useState as l, useRef as o, useEffect as v } from "react";
-import '../../assets/style5.css';/* empty css                   */
-const S = ({
-  className: c,
-  scrollOnHover: s = !0,
-  children: a
+import { jsx as i } from "react/jsx-runtime";
+import { cn as g } from "../../utils/css.js";
+import { c as _ } from "../../index-D0xboB4V.js";
+import { useState as h, useRef as o, useEffect as w } from "react";
+import '../../assets/index11.css';const y = ({
+  as: c,
+  className: s,
+  scrollOnHover: a = !0,
+  children: u,
+  style: d,
+  ...p
 }) => {
-  const p = f(), [t, d] = l({
+  const m = c || "div", f = _(), [t, l] = h({
     container: 0,
     contents: 0,
     padding: 0
-  }), e = o(void 0), n = o(void 0), i = () => {
-    const u = window.getComputedStyle(e.current, null).getPropertyValue("padding-right");
-    d({
+  }), e = o(void 0), n = o(void 0), r = () => {
+    if (!e.current)
+      return;
+    const v = window.getComputedStyle(e.current, null).getPropertyValue("padding-right");
+    l({
       container: e.current.offsetWidth || 0,
       contents: n.current.offsetWidth || 0,
-      padding: parseFloat(u) || 0
+      padding: parseFloat(v) || 0
     });
   };
-  return v(() => {
-    i(), setTimeout(i, 500);
-  }, [p, e.current, n.current]), /* @__PURE__ */ r(
-    "div",
+  return w(() => {
+    r(), setTimeout(r, 500);
+  }, [f, e.current, n.current]), /* @__PURE__ */ i(
+    m,
     {
-      className: m(
+      className: g(
         "primitive-truncate",
         t.contents > t.container && "primitive-truncate--is-overflowing",
-        s && "primitive-truncate--scroll-on-hover",
-        c
+        a && "primitive-truncate--scroll-on-hover",
+        s
       ),
       style: {
         "--primtive-truncate__container-width": `${t.container}px`,
         "--primtive-truncate__container-padding": `${t.padding}px`,
         "--primtive-truncate__contents-width": `${t.contents}px`,
-        "--primtive-truncate__duration": `${(t.contents - t.container) / 100}s`
+        "--primtive-truncate__duration": `${(t.contents - t.container) / 100}s`,
+        ...d
       },
       ref: e,
-      children: /* @__PURE__ */ r("span", { className: "primitive-truncate__contents", ref: n, children: a })
+      ...p,
+      children: /* @__PURE__ */ i("span", { className: "primitive-truncate__contents", ref: n, children: u })
     }
   );
 };
 export {
-  S as Truncate
+  y as Truncate
 };

package/dist/primitives/typography/heading.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { cn as l } from "../../utils/css.js";
-import '../../assets/style6.css';/* empty css                   */
+import '../../assets/style2.css';/* empty css                   */
 const h = (e) => {
   switch (e) {
     case 1:

package/dist/primitives/typography/paragraph.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as t } from "../../utils/css.js";
-import '../../assets/style6.css';/* empty css                   */
+import '../../assets/style2.css';/* empty css                   */
 const c = ({
   variant: r = "normal",
   className: a,

package/dist/primitives/visually-hidden/index.js

@@ -1,16 +1,15 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as o } from "../../utils/css.js";
-import '../../assets/styles.css';/* empty css                    */
-const d = ({
+import { jsx as e } from "react/jsx-runtime";
+import { cn as m } from "../../utils/css.js";
+import '../../assets/index12.css';const t = ({
   className: i,
   ...r
-}) => /* @__PURE__ */ m(
+}) => /* @__PURE__ */ e(
   "div",
   {
-    className: o("primitive-visually-hidden", i),
+    className: m("primitive-visually-hidden", i),
     ...r
   }
 );
 export {
-  d as VisuallyHidden
+  t as VisuallyHidden
 };

package/dist/{style-CWAa57kN.js → style-DH642ww9.js}

@@ -1,5 +1,5 @@
 import { g as z } from "./_commonjsHelpers-C6fGbg64.js";
-import './assets/style27.css';var I, E;
+import './assets/style10.css';var I, E;
 function B() {
   if (E) return I;
   E = 1;