@jsekulowicz/ds-components 0.23.1 → 0.24.0

package/custom-elements.json

@@ -221,6 +221,22 @@
             "module": "./atoms/text-field/index.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "DsRangeInput",
+          "declaration": {
+            "name": "DsRangeInput",
+            "module": "./atoms/range-input/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RangeInputSize",
+          "declaration": {
+            "name": "RangeInputSize",
+            "module": "./atoms/range-input/index.js"
+          }
+        },
         {
           "kind": "js",
           "name": "DsCheckbox",
@@ -5071,6 +5087,378 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/atoms/range-input/define.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-range-input",
+          "declaration": {
+            "name": "DsRangeInput",
+            "module": "/src/atoms/range-input/range-input.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/atoms/range-input/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DsRangeInput",
+          "declaration": {
+            "name": "DsRangeInput",
+            "module": "./range-input.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RangeInputSize",
+          "declaration": {
+            "name": "RangeInputSize",
+            "module": "./range-input.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/atoms/range-input/range-input.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "rangeInputStyles",
+          "default": "css` :host { display: flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; --ds-range-track-height: 0.375rem; --ds-range-thumb-size: 1.125rem; } :host([size='sm']) { --ds-range-track-height: 0.25rem; --ds-range-thumb-size: 0.875rem; } :host([size='lg']) { --ds-range-track-height: 0.5rem; --ds-range-thumb-size: 1.375rem; } .wrap { display: flex; align-items: center; gap: var(--ds-space-3); } .range { flex: 1; min-width: 0; height: var(--ds-range-thumb-size); margin: 0; background: transparent; cursor: pointer; -webkit-appearance: none; appearance: none; } /* Track — filled portion (accent) up to the thumb, rest is subtle. */ .range::-webkit-slider-runnable-track { height: var(--ds-range-track-height); border-radius: var(--ds-radius-full); background: linear-gradient( to right, var(--ds-color-accent) var(--ds-range-fill, 0%), var(--ds-color-bg-subtle) var(--ds-range-fill, 0%) ); } .range::-moz-range-track { height: var(--ds-range-track-height); border-radius: var(--ds-radius-full); background: var(--ds-color-bg-subtle); } .range::-moz-range-progress { height: var(--ds-range-track-height); border-radius: var(--ds-radius-full); background: var(--ds-color-accent); } /* Thumb */ .range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: var(--ds-range-thumb-size); height: var(--ds-range-thumb-size); margin-top: calc((var(--ds-range-track-height) - var(--ds-range-thumb-size)) / 2); border-radius: var(--ds-radius-full); border: 2px solid var(--ds-color-accent); background: var(--ds-color-bg); box-shadow: var(--ds-shadow-sm); transition: box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .range::-moz-range-thumb { width: var(--ds-range-thumb-size); height: var(--ds-range-thumb-size); border-radius: var(--ds-radius-full); border: 2px solid var(--ds-color-accent); background: var(--ds-color-bg); box-shadow: var(--ds-shadow-sm); transition: box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .range:focus-visible { outline: none; } .range:focus-visible::-webkit-slider-thumb { box-shadow: var(--ds-shadow-focus); } .range:focus-visible::-moz-range-thumb { box-shadow: var(--ds-shadow-focus); } /* Invalid */ :host([invalid]) .range::-webkit-slider-runnable-track { background: linear-gradient( to right, var(--ds-color-danger) var(--ds-range-fill, 0%), var(--ds-color-bg-subtle) var(--ds-range-fill, 0%) ); } :host([invalid]) .range::-moz-range-progress { background: var(--ds-color-danger); } :host([invalid]) .range::-webkit-slider-thumb { border-color: var(--ds-color-danger); } :host([invalid]) .range::-moz-range-thumb { border-color: var(--ds-color-danger); } /* Disabled */ :host([disabled]) { opacity: 0.5; } :host([disabled]) .range { cursor: not-allowed; } output { min-width: 2.5ch; text-align: right; color: var(--ds-color-fg); font-size: var(--ds-font-size-sm); font-variant-numeric: tabular-nums; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rangeInputStyles",
+          "declaration": {
+            "name": "rangeInputStyles",
+            "module": "src/atoms/range-input/range-input.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/atoms/range-input/range-input.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DsRangeInput",
+          "cssParts": [
+            {
+              "description": "The slider track.",
+              "name": "track"
+            },
+            {
+              "description": "The native range input (draggable thumb).",
+              "name": "thumb"
+            },
+            {
+              "description": "The current-value output shown when `show-value` is set.",
+              "name": "value"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "ShadowRootInit"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "min"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "step"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "RangeInputSize"
+              },
+              "default": "'md'",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "inputLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "input-label"
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "description"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "showValue",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "show-value"
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#initialized",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "valueAsNumber",
+              "type": {
+                "text": "number"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#numericValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#fillPercent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#onInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#blockWhenDisabled",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#syncValidity",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired continuously while dragging with the current numeric value.",
+              "name": "ds-input"
+            },
+            {
+              "description": "Fired when the value is committed.",
+              "name": "ds-change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "min"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "fieldName": "max"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "fieldName": "step"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "RangeInputSize"
+              },
+              "default": "'md'",
+              "fieldName": "size"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "label"
+            },
+            {
+              "name": "input-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "inputLabel"
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "description"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "error"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "show-value",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "showValue"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@jsekulowicz/ds-core"
+            }
+          ],
+          "superclass": {
+            "name": "DsElement",
+            "package": "@jsekulowicz/ds-core"
+          },
+          "tagName": "ds-range-input",
+          "customElement": true,
+          "summary": "Slider for picking a numeric value within a range, with native form participation via ElementInternals."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DsRangeInput",
+          "declaration": {
+            "name": "DsRangeInput",
+            "module": "src/atoms/range-input/range-input.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/atoms/searchable-select/define.ts",

package/dist/atoms/range-input/define.d.ts

@@ -0,0 +1,7 @@
+import { DsRangeInput } from './range-input.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-range-input': DsRangeInput;
+    }
+}
+//# sourceMappingURL=define.d.ts.map

package/dist/atoms/range-input/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/range-input/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/atoms/range-input/define.js

@@ -0,0 +1,5 @@
+import { DsRangeInput } from './range-input.js';
+if (!customElements.get('ds-range-input')) {
+    customElements.define('ds-range-input', DsRangeInput);
+}
+//# sourceMappingURL=define.js.map

package/dist/atoms/range-input/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/range-input/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AACxD,CAAC"}

package/dist/atoms/range-input/index.d.ts

@@ -0,0 +1,2 @@
+export { DsRangeInput, type RangeInputSize } from './range-input.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/range-input/index.d.ts.map

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

package/dist/atoms/range-input/index.js

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

package/dist/atoms/range-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/range-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAuB,MAAM,kBAAkB,CAAC"}

package/dist/atoms/range-input/range-input.d.ts

@@ -0,0 +1,35 @@
+import { type TemplateResult } from 'lit';
+import { DsElement } from '@jsekulowicz/ds-core';
+export type RangeInputSize = 'sm' | 'md' | 'lg';
+declare const DsRangeInput_base: typeof DsElement & (new (...args: any[]) => import("@jsekulowicz/ds-core").FormControlHost & DsElement);
+/**
+ * @tag ds-range-input
+ * @summary Slider for picking a numeric value within a range, with native form participation via ElementInternals.
+ * @event ds-input - Fired continuously while dragging with the current numeric value.
+ * @event ds-change - Fired when the value is committed.
+ * @csspart track - The slider track.
+ * @csspart thumb - The native range input (draggable thumb).
+ * @csspart value - The current-value output shown when `show-value` is set.
+ */
+export declare class DsRangeInput extends DsRangeInput_base {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static shadowRootOptions: ShadowRootInit;
+    min: number;
+    max: number;
+    step: number;
+    size: RangeInputSize;
+    label: string;
+    inputLabel: string;
+    description: string;
+    error: string;
+    invalid: boolean;
+    showValue: boolean;
+    private input;
+    get valueAsNumber(): number;
+    willUpdate(): void;
+    firstUpdated(): void;
+    render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=range-input.d.ts.map

package/dist/atoms/range-input/range-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-input.d.ts","sourceRoot":"","sources":["../../../src/atoms/range-input/range-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AAInE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;AAEhD;;;;;;;;GAQG;AACH,qBAAa,YAAa,SAAQ,iBAA2B;;IAC3D,OAAgB,MAAM,4BAA4D;IAClF,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAE0B,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACR,IAAI,EAAE,cAAc,CAAQ;IAC7C,KAAK,SAAM;IACiB,UAAU,SAAM;IAC5C,WAAW,SAAM;IACjB,KAAK,SAAM;IACqB,OAAO,UAAS;IACN,SAAS,UAAS;IAExD,OAAO,CAAC,KAAK,CAAoB;IAIjD,IAAI,aAAa,IAAI,MAAM,CAE1B;IAkDQ,UAAU,IAAI,IAAI;IAUlB,YAAY,IAAI,IAAI;IAIpB,MAAM,IAAI,cAAc;CAgClC"}

package/dist/atoms/range-input/range-input.js

@@ -0,0 +1,174 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing, LitElement } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { live } from 'lit/directives/live.js';
+import { DsElement, FormControlMixin } from '@jsekulowicz/ds-core';
+import { formFieldStyles, renderFieldLabel, renderSubtext } from '../../shared/form-field.js';
+import { rangeInputStyles } from './range-input.styles.js';
+/**
+ * @tag ds-range-input
+ * @summary Slider for picking a numeric value within a range, with native form participation via ElementInternals.
+ * @event ds-input - Fired continuously while dragging with the current numeric value.
+ * @event ds-change - Fired when the value is committed.
+ * @csspart track - The slider track.
+ * @csspart thumb - The native range input (draggable thumb).
+ * @csspart value - The current-value output shown when `show-value` is set.
+ */
+export class DsRangeInput extends FormControlMixin(DsElement) {
+    constructor() {
+        super(...arguments);
+        this.min = 0;
+        this.max = 100;
+        this.step = 1;
+        this.size = 'md';
+        this.label = '';
+        this.inputLabel = '';
+        this.description = '';
+        this.error = '';
+        this.invalid = false;
+        this.showValue = false;
+        this.#initialized = false;
+        this.#onInput = (event) => {
+            if (this.disabled)
+                return;
+            const target = event.target;
+            this.value = target.value;
+            this.#syncValidity();
+            this.emit('ds-input', { detail: { value: Number(target.value) } });
+        };
+        this.#onChange = (event) => {
+            if (this.disabled)
+                return;
+            const target = event.target;
+            this.value = target.value;
+            this.#syncValidity();
+            this.emit('ds-change', { detail: { value: Number(target.value) } });
+        };
+        // Stay focusable when disabled (so assistive tech can find and announce it,
+        // like ds-button) but block the keyboard/pointer interactions that would
+        // otherwise move the thumb.
+        this.#blockWhenDisabled = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+            }
+        };
+    }
+    static { this.styles = [...DsElement.styles, formFieldStyles, rangeInputStyles]; }
+    static { this.shadowRootOptions = {
+        ...LitElement.shadowRootOptions,
+        delegatesFocus: true,
+    }; }
+    #initialized;
+    get valueAsNumber() {
+        return this.#numericValue();
+    }
+    #numericValue() {
+        const parsed = typeof this.value === 'string' ? Number(this.value) : NaN;
+        const base = Number.isFinite(parsed) ? parsed : this.min;
+        return Math.min(this.max, Math.max(this.min, base));
+    }
+    #fillPercent() {
+        const span = this.max - this.min;
+        if (span <= 0) {
+            return 0;
+        }
+        return ((this.#numericValue() - this.min) / span) * 100;
+    }
+    #onInput;
+    #onChange;
+    // Stay focusable when disabled (so assistive tech can find and announce it,
+    // like ds-button) but block the keyboard/pointer interactions that would
+    // otherwise move the thumb.
+    #blockWhenDisabled;
+    // A native range always holds an in-range value, so validity is forwarded to the
+    // form for completeness while `invalid`/`error` stay consumer-controlled (app-level).
+    #syncValidity() {
+        if (!this.input) {
+            return;
+        }
+        this.setValidity(this.input.validity, this.input.validationMessage, this.input);
+    }
+    willUpdate() {
+        if (!this.#initialized) {
+            this.#initialized = true;
+            if (this.value === null) {
+                const initial = this.getAttribute('value');
+                this.value = initial ?? String(this.#numericValue());
+            }
+        }
+    }
+    firstUpdated() {
+        this.#syncValidity();
+    }
+    render() {
+        const current = this.#numericValue();
+        return html `
+      ${this.label ? renderFieldLabel(this.label, this.required, 'input') : nothing}
+      <span class="wrap" part="wrap">
+        <input
+          id="input"
+          part="thumb"
+          type="range"
+          class="range"
+          style="--ds-range-fill: ${this.#fillPercent()}%"
+          .value=${live(String(current))}
+          min=${this.min}
+          max=${this.max}
+          step=${this.step}
+          name=${this.name || nothing}
+          aria-label=${this.label ? nothing : this.inputLabel || nothing}
+          ?required=${this.required}
+          aria-disabled=${this.disabled ? 'true' : 'false'}
+          aria-invalid=${this.invalid ? 'true' : 'false'}
+          @keydown=${this.#blockWhenDisabled}
+          @pointerdown=${this.#blockWhenDisabled}
+          @input=${this.#onInput}
+          @change=${this.#onChange}
+        />
+        ${this.showValue
+            ? html `<output part="value" for="input">${current}</output>`
+            : nothing}
+      </span>
+      ${renderSubtext(this.description, this.error, this.invalid)}
+    `;
+    }
+}
+__decorate([
+    property({ type: Number })
+], DsRangeInput.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], DsRangeInput.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], DsRangeInput.prototype, "step", void 0);
+__decorate([
+    property({ reflect: true })
+], DsRangeInput.prototype, "size", void 0);
+__decorate([
+    property()
+], DsRangeInput.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'input-label' })
+], DsRangeInput.prototype, "inputLabel", void 0);
+__decorate([
+    property()
+], DsRangeInput.prototype, "description", void 0);
+__decorate([
+    property()
+], DsRangeInput.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DsRangeInput.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-value' })
+], DsRangeInput.prototype, "showValue", void 0);
+__decorate([
+    query('input')
+], DsRangeInput.prototype, "input", void 0);
+//# sourceMappingURL=range-input.js.map

package/dist/atoms/range-input/range-input.js.map

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

package/dist/atoms/range-input/range-input.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const rangeInputStyles: import("lit").CSSResult;
+//# sourceMappingURL=range-input.styles.d.ts.map

package/dist/atoms/range-input/range-input.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-input.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/range-input/range-input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAkH5B,CAAC"}

package/dist/atoms/range-input/range-input.styles.js

@@ -0,0 +1,117 @@
+import { css } from 'lit';
+export const rangeInputStyles = css `
+  :host {
+    display: flex;
+    flex-direction: column;
+    gap: var(--ds-space-1);
+    width: 100%;
+    --ds-range-track-height: 0.375rem;
+    --ds-range-thumb-size: 1.125rem;
+  }
+  :host([size='sm']) {
+    --ds-range-track-height: 0.25rem;
+    --ds-range-thumb-size: 0.875rem;
+  }
+  :host([size='lg']) {
+    --ds-range-track-height: 0.5rem;
+    --ds-range-thumb-size: 1.375rem;
+  }
+  .wrap {
+    display: flex;
+    align-items: center;
+    gap: var(--ds-space-3);
+  }
+  .range {
+    flex: 1;
+    min-width: 0;
+    height: var(--ds-range-thumb-size);
+    margin: 0;
+    background: transparent;
+    cursor: pointer;
+    -webkit-appearance: none;
+    appearance: none;
+  }
+  /* Track — filled portion (accent) up to the thumb, rest is subtle. */
+  .range::-webkit-slider-runnable-track {
+    height: var(--ds-range-track-height);
+    border-radius: var(--ds-radius-full);
+    background: linear-gradient(
+      to right,
+      var(--ds-color-accent) var(--ds-range-fill, 0%),
+      var(--ds-color-bg-subtle) var(--ds-range-fill, 0%)
+    );
+  }
+  .range::-moz-range-track {
+    height: var(--ds-range-track-height);
+    border-radius: var(--ds-radius-full);
+    background: var(--ds-color-bg-subtle);
+  }
+  .range::-moz-range-progress {
+    height: var(--ds-range-track-height);
+    border-radius: var(--ds-radius-full);
+    background: var(--ds-color-accent);
+  }
+  /* Thumb */
+  .range::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: var(--ds-range-thumb-size);
+    height: var(--ds-range-thumb-size);
+    margin-top: calc((var(--ds-range-track-height) - var(--ds-range-thumb-size)) / 2);
+    border-radius: var(--ds-radius-full);
+    border: 2px solid var(--ds-color-accent);
+    background: var(--ds-color-bg);
+    box-shadow: var(--ds-shadow-sm);
+    transition: box-shadow var(--ds-duration-fast) var(--ds-easing-standard);
+  }
+  .range::-moz-range-thumb {
+    width: var(--ds-range-thumb-size);
+    height: var(--ds-range-thumb-size);
+    border-radius: var(--ds-radius-full);
+    border: 2px solid var(--ds-color-accent);
+    background: var(--ds-color-bg);
+    box-shadow: var(--ds-shadow-sm);
+    transition: box-shadow var(--ds-duration-fast) var(--ds-easing-standard);
+  }
+  .range:focus-visible {
+    outline: none;
+  }
+  .range:focus-visible::-webkit-slider-thumb {
+    box-shadow: var(--ds-shadow-focus);
+  }
+  .range:focus-visible::-moz-range-thumb {
+    box-shadow: var(--ds-shadow-focus);
+  }
+  /* Invalid */
+  :host([invalid]) .range::-webkit-slider-runnable-track {
+    background: linear-gradient(
+      to right,
+      var(--ds-color-danger) var(--ds-range-fill, 0%),
+      var(--ds-color-bg-subtle) var(--ds-range-fill, 0%)
+    );
+  }
+  :host([invalid]) .range::-moz-range-progress {
+    background: var(--ds-color-danger);
+  }
+  :host([invalid]) .range::-webkit-slider-thumb {
+    border-color: var(--ds-color-danger);
+  }
+  :host([invalid]) .range::-moz-range-thumb {
+    border-color: var(--ds-color-danger);
+  }
+  /* Disabled */
+  :host([disabled]) {
+    opacity: 0.5;
+  }
+  :host([disabled]) .range {
+    cursor: not-allowed;
+  }
+  output {
+    min-width: 2.5ch;
+    text-align: right;
+    color: var(--ds-color-fg);
+    font-size: var(--ds-font-size-sm);
+    font-variant-numeric: tabular-nums;
+  }
+`;
+//# sourceMappingURL=range-input.styles.js.map

package/dist/atoms/range-input/range-input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-input.styles.js","sourceRoot":"","sources":["../../../src/atoms/range-input/range-input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHlC,CAAC"}

package/dist/define.d.ts

@@ -8,6 +8,7 @@ import './atoms/list/define.js';
 import './atoms/icon/define.js';
 import './atoms/link/define.js';
 import './atoms/text-field/define.js';
+import './atoms/range-input/define.js';
 import './atoms/checkbox/define.js';
 import './atoms/checkbox-group/define.js';
 import './atoms/radio/define.js';

package/dist/define.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,+BAA+B,CAAC;AACvC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}

package/dist/define.js

@@ -8,6 +8,7 @@ import './atoms/list/define.js';
 import './atoms/icon/define.js';
 import './atoms/link/define.js';
 import './atoms/text-field/define.js';
+import './atoms/range-input/define.js';
 import './atoms/checkbox/define.js';
 import './atoms/checkbox-group/define.js';
 import './atoms/radio/define.js';

package/dist/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,+BAA+B,CAAC;AACvC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { DsList, DsListItem, type ListVariant, type ListDensity } from './atoms/
 export { DsIcon, registerIcon, getIcon, type IconSize } from './atoms/icon/index.js';
 export { DsLink, type LinkVariant } from './atoms/link/index.js';
 export { DsTextField, type TextFieldType, type TextFieldSize } from './atoms/text-field/index.js';
+export { DsRangeInput, type RangeInputSize } from './atoms/range-input/index.js';
 export { DsCheckbox } from './atoms/checkbox/index.js';
 export { DsCheckboxGroup } from './atoms/checkbox-group/index.js';
 export { DsRadio } from './atoms/radio/index.js';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -8,6 +8,7 @@ export { DsList, DsListItem } from './atoms/list/index.js';
 export { DsIcon, registerIcon, getIcon } from './atoms/icon/index.js';
 export { DsLink } from './atoms/link/index.js';
 export { DsTextField } from './atoms/text-field/index.js';
+export { DsRangeInput } from './atoms/range-input/index.js';
 export { DsCheckbox } from './atoms/checkbox/index.js';
 export { DsCheckboxGroup } from './atoms/checkbox-group/index.js';
 export { DsRadio } from './atoms/radio/index.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAIT,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAyB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAkB,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAwB,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAA2B,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAsC,MAAM,uBAAuB,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAiB,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAA0C,MAAM,6BAA6B,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EACL,kBAAkB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAqB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,GAYrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAA4C,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,OAAO,EACP,YAAY,EACZ,KAAK,GAMN,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EACL,UAAU,GAKX,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,EAAkB,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAwB,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAIT,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAyB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAkB,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAwB,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAA2B,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAsC,MAAM,uBAAuB,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAiB,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAA0C,MAAM,6BAA6B,CAAC;AAClG,OAAO,EAAE,YAAY,EAAuB,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EACL,kBAAkB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAqB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,GAYrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAA4C,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,OAAO,EACP,YAAY,EACZ,KAAK,GAMN,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EACL,UAAU,GAKX,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,EAAkB,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAwB,MAAM,gCAAgC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsekulowicz/ds-components",
-  "version": "0.23.1",
+  "version": "0.24.0",
   "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
   "license": "UNLICENSED",
   "repository": {
@@ -88,6 +88,13 @@
     "./text-field/define": {
       "import": "./dist/atoms/text-field/define.js"
     },
+    "./range-input": {
+      "types": "./dist/atoms/range-input/index.d.ts",
+      "import": "./dist/atoms/range-input/index.js"
+    },
+    "./range-input/define": {
+      "import": "./dist/atoms/range-input/define.js"
+    },
     "./checkbox": {
       "types": "./dist/atoms/checkbox/index.d.ts",
       "import": "./dist/atoms/checkbox/index.js"