@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/ContextualHelpTrigger.jsx

@@ -1,10 +1,27 @@
-import { Show, createEffect, createSignal, createUniqueId, onCleanup, splitProps } from "solid-js";
+/*
+* Copyright 2023 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx
+import { ariaTrueFalse, dataAttr } from "./utils.jsx";
+import { Show, createSignal, createTrackedEffect, createUniqueId } from "solid-js";
+import { createInteractOutside } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/ContextualHelpTrigger.tsx
 /**
 * ContextualHelpTrigger headless component
 *
 * A button trigger that opens contextual help in a popover or dialog.
 * Uses existing overlay infrastructure.
+* Based on @react-spectrum/menu source:
+* https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx.
 */
 /**
 * A trigger that opens contextual help content.
@@ -29,8 +46,9 @@ function ContextualHelpTrigger(props) {
 	const [isOpen, setIsOpen] = createSignal(false);
 	const triggerId = createUniqueId();
 	const contentId = createUniqueId();
-	let triggerRef;
-	let contentRef;
+	const [rootEl, setRootEl] = createSignal(null);
+	const [triggerEl, setTriggerEl] = createSignal(null);
+	const [contentEl, setContentEl] = createSignal(null);
 	const isUnavailable = () => local.isUnavailable ?? false;
 	const isDisabled = () => local.isDisabled ?? false;
 	const toggle = () => {
@@ -61,34 +79,35 @@ function ContextualHelpTrigger(props) {
 			e.preventDefault();
 			e.stopPropagation();
 			close();
+			triggerEl()?.focus();
 		}
 	};
-	const handleDocumentClick = (e) => {
-		if (isOpen() && triggerRef);
-	};
-	createEffect(() => {
-		if (!isOpen()) return;
-		document.addEventListener("mousedown", handleDocumentClick);
-		onCleanup(() => {
-			document.removeEventListener("mousedown", handleDocumentClick);
-		});
+	createInteractOutside({
+		ref: rootEl,
+		onInteractOutside: () => {
+			close();
+		},
+		get isDisabled() {
+			return !isOpen();
+		}
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		if (!isOpen()) return;
+		contentEl()?.focus();
 	});
 	const children = () => local.children ?? [null, null];
 	const trigger = () => children()[0];
 	const content = () => children()[1];
-	return <div class={`solidaria-ContextualHelpTrigger ${local.class ?? ""}`} style={{
+	return <div ref={setRootEl} class={`solidaria-ContextualHelpTrigger ${local.class ?? ""}`} style={{
 		position: "relative",
 		display: "inline-block"
 	}}>
-      <button {...triggerProps} type="button" id={triggerId} ref={triggerRef} aria-haspopup="dialog" aria-expanded={isOpen()} aria-controls={isOpen() ? contentId : void 0} data-unavailable={isUnavailable() || void 0} data-disabled={isDisabled() || void 0} disabled={isDisabled()} onClick={handleTriggerClick} onKeyDown={handleTriggerKeyDown} class="solidaria-ContextualHelpTrigger-trigger">
+      <button {...triggerProps} type="button" id={triggerId} ref={setTriggerEl} aria-haspopup="dialog" aria-expanded={ariaTrueFalse(isOpen())} aria-controls={isOpen() ? contentId : void 0} data-unavailable={dataAttr(isUnavailable())} data-disabled={dataAttr(isDisabled())} disabled={isDisabled()} onClick={handleTriggerClick} onKeyDown={handleTriggerKeyDown} class="solidaria-ContextualHelpTrigger-trigger">
         {trigger()}
       </button>
 
       <Show when={isOpen()}>
-        <div id={contentId} ref={contentRef} role="dialog" aria-labelledby={triggerId} tabIndex={-1} class="solidaria-ContextualHelpTrigger-content" style={{
+        <div id={contentId} ref={setContentEl} role="dialog" aria-labelledby={triggerId} tabindex={-1} class="solidaria-ContextualHelpTrigger-content" style={{
 		position: "absolute",
 		"z-index": "50"
 	}} onKeyDown={(e) => {
@@ -96,6 +115,7 @@ function ContextualHelpTrigger(props) {
 			e.preventDefault();
 			e.stopPropagation();
 			close();
+			triggerEl()?.focus();
 		}
 	}}>
           {content()}

package/dist/ContextualHelpTrigger.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualHelpTrigger.jsx","names":[],"sources":["../src/ContextualHelpTrigger.tsx"],"sourcesContent":["/**\n * ContextualHelpTrigger headless component\n *\n * A button trigger that opens contextual help in a popover or dialog.\n * Uses existing overlay infrastructure.\n */\n\nimport {\n  type JSX,\n  createSignal,\n  splitProps,\n  Show,\n  onCleanup,\n  createEffect,\n  createUniqueId,\n} from \"solid-js\";\n\nexport interface ContextualHelpTriggerProps extends Omit<\n  JSX.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"class\" | \"children\"\n> {\n  /** Whether the trigger is currently unavailable (shows different styling). */\n  isUnavailable?: boolean;\n  /**\n   * Two children: [trigger element, help content].\n   * The trigger renders as a button, the content opens in a popover.\n   */\n  children?: [JSX.Element, JSX.Element];\n  /** CSS class name. */\n  class?: string;\n  /** Whether the trigger is disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface ContextualHelpTriggerRenderProps {\n  isOpen: boolean;\n  isUnavailable: boolean;\n  isDisabled: boolean;\n}\n\n/**\n * A trigger that opens contextual help content.\n *\n * @example\n * ```tsx\n * <ContextualHelpTrigger>\n *   {[\n *     <span>What is this?</span>,\n *     <div>Help content goes here...</div>\n *   ]}\n * </ContextualHelpTrigger>\n * ```\n */\nexport function ContextualHelpTrigger(props: ContextualHelpTriggerProps): JSX.Element {\n  const [local, triggerProps] = splitProps(props, [\n    \"isUnavailable\",\n    \"children\",\n    \"class\",\n    \"isDisabled\",\n  ]);\n  const [isOpen, setIsOpen] = createSignal(false);\n  const triggerId = createUniqueId();\n  const contentId = createUniqueId();\n  let triggerRef: HTMLButtonElement | undefined;\n  let contentRef: HTMLDivElement | undefined;\n\n  const isUnavailable = () => local.isUnavailable ?? false;\n  const isDisabled = () => local.isDisabled ?? false;\n\n  const toggle = () => {\n    if (!isDisabled()) {\n      setIsOpen(!isOpen());\n    }\n  };\n\n  const close = () => setIsOpen(false);\n\n  const callHandler = <E extends Event>(\n    handler: JSX.EventHandlerUnion<HTMLButtonElement, E> | undefined,\n    event: E,\n  ) => {\n    if (!handler) return;\n    if (Array.isArray(handler)) {\n      handler[1].call(handler[0], event);\n      return;\n    }\n    if (typeof handler === \"function\") {\n      (handler as (evt: E) => void)(event);\n      return;\n    }\n    if (\n      typeof handler === \"object\" &&\n      \"handleEvent\" in handler &&\n      typeof handler.handleEvent === \"function\"\n    ) {\n      (handler.handleEvent as (evt: E) => void)(event);\n    }\n  };\n\n  const handleTriggerClick = (e: MouseEvent) => {\n    callHandler(triggerProps.onClick, e);\n    if (e.defaultPrevented) return;\n    toggle();\n  };\n\n  const handleTriggerKeyDown = (e: KeyboardEvent) => {\n    callHandler(triggerProps.onKeyDown, e);\n    if (e.defaultPrevented) return;\n    if (e.key === \"Escape\" && isOpen()) {\n      e.preventDefault();\n      e.stopPropagation();\n      close();\n      triggerRef?.focus();\n    }\n  };\n\n  // Close on outside click\n  const handleDocumentClick = (e: MouseEvent) => {\n    if (\n      isOpen() &&\n      triggerRef &&\n      contentRef &&\n      !triggerRef.contains(e.target as Node) &&\n      !contentRef.contains(e.target as Node)\n    ) {\n      close();\n    }\n  };\n\n  createEffect(() => {\n    if (!isOpen()) return;\n    document.addEventListener(\"mousedown\", handleDocumentClick);\n    onCleanup(() => {\n      document.removeEventListener(\"mousedown\", handleDocumentClick);\n    });\n  });\n\n  // Focus trap: return focus to trigger on close\n  createEffect(() => {\n    if (!isOpen()) return;\n    // Focus the content on open\n    contentRef?.focus();\n  });\n\n  const children = () => local.children ?? ([null, null] as [JSX.Element, JSX.Element]);\n  const trigger = () => children()[0];\n  const content = () => children()[1];\n\n  return (\n    <div\n      class={`solidaria-ContextualHelpTrigger ${local.class ?? \"\"}`}\n      style={{ position: \"relative\", display: \"inline-block\" }}\n    >\n      <button\n        {...triggerProps}\n        type=\"button\"\n        id={triggerId}\n        ref={triggerRef}\n        aria-haspopup=\"dialog\"\n        aria-expanded={isOpen()}\n        aria-controls={isOpen() ? contentId : undefined}\n        data-unavailable={isUnavailable() || undefined}\n        data-disabled={isDisabled() || undefined}\n        disabled={isDisabled()}\n        onClick={handleTriggerClick}\n        onKeyDown={handleTriggerKeyDown}\n        class=\"solidaria-ContextualHelpTrigger-trigger\"\n      >\n        {trigger()}\n      </button>\n\n      <Show when={isOpen()}>\n        <div\n          id={contentId}\n          ref={contentRef}\n          role=\"dialog\"\n          aria-labelledby={triggerId}\n          tabIndex={-1}\n          class=\"solidaria-ContextualHelpTrigger-content\"\n          style={{ position: \"absolute\", \"z-index\": \"50\" }}\n          onKeyDown={(e) => {\n            if (e.key === \"Escape\") {\n              e.preventDefault();\n              e.stopPropagation();\n              close();\n              triggerRef?.focus();\n            }\n          }}\n        >\n          {content()}\n        </div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqDA,SAAgB,sBAAsB,OAAgD;CACpF,MAAM,CAAC,OAAO,gBAAgB,WAAW,OAAO;EAC9C;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,CAAC,QAAQ,aAAa,aAAa,KAAK;CAC9C,MAAM,YAAY,eAAe;CACjC,MAAM,YAAY,eAAe;CACjC,IAAI;CACJ,IAAI;CAEJ,MAAM,sBAAsB,MAAM,iBAAiB;CACnD,MAAM,mBAAmB,MAAM,cAAc;CAE7C,MAAM,eAAe;EACnB,IAAI,CAAC,WAAW,GACd,UAAU,CAAC,OAAO,CAAC;CAEvB;CAEA,MAAM,cAAc,UAAU,KAAK;CAEnC,MAAM,eACJ,SACA,UACG;EACH,IAAI,CAAC,SAAS;EACd,IAAI,MAAM,QAAQ,OAAO,GAAG;GAC1B,QAAQ,EAAE,CAAC,KAAK,QAAQ,IAAI,KAAK;GACjC;EACF;EACA,IAAI,OAAO,YAAY,YAAY;GACjC,QAA8B,KAAK;GACnC;EACF;EACA,IACE,OAAO,YAAY,YACnB,iBAAiB,WACjB,OAAO,QAAQ,gBAAgB,YAE/B,QAAS,YAAiC,KAAK;CAEnD;CAEA,MAAM,sBAAsB,MAAkB;EAC5C,YAAY,aAAa,SAAS,CAAC;EACnC,IAAI,EAAE,kBAAkB;EACxB,OAAO;CACT;CAEA,MAAM,wBAAwB,MAAqB;EACjD,YAAY,aAAa,WAAW,CAAC;EACrC,IAAI,EAAE,kBAAkB;EACxB,IAAI,EAAE,QAAQ,YAAY,OAAO,GAAG;GAClC,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,MAAM;EAER;CACF;CAGA,MAAM,uBAAuB,MAAkB;EAC7C,IACE,OAAO,KACP;CAOJ;CAEA,mBAAmB;EACjB,IAAI,CAAC,OAAO,GAAG;EACf,SAAS,iBAAiB,aAAa,mBAAmB;EAC1D,gBAAgB;GACd,SAAS,oBAAoB,aAAa,mBAAmB;EAC/D,CAAC;CACH,CAAC;CAGD,mBAAmB;EACjB,IAAI,CAAC,OAAO,GAAG;CAGjB,CAAC;CAED,MAAM,iBAAiB,MAAM,YAAa,CAAC,MAAM,IAAI;CACrD,MAAM,gBAAgB,SAAS,CAAC,CAAC;CACjC,MAAM,gBAAgB,SAAS,CAAC,CAAC;CAEjC,OACE,CAAC,IACC,OAAO,mCAAmC,MAAM,SAAS,MACzD,OAAO;EAAE,UAAU;EAAY,SAAS;CAAe,GACxD;MACC,CAAC,WACK,cACJ,cACA,IAAI,WACJ,KAAK,YACL,uBACA,eAAe,OAAO,GACtB,eAAe,OAAO,IAAI,YAAY,KAAA,GACtC,kBAAkB,cAAc,KAAK,KAAA,GACrC,eAAe,WAAW,KAAK,KAAA,GAC/B,UAAU,WAAW,GACrB,SAAS,oBACT,WAAW,sBACX,gDACD;SACE,QAAQ,EAAE;MACb,EAAE,OAAO;;MAET,CAAC,KAAK,MAAM,OAAO,GAAG;QACpB,CAAC,IACC,IAAI,WACJ,KAAK,YACL,cACA,iBAAiB,WACjB,UAAU,IACV,gDACA,OAAO;EAAE,UAAU;EAAY,WAAW;CAAK,GAC/C,YAAY,MAAM;EAChB,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,MAAM;EAER;CACF,GACD;WACE,QAAQ,EAAE;QACb,EAAE,IAAI;MACR,EAAE,KAAK;IACT,EAAE;AAEN"}
+{"version":3,"file":"ContextualHelpTrigger.jsx","names":[],"sources":["../src/ContextualHelpTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx\n\n/**\n * ContextualHelpTrigger headless component\n *\n * A button trigger that opens contextual help in a popover or dialog.\n * Uses existing overlay infrastructure.\n * Based on @react-spectrum/menu source:\n * https://github.com/adobe/react-spectrum/blob/5ecb3333001313e83898cd07644227897e3bae1f/packages/@adobe/react-spectrum/src/menu/ContextualHelpTrigger.tsx.\n */\n\nimport { createSignal, Show, createEffect, createUniqueId, createTrackedEffect } from \"solid-js\";\nimport { dataAttr, ariaTrueFalse } from \"./utils\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createInteractOutside } from \"@proyecto-viviana/solidaria\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface ContextualHelpTriggerProps extends Omit<\n  JSX.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"class\" | \"children\"\n> {\n  /** Whether the trigger is currently unavailable (shows different styling). */\n  isUnavailable?: boolean;\n  /**\n   * Two children: [trigger element, help content].\n   * The trigger renders as a button, the content opens in a popover.\n   */\n  children?: [JSX.Element, JSX.Element];\n  /** CSS class name. */\n  class?: string;\n  /** Whether the trigger is disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface ContextualHelpTriggerRenderProps {\n  isOpen: boolean;\n  isUnavailable: boolean;\n  isDisabled: boolean;\n}\n\n/**\n * A trigger that opens contextual help content.\n *\n * @example\n * ```tsx\n * <ContextualHelpTrigger>\n *   {[\n *     <span>What is this?</span>,\n *     <div>Help content goes here...</div>\n *   ]}\n * </ContextualHelpTrigger>\n * ```\n */\nexport function ContextualHelpTrigger(props: ContextualHelpTriggerProps): JSX.Element {\n  const [local, triggerProps] = splitProps(props, [\n    \"isUnavailable\",\n    \"children\",\n    \"class\",\n    \"isDisabled\",\n  ]);\n  const [isOpen, setIsOpen] = createSignal(false);\n  const triggerId = createUniqueId();\n  const contentId = createUniqueId();\n  // Signal refs, not `let` refs: the jsx-preserving package build DCE's reads of\n  // `let` refs as always-undefined (JSX `ref={el}` is not a JS write), which\n  // deleted the outside-dismiss `close()` and the focus restores.\n  const [rootEl, setRootEl] = createSignal<HTMLDivElement | null>(null);\n  const [triggerEl, setTriggerEl] = createSignal<HTMLButtonElement | null>(null);\n  const [contentEl, setContentEl] = createSignal<HTMLDivElement | null>(null);\n\n  const isUnavailable = () => local.isUnavailable ?? false;\n  const isDisabled = () => local.isDisabled ?? false;\n\n  const toggle = () => {\n    if (!isDisabled()) {\n      setIsOpen(!isOpen());\n    }\n  };\n\n  const close = () => setIsOpen(false);\n\n  const callHandler = <E extends Event>(\n    handler: JSX.EventHandlerUnion<HTMLButtonElement, E> | undefined,\n    event: E,\n  ) => {\n    if (!handler) return;\n    if (Array.isArray(handler)) {\n      handler[1].call(handler[0], event);\n      return;\n    }\n    if (typeof handler === \"function\") {\n      (handler as (evt: E) => void)(event);\n      return;\n    }\n    if (\n      typeof handler === \"object\" &&\n      \"handleEvent\" in handler &&\n      typeof handler.handleEvent === \"function\"\n    ) {\n      (handler.handleEvent as (evt: E) => void)(event);\n    }\n  };\n\n  const handleTriggerClick = (e: MouseEvent) => {\n    callHandler(triggerProps.onClick, e);\n    if (e.defaultPrevented) return;\n    toggle();\n  };\n\n  const handleTriggerKeyDown = (e: KeyboardEvent) => {\n    callHandler(triggerProps.onKeyDown, e);\n    if (e.defaultPrevented) return;\n    if (e.key === \"Escape\" && isOpen()) {\n      e.preventDefault();\n      e.stopPropagation();\n      close();\n      triggerEl()?.focus();\n    }\n  };\n\n  // Root wraps trigger + dialog, so a trigger click is not an outside\n  // interaction (otherwise pointerdown-close + click-toggle would reopen).\n  createInteractOutside({\n    ref: rootEl,\n    onInteractOutside: () => {\n      close();\n    },\n    get isDisabled() {\n      return !isOpen();\n    },\n  });\n\n  createTrackedEffect(() => {\n    if (!isOpen()) return;\n    contentEl()?.focus();\n  });\n\n  const children = () => local.children ?? ([null, null] as [JSX.Element, JSX.Element]);\n  const trigger = () => children()[0];\n  const content = () => children()[1];\n\n  return (\n    <div\n      ref={setRootEl}\n      class={`solidaria-ContextualHelpTrigger ${local.class ?? \"\"}`}\n      style={{ position: \"relative\", display: \"inline-block\" }}\n    >\n      <button\n        {...triggerProps}\n        type=\"button\"\n        id={triggerId}\n        ref={setTriggerEl}\n        aria-haspopup=\"dialog\"\n        aria-expanded={ariaTrueFalse(isOpen())}\n        aria-controls={isOpen() ? contentId : undefined}\n        data-unavailable={dataAttr(isUnavailable())}\n        data-disabled={dataAttr(isDisabled())}\n        disabled={isDisabled()}\n        onClick={handleTriggerClick}\n        onKeyDown={handleTriggerKeyDown}\n        class=\"solidaria-ContextualHelpTrigger-trigger\"\n      >\n        {trigger()}\n      </button>\n\n      <Show when={isOpen()}>\n        <div\n          id={contentId}\n          ref={setContentEl}\n          role=\"dialog\"\n          aria-labelledby={triggerId}\n          tabindex={-1}\n          class=\"solidaria-ContextualHelpTrigger-content\"\n          style={{ position: \"absolute\", \"z-index\": \"50\" }}\n          onKeyDown={(e) => {\n            if (e.key === \"Escape\") {\n              e.preventDefault();\n              e.stopPropagation();\n              close();\n              triggerEl()?.focus();\n            }\n          }}\n        >\n          {content()}\n        </div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,SAAgB,sBAAsB,OAAgD;CACpF,MAAM,CAAC,OAAO,gBAAgB,WAAW,OAAO;EAC9C;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,CAAC,QAAQ,aAAa,aAAa,KAAK;CAC9C,MAAM,YAAY,eAAe;CACjC,MAAM,YAAY,eAAe;CAIjC,MAAM,CAAC,QAAQ,aAAa,aAAoC,IAAI;CACpE,MAAM,CAAC,WAAW,gBAAgB,aAAuC,IAAI;CAC7E,MAAM,CAAC,WAAW,gBAAgB,aAAoC,IAAI;CAE1E,MAAM,sBAAsB,MAAM,iBAAiB;CACnD,MAAM,mBAAmB,MAAM,cAAc;CAE7C,MAAM,eAAe;EACnB,IAAI,CAAC,WAAW,GACd,UAAU,CAAC,OAAO,CAAC;CAEvB;CAEA,MAAM,cAAc,UAAU,KAAK;CAEnC,MAAM,eACJ,SACA,UACG;EACH,IAAI,CAAC,SAAS;EACd,IAAI,MAAM,QAAQ,OAAO,GAAG;GAC1B,QAAQ,EAAE,CAAC,KAAK,QAAQ,IAAI,KAAK;GACjC;EACF;EACA,IAAI,OAAO,YAAY,YAAY;GACjC,QAA8B,KAAK;GACnC;EACF;EACA,IACE,OAAO,YAAY,YACnB,iBAAiB,WACjB,OAAO,QAAQ,gBAAgB,YAE/B,QAAS,YAAiC,KAAK;CAEnD;CAEA,MAAM,sBAAsB,MAAkB;EAC5C,YAAY,aAAa,SAAS,CAAC;EACnC,IAAI,EAAE,kBAAkB;EACxB,OAAO;CACT;CAEA,MAAM,wBAAwB,MAAqB;EACjD,YAAY,aAAa,WAAW,CAAC;EACrC,IAAI,EAAE,kBAAkB;EACxB,IAAI,EAAE,QAAQ,YAAY,OAAO,GAAG;GAClC,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,MAAM;GACN,UAAU,CAAC,EAAE,MAAM;EACrB;CACF;CAIA,sBAAsB;EACpB,KAAK;EACL,yBAAyB;GACvB,MAAM;EACR;EACA,IAAI,aAAa;GACf,OAAO,CAAC,OAAO;EACjB;CACF,CAAC;CAED,0BAA0B;EACxB,IAAI,CAAC,OAAO,GAAG;EACf,UAAU,CAAC,EAAE,MAAM;CACrB,CAAC;CAED,MAAM,iBAAiB,MAAM,YAAa,CAAC,MAAM,IAAI;CACrD,MAAM,gBAAgB,SAAS,CAAC,CAAC;CACjC,MAAM,gBAAgB,SAAS,CAAC,CAAC;CAEjC,OACE,CAAC,IACC,KAAK,WACL,OAAO,mCAAmC,MAAM,SAAS,MACzD,OAAO;EAAE,UAAU;EAAY,SAAS;CAAe,GACxD;MACC,CAAC,WACK,cACJ,cACA,IAAI,WACJ,KAAK,cACL,uBACA,eAAe,cAAc,OAAO,CAAC,GACrC,eAAe,OAAO,IAAI,YAAY,KAAA,GACtC,kBAAkB,SAAS,cAAc,CAAC,GAC1C,eAAe,SAAS,WAAW,CAAC,GACpC,UAAU,WAAW,GACrB,SAAS,oBACT,WAAW,sBACX,gDACD;SACE,QAAQ,EAAE;MACb,EAAE,OAAO;;MAET,CAAC,KAAK,MAAM,OAAO,GAAG;QACpB,CAAC,IACC,IAAI,WACJ,KAAK,cACL,cACA,iBAAiB,WACjB,UAAU,IACV,gDACA,OAAO;EAAE,UAAU;EAAY,WAAW;CAAK,GAC/C,YAAY,MAAM;EAChB,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,MAAM;GACN,UAAU,CAAC,EAAE,MAAM;EACrB;CACF,GACD;WACE,QAAQ,EAAE;QACb,EAAE,IAAI;MACR,EAAE,KAAK;IACT,EAAE;AAEN"}

package/dist/DateField.d.ts

@@ -1,10 +1,5 @@
-/**
- * DateField component for solidaria-components
- *
- * Pre-wired headless date field component with segment-based editing.
- * Port of react-aria-components/src/DateField.tsx
- */
-import { type JSX, type Context } from "solid-js";
+import type { Context } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaDateFieldProps } from "@proyecto-viviana/solidaria";
 import { type DateFieldState, type DateFieldStateProps, type DateSegment as DateSegmentType, type CalendarDate, type DateValue } from "@proyecto-viviana/solid-stately";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";

package/dist/DateField.d.ts.map

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

package/dist/DateField.js

@@ -1,4 +1,2 @@
-import "./Text.js";
-import "./Form.js";
 import { a as DateFieldLabel, c as DateSegment, i as DateFieldErrorMessage, l as useDateFieldContext, n as DateFieldContext, o as DateFieldStateContext, r as DateFieldDescription, s as DateInput, t as DateField } from "./DateField2.js";
 export { DateField, DateFieldContext, DateFieldDescription, DateFieldErrorMessage, DateFieldLabel, DateFieldStateContext, DateInput, DateSegment, useDateFieldContext };

package/dist/DateField.jsx

@@ -1,4 +1,2 @@
-import "./Text.jsx";
-import "./Form.jsx";
 import { a as DateFieldLabel, c as DateSegment, i as DateFieldErrorMessage, l as useDateFieldContext, n as DateFieldContext, o as DateFieldStateContext, r as DateFieldDescription, s as DateInput, t as DateField } from "./DateField2.jsx";
 export { DateField, DateFieldContext, DateFieldDescription, DateFieldErrorMessage, DateFieldLabel, DateFieldStateContext, DateInput, DateSegment, useDateFieldContext };