@krumio/trailhand-ui 1.8.0 → 1.9.0

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

@@ -535,20 +535,20 @@ DataTable.styles = css `
       width: 100%;
       max-width: 300px;
       padding: 0.5rem 1rem;
-      border: 1px solid var(--border, var(--color-border, #D7D7D7));
+      border: 1px solid var(--border, var(--th-color-border, #D7D7D7));
       border-radius: 4px;
-      background-color: var(--input-bg, var(--color-white, #FFFFFF));
-      color: var(--input-text, var(--color-text-primary, #212121));
+      background-color: var(--input-bg, var(--th-color-white, #FFFFFF));
+      color: var(--input-text, var(--th-color-text-primary, #212121));
       font-size: 14px;
     }
 
     .data-table__search-input:focus {
       outline: none;
-      border-color: var(--primary, var(--color-primary, #3d98d3));
+      border-color: var(--primary, var(--th-color-primary, #3d98d3));
     }
 
     .data-table__search-input::placeholder {
-      color: var(--input-placeholder, var(--color-text-muted, #8D8D8D));
+      color: var(--input-placeholder, var(--th-color-text-muted, #8D8D8D));
     }
 
     .data-table__loading {
@@ -558,14 +558,14 @@ DataTable.styles = css `
       justify-content: center;
       padding: 3rem;
       gap: 1rem;
-      color: var(--body-text, var(--color-text-primary, #212121));
+      color: var(--body-text, var(--th-color-text-primary, #212121));
     }
 
     .data-table__spinner {
       width: 40px;
       height: 40px;
-      border: 4px solid var(--border, var(--color-border, #D7D7D7));
-      border-top-color: var(--primary, var(--color-primary, #3d98d3));
+      border: 4px solid var(--border, var(--th-color-border, #D7D7D7));
+      border-top-color: var(--primary, var(--th-color-primary, #3d98d3));
       border-radius: 50%;
       animation: spin 1s linear infinite;
     }
@@ -577,28 +577,28 @@ DataTable.styles = css `
     }
 
     .data-table__wrapper {
-      border: 1px solid var(--border, var(--color-border, #D7D7D7));
+      border: 1px solid var(--border, var(--th-color-border, #D7D7D7));
       border-radius: 4px;
     }
 
     .data-table__table {
       width: 100%;
       border-collapse: collapse;
-      background-color: var(--body-bg, var(--color-white, #FFFFFF));
+      background-color: var(--body-bg, var(--th-color-white, #FFFFFF));
     }
 
     .data-table__thead {
-      background-color: var(--sortable-table-header-bg, var(--color-grey-100, #FAFAFA));
-      border-bottom: 1px solid var(--border, var(--color-border, #D7D7D7));
+      background-color: var(--sortable-table-header-bg, var(--th-color-grey-100, #FAFAFA));
+      border-bottom: 1px solid var(--border, var(--th-color-border, #D7D7D7));
     }
 
     .data-table__th {
       padding: 0.75rem 1rem;
       text-align: left;
       font-weight: 600;
-      color: var(--body-text, var(--color-text-primary, #212121));
+      color: var(--body-text, var(--th-color-text-primary, #212121));
       white-space: nowrap;
-      border-bottom: 1px solid var(--border, var(--color-border, #D7D7D7));
+      border-bottom: 1px solid var(--border, var(--th-color-border, #D7D7D7));
     }
 
     .data-table__th--sortable {
@@ -607,11 +607,11 @@ DataTable.styles = css `
     }
 
     .data-table__th--sortable:hover {
-      background-color: var(--sortable-table-header-hover-bg, var(--color-grey-200, #EBEBEB));
+      background-color: var(--sortable-table-header-hover-bg, var(--th-color-grey-200, #EBEBEB));
     }
 
     .data-table__th--sorted {
-      background-color: var(--sortable-table-header-sorted-bg, var(--color-grey-200, #EBEBEB));
+      background-color: var(--sortable-table-header-sorted-bg, var(--th-color-grey-200, #EBEBEB));
     }
 
     .data-table__th--actions {
@@ -628,22 +628,22 @@ DataTable.styles = css `
     .data-table__sort-icon {
       display: inline-flex;
       align-items: center;
-      color: var(--muted, var(--color-text-muted, #8D8D8D));
+      color: var(--muted, var(--th-color-text-muted, #8D8D8D));
       width: 16px;
       height: 16px;
       font-size: 16px;
     }
 
     .data-table__tbody {
-      background-color: var(--body-bg, var(--color-white, #FFFFFF));
+      background-color: var(--body-bg, var(--th-color-white, #FFFFFF));
     }
 
     .data-table__tr {
-      border-bottom: 1px solid var(--border, var(--color-border, #D7D7D7));
+      border-bottom: 1px solid var(--border, var(--th-color-border, #D7D7D7));
     }
 
     .data-table__tr:hover {
-      background-color: var(--sortable-table-row-hover-bg, var(--color-grey-100, #FAFAFA));
+      background-color: var(--sortable-table-row-hover-bg, var(--th-color-grey-100, #FAFAFA));
     }
 
     .data-table__tr:last-child {
@@ -652,11 +652,11 @@ DataTable.styles = css `
 
     .data-table__td {
       padding: 0.75rem 1rem;
-      color: var(--body-text, var(--color-text-primary, #212121));
+      color: var(--body-text, var(--th-color-text-primary, #212121));
     }
 
     .data-table__td a {
-      color: var(--link, var(--color-primary, #3d98d3));
+      color: var(--link, var(--th-color-primary, #3d98d3));
       text-decoration: none;
     }
 
@@ -667,7 +667,7 @@ DataTable.styles = css `
     .data-table__td--empty {
       text-align: center;
       padding: 2rem;
-      color: var(--muted, var(--color-text-muted, #8D8D8D));
+      color: var(--muted, var(--th-color-text-muted, #8D8D8D));
     }
 
     .data-table__td--actions {
@@ -687,7 +687,7 @@ DataTable.styles = css `
     }
 
     .data-table__pagination-info {
-      color: var(--muted, var(--color-text-muted, #8D8D8D));
+      color: var(--muted, var(--th-color-text-muted, #8D8D8D));
       font-size: 13px;
     }
 
@@ -698,7 +698,7 @@ DataTable.styles = css `
     }
 
     .data-table__pagination-current {
-      color: var(--body-text, var(--color-text-primary, #212121));
+      color: var(--body-text, var(--th-color-text-primary, #212121));
       font-size: 13px;
       min-width: 60px;
       text-align: center;
@@ -711,17 +711,17 @@ DataTable.styles = css `
       width: 32px;
       height: 32px;
       padding: 0;
-      border: 1px solid var(--border, var(--color-border, #D7D7D7));
+      border: 1px solid var(--border, var(--th-color-border, #D7D7D7));
       border-radius: 4px;
-      background-color: var(--body-bg, var(--color-white, #FFFFFF));
-      color: var(--body-text, var(--color-text-primary, #212121));
+      background-color: var(--body-bg, var(--th-color-white, #FFFFFF));
+      color: var(--body-text, var(--th-color-text-primary, #212121));
       cursor: pointer;
       transition: all 0.2s;
     }
 
     .data-table__pagination-btn:hover:not(:disabled) {
-      background-color: var(--sortable-table-row-hover-bg, var(--color-grey-100, #FAFAFA));
-      border-color: var(--link, var(--color-primary, #3d98d3));
+      background-color: var(--sortable-table-row-hover-bg, var(--th-color-grey-100, #FAFAFA));
+      border-color: var(--link, var(--th-color-primary, #3d98d3));
     }
 
     .data-table__pagination-btn:disabled {

package/dist/components/icon/icon.d.ts

@@ -8,16 +8,16 @@ declare const iconMap: {
     globe: import("@fortawesome/fontawesome-common-types").IconDefinition;
     home: import("@fortawesome/fontawesome-common-types").IconDefinition;
     user: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    grid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    table: import("@fortawesome/fontawesome-common-types").IconDefinition;
     rocket: import("@fortawesome/fontawesome-common-types").IconDefinition;
     gauge: import("@fortawesome/fontawesome-common-types").IconDefinition;
     list: import("@fortawesome/fontawesome-common-types").IconDefinition;
     folderPlus: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    solarSystem: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    gears: import("@fortawesome/fontawesome-common-types").IconDefinition;
     shoppingBag: import("@fortawesome/fontawesome-common-types").IconDefinition;
     info: import("@fortawesome/fontawesome-common-types").IconDefinition;
     chartLine: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    folderGear: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    sliders: import("@fortawesome/fontawesome-common-types").IconDefinition;
     database: import("@fortawesome/fontawesome-common-types").IconDefinition;
 };
 export declare const availableIcons: (keyof typeof iconMap)[];

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAwB5C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;CAoBZ,CAAC;AAEF,eAAO,MAAM,cAAc,EAA2B,CAAC,MAAM,OAAO,OAAO,CAAC,EAAE,CAAC;AAI/E,KAAK,cAAc,GAAG,MAAM,OAAO,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,qBAAa,IAAK,SAAQ,UAAU;IACN,IAAI,EAAE,cAAc,CAAU;IAE1D,MAAM,CAAC,MAAM,0BAmBX;IAEF,MAAM;CAMP"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AA2B5C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;CAoBZ,CAAC;AAEF,eAAO,MAAM,cAAc,EAA2B,CAAC,MAAM,OAAO,OAAO,CAAC,EAAE,CAAC;AAI/E,KAAK,cAAc,GAAG,MAAM,OAAO,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,qBAAa,IAAK,SAAQ,UAAU;IACN,IAAI,EAAE,cAAc,CAAU;IAE1D,MAAM,CAAC,MAAM,0BAUX;IAEF,MAAM;CAMP"}

package/dist/components/icon/icon.js

@@ -7,8 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, html, css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { library, icon } from '@fortawesome/fontawesome-svg-core';
-import { faBug, faCircleExclamation, faCirclePause, faCirclePlay, faCircleXmark, faGrid2, faRocket, faGauge, faSquareList, faFolderPlus, faSolarSystem, faBagShopping, faCircleInfo, faChartLine, faFolderGear, faDatabase, } from '@fortawesome/pro-duotone-svg-icons';
-import { faGlobe, faHome, faUser } from '@fortawesome/free-solid-svg-icons';
+import { faGlobe, faHome, faUser, faBug, faCircleExclamation, faCirclePause, faCirclePlay, faCircleXmark, faTableCellsLarge, faRocket, faGauge, faTableList, faFolderPlus, faGears, faBagShopping, faCircleInfo, faChartLine, faSliders, faDatabase, } from '@fortawesome/free-solid-svg-icons';
 const iconMap = {
     bug: faBug,
     error: faCircleExclamation,
@@ -18,16 +17,16 @@ const iconMap = {
     globe: faGlobe,
     home: faHome,
     user: faUser,
-    grid: faGrid2,
+    table: faTableCellsLarge,
     rocket: faRocket,
     gauge: faGauge,
-    list: faSquareList,
+    list: faTableList,
     folderPlus: faFolderPlus,
-    solarSystem: faSolarSystem,
+    gears: faGears,
     shoppingBag: faBagShopping,
     info: faCircleInfo,
     chartLine: faChartLine,
-    folderGear: faFolderGear,
+    sliders: faSliders,
     database: faDatabase,
 };
 export const availableIcons = Object.keys(iconMap);
@@ -55,15 +54,6 @@ Icon.styles = css `
       width: 100%;
       height: 100%;
     }
-    /* Duotone icon styling */
-    svg .fa-primary {
-      fill: var(--fa-primary-color, currentColor);
-      opacity: var(--fa-primary-opacity, 1);
-    }
-    svg .fa-secondary {
-      fill: var(--fa-secondary-color, currentColor);
-      opacity: var(--fa-secondary-opacity, 0.4);
-    }
   `;
 __decorate([
     property({ type: String })

package/dist/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EACL,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,GACX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAG5E,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,YAAY;IAClB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAC1B,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAA6B,CAAC;AAE/E,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;AAQvC,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAC8B,SAAI,GAAmB,MAAM,CAAC;IA6B5D,CAAC;IANC,MAAM;QACJ,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,CAAC;;AA1BM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;GAmBlB,AAnBY,CAmBX;AArB0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAA+B;AA+B5D,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,YAAY,EACZ,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,GACX,MAAM,mCAAmC,CAAC;AAG3C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,WAAW;IACjB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAA6B,CAAC;AAE/E,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;AAQvC,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAC8B,SAAI,GAAmB,MAAM,CAAC;IAoB5D,CAAC;IANC,MAAM;QACJ,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,CAAC;;AAjBM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,AAVY,CAUX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAA+B;AAsB5D,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC"}

package/dist/components/progress-bar/progress-bar.js

@@ -72,42 +72,42 @@ ProgressBar.styles = css `
       align-items: center;
       justify-content: space-between;
       margin-bottom: 8px;
-      font-size: var(--progress-bar-font-size, 14px);
+      font-size: var(--th-progress-bar-font-size, 14px);
     }
 
     .progress-bar__title {
       font-weight: 600;
       color: var(
-        --progress-bar-title-color,
-        var(--color-text-primary, #212121)
+        --th-progress-bar-title-color,
+        var(--th-color-text-primary, #212121)
       );
     }
 
     .progress-bar__stats {
       color: var(
-        --progress-bar-label-color,
-        var(--color-text-secondary, #636363)
+        --th-progress-bar-label-color,
+        var(--th-color-text-secondary, #636363)
       );
     }
 
     .progress-bar__track {
       width: 100%;
-      height: var(--progress-bar-height, 8px);
+      height: var(--th-progress-bar-height, 8px);
       background-color: var(
-        --progress-bar-track-color,
-        var(--color-grey-200, #ebebeb)
+        --th-progress-bar-track-color,
+        var(--th-color-grey-200, #ebebeb)
       );
-      border-radius: var(--progress-bar-border-radius, 4px);
+      border-radius: var(--th-progress-bar-border-radius, 4px);
       overflow: hidden;
     }
 
     .progress-bar__fill {
       height: 100%;
       background-color: var(
-        --progress-bar-fill-color,
-        var(--color-primary, #3d98d3)
+        --th-progress-bar-fill-color,
+        var(--th-color-primary, #3d98d3)
       );
-      border-radius: var(--progress-bar-border-radius, 4px);
+      border-radius: var(--th-progress-bar-border-radius, 4px);
       transition: width 0.3s ease;
     }
   `;

package/dist/components/selector/index.d.ts

@@ -0,0 +1,2 @@
+export { Selector } from './selector';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/selector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/selector/index.js

@@ -0,0 +1,2 @@
+export { Selector } from './selector';
+//# sourceMappingURL=index.js.map

package/dist/components/selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/selector/selector.d.ts

@@ -0,0 +1,33 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../icon/icon';
+export interface SelectorProps {
+    text: string;
+    subtext: string;
+    description: string;
+    disabled: boolean;
+    checked: boolean;
+    name: string;
+    value: string;
+}
+export declare class Selector extends LitElement {
+    static formAssociated: boolean;
+    text: string;
+    subtext: string;
+    description: string;
+    checked: boolean;
+    disabled: boolean;
+    name: string;
+    value: string;
+    private internals;
+    constructor();
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    private emitChangeEvent;
+    private handleChange;
+    private updateFormValue;
+    formResetCallback(): void;
+    formDisableCallback(disabled: boolean): void;
+    updated(changedProperties: Map<string, any>): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=selector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selector.d.ts","sourceRoot":"","sources":["../../../src/components/selector/selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,cAAc,UAAQ;IAG7B,IAAI,SAAM;IAGV,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,OAAO,CAAC,SAAS,CAAmB;;IAOpC,MAAM,CAAC,MAAM,0BA8FX;IAEF,iBAAiB;IASjB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,eAAe;IAQvB,iBAAiB;IAKjB,mBAAmB,CAAC,QAAQ,EAAE,OAAO;IAIrC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAO3C,MAAM,IAAI,cAAc;CAuBzB"}

package/dist/components/selector/selector.js

@@ -0,0 +1,225 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { property } from 'lit/decorators.js';
+import '../icon/icon';
+export class Selector extends LitElement {
+    constructor() {
+        super();
+        this.text = '';
+        this.subtext = '';
+        this.description = '';
+        this.checked = false;
+        this.disabled = false;
+        this.name = '';
+        this.value = '';
+        this.internals = this.attachInternals();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Check if we're in a disabled fieldset on initial connection
+        const fieldset = this.closest('fieldset');
+        if (fieldset?.disabled) {
+            this.disabled = true;
+        }
+    }
+    emitChangeEvent() {
+        // emit native change event for form integration
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+        // emit a custom event with the current state of the selector
+        this.dispatchEvent(new CustomEvent('selector-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                checked: this.checked,
+                name: this.name,
+                value: this.value,
+            },
+        }));
+    }
+    handleChange(e) {
+        if (this.disabled)
+            return;
+        const input = e.target;
+        this.checked = input.checked;
+        // Uncheck all other selectors with the same name in the same root
+        if (this.checked) {
+            const root = this.getRootNode();
+            root
+                .querySelectorAll(`trailhand-selector[name="${this.name}"]`)
+                .forEach((el) => {
+                if (el !== this)
+                    el.checked = false;
+            });
+        }
+        this.updateFormValue();
+        this.emitChangeEvent();
+    }
+    updateFormValue() {
+        if (this.checked) {
+            this.internals.setFormValue(this.value);
+        }
+        else {
+            this.internals.setFormValue(null);
+        }
+    }
+    formResetCallback() {
+        this.checked = false;
+        this.updateFormValue();
+    }
+    formDisableCallback(disabled) {
+        this.disabled = disabled;
+    }
+    updated(changedProperties) {
+        // Update form value whenever checked or value changes
+        if (changedProperties.has('checked') || changedProperties.has('value')) {
+            this.updateFormValue();
+        }
+    }
+    render() {
+        return html `
+      <label class="wrapper">
+        <input
+          type="radio"
+          name=${this.name}
+          value=${this.value}
+          .checked=${this.checked}
+          ?disabled=${this.disabled}
+          aria-checked=${this.checked ? 'true' : 'false'}
+          @change=${this.handleChange}
+        />
+
+        <div class="control">
+          <span class="icon"><slot name="icon"></slot></span>
+          <p class="text">
+            ${this.text}<span class="subtext">${this.subtext}</span>
+          </p>
+          <p class="description">${this.description}</p>
+        </div>
+      </label>
+    `;
+    }
+}
+Selector.formAssociated = true;
+Selector.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      box-sizing: border-box;
+      font-family: 'Montserrat', system-ui, sans-serif;
+    }
+
+    .wrapper {
+      cursor: pointer;
+    }
+
+    /* Hide native Selector */
+    input {
+      position: absolute;
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    /* Custom box */
+    .control {
+      border-radius: 8px;
+      padding: 16px;
+      border: 1px solid var(--th-selector-border, #d7d7d7);
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      transition: all 0.15s ease;
+      background-color: transparent;
+      gap: 8px;
+    }
+
+    .text {
+      font-size: 14px;
+      color: var(--th-selector-text-color, #000000);
+      font-weight: 500;
+      display: flex;
+      align-items: baseline;
+      gap: 4px;
+      margin: 0;
+    }
+
+    .subtext {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--th-selector-subtext-color, #666666);
+    }
+
+    .description {
+      font-size: 12px;
+      color: var(--th-selector-description-color, #666666);
+      font-weight: 500;
+      margin: 0;
+    }
+
+    .icon {
+      color: var(--th-selector-icon-color, #333333);
+    }
+
+    /* Focus */
+    input:focus-visible + .control {
+      outline: 2px solid var(--th-selector-checked-bg, #005cb9);
+      outline-offset: 2px;
+    }
+
+    /* Checked state */
+    :host([checked]) .control {
+      background-color: color-mix(
+        in srgb,
+        var(--th-selector-checked-bg, #005cb9) 10%,
+        transparent
+      );
+      border-color: var(--th-selector-checked-bg, #005cb9);
+    }
+
+    /* Disabled */
+    :host([disabled]) .control {
+      color: var(--th-selector-disabled-color);
+      opacity: 0.6;
+      background-color: color-mix(
+        in srgb,
+        var(--th-selector-disabled-bg, #d7d7d7) 10%,
+        transparent
+      );
+    }
+    :host([disabled]) .text,
+    :host([disabled]) .subtext,
+    :host([disabled]) .description,
+    :host([disabled]) .icon {
+      color: var(--th-selector-disabled-color);
+    }
+    :host([disabled]) .wrapper {
+      cursor: not-allowed;
+    }
+  `;
+__decorate([
+    property({ type: String })
+], Selector.prototype, "text", void 0);
+__decorate([
+    property({ type: String })
+], Selector.prototype, "subtext", void 0);
+__decorate([
+    property({ type: String })
+], Selector.prototype, "description", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Selector.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Selector.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Selector.prototype, "name", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Selector.prototype, "value", void 0);
+customElements.define('trailhand-selector', Selector);
+//# sourceMappingURL=selector.js.map

package/dist/components/selector/selector.js.map

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

package/dist/components/text-input/index.d.ts

@@ -0,0 +1,2 @@
+export { TextInput } from './text-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/text-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/text-input/index.js

@@ -0,0 +1,2 @@
+export { TextInput } from './text-input';
+//# sourceMappingURL=index.js.map

package/dist/components/text-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/text-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/text-input/text-input.d.ts

@@ -0,0 +1,36 @@
+import { LitElement, TemplateResult } from 'lit';
+export interface TextInputProps {
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    size: 'small' | 'medium' | 'large';
+    label?: string;
+    required?: boolean;
+    invalid?: boolean;
+}
+export declare class TextInput extends LitElement {
+    static formAssociated: boolean;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    size: 'small' | 'medium' | 'large';
+    label: string;
+    required: boolean;
+    invalid: boolean;
+    private internals;
+    private _input;
+    constructor();
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    private emitChangeEvent;
+    private handleInput;
+    firstUpdated(): void;
+    private _updateValidity;
+    formResetCallback(): void;
+    formDisableCallback(disabled: boolean): void;
+    formAssociatedCallback(form: HTMLFormElement | null): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=text-input.d.ts.map

package/dist/components/text-input/text-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,cAAc,UAAQ;IAG7B,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG9C,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,MAAM,CAAmB;;IAOjC,MAAM,CAAC,MAAM,0BAqFX;IAEF,iBAAiB;IASjB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,WAAW;IAYnB,YAAY;IAQZ,OAAO,CAAC,eAAe;IAcvB,iBAAiB;IAKjB,mBAAmB,CAAC,QAAQ,EAAE,OAAO;IAIrC,sBAAsB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAMnD,MAAM,IAAI,cAAc;CAwBzB"}