@proyecto-viviana/solidaria 0.2.8 → 0.4.0

package/dist/ssr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Accessor","JSX","ParentProps","createContext","createEffect","createMemo","createSignal","onCleanup","onMount","useContext","createUniqueId","isServer","SSRProviderProps","SSRContextValue","isSSR","prefix","SSRContext","createIsSSR","canUseDOM","createId","defaultId","ctx","uniqueId","createSlotId","deps","Array","id","resolvedId","setResolvedId","dep","document","getElementById","undefined","SSRProvider","props","Element","parentContext","value","_$createComponent","Provider","children","createHydrationState","isHydrating","setIsHydrating","useIsSSR","createBrowserEffect","fn","cleanup","createBrowserValue","T","fallback","setValue","getWindow","Window","window","getDocument","Document","getOwnerDocument","el","ownerDocument","getOwnerWindow","defaultView","getPortalContainer","container","body"],"sources":["../../src/ssr/index.tsx"],"sourcesContent":["/**\n * SSR utilities for Solidaria\n *\n * SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.\n * These utilities provide a consistent API matching React-Aria's patterns\n * with additional features for hydration management.\n */\n\nimport {\n  type Accessor,\n  type JSX,\n  type ParentProps,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n  useContext,\n  createUniqueId,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\n\nexport interface SSRProviderProps extends ParentProps {}\n\nexport interface SSRContextValue {\n  /** Whether currently rendering on the server. */\n  isSSR: boolean;\n  /** Prefix for generated IDs, allowing nested providers. */\n  prefix: string;\n}\n\nconst SSRContext = createContext<SSRContextValue>({\n  isSSR: isServer,\n  prefix: \"\",\n});\n\n/**\n * Returns whether the component is currently being server side rendered.\n * Can be used to delay browser-specific rendering until after hydration.\n *\n * Note: This returns a static boolean. For reactive hydration detection,\n * use `createHydrationState()`.\n */\nexport function createIsSSR(): boolean {\n  return isServer;\n}\n\n/**\n * Check if we can use DOM APIs.\n * This is useful for code that needs to run only in the browser.\n */\nexport const canUseDOM = !isServer;\n\n/**\n * Generate a unique ID that is stable across server and client.\n * Uses SolidJS's built-in createUniqueId which handles SSR correctly.\n *\n * @param defaultId - Optional default ID to use instead of generating one.\n *\n * @example\n * ```tsx\n * function TextField(props) {\n *   const inputId = createId(props.id);\n *   return (\n *     <>\n *       <label for={inputId}>{props.label}</label>\n *       <input id={inputId} />\n *     </>\n *   );\n * }\n * ```\n */\nexport function createId(defaultId?: string): string {\n  if (defaultId) {\n    return defaultId;\n  }\n  const ctx = useContext(SSRContext);\n  const uniqueId = createUniqueId();\n  return ctx.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;\n}\n\n/**\n * Generates an id, but only resolves to it once an element with that id is\n * actually present in the DOM. Returns `undefined` otherwise.\n *\n * This is a 1:1 port of @react-aria/utils's `useSlotId`. It exists so that an\n * `aria-labelledby` can point at an optional slot (e.g. a section header) and\n * automatically fall back to `undefined` when the slot is not rendered, instead\n * of leaving a dangling reference to a non-existent id.\n *\n * The initial value is the generated id so that server and first client render\n * agree (no hydration mismatch); a client-only effect then probes the DOM and\n * clears the value when no matching element exists.\n *\n * @param deps - Accessors re-probed when their values change (mirrors the\n *   dependency array of the upstream hook).\n */\nexport function createSlotId(deps: Array<Accessor<unknown>> = []): Accessor<string | undefined> {\n  const id = createId();\n  const [resolvedId, setResolvedId] = createSignal<string | undefined>(id);\n\n  createEffect(() => {\n    // Re-probe when any explicit dependency changes.\n    for (const dep of deps) {\n      dep();\n    }\n    setResolvedId(document.getElementById(id) ? id : undefined);\n  });\n\n  return resolvedId;\n}\n\n/**\n * Provides SSR context to the component tree.\n *\n * While SolidJS handles most SSR scenarios automatically, this provider\n * can be useful for:\n * - Nested ID prefixes to avoid collisions in micro-frontends\n * - Explicit hydration boundary markers\n * - Testing SSR behavior\n *\n * @example\n * ```tsx\n * // Root of your app\n * <SSRProvider>\n *   <App />\n * </SSRProvider>\n *\n * // With custom prefix for micro-frontend\n * <SSRProvider prefix=\"widget\">\n *   <Widget />\n * </SSRProvider>\n * ```\n */\nexport function SSRProvider(props: SSRProviderProps & { prefix?: string }): JSX.Element {\n  const parentContext = useContext(SSRContext);\n\n  const value = createMemo<SSRContextValue>(() => ({\n    isSSR: isServer,\n    prefix: props.prefix\n      ? parentContext.prefix\n        ? `${parentContext.prefix}-${props.prefix}`\n        : props.prefix\n      : parentContext.prefix,\n  }));\n\n  return <SSRContext.Provider value={value()}>{props.children}</SSRContext.Provider>;\n}\n\n/**\n * Tracks whether the component is currently hydrating.\n *\n * During server-side rendering, this returns `true`. After hydration\n * completes on the client, it switches to `false`. This is useful for\n * components that need to show different content during hydration.\n *\n * @example\n * ```tsx\n * function ClientOnlyComponent() {\n *   const isHydrating = createHydrationState();\n *\n *   return (\n *     <Show when={!isHydrating()} fallback={<LoadingPlaceholder />}>\n *       <InteractiveWidget />\n *     </Show>\n *   );\n * }\n * ```\n */\nexport function createHydrationState(): Accessor<boolean> {\n  // On the server, always return true\n  if (isServer) {\n    return () => true;\n  }\n\n  // On the client, track hydration state\n  const [isHydrating, setIsHydrating] = createSignal(true);\n\n  onMount(() => {\n    setIsHydrating(false);\n  });\n\n  return isHydrating;\n}\n\n/**\n * Hook that returns `true` during SSR and initial hydration.\n * Use this to delay browser-specific code until hydration is complete.\n *\n * Unlike `createIsSSR()` which is static, this updates reactively\n * after hydration completes.\n *\n * @example\n * ```tsx\n * function BrowserOnlyFeature() {\n *   const isSSR = useIsSSR();\n *\n *   createEffect(() => {\n *     if (!isSSR()) {\n *       // Safe to access browser APIs here\n *       window.localStorage.getItem('key');\n *     }\n *   });\n *\n *   return <Show when={!isSSR()}>...</Show>;\n * }\n * ```\n */\nexport function useIsSSR(): Accessor<boolean> {\n  return createHydrationState();\n}\n\n/**\n * Creates an effect that only runs on the client after hydration.\n * This is a convenience wrapper that ensures browser-specific code\n * doesn't run during SSR.\n *\n * @param fn - The effect function to run\n *\n * @example\n * ```tsx\n * function Analytics() {\n *   createBrowserEffect(() => {\n *     // Safe to access window, document, localStorage, etc.\n *     window.analytics.track('page_view');\n *   });\n *\n *   return null;\n * }\n * ```\n */\nexport function createBrowserEffect(fn: () => void | (() => void)): void {\n  if (isServer) {\n    return;\n  }\n\n  createEffect(() => {\n    const cleanup = fn();\n    if (typeof cleanup === \"function\") {\n      onCleanup(cleanup);\n    }\n  });\n}\n\n/**\n * Creates a value that is computed only on the client.\n * On the server, returns the fallback value.\n *\n * @param fn - Function to compute the value on the client\n * @param fallback - Value to return during SSR\n *\n * @example\n * ```tsx\n * function WindowSize() {\n *   const width = createBrowserValue(\n *     () => window.innerWidth,\n *     0\n *   );\n *\n *   return <span>Width: {width()}</span>;\n * }\n * ```\n */\nexport function createBrowserValue<T>(fn: () => T, fallback: T): Accessor<T> {\n  if (isServer) {\n    return () => fallback;\n  }\n\n  const [value, setValue] = createSignal<T>(fallback);\n\n  onMount(() => {\n    setValue(() => fn());\n  });\n\n  return value;\n}\n\n/**\n * Returns the window object if available, or undefined during SSR.\n * Useful for accessing browser globals safely.\n *\n * @example\n * ```tsx\n * const win = getWindow();\n * if (win) {\n *   win.addEventListener('resize', handler);\n * }\n * ```\n */\nexport function getWindow(): Window | undefined {\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n  return undefined;\n}\n\n/**\n * Returns the document object if available, or undefined during SSR.\n * Useful for accessing document safely.\n *\n * @example\n * ```tsx\n * const doc = getDocument();\n * if (doc) {\n *   doc.addEventListener('keydown', handler);\n * }\n * ```\n */\nexport function getDocument(): Document | undefined {\n  if (typeof document !== \"undefined\") {\n    return document;\n  }\n  return undefined;\n}\n\n/**\n * Returns the owner document of an element, with SSR safety.\n *\n * @param el - The element to get the owner document from\n */\nexport function getOwnerDocument(el: Element | null | undefined): Document | undefined {\n  return el?.ownerDocument ?? getDocument();\n}\n\n/**\n * Returns the owner window of an element, with SSR safety.\n *\n * @param el - The element to get the owner window from\n */\nexport function getOwnerWindow(el: Element | null | undefined): Window | undefined {\n  return getOwnerDocument(el)?.defaultView ?? getWindow();\n}\n\n/**\n * Gets the appropriate container for portals, with SSR safety.\n * Returns the specified container, or document.body on the client,\n * or undefined during SSR.\n *\n * @param container - Optional custom container element\n *\n * @example\n * ```tsx\n * function Modal(props) {\n *   const container = getPortalContainer(props.container);\n *\n *   return (\n *     <Show when={container}>\n *       <Portal mount={container}>\n *         {props.children}\n *       </Portal>\n *     </Show>\n *   );\n * }\n * ```\n */\nexport function getPortalContainer(container?: Element): Element | undefined {\n  if (container) {\n    return container;\n  }\n  return getDocument()?.body;\n}\n"],"mappings":";;;;;;;;;;AAgCA,MAAMgB,aAAab,cAA+B;CAChDW,OAAOH;CACPI,QAAQ;AACV,CAAC;;;;;;;;AASD,SAAgBE,cAAuB;CACrC,OAAON;AACT;;;;;AAMA,MAAaO,YAAY,CAACP;;;;;;;;;;;;;;;;;;;;AAqB1B,SAAgBQ,SAASC,WAA4B;CACnD,IAAIA,WACF,OAAOA;CAET,MAAMC,MAAMZ,WAAWO,UAAU;CACjC,MAAMM,WAAWZ,eAAe;CAChC,OAAOW,IAAIN,SAAS,aAAaM,IAAIN,OAAM,GAAIO,aAAa,aAAaA;AAC3E;;;;;;;;;;;;;;;;;AAkBA,SAAgBC,aAAaC,OAAiC,CAAA,GAAkC;CAC9F,MAAME,KAAKP,SAAS;CACpB,MAAM,CAACQ,YAAYC,iBAAiBtB,aAAiCoB,EAAE;CAEvEtB,mBAAmB;EAEjB,KAAK,MAAMyB,OAAOL,MAChBK,IAAI;EAEND,cAAcE,SAASC,eAAeL,EAAE,IAAIA,KAAKM,KAAAA,CAAS;CAC5D,CAAC;CAED,OAAOL;AACT;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgBM,YAAYC,OAA4D;CACtF,MAAME,gBAAgB3B,WAAWO,UAAU;CAE3C,MAAMqB,QAAQhC,kBAAmC;EAC/CS,OAAOH;EACPI,QAAQmB,MAAMnB,SACVqB,cAAcrB,SACZ,GAAGqB,cAAcrB,OAAM,GAAImB,MAAMnB,WACjCmB,MAAMnB,SACRqB,cAAcrB;CACpB,EAAE;CAEF,OAAAuB,gBAAQtB,WAAWuB,UAAQ;EAAA,IAACF,QAAK;GAAA,OAAEA,MAAM;EAAC;EAAA,IAAAG,WAAA;GAAA,OAAGN,MAAMM;EAAQ;CAAA,CAAA;AAC7D;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgBC,uBAA0C;CAExD,IAAI9B,UACF,aAAa;CAIf,MAAM,CAAC+B,aAAaC,kBAAkBrC,aAAa,IAAI;CAEvDE,cAAc;EACZmC,eAAe,KAAK;CACtB,CAAC;CAED,OAAOD;AACT;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgBE,WAA8B;CAC5C,OAAOH,qBAAqB;AAC9B;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgBI,oBAAoBC,IAAqC;CACvE,IAAInC,UACF;CAGFP,mBAAmB;EACjB,MAAM2C,UAAUD,GAAG;EACnB,IAAI,OAAOC,YAAY,YACrBxC,UAAUwC,OAAO;CAErB,CAAC;AACH;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgBC,mBAAsBF,IAAaI,UAA0B;CAC3E,IAAIvC,UACF,aAAauC;CAGf,MAAM,CAACb,OAAOc,YAAY7C,aAAgB4C,QAAQ;CAElD1C,cAAc;EACZ2C,eAAeL,GAAG,CAAC;CACrB,CAAC;CAED,OAAOT;AACT;;;;;;;;;;;;;AAcA,SAAgBe,YAAgC;CAC9C,IAAI,OAAOE,WAAW,aACpB,OAAOA;AAGX;;;;;;;;;;;;;AAcA,SAAgBC,cAAoC;CAClD,IAAI,OAAOzB,aAAa,aACtB,OAAOA;AAGX;;;;;;AAOA,SAAgB2B,iBAAiBC,IAAsD;CACrF,OAAOA,IAAIC,iBAAiBJ,YAAY;AAC1C;;;;;;AAOA,SAAgBK,eAAeF,IAAoD;CACjF,OAAOD,iBAAiBC,EAAE,CAAC,EAAEG,eAAeT,UAAU;AACxD;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgBU,mBAAmBC,WAA0C;CAC3E,IAAIA,WACF,OAAOA;CAET,OAAOR,YAAY,CAAC,EAAES;AACxB"}

package/dist/ssr/index.jsx

@@ -0,0 +1,292 @@
+import { createContext, createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, useContext } from "solid-js";
+import { isServer } from "solid-js/web";
+//#region src/ssr/index.tsx
+/**
+* SSR utilities for Solidaria
+*
+* SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.
+* These utilities provide a consistent API matching React-Aria's patterns
+* with additional features for hydration management.
+*/
+const SSRContext = createContext({
+	isSSR: isServer,
+	prefix: ""
+});
+/**
+* Returns whether the component is currently being server side rendered.
+* Can be used to delay browser-specific rendering until after hydration.
+*
+* Note: This returns a static boolean. For reactive hydration detection,
+* use `createHydrationState()`.
+*/
+function createIsSSR() {
+	return isServer;
+}
+/**
+* Check if we can use DOM APIs.
+* This is useful for code that needs to run only in the browser.
+*/
+const canUseDOM = !isServer;
+/**
+* Generate a unique ID that is stable across server and client.
+* Uses SolidJS's built-in createUniqueId which handles SSR correctly.
+*
+* @param defaultId - Optional default ID to use instead of generating one.
+*
+* @example
+* ```tsx
+* function TextField(props) {
+*   const inputId = createId(props.id);
+*   return (
+*     <>
+*       <label for={inputId}>{props.label}</label>
+*       <input id={inputId} />
+*     </>
+*   );
+* }
+* ```
+*/
+function createId(defaultId) {
+	if (defaultId) return defaultId;
+	const ctx = useContext(SSRContext);
+	const uniqueId = createUniqueId();
+	return ctx.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;
+}
+/**
+* Generates an id, but only resolves to it once an element with that id is
+* actually present in the DOM. Returns `undefined` otherwise.
+*
+* This is a 1:1 port of @react-aria/utils's `useSlotId`. It exists so that an
+* `aria-labelledby` can point at an optional slot (e.g. a section header) and
+* automatically fall back to `undefined` when the slot is not rendered, instead
+* of leaving a dangling reference to a non-existent id.
+*
+* The initial value is the generated id so that server and first client render
+* agree (no hydration mismatch); a client-only effect then probes the DOM and
+* clears the value when no matching element exists.
+*
+* @param deps - Accessors re-probed when their values change (mirrors the
+*   dependency array of the upstream hook).
+*/
+function createSlotId(deps = []) {
+	const id = createId();
+	const [resolvedId, setResolvedId] = createSignal(id);
+	createEffect(() => {
+		for (const dep of deps) dep();
+		setResolvedId(document.getElementById(id) ? id : void 0);
+	});
+	return resolvedId;
+}
+/**
+* Provides SSR context to the component tree.
+*
+* While SolidJS handles most SSR scenarios automatically, this provider
+* can be useful for:
+* - Nested ID prefixes to avoid collisions in micro-frontends
+* - Explicit hydration boundary markers
+* - Testing SSR behavior
+*
+* @example
+* ```tsx
+* // Root of your app
+* <SSRProvider>
+*   <App />
+* </SSRProvider>
+*
+* // With custom prefix for micro-frontend
+* <SSRProvider prefix="widget">
+*   <Widget />
+* </SSRProvider>
+* ```
+*/
+function SSRProvider(props) {
+	const parentContext = useContext(SSRContext);
+	const value = createMemo(() => ({
+		isSSR: isServer,
+		prefix: props.prefix ? parentContext.prefix ? `${parentContext.prefix}-${props.prefix}` : props.prefix : parentContext.prefix
+	}));
+	return <SSRContext.Provider value={value()}>{props.children}</SSRContext.Provider>;
+}
+/**
+* Tracks whether the component is currently hydrating.
+*
+* During server-side rendering, this returns `true`. After hydration
+* completes on the client, it switches to `false`. This is useful for
+* components that need to show different content during hydration.
+*
+* @example
+* ```tsx
+* function ClientOnlyComponent() {
+*   const isHydrating = createHydrationState();
+*
+*   return (
+*     <Show when={!isHydrating()} fallback={<LoadingPlaceholder />}>
+*       <InteractiveWidget />
+*     </Show>
+*   );
+* }
+* ```
+*/
+function createHydrationState() {
+	if (isServer) return () => true;
+	const [isHydrating, setIsHydrating] = createSignal(true);
+	onMount(() => {
+		setIsHydrating(false);
+	});
+	return isHydrating;
+}
+/**
+* Hook that returns `true` during SSR and initial hydration.
+* Use this to delay browser-specific code until hydration is complete.
+*
+* Unlike `createIsSSR()` which is static, this updates reactively
+* after hydration completes.
+*
+* @example
+* ```tsx
+* function BrowserOnlyFeature() {
+*   const isSSR = useIsSSR();
+*
+*   createEffect(() => {
+*     if (!isSSR()) {
+*       // Safe to access browser APIs here
+*       window.localStorage.getItem('key');
+*     }
+*   });
+*
+*   return <Show when={!isSSR()}>...</Show>;
+* }
+* ```
+*/
+function useIsSSR() {
+	return createHydrationState();
+}
+/**
+* Creates an effect that only runs on the client after hydration.
+* This is a convenience wrapper that ensures browser-specific code
+* doesn't run during SSR.
+*
+* @param fn - The effect function to run
+*
+* @example
+* ```tsx
+* function Analytics() {
+*   createBrowserEffect(() => {
+*     // Safe to access window, document, localStorage, etc.
+*     window.analytics.track('page_view');
+*   });
+*
+*   return null;
+* }
+* ```
+*/
+function createBrowserEffect(fn) {
+	if (isServer) return;
+	createEffect(() => {
+		const cleanup = fn();
+		if (typeof cleanup === "function") onCleanup(cleanup);
+	});
+}
+/**
+* Creates a value that is computed only on the client.
+* On the server, returns the fallback value.
+*
+* @param fn - Function to compute the value on the client
+* @param fallback - Value to return during SSR
+*
+* @example
+* ```tsx
+* function WindowSize() {
+*   const width = createBrowserValue(
+*     () => window.innerWidth,
+*     0
+*   );
+*
+*   return <span>Width: {width()}</span>;
+* }
+* ```
+*/
+function createBrowserValue(fn, fallback) {
+	if (isServer) return () => fallback;
+	const [value, setValue] = createSignal(fallback);
+	onMount(() => {
+		setValue(() => fn());
+	});
+	return value;
+}
+/**
+* Returns the window object if available, or undefined during SSR.
+* Useful for accessing browser globals safely.
+*
+* @example
+* ```tsx
+* const win = getWindow();
+* if (win) {
+*   win.addEventListener('resize', handler);
+* }
+* ```
+*/
+function getWindow() {
+	if (typeof window !== "undefined") return window;
+}
+/**
+* Returns the document object if available, or undefined during SSR.
+* Useful for accessing document safely.
+*
+* @example
+* ```tsx
+* const doc = getDocument();
+* if (doc) {
+*   doc.addEventListener('keydown', handler);
+* }
+* ```
+*/
+function getDocument() {
+	if (typeof document !== "undefined") return document;
+}
+/**
+* Returns the owner document of an element, with SSR safety.
+*
+* @param el - The element to get the owner document from
+*/
+function getOwnerDocument(el) {
+	return el?.ownerDocument ?? getDocument();
+}
+/**
+* Returns the owner window of an element, with SSR safety.
+*
+* @param el - The element to get the owner window from
+*/
+function getOwnerWindow(el) {
+	return getOwnerDocument(el)?.defaultView ?? getWindow();
+}
+/**
+* Gets the appropriate container for portals, with SSR safety.
+* Returns the specified container, or document.body on the client,
+* or undefined during SSR.
+*
+* @param container - Optional custom container element
+*
+* @example
+* ```tsx
+* function Modal(props) {
+*   const container = getPortalContainer(props.container);
+*
+*   return (
+*     <Show when={container}>
+*       <Portal mount={container}>
+*         {props.children}
+*       </Portal>
+*     </Show>
+*   );
+* }
+* ```
+*/
+function getPortalContainer(container) {
+	if (container) return container;
+	return getDocument()?.body;
+}
+//#endregion
+export { SSRProvider, canUseDOM, createBrowserEffect, createBrowserValue, createHydrationState, createId, createIsSSR, createSlotId, getDocument, getOwnerDocument, getOwnerWindow, getPortalContainer, getWindow, useIsSSR };
+
+//# sourceMappingURL=index.jsx.map

package/dist/ssr/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","names":[],"sources":["../../src/ssr/index.tsx"],"sourcesContent":["/**\n * SSR utilities for Solidaria\n *\n * SolidJS has built-in SSR support with `isServer` and `createUniqueId()`.\n * These utilities provide a consistent API matching React-Aria's patterns\n * with additional features for hydration management.\n */\n\nimport {\n  type Accessor,\n  type JSX,\n  type ParentProps,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n  useContext,\n  createUniqueId,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\n\nexport interface SSRProviderProps extends ParentProps {}\n\nexport interface SSRContextValue {\n  /** Whether currently rendering on the server. */\n  isSSR: boolean;\n  /** Prefix for generated IDs, allowing nested providers. */\n  prefix: string;\n}\n\nconst SSRContext = createContext<SSRContextValue>({\n  isSSR: isServer,\n  prefix: \"\",\n});\n\n/**\n * Returns whether the component is currently being server side rendered.\n * Can be used to delay browser-specific rendering until after hydration.\n *\n * Note: This returns a static boolean. For reactive hydration detection,\n * use `createHydrationState()`.\n */\nexport function createIsSSR(): boolean {\n  return isServer;\n}\n\n/**\n * Check if we can use DOM APIs.\n * This is useful for code that needs to run only in the browser.\n */\nexport const canUseDOM = !isServer;\n\n/**\n * Generate a unique ID that is stable across server and client.\n * Uses SolidJS's built-in createUniqueId which handles SSR correctly.\n *\n * @param defaultId - Optional default ID to use instead of generating one.\n *\n * @example\n * ```tsx\n * function TextField(props) {\n *   const inputId = createId(props.id);\n *   return (\n *     <>\n *       <label for={inputId}>{props.label}</label>\n *       <input id={inputId} />\n *     </>\n *   );\n * }\n * ```\n */\nexport function createId(defaultId?: string): string {\n  if (defaultId) {\n    return defaultId;\n  }\n  const ctx = useContext(SSRContext);\n  const uniqueId = createUniqueId();\n  return ctx.prefix ? `solidaria-${ctx.prefix}-${uniqueId}` : `solidaria-${uniqueId}`;\n}\n\n/**\n * Generates an id, but only resolves to it once an element with that id is\n * actually present in the DOM. Returns `undefined` otherwise.\n *\n * This is a 1:1 port of @react-aria/utils's `useSlotId`. It exists so that an\n * `aria-labelledby` can point at an optional slot (e.g. a section header) and\n * automatically fall back to `undefined` when the slot is not rendered, instead\n * of leaving a dangling reference to a non-existent id.\n *\n * The initial value is the generated id so that server and first client render\n * agree (no hydration mismatch); a client-only effect then probes the DOM and\n * clears the value when no matching element exists.\n *\n * @param deps - Accessors re-probed when their values change (mirrors the\n *   dependency array of the upstream hook).\n */\nexport function createSlotId(deps: Array<Accessor<unknown>> = []): Accessor<string | undefined> {\n  const id = createId();\n  const [resolvedId, setResolvedId] = createSignal<string | undefined>(id);\n\n  createEffect(() => {\n    // Re-probe when any explicit dependency changes.\n    for (const dep of deps) {\n      dep();\n    }\n    setResolvedId(document.getElementById(id) ? id : undefined);\n  });\n\n  return resolvedId;\n}\n\n/**\n * Provides SSR context to the component tree.\n *\n * While SolidJS handles most SSR scenarios automatically, this provider\n * can be useful for:\n * - Nested ID prefixes to avoid collisions in micro-frontends\n * - Explicit hydration boundary markers\n * - Testing SSR behavior\n *\n * @example\n * ```tsx\n * // Root of your app\n * <SSRProvider>\n *   <App />\n * </SSRProvider>\n *\n * // With custom prefix for micro-frontend\n * <SSRProvider prefix=\"widget\">\n *   <Widget />\n * </SSRProvider>\n * ```\n */\nexport function SSRProvider(props: SSRProviderProps & { prefix?: string }): JSX.Element {\n  const parentContext = useContext(SSRContext);\n\n  const value = createMemo<SSRContextValue>(() => ({\n    isSSR: isServer,\n    prefix: props.prefix\n      ? parentContext.prefix\n        ? `${parentContext.prefix}-${props.prefix}`\n        : props.prefix\n      : parentContext.prefix,\n  }));\n\n  return <SSRContext.Provider value={value()}>{props.children}</SSRContext.Provider>;\n}\n\n/**\n * Tracks whether the component is currently hydrating.\n *\n * During server-side rendering, this returns `true`. After hydration\n * completes on the client, it switches to `false`. This is useful for\n * components that need to show different content during hydration.\n *\n * @example\n * ```tsx\n * function ClientOnlyComponent() {\n *   const isHydrating = createHydrationState();\n *\n *   return (\n *     <Show when={!isHydrating()} fallback={<LoadingPlaceholder />}>\n *       <InteractiveWidget />\n *     </Show>\n *   );\n * }\n * ```\n */\nexport function createHydrationState(): Accessor<boolean> {\n  // On the server, always return true\n  if (isServer) {\n    return () => true;\n  }\n\n  // On the client, track hydration state\n  const [isHydrating, setIsHydrating] = createSignal(true);\n\n  onMount(() => {\n    setIsHydrating(false);\n  });\n\n  return isHydrating;\n}\n\n/**\n * Hook that returns `true` during SSR and initial hydration.\n * Use this to delay browser-specific code until hydration is complete.\n *\n * Unlike `createIsSSR()` which is static, this updates reactively\n * after hydration completes.\n *\n * @example\n * ```tsx\n * function BrowserOnlyFeature() {\n *   const isSSR = useIsSSR();\n *\n *   createEffect(() => {\n *     if (!isSSR()) {\n *       // Safe to access browser APIs here\n *       window.localStorage.getItem('key');\n *     }\n *   });\n *\n *   return <Show when={!isSSR()}>...</Show>;\n * }\n * ```\n */\nexport function useIsSSR(): Accessor<boolean> {\n  return createHydrationState();\n}\n\n/**\n * Creates an effect that only runs on the client after hydration.\n * This is a convenience wrapper that ensures browser-specific code\n * doesn't run during SSR.\n *\n * @param fn - The effect function to run\n *\n * @example\n * ```tsx\n * function Analytics() {\n *   createBrowserEffect(() => {\n *     // Safe to access window, document, localStorage, etc.\n *     window.analytics.track('page_view');\n *   });\n *\n *   return null;\n * }\n * ```\n */\nexport function createBrowserEffect(fn: () => void | (() => void)): void {\n  if (isServer) {\n    return;\n  }\n\n  createEffect(() => {\n    const cleanup = fn();\n    if (typeof cleanup === \"function\") {\n      onCleanup(cleanup);\n    }\n  });\n}\n\n/**\n * Creates a value that is computed only on the client.\n * On the server, returns the fallback value.\n *\n * @param fn - Function to compute the value on the client\n * @param fallback - Value to return during SSR\n *\n * @example\n * ```tsx\n * function WindowSize() {\n *   const width = createBrowserValue(\n *     () => window.innerWidth,\n *     0\n *   );\n *\n *   return <span>Width: {width()}</span>;\n * }\n * ```\n */\nexport function createBrowserValue<T>(fn: () => T, fallback: T): Accessor<T> {\n  if (isServer) {\n    return () => fallback;\n  }\n\n  const [value, setValue] = createSignal<T>(fallback);\n\n  onMount(() => {\n    setValue(() => fn());\n  });\n\n  return value;\n}\n\n/**\n * Returns the window object if available, or undefined during SSR.\n * Useful for accessing browser globals safely.\n *\n * @example\n * ```tsx\n * const win = getWindow();\n * if (win) {\n *   win.addEventListener('resize', handler);\n * }\n * ```\n */\nexport function getWindow(): Window | undefined {\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n  return undefined;\n}\n\n/**\n * Returns the document object if available, or undefined during SSR.\n * Useful for accessing document safely.\n *\n * @example\n * ```tsx\n * const doc = getDocument();\n * if (doc) {\n *   doc.addEventListener('keydown', handler);\n * }\n * ```\n */\nexport function getDocument(): Document | undefined {\n  if (typeof document !== \"undefined\") {\n    return document;\n  }\n  return undefined;\n}\n\n/**\n * Returns the owner document of an element, with SSR safety.\n *\n * @param el - The element to get the owner document from\n */\nexport function getOwnerDocument(el: Element | null | undefined): Document | undefined {\n  return el?.ownerDocument ?? getDocument();\n}\n\n/**\n * Returns the owner window of an element, with SSR safety.\n *\n * @param el - The element to get the owner window from\n */\nexport function getOwnerWindow(el: Element | null | undefined): Window | undefined {\n  return getOwnerDocument(el)?.defaultView ?? getWindow();\n}\n\n/**\n * Gets the appropriate container for portals, with SSR safety.\n * Returns the specified container, or document.body on the client,\n * or undefined during SSR.\n *\n * @param container - Optional custom container element\n *\n * @example\n * ```tsx\n * function Modal(props) {\n *   const container = getPortalContainer(props.container);\n *\n *   return (\n *     <Show when={container}>\n *       <Portal mount={container}>\n *         {props.children}\n *       </Portal>\n *     </Show>\n *   );\n * }\n * ```\n */\nexport function getPortalContainer(container?: Element): Element | undefined {\n  if (container) {\n    return container;\n  }\n  return getDocument()?.body;\n}\n"],"mappings":";;;;;;;;;;AAgCA,MAAM,aAAa,cAA+B;CAChD,OAAO;CACP,QAAQ;AACV,CAAC;;;;;;;;AASD,SAAgB,cAAuB;CACrC,OAAO;AACT;;;;;AAMA,MAAa,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;AAqB1B,SAAgB,SAAS,WAA4B;CACnD,IAAI,WACF,OAAO;CAET,MAAM,MAAM,WAAW,UAAU;CACjC,MAAM,WAAW,eAAe;CAChC,OAAO,IAAI,SAAS,aAAa,IAAI,OAAO,GAAG,aAAa,aAAa;AAC3E;;;;;;;;;;;;;;;;;AAkBA,SAAgB,aAAa,OAAiC,CAAC,GAAiC;CAC9F,MAAM,KAAK,SAAS;CACpB,MAAM,CAAC,YAAY,iBAAiB,aAAiC,EAAE;CAEvE,mBAAmB;EAEjB,KAAK,MAAM,OAAO,MAChB,IAAI;EAEN,cAAc,SAAS,eAAe,EAAE,IAAI,KAAK,KAAA,CAAS;CAC5D,CAAC;CAED,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,YAAY,OAA4D;CACtF,MAAM,gBAAgB,WAAW,UAAU;CAE3C,MAAM,QAAQ,kBAAmC;EAC/C,OAAO;EACP,QAAQ,MAAM,SACV,cAAc,SACZ,GAAG,cAAc,OAAO,GAAG,MAAM,WACjC,MAAM,SACR,cAAc;CACpB,EAAE;CAEF,OAAO,CAAC,WAAW,SAAS,OAAO,MAAM,IAAI,MAAM,SAAS,EAAE,WAAW;AAC3E;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,uBAA0C;CAExD,IAAI,UACF,aAAa;CAIf,MAAM,CAAC,aAAa,kBAAkB,aAAa,IAAI;CAEvD,cAAc;EACZ,eAAe,KAAK;CACtB,CAAC;CAED,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,WAA8B;CAC5C,OAAO,qBAAqB;AAC9B;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,oBAAoB,IAAqC;CACvE,IAAI,UACF;CAGF,mBAAmB;EACjB,MAAM,UAAU,GAAG;EACnB,IAAI,OAAO,YAAY,YACrB,UAAU,OAAO;CAErB,CAAC;AACH;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,mBAAsB,IAAa,UAA0B;CAC3E,IAAI,UACF,aAAa;CAGf,MAAM,CAAC,OAAO,YAAY,aAAgB,QAAQ;CAElD,cAAc;EACZ,eAAe,GAAG,CAAC;CACrB,CAAC;CAED,OAAO;AACT;;;;;;;;;;;;;AAcA,SAAgB,YAAgC;CAC9C,IAAI,OAAO,WAAW,aACpB,OAAO;AAGX;;;;;;;;;;;;;AAcA,SAAgB,cAAoC;CAClD,IAAI,OAAO,aAAa,aACtB,OAAO;AAGX;;;;;;AAOA,SAAgB,iBAAiB,IAAsD;CACrF,OAAO,IAAI,iBAAiB,YAAY;AAC1C;;;;;;AAOA,SAAgB,eAAe,IAAoD;CACjF,OAAO,iBAAiB,EAAE,CAAC,EAAE,eAAe,UAAU;AACxD;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,mBAAmB,WAA0C;CAC3E,IAAI,WACF,OAAO;CAET,OAAO,YAAY,CAAC,EAAE;AACxB"}

package/dist/steplist/createStepList.d.ts

@@ -0,0 +1,36 @@
+/**
+ * ARIA hooks for StepList components.
+ * Provides accessible step list and step item props.
+ */
+import type { JSX } from "solid-js";
+import type { StepListState } from "@proyecto-viviana/solid-stately";
+import type { Key } from "@proyecto-viviana/solid-stately";
+export interface AriaStepListProps {
+    /** Accessible label for the step list. */
+    "aria-label"?: string;
+    /** ID of element that labels the step list. */
+    "aria-labelledby"?: string;
+}
+export interface StepListAria {
+    /** Props for the step list container element. */
+    stepListProps: JSX.HTMLAttributes<HTMLOListElement>;
+}
+/**
+ * Creates ARIA props for a step list container.
+ */
+export declare function createStepList(props: AriaStepListProps, _state: StepListState): StepListAria;
+export interface AriaStepProps {
+    /** The key of this step. */
+    key: Key;
+}
+export interface StepAria {
+    /** Props for the step element (anchor/link). */
+    stepProps: JSX.HTMLAttributes<HTMLAnchorElement>;
+    /** Accessible text describing the step state. */
+    stepStateText: string;
+}
+/**
+ * Creates ARIA props for an individual step within a step list.
+ */
+export declare function createStep(props: AriaStepProps, state: StepListState): StepAria;
+//# sourceMappingURL=createStepList.d.ts.map

package/dist/steplist/createStepList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStepList.d.ts","sourceRoot":"","sources":["../../src/steplist/createStepList.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,WAAW,iBAAiB;IAChC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC3B,iDAAiD;IACjD,aAAa,EAAE,GAAG,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;CACrD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,aAAa,GAAG,YAAY,CAW5F;AAED,MAAM,WAAW,aAAa;IAC5B,4BAA4B;IAC5B,GAAG,EAAE,GAAG,CAAC;CACV;AAED,MAAM,WAAW,QAAQ;IACvB,gDAAgD;IAChD,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACjD,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,GAAG,QAAQ,CAqD/E"}

package/dist/steplist/index.d.ts

@@ -0,0 +1,2 @@
+export { createStepList, createStep, type AriaStepListProps, type StepListAria, type AriaStepProps, type StepAria, } from "./createStepList";
+//# sourceMappingURL=index.d.ts.map

package/dist/steplist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/steplist/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,UAAU,EACV,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,QAAQ,GACd,MAAM,kBAAkB,CAAC"}

package/dist/steplist/index.js

@@ -0,0 +1,2 @@
+import { n as createStepList, t as createStep } from "../_chunk/steplist.js";
+export { createStep, createStepList };

package/dist/steplist/index.jsx

@@ -0,0 +1,2 @@
+import { n as createStepList, t as createStep } from "../_chunk/steplist.jsx";
+export { createStep, createStepList };

package/dist/switch/createSwitch.d.ts

@@ -6,10 +6,10 @@
  *
  * This is a 1:1 port of @react-aria/switch's useSwitch hook.
  */
-import { JSX, Accessor } from 'solid-js';
-import { type AriaToggleProps } from '../toggle/createToggle';
-import { type ToggleState } from '@proyecto-viviana/solid-stately';
-import { type MaybeAccessor } from '../utils/reactivity';
+import { JSX, Accessor } from "solid-js";
+import { type AriaToggleProps } from "../toggle/createToggle";
+import { type ToggleState } from "@proyecto-viviana/solid-stately";
+import { type MaybeAccessor } from "../utils/reactivity";
 export interface AriaSwitchProps extends AriaToggleProps {
 }
 export interface SwitchAria {
@@ -17,6 +17,10 @@ export interface SwitchAria {
     labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
     /** Props for the input element. */
     inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
+    /** Props for the switch description element, if any. */
+    descriptionProps: JSX.HTMLAttributes<HTMLElement>;
+    /** Props for the switch error message element, if any. */
+    errorMessageProps: JSX.HTMLAttributes<HTMLElement>;
     /** Whether the switch is selected. */
     isSelected: Accessor<boolean>;
     /** Whether the switch is in a pressed state. */
@@ -25,6 +29,8 @@ export interface SwitchAria {
     isDisabled: boolean;
     /** Whether the switch is read only. */
     isReadOnly: boolean;
+    /** Whether the switch is invalid. */
+    isInvalid: boolean;
 }
 /**
  * Provides the behavior and accessibility implementation for a switch component.

package/dist/switch/createSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSwitch.d.ts","sourceRoot":"","sources":["../../src/switch/createSwitch.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAMzD,MAAM,WAAW,eAAgB,SAAQ,eAAe;CAEvD;AAED,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,sCAAsC;IACtC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9B,gDAAgD;IAChD,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;CACrB;AAMD;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EACrC,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,MAAM,gBAAgB,GAAG,IAAI,GACjC,UAAU,CAoBZ"}
+{"version":3,"file":"createSwitch.d.ts","sourceRoot":"","sources":["../../src/switch/createSwitch.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,WAAW,eAAgB,SAAQ,eAAe;CAEvD;AAED,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,mCAAmC;IACnC,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,wDAAwD;IACxD,gBAAgB,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,0DAA0D;IAC1D,iBAAiB,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACnD,sCAAsC;IACtC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9B,gDAAgD;IAChD,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,EACrC,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,MAAM,gBAAgB,GAAG,IAAI,GACjC,UAAU,CA2BZ"}

package/dist/switch/index.d.ts

@@ -1,2 +1,2 @@
-export { createSwitch, type AriaSwitchProps, type SwitchAria } from './createSwitch';
+export { createSwitch, type AriaSwitchProps, type SwitchAria } from "./createSwitch";
 //# sourceMappingURL=index.d.ts.map

package/dist/switch/index.js

@@ -0,0 +1,2 @@
+import { t as createSwitch } from "../_chunk/switch.js";
+export { createSwitch };

package/dist/switch/index.jsx

@@ -0,0 +1,2 @@
+import { t as createSwitch } from "../_chunk/switch.jsx";
+export { createSwitch };

package/dist/table/createTable.d.ts

@@ -2,9 +2,9 @@
  * createTable - Provides accessibility for a table component.
  * Based on @react-aria/table/useTable.
  */
-import { type Accessor } from 'solid-js';
-import type { TableState, TableCollection, Key } from '@proyecto-viviana/solid-stately';
-import type { AriaTableProps, TableAria } from './types';
+import { type Accessor } from "solid-js";
+import type { TableState, TableCollection, Key } from "@proyecto-viviana/solid-stately";
+import type { AriaTableProps, TableAria } from "./types";
 /**
  * Get the table metadata for child components.
  */

package/dist/table/createTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTable.d.ts","sourceRoot":"","sources":["../../src/table/createTable.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,EAAY,MAAM,iCAAiC,CAAC;AAClG,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAezD;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;aAV3D,MAAM;aACN;QAAE,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;QAAC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;KAAE;4BACxD,OAAO;gBACnB,KAAK,GAAG,MAAM;cAS7B;AAgCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAC1C,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,EAC/B,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,GAAG,EAAE,QAAQ,CAAC,gBAAgB,GAAG,IAAI,CAAC,GACrC,SAAS,CA2cX"}
+{"version":3,"file":"createTable.d.ts","sourceRoot":"","sources":["../../src/table/createTable.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,EAAY,MAAM,iCAAiC,CAAC;AAClG,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiBzD;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;aAV3D,MAAM;aACN;QAAE,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;QAAC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;KAAE;4BACxD,OAAO;gBACnB,KAAK,GAAG,MAAM;cAS7B;AAoCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAC1C,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,EAC/B,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,GAAG,EAAE,QAAQ,CAAC,gBAAgB,GAAG,IAAI,CAAC,GACrC,SAAS,CAsiBX"}

package/dist/table/createTableCell.d.ts

@@ -2,9 +2,9 @@
  * createTableCell - Provides accessibility for a table cell.
  * Based on @react-aria/table/useTableCell.
  */
-import { type Accessor } from 'solid-js';
-import type { TableState, TableCollection } from '@proyecto-viviana/solid-stately';
-import type { AriaTableCellProps, TableCellAria } from './types';
+import { type Accessor } from "solid-js";
+import type { TableState, TableCollection } from "@proyecto-viviana/solid-stately";
+import type { AriaTableCellProps, TableCellAria } from "./types";
 /**
  * Creates accessibility props for a table cell.
  */

package/dist/table/createTableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTableCell.d.ts","sourceRoot":"","sources":["../../src/table/createTableCell.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGjE;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC9C,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACnC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,IAAI,EAAE,QAAQ,CAAC,oBAAoB,GAAG,IAAI,CAAC,GAC1C,aAAa,CAgIf"}
+{"version":3,"file":"createTableCell.d.ts","sourceRoot":"","sources":["../../src/table/createTableCell.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGjE;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC9C,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACnC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,IAAI,EAAE,QAAQ,CAAC,oBAAoB,GAAG,IAAI,CAAC,GAC1C,aAAa,CAiIf"}

package/dist/table/createTableColumnHeader.d.ts

@@ -2,9 +2,9 @@
  * createTableColumnHeader - Provides accessibility for a table column header.
  * Based on @react-aria/table/useTableColumnHeader.
  */
-import { type Accessor } from 'solid-js';
-import type { TableState, TableCollection } from '@proyecto-viviana/solid-stately';
-import type { AriaTableColumnHeaderProps, TableColumnHeaderAria } from './types';
+import { type Accessor } from "solid-js";
+import type { TableState, TableCollection } from "@proyecto-viviana/solid-stately";
+import type { AriaTableColumnHeaderProps, TableColumnHeaderAria } from "./types";
 /**
  * Creates accessibility props for a table column header.
  */

package/dist/table/createTableColumnHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTableColumnHeader.d.ts","sourceRoot":"","sources":["../../src/table/createTableColumnHeader.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGjF;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EACtD,KAAK,EAAE,QAAQ,CAAC,0BAA0B,CAAC,EAC3C,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,IAAI,EAAE,QAAQ,CAAC,oBAAoB,GAAG,IAAI,CAAC,GAC1C,qBAAqB,CAgGvB"}
+{"version":3,"file":"createTableColumnHeader.d.ts","sourceRoot":"","sources":["../../src/table/createTableColumnHeader.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGjF;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EACtD,KAAK,EAAE,QAAQ,CAAC,0BAA0B,CAAC,EAC3C,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,IAAI,EAAE,QAAQ,CAAC,oBAAoB,GAAG,IAAI,CAAC,GAC1C,qBAAqB,CA+IvB"}

package/dist/table/createTableColumnResize.d.ts

@@ -0,0 +1,41 @@
+/**
+ * ARIA hook for table column resize interactions.
+ * Based on @react-aria/table/useTableColumnResize.
+ *
+ * Provides pointer-drag and keyboard-based column resizing with
+ * correct ARIA attributes for screen readers.
+ */
+import { type Accessor, type JSX } from "solid-js";
+import type { Key, TableColumnResizeState } from "@proyecto-viviana/solid-stately";
+export interface CreateTableColumnResizeProps {
+    /** The column being resized. */
+    column: {
+        key: Key;
+    };
+    /** Accessible label for the resizer. */
+    "aria-label": string;
+    /** Whether resizing is disabled. */
+    isDisabled?: boolean;
+    /** Called when a resize operation starts. */
+    onResizeStart?: (widths: Map<Key, number>) => void;
+    /** Called during resize with updated widths. */
+    onResize?: (widths: Map<Key, number>) => void;
+    /** Called when resize operation ends. */
+    onResizeEnd?: (widths: Map<Key, number>) => void;
+}
+export interface TableColumnResizeResult {
+    /** Props for the visible resizer handle element (div). */
+    resizerProps: JSX.HTMLAttributes<HTMLDivElement>;
+    /** Props for the hidden range input (screen reader accessible). */
+    inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
+    /** Whether this column is currently being resized. */
+    isResizing: Accessor<boolean>;
+}
+/**
+ * Creates ARIA-compliant column resize behavior.
+ *
+ * Returns props for a visible drag handle (div) and a visually-hidden
+ * range input that allows keyboard and screen-reader users to resize columns.
+ */
+export declare function createTableColumnResize(props: Accessor<CreateTableColumnResizeProps>, state: Accessor<TableColumnResizeState>): TableColumnResizeResult;
+//# sourceMappingURL=createTableColumnResize.d.ts.map

package/dist/table/createTableColumnResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableColumnResize.d.ts","sourceRoot":"","sources":["../../src/table/createTableColumnResize.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,KAAK,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAGnF,MAAM,WAAW,4BAA4B;IAC3C,gCAAgC;IAChC,MAAM,EAAE;QAAE,GAAG,EAAE,GAAG,CAAA;KAAE,CAAC;IACrB,wCAAwC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9C,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,YAAY,EAAE,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACjD,mEAAmE;IACnE,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,sDAAsD;IACtD,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC/B;AAID;;;;;GAKG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,QAAQ,CAAC,4BAA4B,CAAC,EAC7C,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,GACtC,uBAAuB,CAgNzB"}

package/dist/table/createTableHeaderRow.d.ts

@@ -2,9 +2,9 @@
  * createTableHeaderRow - Provides accessibility for a table header row.
  * Based on @react-aria/table/useTableHeaderRow.
  */
-import { type Accessor } from 'solid-js';
-import type { TableState, TableCollection } from '@proyecto-viviana/solid-stately';
-import type { AriaTableHeaderRowProps, TableHeaderRowAria } from './types';
+import { type Accessor } from "solid-js";
+import type { TableState, TableCollection } from "@proyecto-viviana/solid-stately";
+import type { AriaTableHeaderRowProps, TableHeaderRowAria } from "./types";
 /**
  * Creates accessibility props for a table header row.
  */

package/dist/table/createTableRow.d.ts

@@ -2,11 +2,11 @@
  * createTableRow - Provides accessibility for a table row.
  * Based on @react-aria/table/useTableRow.
  */
-import { type Accessor } from 'solid-js';
-import type { TableState, TableCollection } from '@proyecto-viviana/solid-stately';
-import type { AriaTableRowProps, TableRowAria } from './types';
+import { type Accessor } from "solid-js";
+import type { TableState, TableCollection } from "@proyecto-viviana/solid-stately";
+import type { AriaTableRowProps, TableRowAria } from "./types";
 /**
  * Creates accessibility props for a table row.
  */
-export declare function createTableRow<T extends object>(props: Accessor<AriaTableRowProps>, state: Accessor<TableState<T, TableCollection<T>>>, _ref: Accessor<HTMLTableRowElement | null>): TableRowAria;
+export declare function createTableRow<T extends object>(props: Accessor<AriaTableRowProps>, state: Accessor<TableState<T, TableCollection<T>>>, ref: Accessor<HTMLTableRowElement | null>): TableRowAria;
 //# sourceMappingURL=createTableRow.d.ts.map

package/dist/table/createTableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTableRow.d.ts","sourceRoot":"","sources":["../../src/table/createTableRow.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG/D;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,EAClC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,IAAI,EAAE,QAAQ,CAAC,mBAAmB,GAAG,IAAI,CAAC,GACzC,YAAY,CAwId"}
+{"version":3,"file":"createTableRow.d.ts","sourceRoot":"","sources":["../../src/table/createTableRow.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,KAAK,EAIV,UAAU,EACV,eAAe,EAChB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAqB,MAAM,SAAS,CAAC;AAelF;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,EAClC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAClD,GAAG,EAAE,QAAQ,CAAC,mBAAmB,GAAG,IAAI,CAAC,GACxC,YAAY,CAyOd"}

package/dist/table/createTableRowGroup.d.ts

@@ -2,8 +2,8 @@
  * createTableRowGroup - Provides accessibility for a table row group.
  * Based on @react-aria/grid/useTableRowGroup.
  */
-import { type Accessor } from 'solid-js';
-import type { AriaTableRowGroupProps, TableRowGroupAria } from './types';
+import { type Accessor } from "solid-js";
+import type { AriaTableRowGroupProps, TableRowGroupAria } from "./types";
 /**
  * Creates accessibility props for a table row group (thead, tbody, tfoot).
  */

package/dist/table/createTableRowGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTableRowGroup.d.ts","sourceRoot":"","sources":["../../src/table/createTableRowGroup.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,KAAK,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEzE;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,GACtC,iBAAiB,CAiBnB"}
+{"version":3,"file":"createTableRowGroup.d.ts","sourceRoot":"","sources":["../../src/table/createTableRowGroup.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,KAAK,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEzE;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,GAAG,iBAAiB,CAiB9F"}

package/dist/table/createTableSelectAllCheckbox.d.ts

@@ -2,9 +2,9 @@
  * createTableSelectAllCheckbox - Provides accessibility for a table select-all checkbox.
  * Based on @react-aria/table/useTableSelectAllCheckbox.
  */
-import { type Accessor } from 'solid-js';
-import type { TableState, TableCollection } from '@proyecto-viviana/solid-stately';
-import type { TableSelectAllCheckboxAria } from './types';
+import { type Accessor } from "solid-js";
+import type { TableState, TableCollection } from "@proyecto-viviana/solid-stately";
+import type { TableSelectAllCheckboxAria } from "./types";
 /**
  * Creates accessibility props for a table select-all checkbox.
  */