@octax-app/hot-date-react 0.0.1 → 0.0.3

package/dist/{hot-date-CdRySQgv.js → hot-date-CE4exKZT.js}

@@ -78,7 +78,7 @@ function y(e) {
 	return /^\d+$/.test(t) ? Number(t) : l[t] ?? null;
 }
 //#endregion
-//#region node_modules/@js-temporal/polyfill/dist/index.esm.js
+//#region node_modules/.pnpm/@js-temporal+polyfill@0.4.4/node_modules/@js-temporal/polyfill/dist/index.esm.js
 var b = /* @__PURE__ */ c((/* @__PURE__ */ o(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n ||= self, n.JSBI = r());
@@ -8773,9 +8773,11 @@ function zc(e, t, n) {
 }
 //#endregion
 //#region src/hot-date.ts
-var Bc = "type anything...", Vc = "\n    :host { display: block; font: inherit; color: inherit; }\n    .field { position: relative; display: block; width: 100%; }\n    .input {\n      font: inherit; color: inherit;\n      width: 100%; box-sizing: border-box;\n      border: 1px solid #cccccc50; border-radius: 4px;\n      padding: 5px 4px;\n      background: Field;\n    }\n    .ghost {\n      position: absolute; inset: 0; display: flex; align-items: center;\n      pointer-events: none; font: inherit;\n      white-space: pre; overflow: hidden;\n    }\n    .ghost-completion { min-width: 0; overflow: hidden; white-space: pre; }\n    .ghost-typed { color: transparent; }\n    .ghost-tail { opacity: 0.5; }\n    .ghost-hint {\n      flex-shrink: 0; margin-left: 6px;\n      padding: 0.05em 0.35em; border: 1px solid currentColor; border-radius: 3px;\n      font-size: 0.7em; font-family: inherit; opacity: 0.5; background: transparent;\n    }\n    .ghost-hint[hidden] { display: none; }\n    .ghost-resolution { opacity: 0.5; flex: 0 0 auto; margin-left: auto; }\n    ::slotted([slot=\"ambiguity\"][hidden]) { display: none; }\n", Hc = document.createElement("template");
-Hc.innerHTML = "\n  <div class=\"field\">\n    <input class=\"input\" part=\"input\" type=\"text\" autocomplete=\"off\" spellcheck=\"false\" />\n    <div class=\"ghost\" part=\"ghost\" aria-live=\"polite\"><span class=\"ghost-completion\"><span class=\"ghost-typed\" aria-hidden=\"true\"></span><span class=\"ghost-tail\"></span></span><span class=\"ghost-resolution\"></span><kbd class=\"ghost-hint\" part=\"hint\" hidden>Tab</kbd></div>\n  </div>\n  <slot name=\"ambiguity\"></slot>\n";
-var Uc = class extends HTMLElement {
+var Bc = "type anything...", Vc = "\n    :host { display: block; font: inherit; color: inherit; }\n    .field { position: relative; display: block; width: 100%; }\n    .input {\n      font: inherit; color: inherit;\n      width: 100%; box-sizing: border-box;\n      border: 1px solid #cccccc50; border-radius: 4px;\n      padding: 5px 4px;\n      background: Field;\n    }\n    .ghost {\n      position: absolute; inset: 0; display: flex; align-items: center;\n      pointer-events: none; font: inherit;\n      white-space: pre; overflow: hidden;\n    }\n    .ghost-completion { min-width: 0; overflow: hidden; white-space: pre; }\n    .ghost-typed { color: transparent; }\n    .ghost-tail { opacity: 0.5; }\n    .ghost-hint {\n      flex-shrink: 0; margin-left: 6px;\n      padding: 0.05em 0.35em; border: 1px solid currentColor; border-radius: 3px;\n      font-size: 0.7em; font-family: inherit; opacity: 0.5; background: transparent;\n    }\n    .ghost-hint[hidden] { display: none; }\n    .ghost-resolution { opacity: 0.5; flex: 0 0 auto; margin-left: auto; }\n    ::slotted([slot=\"ambiguity\"][hidden]) { display: none; }\n", Hc = "\n  <div class=\"field\">\n    <input class=\"input\" part=\"input\" type=\"text\" autocomplete=\"off\" spellcheck=\"false\" />\n    <div class=\"ghost\" part=\"ghost\" aria-live=\"polite\"><span class=\"ghost-completion\"><span class=\"ghost-typed\" aria-hidden=\"true\"></span><span class=\"ghost-tail\"></span></span><span class=\"ghost-resolution\"></span><kbd class=\"ghost-hint\" part=\"hint\" hidden>Tab</kbd></div>\n  </div>\n  <slot name=\"ambiguity\"></slot>\n", Uc = null;
+function Wc() {
+	return Uc || (Uc = document.createElement("template"), Uc.innerHTML = Hc), Uc;
+}
+var Gc = class extends HTMLElement {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -8817,7 +8819,7 @@ var Uc = class extends HTMLElement {
 	activeSuggestionIndexValue = 0;
 	lastTabCompletedTo = null;
 	constructor() {
-		super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.append(Hc.content.cloneNode(!0));
+		super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.append(Wc().content.cloneNode(!0));
 		let e = this.shadowRoot;
 		if (!e) throw Error("Unable to create shadow root.");
 		this.inputElement = e.querySelector("input") ?? document.createElement("input"), this.ghostElement = e.querySelector(".ghost") ?? document.createElement("div"), this.ghostTypedElement = e.querySelector(".ghost-typed") ?? document.createElement("span"), this.ghostTailElement = e.querySelector(".ghost-tail") ?? document.createElement("span"), this.ghostHintElement = e.querySelector(".ghost-hint") ?? document.createElement("kbd"), this.ghostResolutionElement = e.querySelector(".ghost-resolution") ?? document.createElement("span"), this.ambiguityElement = document.createElement("div"), this.ambiguityElement.setAttribute("slot", "ambiguity"), this.ambiguityElement.hidden = !0, this.internals = typeof this.attachInternals == "function" ? this.attachInternals() : null, this.bindEvents();
@@ -9178,6 +9180,6 @@ var Uc = class extends HTMLElement {
 		}));
 	}
 };
-customElements.get("hot-date") || customElements.define("hot-date", Uc);
+customElements.get("hot-date") || customElements.define("hot-date", Gc);
 //#endregion
-export { Uc as t };
+export { Gc as t };

package/dist/hot-date.js

@@ -1,2 +1,2 @@
-import { t as e } from "./hot-date-CdRySQgv.js";
+import { t as e } from "./hot-date-CE4exKZT.js";
 export { e as HotDateElement };

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@octax-app/hot-date-react",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "React wrapper for the hot-date natural language date input web component.",
   "type": "module",
-  "main": "./dist/hot-date.js",
-  "module": "./dist/hot-date.js",
-  "types": "./dist/hot-date.d.ts",
+  "main": "./dist/hot-date-react.js",
+  "module": "./dist/hot-date-react.js",
+  "types": "./dist/react/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/hot-date.d.ts",
-      "import": "./dist/hot-date.js"
-    },
-    "./react": {
       "types": "./dist/react/index.d.ts",
       "import": "./dist/hot-date-react.js"
+    },
+    "./element": {
+      "types": "./dist/hot-date.d.ts",
+      "import": "./dist/hot-date.js"
     }
   },
   "files": [