snice 4.23.0 → 4.24.0

package/dist/cdn/modal/snice-modal.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/music-player/snice-music-player.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/music-player/snice-music-player.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/nav/snice-nav.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/nav/snice-nav.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/network-graph/snice-network-graph.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/network-graph/snice-network-graph.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/notification-center/snice-notification-center.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/notification-center/snice-notification-center.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/order-tracker/snice-order-tracker.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/order-tracker/snice-order-tracker.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/org-chart/snice-org-chart.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/org-chart/snice-org-chart.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/pagination/snice-pagination.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/pagination/snice-pagination.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/paint/snice-paint.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/paint/snice-paint.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/pdf-viewer/snice-pdf-viewer.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/pdf-viewer/snice-pdf-viewer.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/permission-matrix/snice-permission-matrix.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/permission-matrix/snice-permission-matrix.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/podcast-player/snice-podcast-player.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/podcast-player/snice-podcast-player.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/pricing-table/snice-pricing-table.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/pricing-table/snice-pricing-table.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/product-card/snice-product-card.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/product-card/snice-product-card.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/progress/snice-progress.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/progress/snice-progress.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/progress-ring/snice-progress-ring.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/progress-ring/snice-progress-ring.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/qr-code/snice-qr-code.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/qr-code/snice-qr-code.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/qr-reader/snice-qr-reader.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/qr-reader/snice-qr-reader.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/radio/README.md

@@ -11,8 +11,8 @@ CDN build of the Snice radio component. Requires the Snice runtime (`snice-runti
 ```
 
 ## Size
-- Minified: 12.9 KB
-- Gzipped: 3.7 KB
+- Minified: 15.7 KB
+- Gzipped: 4.3 KB
 
 ## Theme
 For proper styling, link the Snice theme CSS:

package/dist/cdn/radio/snice-radio.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.22.0
+ * snice v4.23.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
@@ -64,7 +64,7 @@ var SniceRadio = (function (exports, snice) {
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var cssContent = ":host{display:inline-block;font-family:var(--snice-font-family);--radio-group-gap:0.75rem}.radio-wrapper{display:inline-flex;align-items:center;position:relative;cursor:pointer;user-select:none}.radio-wrapper--disabled{cursor:not-allowed;opacity:.6}.radio-input{position:absolute;opacity:0;width:0;height:0}.radio{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--snice-color-background-input);border:2px solid var(--snice-color-border);border-radius:50%;transition:all var(--snice-transition-fast) ease}.radio--small{width:1rem;height:1rem}.radio--medium{width:1.25rem;height:1.25rem}.radio--large{width:1.5rem;height:1.5rem}.radio-input:checked~.radio{border-color:var(--snice-color-primary)}.radio-input:focus-visible~.radio{box-shadow:0 0 0 3px var(--snice-focus-ring-color);outline:2px solid var(--snice-color-primary);outline-offset:2px}.radio-input:disabled~.radio{background:var(--snice-color-background-secondary);border-color:var(--snice-color-border)}.radio-input:disabled:checked~.radio{border-color:var(--snice-color-text-secondary)}.radio-input:disabled:checked~.radio .radio-dot{background:var(--snice-color-text-secondary)}.radio--invalid,.radio-input:checked~.radio--invalid{border-color:var(--snice-color-danger)}.radio-input:checked~.radio--invalid .radio-dot{background:var(--snice-color-danger)}.radio-dot{position:absolute;border-radius:50%;background:var(--snice-color-primary);transform:scale(0);transition:transform var(--snice-transition-fast) ease}.radio-input:checked~.radio .radio-dot{transform:scale(1)}.radio--small .radio-dot{width:.375rem;height:.375rem}.radio--medium .radio-dot{width:.5rem;height:.5rem}.radio--large .radio-dot{width:.625rem;height:.625rem}.radio-label{margin-left:.5rem;color:var(--snice-color-text);cursor:pointer}.radio-label--small{font-size:var(--snice-font-size-sm)}.radio-label--medium{font-size:var(--snice-font-size-md)}.radio-label--large{font-size:var(--snice-font-size-lg)}.radio-wrapper--disabled .radio-label{color:var(--snice-color-text-secondary);cursor:not-allowed}.radio-label--required::after{content:' *';color:var(--snice-color-danger)}.radio-wrapper:not(.radio-wrapper--disabled):hover .radio{border-color:var(--snice-color-primary)}:host([data-group]){display:block}:host([data-group])+:host([data-group]){margin-top:var(--radio-group-gap)}.radio-wrapper--loading{cursor:wait;opacity:.7}.radio--loading{cursor:wait}.radio-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.radio-spinner::after{content:'';display:block;width:.75em;height:.75em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}";
+  var cssContent = ":host{display:inline-block;font-family:var(--snice-font-family);--radio-group-gap:0.75rem}.radio-wrapper{display:inline-flex;align-items:center;position:relative;cursor:pointer;user-select:none}.radio-wrapper--disabled{cursor:not-allowed;opacity:.6}.radio-input{position:absolute;opacity:0;width:0;height:0}.radio{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--snice-color-background-input);border:2px solid var(--snice-color-border);border-radius:50%;transition:all var(--snice-transition-fast) ease}.radio--small{width:1rem;height:1rem}.radio--medium{width:1.25rem;height:1.25rem}.radio--large{width:1.5rem;height:1.5rem}.radio-input:checked~.radio{border-color:var(--snice-color-primary)}.radio-input:focus-visible~.radio{box-shadow:0 0 0 3px var(--snice-focus-ring-color);outline:2px solid var(--snice-color-primary);outline-offset:2px}.radio-input:disabled~.radio{background:var(--snice-color-background-secondary);border-color:var(--snice-color-border)}.radio-input:disabled:checked~.radio{border-color:var(--snice-color-text-secondary)}.radio-input:disabled:checked~.radio .radio-dot{background:var(--snice-color-text-secondary)}.radio--invalid,.radio-input:checked~.radio--invalid{border-color:var(--snice-color-danger)}.radio-input:checked~.radio--invalid .radio-dot{background:var(--snice-color-danger)}.radio-dot{position:absolute;border-radius:50%;background:var(--snice-color-primary);transform:scale(0);transition:transform var(--snice-transition-fast) ease}.radio-input:checked~.radio .radio-dot{transform:scale(1)}.radio--small .radio-dot{width:.375rem;height:.375rem}.radio--medium .radio-dot{width:.5rem;height:.5rem}.radio--large .radio-dot{width:.625rem;height:.625rem}.radio-label{margin-left:.5rem;color:var(--snice-color-text);cursor:pointer}.radio-label--small{font-size:var(--snice-font-size-sm)}.radio-label--medium{font-size:var(--snice-font-size-md)}.radio-label--large{font-size:var(--snice-font-size-lg)}.radio-wrapper--disabled .radio-label{color:var(--snice-color-text-secondary);cursor:not-allowed}.radio-label--required::after{content:' *';color:var(--snice-color-danger)}.radio-wrapper:not(.radio-wrapper--disabled):hover .radio{border-color:var(--snice-color-primary)}:host([data-group]){display:block}:host([data-group])+:host([data-group]){margin-top:var(--radio-group-gap)}.radio-wrapper--loading{cursor:wait;opacity:.7}.radio--loading{cursor:wait}.radio-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.radio-spinner::after{content:'';display:block;width:.75em;height:.75em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:host([variant=block]){display:block}:host([variant=block])+:host([variant=block]){margin-top:var(--snice-spacing-xs,.5rem)}.radio-wrapper--block{display:flex;align-items:center;width:100%;padding:var(--snice-spacing-md,1rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);background:var(--snice-color-background,rgb(255 255 255));gap:var(--snice-spacing-sm,.75rem);transition:border-color var(--snice-transition-fast, 150ms) ease,background-color var(--snice-transition-fast, 150ms) ease}.radio-wrapper--block:not(.radio-wrapper--disabled):hover{border-color:var(--snice-color-primary,rgb(37 99 235));background:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 4%,var(--snice-color-background,rgb(255 255 255)))}.radio-wrapper--block:has(.radio-input:checked){border-color:var(--snice-color-primary,rgb(37 99 235));background:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 4%,var(--snice-color-background,rgb(255 255 255)))}.radio-wrapper--block.radio-wrapper--disabled{background:var(--snice-color-background-secondary,rgb(245 245 245))}.radio-content{display:flex;flex-direction:column;flex:1;min-width:0}.radio-content .radio-label{margin-left:0;font-weight:var(--snice-font-weight-medium,500)}.radio-description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));line-height:var(--snice-line-height-normal, 1.5);margin-top:var(--snice-spacing-3xs,.125rem)}.radio-wrapper--block ::slotted([slot=suffix]){margin-left:auto;flex-shrink:0}.radio-wrapper--block .radio-input:focus-visible~.radio{outline:2px solid var(--snice-color-primary,rgb(37 99 235));outline-offset:2px}";
 
   let SniceRadio = (() => {
       let _classDecorators = [snice.element('snice-radio')];
@@ -88,6 +88,9 @@ var SniceRadio = (function (exports, snice) {
       let _invalid_decorators;
       let _invalid_initializers = [];
       let _invalid_extraInitializers = [];
+      let _variant_decorators;
+      let _variant_initializers = [];
+      let _variant_extraInitializers = [];
       let _size_decorators;
       let _size_initializers = [];
       let _size_extraInitializers = [];
@@ -100,6 +103,9 @@ var SniceRadio = (function (exports, snice) {
       let _label_decorators;
       let _label_initializers = [];
       let _label_extraInitializers = [];
+      let _description_decorators;
+      let _description_initializers = [];
+      let _description_extraInitializers = [];
       let _input_decorators;
       let _input_initializers = [];
       let _input_extraInitializers = [];
@@ -134,10 +140,12 @@ var SniceRadio = (function (exports, snice) {
               _loading_decorators = [snice.property({ type: Boolean, })];
               _required_decorators = [snice.property({ type: Boolean, })];
               _invalid_decorators = [snice.property({ type: Boolean, })];
+              _variant_decorators = [snice.property({})];
               _size_decorators = [snice.property({})];
               _name_decorators = [snice.property({})];
               _value_decorators = [snice.property({})];
               _label_decorators = [snice.property({})];
+              _description_decorators = [snice.property({})];
               _input_decorators = [snice.query('.radio-input')];
               _radio_decorators = [snice.query('.radio')];
               _labelElement_decorators = [snice.query('.radio-label')];
@@ -173,10 +181,12 @@ var SniceRadio = (function (exports, snice) {
               __esDecorate(null, null, _loading_decorators, { kind: "field", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
               __esDecorate(null, null, _required_decorators, { kind: "field", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
               __esDecorate(null, null, _invalid_decorators, { kind: "field", name: "invalid", static: false, private: false, access: { has: obj => "invalid" in obj, get: obj => obj.invalid, set: (obj, value) => { obj.invalid = value; } }, metadata: _metadata }, _invalid_initializers, _invalid_extraInitializers);
+              __esDecorate(null, null, _variant_decorators, { kind: "field", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
               __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
               __esDecorate(null, null, _name_decorators, { kind: "field", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
               __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
               __esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+              __esDecorate(null, null, _description_decorators, { kind: "field", name: "description", static: false, private: false, access: { has: obj => "description" in obj, get: obj => obj.description, set: (obj, value) => { obj.description = value; } }, metadata: _metadata }, _description_initializers, _description_extraInitializers);
               __esDecorate(null, null, _input_decorators, { kind: "field", name: "input", static: false, private: false, access: { has: obj => "input" in obj, get: obj => obj.input, set: (obj, value) => { obj.input = value; } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
               __esDecorate(null, null, _radio_decorators, { kind: "field", name: "radio", static: false, private: false, access: { has: obj => "radio" in obj, get: obj => obj.radio, set: (obj, value) => { obj.radio = value; } }, metadata: _metadata }, _radio_initializers, _radio_extraInitializers);
               __esDecorate(null, null, _labelElement_decorators, { kind: "field", name: "labelElement", static: false, private: false, access: { has: obj => "labelElement" in obj, get: obj => obj.labelElement, set: (obj, value) => { obj.labelElement = value; } }, metadata: _metadata }, _labelElement_initializers, _labelElement_extraInitializers);
@@ -187,9 +197,11 @@ var SniceRadio = (function (exports, snice) {
               __runInitializers(_classThis, _classExtraInitializers);
           }
           render() {
-              const wrapperClasses = `radio-wrapper${this.disabled ? ' radio-wrapper--disabled' : ''}${this.loading ? ' radio-wrapper--loading' : ''}`;
+              const isBlock = this.variant === 'block';
+              const wrapperClasses = `radio-wrapper${isBlock ? ' radio-wrapper--block' : ''}${this.disabled ? ' radio-wrapper--disabled' : ''}${this.loading ? ' radio-wrapper--loading' : ''}`;
               const radioClasses = `radio radio--${this.size}${this.invalid ? ' radio--invalid' : ''}${this.loading ? ' radio--loading' : ''}`;
               const labelClasses = `radio-label radio-label--${this.size}${this.required ? ' radio-label--required' : ''}`;
+              const hasDescription = !!this.description;
               return snice.html /*html*/ `
       <label class="${wrapperClasses}">
         <input
@@ -213,10 +225,28 @@ var SniceRadio = (function (exports, snice) {
           </if>
         </span>
 
-        <if ${this.label}>
-          <span class="${labelClasses}" part="label">
-            ${this.label}
+        <if ${isBlock}>
+          <span class="radio-content" part="content">
+            <if ${this.label}>
+              <span class="${labelClasses}" part="label">
+                ${this.label}
+              </span>
+            </if>
+            <if ${hasDescription}>
+              <span class="radio-description" part="description">
+                ${this.description}
+              </span>
+            </if>
           </span>
+          <slot name="suffix"></slot>
+        </if>
+
+        <if ${!isBlock}>
+          <if ${this.label}>
+            <span class="${labelClasses}" part="label">
+              ${this.label}
+            </span>
+          </if>
         </if>
       </label>
     `;
@@ -363,11 +393,13 @@ var SniceRadio = (function (exports, snice) {
               this.loading = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _loading_initializers, false));
               this.required = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _required_initializers, false));
               this.invalid = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _invalid_initializers, false));
-              this.size = (__runInitializers(this, _invalid_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+              this.variant = (__runInitializers(this, _invalid_extraInitializers), __runInitializers(this, _variant_initializers, 'default'));
+              this.size = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
               this.name = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _name_initializers, ''));
               this.value = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _value_initializers, ''));
               this.label = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _label_initializers, ''));
-              this.input = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _input_initializers, void 0));
+              this.description = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _description_initializers, ''));
+              this.input = (__runInitializers(this, _description_extraInitializers), __runInitializers(this, _input_initializers, void 0));
               this.radio = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _radio_initializers, void 0));
               this.labelElement = (__runInitializers(this, _radio_extraInitializers), __runInitializers(this, _labelElement_initializers, void 0));
               this.wrapper = (__runInitializers(this, _labelElement_extraInitializers), __runInitializers(this, _wrapper_initializers, void 0));