kritzel-stencil 0.4.22 → 0.4.24

package/dist/collection/components/shared/kritzel-numeric-input/kritzel-numeric-input.js

@@ -86,7 +86,7 @@ export class KritzelNumericInput {
         this.valueChange.emit(newValue);
     };
     render() {
-        return (h(Host, { key: '68e6fecd79c3c970d1742b1a0bb8667ca2d31729' }, h("div", { key: 'efcf623186d221690bbb956088ec51343de07f3a', class: "input-container" }, this.label && h("label", { key: '300de793f02008ad037da021003b46fc34fc5239', class: "input-label" }, this.label), h("div", { key: '9ff424901fddfcbdac4835e2b2089df2e0966d0f', class: "input-wrapper" }, h("input", { key: 'fc77e6ad1c0b15e3dd3f960b6448ddab1a9beeb1', type: "number", class: "numeric-input", title: "", min: this.min === Number.MIN_SAFE_INTEGER ? undefined : this.min, max: this.max === Number.MAX_SAFE_INTEGER ? undefined : this.max, step: this.step, value: this.inputValue, placeholder: this.placeholder, onInput: this.handleInput, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, onInvalid: this.handleInvalid }), h("div", { key: 'c286606fa0617cc3acbbe40a27e40b154002e01d', class: "spinner-buttons" }, h("button", { key: 'e3a65a327975918fe604cd196ffb087fc4d3ca47', type: "button", class: "spinner-button spinner-up", onClick: this.handleIncrement, tabIndex: -1, "aria-label": "Increase value" }, h("svg", { key: '62b2ff4ed67ca8b6fc220ff9c63ceca90f75baea', viewBox: "0 0 10 6", class: "spinner-icon" }, h("path", { key: '803d5c30826d40d95f282071f3f88356366a9faf', d: "M1 5L5 1L9 5", stroke: "currentColor", "stroke-width": "1.5", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '3c54a48e7082f5aaa9ed923357d0cc4a722018b5', type: "button", class: "spinner-button spinner-down", onClick: this.handleDecrement, tabIndex: -1, "aria-label": "Decrease value" }, h("svg", { key: '9f6cb5f34bbb0e70b5773aecec519b7d8b742712', viewBox: "0 0 10 6", class: "spinner-icon" }, h("path", { key: '6539b0d4f4bd26e463fa9152cf58757497355cf6', d: "M1 1L5 5L9 1", stroke: "currentColor", "stroke-width": "1.5", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+        return (h(Host, { key: '7af3efe94c98934dcfe701c516ffc7cea2b4fde9' }, h("div", { key: '81347ea86a62f72b5b7662d90670e2ace98b16e7', class: "input-container" }, this.label && h("label", { key: '35b7650a3c4d1b93dbcb763b0c8f3767e3b519ac', class: "input-label" }, this.label), h("div", { key: '691ade138e5ba2ef51a76b1fc54da51fb7dd7389', class: "input-wrapper" }, h("input", { key: '58445c41cc8be438d1065787d375fb9d271f3873', type: "number", class: "numeric-input", title: "", min: this.min === Number.MIN_SAFE_INTEGER ? undefined : this.min, max: this.max === Number.MAX_SAFE_INTEGER ? undefined : this.max, step: this.step, value: this.inputValue, placeholder: this.placeholder, onInput: this.handleInput, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, onInvalid: this.handleInvalid }), h("div", { key: 'c669fc612696c555b96f046a8c70e75e9650af23', class: "spinner-buttons" }, h("button", { key: 'ae904cc60925d48120405f74d656ee9cbf312d70', type: "button", class: "spinner-button spinner-up", onClick: this.handleIncrement, tabIndex: -1, "aria-label": "Increase value" }, h("svg", { key: '4a4964336820cfc2128b98bf245556425919dfb6', viewBox: "0 0 10 6", class: "spinner-icon" }, h("path", { key: 'f305136d337690b0eaa39983d26a67454e4862da', d: "M1 5L5 1L9 5", stroke: "currentColor", "stroke-width": "1.5", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: 'c90f2d9a3deac66dc577142f87f73aef491e5f25', type: "button", class: "spinner-button spinner-down", onClick: this.handleDecrement, tabIndex: -1, "aria-label": "Decrease value" }, h("svg", { key: '2a3e33c55b6ace48f15ec56d78c6aab782c64520', viewBox: "0 0 10 6", class: "spinner-icon" }, h("path", { key: 'f327413078824800ad061126417a8f25578ba2de', d: "M1 1L5 5L9 1", stroke: "currentColor", "stroke-width": "1.5", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     static get is() { return "kritzel-numeric-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/shared/kritzel-opacity-slider/kritzel-opacity-slider.css

@@ -1,85 +1,85 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.opacity-container {
-  display: flex;
-  align-items: center;
-  width: 232px;
-}
-
-.slider-wrapper {
-  flex: 1;
-  display: flex;
-  align-items: center;
-}
-
-.opacity-slider {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 100%;
-  height: 6px;
-  border-radius: 3px;
-  background: linear-gradient(
-    to right,
-    var(--kritzel-opacity-slider-active-color, #007AFF) 0%,
-    var(--kritzel-opacity-slider-active-color, #007AFF) var(--slider-progress, 100%),
-    var(--kritzel-opacity-slider-track-color, #e0e0e0) var(--slider-progress, 100%),
-    var(--kritzel-opacity-slider-track-color, #e0e0e0) 100%
-  );
-  outline: none;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-}
-
-.opacity-slider::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--kritzel-opacity-slider-thumb-color, #ffffff);
-  border: 2px solid var(--kritzel-opacity-slider-thumb-border-color, #007AFF);
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  transition: transform 0.1s ease;
-}
-
-.opacity-slider::-webkit-slider-thumb:hover {
-  transform: scale(1.1);
-}
-
-.opacity-slider::-moz-range-thumb {
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--kritzel-opacity-slider-thumb-color, #ffffff);
-  border: 2px solid var(--kritzel-opacity-slider-thumb-border-color, #007AFF);
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  transition: transform 0.1s ease;
-}
-
-.opacity-slider::-moz-range-thumb:hover {
-  transform: scale(1.1);
-}
-
-.opacity-slider::-moz-range-track {
-  height: 6px;
-  border-radius: 3px;
-  background: transparent;
-}
-
-.opacity-slider:focus {
-  outline: none;
-}
-
-.opacity-slider:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
-
-.opacity-slider:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
+:host {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.opacity-container {
+  display: flex;
+  align-items: center;
+  width: 232px;
+}
+
+.slider-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.opacity-slider {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 100%;
+  height: 6px;
+  border-radius: 3px;
+  background: linear-gradient(
+    to right,
+    var(--kritzel-opacity-slider-active-color, #007AFF) 0%,
+    var(--kritzel-opacity-slider-active-color, #007AFF) var(--slider-progress, 100%),
+    var(--kritzel-opacity-slider-track-color, #e0e0e0) var(--slider-progress, 100%),
+    var(--kritzel-opacity-slider-track-color, #e0e0e0) 100%
+  );
+  outline: none;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+}
+
+.opacity-slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--kritzel-opacity-slider-thumb-color, #ffffff);
+  border: 2px solid var(--kritzel-opacity-slider-thumb-border-color, #007AFF);
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  transition: transform 0.1s ease;
+}
+
+.opacity-slider::-webkit-slider-thumb:hover {
+  transform: scale(1.1);
+}
+
+.opacity-slider::-moz-range-thumb {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--kritzel-opacity-slider-thumb-color, #ffffff);
+  border: 2px solid var(--kritzel-opacity-slider-thumb-border-color, #007AFF);
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  transition: transform 0.1s ease;
+}
+
+.opacity-slider::-moz-range-thumb:hover {
+  transform: scale(1.1);
+}
+
+.opacity-slider::-moz-range-track {
+  height: 6px;
+  border-radius: 3px;
+  background: transparent;
+}
+
+.opacity-slider:focus {
+  outline: none;
+}
+
+.opacity-slider:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}
+
+.opacity-slider:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}

package/dist/collection/components/shared/kritzel-opacity-slider/kritzel-opacity-slider.js

@@ -22,7 +22,7 @@ export class KritzelOpacitySlider {
     }
     render() {
         const percentage = this.getPercentage();
-        return (h(Host, { key: '895ae10ad71e846a1bc62b794751332816650727' }, h("div", { key: '22ea167ce0d6eb17c733d789cde10477c48a2a0e', class: "opacity-container" }, h("div", { key: '2be4fbf8c1f8ddb1fde8f9da727ed0947d21646c', class: "slider-wrapper" }, h("input", { key: 'ed3621baf0adc54aa513a0296ede2f413378a06f', type: "range", class: "opacity-slider", min: this.min, max: this.max, step: this.step, value: this.value, onInput: (e) => this.handleInput(e), style: {
+        return (h(Host, { key: 'f1f0dad662e93506ddfc99e648a3cedc841de730' }, h("div", { key: '7b495a97a92f8fa8b28c33323d60b790781c7271', class: "opacity-container" }, h("div", { key: 'c41d3b0543a3bf78dc15602e0439f56aef21ddbe', class: "slider-wrapper" }, h("input", { key: 'd9ba313d84b91a0f9312ef1ad9fe67cc231073c9', type: "range", class: "opacity-slider", min: this.min, max: this.max, step: this.step, value: this.value, onInput: (e) => this.handleInput(e), style: {
                 '--slider-progress': `${percentage}%`,
                 '--kritzel-opacity-slider-thumb-border-color': this.previewColor,
             } })))));

package/dist/collection/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.css

@@ -1,68 +1,68 @@
-:host {
-  display: block;
-  max-width: 100%;
-}
-
-.pill-tabs-container {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px;
-  max-width: 100%;
-  border-radius: var(--kritzel-pill-tabs-border-radius, 10px);
-  background: var(--kritzel-pill-tabs-background, #f0f0f0);
-  box-sizing: border-box;
-}
-
-.pill-tab {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  min-width: 0;
-  max-width: 100%;
-  padding: 8px 16px;
-  border: none;
-  border-radius: var(--kritzel-pill-tabs-tab-border-radius, 8px);
-  background: var(--kritzel-pill-tabs-tab-background, transparent);
-  color: var(--kritzel-pill-tabs-tab-text-color, #666666);
-  font-family: inherit;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
-  white-space: nowrap;
-}
-
-.pill-tab:hover:not(.selected) {
-  background: var(--kritzel-pill-tabs-tab-background-hover, rgba(0, 0, 0, 0.05));
-}
-
-.pill-tab.selected {
-  background: var(--kritzel-pill-tabs-tab-background-selected, #ffffff);
-  color: var(--kritzel-pill-tabs-tab-text-color-selected, #000000);
-  box-shadow: var(--kritzel-pill-tabs-tab-shadow-selected, 0 1px 3px rgba(0, 0, 0, 0.1));
-}
-
-.pill-tab:focus {
-  outline: none;
-}
-
-.pill-tab:focus-visible {
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
-
-.pill-tab-label {
-  display: block;
-  min-width: 0;
-  max-width: var(--kritzel-pill-tabs-tab-label-max-width, 10rem);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 1;
-}
-
-/* Icon styling */
-.pill-tab kritzel-icon {
-  flex-shrink: 0;
-}
+:host {
+  display: block;
+  max-width: 100%;
+}
+
+.pill-tabs-container {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px;
+  max-width: 100%;
+  border-radius: var(--kritzel-pill-tabs-border-radius, 10px);
+  background: var(--kritzel-pill-tabs-background, #f0f0f0);
+  box-sizing: border-box;
+}
+
+.pill-tab {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-width: 0;
+  max-width: 100%;
+  padding: 8px 16px;
+  border: none;
+  border-radius: var(--kritzel-pill-tabs-tab-border-radius, 8px);
+  background: var(--kritzel-pill-tabs-tab-background, transparent);
+  color: var(--kritzel-pill-tabs-tab-text-color, #666666);
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
+  white-space: nowrap;
+}
+
+.pill-tab:hover:not(.selected) {
+  background: var(--kritzel-pill-tabs-tab-background-hover, rgba(0, 0, 0, 0.05));
+}
+
+.pill-tab.selected {
+  background: var(--kritzel-pill-tabs-tab-background-selected, #ffffff);
+  color: var(--kritzel-pill-tabs-tab-text-color-selected, #000000);
+  box-shadow: var(--kritzel-pill-tabs-tab-shadow-selected, 0 1px 3px rgba(0, 0, 0, 0.1));
+}
+
+.pill-tab:focus {
+  outline: none;
+}
+
+.pill-tab:focus-visible {
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}
+
+.pill-tab-label {
+  display: block;
+  min-width: 0;
+  max-width: var(--kritzel-pill-tabs-tab-label-max-width, 10rem);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1;
+}
+
+/* Icon styling */
+.pill-tab kritzel-icon {
+  flex-shrink: 0;
+}

package/dist/collection/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.js

@@ -50,7 +50,7 @@ export class KritzelPillTabs {
         buttons?.[newIndex]?.focus();
     }
     render() {
-        return (h(Host, { key: 'f02f93ada5ec002695b62f511c847de201a8cbe4' }, h("div", { key: 'bb08ae773f1b993cb330556a5778d71fc5e91ce1', class: "pill-tabs-container", role: "tablist" }, this.tabs.map((tab, index) => (h("button", { key: tab.id, class: {
+        return (h(Host, { key: '16fce447fb7db0539ba115ef19771ac78f30a302' }, h("div", { key: '95487da922621b18c1ec422eb0d464131dbc28d3', class: "pill-tabs-container", role: "tablist" }, this.tabs.map((tab, index) => (h("button", { key: tab.id, class: {
                 'pill-tab': true,
                 'selected': this.value === tab.id,
             }, role: "tab", "aria-selected": this.value === tab.id ? 'true' : 'false', tabIndex: this.value === tab.id ? 0 : -1, onClick: () => this.handleTabClick(tab.id), onKeyDown: (e) => this.handleKeyDown(e, index) }, tab.icon && h("kritzel-icon", { name: tab.icon, size: 16 }), h("span", { class: "pill-tab-label" }, tab.label)))))));
@@ -78,7 +78,7 @@ export class KritzelPillTabs {
                     "references": {
                         "KritzelPillTab": {
                             "location": "local",
-                            "path": "/home/runner/work/kritzel/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.tsx",
+                            "path": "C:/Projects/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.tsx",
                             "id": "src/components/shared/kritzel-pill-tabs/kritzel-pill-tabs.tsx::KritzelPillTab"
                         }
                     }

package/dist/collection/components/shared/kritzel-portal/kritzel-portal.js

@@ -277,7 +277,7 @@ export class KritzelPortal {
         this.portal.style.visibility = 'visible';
     }
     render() {
-        return (h(Host, { key: '489a752e48d96c2607defa40a39477675685b60a', style: { display: this.anchor ? 'block' : 'none' } }, h("slot", { key: '13c6b7567039b8c8c78de27e3d9aeda30a798de1' })));
+        return (h(Host, { key: '3cdb321c2292fc7927a89efef4f3e4e37d68ac8f', style: { display: this.anchor ? 'block' : 'none' } }, h("slot", { key: '54a41f7983405f23e305791bc42513f59c027733' })));
     }
     static get is() { return "kritzel-portal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/shared/kritzel-shape-fill/kritzel-shape-fill.css

@@ -1,47 +1,47 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.fill-row {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.fill-option {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 48px;
-  height: 32px;
-  border-radius: 6px;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  border: 2px solid transparent;
-  box-sizing: border-box;
-  background: var(--kritzel-shape-fill-option-background, #ffffff);
-  padding: 4px;
-  transition: background-color 0.15s ease, border-color 0.15s ease;
-}
-
-.fill-option:hover {
-  background-color: var(--kritzel-shape-fill-hover-background-color, #ebebeb);
-}
-
-.fill-option.selected {
-  border-color: var(--kritzel-selection-border-color, #007AFF);
-  background-color: var(--kritzel-shape-fill-selected-background-color, #ebebeb);
-}
-
-.fill-option:focus {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
-
-.fill-icon {
-  width: 100%;
-  height: 100%;
-}
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.fill-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.fill-option {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 48px;
+  height: 32px;
+  border-radius: 6px;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  border: 2px solid transparent;
+  box-sizing: border-box;
+  background: var(--kritzel-shape-fill-option-background, #ffffff);
+  padding: 4px;
+  transition: background-color 0.15s ease, border-color 0.15s ease;
+}
+
+.fill-option:hover {
+  background-color: var(--kritzel-shape-fill-hover-background-color, #ebebeb);
+}
+
+.fill-option.selected {
+  border-color: var(--kritzel-selection-border-color, #007AFF);
+  background-color: var(--kritzel-shape-fill-selected-background-color, #ebebeb);
+}
+
+.fill-option:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}
+
+.fill-icon {
+  width: 100%;
+  height: 100%;
+}

package/dist/collection/components/shared/kritzel-shape-fill/kritzel-shape-fill.js

@@ -16,10 +16,10 @@ export class KritzelShapeFill {
         return (h("svg", { viewBox: "0 0 24 24", class: "fill-icon" }, h("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: strokeColor, stroke: strokeColor, "stroke-width": "2" })));
     }
     render() {
-        return (h(Host, { key: '6d38a9af2e4c4c7f86ab994c63fc074007c86b48' }, h("div", { key: 'cf58f26cb0e56e274873d11024209c6908d317bb', class: "fill-row" }, h("button", { key: 'c75eed70fe0c2fcbf0fd136bb6fce75b2dbfb45d', class: {
+        return (h(Host, { key: 'ec214708dd4210e0c36734cb81fba76849114f9b' }, h("div", { key: 'd64bacdb7c50b31f3c460bdf2e939b4159d4d000', class: "fill-row" }, h("button", { key: '812735be08265145a13ab116e7153fd684f8b77f', class: {
                 'fill-option': true,
                 'selected': this.value === 'transparent',
-            }, onClick: () => this.handleFillChange('transparent'), title: "Transparent background" }, this.renderFillIcon('transparent')), h("button", { key: '5d6ede439b5d5e55598cd8c20b5851fb9f210463', class: {
+            }, onClick: () => this.handleFillChange('transparent'), title: "Transparent background" }, this.renderFillIcon('transparent')), h("button", { key: 'cb5caf2db8aece4bef2eebca37e7ac36383bb450', class: {
                 'fill-option': true,
                 'selected': this.value === 'filled',
             }, onClick: () => this.handleFillChange('filled'), title: "Filled background" }, this.renderFillIcon('filled')))));
@@ -47,7 +47,7 @@ export class KritzelShapeFill {
                     "references": {
                         "ShapeFillType": {
                             "location": "local",
-                            "path": "/home/runner/work/kritzel/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx",
+                            "path": "C:/Projects/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx",
                             "id": "src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx::ShapeFillType"
                         }
                     }
@@ -83,7 +83,7 @@ export class KritzelShapeFill {
                     "references": {
                         "ShapeFillType": {
                             "location": "local",
-                            "path": "/home/runner/work/kritzel/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx",
+                            "path": "C:/Projects/kritzel/libs/kritzel-stencil/src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx",
                             "id": "src/components/shared/kritzel-shape-fill/kritzel-shape-fill.tsx::ShapeFillType"
                         }
                     }

package/dist/collection/components/shared/kritzel-slide-toggle/kritzel-slide-toggle.css

@@ -1,48 +1,48 @@
-:host {
-  display: inline-flex;
-  align-items: center;
-  cursor: var(--kritzel-global-pointer-cursor, pointer);
-  outline: none;
-  z-index: 1;
-  -webkit-tap-highlight-color: transparent;
-}
-
-:host(:focus-visible) .toggle-track {
-  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
-}
-
-:host(.disabled) {
-  opacity: 0.5;
-  pointer-events: none;
-  cursor: default;
-}
-
-.toggle-track {
-  position: relative;
-  width: var(--kritzel-slide-toggle-width, 40px);
-  height: var(--kritzel-slide-toggle-height, 22px);
-  background-color: var(--kritzel-slide-toggle-track-color, #ccc);
-  border-radius: var(--kritzel-slide-toggle-border-radius, 11px);
-  transition: background-color var(--kritzel-slide-toggle-transition-duration, 0.2s) ease;
-}
-
-:host(.checked) .toggle-track {
-  background-color: var(--kritzel-slide-toggle-track-checked-color, #007AFF);
-}
-
-.toggle-thumb {
-  position: absolute;
-  top: 50%;
-  left: 2px;
-  transform: translateY(-50%);
-  width: var(--kritzel-slide-toggle-thumb-size, 18px);
-  height: var(--kritzel-slide-toggle-thumb-size, 18px);
-  background-color: var(--kritzel-slide-toggle-thumb-color, #fff);
-  border-radius: 50%;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  transition: left var(--kritzel-slide-toggle-transition-duration, 0.2s) ease;
-}
-
-:host(.checked) .toggle-thumb {
-  left: calc(var(--kritzel-slide-toggle-width, 40px) - var(--kritzel-slide-toggle-thumb-size, 18px) - 2px);
-}
+:host {
+  display: inline-flex;
+  align-items: center;
+  cursor: var(--kritzel-global-pointer-cursor, pointer);
+  outline: none;
+  z-index: 1;
+  -webkit-tap-highlight-color: transparent;
+}
+
+:host(:focus-visible) .toggle-track {
+  box-shadow: 0 0 0 2px var(--kritzel-global-focus-ring-color, rgba(0, 122, 255, 0.3));
+}
+
+:host(.disabled) {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: default;
+}
+
+.toggle-track {
+  position: relative;
+  width: var(--kritzel-slide-toggle-width, 40px);
+  height: var(--kritzel-slide-toggle-height, 22px);
+  background-color: var(--kritzel-slide-toggle-track-color, #ccc);
+  border-radius: var(--kritzel-slide-toggle-border-radius, 11px);
+  transition: background-color var(--kritzel-slide-toggle-transition-duration, 0.2s) ease;
+}
+
+:host(.checked) .toggle-track {
+  background-color: var(--kritzel-slide-toggle-track-checked-color, #007AFF);
+}
+
+.toggle-thumb {
+  position: absolute;
+  top: 50%;
+  left: 2px;
+  transform: translateY(-50%);
+  width: var(--kritzel-slide-toggle-thumb-size, 18px);
+  height: var(--kritzel-slide-toggle-thumb-size, 18px);
+  background-color: var(--kritzel-slide-toggle-thumb-color, #fff);
+  border-radius: 50%;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  transition: left var(--kritzel-slide-toggle-transition-duration, 0.2s) ease;
+}
+
+:host(.checked) .toggle-thumb {
+  left: calc(var(--kritzel-slide-toggle-width, 40px) - var(--kritzel-slide-toggle-thumb-size, 18px) - 2px);
+}

package/dist/collection/components/shared/kritzel-slide-toggle/kritzel-slide-toggle.js

@@ -21,7 +21,7 @@ export class KritzelSlideToggle {
         }
     };
     render() {
-        return (h(Host, { key: 'e310e7bc8c115feadaa2494a6a543719f1b25245', class: { checked: this.checked, disabled: this.disabled }, tabIndex: this.disabled ? -1 : 0, role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.label, onClick: this.handleToggle, onKeyDown: this.handleKeyDown }, h("div", { key: 'fef37a1b373bf438cbacbf6537640269c2ab6b59', class: "toggle-track" }, h("div", { key: '4e140f83a8802e04c0b42e76f5e5719efd5a1cbc', class: "toggle-thumb" }))));
+        return (h(Host, { key: 'd92f521cf1c7c16db079416dd0943c7bc4f721e9', class: { checked: this.checked, disabled: this.disabled }, tabIndex: this.disabled ? -1 : 0, role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.label, onClick: this.handleToggle, onKeyDown: this.handleKeyDown }, h("div", { key: 'e6086cf26ff3065d1215c548f30318414f710798', class: "toggle-track" }, h("div", { key: '38e6c2edef2fde42ac75063858ad44b83e3f8f7b', class: "toggle-thumb" }))));
     }
     static get is() { return "kritzel-slide-toggle"; }
     static get encapsulation() { return "shadow"; }