@flipdish/ui-library 0.12.2 → 0.12.4

package/dist/hooks/useAriaDisclosureAttrs/index.d.ts

@@ -0,0 +1,20 @@
+import { type RefObject } from 'react';
+export interface UseAriaDisclosureAttrsOptions {
+    /** Disclosure state — sets `aria-expanded` on the ref'd node, or removes it when `undefined`. */
+    ariaExpanded?: boolean;
+    /** ID of the region the node discloses — sets `aria-controls`, or removes it when `undefined`. */
+    ariaControls?: string;
+}
+/**
+ * Applies `aria-expanded`/`aria-controls` directly to a DOM node via a ref, bypassing
+ * `react-aria-components`' `Link` (whose `useLink` internally calls
+ * `filterDOMProps({ labelable: true })`, which only forwards a fixed allow-list of ARIA
+ * props — `aria-expanded`/`aria-controls` are silently dropped before reaching the DOM).
+ *
+ * Only needed for elements rendered via that `Link` primitive; a plain `<a>`/`<button>`
+ * can just take these as regular props.
+ *
+ * @summary set disclosure ARIA attributes directly on a ref'd node
+ */
+export declare const useAriaDisclosureAttrs: <T extends HTMLElement>(ref: RefObject<T | null>, { ariaExpanded, ariaControls }: UseAriaDisclosureAttrsOptions) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useAriaDisclosureAttrs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAriaDisclosureAttrs/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,6BAA6B;IAC5C,iGAAiG;IACjG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kGAAkG;IAClG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,EAC1D,KAAK,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EACxB,gCAAgC,6BAA6B,SAkB9D,CAAC"}

package/dist/hooks/useAriaDisclosureAttrs/index.js

@@ -0,0 +1,35 @@
+import { useEffect } from 'react';
+
+/**
+ * Applies `aria-expanded`/`aria-controls` directly to a DOM node via a ref, bypassing
+ * `react-aria-components`' `Link` (whose `useLink` internally calls
+ * `filterDOMProps({ labelable: true })`, which only forwards a fixed allow-list of ARIA
+ * props — `aria-expanded`/`aria-controls` are silently dropped before reaching the DOM).
+ *
+ * Only needed for elements rendered via that `Link` primitive; a plain `<a>`/`<button>`
+ * can just take these as regular props.
+ *
+ * @summary set disclosure ARIA attributes directly on a ref'd node
+ */
+const useAriaDisclosureAttrs = (ref, { ariaExpanded, ariaControls }) => {
+    useEffect(() => {
+        const node = ref.current;
+        if (!node)
+            return;
+        if (ariaExpanded === undefined) {
+            node.removeAttribute('aria-expanded');
+        }
+        else {
+            node.setAttribute('aria-expanded', String(ariaExpanded));
+        }
+        if (ariaControls === undefined) {
+            node.removeAttribute('aria-controls');
+        }
+        else {
+            node.setAttribute('aria-controls', ariaControls);
+        }
+    }, [ref, ariaExpanded, ariaControls]);
+};
+
+export { useAriaDisclosureAttrs };
+//# sourceMappingURL=index.js.map

package/dist/hooks/useAriaDisclosureAttrs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/hooks/useAriaDisclosureAttrs/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAWA;;;;;;;;;;AAUG;AACI,MAAM,sBAAsB,GAAG,CACpC,GAAwB,EACxB,EAAE,YAAY,EAAE,YAAY,EAAiC,KAC3D;IACF,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO;AACxB,QAAA,IAAI,CAAC,IAAI;YAAE;AAEX,QAAA,IAAI,YAAY,KAAK,SAAS,EAAE;AAC9B,YAAA,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;QACvC;aAAO;YACL,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;QAC1D;AAEA,QAAA,IAAI,YAAY,KAAK,SAAS,EAAE;AAC9B,YAAA,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;QACvC;aAAO;AACL,YAAA,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,YAAY,CAAC;QAClD;IACF,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;AACvC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.12.2",
+  "version": "0.12.4",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "sideEffects": [