@helixui/library 2.1.2-next.48 → 2.1.2-next.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/custom-elements.json +5 -5
  2. package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts.map +1 -1
  3. package/dist/components/hx-breadcrumb/index.js +1 -1
  4. package/dist/components/hx-checkbox/index.js +1 -1
  5. package/dist/components/hx-clinical-status/hx-clinical-status.d.ts +7 -0
  6. package/dist/components/hx-clinical-status/hx-clinical-status.d.ts.map +1 -1
  7. package/dist/components/hx-clinical-status/index.js +1 -1
  8. package/dist/components/hx-code-snippet/hx-code-snippet.d.ts +3 -2
  9. package/dist/components/hx-code-snippet/hx-code-snippet.d.ts.map +1 -1
  10. package/dist/components/hx-code-snippet/index.js +1 -1
  11. package/dist/components/hx-color-picker/hx-color-picker.d.ts +6 -10
  12. package/dist/components/hx-color-picker/hx-color-picker.d.ts.map +1 -1
  13. package/dist/components/hx-color-picker/hx-color-picker.styles.d.ts.map +1 -1
  14. package/dist/components/hx-color-picker/index.js +1 -1
  15. package/dist/components/hx-container/hx-container.styles.d.ts.map +1 -1
  16. package/dist/components/hx-container/index.js +1 -1
  17. package/dist/components/hx-link/hx-link.d.ts +2 -0
  18. package/dist/components/hx-link/hx-link.d.ts.map +1 -1
  19. package/dist/components/hx-link/index.js +1 -1
  20. package/dist/components/hx-patient-banner/hx-patient-banner.d.ts.map +1 -1
  21. package/dist/components/hx-progress-ring/index.js +1 -1
  22. package/dist/components/hx-select/hx-select.styles.d.ts.map +1 -1
  23. package/dist/components/hx-select/index.js +1 -1
  24. package/dist/components/hx-skeleton/hx-skeleton.d.ts +1 -1
  25. package/dist/components/hx-skeleton/index.js +1 -1
  26. package/dist/components/hx-spinner/index.js +1 -1
  27. package/dist/components/hx-style-scope/hx-style-scope.d.ts +2 -2
  28. package/dist/components/hx-style-scope/hx-style-scope.d.ts.map +1 -1
  29. package/dist/components/hx-text-input/index.js +1 -1
  30. package/dist/css/helix-all.css +9 -17
  31. package/dist/css/helix-core.css +5 -5
  32. package/dist/css/helix-feedback.css +3 -3
  33. package/dist/css/helix-forms.css +1 -3
  34. package/dist/css/helix-layout.css +0 -6
  35. package/dist/css/hx-color-picker.css +1 -1
  36. package/dist/css/hx-container.css +0 -6
  37. package/dist/css/hx-link.css +1 -1
  38. package/dist/css/hx-progress-ring.css +3 -3
  39. package/dist/css/hx-select.css +0 -2
  40. package/dist/css/hx-skeleton.css +1 -1
  41. package/dist/css/hx-spinner.css +3 -3
  42. package/dist/css/index.css +1 -1
  43. package/dist/css/manifest.json +2 -2
  44. package/dist/index.js +16 -15
  45. package/dist/index.js.map +1 -1
  46. package/dist/shared/{id-counter-JhvVCnjh.js → helix-element-CZvaIEQP.js} +19 -31
  47. package/dist/shared/helix-element-CZvaIEQP.js.map +1 -0
  48. package/dist/shared/{hx-breadcrumb-item-DzLyeL5Z.js → hx-breadcrumb-item-jLAKK038.js} +2 -2
  49. package/dist/shared/hx-breadcrumb-item-jLAKK038.js.map +1 -0
  50. package/dist/shared/{hx-checkbox-CTEZ9IFq.js → hx-checkbox-C82GjRXe.js} +6 -5
  51. package/dist/shared/{hx-checkbox-CTEZ9IFq.js.map → hx-checkbox-C82GjRXe.js.map} +1 -1
  52. package/dist/shared/{hx-clinical-status-m4soOOwg.js → hx-clinical-status-BjtT5c0M.js} +24 -23
  53. package/dist/shared/hx-clinical-status-BjtT5c0M.js.map +1 -0
  54. package/dist/shared/{hx-code-snippet-CoLYvX1Z.js → hx-code-snippet-DcVENSuC.js} +6 -5
  55. package/dist/shared/hx-code-snippet-DcVENSuC.js.map +1 -0
  56. package/dist/shared/{hx-color-picker-DhOaNe6-.js → hx-color-picker-C6EIuS9t.js} +47 -46
  57. package/dist/shared/hx-color-picker-C6EIuS9t.js.map +1 -0
  58. package/dist/shared/{hx-container-31QT9KV_.js → hx-container-BwWbMPTH.js} +5 -11
  59. package/dist/shared/hx-container-BwWbMPTH.js.map +1 -0
  60. package/dist/shared/{hx-link-B8IwUMSc.js → hx-link-CN7AvGOW.js} +29 -24
  61. package/dist/shared/hx-link-CN7AvGOW.js.map +1 -0
  62. package/dist/shared/hx-patient-banner-BKiN7nIE.js.map +1 -1
  63. package/dist/shared/{hx-progress-ring-BJeiDr3q.js → hx-progress-ring-Cs0WgWDJ.js} +4 -4
  64. package/dist/shared/hx-progress-ring-Cs0WgWDJ.js.map +1 -0
  65. package/dist/shared/{hx-select-B5wq9Swh.js → hx-select-CgcgsHU5.js} +3 -4
  66. package/dist/shared/hx-select-CgcgsHU5.js.map +1 -0
  67. package/dist/shared/{hx-skeleton-e5K9Qaxq.js → hx-skeleton-tiYvKO-t.js} +11 -11
  68. package/dist/shared/hx-skeleton-tiYvKO-t.js.map +1 -0
  69. package/dist/shared/{hx-spinner-Dyese1Tb.js → hx-spinner-D6nzuGmj.js} +8 -8
  70. package/dist/shared/hx-spinner-D6nzuGmj.js.map +1 -0
  71. package/dist/shared/hx-style-scope-CsQ2Phf_.js.map +1 -1
  72. package/dist/shared/{hx-text-input-Scyeefec.js → hx-text-input-Zuodg9s_.js} +3 -2
  73. package/dist/shared/{hx-text-input-Scyeefec.js.map → hx-text-input-Zuodg9s_.js.map} +1 -1
  74. package/dist/shared/id-counter-PTgF-zcG.js +15 -0
  75. package/dist/shared/id-counter-PTgF-zcG.js.map +1 -0
  76. package/package.json +2 -2
  77. package/dist/shared/hx-breadcrumb-item-DzLyeL5Z.js.map +0 -1
  78. package/dist/shared/hx-clinical-status-m4soOOwg.js.map +0 -1
  79. package/dist/shared/hx-code-snippet-CoLYvX1Z.js.map +0 -1
  80. package/dist/shared/hx-color-picker-DhOaNe6-.js.map +0 -1
  81. package/dist/shared/hx-container-31QT9KV_.js.map +0 -1
  82. package/dist/shared/hx-link-B8IwUMSc.js.map +0 -1
  83. package/dist/shared/hx-progress-ring-BJeiDr3q.js.map +0 -1
  84. package/dist/shared/hx-select-B5wq9Swh.js.map +0 -1
  85. package/dist/shared/hx-skeleton-e5K9Qaxq.js.map +0 -1
  86. package/dist/shared/hx-spinner-Dyese1Tb.js.map +0 -1
  87. package/dist/shared/id-counter-JhvVCnjh.js.map +0 -1
@@ -5016,8 +5016,8 @@
5016
5016
  }
5017
5017
  ],
5018
5018
  "superclass": {
5019
- "name": "LitElement",
5020
- "package": "lit"
5019
+ "name": "HelixElement",
5020
+ "module": "/src/base/index.js"
5021
5021
  },
5022
5022
  "tagName": "hx-code-snippet",
5023
5023
  "customElement": true,
@@ -5765,8 +5765,8 @@
5765
5765
  }
5766
5766
  ],
5767
5767
  "superclass": {
5768
- "name": "LitElement",
5769
- "package": "lit"
5768
+ "name": "HelixElement",
5769
+ "module": "/src/base/index.js"
5770
5770
  },
5771
5771
  "tagName": "hx-color-picker",
5772
5772
  "customElement": true,
@@ -19140,7 +19140,7 @@
19140
19140
  },
19141
19141
  {
19142
19142
  "description": "Border radius for circle variant.",
19143
- "name": "--hx-skeleton-circle-radius",
19143
+ "name": "--hx-skeleton-border-radius-circle",
19144
19144
  "default": "50%"
19145
19145
  }
19146
19146
  ],
@@ -1 +1 @@
1
- {"version":3,"file":"hx-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/hx-breadcrumb/hx-breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,4CAA4C,CAAC;AAYpD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAA2B;IAEjD;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAK;IAEpC;;;OAGG;IAEH,SAAS,SAAO;IAEhB;;;OAGG;IAEH,KAAK,SAAgB;IAErB;;;;;OAKG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IACwC,aAAa,SAA+B;IAEvF;;;;;;;;;;;;;OAaG;IAEH,MAAM,UAAS;IAEf,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAwB;IAC7C,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAkC;IACvD,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA8C;IAClF,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAgD;IAEtF;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA0B;IAE/D;;;;;;;;;;OAUG;IACH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA4D;IAItF;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,oBAAoB;IAuC5B,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAkBzB,gBAAgB;IAChB,OAAO,CAAC,0BAA0B;IAWlC,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAmCtB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAUvB,gBAAgB;IAChB,OAAO,CAAC,oBAAoB;IAM5B,gBAAgB;IAChB,OAAO,CAAC,sBAAsB;IAU9B;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAYtB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA2BrB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAOZ,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAwCtD,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,eAAe,CAAC;KAClC;CACF"}
1
+ {"version":3,"file":"hx-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/hx-breadcrumb/hx-breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,4CAA4C,CAAC;AAYpD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAA2B;IAEjD;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAK;IAEpC;;;OAGG;IAEH,SAAS,SAAO;IAEhB;;;OAGG;IAEH,KAAK,SAAgB;IAErB;;;;;OAKG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IACwC,aAAa,SAA+B;IAEvF;;;;;;;;;;;;;OAaG;IAEH,MAAM,UAAS;IAEf,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAwB;IAC7C,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAkC;IACvD,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA8C;IAClF,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAgD;IAEtF;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA0B;IAE/D;;;;;;;;;;OAUG;IACH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA4D;IAItF;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,oBAAoB;IAuC5B,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAkBzB,gBAAgB;IAChB,OAAO,CAAC,0BAA0B;IAWlC,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAmCtB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAUvB,gBAAgB;IAChB,OAAO,CAAC,oBAAoB;IAM5B,gBAAgB;IAChB,OAAO,CAAC,sBAAsB;IAU9B;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAYtB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA2BrB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAOZ,iBAAiB,IAAI,IAAI;IAczB,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAwCtD,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,eAAe,CAAC;KAClC;CACF"}
@@ -1,4 +1,4 @@
1
- import { H as a, a as m } from "../../shared/hx-breadcrumb-item-DzLyeL5Z.js";
1
+ import { H as a, a as m } from "../../shared/hx-breadcrumb-item-jLAKK038.js";
2
2
  export {
3
3
  a as HelixBreadcrumb,
4
4
  m as HelixBreadcrumbItem
@@ -1,4 +1,4 @@
1
- import { H as x } from "../../shared/hx-checkbox-CTEZ9IFq.js";
1
+ import { H as x } from "../../shared/hx-checkbox-C82GjRXe.js";
2
2
  export {
3
3
  x as HelixCheckbox
4
4
  };
@@ -39,6 +39,13 @@ export type ClinicalSeverity = 'info' | 'warning' | 'critical' | 'emergent';
39
39
  */
40
40
  export declare class HelixClinicalStatus extends HelixElement {
41
41
  static styles: import('lit').CSSResult[];
42
+ /**
43
+ * ElementInternals instance for setting ARIA role without host attributes.
44
+ * Using internals prevents consumers from accidentally overriding the role
45
+ * via a host attribute, which would break critical healthcare alert semantics.
46
+ * @internal
47
+ */
48
+ private readonly _elInternals;
42
49
  /**
43
50
  * Clinical severity level that determines visual styling and ARIA semantics.
44
51
  * - `info`: Informational, non-urgent (role="status")
@@ -1 +1 @@
1
- {"version":3,"file":"hx-clinical-status.d.ts","sourceRoot":"","sources":["../../../src/components/hx-clinical-status/hx-clinical-status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,4DAA4D;AAC5D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAI5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,mBAAoB,SAAQ,YAAY;IACnD,OAAgB,MAAM,4BAA+B;IAIrD;;;;;;;OAOG;IAEH,QAAQ,EAAE,gBAAgB,CAAU;IAEpC;;;OAGG;IAEH,OAAO,SAAM;IAEb;;;;OAIG;IAEH,WAAW,UAAS;IAEpB;;;;;OAKG;IAEH,UAAU,UAAS;IAEnB;;;OAGG;IAEH,IAAI,SAAM;IAEV;;;;OAIG;IAEH,OAAO,UAAS;IAIhB,gBAAgB;IAEhB,OAAO,CAAC,kBAAkB,CAAS;IAEnC,gBAAgB;IAEhB,OAAO,CAAC,aAAa,CAAS;IAE9B;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAY;IAEhC;;;OAGG;IACH,OAAO,CAAC,wBAAwB,CAAS;IAIzC,sEAAsE;IACtE,OAAO,KAAK,YAAY,GAEvB;IAED,2DAA2D;IAC3D,OAAO,KAAK,KAAK,GAEhB;IAED,0EAA0E;IAC1E,OAAO,CAAC,cAAc;IAUtB,uEAAuE;IACvE,OAAO,KAAK,uBAAuB,GAElC;IAED,uEAAuE;IACvE,OAAO,KAAK,oBAAoB,GAK/B;IAIQ,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;cAO7E,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IASzE,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAQvB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAQ1B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAQ3B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAQ3B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAc1B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAUxB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAStB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAgBjB,MAAM;CA+DhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,mBAAmB,CAAC;KAC3C;CACF;AAED,iEAAiE;AACjE,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC"}
1
+ {"version":3,"file":"hx-clinical-status.d.ts","sourceRoot":"","sources":["../../../src/components/hx-clinical-status/hx-clinical-status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,4DAA4D;AAC5D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAI5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,mBAAoB,SAAQ,YAAY;IACnD,OAAgB,MAAM,4BAA+B;IAErD;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA0B;IAIvD;;;;;;;OAOG;IAEH,QAAQ,EAAE,gBAAgB,CAAU;IAEpC;;;OAGG;IAEH,OAAO,SAAM;IAEb;;;;OAIG;IAEH,WAAW,UAAS;IAEpB;;;;;OAKG;IAEH,UAAU,UAAS;IAEnB;;;OAGG;IAEH,IAAI,SAAM;IAEV;;;;OAIG;IAEH,OAAO,UAAS;IAIhB,gBAAgB;IAEhB,OAAO,CAAC,kBAAkB,CAAS;IAEnC,gBAAgB;IAEhB,OAAO,CAAC,aAAa,CAAS;IAE9B;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAY;IAEhC;;;OAGG;IACH,OAAO,CAAC,wBAAwB,CAAS;IAIzC,sEAAsE;IACtE,OAAO,KAAK,YAAY,GAEvB;IAED,2DAA2D;IAC3D,OAAO,KAAK,KAAK,GAEhB;IAED,0EAA0E;IAC1E,OAAO,CAAC,cAAc;IAUtB,uEAAuE;IACvE,OAAO,KAAK,uBAAuB,GAElC;IAED,uEAAuE;IACvE,OAAO,KAAK,oBAAoB,GAK/B;IAIQ,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;cAO7E,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IASzE,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAQvB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAQ1B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAQ3B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAQ3B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAc1B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAUxB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAStB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAgBjB,MAAM;CA+DhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,mBAAmB,CAAC;KAC3C;CACF;AAED,iEAAiE;AACjE,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC"}
@@ -1,4 +1,4 @@
1
- import { H as l } from "../../shared/hx-clinical-status-m4soOOwg.js";
1
+ import { H as l } from "../../shared/hx-clinical-status-BjtT5c0M.js";
2
2
  export {
3
3
  l as HelixClinicalStatus
4
4
  };
@@ -1,4 +1,5 @@
1
- import { LitElement, nothing, TemplateResult } from 'lit';
1
+ import { nothing, TemplateResult } from 'lit';
2
+ import { HelixElement } from '../../base/index.js';
2
3
  /**
3
4
  * A styled code block with optional copy button and max-lines truncation.
4
5
  * Supports block (`<pre><code>`) and inline (`<code>`) rendering modes.
@@ -27,7 +28,7 @@ import { LitElement, nothing, TemplateResult } from 'lit';
27
28
  * @cssprop [--hx-code-snippet-border-radius=var(--hx-border-radius-md,0.375rem)] - Border radius.
28
29
  * @cssprop [--hx-code-snippet-padding=var(--hx-space-4,1rem)] - Inner padding (block mode).
29
30
  */
30
- export declare class HelixCodeSnippet extends LitElement {
31
+ export declare class HelixCodeSnippet extends HelixElement {
31
32
  static styles: import('lit').CSSResult[];
32
33
  /**
33
34
  * Language hint for consumers to apply syntax highlighting.
@@ -1 +1 @@
1
- {"version":3,"file":"hx-code-snippet.d.ts","sourceRoot":"","sources":["../../../src/components/hx-code-snippet/hx-code-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAChE,OAAO,4CAA4C,CAAC;AAKpD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAA4B;IAIlD;;;;;OAKG;IAEH,QAAQ,EAAE,MAAM,CAAM;IAEtB;;;OAGG;IAEH,MAAM,EAAE,OAAO,CAAS;IAExB;;;OAGG;IAEH,IAAI,EAAE,OAAO,CAAS;IAEtB;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B;;;;OAIG;IAEH,QAAQ,EAAE,MAAM,CAAK;IAErB;;;;OAIG;IAEH,WAAW,EAAE,OAAO,CAAS;IAE7B;;;OAGG;IAEH,SAAS,SAAe;IAExB;;;OAGG;IAEH,WAAW,SAAa;IAExB;;;OAGG;IAEH,aAAa,SAAe;IAE5B;;;OAGG;IAEH,aAAa,SAAe;IAI5B,gBAAgB;IACP,OAAO,CAAC,OAAO,CAAkB;IAC1C,gBAAgB;IACP,OAAO,CAAC,SAAS,CAAkB;IAC5C,gBAAgB;IACP,OAAO,CAAC,SAAS,CAAc;IAExC,gBAAgB;IAChB,OAAO,CAAC,UAAU,CAA8C;IAIvD,YAAY,IAAI,IAAI;IAWpB,oBAAoB,IAAI,IAAI;IAUrC,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAwBnB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAMrB,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAWxB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAMpB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAaX,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO;CAsEnD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,gBAAgB,CAAC;KACrC;CACF"}
1
+ {"version":3,"file":"hx-code-snippet.d.ts","sourceRoot":"","sources":["../../../src/components/hx-code-snippet/hx-code-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBACa,gBAAiB,SAAQ,YAAY;IAChD,OAAgB,MAAM,4BAA4B;IAIlD;;;;;OAKG;IAEH,QAAQ,EAAE,MAAM,CAAM;IAEtB;;;OAGG;IAEH,MAAM,EAAE,OAAO,CAAS;IAExB;;;OAGG;IAEH,IAAI,EAAE,OAAO,CAAS;IAEtB;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B;;;;OAIG;IAEH,QAAQ,EAAE,MAAM,CAAK;IAErB;;;;OAIG;IAEH,WAAW,EAAE,OAAO,CAAS;IAE7B;;;OAGG;IAEH,SAAS,SAAe;IAExB;;;OAGG;IAEH,WAAW,SAAa;IAExB;;;OAGG;IAEH,aAAa,SAAe;IAE5B;;;OAGG;IAEH,aAAa,SAAe;IAI5B,gBAAgB;IACP,OAAO,CAAC,OAAO,CAAkB;IAC1C,gBAAgB;IACP,OAAO,CAAC,SAAS,CAAkB;IAC5C,gBAAgB;IACP,OAAO,CAAC,SAAS,CAAc;IAExC,gBAAgB;IAChB,OAAO,CAAC,UAAU,CAA8C;IAIvD,YAAY,IAAI,IAAI;IAWpB,oBAAoB,IAAI,IAAI;IAUrC,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAwBnB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAMrB,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAWxB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAMpB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAaX,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO;CAsEnD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,gBAAgB,CAAC;KACrC;CACF"}
@@ -1,4 +1,4 @@
1
- import { H as p } from "../../shared/hx-code-snippet-CoLYvX1Z.js";
1
+ import { H as p } from "../../shared/hx-code-snippet-DcVENSuC.js";
2
2
  export {
3
3
  p as HelixCodeSnippet
4
4
  };
@@ -1,4 +1,5 @@
1
- import { LitElement, PropertyValues } from 'lit';
1
+ import { PropertyValues } from 'lit';
2
+ import { HelixElement } from '../../base/index.js';
2
3
  import { ColorFormat } from './color-utils.js';
3
4
  export type { ColorFormat };
4
5
  /**
@@ -56,18 +57,13 @@ export type { ColorFormat };
56
57
  * ></hx-color-picker>
57
58
  * ```
58
59
  */
59
- export declare class HelixColorPicker extends LitElement {
60
+ export declare class HelixColorPicker extends HelixElement {
60
61
  static styles: import('lit').CSSResult[];
61
62
  /**
62
63
  * Declares this element as form-associated so it participates in native form submission.
63
64
  * @internal
64
65
  */
65
66
  static formAssociated: boolean;
66
- /**
67
- * ElementInternals instance used for form participation and constraint validation.
68
- * @internal
69
- */
70
- private _internals;
71
67
  constructor();
72
68
  /**
73
69
  * Current color value as a CSS color string.
@@ -198,11 +194,11 @@ export declare class HelixColorPicker extends LitElement {
198
194
  /** @internal */
199
195
  private _syncFromValue;
200
196
  /** @internal */
201
- formDisabledCallback(disabled: boolean): void;
197
+ protected _onFormDisabled(disabled: boolean): void;
202
198
  /** @internal */
203
- formResetCallback(): void;
199
+ protected _onFormReset(): void;
204
200
  /** @internal */
205
- formStateRestoreCallback(state: string | File | FormData | null, _mode: 'restore' | 'autocomplete'): void;
201
+ protected _onFormStateRestore(state: string | File | FormData | null, _mode: 'restore' | 'autocomplete'): void;
206
202
  /** Returns the ValidityState object. */
207
203
  get validity(): ValidityState;
208
204
  /** Returns the current validation message. */
@@ -1 +1 @@
1
- {"version":3,"file":"hx-color-picker.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"hx-color-picker.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"hx-color-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,yBAAgjL,CAAC"}
1
+ {"version":3,"file":"hx-color-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,yBAAwjL,CAAC"}
@@ -1,4 +1,4 @@
1
- import { H as e } from "../../shared/hx-color-picker-DhOaNe6-.js";
1
+ import { H as e } from "../../shared/hx-color-picker-C6EIuS9t.js";
2
2
  export {
3
3
  e as HelixColorPicker
4
4
  };
@@ -1 +1 @@
1
- {"version":3,"file":"hx-container.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-container/hx-container.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBAkFhC,CAAC"}
1
+ {"version":3,"file":"hx-container.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-container/hx-container.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA4EhC,CAAC"}
@@ -1,4 +1,4 @@
1
- import { H as r } from "../../shared/hx-container-31QT9KV_.js";
1
+ import { H as r } from "../../shared/hx-container-BwWbMPTH.js";
2
2
  export {
3
3
  r as HelixContainer
4
4
  };
@@ -75,6 +75,8 @@ export declare class HelixLink extends LitElement {
75
75
  * @attr rel
76
76
  */
77
77
  rel: string | undefined;
78
+ /** @internal Blocks Enter and Space activation on disabled span. */
79
+ private _handleDisabledKeydown;
78
80
  /** @internal */
79
81
  private _handleClick;
80
82
  /** @internal */
@@ -1 +1 @@
1
- {"version":3,"file":"hx-link.d.ts","sourceRoot":"","sources":["../../../src/components/hx-link/hx-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AACrD,OAAO,4CAA4C,CAAC;AAMpD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,4BAAqB;IAE3C;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;;;OAKG;IAEH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAa;IAErD;;;;;OAKG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAEzC;;;;OAIG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAIpC,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAkBpB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAMnB,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAuBlB,MAAM;CAqChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,SAAS,CAAC;KACtB;CACF"}
1
+ {"version":3,"file":"hx-link.d.ts","sourceRoot":"","sources":["../../../src/components/hx-link/hx-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AACrD,OAAO,4CAA4C,CAAC;AAMpD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,4BAAqB;IAE3C;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;;;OAKG;IAEH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAa;IAErD;;;;;OAKG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAEzC;;;;OAIG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAIpC,oEAAoE;IACpE,OAAO,CAAC,sBAAsB;IAM9B,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAkBpB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAMnB,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAuBlB,MAAM;CAsChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,SAAS,CAAC;KACtB;CACF"}
@@ -1,4 +1,4 @@
1
- import { H as o } from "../../shared/hx-link-B8IwUMSc.js";
1
+ import { H as o } from "../../shared/hx-link-CN7AvGOW.js";
2
2
  export {
3
3
  o as HelixLink
4
4
  };
@@ -1 +1 @@
1
- {"version":3,"file":"hx-patient-banner.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,4CAA4C,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAA8B;IAIpD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAA4B;IAEhD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAkB;IAEnC;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAS;IAEzB;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAmB;IAEnC;;;OAGG;IAEH,cAAc,EAAE,MAAM,CAAe;IAErC;;;OAGG;IAEH,eAAe,EAAE,MAAM,CAAiB;IAExC;;;;;OAKG;IASH,qBAAqB,EAAE,OAAO,CAAQ;IAItC,gBAAgB;IACP,OAAO,CAAC,gBAAgB,CAAa;IAE9C,gBAAgB;IACP,OAAO,CAAC,YAAY,CAAkB;IAI/C,gBAAgB;IACY,OAAO,CAAC,SAAS,CAAmB;IAEhE,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAAmB;IAE9D,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAAmB;IAIrD,iBAAiB,IAAI,IAAI;cAMf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAczE,OAAO,CAAC,0BAA0B;IAalC,OAAO,CAAC,oBAAoB;IA0B5B,OAAO,CAAC,iBAAiB;IAMhB,MAAM;CA6DhB;AAED,MAAM,WAAW,oCAAoC;IACnD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,kBAAkB,CAAC;KACzC;CACF"}
1
+ {"version":3,"file":"hx-patient-banner.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,4CAA4C,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAA8B;IAIpD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAA4B;IAEhD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAkB;IAEnC;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAS;IAEzB;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAmB;IAEnC;;;OAGG;IAEH,cAAc,EAAE,MAAM,CAAe;IAErC;;;OAGG;IAEH,eAAe,EAAE,MAAM,CAAiB;IAExC;;;;;OAKG;IASH,qBAAqB,EAAE,OAAO,CAAQ;IAItC,gBAAgB;IACP,OAAO,CAAC,gBAAgB,CAAa;IAE9C,gBAAgB;IACP,OAAO,CAAC,YAAY,CAAkB;IAI/C,gBAAgB;IACY,OAAO,CAAC,SAAS,CAA0B;IAEvE,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAA0B;IAErE,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAA0B;IAI5D,iBAAiB,IAAI,IAAI;cAMf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAczE,OAAO,CAAC,0BAA0B;IAalC,OAAO,CAAC,oBAAoB;IA0B5B,OAAO,CAAC,iBAAiB;IAMhB,MAAM;CA6DhB;AAED,MAAM,WAAW,oCAAoC;IACnD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,kBAAkB,CAAC;KACzC;CACF"}
@@ -1,4 +1,4 @@
1
- import { H as o } from "../../shared/hx-progress-ring-BJeiDr3q.js";
1
+ import { H as o } from "../../shared/hx-progress-ring-Cs0WgWDJ.js";
2
2
  export {
3
3
  o as HelixProgressRing
4
4
  };
@@ -1 +1 @@
1
- {"version":3,"file":"hx-select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAuS7B,CAAC"}
1
+ {"version":3,"file":"hx-select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAqS7B,CAAC"}
@@ -1,4 +1,4 @@
1
- import { H as o } from "../../shared/hx-select-B5wq9Swh.js";
1
+ import { H as o } from "../../shared/hx-select-CgcgsHU5.js";
2
2
  export {
3
3
  o as HelixSelect
4
4
  };
@@ -17,7 +17,7 @@ import { LitElement, PropertyValues } from 'lit';
17
17
  * @cssprop [--hx-skeleton-text-radius=var(--hx-border-radius-full)] - Border radius for text variant.
18
18
  * @cssprop [--hx-skeleton-rect-radius=var(--hx-border-radius-sm)] - Border radius for rect variant.
19
19
  * @cssprop [--hx-skeleton-button-radius=var(--hx-border-radius-md)] - Border radius for button variant.
20
- * @cssprop [--hx-skeleton-circle-radius=50%] - Border radius for circle variant.
20
+ * @cssprop [--hx-skeleton-border-radius-circle=50%] - Border radius for circle variant.
21
21
  *
22
22
  * @fires hx-loaded - Dispatched when `loaded` transitions to `true`. Consumers should use
23
23
  * this event to update an external `aria-live` region announcing content availability.
@@ -1,4 +1,4 @@
1
- import { H as l } from "../../shared/hx-skeleton-e5K9Qaxq.js";
1
+ import { H as l } from "../../shared/hx-skeleton-tiYvKO-t.js";
2
2
  export {
3
3
  l as HelixSkeleton
4
4
  };
@@ -1,4 +1,4 @@
1
- import { H as i } from "../../shared/hx-spinner-Dyese1Tb.js";
1
+ import { H as i } from "../../shared/hx-spinner-D6nzuGmj.js";
2
2
  export {
3
3
  i as HelixSpinner
4
4
  };
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { LitElement, PropertyValues } from 'lit';
2
2
  /**
3
3
  * A transparent wrapper component that injects scoped light DOM styles for its
4
4
  * slotted children. Designed for use in Drupal Twig templates where slotted
@@ -55,7 +55,7 @@ export declare class HxStyleScope extends LitElement {
55
55
  */
56
56
  lightCss: string;
57
57
  connectedCallback(): void;
58
- updated(changed: Map<string, unknown>): void;
58
+ protected updated(changed: PropertyValues<this>): void;
59
59
  /**
60
60
  * Applies the `data-hx-styled` attribute and triggers style injection.
61
61
  * Called on connect and whenever `component` or `lightCss` changes.
@@ -1 +1 @@
1
- {"version":3,"file":"hx-style-scope.d.ts","sourceRoot":"","sources":["../../../src/components/hx-style-scope/hx-style-scope.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AACvC,OAAO,4CAA4C,CAAC;AAKpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAwB;IAE9C;;;;;;;;;OASG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;;;;;;;OASG;IAEH,QAAQ,EAAE,MAAM,CAAM;IAEb,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMrD;;;OAGG;IACH,OAAO,CAAC,WAAW;IAWV,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
1
+ {"version":3,"file":"hx-style-scope.d.ts","sourceRoot":"","sources":["../../../src/components/hx-style-scope/hx-style-scope.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,4CAA4C,CAAC;AAKpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAwB;IAE9C;;;;;;;;;OASG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;;;;;;;OASG;IAEH,QAAQ,EAAE,MAAM,CAAM;IAEb,iBAAiB,IAAI,IAAI;cAKf,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM/D;;;OAGG;IACH,OAAO,CAAC,WAAW;IAWV,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
@@ -1,4 +1,4 @@
1
- import { H as x } from "../../shared/hx-text-input-Scyeefec.js";
1
+ import { H as x } from "../../shared/hx-text-input-Zuodg9s_.js";
2
2
  export {
3
3
  x as HelixTextInput
4
4
  };
@@ -2393,7 +2393,7 @@
2393
2393
  border: 0;
2394
2394
  }
2395
2395
  /* ── hx-color-picker ── */
2396
- :host{display:inline-block;position:relative;font-family:var(--hx-font-family-sans, sans-serif);font-size:var(--hx-font-size-sm, .875rem)}:host([disabled]){pointer-events:none;opacity:var(--hx-opacity-disabled, .4)}.trigger{display:inline-flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-1, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-md, .375rem);background:var(--hx-color-neutral-0, #fff);cursor:pointer;transition:border-color var(--hx-transition-fast, .15s ease)}.trigger:hover:not([disabled]){border-color:var(--hx-color-primary-500, #3b82f6)}:is(.trigger,.gradient-grid,.slider-track,.swatch-btn,.format-btn):focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500));outline-offset:var(--hx-focus-ring-offset, 2px)}.trigger-swatch{width:1.5rem;height:1.5rem;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);display:block;flex-shrink:0}.trigger-label{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-700, #374151);font-family:var(--hx-font-family-mono, monospace);white-space:nowrap}.panel{position:absolute;z-index:var(--hx-color-picker-z-index, 1000);top:calc(100% + 4px);left:0;background:var(--hx-color-neutral-0, #fff);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem);box-shadow:0 8px 24px var(--hx-color-picker-panel-shadow, var(--hx-overlay-black-15, rgba(0, 0, 0, .15)));padding:var(--hx-space-4, 1rem);width:var(--hx-color-picker-width, 260px);display:flex;flex-direction:column;gap:var(--hx-space-3, .75rem);outline:none}:host([inline]) .panel{position:static;box-shadow:none;border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem)}.gradient-grid{position:relative;width:100%;height:var(--hx-color-picker-grid-height, 160px);border-radius:var(--hx-border-radius-sm, .25rem);cursor:crosshair;overflow:hidden;touch-action:none;flex-shrink:0}.gradient-grid-bg{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,var(--_hue-color, hsl(0, 100%, 50%)));pointer-events:none}.gradient-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;top:var(--_thumb-y, 0%);left:var(--_thumb-x, 100%)}.slider-track{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;flex-shrink:0}.hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.opacity-track{background-image:linear-gradient(to right,transparent,var(--_hue-color, hsl(0, 100%, 50%))),repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;left:var(--_slider-pct, 0%);background:var(--_thumb-color, hsl(0, 100%, 50%))}.swatches{display:flex;flex-wrap:wrap;gap:var(--hx-space-1, .25rem)}.swatch-btn{width:20px;height:20px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--hx-transition-fast, .15s ease)}.swatch-btn:hover{transform:scale(1.15);border-color:var( --hx-color-picker-swatch-border-hover, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)) )}.input-area{display:flex;align-items:center;gap:var(--hx-space-2, .5rem)}.format-btn{flex-shrink:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);background:var(--hx-color-neutral-100, #f3f4f6);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);cursor:pointer;font-size:var(--hx-font-size-xs, .75rem);color:var(--hx-color-neutral-600, #4b5563);text-transform:uppercase;font-weight:var(--hx-font-weight-semibold, 600);letter-spacing:.05em}.color-input{flex:1;min-width:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);font-family:var(--hx-font-family-mono, monospace);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-900, #111827);background:var(--hx-color-neutral-0, #fff);outline:none}.color-input:focus{border-color:var(--hx-focus-ring-color, var(--hx-color-primary-500));box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-focus-ring-color, var(--hx-color-primary-500)) 20%,transparent)}.input-preview{width:24px;height:24px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);flex-shrink:0}@media(prefers-reduced-motion:reduce){.trigger,.swatch-btn{transition:none}}
2396
+ :host{display:inline-block;position:relative;font-family:var(--hx-font-family-sans, sans-serif);font-size:var(--hx-font-size-sm, .875rem)}:host([disabled]){pointer-events:none;opacity:var(--hx-opacity-disabled, .4)}.trigger{display:inline-flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-1, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-md, .375rem);background:var(--hx-color-neutral-0, #fff);cursor:pointer;transition:border-color var(--hx-transition-fast, .15s ease)}.trigger:hover:not([disabled]){border-color:var(--hx-color-primary-500, #3b82f6)}:is(.trigger,.gradient-grid,.slider-track,.swatch-btn,.format-btn):focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500));outline-offset:var(--hx-focus-ring-offset, 2px)}.trigger-swatch{width:1.5rem;height:1.5rem;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);display:block;flex-shrink:0}.trigger-label{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-700, #374151);font-family:var(--hx-font-family-mono, monospace);white-space:nowrap}.panel{position:absolute;z-index:var(--hx-color-picker-z-index, 1000);top:calc(100% + 4px);left:0;background:var(--hx-color-neutral-0, #fff);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem);box-shadow:0 8px 24px var(--hx-color-picker-panel-shadow, var(--hx-overlay-black-15, rgba(0, 0, 0, .15)));padding:var(--hx-space-4, 1rem);width:var(--hx-color-picker-width, 260px);display:flex;flex-direction:column;gap:var(--hx-space-3, .75rem);outline:none}:host([inline]) .panel{position:static;box-shadow:none;border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem)}.gradient-grid{position:relative;width:100%;height:var(--hx-color-picker-grid-height, 160px);border-radius:var(--hx-border-radius-sm, .25rem);cursor:crosshair;overflow:hidden;touch-action:none;flex-shrink:0}.gradient-grid-bg{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,var(--_hue-color, hsl(0, 100%, 50%)));pointer-events:none}.gradient-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;top:var(--_thumb-y, 0%);left:var(--_thumb-x, 100%)}.slider-track{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;flex-shrink:0}.hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.opacity-track{background-image:linear-gradient(to right,transparent,var(--_hue-color, hsl(0, 100%, 50%))),repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;left:var(--_slider-pct, 0%);background:var(--_thumb-color, hsl(0, 100%, 50%))}.swatches{display:flex;flex-wrap:wrap;gap:var(--hx-space-1, .25rem)}.swatch-btn{width:20px;height:20px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--hx-transition-fast, .15s ease)}.swatch-btn:hover{transform:scale(1.15);border-color:var( --hx-color-picker-swatch-border-hover, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)) )}.input-area{display:flex;align-items:center;gap:var(--hx-space-2, .5rem)}.format-btn{flex-shrink:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);background:var(--hx-color-neutral-100, #f3f4f6);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);cursor:pointer;font-size:var(--hx-font-size-xs, .75rem);color:var(--hx-color-neutral-600, #4b5563);text-transform:uppercase;font-weight:var(--hx-font-weight-semibold, 600);letter-spacing:.05em}.color-input{flex:1;min-width:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);font-family:var(--hx-font-family-mono, monospace);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-900, #111827);background:var(--hx-color-neutral-0, #fff);outline:none}.color-input:focus-visible{border-color:var(--hx-focus-ring-color, var(--hx-color-primary-500));box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-focus-ring-color, var(--hx-color-primary-500)) 20%,transparent)}.input-preview{width:24px;height:24px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);flex-shrink:0}@media(prefers-reduced-motion:reduce){.trigger,.swatch-btn{transition:none}}
2397
2397
  /* ── hx-combobox ── */
2398
2398
  :host{display:block}:host([disabled]){opacity:var(--hx-opacity-disabled, .5);pointer-events:none}*{box-sizing:border-box}.field{display:flex;flex-direction:column;gap:var(--hx-space-1, .25rem);font-family:var(--hx-combobox-font-family, var(--hx-font-family-sans, sans-serif));position:relative}.field__label{display:flex;align-items:baseline;gap:var(--hx-space-1, .25rem);font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-combobox-label-color, var(--hx-color-neutral-700, #343a40));line-height:var(--hx-line-height-normal, 1.5)}.field__required-marker{color:var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c));font-weight:var(--hx-font-weight-bold, 700)}.field__input-wrapper{position:relative;display:flex;align-items:center;border:var(--hx-border-width-thin, 1px) solid var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));border-radius:var(--hx-combobox-border-radius, var(--hx-border-radius-md, .375rem));background-color:var(--hx-combobox-bg, var(--hx-color-neutral-0, #ffffff));transition:border-color var(--hx-transition-fast, .15s ease),box-shadow var(--hx-transition-fast, .15s ease)}.field__input-wrapper:focus-within{border-color:var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa)));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field--error .field__input-wrapper{border-color:var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545))}.field--error .field__input-wrapper:focus-within{border-color:var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545)) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field__prefix,.field__suffix{display:flex;align-items:center;padding:0 var(--hx-space-2, .5rem);color:var(--hx-color-neutral-500, #6c757d);flex-shrink:0}.field__input{flex:1;min-width:0;min-height:var(--hx-input-height-md, var(--hx-size-10, 2.5rem));border:none;background:transparent;outline:none;font-family:inherit;font-size:var(--hx-font-size-md, 1rem);line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));padding:var(--hx-space-2, .5rem) var(--hx-space-3, .75rem)}.field__input::placeholder{color:var(--hx-color-neutral-400, #adb5bd)}.field__input--sm{min-height:var(--hx-input-height-sm, var(--hx-size-8, 2rem));font-size:var(--hx-font-size-sm, .875rem);padding:var(--hx-space-1, .25rem) var(--hx-space-3, .75rem)}.field__input--lg{min-height:var(--hx-input-height-lg, var(--hx-size-12, 3rem));font-size:var(--hx-font-size-lg, 1.125rem);padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem)}.field__clear-button,.field__loading-indicator{display:flex;align-items:center;justify-content:center;margin-inline-end:var(--hx-space-2, .5rem);flex-shrink:0;color:var(--hx-color-neutral-400, #adb5bd)}.field__clear-button{width:1.25rem;height:1.25rem;border:none;background:transparent;cursor:pointer;padding:0;border-radius:var(--hx-border-radius-full, 9999px);transition:color var(--hx-transition-fast, .15s ease)}.field__clear-button:hover{color:var(--hx-color-neutral-700, #343a40)}.field__clear-button:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-focus-ring-offset, 2px)}.field__loading-indicator{width:1rem;height:1rem}.field__loading-spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:hx-spin .7s linear infinite}@keyframes hx-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.field__loading-spinner{animation:none}}.field__listbox{position:absolute;top:calc(100% + var(--hx-space-1, .25rem));left:0;right:0;z-index:var(--hx-z-index-dropdown, 100);background-color:var(--hx-combobox-listbox-bg, var(--hx-color-neutral-0, #ffffff));border:var(--hx-border-width-thin, 1px) solid var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));border-radius:var(--hx-combobox-border-radius, var(--hx-border-radius-md, .375rem));box-shadow:var( --hx-combobox-listbox-shadow, 0 4px 16px color-mix(in srgb, var(--hx-color-neutral-900, #0d1117) 12%, transparent) );max-height:var(--hx-combobox-listbox-max-height, 16rem);overflow:hidden;display:flex;flex-direction:column}.field__listbox[hidden]{display:none}.field__options{overflow-y:auto;flex:1;padding:var(--hx-space-1, .25rem) 0}.field__option{display:flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-2, .5rem) var(--hx-space-3, .75rem);font-size:var(--hx-font-size-md, 1rem);color:var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color var(--hx-transition-fast, .15s ease)}.field__option:hover{background-color:var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff))}.field__option--selected{background-color:var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe));font-weight:var(--hx-font-weight-medium, 500)}.field__option--focused{background-color:var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff));outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-combobox-option-focus-ring-offset, -2px)}.field__option--focused.field__option--selected{background-color:var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe))}.field__option--disabled{opacity:var(--hx-opacity-disabled, .5);cursor:not-allowed;pointer-events:none}.field__option-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field__no-options{padding:var(--hx-space-3, .75rem);text-align:center;color:var(--hx-color-neutral-400, #adb5bd);font-size:var(--hx-font-size-sm, .875rem)}.field__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field__help-text,.field__error{font-size:var(--hx-font-size-xs, .75rem);line-height:var(--hx-line-height-normal, 1.5)}.field__help-text{color:var(--hx-color-neutral-500, #6c757d)}.field__error{color:var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c))}@media(prefers-reduced-motion:reduce){.field__input-wrapper,.field__option,.field__clear-button,.field__chip-remove{transition:none}}:host([multiple]) .field__input-wrapper{flex-wrap:wrap;padding:var(--hx-space-1, .25rem);gap:var(--hx-space-1, .25rem);align-items:center}:host([multiple]) .field__input{min-width:8rem;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);flex-shrink:1}.field__chip{display:inline-flex;align-items:center;gap:var(--hx-space-1, .25rem);padding:0 var(--hx-space-1, .25rem) 0 var(--hx-space-2, .5rem);height:1.5rem;background-color:var(--hx-combobox-chip-bg, var(--hx-color-primary-100, #dbeafe));color:var(--hx-combobox-chip-color, var(--hx-color-primary-800, #1e40af));border-radius:var(--hx-border-radius-full, 9999px);font-size:var(--hx-font-size-sm, .875rem);white-space:nowrap;max-width:12rem;flex-shrink:0}.field__chip-label{overflow:hidden;text-overflow:ellipsis;max-width:8rem}.field__chip-remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border:none;background:none;cursor:pointer;padding:0;color:inherit;opacity:.7;border-radius:50%;line-height:1;transition:opacity var(--hx-transition-fast, .15s ease)}.field__chip-remove:hover{opacity:1;background-color:var(--hx-combobox-chip-remove-hover-bg, var(--hx-color-primary-200, #bfdbfe))}.field__chip-remove:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-focus-ring-offset, 2px);opacity:1}
2399
2399
  /* ── hx-container ── */
@@ -2407,12 +2407,6 @@
2407
2407
 
2408
2408
  /* ─── Vertical Padding Variants ─── */
2409
2409
 
2410
- /* Defensive reset: ensures zero vertical padding even if a future base rule adds it */
2411
- :host([padding='none']) {
2412
- padding-top: 0;
2413
- padding-bottom: 0;
2414
- }
2415
-
2416
2410
  :host([padding='sm']) {
2417
2411
  padding-top: var(--hx-space-6, 1.5rem);
2418
2412
  padding-bottom: var(--hx-space-6, 1.5rem);
@@ -4256,7 +4250,7 @@ export const helixGridItemStyles = css`
4256
4250
  .link--disabled {
4257
4251
  color: var(--hx-link-color-disabled, var(--hx-color-neutral-400, #94a3b8));
4258
4252
  text-decoration: none;
4259
- pointer-events: none;
4253
+ cursor: not-allowed;
4260
4254
  }
4261
4255
 
4262
4256
  /* --- External link icon --- */
@@ -5858,18 +5852,18 @@ export const helixGridItemStyles = css`
5858
5852
 
5859
5853
  /* ─── Size Variants ─── */
5860
5854
 
5861
- :host([size='sm']) .progress-ring {
5855
+ :host([hx-size='sm']) .progress-ring {
5862
5856
  width: var(--hx-size-8, 2rem);
5863
5857
  height: var(--hx-size-8, 2rem);
5864
5858
  }
5865
5859
 
5866
- :host([size='md']) .progress-ring,
5860
+ :host([hx-size='md']) .progress-ring,
5867
5861
  .progress-ring {
5868
5862
  width: var(--hx-size-12, 3rem);
5869
5863
  height: var(--hx-size-12, 3rem);
5870
5864
  }
5871
5865
 
5872
- :host([size='lg']) .progress-ring {
5866
+ :host([hx-size='lg']) .progress-ring {
5873
5867
  width: var(--hx-size-16, 4rem);
5874
5868
  height: var(--hx-size-16, 4rem);
5875
5869
  }
@@ -6163,7 +6157,6 @@ export const helixGridItemStyles = css`
6163
6157
  outline: none;
6164
6158
  }
6165
6159
 
6166
- .field__trigger:focus,
6167
6160
  .field__trigger:focus-visible {
6168
6161
  border-color: var(--_focus-ring-color);
6169
6162
  box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
@@ -6232,7 +6225,6 @@ export const helixGridItemStyles = css`
6232
6225
  border-color: var(--_error-color);
6233
6226
  }
6234
6227
 
6235
- .field--error .field__trigger:focus,
6236
6228
  .field--error .field__trigger:focus-visible {
6237
6229
  border-color: var(--_error-color);
6238
6230
  box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
@@ -6533,7 +6525,7 @@ export const helixGridItemStyles = css`
6533
6525
  }
6534
6526
 
6535
6527
  .skeleton--circle {
6536
- border-radius: var(--hx-skeleton-circle-radius, 50%);
6528
+ border-radius: var(--hx-skeleton-border-radius-circle, 50%);
6537
6529
  aspect-ratio: var(--_circle-aspect-ratio, 1);
6538
6530
  width: var(--_width, 2.5rem);
6539
6531
  height: var(--_height, var(--_width, 2.5rem));
@@ -6948,15 +6940,15 @@ export const helixGridItemStyles = css`
6948
6940
 
6949
6941
  /* ─── Size Variants ─── */
6950
6942
 
6951
- :host([size='sm']) {
6943
+ :host([hx-size='sm']) {
6952
6944
  --_spinner-size: var(--hx-size-4, 1rem);
6953
6945
  }
6954
6946
 
6955
- :host([size='md']) {
6947
+ :host([hx-size='md']) {
6956
6948
  --_spinner-size: var(--hx-size-6, 1.5rem);
6957
6949
  }
6958
6950
 
6959
- :host([size='lg']) {
6951
+ :host([hx-size='lg']) {
6960
6952
  --_spinner-size: var(--hx-size-8, 2rem);
6961
6953
  }
6962
6954
 
@@ -1306,7 +1306,7 @@
1306
1306
  .link--disabled {
1307
1307
  color: var(--hx-link-color-disabled, var(--hx-color-neutral-400, #94a3b8));
1308
1308
  text-decoration: none;
1309
- pointer-events: none;
1309
+ cursor: not-allowed;
1310
1310
  }
1311
1311
 
1312
1312
  /* --- External link icon --- */
@@ -1365,7 +1365,7 @@
1365
1365
  }
1366
1366
 
1367
1367
  .skeleton--circle {
1368
- border-radius: var(--hx-skeleton-circle-radius, 50%);
1368
+ border-radius: var(--hx-skeleton-border-radius-circle, 50%);
1369
1369
  aspect-ratio: var(--_circle-aspect-ratio, 1);
1370
1370
  width: var(--_width, 2.5rem);
1371
1371
  height: var(--_height, var(--_width, 2.5rem));
@@ -1493,15 +1493,15 @@
1493
1493
 
1494
1494
  /* ─── Size Variants ─── */
1495
1495
 
1496
- :host([size='sm']) {
1496
+ :host([hx-size='sm']) {
1497
1497
  --_spinner-size: var(--hx-size-4, 1rem);
1498
1498
  }
1499
1499
 
1500
- :host([size='md']) {
1500
+ :host([hx-size='md']) {
1501
1501
  --_spinner-size: var(--hx-size-6, 1.5rem);
1502
1502
  }
1503
1503
 
1504
- :host([size='lg']) {
1504
+ :host([hx-size='lg']) {
1505
1505
  --_spinner-size: var(--hx-size-8, 2rem);
1506
1506
  }
1507
1507
 
@@ -774,18 +774,18 @@
774
774
 
775
775
  /* ─── Size Variants ─── */
776
776
 
777
- :host([size='sm']) .progress-ring {
777
+ :host([hx-size='sm']) .progress-ring {
778
778
  width: var(--hx-size-8, 2rem);
779
779
  height: var(--hx-size-8, 2rem);
780
780
  }
781
781
 
782
- :host([size='md']) .progress-ring,
782
+ :host([hx-size='md']) .progress-ring,
783
783
  .progress-ring {
784
784
  width: var(--hx-size-12, 3rem);
785
785
  height: var(--hx-size-12, 3rem);
786
786
  }
787
787
 
788
- :host([size='lg']) .progress-ring {
788
+ :host([hx-size='lg']) .progress-ring {
789
789
  width: var(--hx-size-16, 4rem);
790
790
  height: var(--hx-size-16, 4rem);
791
791
  }
@@ -297,7 +297,7 @@
297
297
  line-height: var(--hx-line-height-normal);
298
298
  }
299
299
  /* ── hx-color-picker ── */
300
- :host{display:inline-block;position:relative;font-family:var(--hx-font-family-sans, sans-serif);font-size:var(--hx-font-size-sm, .875rem)}:host([disabled]){pointer-events:none;opacity:var(--hx-opacity-disabled, .4)}.trigger{display:inline-flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-1, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-md, .375rem);background:var(--hx-color-neutral-0, #fff);cursor:pointer;transition:border-color var(--hx-transition-fast, .15s ease)}.trigger:hover:not([disabled]){border-color:var(--hx-color-primary-500, #3b82f6)}:is(.trigger,.gradient-grid,.slider-track,.swatch-btn,.format-btn):focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500));outline-offset:var(--hx-focus-ring-offset, 2px)}.trigger-swatch{width:1.5rem;height:1.5rem;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);display:block;flex-shrink:0}.trigger-label{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-700, #374151);font-family:var(--hx-font-family-mono, monospace);white-space:nowrap}.panel{position:absolute;z-index:var(--hx-color-picker-z-index, 1000);top:calc(100% + 4px);left:0;background:var(--hx-color-neutral-0, #fff);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem);box-shadow:0 8px 24px var(--hx-color-picker-panel-shadow, var(--hx-overlay-black-15, rgba(0, 0, 0, .15)));padding:var(--hx-space-4, 1rem);width:var(--hx-color-picker-width, 260px);display:flex;flex-direction:column;gap:var(--hx-space-3, .75rem);outline:none}:host([inline]) .panel{position:static;box-shadow:none;border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem)}.gradient-grid{position:relative;width:100%;height:var(--hx-color-picker-grid-height, 160px);border-radius:var(--hx-border-radius-sm, .25rem);cursor:crosshair;overflow:hidden;touch-action:none;flex-shrink:0}.gradient-grid-bg{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,var(--_hue-color, hsl(0, 100%, 50%)));pointer-events:none}.gradient-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;top:var(--_thumb-y, 0%);left:var(--_thumb-x, 100%)}.slider-track{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;flex-shrink:0}.hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.opacity-track{background-image:linear-gradient(to right,transparent,var(--_hue-color, hsl(0, 100%, 50%))),repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;left:var(--_slider-pct, 0%);background:var(--_thumb-color, hsl(0, 100%, 50%))}.swatches{display:flex;flex-wrap:wrap;gap:var(--hx-space-1, .25rem)}.swatch-btn{width:20px;height:20px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--hx-transition-fast, .15s ease)}.swatch-btn:hover{transform:scale(1.15);border-color:var( --hx-color-picker-swatch-border-hover, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)) )}.input-area{display:flex;align-items:center;gap:var(--hx-space-2, .5rem)}.format-btn{flex-shrink:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);background:var(--hx-color-neutral-100, #f3f4f6);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);cursor:pointer;font-size:var(--hx-font-size-xs, .75rem);color:var(--hx-color-neutral-600, #4b5563);text-transform:uppercase;font-weight:var(--hx-font-weight-semibold, 600);letter-spacing:.05em}.color-input{flex:1;min-width:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);font-family:var(--hx-font-family-mono, monospace);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-900, #111827);background:var(--hx-color-neutral-0, #fff);outline:none}.color-input:focus{border-color:var(--hx-focus-ring-color, var(--hx-color-primary-500));box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-focus-ring-color, var(--hx-color-primary-500)) 20%,transparent)}.input-preview{width:24px;height:24px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);flex-shrink:0}@media(prefers-reduced-motion:reduce){.trigger,.swatch-btn{transition:none}}
300
+ :host{display:inline-block;position:relative;font-family:var(--hx-font-family-sans, sans-serif);font-size:var(--hx-font-size-sm, .875rem)}:host([disabled]){pointer-events:none;opacity:var(--hx-opacity-disabled, .4)}.trigger{display:inline-flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-1, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-md, .375rem);background:var(--hx-color-neutral-0, #fff);cursor:pointer;transition:border-color var(--hx-transition-fast, .15s ease)}.trigger:hover:not([disabled]){border-color:var(--hx-color-primary-500, #3b82f6)}:is(.trigger,.gradient-grid,.slider-track,.swatch-btn,.format-btn):focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500));outline-offset:var(--hx-focus-ring-offset, 2px)}.trigger-swatch{width:1.5rem;height:1.5rem;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);display:block;flex-shrink:0}.trigger-label{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-700, #374151);font-family:var(--hx-font-family-mono, monospace);white-space:nowrap}.panel{position:absolute;z-index:var(--hx-color-picker-z-index, 1000);top:calc(100% + 4px);left:0;background:var(--hx-color-neutral-0, #fff);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem);box-shadow:0 8px 24px var(--hx-color-picker-panel-shadow, var(--hx-overlay-black-15, rgba(0, 0, 0, .15)));padding:var(--hx-space-4, 1rem);width:var(--hx-color-picker-width, 260px);display:flex;flex-direction:column;gap:var(--hx-space-3, .75rem);outline:none}:host([inline]) .panel{position:static;box-shadow:none;border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem)}.gradient-grid{position:relative;width:100%;height:var(--hx-color-picker-grid-height, 160px);border-radius:var(--hx-border-radius-sm, .25rem);cursor:crosshair;overflow:hidden;touch-action:none;flex-shrink:0}.gradient-grid-bg{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,var(--_hue-color, hsl(0, 100%, 50%)));pointer-events:none}.gradient-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;top:var(--_thumb-y, 0%);left:var(--_thumb-x, 100%)}.slider-track{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;flex-shrink:0}.hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.opacity-track{background-image:linear-gradient(to right,transparent,var(--_hue-color, hsl(0, 100%, 50%))),repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;left:var(--_slider-pct, 0%);background:var(--_thumb-color, hsl(0, 100%, 50%))}.swatches{display:flex;flex-wrap:wrap;gap:var(--hx-space-1, .25rem)}.swatch-btn{width:20px;height:20px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--hx-transition-fast, .15s ease)}.swatch-btn:hover{transform:scale(1.15);border-color:var( --hx-color-picker-swatch-border-hover, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)) )}.input-area{display:flex;align-items:center;gap:var(--hx-space-2, .5rem)}.format-btn{flex-shrink:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);background:var(--hx-color-neutral-100, #f3f4f6);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);cursor:pointer;font-size:var(--hx-font-size-xs, .75rem);color:var(--hx-color-neutral-600, #4b5563);text-transform:uppercase;font-weight:var(--hx-font-weight-semibold, 600);letter-spacing:.05em}.color-input{flex:1;min-width:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);font-family:var(--hx-font-family-mono, monospace);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-900, #111827);background:var(--hx-color-neutral-0, #fff);outline:none}.color-input:focus-visible{border-color:var(--hx-focus-ring-color, var(--hx-color-primary-500));box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-focus-ring-color, var(--hx-color-primary-500)) 20%,transparent)}.input-preview{width:24px;height:24px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);flex-shrink:0}@media(prefers-reduced-motion:reduce){.trigger,.swatch-btn{transition:none}}
301
301
  /* ── hx-combobox ── */
302
302
  :host{display:block}:host([disabled]){opacity:var(--hx-opacity-disabled, .5);pointer-events:none}*{box-sizing:border-box}.field{display:flex;flex-direction:column;gap:var(--hx-space-1, .25rem);font-family:var(--hx-combobox-font-family, var(--hx-font-family-sans, sans-serif));position:relative}.field__label{display:flex;align-items:baseline;gap:var(--hx-space-1, .25rem);font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-combobox-label-color, var(--hx-color-neutral-700, #343a40));line-height:var(--hx-line-height-normal, 1.5)}.field__required-marker{color:var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c));font-weight:var(--hx-font-weight-bold, 700)}.field__input-wrapper{position:relative;display:flex;align-items:center;border:var(--hx-border-width-thin, 1px) solid var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));border-radius:var(--hx-combobox-border-radius, var(--hx-border-radius-md, .375rem));background-color:var(--hx-combobox-bg, var(--hx-color-neutral-0, #ffffff));transition:border-color var(--hx-transition-fast, .15s ease),box-shadow var(--hx-transition-fast, .15s ease)}.field__input-wrapper:focus-within{border-color:var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa)));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field--error .field__input-wrapper{border-color:var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545))}.field--error .field__input-wrapper:focus-within{border-color:var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545)) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field__prefix,.field__suffix{display:flex;align-items:center;padding:0 var(--hx-space-2, .5rem);color:var(--hx-color-neutral-500, #6c757d);flex-shrink:0}.field__input{flex:1;min-width:0;min-height:var(--hx-input-height-md, var(--hx-size-10, 2.5rem));border:none;background:transparent;outline:none;font-family:inherit;font-size:var(--hx-font-size-md, 1rem);line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));padding:var(--hx-space-2, .5rem) var(--hx-space-3, .75rem)}.field__input::placeholder{color:var(--hx-color-neutral-400, #adb5bd)}.field__input--sm{min-height:var(--hx-input-height-sm, var(--hx-size-8, 2rem));font-size:var(--hx-font-size-sm, .875rem);padding:var(--hx-space-1, .25rem) var(--hx-space-3, .75rem)}.field__input--lg{min-height:var(--hx-input-height-lg, var(--hx-size-12, 3rem));font-size:var(--hx-font-size-lg, 1.125rem);padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem)}.field__clear-button,.field__loading-indicator{display:flex;align-items:center;justify-content:center;margin-inline-end:var(--hx-space-2, .5rem);flex-shrink:0;color:var(--hx-color-neutral-400, #adb5bd)}.field__clear-button{width:1.25rem;height:1.25rem;border:none;background:transparent;cursor:pointer;padding:0;border-radius:var(--hx-border-radius-full, 9999px);transition:color var(--hx-transition-fast, .15s ease)}.field__clear-button:hover{color:var(--hx-color-neutral-700, #343a40)}.field__clear-button:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-focus-ring-offset, 2px)}.field__loading-indicator{width:1rem;height:1rem}.field__loading-spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:hx-spin .7s linear infinite}@keyframes hx-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.field__loading-spinner{animation:none}}.field__listbox{position:absolute;top:calc(100% + var(--hx-space-1, .25rem));left:0;right:0;z-index:var(--hx-z-index-dropdown, 100);background-color:var(--hx-combobox-listbox-bg, var(--hx-color-neutral-0, #ffffff));border:var(--hx-border-width-thin, 1px) solid var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));border-radius:var(--hx-combobox-border-radius, var(--hx-border-radius-md, .375rem));box-shadow:var( --hx-combobox-listbox-shadow, 0 4px 16px color-mix(in srgb, var(--hx-color-neutral-900, #0d1117) 12%, transparent) );max-height:var(--hx-combobox-listbox-max-height, 16rem);overflow:hidden;display:flex;flex-direction:column}.field__listbox[hidden]{display:none}.field__options{overflow-y:auto;flex:1;padding:var(--hx-space-1, .25rem) 0}.field__option{display:flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-2, .5rem) var(--hx-space-3, .75rem);font-size:var(--hx-font-size-md, 1rem);color:var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color var(--hx-transition-fast, .15s ease)}.field__option:hover{background-color:var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff))}.field__option--selected{background-color:var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe));font-weight:var(--hx-font-weight-medium, 500)}.field__option--focused{background-color:var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff));outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-combobox-option-focus-ring-offset, -2px)}.field__option--focused.field__option--selected{background-color:var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe))}.field__option--disabled{opacity:var(--hx-opacity-disabled, .5);cursor:not-allowed;pointer-events:none}.field__option-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field__no-options{padding:var(--hx-space-3, .75rem);text-align:center;color:var(--hx-color-neutral-400, #adb5bd);font-size:var(--hx-font-size-sm, .875rem)}.field__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field__help-text,.field__error{font-size:var(--hx-font-size-xs, .75rem);line-height:var(--hx-line-height-normal, 1.5)}.field__help-text{color:var(--hx-color-neutral-500, #6c757d)}.field__error{color:var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c))}@media(prefers-reduced-motion:reduce){.field__input-wrapper,.field__option,.field__clear-button,.field__chip-remove{transition:none}}:host([multiple]) .field__input-wrapper{flex-wrap:wrap;padding:var(--hx-space-1, .25rem);gap:var(--hx-space-1, .25rem);align-items:center}:host([multiple]) .field__input{min-width:8rem;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);flex-shrink:1}.field__chip{display:inline-flex;align-items:center;gap:var(--hx-space-1, .25rem);padding:0 var(--hx-space-1, .25rem) 0 var(--hx-space-2, .5rem);height:1.5rem;background-color:var(--hx-combobox-chip-bg, var(--hx-color-primary-100, #dbeafe));color:var(--hx-combobox-chip-color, var(--hx-color-primary-800, #1e40af));border-radius:var(--hx-border-radius-full, 9999px);font-size:var(--hx-font-size-sm, .875rem);white-space:nowrap;max-width:12rem;flex-shrink:0}.field__chip-label{overflow:hidden;text-overflow:ellipsis;max-width:8rem}.field__chip-remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border:none;background:none;cursor:pointer;padding:0;color:inherit;opacity:.7;border-radius:50%;line-height:1;transition:opacity var(--hx-transition-fast, .15s ease)}.field__chip-remove:hover{opacity:1;background-color:var(--hx-combobox-chip-remove-hover-bg, var(--hx-color-primary-200, #bfdbfe))}.field__chip-remove:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-focus-ring-offset, 2px);opacity:1}
303
303
  /* ── hx-date-picker ── */
@@ -1271,7 +1271,6 @@
1271
1271
  outline: none;
1272
1272
  }
1273
1273
 
1274
- .field__trigger:focus,
1275
1274
  .field__trigger:focus-visible {
1276
1275
  border-color: var(--_focus-ring-color);
1277
1276
  box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
@@ -1340,7 +1339,6 @@
1340
1339
  border-color: var(--_error-color);
1341
1340
  }
1342
1341
 
1343
- .field--error .field__trigger:focus,
1344
1342
  .field--error .field__trigger:focus-visible {
1345
1343
  border-color: var(--_error-color);
1346
1344
  box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
@@ -21,12 +21,6 @@
21
21
 
22
22
  /* ─── Vertical Padding Variants ─── */
23
23
 
24
- /* Defensive reset: ensures zero vertical padding even if a future base rule adds it */
25
- :host([padding='none']) {
26
- padding-top: 0;
27
- padding-bottom: 0;
28
- }
29
-
30
24
  :host([padding='sm']) {
31
25
  padding-top: var(--hx-space-6, 1.5rem);
32
26
  padding-bottom: var(--hx-space-6, 1.5rem);