@lukso/web-components 1.161.1 → 1.162.0

package/dist/{index-NKnet_Ow.js → index-DvdeX3K2.js}

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from './index-B5CXCi6j.js';
-import { n, t } from './property-Da9lvmME.js';
+import { a as TailwindElement, x } from './index-CQq_Eyeu.js';
+import { n, s as safeCustomElement } from './safe-custom-element-BODySN1j.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-B85MJLTf.js';
 import { c as ce } from './index-B9iart53.js';
 import './components/lukso-image/index.js';
@@ -602,7 +602,7 @@ __decorateClass([
   n({ type: String })
 ], LuksoProfile.prototype, "placeholder", 2);
 LuksoProfile = __decorateClass([
-  t("lukso-profile")
+  safeCustomElement("lukso-profile")
 ], LuksoProfile);
 
 export { LuksoProfile as L, makeBlockie as m };

package/dist/{index-CKjNXRek.cjs → index-GXU76s80.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-D4DEFira.cjs');
-const property = require('./property-dUn0JQiG.cjs');
+const shared_tailwindElement_index = require('./index-BFqOU6o6.cjs');
+const safeCustomElement = require('./safe-custom-element-DTADBI4I.cjs');
 const index = require('./index-CaJky2qL.cjs');
-const index$1 = require('./index-C9Ins46B.cjs');
+const index$1 = require('./index-Zriuvita.cjs');
 require('./tailwind-config.cjs');
 const axe = require('./axe-C-H1UVi1.cjs');
 const isAddress$1 = require('./isAddress-DYM3mZP7.cjs');
@@ -1307,40 +1307,40 @@ exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index
   }
 };
 __decorateClass([
-  property.n({ type: String })
+  safeCustomElement.n({ type: String })
 ], exports.LuksoUsername.prototype, "name", 2);
 __decorateClass([
-  property.n({ type: String })
+  safeCustomElement.n({ type: String })
 ], exports.LuksoUsername.prototype, "address", 2);
 __decorateClass([
-  property.n({ type: Number, attribute: "max-width" })
+  safeCustomElement.n({ type: Number, attribute: "max-width" })
 ], exports.LuksoUsername.prototype, "maxWidth", 2);
 __decorateClass([
-  property.n({ type: "string" })
+  safeCustomElement.n({ type: "string" })
 ], exports.LuksoUsername.prototype, "size", 2);
 __decorateClass([
-  property.n({ type: Number, attribute: "slice-by" })
+  safeCustomElement.n({ type: Number, attribute: "slice-by" })
 ], exports.LuksoUsername.prototype, "sliceBy", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "address-color" })
+  safeCustomElement.n({ type: String, attribute: "address-color" })
 ], exports.LuksoUsername.prototype, "addressColor", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "name-color" })
+  safeCustomElement.n({ type: String, attribute: "name-color" })
 ], exports.LuksoUsername.prototype, "nameColor", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "custom-class" })
+  safeCustomElement.n({ type: String, attribute: "custom-class" })
 ], exports.LuksoUsername.prototype, "customClass", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "hide-prefix" })
+  safeCustomElement.n({ type: Boolean, attribute: "hide-prefix" })
 ], exports.LuksoUsername.prototype, "hidePrefix", 2);
 __decorateClass([
-  property.n({ type: String })
+  safeCustomElement.n({ type: String })
 ], exports.LuksoUsername.prototype, "prefix", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "no-transform" })
+  safeCustomElement.n({ type: Boolean, attribute: "no-transform" })
 ], exports.LuksoUsername.prototype, "noTransform", 2);
 exports.LuksoUsername = __decorateClass([
-  property.t("lukso-username")
+  safeCustomElement.safeCustomElement("lukso-username")
 ], exports.LuksoUsername);
 
 exports.sliceAddress = sliceAddress;

package/dist/{index-C9Ins46B.cjs → index-Zriuvita.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-D4DEFira.cjs');
+const shared_tailwindElement_index = require('./index-BFqOU6o6.cjs');
 const directive = require('./directive-DT5Y-Nw0.cjs');
 
 class CustomStyleMapDirective extends directive.i {

package/dist/{index-CDUQ0-Uh.js → index-bObYWb9Y.js}

@@ -1,14 +1,14 @@
-import { m as makeBlockie } from './index-NKnet_Ow.js';
-import { T as TailwindStyledElement, x, E } from './index-B5CXCi6j.js';
-import { n, t } from './property-Da9lvmME.js';
-import { r } from './state-CtpsBPdH.js';
+import { m as makeBlockie } from './index-DvdeX3K2.js';
+import { T as TailwindStyledElement, x, E } from './index-CQq_Eyeu.js';
+import { n, s as safeCustomElement } from './safe-custom-element-BODySN1j.js';
+import { r } from './state-n75qAK0V.js';
 import { c as ce } from './index-B9iart53.js';
 import './components/lukso-dropdown/index.js';
 import './components/lukso-dropdown-option/index.js';
 import './components/lukso-icon/index.js';
 import './components/lukso-input/index.js';
 import './components/lukso-tag/index.js';
-import { s as sliceAddress } from './index-BSwFyDEC.js';
+import { s as sliceAddress } from './index-CIvb8Rdb.js';
 import './components/lukso-tooltip/index.js';
 import './tailwind-config.js';
 import './axe-BK9JSROP.js';
@@ -806,7 +806,7 @@ __decorateClass([
   r()
 ], LuksoSearch.prototype, "resultsParsed", 2);
 LuksoSearch = __decorateClass([
-  t("lukso-search")
+  safeCustomElement("lukso-search")
 ], LuksoSearch);
 
 export { LuksoSearch as L, STANDARDS as S, SEARCH_RESULT_TYPES as a };

package/dist/index.cjs

@@ -18,12 +18,12 @@ const components_luksoMarkdownEditor_index = require('./components/lukso-markdow
 const components_luksoModal_index = require('./components/lukso-modal/index.cjs');
 const components_luksoNavbar_index = require('./components/lukso-navbar/index.cjs');
 const components_luksoPagination_index = require('./components/lukso-pagination/index.cjs');
-const components_luksoProfile_index = require('./index-DNhzT2hA.cjs');
+const components_luksoProfile_index = require('./index-BYDwEmQd.cjs');
 const components_luksoProgress_index = require('./components/lukso-progress/index.cjs');
 const components_luksoRadio_index = require('./components/lukso-radio/index.cjs');
 const components_luksoRadioGroup_index = require('./components/lukso-radio-group/index.cjs');
-const components_luksoSanitize_index = require('./components/lukso-sanitize/index.cjs');
-const components_luksoSearch_index = require('./index-C1JF-hTl.cjs');
+const components_luksoSanitize_index = require('./index-0s--O024.cjs');
+const components_luksoSearch_index = require('./index-CeucSkmf.cjs');
 const components_luksoSelect_index = require('./components/lukso-select/index.cjs');
 const components_luksoShare_index = require('./components/lukso-share/index.cjs');
 const components_luksoSwitch_index = require('./components/lukso-switch/index.cjs');
@@ -31,9 +31,9 @@ const components_luksoTag_index = require('./components/lukso-tag/index.cjs');
 const components_luksoTerms_index = require('./components/lukso-terms/index.cjs');
 const components_luksoTextarea_index = require('./components/lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./components/lukso-tooltip/index.cjs');
-const components_luksoUsername_index = require('./index-CKjNXRek.cjs');
+const components_luksoUsername_index = require('./index-GXU76s80.cjs');
 const components_luksoWizard_index = require('./components/lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('./index-D4DEFira.cjs');
+const shared_tailwindElement_index = require('./index-BFqOU6o6.cjs');
 const axe = require('./axe-C-H1UVi1.cjs');
 
 
@@ -118,10 +118,12 @@ Object.defineProperty(exports, "LuksoRadioGroup", {
 	enumerable: true,
 	get: () => components_luksoRadioGroup_index.LuksoRadioGroup
 });
+exports.DEFAULT_OPTIONS = components_luksoSanitize_index.DEFAULT_OPTIONS;
 Object.defineProperty(exports, "LuksoSanitize", {
 	enumerable: true,
 	get: () => components_luksoSanitize_index.LuksoSanitize
 });
+exports.NO_HTML_TAGS_OPTIONS = components_luksoSanitize_index.NO_HTML_TAGS_OPTIONS;
 Object.defineProperty(exports, "LuksoSearch", {
 	enumerable: true,
 	get: () => components_luksoSearch_index.LuksoSearch

package/dist/index.js

@@ -14,12 +14,12 @@ export { LuksoMarkdownEditor } from './components/lukso-markdown-editor/index.js
 export { LuksoModal } from './components/lukso-modal/index.js';
 export { LuksoNavbar } from './components/lukso-navbar/index.js';
 export { LuksoPagination } from './components/lukso-pagination/index.js';
-export { L as LuksoProfile } from './index-NKnet_Ow.js';
+export { L as LuksoProfile } from './index-DvdeX3K2.js';
 export { LuksoProgress } from './components/lukso-progress/index.js';
 export { LuksoRadio } from './components/lukso-radio/index.js';
 export { LuksoRadioGroup } from './components/lukso-radio-group/index.js';
-export { LuksoSanitize } from './components/lukso-sanitize/index.js';
-export { L as LuksoSearch, a as SEARCH_RESULT_TYPES, S as STANDARDS } from './index-CDUQ0-Uh.js';
+export { D as DEFAULT_OPTIONS, L as LuksoSanitize, N as NO_HTML_TAGS_OPTIONS } from './index-DZXmXufN.js';
+export { L as LuksoSearch, a as SEARCH_RESULT_TYPES, S as STANDARDS } from './index-bObYWb9Y.js';
 export { LuksoSelect } from './components/lukso-select/index.js';
 export { LuksoShare } from './components/lukso-share/index.js';
 export { LuksoSwitch } from './components/lukso-switch/index.js';
@@ -27,7 +27,7 @@ export { LuksoTag } from './components/lukso-tag/index.js';
 export { LuksoTerms } from './components/lukso-terms/index.js';
 export { LuksoTextarea } from './components/lukso-textarea/index.js';
 export { LuksoTooltip } from './components/lukso-tooltip/index.js';
-export { L as LuksoUsername } from './index-BSwFyDEC.js';
+export { L as LuksoUsername } from './index-CIvb8Rdb.js';
 export { LuksoWizard } from './components/lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from './index-B5CXCi6j.js';
+export { a as TailwindElement, T as TailwindStyledElement } from './index-CQq_Eyeu.js';
 export { c as cn } from './axe-BK9JSROP.js';

package/dist/{property-Da9lvmME.js → safe-custom-element-BODySN1j.js}

@@ -1,11 +1,4 @@
-import { f, u } from './index-B5CXCi6j.js';
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t=t=>(e,o)=>{ void 0!==o?o.addInitializer((()=>{customElements.define(t,e);})):customElements.define(t,e);};
+import { f, u } from './index-CQq_Eyeu.js';
 
 /**
  * @license
@@ -13,4 +6,13 @@ const t=t=>(e,o)=>{ void 0!==o?o.addInitializer((()=>{customElements.define(t,e)
  * SPDX-License-Identifier: BSD-3-Clause
  */const o={attribute:true,type:String,converter:u,reflect:false,hasChanged:f},r=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),"setter"===n&&((t=Object.create(t)).wrapped=true),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t);},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t);}}throw Error("Unsupported decorator location: "+n)};function n(t){return (e,o)=>"object"==typeof o?r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
 
-export { n, t };
+function safeCustomElement(tagName) {
+  return (classOrDescriptor) => {
+    if (typeof customElements !== "undefined" && !customElements.get(tagName)) {
+      customElements.define(tagName, classOrDescriptor);
+    }
+    return classOrDescriptor;
+  };
+}
+
+export { n, safeCustomElement as s };

package/dist/{property-dUn0JQiG.cjs → safe-custom-element-DTADBI4I.cjs}

@@ -1,13 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-D4DEFira.cjs');
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t=t=>(e,o)=>{ void 0!==o?o.addInitializer((()=>{customElements.define(t,e);})):customElements.define(t,e);};
+const shared_tailwindElement_index = require('./index-BFqOU6o6.cjs');
 
 /**
  * @license
@@ -15,5 +8,14 @@ const t=t=>(e,o)=>{ void 0!==o?o.addInitializer((()=>{customElements.define(t,e)
  * SPDX-License-Identifier: BSD-3-Clause
  */const o={attribute:true,type:String,converter:shared_tailwindElement_index.u,reflect:false,hasChanged:shared_tailwindElement_index.f},r=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),"setter"===n&&((t=Object.create(t)).wrapped=true),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t);},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t);}}throw Error("Unsupported decorator location: "+n)};function n(t){return (e,o)=>"object"==typeof o?r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
 
+function safeCustomElement(tagName) {
+  return (classOrDescriptor) => {
+    if (typeof customElements !== "undefined" && !customElements.get(tagName)) {
+      customElements.define(tagName, classOrDescriptor);
+    }
+    return classOrDescriptor;
+  };
+}
+
 exports.n = n;
-exports.t = t;
+exports.safeCustomElement = safeCustomElement;

package/dist/shared/index.d.ts

@@ -1,4 +1,5 @@
 declare const _default: string;
 export default _default;
 export * from './assets';
+export * from './safe-custom-element';
 //# sourceMappingURL=index.d.ts.map

package/dist/shared/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/index.ts"],"names":[],"mappings":";AAAA,wBAEmC;AACnC,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/index.ts"],"names":[],"mappings":";AAAA,wBAEmC;AACnC,cAAc,UAAU,CAAA;AACxB,cAAc,uBAAuB,CAAA"}

package/dist/shared/safe-custom-element.d.ts

@@ -0,0 +1,32 @@
+/**
+ * SSR-safe custom element decorator that prevents duplicate registration errors.
+ *
+ * ## Why this exists
+ *
+ * The standard `@customElement()` decorator from Lit will throw an error if
+ * a component is registered twice. This can happen in SSR environments where:
+ * - Components are dynamically imported via multiple paths
+ * - HMR causes modules to be re-executed during development
+ * - Server and client bundles both try to register components
+ *
+ * This is especially common when a library (e.g., @lukso/transaction-view-core)
+ * imports @lukso/web-components, AND the consuming app ALSO imports
+ * @lukso/web-components directly via dynamic imports.
+ *
+ * ## Usage
+ *
+ * Use this instead of `@customElement()`:
+ * ```ts
+ * import { safeCustomElement } from '@/shared/safe-custom-element'
+ *
+ * @safeCustomElement('lukso-button')
+ * export class LuksoButton extends LitElement {
+ *   // ...
+ * }
+ * ```
+ *
+ * @param tagName - The custom element tag name (must contain a hyphen)
+ * @returns A class decorator that safely registers the element
+ */
+export declare function safeCustomElement(tagName: string): <T extends CustomElementConstructor>(classOrDescriptor: T) => T;
+//# sourceMappingURL=safe-custom-element.d.ts.map

package/dist/shared/safe-custom-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-custom-element.d.ts","sourceRoot":"","sources":["../../../../src/shared/safe-custom-element.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,IACvC,CAAC,SAAS,wBAAwB,EAAE,mBAAmB,CAAC,KAAG,CAAC,CAOrE"}

package/dist/shared/tailwind-element/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const shared_tailwindElement_index = require('../../index-BFqOU6o6.cjs');
 
 
 

package/dist/shared/tailwind-element/index.js

@@ -1 +1 @@
-export { a as TailwindElement, T as TailwindStyledElement } from '../../index-B5CXCi6j.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../../index-CQq_Eyeu.js';

package/dist/state-ClR8ink7.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const safeCustomElement = require('./safe-custom-element-DTADBI4I.cjs');
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function r(r){return safeCustomElement.n({...r,state:true,attribute:false})}
+
+exports.r = r;

package/dist/{state-CtpsBPdH.js → state-n75qAK0V.js}

@@ -1,4 +1,4 @@
-import { n } from './property-Da9lvmME.js';
+import { n } from './safe-custom-element-BODySN1j.js';
 
 /**
  * @license

package/dist/{style-map-CDCcO0mt.js → style-map-BBz25umN.js}

@@ -1,4 +1,4 @@
-import { b as T } from './index-B5CXCi6j.js';
+import { b as T } from './index-CQq_Eyeu.js';
 import { e, i as i$1, t } from './directive-BKuZRRPO.js';
 
 /**

package/dist/{style-map-nBexjTCa.cjs → style-map-DhbNG03r.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-D4DEFira.cjs');
+const shared_tailwindElement_index = require('./index-BFqOU6o6.cjs');
 const directive = require('./directive-DT5Y-Nw0.cjs');
 
 /**

package/dist/tailwind-config.cjs

@@ -1381,6 +1381,69 @@ const grey2 = splitColor(
   8,
   Object.keys(colorPalette.grey).length
 );
+const proseSpacing = {
+  // Paragraphs
+  p: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    lineHeight: "1.5"
+    // slightly tighter
+  },
+  // Horizontal rule
+  hr: { marginTop: "2em", marginBottom: "2em" },
+  // Headings
+  h1: { marginTop: "0.75em", marginBottom: "0.5em", lineHeight: "1.2" },
+  h2: { marginTop: "0.65em", marginBottom: "0.45em", lineHeight: "1.25" },
+  h3: { marginTop: "0.6em", marginBottom: "0.4em", lineHeight: "1.3" },
+  h4: { marginTop: "0.5em", marginBottom: "0.35em", lineHeight: "1.35" },
+  h5: { marginTop: "0.45em", marginBottom: "0.3em", lineHeight: "1.4" },
+  h6: { marginTop: "0.4em", marginBottom: "0.25em", lineHeight: "1.45" },
+  // Lists
+  ul: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    paddingLeft: "1.25em"
+  },
+  ol: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    paddingLeft: "1.25em"
+  },
+  "ul ul, ul ol, ol ul, ol ol": {
+    marginTop: "0.25em",
+    marginBottom: "0.25em"
+  },
+  li: {
+    marginTop: "0.25em",
+    marginBottom: "0.25em"
+  },
+  // Blockquotes
+  blockquote: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    paddingLeft: "1em",
+    borderLeftWidth: "0.25rem",
+    fontStyle: "italic",
+    color: "inherit"
+  },
+  // Links (restore default link look)
+  a: {
+    color: "var(--tw-prose-links)",
+    textDecoration: "underline",
+    fontWeight: "500",
+    "&:hover": {
+      color: "var(--tw-prose-links-hover, var(--tw-prose-links))",
+      textDecoration: "none"
+    }
+  },
+  // Code blocks
+  pre: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    lineHeight: "1.45"
+  }
+};
+const proseVariants = ["sm", "base", "lg", "xl"];
 
 exports.borderRadius = borderRadius;
 exports.boxShadows = boxShadows;
@@ -1394,5 +1457,7 @@ exports.lineHeights = lineHeights;
 exports.neutral1 = neutral1;
 exports.neutral2 = neutral2;
 exports.neutral3 = neutral3;
+exports.proseSpacing = proseSpacing;
+exports.proseVariants = proseVariants;
 exports.scales = scales;
 exports.spacing = spacing;

package/dist/tailwind-config.d.ts

@@ -151,4 +151,89 @@ export declare const neutral2: ColorMap;
 export declare const neutral3: ColorMap;
 export declare const grey1: ColorMap;
 export declare const grey2: ColorMap;
+/**
+ * Prose styles for Tailwind Typography plugin
+ */
+export declare const proseSpacing: {
+    p: {
+        marginTop: string;
+        marginBottom: string;
+        lineHeight: string;
+    };
+    hr: {
+        marginTop: string;
+        marginBottom: string;
+    };
+    h1: {
+        marginTop: string;
+        marginBottom: string;
+        lineHeight: string;
+    };
+    h2: {
+        marginTop: string;
+        marginBottom: string;
+        lineHeight: string;
+    };
+    h3: {
+        marginTop: string;
+        marginBottom: string;
+        lineHeight: string;
+    };
+    h4: {
+        marginTop: string;
+        marginBottom: string;
+        lineHeight: string;
+    };
+    h5: {
+        marginTop: string;
+        marginBottom: string;
+        lineHeight: string;
+    };
+    h6: {
+        marginTop: string;
+        marginBottom: string;
+        lineHeight: string;
+    };
+    ul: {
+        marginTop: string;
+        marginBottom: string;
+        paddingLeft: string;
+    };
+    ol: {
+        marginTop: string;
+        marginBottom: string;
+        paddingLeft: string;
+    };
+    'ul ul, ul ol, ol ul, ol ol': {
+        marginTop: string;
+        marginBottom: string;
+    };
+    li: {
+        marginTop: string;
+        marginBottom: string;
+    };
+    blockquote: {
+        marginTop: string;
+        marginBottom: string;
+        paddingLeft: string;
+        borderLeftWidth: string;
+        fontStyle: string;
+        color: string;
+    };
+    a: {
+        color: string;
+        textDecoration: string;
+        fontWeight: string;
+        '&:hover': {
+            color: string;
+            textDecoration: string;
+        };
+    };
+    pre: {
+        marginTop: string;
+        marginBottom: string;
+        lineHeight: string;
+    };
+};
+export declare const proseVariants: string[];
 //# sourceMappingURL=tailwind-config.d.ts.map

package/dist/tailwind-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-config.d.ts","sourceRoot":"","sources":["../../../../src/shared/tools/tailwind-config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEtB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAkBvB,CAAA;AAED,eAAO,MAAM,MAAM;;CAElB,CAAA;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAA;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCxB,CAAA;AAoBD;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAyC,CAAA;AAC9D,eAAO,MAAM,QAAQ,UAA0C,CAAA;AAC/D,eAAO,MAAM,QAAQ,UAIpB,CAAA;AAED,eAAO,MAAM,KAAK,UAAsC,CAAA;AACxD,eAAO,MAAM,KAAK,UAIjB,CAAA"}
+{"version":3,"file":"tailwind-config.d.ts","sourceRoot":"","sources":["../../../../src/shared/tools/tailwind-config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEtB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;CAkBvB,CAAA;AAED,eAAO,MAAM,MAAM;;CAElB,CAAA;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAA;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCxB,CAAA;AAoBD;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAyC,CAAA;AAC9D,eAAO,MAAM,QAAQ,UAA0C,CAAA;AAC/D,eAAO,MAAM,QAAQ,UAIpB,CAAA;AAED,eAAO,MAAM,KAAK,UAAsC,CAAA;AACxD,eAAO,MAAM,KAAK,UAIjB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkExB,CAAA;AAED,eAAO,MAAM,aAAa,UAA6B,CAAA"}

package/dist/tailwind-config.js

@@ -1377,5 +1377,68 @@ const grey2 = splitColor(
   8,
   Object.keys(colorPalette.grey).length
 );
+const proseSpacing = {
+  // Paragraphs
+  p: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    lineHeight: "1.5"
+    // slightly tighter
+  },
+  // Horizontal rule
+  hr: { marginTop: "2em", marginBottom: "2em" },
+  // Headings
+  h1: { marginTop: "0.75em", marginBottom: "0.5em", lineHeight: "1.2" },
+  h2: { marginTop: "0.65em", marginBottom: "0.45em", lineHeight: "1.25" },
+  h3: { marginTop: "0.6em", marginBottom: "0.4em", lineHeight: "1.3" },
+  h4: { marginTop: "0.5em", marginBottom: "0.35em", lineHeight: "1.35" },
+  h5: { marginTop: "0.45em", marginBottom: "0.3em", lineHeight: "1.4" },
+  h6: { marginTop: "0.4em", marginBottom: "0.25em", lineHeight: "1.45" },
+  // Lists
+  ul: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    paddingLeft: "1.25em"
+  },
+  ol: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    paddingLeft: "1.25em"
+  },
+  "ul ul, ul ol, ol ul, ol ol": {
+    marginTop: "0.25em",
+    marginBottom: "0.25em"
+  },
+  li: {
+    marginTop: "0.25em",
+    marginBottom: "0.25em"
+  },
+  // Blockquotes
+  blockquote: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    paddingLeft: "1em",
+    borderLeftWidth: "0.25rem",
+    fontStyle: "italic",
+    color: "inherit"
+  },
+  // Links (restore default link look)
+  a: {
+    color: "var(--tw-prose-links)",
+    textDecoration: "underline",
+    fontWeight: "500",
+    "&:hover": {
+      color: "var(--tw-prose-links-hover, var(--tw-prose-links))",
+      textDecoration: "none"
+    }
+  },
+  // Code blocks
+  pre: {
+    marginTop: "0.5em",
+    marginBottom: "0.5em",
+    lineHeight: "1.45"
+  }
+};
+const proseVariants = ["sm", "base", "lg", "xl"];
 
-export { borderRadius, boxShadows, colorPalette, fontSizes, fontWeights, grey1, grey2, heights, lineHeights, neutral1, neutral2, neutral3, scales, spacing };
+export { borderRadius, boxShadows, colorPalette, fontSizes, fontWeights, grey1, grey2, heights, lineHeights, neutral1, neutral2, neutral3, proseSpacing, proseVariants, scales, spacing };

package/dist/{unsafe-html-DHNeIs-4.cjs → unsafe-html-Cb1yjpJn.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-D4DEFira.cjs');
+const shared_tailwindElement_index = require('./index-BFqOU6o6.cjs');
 const directive = require('./directive-DT5Y-Nw0.cjs');
 
 /**

package/dist/{unsafe-html-Ci4jmi7b.js → unsafe-html-DTE5r2A7.js}

@@ -1,4 +1,4 @@
-import { E, b as T } from './index-B5CXCi6j.js';
+import { E, b as T } from './index-CQq_Eyeu.js';
 import { i, t, e as e$1 } from './directive-BKuZRRPO.js';
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.161.1",
+  "version": "1.162.0",
   "type": "module",
   "files": [
     "dist",