@vinyasa/typography 1.0.23 → 1.0.25

package/dist/cjs/index.cjs

@@ -41,16 +41,20 @@ __webpack_require__.d(__webpack_exports__, {
     Caption: ()=>caption_Caption,
     Code: ()=>code_Code,
     Heading: ()=>heading_Heading,
+    Highlight: ()=>highlight_Highlight,
     Kbd: ()=>kbd_Kbd,
     Label: ()=>label_Label,
     Link: ()=>link_Link,
+    List: ()=>list_List,
+    Mark: ()=>mark_Mark,
     MarkdownRenderer: ()=>markdown_renderer_MarkdownRenderer,
     Paragraph: ()=>paragraph_Paragraph,
-    Text: ()=>text_Text
+    Text: ()=>text_Text,
+    useIsTruncated: ()=>useIsTruncated
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const tokens_namespaceObject = require("@vinyasa/tokens");
+const external_react_namespaceObject = require("react");
 const space = {
     1: tokens_namespaceObject.themeContract.space1,
     2: tokens_namespaceObject.themeContract.space2,
@@ -227,6 +231,7 @@ const Blockquote = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
         "style",
         "children"
     ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
     const classes = className ? `${blockquote} ${className}` : blockquote;
     const computedStyle = _object_spread({}, resolveSpacingStyle({
         m,
@@ -245,7 +250,7 @@ const Blockquote = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
         py
     }), style);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("blockquote", _object_spread_props(_object_spread({
-        ref: ref,
+        ref: themedRef,
         className: classes,
         style: computedStyle
     }, rest), {
@@ -368,10 +373,47 @@ var Text_css_text = createRuntimeFn({
             default: '_4sie9wg',
             muted: '_4sie9wh',
             primary: '_4sie9wi',
-            error: '_4sie9wj'
+            info: '_4sie9wj',
+            success: '_4sie9wk',
+            warning: '_4sie9wl',
+            error: '_4sie9wm'
         },
         truncate: {
-            true: '_4sie9wk'
+            end: '_4sie9wn',
+            start: '_4sie9wo'
+        },
+        italic: {
+            true: '_4sie9wp'
+        },
+        textTransform: {
+            uppercase: '_4sie9wq',
+            lowercase: '_4sie9wr',
+            capitalize: '_4sie9ws',
+            none: '_4sie9wt'
+        },
+        decoration: {
+            underline: '_4sie9wu',
+            'line-through': '_4sie9wv',
+            none: '_4sie9ww'
+        },
+        letterSpacing: {
+            tight: '_4sie9wx',
+            normal: '_4sie9wy',
+            wide: '_4sie9wz'
+        },
+        lineHeight: {
+            tight: '_4sie9w10',
+            normal: '_4sie9w11',
+            loose: '_4sie9w12'
+        },
+        textWrap: {
+            wrap: '_4sie9w13',
+            balance: '_4sie9w14',
+            pretty: '_4sie9w15',
+            nowrap: '_4sie9w16'
+        },
+        variant: {
+            gradient: '_4sie9w17'
         }
     },
     defaultVariants: {
@@ -463,13 +505,23 @@ const Text = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _
     let _ref = [
         _0,
         _1
-    ], [_ref1, ..._rest] = _ref, { as: Component = 'span', size, weight, align, color, truncate, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children } = _ref1, rest = Text_object_without_properties(_ref1, [
+    ], [_ref1, ..._rest] = _ref, { as: Component = 'span', size, weight, align, color, truncate, italic, textTransform, decoration, letterSpacing, lineHeight, textWrap, variant, lineClamp, inherit, gradient, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children } = _ref1, rest = Text_object_without_properties(_ref1, [
         "as",
         "size",
         "weight",
         "align",
         "color",
         "truncate",
+        "italic",
+        "textTransform",
+        "decoration",
+        "letterSpacing",
+        "lineHeight",
+        "textWrap",
+        "variant",
+        "lineClamp",
+        "inherit",
+        "gradient",
         "m",
         "mt",
         "mr",
@@ -488,19 +540,24 @@ const Text = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _
         "style",
         "children"
     ]), [ref] = _rest;
-    const classes = className ? `${Text_css_text({
-        size,
-        weight,
-        align,
-        color,
-        truncate
-    })} ${className}` : Text_css_text({
+    var _gradient_deg;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    const normalizedTruncate = true === truncate ? 'end' : false === truncate ? void 0 : truncate;
+    const variantArgs = {
         size,
         weight,
         align,
         color,
-        truncate
-    });
+        truncate: normalizedTruncate,
+        italic,
+        textTransform,
+        decoration,
+        letterSpacing,
+        lineHeight,
+        textWrap,
+        variant
+    };
+    const classes = className ? `${Text_css_text(variantArgs)} ${className}` : Text_css_text(variantArgs);
     const spacingStyle = resolveSpacingStyle({
         m,
         mt,
@@ -517,10 +574,26 @@ const Text = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _
         px,
         py
     });
+    const inheritStyle = inherit ? {
+        fontFamily: 'inherit',
+        fontSize: 'inherit',
+        fontWeight: 'inherit',
+        color: 'inherit',
+        lineHeight: 'inherit'
+    } : void 0;
+    const gradientStyle = 'gradient' === variant && gradient ? {
+        backgroundImage: `linear-gradient(${String(null != (_gradient_deg = gradient.deg) ? _gradient_deg : 45)}deg, ${gradient.from}, ${gradient.to})`
+    } : void 0;
+    const lineClampStyle = void 0 !== lineClamp ? {
+        display: '-webkit-box',
+        WebkitLineClamp: lineClamp,
+        WebkitBoxOrient: 'vertical',
+        overflow: 'hidden'
+    } : void 0;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, Text_object_spread_props(Text_object_spread({
-        ref: ref,
+        ref: themedRef,
         className: classes,
-        style: Text_object_spread({}, spacingStyle, style)
+        style: Text_object_spread({}, spacingStyle, inheritStyle, gradientStyle, lineClampStyle, style)
     }, rest), {
         children: children
     }));
@@ -718,6 +791,7 @@ const Code = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _
         "style",
         "children"
     ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
     const classes = className ? `${code({
         block
     })} ${className}` : code({
@@ -740,7 +814,7 @@ const Code = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _
         py
     }), style);
     if (block) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("pre", Code_object_spread_props(Code_object_spread({
-        ref: ref,
+        ref: themedRef,
         className: classes,
         style: computedStyle
     }, rest), {
@@ -749,7 +823,7 @@ const Code = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _
         })
     }));
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("code", Code_object_spread_props(Code_object_spread({
-        ref: ref,
+        ref: themedRef,
         className: classes,
         style: computedStyle
     }, rest), {
@@ -843,6 +917,249 @@ const Heading = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0
 });
 Heading.displayName = 'Heading';
 const heading_Heading = Heading;
+var mark = 'x8q83o0';
+function Mark_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function Mark_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            Mark_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Mark_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function Mark_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Mark_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function Mark_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = Mark_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function Mark_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const Mark = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children } = _ref1, rest = Mark_object_without_properties(_ref1, [
+        "m",
+        "mt",
+        "mr",
+        "mb",
+        "ml",
+        "mx",
+        "my",
+        "p",
+        "pt",
+        "pr",
+        "pb",
+        "pl",
+        "px",
+        "py",
+        "className",
+        "style",
+        "children"
+    ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    const classes = className ? `${mark} ${className}` : mark;
+    const computedStyle = Mark_object_spread({}, resolveSpacingStyle({
+        m,
+        mt,
+        mr,
+        mb,
+        ml,
+        mx,
+        my,
+        p,
+        pt,
+        pr,
+        pb,
+        pl,
+        px,
+        py
+    }), style);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("mark", Mark_object_spread_props(Mark_object_spread({
+        ref: themedRef,
+        className: classes,
+        style: computedStyle
+    }, rest), {
+        children: children
+    }));
+});
+Mark.displayName = 'Mark';
+const mark_Mark = Mark;
+function Highlight_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function Highlight_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            Highlight_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function Highlight_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function Highlight_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else Highlight_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function Highlight_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = Highlight_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function Highlight_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const escapeRegExp = (value)=>value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+const Highlight = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { children, highlight } = _ref1, props = Highlight_object_without_properties(_ref1, [
+        "children",
+        "highlight"
+    ]), [ref] = _rest;
+    const terms = (Array.isArray(highlight) ? highlight : [
+        highlight
+    ]).filter(Boolean);
+    if (0 === terms.length) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(text_Text, Highlight_object_spread_props(Highlight_object_spread({
+        ref: ref
+    }, props), {
+        children: children
+    }));
+    const lowerTerms = new Set(terms.map((term)=>term.toLowerCase()));
+    const pattern = new RegExp(`(${terms.map(escapeRegExp).join('|')})`, 'gi');
+    const parts = children.split(pattern);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(text_Text, Highlight_object_spread_props(Highlight_object_spread({
+        ref: ref
+    }, props), {
+        children: parts.map((part, index)=>{
+            const key = `${String(index)}-${part}`;
+            return lowerTerms.has(part.toLowerCase()) ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(mark_Mark, {
+                children: part
+            }, key) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {
+                children: part
+            }, key);
+        })
+    }));
+});
+Highlight.displayName = 'Highlight';
+const highlight_Highlight = Highlight;
 var kbd = '_18ahdyj0';
 function Kbd_define_property(obj, key, value) {
     if (key in obj) Object.defineProperty(obj, key, {
@@ -945,6 +1262,7 @@ const Kbd = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1
         "style",
         "children"
     ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
     const classes = className ? `${kbd} ${className}` : kbd;
     const computedStyle = Kbd_object_spread({}, resolveSpacingStyle({
         m,
@@ -963,7 +1281,7 @@ const Kbd = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1
         py
     }), style);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("kbd", Kbd_object_spread_props(Kbd_object_spread({
-        ref: ref,
+        ref: themedRef,
         className: classes,
         style: computedStyle
     }, rest), {
@@ -1185,6 +1503,235 @@ const Link = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _
 });
 Link.displayName = 'Link';
 const link_Link = Link;
+var item = createRuntimeFn({
+    defaultClassName: '_1ohxnc19',
+    variantClassNames: {
+        withIcon: {
+            true: '_1ohxnc1a'
+        },
+        center: {
+            true: '_1ohxnc1b'
+        }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+});
+var itemIcon = '_1ohxnc1c';
+var list = createRuntimeFn({
+    defaultClassName: '_1ohxnc10',
+    variantClassNames: {
+        spacing: {
+            1: '_1ohxnc11',
+            2: '_1ohxnc12',
+            3: '_1ohxnc13',
+            4: '_1ohxnc14',
+            5: '_1ohxnc15',
+            6: '_1ohxnc16'
+        },
+        withPadding: {
+            true: '_1ohxnc17',
+            false: '_1ohxnc18'
+        }
+    },
+    defaultVariants: {
+        spacing: 2,
+        withPadding: true
+    },
+    compoundVariants: []
+});
+function List_define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function List_object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = null != arguments[i] ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+        ownKeys.forEach(function(key) {
+            List_define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function List_ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function List_object_spread_props(target, source) {
+    source = null != source ? source : {};
+    if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    else List_ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+    return target;
+}
+function List_object_without_properties(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys, key, i;
+    if ("u" > typeof Reflect && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(Object(source));
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    target = List_object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+function List_object_without_properties_loose(source, excluded) {
+    if (null == source) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (!(excluded.indexOf(key) >= 0)) {
+            if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+        }
+    }
+    return target;
+}
+const ListContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({});
+const ListRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { type = 'unordered', spacing, withPadding, icon, center, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children } = _ref1, rest = List_object_without_properties(_ref1, [
+        "type",
+        "spacing",
+        "withPadding",
+        "icon",
+        "center",
+        "m",
+        "mt",
+        "mr",
+        "mb",
+        "ml",
+        "mx",
+        "my",
+        "p",
+        "pt",
+        "pr",
+        "pb",
+        "pl",
+        "px",
+        "py",
+        "className",
+        "style",
+        "children"
+    ]), [ref] = _rest;
+    const themedRef = (0, tokens_namespaceObject.useThemedRef)(ref);
+    const classes = className ? `${list({
+        spacing,
+        withPadding
+    })} ${className}` : list({
+        spacing,
+        withPadding
+    });
+    const computedStyle = List_object_spread({}, resolveSpacingStyle({
+        m,
+        mt,
+        mr,
+        mb,
+        ml,
+        mx,
+        my,
+        p,
+        pt,
+        pr,
+        pb,
+        pl,
+        px,
+        py
+    }), style);
+    const contextValue = {
+        icon,
+        center
+    };
+    if ('ordered' === type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ListContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", List_object_spread_props(List_object_spread({
+            ref: themedRef,
+            className: classes,
+            style: computedStyle
+        }, rest), {
+            children: children
+        }))
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ListContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", List_object_spread_props(List_object_spread({
+            ref: themedRef,
+            className: classes,
+            style: computedStyle
+        }, rest), {
+            children: children
+        }))
+    });
+});
+ListRoot.displayName = 'List';
+const ListItem = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { icon, className, children } = _ref1, rest = List_object_without_properties(_ref1, [
+        "icon",
+        "className",
+        "children"
+    ]), [ref] = _rest;
+    const context = (0, external_react_namespaceObject.useContext)(ListContext);
+    const resolvedIcon = null != icon ? icon : context.icon;
+    const classes = className ? `${item({
+        withIcon: Boolean(resolvedIcon),
+        center: context.center
+    })} ${className}` : item({
+        withIcon: Boolean(resolvedIcon),
+        center: context.center
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", List_object_spread_props(List_object_spread({
+        ref: ref,
+        className: classes
+    }, rest), {
+        children: [
+            resolvedIcon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: itemIcon,
+                children: resolvedIcon
+            }) : null,
+            children
+        ]
+    }));
+});
+ListItem.displayName = 'ListItem';
+const List = Object.assign(ListRoot, {
+    Item: ListItem
+});
+const list_List = List;
 const box_namespaceObject = require("@vinyasa/layout/box");
 var box_default = /*#__PURE__*/ __webpack_require__.n(box_namespaceObject);
 const external_react_markdown_namespaceObject = require("react-markdown");
@@ -1366,27 +1913,56 @@ const MarkdownRenderer = /*#__PURE__*/ (0, external_react_namespaceObject.forwar
 });
 MarkdownRenderer.displayName = 'MarkdownRenderer';
 const markdown_renderer_MarkdownRenderer = MarkdownRenderer;
+const checkOverflow = (element)=>element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight;
+const useIsTruncated = (deps = [])=>{
+    const ref = (0, external_react_namespaceObject.useRef)(null);
+    const [isTruncated, setIsTruncated] = (0, external_react_namespaceObject.useState)(false);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        const element = ref.current;
+        if (!element) return;
+        setIsTruncated(checkOverflow(element));
+        const observer = new ResizeObserver(()=>{
+            setIsTruncated(checkOverflow(element));
+        });
+        observer.observe(element);
+        return ()=>{
+            observer.disconnect();
+        };
+    }, deps);
+    return [
+        ref,
+        isTruncated
+    ];
+};
 exports.Blockquote = __webpack_exports__.Blockquote;
 exports.Caption = __webpack_exports__.Caption;
 exports.Code = __webpack_exports__.Code;
 exports.Heading = __webpack_exports__.Heading;
+exports.Highlight = __webpack_exports__.Highlight;
 exports.Kbd = __webpack_exports__.Kbd;
 exports.Label = __webpack_exports__.Label;
 exports.Link = __webpack_exports__.Link;
+exports.List = __webpack_exports__.List;
+exports.Mark = __webpack_exports__.Mark;
 exports.MarkdownRenderer = __webpack_exports__.MarkdownRenderer;
 exports.Paragraph = __webpack_exports__.Paragraph;
 exports.Text = __webpack_exports__.Text;
+exports.useIsTruncated = __webpack_exports__.useIsTruncated;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Blockquote",
     "Caption",
     "Code",
     "Heading",
+    "Highlight",
     "Kbd",
     "Label",
     "Link",
+    "List",
+    "Mark",
     "MarkdownRenderer",
     "Paragraph",
-    "Text"
+    "Text",
+    "useIsTruncated"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true