@nysds/nys-divider 1.19.3 → 1.20.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./nys-divider";

package/dist/nys-divider.d.ts

@@ -1,6 +1,7 @@
-import { LitElement } from "lit";
+import { NysReflectsAriaElement } from "@nysds/internals";
 /**
- * A horizontal rule for visual separation between content sections. Renders a semantic `<hr>` element.
+ * A horizontal rule for visual separation between content sections. The host
+ * element carries `role="separator"` via ElementInternals.
  *
  * Use to separate distinct content areas within a page. Set `inverted` for use on dark backgrounds.
  *
@@ -37,18 +38,18 @@ import { LitElement } from "lit";
  * <p>Section two content</p>
  * ```
  */
-export declare class NysDivider extends LitElement {
+export declare class NysDivider extends NysReflectsAriaElement {
     static styles: import("lit").CSSResult;
     /** Adjusts colors for dark backgrounds. */
     inverted: boolean;
     /** If true, the divider will use a lighter color. */
     subtle: boolean;
-    constructor();
-    connectedCallback(): void;
     /**
-     * Functions
-     * --------------------------------------------------------------------------
+     * The host element IS the separator, so reflect role="separator" onto the host
+     * via internals. A horizontal separator's implicit aria-orientation is
+     * "horizontal", which matches this component, so no explicit orientation is set.
      */
-    private _generateUniqueId;
+    protected get defaultRole(): string | null;
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/nys-divider.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/nys-divider.js

@@ -1,50 +1,119 @@
-import { LitElement as v, unsafeCSS as c, html as f } from "lit";
-import { property as l } from "lit/decorators.js";
+import { LitElement as u, unsafeCSS as f, html as h } from "lit";
+import { property as c } from "lit/decorators.js";
 /*!
    * █▄  █  █   █  █▀▀▀█  █▀▀▄  █▀▀▀█
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Divider Component v1.19.3
+   * Divider Component v1.20.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
 */
-const y = ":host{--_nys-divider-size: var(--nys-size-1px, 1px);--_nys-divider-color: var(--nys-color-neutral-500, #797c7f);--_nys-divider-width: 100%}:host([inverted]){--_nys-divider-color: var(--nys-color-ink-reverse, #ffffff)}:host([subtle]){--_nys-divider-color: var(--nys-color-neutral-100, #e4e5e6)}.nys-divider{width:var(--_nys-divider-width);height:var(--_nys-divider-size);background-color:var(--_nys-divider-color);flex:1 0 0;margin:0;border:none}";
-var u = Object.defineProperty, a = (n, s, d, p) => {
-  for (var e = void 0, t = n.length - 1, o; t >= 0; t--)
-    (o = n[t]) && (e = o(s, d, e) || e);
-  return e && u(s, d, e), e;
+/*!
+  * New York State Design System v1.20.0
+  * Description: A design system for New York State's digital products.
+  * Repository: https://github.com/its-hcd/nysds
+  * License: MIT
+*/
+let v = 0;
+function y(e) {
+  return `${e}-${Date.now()}-${v++}`;
+}
+const p = (e) => {
+  class r extends e {
+    get idPrefix() {
+      return this.localName || "nys-element";
+    }
+    ensureId() {
+      this.id || (this.id = y(this.idPrefix));
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.ensureId();
+    }
+  }
+  return r;
+}, _ = (e) => {
+  class r extends p(e) {
+    constructor() {
+      super(...arguments), this.__internals = null;
+    }
+    get internals() {
+      if (this.__internals) return this.__internals;
+      if (typeof this.attachInternals == "function")
+        try {
+          this.__internals = this.attachInternals();
+        } catch {
+          this.__internals = null;
+        }
+      return this.__internals;
+    }
+    get defaultRole() {
+      return null;
+    }
+    setHostAria(n, t) {
+      const s = this.internals;
+      if (s && n in s) {
+        s[n] = t;
+        return;
+      }
+      const i = m(n);
+      t === null ? this.removeAttribute(i) : this.setAttribute(i, t);
+    }
+    reflectDefaultSemantics() {
+      const n = this.defaultRole;
+      n && this.setHostAria("role", n);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.reflectDefaultSemantics();
+    }
+  }
+  return r;
+};
+function m(e) {
+  if (e === "role") return "role";
+  const r = e.replace(/^aria/, "");
+  return "aria-" + r.charAt(0).toLowerCase() + r.slice(1);
+}
+const b = /* @__PURE__ */ _(u), g = ":host{--_nys-divider-size: var(--nys-size-1px, 1px);--_nys-divider-color: var(--nys-color-neutral-500, #797c7f);--_nys-divider-width: 100%}:host([inverted]){--_nys-divider-color: var(--nys-color-ink-reverse, #ffffff)}:host([subtle]){--_nys-divider-color: var(--nys-color-neutral-100, #e4e5e6)}.nys-divider{width:var(--_nys-divider-width);height:var(--_nys-divider-size);background-color:var(--_nys-divider-color);flex:1 0 0;margin:0;border:none}";
+var x = Object.defineProperty, d = (e, r, a, n) => {
+  for (var t = void 0, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (t = i(r, a, t) || t);
+  return t && x(r, a, t), t;
 };
-let h = 0;
-const i = class i extends v {
+const o = class o extends b {
   constructor() {
-    super(), this.inverted = !1, this.subtle = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
+    super(...arguments), this.inverted = !1, this.subtle = !1;
   }
   /**
-   * Functions
-   * --------------------------------------------------------------------------
+   * The host element IS the separator, so reflect role="separator" onto the host
+   * via internals. A horizontal separator's implicit aria-orientation is
+   * "horizontal", which matches this component, so no explicit orientation is set.
    */
-  _generateUniqueId() {
-    return `nys-divider-${Date.now()}-${h++}`;
+  get defaultRole() {
+    return "separator";
+  }
+  connectedCallback() {
+    super.connectedCallback();
   }
   render() {
-    return f`<hr class="nys-divider" />`;
+    return h`<hr
+      class="nys-divider"
+      role="presentation"
+      aria-hidden="true"
+    />`;
   }
 };
-i.styles = c(y);
-let r = i;
-a([
-  l({ type: Boolean, reflect: !0 })
-], r.prototype, "inverted");
-a([
-  l({ type: Boolean, reflect: !0 })
-], r.prototype, "subtle");
-customElements.get("nys-divider") || customElements.define("nys-divider", r);
+o.styles = f(g);
+let l = o;
+d([
+  c({ type: Boolean, reflect: !0 })
+], l.prototype, "inverted");
+d([
+  c({ type: Boolean, reflect: !0 })
+], l.prototype, "subtle");
+customElements.get("nys-divider") || customElements.define("nys-divider", l);
 export {
-  r as NysDivider
+  l as NysDivider
 };
 //# sourceMappingURL=nys-divider.js.map

package/dist/nys-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-divider.js","sources":["../src/nys-divider.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-divider.scss?inline\";\n\nlet dividerIdCounter = 0;\n\n/**\n * A horizontal rule for visual separation between content sections. Renders a semantic `<hr>` element.\n *\n * Use to separate distinct content areas within a page. Set `inverted` for use on dark backgrounds.\n *\n * @summary Horizontal divider for visual separation of content sections.\n * @element nys-divider\n *\n * @example Basic\n * ```html\n * <p>Section one content</p>\n * <nys-divider></nys-divider>\n * <p>Section two content</p>\n * ```\n *\n * @example Inverted\n * ```html\n * <p>Section one content</p>\n * <nys-divider inverted></nys-divider>\n * <p>Section two content</p>\n * ```\n *\n * @render Inverted\n * ```html\n * <div style=\"display: flex; flex-direction: column; background-color: var(--nys-color-ink, #1b1b1b); color: var(--nys-color-ink-reverse, #fff); padding: var(--nys-space-200, 16px);\">\n *   <p>Section one content</p>\n *   <nys-divider inverted></nys-divider>\n *   <p>Section two content</p>\n * </div>\n * ```\n *\n * @example Subtle\n * ```html\n * <p>Section one content</p>\n * <nys-divider subtle></nys-divider>\n * <p>Section two content</p>\n * ```\n */\n\nexport class NysDivider extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  /** If true, the divider will use a lighter color. */\n  @property({ type: Boolean, reflect: true }) subtle = false;\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // Generate a unique ID if not provided\n    if (!this.id) {\n      this.id = this._generateUniqueId();\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  private _generateUniqueId() {\n    return `nys-divider-${Date.now()}-${dividerIdCounter++}`;\n  }\n\n  render() {\n    return html`<hr class=\"nys-divider\" />`;\n  }\n}\n\nif (!customElements.get(\"nys-divider\")) {\n  customElements.define(\"nys-divider\", NysDivider);\n}\n"],"names":["dividerIdCounter","_NysDivider","LitElement","html","unsafeCSS","styles","NysDivider","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAIA,IAAmB;AAyChB,MAAMC,IAAN,MAAMA,UAAmBC,EAAW;AAAA,EASzC,cAAc;AACZ,UAAA,GAN0C,KAAA,WAAW,IAGX,KAAA,SAAS;AAAA,EAIrD;AAAA,EAEA,oBAAoB;AAClB,UAAM,kBAAA,GAGD,KAAK,OACR,KAAK,KAAK,KAAK,kBAAA;AAAA,EAEnB;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,oBAAoB;AAC1B,WAAO,eAAe,KAAK,IAAA,CAAK,IAAIF,GAAkB;AAAA,EACxD;AAAA,EAEA,SAAS;AACP,WAAOG;AAAA,EACT;AACF;AAjCEF,EAAO,SAASG,EAAUC,CAAM;AAD3B,IAAMC,IAANL;AAIuCM,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAJ/BF,EAIiC,WAAA,UAAA;AAGAC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAP/BF,EAOiC,WAAA,QAAA;AA6BzC,eAAe,IAAI,aAAa,KACnC,eAAe,OAAO,eAAeA,CAAU;"}
+{"version":3,"file":"nys-divider.js","sources":["../../internals/dist/index.js","../src/nys-divider.ts"],"sourcesContent":["import { LitElement as u } from \"lit\";\n/*!\n   * New York State Design System v1.20.0\n   * Description: A design system for New York State's digital products.\n   * Repository: https://github.com/its-hcd/nysds\n   * License: MIT\n */\nlet y = 0;\nfunction f(e) {\n  return `${e}-${Date.now()}-${y++}`;\n}\nconst p = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, A = {\n  labelledby: \"ariaLabel\",\n  describedby: \"ariaDescription\"\n};\nfunction R(e) {\n  return \"ariaDescribedByElements\" in e;\n}\nfunction _(e) {\n  return e === \"errormessage\" ? \"aria-errormessage\" : `aria-${e}`;\n}\nfunction d(e) {\n  return e.filter((t) => !!t);\n}\nfunction E(e) {\n  return e.map((t) => (t.id || (t.id = f(\"nys-ref\")), t.id));\n}\nfunction V(e, t, n) {\n  const i = d(n), r = _(t);\n  i.length ? e.setAttribute(r, E(i).join(\" \")) : e.removeAttribute(r);\n}\nfunction x(e, t, n, i, r) {\n  const s = d(i), a = p[n], l = t;\n  if (a && R(t)) {\n    l[a] = s.length ? s : null;\n    return;\n  }\n  const o = A[n];\n  if (!o) return;\n  const c = r ?? (s.length ? s.map((m) => m.textContent?.trim() ?? \"\").filter(Boolean).join(\" \") : \"\");\n  o in l ? l[o] = c || null : c ? e.setAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\",\n    c\n  ) : e.removeAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\"\n  );\n}\nconst g = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, C = {\n  labelledby: \"aria-label\",\n  describedby: \"aria-description\"\n};\nfunction L(e, t, n) {\n  const i = d(n), r = g[t], s = C[t], a = e;\n  if (r && r in e && (a[r] = i.length ? i : null), !s) return;\n  const l = i.map((o) => o.textContent?.trim() ?? \"\").filter(Boolean).join(\" \");\n  l ? e.setAttribute(s, l) : e.removeAttribute(s);\n}\nconst b = (e) => {\n  class t extends e {\n    get idPrefix() {\n      return this.localName || \"nys-element\";\n    }\n    ensureId() {\n      this.id || (this.id = f(this.idPrefix));\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.ensureId();\n    }\n  }\n  return t;\n}, P = /* @__PURE__ */ b(u), h = (e) => {\n  class t extends b(e) {\n    constructor() {\n      super(...arguments), this.__internals = null;\n    }\n    get internals() {\n      if (this.__internals) return this.__internals;\n      if (typeof this.attachInternals == \"function\")\n        try {\n          this.__internals = this.attachInternals();\n        } catch {\n          this.__internals = null;\n        }\n      return this.__internals;\n    }\n    get defaultRole() {\n      return null;\n    }\n    setHostAria(i, r) {\n      const s = this.internals;\n      if (s && i in s) {\n        s[i] = r;\n        return;\n      }\n      const a = v(i);\n      r === null ? this.removeAttribute(a) : this.setAttribute(a, r);\n    }\n    reflectDefaultSemantics() {\n      const i = this.defaultRole;\n      i && this.setHostAria(\"role\", i);\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.reflectDefaultSemantics();\n    }\n  }\n  return t;\n};\nfunction v(e) {\n  if (e === \"role\") return \"role\";\n  const t = e.replace(/^aria/, \"\");\n  return \"aria-\" + t.charAt(0).toLowerCase() + t.slice(1);\n}\nconst T = /* @__PURE__ */ h(u), I = (e) => {\n  const n = class n extends h(e) {\n    setFormValue(r) {\n      this.internals?.setFormValue(r ?? null);\n    }\n    setValidityFromState(r, s, a) {\n      const l = this.internals;\n      if (!l) return;\n      const o = Object.values(r).some(Boolean);\n      o ? l.setValidity(r, s ?? \"Invalid value\", a) : l.setValidity({}), this.setHostAria(\"ariaInvalid\", o ? \"true\" : \"false\");\n    }\n    clearValidity() {\n      this.internals?.setValidity({}), this.setHostAria(\"ariaInvalid\", \"false\");\n    }\n    checkValidity() {\n      return this.internals?.checkValidity() ?? !0;\n    }\n    reportValidity() {\n      return this.internals?.reportValidity() ?? !0;\n    }\n    formResetCallback() {\n      this.clearValidity();\n    }\n  };\n  n.formAssociated = !0;\n  let t = n;\n  return t;\n}, w = /* @__PURE__ */ I(u);\nfunction O(e) {\n  const t = e.tagName.toLowerCase(), n = /* @__PURE__ */ new Set(), i = (r) => {\n    r.querySelectorAll(\"*\").forEach((s) => {\n      const a = s.tagName.toLowerCase();\n      a.startsWith(\"nys-\") && a !== t && !customElements.get(a) && n.add(a), s.shadowRoot && i(s.shadowRoot);\n    });\n  };\n  return e.shadowRoot && i(e.shadowRoot), i(e), [...n].sort();\n}\nexport {\n  I as FormControlMixin,\n  b as IdentifiedMixin,\n  P as NysElement,\n  w as NysFormControlElement,\n  T as NysReflectsAriaElement,\n  h as ReflectsAriaMixin,\n  V as associateControl,\n  L as associateControlRefs,\n  x as associateHost,\n  O as findUnregisteredChildren,\n  f as generateId,\n  R as supportsElementRefs\n};\n//# sourceMappingURL=index.js.map\n","import { html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { NysReflectsAriaElement } from \"@nysds/internals\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-divider.scss?inline\";\n\n/**\n * A horizontal rule for visual separation between content sections. The host\n * element carries `role=\"separator\"` via ElementInternals.\n *\n * Use to separate distinct content areas within a page. Set `inverted` for use on dark backgrounds.\n *\n * @summary Horizontal divider for visual separation of content sections.\n * @element nys-divider\n *\n * @example Basic\n * ```html\n * <p>Section one content</p>\n * <nys-divider></nys-divider>\n * <p>Section two content</p>\n * ```\n *\n * @example Inverted\n * ```html\n * <p>Section one content</p>\n * <nys-divider inverted></nys-divider>\n * <p>Section two content</p>\n * ```\n *\n * @render Inverted\n * ```html\n * <div style=\"display: flex; flex-direction: column; background-color: var(--nys-color-ink, #1b1b1b); color: var(--nys-color-ink-reverse, #fff); padding: var(--nys-space-200, 16px);\">\n *   <p>Section one content</p>\n *   <nys-divider inverted></nys-divider>\n *   <p>Section two content</p>\n * </div>\n * ```\n *\n * @example Subtle\n * ```html\n * <p>Section one content</p>\n * <nys-divider subtle></nys-divider>\n * <p>Section two content</p>\n * ```\n */\n\nexport class NysDivider extends NysReflectsAriaElement {\n  static styles = unsafeCSS(styles);\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  /** If true, the divider will use a lighter color. */\n  @property({ type: Boolean, reflect: true }) subtle = false;\n\n  /**\n   * The host element IS the separator, so reflect role=\"separator\" onto the host\n   * via internals. A horizontal separator's implicit aria-orientation is\n   * \"horizontal\", which matches this component, so no explicit orientation is set.\n   */\n  protected get defaultRole(): string | null {\n    return \"separator\";\n  }\n\n  connectedCallback() {\n    // super.connectedCallback() (NysReflectsAriaElement) assigns an id when one\n    // is not provided and reflects the default role onto the host.\n    super.connectedCallback();\n  }\n\n  render() {\n    // The host carries role=\"separator\"; the inner <hr> is purely presentational\n    // so the separator is not announced twice in the accessibility tree.\n    return html`<hr\n      class=\"nys-divider\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n    />`;\n  }\n}\n\nif (!customElements.get(\"nys-divider\")) {\n  customElements.define(\"nys-divider\", NysDivider);\n}\n"],"names":["LitElement","unsafeCSS","html","property","y","f","b","t","h","i","r","a","v","T","u","_NysDivider","NysReflectsAriaElement","styles","NysDivider","__decorateClass"],"mappings":"AACA,SAAA,cAAAA,GAAA,aAAAC,GAAA,QAAAC,SAAA;AAAA,SAAA,YAAAC,SAAA;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,IAAIC,IAAI;AACR,SAASC,EAAE,GAAG;AACZ,SAAO,GAAG,CAAC,IAAI,KAAK,KAAK,IAAID,GAAG;AAClC;AAqDK,MAACE,IAAI,CAAC,MAAM;AAAA,EACf,MAAMC,UAAU,EAAE;AAAA,IAChB,IAAI,WAAW;AACb,aAAO,KAAK,aAAa;AAAA,IAC3B;AAAA,IACA,WAAW;AACT,WAAK,OAAO,KAAK,KAAKF,EAAE,KAAK,QAAQ;AAAA,IACvC;AAAA,IACA,oBAAoB;AAClB,YAAM,kBAAiB,GAAI,KAAK,SAAQ;AAAA,IAC1C;AAAA,EACJ;AACE,SAAOE;AACT,GAA6BC,IAAI,CAAC,MAAM;AAAA,EACtC,MAAMD,UAAUD,EAAE,CAAC,EAAE;AAAA,IACnB,cAAc;AACZ,YAAM,GAAG,SAAS,GAAG,KAAK,cAAc;AAAA,IAC1C;AAAA,IACA,IAAI,YAAY;AACd,UAAI,KAAK,YAAa,QAAO,KAAK;AAClC,UAAI,OAAO,KAAK,mBAAmB;AACjC,YAAI;AACF,eAAK,cAAc,KAAK,gBAAe;AAAA,QACzC,QAAQ;AACN,eAAK,cAAc;AAAA,QACrB;AACF,aAAO,KAAK;AAAA,IACd;AAAA,IACA,IAAI,cAAc;AAChB,aAAO;AAAA,IACT;AAAA,IACA,YAAYG,GAAGC,GAAG;AAChB,YAAM,IAAI,KAAK;AACf,UAAI,KAAKD,KAAK,GAAG;AACf,UAAEA,CAAC,IAAIC;AACP;AAAA,MACF;AACA,YAAMC,IAAIC,EAAEH,CAAC;AACb,MAAAC,MAAM,OAAO,KAAK,gBAAgBC,CAAC,IAAI,KAAK,aAAaA,GAAGD,CAAC;AAAA,IAC/D;AAAA,IACA,0BAA0B;AACxB,YAAMD,IAAI,KAAK;AACf,MAAAA,KAAK,KAAK,YAAY,QAAQA,CAAC;AAAA,IACjC;AAAA,IACA,oBAAoB;AAClB,YAAM,kBAAiB,GAAI,KAAK,wBAAuB;AAAA,IACzD;AAAA,EACJ;AACE,SAAOF;AACT;AACA,SAASK,EAAE,GAAG;AACZ,MAAI,MAAM,OAAQ,QAAO;AACzB,QAAML,IAAI,EAAE,QAAQ,SAAS,EAAE;AAC/B,SAAO,UAAUA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC;AACxD;AACK,MAACM,IAAoB,gBAAAL,EAAEM,CAAC;;;;;;ACxEtB,MAAMC,IAAN,MAAMA,UAAmBC,EAAuB;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIuC,KAAA,WAAW,IAGX,KAAA,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOrD,IAAc,cAA6B;AACzC,WAAO;AAAA,EACT;AAAA,EAEA,oBAAoB;AAGlB,UAAM,kBAAA;AAAA,EACR;AAAA,EAEA,SAAS;AAGP,WAAOd;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF;AAhCEa,EAAO,SAASd,EAAUgB,CAAM;AAD3B,IAAMC,IAANH;AAIuCI,EAAA;AAAA,EAA3ChB,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAJ/Be,EAIiC,WAAA,UAAA;AAGAC,EAAA;AAAA,EAA3ChB,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAP/Be,EAOiC,WAAA,QAAA;AA4BzC,eAAe,IAAI,aAAa,KACnC,eAAe,OAAO,eAAeA,CAAU;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-divider",
-  "version": "1.19.3",
+  "version": "1.20.0",
   "description": "The Divider component from the NYS Design System.",
   "module": "dist/nys-divider.js",
   "types": "dist/index.d.ts",
@@ -23,6 +23,7 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "devDependencies": {
+    "@nysds/internals": "^1.20.0",
     "lit": "^3.3.1",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"