@sekiui/elements 0.0.72 → 0.0.78

package/dist/collection/components/command/seki-command-list.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/command/seki-command-list.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiCommandList {
     render() {
-        return (h(Host, { key: '4e05a9487665f35855ee5f3f576925252ef42c16' }, h("div", { key: '314aeb9a206aeb4adda2bf133bdaffa252b58234', part: "list", role: "listbox", class: "command-list" }, h("slot", { key: '9c753efc4a2f3aa2a545907014c58b0ec1f17e5d' }))));
+        return (h(Host, { key: '1c4cbfc9a3529056fc6562d32544a05d10dd0a74' }, h("div", { key: '548881c3455f87b1ec550a093974fc777d77c67f', part: "list", role: "listbox", class: "command-list" }, h("slot", { key: 'e1c24b6435f09ff2670f93fee9068d8985d98c20' }))));
     }
     static get is() { return "seki-command-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/command/seki-command-separator.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/command/seki-command-separator.js

@@ -6,7 +6,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiCommandSeparator {
     render() {
-        return (h(Host, { key: 'ad586a70b9519eff2affcc4146d315fdd1ccf9a1' }, h("div", { key: 'd4aa77d1ce2297868a7d993f33e58830ddce2341', part: "separator", role: "separator", class: "command-separator" })));
+        return (h(Host, { key: '27f1b71235f92088bc2c55578f718540c849fcf7' }, h("div", { key: 'bca4f35f42eb8ef6ec0223d7fc5570156c2a5cdb', part: "separator", role: "separator", class: "command-separator" })));
     }
     static get is() { return "seki-command-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/command/seki-command.css

@@ -377,6 +377,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/command/seki-command.js

@@ -172,7 +172,7 @@ export class SekiCommand {
         this.el._commandContext = this.getContext();
     }
     render() {
-        return (h(Host, { key: 'cd231694e6a454580035b5a524de9a3a78f3d8c4' }, h("div", { key: 'ff079bb613cc470d41f94d6ac1ccab70aa9bd7ca', part: "command", class: "command" }, h("slot", { key: 'edd144ac7a1ccb2798b6c670c5153cb9f4bce411' }))));
+        return (h(Host, { key: 'd8047091403fd6f965da569aa08d2d2fc6deace9' }, h("div", { key: '70b35ab946aa2ae4491e2c14b6b3f5eafa187e87', part: "command", class: "command" }, h("slot", { key: 'a50c5e10e4a81834c0c4634e85352ac02cfdf2a1' }))));
     }
     static get is() { return "seki-command"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/context-menu/seki-context-menu-content.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/context-menu/seki-context-menu-trigger.js

@@ -77,7 +77,7 @@ export class SekiContextMenuTrigger {
         this.cancelLongPress();
     }
     render() {
-        return (h(Host, { key: 'b2b22c0d1d4a137d9d8f69c1b09254e069bc1959', onContextMenu: this.handleContextMenu, onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd, onTouchCancel: this.handleTouchEnd }, h("slot", { key: 'b2e6cb7eaf887a67d813026800b66243b9bd328c' })));
+        return (h(Host, { key: 'bf2e3d788c86d5a6749ff3807812409c48d1c0f6', onContextMenu: this.handleContextMenu, onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd, onTouchCancel: this.handleTouchEnd }, h("slot", { key: '55bf79f8ed88538cf5f8e110487230e0bc421b4c' })));
     }
     static get is() { return "seki-context-menu-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/context-menu/seki-context-menu.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/context-menu/seki-context-menu.js

@@ -130,7 +130,7 @@ export class SekiContextMenu {
         this.removeClickOutside();
     }
     render() {
-        return (h(Host, { key: 'fc90d9258efeec2bc9d2bc3cbc045b1870d088e0', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'd8c49f0e336c02c3272e9af0f5fb488b1d87b1e0', part: "context-menu", class: "context-menu" }, h("slot", { key: '11a57ffde09f25ce5dfcdb1bf271ed33e74df69b' }))));
+        return (h(Host, { key: '960655d79557869d8b8dd1a3a777c02c35adea55', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'b15779469c6941575c0d4a3c31a90696fe773046', part: "context-menu", class: "context-menu" }, h("slot", { key: 'b4eeb0ab82cfd6c1aff8ba95d63e105efe7003fa' }))));
     }
     static get is() { return "seki-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-table/seki-data-table.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -850,8 +851,8 @@
   width: 20px;
   height: 20px;
   padding: 0;
-  font-size: 16px;
-  line-height: 1;
+  font-size: var(--seki-text-base, 1rem);
+  line-height: var(--seki-leading-none, 1);
   color: var(--seki-muted-foreground);
   background: none;
   border: none;
@@ -988,7 +989,7 @@
 
 .data-table__sort-icon {
   flex-shrink: 0;
-  font-size: 12px;
+  font-size: var(--seki-text-xs, 0.75rem);
   color: var(--seki-muted-foreground);
 }
 
@@ -1116,7 +1117,7 @@
   width: 24px;
   height: 24px;
   padding: 0;
-  font-size: 10px;
+  font-size: var(--seki-text-xs, 0.625rem);
   color: var(--seki-muted-foreground);
   background: none;
   border: none;

package/dist/collection/components/data-table/seki-data-table.js

@@ -417,10 +417,10 @@ export class SekiDataTable {
         const visibleColumns = this.getVisibleColumns();
         const totalPages = this.getTotalPages();
         const isLoading = this.state.loading || this.loading;
-        return (h(Host, { key: 'ef69a5efe09ae7df744b67bca088a777980092a4' }, h("div", { key: 'ba1d083df5363935bea1477c9e474818e11d9202', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: '62555450c74f47314189b63571cbad9a99f189db', class: "data-table__toolbar" }, this.searchable && (h("div", { key: '42bd06b85c7b7feb8f3db2aef776f81d056a7dc4', class: "data-table__search" }, h("input", { key: 'd348ece6b67c3b1c7f13f2ff071973521467f4a5', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: '89ea344cf44dc6aee3c2b52a850d50e2aac844b7', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: '8a546dfa8690c2e571154aa5da27a9908c1c4cef', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: 'cc9d9753210339316eeaed6e9fb2a398533e9c96', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: '1e027cf981d1339aedf58810fa89c34bb3472034', class: {
+        return (h(Host, { key: '9fc368527fee5479b1b9b492d7f8c7bcf5ba589a' }, h("div", { key: '628a41e98731719a10b44ec1467b53fffbd6e678', class: "data-table" }, (this.searchable || this.columnPicker) && (h("div", { key: 'fc2247fd00884cbba9dd2eb18a4082f30d662b56', class: "data-table__toolbar" }, this.searchable && (h("div", { key: '1ade4e45dca8f98e264f049a60e115ac760989fb', class: "data-table__search" }, h("input", { key: 'b655babdeecefcd0b30190453ce855d15483bb46', type: "text", class: "data-table__search-input", placeholder: this.searchPlaceholder, value: this.searchInputValue, onInput: this.handleSearchInput }), this.searchInputValue && (h("button", { key: '4553c8415c712be2f39adc6fca70e9193c8fb45c', type: "button", class: "data-table__search-clear", onClick: this.handleClearSearch, "aria-label": "Clear search" }, "\u00D7")))), h("div", { key: '59a9b65971f9a18f14dad09e9536568fd0d26bec', class: "data-table__toolbar-spacer" }), this.columnPicker && (h("button", { key: '9458f03cf668dc3de9a08be26105e6f7e4bf6331', type: "button", class: "data-table__column-picker-btn" }, "Columns")))), h("div", { key: '2de5a449632d437969d5547b9601027cf59e5f48', class: {
                 'data-table__container': true,
                 'data-table__container--virtual': this.virtualScroll,
-            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: '6e39a8fbfbb77379d2544dc6ee2168ced4443a78', class: "data-table__table", role: "grid" }, h("thead", { key: '43af495683a4825caf6f9a085adc7298e354d8ce', class: "data-table__head" }, h("tr", { key: '13647162bbbf15e65d662504e1bef7773beee48b', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: 'a3d8afe9d70076ac2de77032d67381f15c09faba', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: '48ea1614a2c391ac38d7ded06c1ad1cc9f895642', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (h("th", { key: 'be78143b151f393aba67f3282f9218752fc9fba1', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: '71b0328cc3f6f83ef33255263c211f1effed0c89', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
+            }, ref: el => (this.scrollContainerRef = el), onScroll: this.handleScroll }, h("table", { key: '9830df916a806aefd3f3a277a424dabb0489c063', class: "data-table__table", role: "grid" }, h("thead", { key: '0e0c0b63ad05188d8ab4ab50edfc629fbac8f7e1', class: "data-table__head" }, h("tr", { key: '81308834c6489a934c0e8f08f5f5ffdbb3a97bf0', class: "data-table__header-row", role: "row" }, this.selectable && (h("th", { key: '80220c8d506067a923fb8289416685156d67e7aa', class: "data-table__th data-table__th--checkbox", role: "columnheader" }, h("input", { key: '0c4cee178a08d7458ee67f719128aefdc765319d', type: "checkbox", class: "data-table__checkbox", checked: this.isAllSelected(), indeterminate: this.isSomeSelected(), onChange: (e) => this.handleSelectAll(e.target.checked), "aria-label": "Select all rows" }))), this.expandable && (h("th", { key: 'c78c3d1d85828fffeb0b38140797f61e2daa3d17', class: "data-table__th data-table__th--expand", role: "columnheader" }, h("span", { key: '47099b66a092f732694f9e09e6391929507eb993', class: "sr-only" }, "Expand"))), visibleColumns.map(column => {
             var _a, _b, _c;
             return (h("th", { key: column.field, class: {
                     'data-table__th': true,
@@ -436,7 +436,7 @@ export class SekiDataTable {
                     ? '↑'
                     : '↓'
                 : '↕'))), column.resizable && (h("div", { class: "data-table__resize-handle", onMouseDown: (e) => this.startResize(e, column) }))));
-        }))), h("tbody", { key: '9f7cb50a5a96aa96ff06a0609fa7afdccce50b6b', class: "data-table__body", style: this.virtualScroll
+        }))), h("tbody", { key: '12623fb5bc07208391929c6b05ce61f070c56a1a', class: "data-table__body", style: this.virtualScroll
                 ? {
                     height: `${this.virtualScrollState.totalHeight}px`,
                     position: 'relative',
@@ -479,12 +479,12 @@ export class SekiDataTable {
                 /* Expanded content row */
                 isExpanded && this.renderExpandedRow && (h("tr", { key: `${rowKey}-expanded`, class: "data-table__row data-table__row--expanded-content" }, h("td", { class: "data-table__td data-table__td--expanded-content", colSpan: visibleColumns.length + (this.selectable ? 1 : 0) + (this.expandable ? 1 : 0) }, h("div", { class: "data-table__expanded-content", innerHTML: this.renderExpandedRow(row) })))),
             ];
-        })))), isLoading && this.state.rows.length > 0 && (h("div", { key: '0821a9f06e3ed29f73e476d16e3d086fd2314c5c', class: "data-table__loading-overlay" }, h("div", { key: '86382d2529dbf91a81b8bb23e4d3d1a952f1b964', class: "data-table__loading" }, "Loading...")))), h("div", { key: '8f14b381671fb562a3b49f82e60a4c406a112c16', class: "data-table__pagination" }, h("div", { key: 'fe1fc05df8d7afcbc99e3ce7eec9d7f060a52cff', class: "data-table__pagination-info" }, this.state.totalRows > 0
+        })))), isLoading && this.state.rows.length > 0 && (h("div", { key: '08c26b44c5ad9fa0f159007471e8f7775b2af0bb', class: "data-table__loading-overlay" }, h("div", { key: '4b561858aba01bb7f56c9096fe4753f19d17abb0', class: "data-table__loading" }, "Loading...")))), h("div", { key: 'b9f2b0129108796aeda67b4bd8d9adf966f30a61', class: "data-table__pagination" }, h("div", { key: '166cd61aecb3bb06673edddc438cc1d10923c762', class: "data-table__pagination-info" }, this.state.totalRows > 0
             ? `${this.state.page * this.state.pageSize + 1}-${Math.min((this.state.page + 1) * this.state.pageSize, this.state.totalRows)} of ${this.state.totalRows}`
-            : '0 results'), h("div", { key: 'afb00fa601654ea5ad123129fda2c6f7aa5ed49e', class: "data-table__pagination-controls" }, h("select", { key: '92ce08e32cf7f57fdda8852f8b4bee900aeb6459', class: "data-table__page-size", onChange: (e) => {
+            : '0 results'), h("div", { key: 'ca0e0318d12cbcd3183026d8dad65c405f5f273a', class: "data-table__pagination-controls" }, h("select", { key: '8f488e50d088b02db9f0f4356867362a159c769f', class: "data-table__page-size", onChange: (e) => {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 this.handlePageSizeChange(Number(e.target.value));
-            } }, this.parsePageSizeOptions().map(size => (h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), h("button", { key: '18a0881636ae994ccac79a229549c2d28f408d71', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), h("button", { key: '724ce11a715e1b2ad206d3eb2852136694769b37', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), h("span", { key: '0e8583c672d269d50fd1f7cd7ea892574c60a83f', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: 'b022c1f657f4254e69d144b997c074d5a54b1bcf', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), h("button", { key: 'bf899c2b7d10db02e692126f6bd6eba86a791688', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
+            } }, this.parsePageSizeOptions().map(size => (h("option", { key: size, value: size, selected: size === this.state.pageSize }, size, " / page")))), h("button", { key: '54d2ee6f28f01e86add900a4994d6465a8ad1c34', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(0), "aria-label": "First page" }, "\u00AB\u00AB"), h("button", { key: '152a46e4bace8a6b1773f2b1a9a1fc7db3138469', type: "button", class: "data-table__page-btn", disabled: this.state.page === 0, onClick: () => this.handlePageChange(this.state.page - 1), "aria-label": "Previous page" }, "\u00AB"), h("span", { key: '11beadde4a2d85a96c2bf5f8799ef13892697970', class: "data-table__page-indicator" }, "Page ", this.state.page + 1, " of ", totalPages || 1), h("button", { key: '2d977d163562b236abbcdf134793fcd301366845', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(this.state.page + 1), "aria-label": "Next page" }, "\u00BB"), h("button", { key: '6a2f9e12faab5cc377f7a15c13a25115cde9ccb5', type: "button", class: "data-table__page-btn", disabled: this.state.page >= totalPages - 1, onClick: () => this.handlePageChange(totalPages - 1), "aria-label": "Last page" }, "\u00BB\u00BB"))))));
     }
     static get is() { return "seki-data-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/seki-date-picker.js

@@ -216,7 +216,7 @@ export class SekiDatePicker {
                     "references": {
                         "DatePickerMode": {
                             "location": "local",
-                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/date-picker/seki-date-picker.tsx",
+                            "path": "/__w/seki-ui/seki-ui/src/components/date-picker/seki-date-picker.tsx",
                             "id": "src/components/date-picker/seki-date-picker.tsx::DatePickerMode"
                         }
                     }
@@ -505,7 +505,7 @@ export class SekiDatePicker {
                         },
                         "DateRange": {
                             "location": "local",
-                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/date-picker/seki-date-picker.tsx",
+                            "path": "/__w/seki-ui/seki-ui/src/components/date-picker/seki-date-picker.tsx",
                             "id": "src/components/date-picker/seki-date-picker.tsx::DateRange"
                         }
                     }

package/dist/collection/components/dialog/seki-dialog-close.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -762,6 +763,7 @@
   position: absolute;
   right: 1rem;
   top: 1rem;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 
 .dialog-close {

package/dist/collection/components/dialog/seki-dialog-close.js

@@ -11,7 +11,7 @@ export class SekiDialogClose {
         this.closeDialog.emit();
     }
     render() {
-        return (h(Host, { key: '33d78d6dfc026b769ea8300e210583ffc94c1125' }, h("button", { key: 'ff3363f5eb1863eee754b5dd814d1a066ccf93a2', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: '95be22d412b263aa2783b641731056885541c09c' }, h("svg", { key: '0c52457859de464f14349b5811188cf91344f014', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'bf20dcc227c5623580743c294c4b6d0fe4df9b5d', d: "M18 6 6 18" }), h("path", { key: '7fe9c9a1e0429185f1a831a872ee0f30baafad32', d: "m6 6 12 12" }))), h("span", { key: '2377c48a324f51827305878bcfd0fb0884c3f97c', class: "sr-only" }, "Close"))));
+        return (h(Host, { key: 'f705161cdc9feb586726e0ad1ec1dd8ded703d6a' }, h("button", { key: '68d8e18f3aeafe44b24640983e81d8061c37cdad', part: "close", type: "button", class: "dialog-close", "aria-label": "Close" }, h("slot", { key: 'e14d6f4f4cdb27f68cb2e31d0eefb7594502d666' }, h("svg", { key: 'e49c1c867252ea57e5a35adcb190e48aac953913', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '0960455191c1ef331a44516c92d7f9719506e086', d: "M18 6 6 18" }), h("path", { key: '6a104fe02409176caafa78542e56855395b531b1', d: "m6 6 12 12" }))), h("span", { key: 'fedf74324f5c3ebf42a1670ef79999f68c9c8fdf', class: "sr-only" }, "Close"))));
     }
     static get is() { return "seki-dialog-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-content.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-description.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-description.js

@@ -14,7 +14,7 @@ export class SekiDialogDescription {
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: 'ece2acffbe9ca267f14409872bbe651ba42b9c38' }, h("p", { key: 'a78a75f9b75b1b8f062347b941fc3076a058f176', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: 'f8e4436408f38878d185773fa352a298e4a8d996' }))));
+        return (h(Host, { key: 'a1ae6b847570a20430ac64232db4728c4192502d' }, h("p", { key: 'a770cf6988fd67ea52029c772e62287408a95f2e', part: "description", id: context === null || context === void 0 ? void 0 : context.descriptionId, class: "dialog-description" }, h("slot", { key: '2c01ae052d8dcc4d630079f25bbccfa0dd377182' }))));
     }
     static get is() { return "seki-dialog-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-footer.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-footer.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiDialogFooter {
     render() {
-        return (h(Host, { key: '376fdc7802694d4935a40581139c599f2f87f609' }, h("div", { key: '2d0782b18e05573dfe73eb4a339ee8f592c45b9a', part: "footer", class: "dialog-footer" }, h("slot", { key: 'feee7bac75b1cc5fc6b0a07231f5320274c64489' }))));
+        return (h(Host, { key: '5e06f6f301e7282e9eca799f8096e0dbe6fb92fc' }, h("div", { key: '659ae25bd5d66b9e555c4eef87a39e35b9a3c797', part: "footer", class: "dialog-footer" }, h("slot", { key: '92bf5764c84e010451ca07051a2e13e4957b61bd' }))));
     }
     static get is() { return "seki-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-header.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-header.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SekiDialogHeader {
     render() {
-        return (h(Host, { key: 'cc0899b0cd481fe2b0b4addf64e5a40a9506c6a3' }, h("div", { key: 'cd0a64257eeb525fd8da0710fc990dc0540a7b49', part: "header", class: "dialog-header" }, h("slot", { key: '00d4d46b3cc045348e671d5623fbf6156bc4a325' }))));
+        return (h(Host, { key: '814a0d086ecb48a8b4502a0ab5c86e3ef978f64d' }, h("div", { key: '14de697f93aefee18ad7aed53bc5ee9fbedec62f', part: "header", class: "dialog-header" }, h("slot", { key: 'd337de4928432827a3ebccdacde6fe1b0b3ad267' }))));
     }
     static get is() { return "seki-dialog-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-overlay.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-title.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-title.js

@@ -14,7 +14,7 @@ export class SekiDialogTitle {
     }
     render() {
         const context = this.getContext();
-        return (h(Host, { key: '70da0bcf12595332b930f9386faaeea3b6abe224' }, h("h2", { key: '1f752f8556b544fdd91a011d0c6a42a702a5b9f1', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: 'd26aec12987ea85d79f31e9f37c7ed22904de833' }))));
+        return (h(Host, { key: '37ee8e7f055b63724703101fb78657a6df1b47d9' }, h("h2", { key: 'cdbe88f96f601a24767691c6f0136f043c043238', part: "title", id: context === null || context === void 0 ? void 0 : context.titleId, class: "dialog-title" }, h("slot", { key: '9d96525ec7e3c5fe89e1969151a05e1ba56c9f72' }))));
     }
     static get is() { return "seki-dialog-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog-trigger.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog-trigger.js

@@ -11,7 +11,7 @@ export class SekiDialogTrigger {
         this.triggerClick.emit();
     }
     render() {
-        return (h(Host, { key: '073dc7c836c5aebd41476b21038ce8a90a37985f' }, h("span", { key: '4319bef3baa6f8b4f01a9f6d3de47060d92c7f70', part: "trigger", class: "dialog-trigger" }, h("slot", { key: '74bdf615eec08e25dee63e90a04b0b40de74e448' }))));
+        return (h(Host, { key: 'f37c5bf54c9a0f23cb814de72ad45d89baa5ad6b' }, h("span", { key: '864202bf9a278826c65f853dc177890ebb50cd41', part: "trigger", class: "dialog-trigger" }, h("slot", { key: '9334d5f125ecc1992043b9a0b39ea178ae9e8dea' }))));
     }
     static get is() { return "seki-dialog-trigger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialog/seki-dialog.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dialog/seki-dialog.js

@@ -99,7 +99,7 @@ export class SekiDialog {
         }
     }
     render() {
-        return (h(Host, { key: '48d57811aec8d78dd24f9798ed73d8f56b9a10e2', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: 'a2e1ef8cbc5060c4aade8ff6fceb3fd5f6de9b30', part: "dialog", class: "dialog" }, h("slot", { key: '6c2615fbbc51037dc8df9499e4e4993987699ecd' }))));
+        return (h(Host, { key: '8fd11b0e6eefe0954d582eb6ccc64ce45a8f3b2c', "data-state": this._isOpen ? 'open' : 'closed' }, h("div", { key: '21c3c32ba69f6cb65f511fcbe752ab6d377e3ea6', part: "dialog", class: "dialog" }, h("slot", { key: '76a33312d51ceeae5d5032b281cb82bdb397861c' }))));
     }
     static get is() { return "seki-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/direction/seki-direction.css

@@ -0,0 +1,14 @@
+/* Direction Provider Component Styles */
+
+:host {
+  display: block;
+  direction: inherit;
+}
+
+:host([dir='rtl']) {
+  direction: rtl;
+}
+
+:host([dir='ltr']) {
+  direction: ltr;
+}

package/dist/collection/components/direction/seki-direction.js

@@ -0,0 +1,62 @@
+import { Host, h } from "@stencil/core";
+/**
+ * seki-direction: Direction provider for RTL/LTR text direction
+ *
+ * @component Direction
+ * @slot - Content that should inherit the direction
+ * @example
+ * <seki-direction dir="rtl">
+ *   <seki-button>Button</seki-button>
+ * </seki-direction>
+ */
+export class SekiDirection {
+    constructor() {
+        /**
+         * Text direction
+         * @default 'ltr'
+         */
+        this.dir = 'ltr';
+    }
+    render() {
+        return (h(Host, { key: '87ce3f9c98aa0e4d9de2cdd817899477021f2321', dir: this.dir }, h("slot", { key: 'ce19d4a3da7c8044b296c3e35f1da82a0258afcb' })));
+    }
+    static get is() { return "seki-direction"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["seki-direction.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["seki-direction.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dir": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'ltr' | 'rtl'",
+                    "resolved": "\"ltr\" | \"rtl\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'ltr'"
+                        }],
+                    "text": "Text direction"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dir",
+                "defaultValue": "'ltr'"
+            }
+        };
+    }
+}

package/dist/collection/components/drawer/seki-drawer-content.js

@@ -245,7 +245,7 @@ export class SekiDrawerContent {
                     "references": {
                         "DrawerDirection": {
                             "location": "local",
-                            "path": "/home/rockia/seki-actions-runner/_work/seki-ui/seki-ui/src/components/drawer/seki-drawer-content.tsx",
+                            "path": "/__w/seki-ui/seki-ui/src/components/drawer/seki-drawer-content.tsx",
                             "id": "src/components/drawer/seki-drawer-content.tsx::DrawerDirection"
                         }
                     }

package/dist/collection/components/drawer/seki-drawer.css

@@ -373,6 +373,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/drawer/seki-drawer.js

@@ -82,10 +82,10 @@ export class SekiDrawer {
         }
     }
     render() {
-        return (h("div", { key: '7fdfcca5df5bfc278ea3d1aa68eec30e7ac25e61', class: {
+        return (h("div", { key: '55d88941103fe6d3edcab28d48c253c433776f22', class: {
                 'seki-drawer': true,
                 'seki-drawer--open': this.isOpen,
-            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, h("slot", { key: 'b32c705496b04b6c2992aa75d8a7c276b53f77ca' }), this.isOpen && (h("div", { key: '01c3438a15338b5849cf90c388e7975954db8edc', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
+            }, "data-snap-point": this.currentSnapPoint, part: "drawer" }, h("slot", { key: '73bb15beb9fb75d70d8ed9e321cfda810ec25c84' }), this.isOpen && (h("div", { key: 'af48128c4912ef328da69c7690d957eb2bc4925f', class: "seki-drawer-overlay", part: "overlay", onClick: () => this.close() }))));
     }
     static get is() { return "seki-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-checkbox.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -760,6 +761,7 @@
 
 :host {
   display: contents;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 
 .dropdown-menu-checkbox {

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-checkbox.js

@@ -41,10 +41,10 @@ export class SekiDropdownMenuCheckbox {
         this._checked = this.checked;
     }
     render() {
-        return (h(Host, { key: '872b261ef6b752820aab23a6f621f0e0197b1900' }, h("div", { key: 'fda3490eabcf62aff7f59e2d035b7035fcc5d819', part: "item", role: "menuitemcheckbox", class: {
+        return (h(Host, { key: '7f6175f359501c53047e2332effa50e6a63e136f' }, h("div", { key: '41dd5790bf6eb2df9f45ec5a54a05beab34790eb', part: "item", role: "menuitemcheckbox", class: {
                 'dropdown-menu-checkbox': true,
                 'dropdown-menu-checkbox--disabled': this.disabled,
-            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'df0db00f50f026601ea641a394f73f26bd2d7541', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (h("svg", { key: '9d84d01fb1325ec18e3422e7bf86f60db71bb09e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '4238b6705e179aa81d83faee24dcf50d7e5ca7b3', points: "20 6 9 17 4 12" })))), h("slot", { key: '97189fddfd23af43a2cbcd620adc6a684becb686' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-checked": this._checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: 'bbc2e7dd4b3a45ced48828de37e3c90099b9524f', part: "indicator", class: "dropdown-menu-checkbox__indicator" }, this._checked && (h("svg", { key: 'd4e0f133f5a364d01dc833b7d4043d395f33f858', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: 'e50c913995182c5366f61e099f4e0810a5eece1c', points: "20 6 9 17 4 12" })))), h("slot", { key: '2629464034fd028ec8008e27a8c4432de6060426' }))));
     }
     static get is() { return "seki-dropdown-menu-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-content.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-item.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -760,6 +761,7 @@
 
 :host {
   display: contents;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 
 .dropdown-menu-item {

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-item.js

@@ -48,11 +48,11 @@ export class SekiDropdownMenuItem {
         return null;
     }
     render() {
-        return (h(Host, { key: '96d985ddf81334ee12def9354df5d3958ef9673b' }, h("div", { key: 'bcf8a6b42607e9b5650a6c024463a42c06f7ffe0', part: "item", role: "menuitem", class: {
+        return (h(Host, { key: '22c88c5e99d02c35ef78c5af89b8c929ac62d36f' }, h("div", { key: 'bf6193b147b2a2d2f07f9d7e338c4f030a2b2086', part: "item", role: "menuitem", class: {
                 'dropdown-menu-item': true,
                 'dropdown-menu-item--disabled': this.disabled,
                 'dropdown-menu-item--inset': this.inset,
-            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '712c16e1add65c21be9d45bb24658ae21f98a9be' }))));
+            }, tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("slot", { key: '4bece475d957a0ffb82058b11fc93346ec34068f' }))));
     }
     static get is() { return "seki-dropdown-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-label.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;
@@ -760,6 +761,7 @@
 
 :host {
   display: contents;
+  font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
 }
 
 .dropdown-menu-label {

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-label.js

@@ -14,10 +14,10 @@ export class SekiDropdownMenuLabel {
         this.inset = false;
     }
     render() {
-        return (h(Host, { key: 'e9ea19c6fc5a6858f55a020f64678b94829fb625' }, h("div", { key: '2cf35335ec8c5705022518aed73076c03b6fba0b', part: "label", class: {
+        return (h(Host, { key: 'e22643f1be065a2d672b7d31d5c8ffd7eaaa3175' }, h("div", { key: 'c6905a49f97951e5687c2358a86fe37962a1ec7c', part: "label", class: {
                 'dropdown-menu-label': true,
                 'dropdown-menu-label--inset': this.inset,
-            } }, h("slot", { key: '7885412b15d73139093ac7c370a377159d167a3f' }))));
+            } }, h("slot", { key: '71bce7888bec1c32abf56e69c815cf58046bfc5d' }))));
     }
     static get is() { return "seki-dropdown-menu-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-menu/seki-dropdown-menu-radio-group.css

@@ -372,6 +372,7 @@
   --seki-font-bold: 700;
 
   /* Line Heights */
+  --seki-leading-none: 1;
   --seki-leading-tight: 1.25;
   --seki-leading-normal: 1.5;
   --seki-leading-relaxed: 1.75;