@sondor-technology/sondor-components 1.0.1-develop.12 → 1.0.1-develop.14

package/dist/components/code-block/code-block.d.ts

@@ -1,10 +1,10 @@
-import { LitElement } from 'lit';
-import 'prismjs/components/prism-typescript.js';
-import 'prismjs/components/prism-javascript.js';
-import 'prismjs/components/prism-css.js';
-import 'prismjs/components/prism-json.js';
-import 'prismjs/components/prism-bash.js';
-import 'prismjs/components/prism-csharp.js';
+import { LitElement } from "lit";
+import "prismjs/components/prism-typescript.js";
+import "prismjs/components/prism-javascript.js";
+import "prismjs/components/prism-css.js";
+import "prismjs/components/prism-json.js";
+import "prismjs/components/prism-bash.js";
+import "prismjs/components/prism-csharp.js";
 export declare class StCodeBlock extends LitElement {
     language: string;
     private _snippets;

package/dist/components/code-block/code-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,wCAAwC,CAAC;AAChD,OAAO,wCAAwC,CAAC;AAChD,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAS5C,qBACa,WAAY,SAAQ,UAAU;IAEb,QAAQ,SAAgB;IAE3C,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,OAAO,CAAS;IAEN,OAAO,CAAC,KAAK,CAAmB;IAE3D,MAAM,CAAC,MAAM,4BAyHX;IAEF,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,OAAO;YAaD,gBAAgB;IAc9B,MAAM,yCAwCL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAM1C,OAAO,wCAAwC,CAAC;AAChD,OAAO,wCAAwC,CAAC;AAChD,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAS5C,qBACa,WAAY,SAAQ,UAAU;IAEf,QAAQ,SAAgB;IAEzC,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,OAAO,CAAS;IAEN,OAAO,CAAC,KAAK,CAAmB;IAE3D,MAAM,CAAC,MAAM,4BA8KX;IAEF,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,OAAO;YAgBD,gBAAgB;IAgB9B,MAAM,yCA+CL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/components/code-block/code-block.js

@@ -4,22 +4,22 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { LitElement, html, css } from 'lit';
-import { customElement, property, state, query } from 'lit/decorators.js';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-import { resetStyles } from '../../styles/reset.js';
-import Prism from 'prismjs';
-import 'prismjs/components/prism-typescript.js';
-import 'prismjs/components/prism-javascript.js';
-import 'prismjs/components/prism-css.js';
-import 'prismjs/components/prism-json.js';
-import 'prismjs/components/prism-bash.js';
-import 'prismjs/components/prism-csharp.js';
+import { LitElement, html, css } from "lit";
+import { customElement, property, state, query } from "lit/decorators.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { resetStyles } from "../../styles/reset.js";
+import Prism from "prismjs";
+import "prismjs/components/prism-typescript.js";
+import "prismjs/components/prism-javascript.js";
+import "prismjs/components/prism-css.js";
+import "prismjs/components/prism-json.js";
+import "prismjs/components/prism-bash.js";
+import "prismjs/components/prism-csharp.js";
 let StCodeBlock = class StCodeBlock extends LitElement {
     constructor() {
         super(...arguments);
         // Fallback language if a template doesn't provide one
-        this.language = 'typescript';
+        this.language = "typescript";
         this._snippets = [];
         this._activeIndex = 0;
         this._copied = false;
@@ -27,12 +27,12 @@ let StCodeBlock = class StCodeBlock extends LitElement {
     _handleSlotChange() {
         const nodes = this._slot.assignedNodes({ flatten: true });
         // Find ALL template tags passed into the slot
-        const templates = nodes.filter(n => n instanceof HTMLTemplateElement);
+        const templates = nodes.filter((n) => n instanceof HTMLTemplateElement);
         if (templates.length > 0) {
             // Map over every template and parse its code and attributes
-            this._snippets = templates.map(template => {
-                const lang = template.getAttribute('data-lang') || this.language;
-                const label = template.getAttribute('data-label') || lang; // Fallback to lang if no label provided
+            this._snippets = templates.map((template) => {
+                const lang = template.getAttribute("data-lang") || this.language;
+                const label = template.getAttribute("data-label") || lang; // Fallback to lang if no label provided
                 const rawCode = this._dedent(template.innerHTML);
                 const grammar = Prism.languages[lang] || Prism.languages.javascript;
                 const highlightedCode = Prism.highlight(rawCode, grammar, lang);
@@ -41,7 +41,7 @@ let StCodeBlock = class StCodeBlock extends LitElement {
         }
         else {
             // Fallback: If no template is used, process raw text just like before
-            const rawText = nodes.map(n => n.textContent).join('');
+            const rawText = nodes.map((n) => n.textContent).join("");
             const rawCode = this._dedent(rawText);
             if (rawCode) {
                 const grammar = Prism.languages[this.language] || Prism.languages.javascript;
@@ -53,16 +53,19 @@ let StCodeBlock = class StCodeBlock extends LitElement {
         this._activeIndex = 0;
     }
     _dedent(text) {
-        const lines = text.split('\n');
+        const lines = text.split("\n");
         const minIndent = lines
-            .filter(line => line.trim().length > 0)
+            .filter((line) => line.trim().length > 0)
             .reduce((min, line) => {
             const indent = line.match(/^\s*/)?.[0].length || 0;
             return Math.min(min, indent);
         }, Infinity);
         if (minIndent === Infinity || minIndent === 0)
             return text.trim();
-        return lines.map(line => line.slice(minIndent)).join('\n').trim();
+        return lines
+            .map((line) => line.slice(minIndent))
+            .join("\n")
+            .trim();
     }
     async _copyToClipboard() {
         // Copy the code from the currently active tab
@@ -72,10 +75,12 @@ let StCodeBlock = class StCodeBlock extends LitElement {
         try {
             await navigator.clipboard.writeText(activeSnippet.rawCode);
             this._copied = true;
-            setTimeout(() => { this._copied = false; }, 2000);
+            setTimeout(() => {
+                this._copied = false;
+            }, 2000);
         }
         catch (err) {
-            console.error('Failed to copy text: ', err);
+            console.error("Failed to copy text: ", err);
         }
     }
     render() {
@@ -86,31 +91,36 @@ let StCodeBlock = class StCodeBlock extends LitElement {
             ? html `
               <div class="tabs">
                 ${this._snippets.map((snippet, index) => html `
-                  <button 
-                    class="tab ${index === this._activeIndex ? 'active' : ''}" 
-                    @click=${() => this._activeIndex = index}
-                  >
-                    ${snippet.label}
-                  </button>
-                `)}
+                    <button
+                      class="tab ${index === this._activeIndex ? "active" : ""}"
+                      @click=${() => (this._activeIndex = index)}
+                    >
+                      ${snippet.label}
+                    </button>
+                  `)}
               </div>
             `
-            : html `
-              <span class="language-label">${activeSnippet?.label || this.language}</span>
-            `}
-        
-        <button class="copy-button ${this._copied ? 'copied' : ''}" @click=${this._copyToClipboard}>
+            : html ` <span class="language-label">${activeSnippet?.label || this.language}</span> `}
+
+        <button class="copy-button ${this._copied ? "copied" : ""}" @click=${this._copyToClipboard}>
           ${this._copied
-            ? html `<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg> Copied!`
-            : html `<svg viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg> Copy`}
+            ? html `<svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"></polyline></svg>
+                Copied!`
+            : html `<svg viewBox="0 0 24 24">
+                  <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                  <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+                </svg>
+                Copy`}
         </button>
       </div>
-      
+
       <!-- Render the currently active snippet -->
-      ${activeSnippet ? html `
-        <pre><code class="language-${activeSnippet.lang}">${unsafeHTML(activeSnippet.highlightedCode)}</code></pre>
-      ` : ''}
-      
+      ${activeSnippet
+            ? html `
+            <pre><code class="language-${activeSnippet.lang}">${unsafeHTML(activeSnippet.highlightedCode)}</code></pre>
+          `
+            : ""}
+
       <div class="raw-content">
         <slot name="raw" @slotchange=${this._handleSlotChange}></slot>
       </div>
@@ -124,7 +134,8 @@ StCodeBlock.styles = [
         display: block;
         margin: var(--st-spacing-md) 0;
         border-radius: 8px;
-        background-color: var(--st-color-surface);
+        /* 1. Lock background to a deep dark surface */
+        background-color: #161b22;
         border: 1px solid var(--st-color-border);
         overflow: hidden;
       }
@@ -133,8 +144,9 @@ StCodeBlock.styles = [
         display: flex;
         justify-content: space-between;
         align-items: center;
-        background-color: rgba(0, 0, 0, 0.2);
-        border-bottom: 1px solid var(--st-color-border);
+        /* 2. Lock header to a slightly darker shade */
+        background-color: #0d1117;
+        border-bottom: 1px solid #30363d;
         padding: 0 var(--st-spacing-md);
         min-height: 2.5rem; /* 40px */
       }
@@ -142,7 +154,7 @@ StCodeBlock.styles = [
       /* Single language label */
       .language-label {
         font-size: var(--st-font-size-xs);
-        color: var(--st-color-text-muted);
+        color: #8b949e;
         text-transform: uppercase;
         letter-spacing: 0.05em;
         font-weight: var(--st-font-weight-bold);
@@ -159,7 +171,7 @@ StCodeBlock.styles = [
         background: transparent;
         border: none;
         border-bottom: 2px solid transparent;
-        color: var(--st-color-text-muted);
+        color: #8b949e;
         font-size: var(--st-font-size-xs);
         font-weight: var(--st-font-weight-medium);
         padding: var(--st-spacing-xs) 0;
@@ -168,19 +180,20 @@ StCodeBlock.styles = [
       }
 
       .tab:hover {
-        color: var(--st-color-text);
+        color: #c9d1d9;
       }
 
       .tab.active {
-        color: var(--st-color-primary);
-        border-bottom-color: var(--st-color-primary);
+        /* 3. Hardcode the active tab to a high-contrast blue instead of dynamic primary */
+        color: #79c0ff;
+        border-bottom-color: #79c0ff;
       }
 
       /* Copy Button */
       .copy-button {
         background: transparent;
         border: 1px solid transparent;
-        color: var(--st-color-text-muted);
+        color: #8b949e;
         cursor: pointer;
         display: flex;
         align-items: center;
@@ -193,8 +206,8 @@ StCodeBlock.styles = [
       }
 
       .copy-button:hover {
-        color: var(--st-color-text);
-        background-color: rgba(255, 255, 255, 0.05);
+        color: #c9d1d9;
+        background-color: rgba(255, 255, 255, 0.1);
       }
 
       .copy-button svg {
@@ -208,17 +221,20 @@ StCodeBlock.styles = [
       }
 
       .copy-button.copied {
-        color: var(--st-color-success);
+        color: #3fb950; /* High-contrast success green */
       }
 
       pre {
         margin: 0;
         padding: var(--st-spacing-md);
         overflow-x: auto;
-        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+        font-family:
+          ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
+          monospace;
         font-size: 0.875rem;
         line-height: 1.5;
-        color: var(--st-color-text);
+        /* 4. Ensure default text stays light */
+        color: #c9d1d9;
       }
 
       .raw-content {
@@ -228,16 +244,63 @@ StCodeBlock.styles = [
       /* ==========================================================
          Prism.js Theme Mapping (Space Grey / Purple Aesthetic)
          ========================================================== */
-      .token.comment, .token.prolog, .token.doctype, .token.cdata { color: var(--st-color-text-muted); font-style: italic; }
-      .token.punctuation { color: #8b949e; }
-      .token.namespace { opacity: .7; }
-      .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #79c0ff; }
-      .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #a5d6ff; }
-      .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: var(--st-color-text); }
-      .token.atrule, .token.attr-value, .token.keyword { color: var(--st-color-primary); }
-      .token.function, .token.class-name { color: #d2a8ff; }
-      .token.regex, .token.important, .token.variable { color: #ffa657; }
-    `
+      .token.comment,
+      .token.prolog,
+      .token.doctype,
+      .token.cdata {
+        color: #8b949e;
+        font-style: italic;
+      }
+      .token.punctuation {
+        color: #8b949e;
+      }
+      .token.namespace {
+        opacity: 0.7;
+      }
+      .token.property,
+      .token.tag,
+      .token.boolean,
+      .token.number,
+      .token.constant,
+      .token.symbol,
+      .token.deleted {
+        color: #79c0ff;
+      }
+      .token.selector,
+      .token.attr-name,
+      .token.string,
+      .token.char,
+      .token.builtin,
+      .token.inserted {
+        color: #a5d6ff;
+      }
+
+      /* Replaced var(--st-color-text) with #c9d1d9 */
+      .token.operator,
+      .token.entity,
+      .token.url,
+      .language-css .token.string,
+      .style .token.string {
+        color: #c9d1d9;
+      }
+
+      /* Replaced var(--st-color-primary) with #ff7b72 (High-contrast pink/red for keywords) */
+      .token.atrule,
+      .token.attr-value,
+      .token.keyword {
+        color: #ff7b72;
+      }
+
+      .token.function,
+      .token.class-name {
+        color: #d2a8ff;
+      }
+      .token.regex,
+      .token.important,
+      .token.variable {
+        color: #ffa657;
+      }
+    `,
 ];
 __decorate([
     property({ type: String })
@@ -255,6 +318,7 @@ __decorate([
     query('slot[name="raw"]')
 ], StCodeBlock.prototype, "_slot", void 0);
 StCodeBlock = __decorate([
-    customElement('st-code-block')
+    customElement("st-code-block")
 ], StCodeBlock);
 export { StCodeBlock };
+//# sourceMappingURL=code-block.js.map

package/dist/components/code-block/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../../src/components/code-block/code-block.ts"],"names":[],"mappings":"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"}

package/dist/components/content-card/content-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-card.d.ts","sourceRoot":"","sources":["../../../src/components/content-card/content-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,aAAc,SAAQ,UAAU;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,OAAO,CAAW;IAEjE,MAAM,CAAC,MAAM,4BA8FX;IAEF,MAAM,yCAoBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"content-card.d.ts","sourceRoot":"","sources":["../../../src/components/content-card/content-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,qBACa,aAAc,SAAQ,UAAU;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,OAAO,CAAW;IAEjE,MAAM,CAAC,MAAM,4BAuFX;IAEF,MAAM,yCAqBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/content-card/content-card.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { resetStyles } from '../../styles/reset.js';
 let StContentCard = class StContentCard extends LitElement {
     constructor() {
@@ -13,7 +14,6 @@ let StContentCard = class StContentCard extends LitElement {
         this.target = '_self';
     }
     render() {
-        // 1. Define the inner content once to avoid duplication
         const innerContent = html `
       <div class="media">
         <slot name="media"></slot>
@@ -27,9 +27,10 @@ let StContentCard = class StContentCard extends LitElement {
         </div>
       </div>
     `;
-        // 2. Conditionally wrap it in an anchor or a div
+        // 🚀 THE FIX: Conditionally apply security rel if opening in a new tab
+        const secureRel = this.target === '_blank' ? 'noopener noreferrer' : undefined;
         return this.href
-            ? html `<a href="${this.href}" target="${this.target}" class="card">${innerContent}</a>`
+            ? html `<a href="${this.href}" target="${this.target}" rel="${ifDefined(secureRel)}" class="card">${innerContent}</a>`
             : html `<div class="card">${innerContent}</div>`;
     }
 };
@@ -38,7 +39,6 @@ StContentCard.styles = [
     css `
       :host {
         display: block;
-        /* Ensures cards stretch to equal heights if placed in a flex/grid container */
         height: 100%; 
       }
 
@@ -52,8 +52,6 @@ StContentCard.styles = [
         overflow: hidden;
         text-decoration: none;
         color: inherit;
-        
-        /* Smooth transitions for the hover effects */
         transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
       }
 
@@ -69,13 +67,11 @@ StContentCard.styles = [
         outline: none;
         border-color: var(--st-color-primary);
         transform: translateY(-2px);
-        /* Subtle shadow to lift the card off the background */
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); 
-      }
-
-      /* Dark mode specific shadow adjustment */
-      :host-context([data-theme="dark"]) a.card:hover {
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+        /* 
+          Safari fix: WebKit ignores :host-context. 
+          Set --st-card-shadow-hover in your global dark mode CSS instead! 
+        */
+        box-shadow: var(--st-card-shadow-hover, 0 4px 12px rgba(0, 0, 0, 0.05)); 
       }
 
       /* ==========================================================
@@ -91,14 +87,12 @@ StContentCard.styles = [
         overflow: hidden;
       }
 
-      /* Image formatting */
       ::slotted(img[slot="media"]) {
         width: 100%;
         height: 100%;
         object-fit: cover;
       }
 
-      /* SVG formatting (for the icons we just created) */
       ::slotted(svg[slot="media"]) {
         width: 3rem;
         height: 3rem;
@@ -138,3 +132,4 @@ StContentCard = __decorate([
     customElement('st-content-card')
 ], StContentCard);
 export { StContentCard };
+//# sourceMappingURL=content-card.js.map

package/dist/components/content-card/content-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-card.js","sourceRoot":"","sources":["../../../src/components/content-card/content-card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG7C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAEuB,WAAM,GAAuB,OAAO,CAAC;IAiHnE,CAAC;IAtBC,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAA;;;;;;;;;;;;KAYxB,CAAC;QAEF,uEAAuE;QACvE,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC;QAE/E,OAAO,IAAI,CAAC,IAAI;YACd,CAAC,CAAC,IAAI,CAAA,YAAY,IAAI,CAAC,IAAI,aAAa,IAAI,CAAC,MAAM,UAAU,SAAS,CAAC,SAAS,CAAC,kBAAkB,YAAY,MAAM;YACrH,CAAC,CAAC,IAAI,CAAA,qBAAqB,YAAY,QAAQ,CAAC;IACpD,CAAC;CACF,CAAA;AA/GQ,oBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoFF;CACF,AAvFY,CAuFX;AA1F0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAe;AACd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAsC;AAFtD,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAmHzB"}

package/dist/components/divider/divider.constants.d.ts

@@ -0,0 +1,5 @@
+export declare const dividerDirections: readonly ['horizontal', 'vertical'];
+export type DividerDirection = typeof dividerDirections[number];
+export declare const dividerColors: readonly ['default', 'primary', 'border'];
+export type DividerColor = typeof dividerColors[number];
+//# sourceMappingURL=divider.constants.d.ts.map

package/dist/components/divider/divider.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.constants.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,YAAI,YAAY,EAAE,UAAU,CAAU,CAAC;AACrE,MAAM,MAAM,gBAAgB,GAAG,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,aAAa,YAAI,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAC;AACvE,MAAM,MAAM,YAAY,GAAG,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC"}

package/dist/components/divider/divider.constants.js

@@ -0,0 +1,3 @@
+export const dividerDirections = ['horizontal', 'vertical'];
+export const dividerColors = ['default', 'primary', 'border'];
+//# sourceMappingURL=divider.constants.js.map

package/dist/components/divider/divider.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.constants.js","sourceRoot":"","sources":["../../../src/components/divider/divider.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU,CAAC;AAGrE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAC"}

package/dist/components/divider/divider.d.ts

@@ -1,10 +1,12 @@
 import { LitElement } from 'lit';
+import { DividerColor, DividerDirection } from './divider.constants.js';
 export declare class StDivider extends LitElement {
-    direction: 'horizontal' | 'vertical';
+    direction: DividerDirection;
     thickness: string;
     margin: string;
-    color: 'default' | 'primary' | 'border';
+    color: DividerColor;
     static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
     updated(changedProperties: Map<string, any>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,SAAU,SAAQ,UAAU;IACI,SAAS,EAAE,YAAY,GAAG,UAAU,CAAgB;IACnE,SAAS,SAAS;IAClB,MAAM,SAAO;IACE,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAY;IAE9F,MAAM,CAAC,MAAM,4BAgCX;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,QAM1C;IAED,MAAM,yCAQL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAExE,qBACa,SAAU,SAAQ,UAAU;IACI,SAAS,EAAE,gBAAgB,CAAgB;IAC1D,SAAS,SAAS;IAClB,MAAM,SAAO;IACE,KAAK,EAAE,YAAY,CAAY;IAE1E,MAAM,CAAC,MAAM,4BAgCX;IAEF,iBAAiB,SAMhB;IAED,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,QAa1C;IAED,MAAM,yCAGL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/divider/divider.js

@@ -15,20 +15,28 @@ let StDivider = class StDivider extends LitElement {
         this.margin = '0';
         this.color = 'border';
     }
+    connectedCallback() {
+        super.connectedCallback();
+        // Semantic role belongs on the host element
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'separator');
+        }
+    }
     updated(changedProperties) {
         super.updated(changedProperties);
         // Sync properties to CSS variables for dynamic adjustment
-        this.style.setProperty('--divider-thickness', this.thickness);
-        this.style.setProperty('--divider-margin', this.margin);
+        if (changedProperties.has('thickness') || changedProperties.has('margin')) {
+            this.style.setProperty('--divider-thickness', this.thickness);
+            this.style.setProperty('--divider-margin', this.margin);
+        }
+        // Keep native ARIA attributes perfectly synced with our Lit properties
+        if (changedProperties.has('direction')) {
+            this.setAttribute('aria-orientation', this.direction);
+        }
     }
     render() {
-        // Accessibility: Set role and aria-orientation
-        return html `
-      <div 
-        role="separator" 
-        aria-orientation="${this.direction === 'horizontal' ? 'horizontal' : 'vertical'}"
-      ></div>
-    `;
+        // The host element itself is the structural divider. No inner DOM bloat needed.
+        return html ``;
     }
 };
 StDivider.styles = [
@@ -80,3 +88,4 @@ StDivider = __decorate([
     customElement('st-divider')
 ], StDivider);
 export { StDivider };
+//# sourceMappingURL=divider.js.map

package/dist/components/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAI7C,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QACsC,cAAS,GAAqB,YAAY,CAAC;QAC1D,cAAS,GAAG,KAAK,CAAC;QAClB,WAAM,GAAG,GAAG,CAAC;QACE,UAAK,GAAiB,QAAQ,CAAC;IA+D5E,CAAC;IA3BC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,4CAA4C;QAC5C,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,OAAO,CAAC,iBAAmC;QACzC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,0DAA0D;QAC1D,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1E,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1D,CAAC;QAED,uEAAuE;QACvE,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,gFAAgF;QAChF,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;CACF,CAAA;AA7DQ,gBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BF;CACF,AAhCY,CAgCX;AArCyC;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAA4C;AAC1D;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAmB;AAClB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAc;AACE;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAgC;AAJ/D,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAmErB"}

package/dist/components/drawer/drawer.d.ts

@@ -1,5 +1,5 @@
-import { LitElement, nothing } from 'lit';
-export type DrawerPlacement = 'left' | 'right';
+import { LitElement } from "lit";
+export type DrawerPlacement = "left" | "right";
 export declare class StDrawer extends LitElement {
     open: boolean;
     placement: DrawerPlacement;
@@ -8,15 +8,18 @@ export declare class StDrawer extends LitElement {
     private _currentTranslateX;
     private _isDragging;
     static styles: import("lit").CSSResult[];
+    updated(changedProperties: Map<string, any>): void;
+    disconnectedCallback(): void;
+    private _handleKeyDown;
     private _close;
     private _handleTouchStart;
     private _handleTouchMove;
     private _handleTouchEnd;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'st-drawer': StDrawer;
+        "st-drawer": StDrawer;
     }
 }
 //# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAIrD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,qBACa,QAAS,SAAQ,UAAU;IACM,IAAI,UAAS;IACd,SAAS,EAAE,eAAe,CAAU;IACT,UAAU,UAAS;IAEzF,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,kBAAkB,CAAK;IAC/B,OAAO,CAAC,WAAW,CAAS;IAE5B,MAAM,CAAC,MAAM,4BAsHX;IAEF,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,eAAe;IAkBvB,MAAM,0DAyBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,qBACa,QAAS,SAAQ,UAAU;IACI,IAAI,UAAS;IACd,SAAS,EAAE,eAAe,CAAU;IACT,UAAU,UAAS;IAEvF,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,kBAAkB,CAAK;IAC/B,OAAO,CAAC,WAAW,CAAS;IAE5B,MAAM,CAAC,MAAM,4BAsIX;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,QAa1C;IAED,oBAAoB,SAKnB;IAED,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,eAAe;IAmBvB,MAAM,yCAyBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}