le-kit 0.4.0 → 0.5.0

package/dist/components/le-tab-panel.js

@@ -89,11 +89,11 @@ const LeTabPanel$1 = /*@__PURE__*/ proxyCustomElement(class LeTabPanel extends H
     }
     render() {
         const shouldRender = this.shouldRenderContent();
-        return (h("le-component", { key: '7bd53e4c03fa27d38af46341efaae3caa81f4c47', component: "le-tab-panel" }, h("div", { key: '78ccf5767b8b8c17ab4fbbe27133877c9381f3c3', class: {
+        return (h("le-component", { key: '1315534f32fe8cc7f2ff1c0ec0457d30514064d4', component: "le-tab-panel" }, h("div", { key: '7544225e28b3be3e09269a669676515dc4ad097c', class: {
                 'tab-panel': true,
                 'active': this.active,
                 'lazy-hidden': this.lazy && !this.active,
-            }, role: "tabpanel", "aria-hidden": !this.active ? 'true' : undefined, tabIndex: this.active ? 0 : -1 }, h("le-slot", { key: '8cfa03227fe15b93baba9bf98f86009a19a54643', name: "", description: "Tab panel content", type: "slot" }, shouldRender && h("slot", { key: 'f7471b33893cb11f47400642d01031c973a160f8' })))));
+            }, role: "tabpanel", "aria-hidden": !this.active ? 'true' : undefined, tabIndex: this.active ? 0 : -1 }, h("le-slot", { key: 'a686c87a4e5a62a6befb425141bd96b59273ec6b', name: "", description: "Tab panel content", type: "slot" }, shouldRender && h("slot", { key: '76bd67392762a5ddbf8124c5596c6cb37ecf44fa' })))));
     }
     static get watchers() { return {
         "active": ["activeChanged"]

package/dist/components/le-tab2.js

@@ -132,7 +132,7 @@ const LeTab = /*@__PURE__*/ proxyCustomElement(class LeTab extends HTMLElement {
         const attrs = this.href
             ? { href: this.href, target: this.target, role: 'button' }
             : { disabled: this.disabled };
-        return (h(Host, { key: '445ba2e3c0ccfdb9f4a1930f249279710ce50ccb' }, h("le-component", { key: '2ad92c02000e552743c69fc93604a046dcc5650e', component: "le-tab" }, h(TagType, { key: '5c88dbe7d8add672aa68bd84cfb828647ee17235', class: classnames('le-tab-container', `le-tab-align-${this.align}`, classes), part: "button", ...attrs, onClick: this.handleClick, tabIndex: this.focusable ? 0 : -1 }, this.icon !== undefined ? (h("div", { class: "icon-only" }, h("div", { class: "icon" }, this.icon), this.showLabel && h("span", { class: "icon-label" }, this.label))) : (h(Fragment, null, h("span", { class: "le-tab-label" }, this.iconStart && (h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), h("le-slot", { name: "", description: "Tab text", type: "text", class: "content", part: "content" }, h("slot", null, this.label))), this.iconEnd && (h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd))))))));
+        return (h(Host, { key: 'a539044017f98ddaa7636df1457b669f56c19d94' }, h("le-component", { key: 'b6df3e0738be09d00f3cd802b3cd06af4402e746', component: "le-tab" }, h(TagType, { key: 'a37f2d404da74b5b0d99bbb0b9ff57121903ee2d', class: classnames('le-tab-container', `le-tab-align-${this.align}`, classes), part: "button", ...attrs, onClick: this.handleClick, tabIndex: this.focusable ? 0 : -1 }, this.icon !== undefined ? (h("div", { class: "icon-only" }, h("div", { class: "icon" }, this.icon), this.showLabel && h("span", { class: "icon-label" }, this.label))) : (h(Fragment, null, h("span", { class: "le-tab-label" }, this.iconStart && (h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), h("le-slot", { name: "", description: "Tab text", type: "text", class: "content", part: "content" }, h("slot", null, this.label))), this.iconEnd && (h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd))))))));
     }
     static get style() { return leTabCss(); }
 }, [769, "le-tab", {

package/dist/components/le-tabs.js

@@ -279,7 +279,7 @@ const LeTabs$1 = /*@__PURE__*/ proxyCustomElement(class LeTabs extends HTMLEleme
             : this.position === 'start'
                 ? 'top'
                 : 'bottom';
-        return (h("le-component", { key: '564debce4ffeb0124883647ec953982d450d73f9', component: "le-tabs", hostClass: classnames(classes) }, h("div", { key: '99dadc1e28db67dad1e6f4e9fdb817a2ed3fc26a', class: classes }, h("div", { key: '2138321100dccf61fe39bc3717920f832a6b4175', class: {
+        return (h("le-component", { key: '9a92363db43231088e476bca66dbbf47f26ebf34', component: "le-tabs", hostClass: classnames(classes) }, h("div", { key: '3c14f3367e2b281090721e5521bfa8a3b53f5b97', class: classes }, h("div", { key: 'cd4aad46f9a8e1ec5760f9388a0c4149556bfb06', class: {
                 'tablist': true,
                 'wrap-tabs': this.wrap,
                 [`overflow-${this.overflow}`]: true,
@@ -288,7 +288,7 @@ const LeTabs$1 = /*@__PURE__*/ proxyCustomElement(class LeTabs extends HTMLEleme
             const tabId = `tab-${config.value}`;
             const panelId = `panel-${config.value}`;
             return (h("le-tab", { key: config.value, id: tabId, class: "tab", mode: "default", variant: this.variant, selected: isSelected, disabled: config.disabled, size: this.size, position: tabPosition, align: this.orientation === 'vertical' ? 'start' : 'center', role: "tab", part: isSelected ? 'tab tab-active' : 'tab', "aria-selected": isSelected ? 'true' : 'false', "aria-controls": panelId, "aria-disabled": config.disabled ? 'true' : undefined, focusable: false, onClick: () => this.handleTabClick(config), iconStart: config.iconStart, iconEnd: config.iconEnd }, h("span", { class: "tab-label" }, config.label)));
-        })), h("div", { key: 'b7c1fb07a0828e390e7b4be43e5ce294ee18f7e1', class: "panels", part: "panels" }, isDeclarativeMode ? (
+        })), h("div", { key: '0b34e9ab8ce8f0e31ad9392bc3a6a60c92a0aa00', class: "panels", part: "panels" }, isDeclarativeMode ? (
         // Declarative mode - render slot for le-tab-panel children
         h("le-slot", { name: "", description: "Tab panels", type: "slot", allowedComponents: "le-tab-panel" }, h("slot", null))) : (
         // Programmatic mode - render named slots

package/dist/components/le-tag2.js

@@ -64,7 +64,7 @@ const LeTag = /*@__PURE__*/ proxyCustomElement(class LeTag extends HTMLElement {
         return h("span", { class: "tag-icon" }, this.icon);
     }
     render() {
-        return (h("le-component", { key: 'f3868492b1441f51d1b541873c9a664b735be63c', component: "le-tag" }, h("span", { key: 'f6a5dfd08aaebc1f184f5eaa953bc3c894816f4e', class: "tag" }, this.renderIcon(), h("span", { key: 'a260e1b25efa64014ee83c20639b258de1cc199d', class: "tag-label" }, h("le-slot", { key: 'ce00c5f6d7d50918a7f7f95231f5d11c91088bdc', name: "", tag: "span", type: "text" }, h("slot", { key: '0abb3f3f3263ff7d19f549015eda351a61c38f69' }, this.label))), this.dismissible && (h("button", { key: 'a9d05f7197bbd8520131f0695a782f49e6ca389e', type: "button", class: "tag-dismiss", onClick: this.handleDismiss, disabled: this.disabled, "aria-label": "Remove" }, h("svg", { key: '8bee150f71783b67799c8d7b5fe6d84bfa9f03d6', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '4188837fca4364c1051170f6012acc1db6fda003', d: "M4 4l8 8M12 4l-8 8" })))))));
+        return (h("le-component", { key: '8c76ae38877bbb3ba35588adadee0cf61b76ffed', component: "le-tag" }, h("span", { key: 'a2dd1709505e58baada6fb9b40312e207435e8a6', class: "tag" }, this.renderIcon(), h("span", { key: '99bac5f6df170af17de5550b9f0489538e9760bc', class: "tag-label" }, h("le-slot", { key: '41740e400b168986980e8ff93187af9828cca5f9', name: "", tag: "span", type: "text" }, h("slot", { key: 'd823f3dc74c1e49b89fe5fff2df9d7e244d7d591' }, this.label))), this.dismissible && (h("button", { key: '96a058e3cab2d7fb091e1e6ec77404f8cf80358c', type: "button", class: "tag-dismiss", onClick: this.handleDismiss, disabled: this.disabled, "aria-label": "Remove" }, h("svg", { key: 'bfbb3f7c73aef6f06f5c45e98d4047d2aa629f2c', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '16a68b9458ccd806415d5ef8bda7fa1513cdf46d', d: "M4 4l8 8M12 4l-8 8" })))))));
     }
     static get style() { return leTagCss(); }
 }, [769, "le-tag", {

package/dist/components/le-turntable.js

@@ -129,7 +129,7 @@ const LeTurntable$1 = /*@__PURE__*/ proxyCustomElement(class LeTurntable extends
         this.el.style.transform = `rotate(${angle}deg)`;
     }
     render() {
-        return (h("div", { key: '3ca6c5b813ca0a392b4e43e2761217d92639265b', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, h("slot", { key: '914a6e52e82ff7e245010e54dbadcf92011a1b89' })));
+        return (h("div", { key: '50d1e3a01db9e77a3c391e04af74b70f39c23f8f', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, h("slot", { key: 'a4c5d3cc2a99edf860ff7aa5318fa76443cdd2fd' })));
     }
     static get watchers() { return {
         "value": ["updateValue"]

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-01-14T14:04:52",
+  "timestamp": "2026-01-15T09:19:50",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.39.0",
@@ -2218,6 +2218,439 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/le-code-input/le-code-input.tsx",
+      "encapsulation": "shadow",
+      "tag": "le-code-input",
+      "readme": "# le-code-input\n\n\n",
+      "docs": "A one-time code input component with individual frames for each character.\nSupports standard copy/paste and range selection behaviors.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "description - Additional description text displayed below the input"
+        },
+        {
+          "name": "cssprop",
+          "text": "--le-code-box-size - Size of each character box (default: 40px width, 48px height)"
+        },
+        {
+          "name": "cssprop",
+          "text": "--le-input-bg - Input background color"
+        },
+        {
+          "name": "cssprop",
+          "text": "--le-input-color - Input text color"
+        },
+        {
+          "name": "cssprop",
+          "text": "--le-input-border - Input border style"
+        },
+        {
+          "name": "cssprop",
+          "text": "--le-input-border-focus - Input border style when focused"
+        },
+        {
+          "name": "cssprop",
+          "text": "--le-input-border-error - Input border style when invalid"
+        },
+        {
+          "name": "cssprop",
+          "text": "--le-input-radius - Input border radius"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Description text displayed below the input\nin case there is a more complex markup,\nit can be provided via slot as well",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "Whether the input is disabled",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "error",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error",
+          "reflectToAttr": false,
+          "docs": "Internal validation state (can be set externally manually or via simple check)",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "externalId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "external-id",
+          "reflectToAttr": false,
+          "docs": "External ID for linking with external systems",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Label for the input",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "length",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "length",
+          "reflectToAttr": false,
+          "docs": "Length of the code (number of characters)",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "6"
+            }
+          ],
+          "default": "6",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "The name of the input",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "readonly",
+          "reflectToAttr": false,
+          "docs": "Whether the input is read-only",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "type",
+          "type": "\"number\" | \"text\"",
+          "complexType": {
+            "original": "'text' | 'number'",
+            "resolved": "\"number\" | \"text\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "The type of code (numeric or alphanumeric)\nThis affects the keyboard layout on mobile devices.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'text'"
+            }
+          ],
+          "default": "'text'",
+          "values": [
+            {
+              "value": "number",
+              "type": "string"
+            },
+            {
+              "value": "text",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": true,
+          "docs": "The value of the input",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "leBlur",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the input is blurred",
+          "docsTags": []
+        },
+        {
+          "event": "leChange",
+          "detail": "{ value: string; name: string; externalId: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ value: string; name: string; externalId: string }",
+            "resolved": "{ value: string; name: string; externalId: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the value changes (on blur or Enter)",
+          "docsTags": []
+        },
+        {
+          "event": "leFocus",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the input is focused",
+          "docsTags": []
+        },
+        {
+          "event": "leInput",
+          "detail": "{ value: string; name: string; externalId: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ value: string; name: string; externalId: string }",
+            "resolved": "{ value: string; name: string; externalId: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the input value changes (on keystroke)",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "description",
+          "docs": "Additional description text displayed below the input"
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "le-component",
+        "le-slot"
+      ],
+      "dependencyGraph": {
+        "le-code-input": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-component": [
+          "le-button",
+          "le-select",
+          "le-checkbox",
+          "le-string-input",
+          "le-popover",
+          "le-popup"
+        ],
+        "le-button": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-slot": [
+          "le-popover",
+          "le-button",
+          "le-string-input"
+        ],
+        "le-string-input": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-select": [
+          "le-component",
+          "le-dropdown-base",
+          "le-button",
+          "le-string-input"
+        ],
+        "le-dropdown-base": [
+          "le-popover"
+        ],
+        "le-checkbox": [
+          "le-component",
+          "le-slot"
+        ],
+        "le-popup": [
+          "le-slot",
+          "le-button",
+          "le-component"
+        ]
+      }
+    },
     {
       "filePath": "src/components/le-collapse/le-collapse.tsx",
       "encapsulation": "shadow",
@@ -3162,6 +3595,7 @@
         "le-button",
         "le-card",
         "le-checkbox",
+        "le-code-input",
         "le-collapse",
         "le-combobox",
         "le-header",
@@ -3226,6 +3660,9 @@
         "le-card": [
           "le-component"
         ],
+        "le-code-input": [
+          "le-component"
+        ],
         "le-collapse": [
           "le-component"
         ],
@@ -9991,6 +10428,7 @@
         "le-button",
         "le-card",
         "le-checkbox",
+        "le-code-input",
         "le-header",
         "le-number-input",
         "le-popup",
@@ -10048,6 +10486,9 @@
         "le-card": [
           "le-slot"
         ],
+        "le-code-input": [
+          "le-slot"
+        ],
         "le-header": [
           "le-slot"
         ],