@srfnstack/fntags 0.4.2 → 0.4.3

package/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./src/fntags.mjs";
+export * from "./src/fnroute.mjs";
+export * from "./src/fnelements.mjs";
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@srfnstack/fntags",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "author": "Robert Kempton <r@snow87.com>",
   "private": false,
   "homepage": "https://github.com/srfnstack/fntags",
   "license": "MIT",
   "files": [
     "src/*",
+    "index.d.ts",
+    "index.d.ts.map",
     "index.js",
     "LICENSE.txt",
     "README.md"
@@ -38,16 +40,17 @@
     "typescript": "^5.3.3"
   },
   "scripts": {
-    "test": "cp src/* docs/lib/ && npm run lint && cypress run --spec test/** --headless -b chrome",
+    "test": "cp src/*.mjs docs/lib/ && npm run lint && cypress run --spec test/** --headless -b chrome",
     "cypress": "cypress run --spec test/** -b chrome",
     "lint": "standard --env browser src && standard --env browser --env jest --global Prism --global cy test docs",
     "lint:fix": "standard --env browser --fix src && standard --env browser --env jest --global Prism --global cy --fix test docs",
-    "typedef": "tsc",
+    "typedef": "rm -rf src/*.mts* && tsc",
     "docs": "typedoc --plugin typedoc-plugin-markdown --out docs/types ./src/*.mjs",
     "build": "npm run lint:fix && npm run typedef && npm run docs && npm run test"
   },
   "pre-commit": [
     "lint",
     "test"
-  ]
+  ],
+  "typings": "index.d.ts"
 }

package/src/fnelements.d.mts

@@ -0,0 +1,504 @@
+/**
+ * @type {function(...[*]=): HTMLAnchorElement}
+ */
+export const a: (arg0: [any][] | undefined) => HTMLAnchorElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const abbr: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const acronym: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const address: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLAreaElement}
+ */
+export const area: (arg0: [any][] | undefined) => HTMLAreaElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const article: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const aside: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLAudioElement}
+ */
+export const audio: (arg0: [any][] | undefined) => HTMLAudioElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const b: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLBaseElement}
+ */
+export const base: (arg0: [any][] | undefined) => HTMLBaseElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const bdi: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const bdo: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const big: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLQuoteElement}
+ */
+export const blockquote: (arg0: [any][] | undefined) => HTMLQuoteElement;
+/**
+ * @type {function(...[*]=): HTMLBodyElement}
+ */
+export const body: (arg0: [any][] | undefined) => HTMLBodyElement;
+/**
+ * @type {function(...[*]=): HTMLBRElement}
+ */
+export const br: (arg0: [any][] | undefined) => HTMLBRElement;
+/**
+ * @type {function(...[*]=): HTMLButtonElement}
+ */
+export const button: (arg0: [any][] | undefined) => HTMLButtonElement;
+/**
+ * @type {function(...[*]=): HTMLCanvasElement}
+ */
+export const canvas: (arg0: [any][] | undefined) => HTMLCanvasElement;
+/**
+ * @type {function(...[*]=): HTMLTableCaptionElement}
+ */
+export const caption: (arg0: [any][] | undefined) => HTMLTableCaptionElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const cite: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const code: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLTableColElement}
+ */
+export const col: (arg0: [any][] | undefined) => HTMLTableColElement;
+/**
+ * @type {function(...[*]=): HTMLTableColElement}
+ */
+export const colgroup: (arg0: [any][] | undefined) => HTMLTableColElement;
+/**
+ * @type {function(...[*]=): HTMLDataElement}
+ */
+export const data: (arg0: [any][] | undefined) => HTMLDataElement;
+/**
+ * @type {function(...[*]=): HTMLDataListElement}
+ */
+export const datalist: (arg0: [any][] | undefined) => HTMLDataListElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const dd: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLModElement}
+ */
+export const del: (arg0: [any][] | undefined) => HTMLModElement;
+/**
+ * @type {function(...[*]=): HTMLDetailsElement}
+ */
+export const details: (arg0: [any][] | undefined) => HTMLDetailsElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const dfn: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLDialogElement}
+ */
+export const dialog: (arg0: [any][] | undefined) => HTMLDialogElement;
+/**
+ * @type {function(...[*]=): HTMLDirectoryElement}
+ */
+export const dir: (arg0: [any][] | undefined) => HTMLDirectoryElement;
+/**
+ * @type {function(...[*]=): HTMLDivElement}
+ */
+export const div: (arg0: [any][] | undefined) => HTMLDivElement;
+/**
+ * @type {function(...[*]=): HTMLDListElement}
+ */
+export const dl: (arg0: [any][] | undefined) => HTMLDListElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const dt: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const em: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLEmbedElement}
+ */
+export const embed: (arg0: [any][] | undefined) => HTMLEmbedElement;
+/**
+ * @type {function(...[*]=): HTMLFieldSetElement}
+ */
+export const fieldset: (arg0: [any][] | undefined) => HTMLFieldSetElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const figcaption: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const figure: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLDivElement}
+ */
+export const flexCol: (arg0: [any][] | undefined) => HTMLDivElement;
+/**
+ * @type {function(...[*]=): HTMLDivElement}
+ */
+export const flexCenteredCol: (arg0: [any][] | undefined) => HTMLDivElement;
+/**
+ * @type {function(...[*]=): HTMLDivElement}
+ */
+export const flexRow: (arg0: [any][] | undefined) => HTMLDivElement;
+/**
+ * @type {function(...[*]=): HTMLDivElement}
+ */
+export const flexCenteredRow: (arg0: [any][] | undefined) => HTMLDivElement;
+/**
+ * @type {function(...[*]=): HTMLFontElement}
+ */
+export const font: (arg0: [any][] | undefined) => HTMLFontElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const footer: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLFormElement}
+ */
+export const form: (arg0: [any][] | undefined) => HTMLFormElement;
+/**
+ * @type {function(...[*]=): HTMLFrameElement}
+ */
+export const frame: (arg0: [any][] | undefined) => HTMLFrameElement;
+/**
+ * @type {function(...[*]=): HTMLFrameSetElement}
+ */
+export const frameset: (arg0: [any][] | undefined) => HTMLFrameSetElement;
+/**
+ * @type {function(...[*]=): HTMLHeadingElement}
+ */
+export const h1: (arg0: [any][] | undefined) => HTMLHeadingElement;
+/**
+ * @type {function(...[*]=): HTMLHeadingElement}
+ */
+export const h2: (arg0: [any][] | undefined) => HTMLHeadingElement;
+/**
+ * @type {function(...[*]=): HTMLHeadingElement}
+ */
+export const h3: (arg0: [any][] | undefined) => HTMLHeadingElement;
+/**
+ * @type {function(...[*]=): HTMLHeadingElement}
+ */
+export const h4: (arg0: [any][] | undefined) => HTMLHeadingElement;
+/**
+ * @type {function(...[*]=): HTMLHeadingElement}
+ */
+export const h5: (arg0: [any][] | undefined) => HTMLHeadingElement;
+/**
+ * @type {function(...[*]=): HTMLHeadingElement}
+ */
+export const h6: (arg0: [any][] | undefined) => HTMLHeadingElement;
+/**
+ * @type {function(...[*]=): HTMLHeadElement}
+ */
+export const head: (arg0: [any][] | undefined) => HTMLHeadElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const header: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const hgroup: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLHRElement}
+ */
+export const hr: (arg0: [any][] | undefined) => HTMLHRElement;
+/**
+ * @type {function(...[*]=): HTMLHtmlElement}
+ */
+export const html: (arg0: [any][] | undefined) => HTMLHtmlElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const i: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLIFrameElement}
+ */
+export const iframe: (arg0: [any][] | undefined) => HTMLIFrameElement;
+/**
+ * @type {function(...[*]=): HTMLImageElement}
+ */
+export const img: (arg0: [any][] | undefined) => HTMLImageElement;
+/**
+ * @type {function(...[*]=): HTMLInputElement}
+ */
+export const input: (arg0: [any][] | undefined) => HTMLInputElement;
+/**
+ * @type {function(...[*]=): HTMLModElement}
+ */
+export const ins: (arg0: [any][] | undefined) => HTMLModElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const kbd: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLLabelElement}
+ */
+export const label: (arg0: [any][] | undefined) => HTMLLabelElement;
+/**
+ * @type {function(...[*]=): HTMLLegendElement}
+ */
+export const legend: (arg0: [any][] | undefined) => HTMLLegendElement;
+/**
+ * @type {function(...[*]=): HTMLLIElement}
+ */
+export const li: (arg0: [any][] | undefined) => HTMLLIElement;
+/**
+ * @type {function(...[*]=): HTMLLinkElement}
+ */
+export const link: (arg0: [any][] | undefined) => HTMLLinkElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const main: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLMapElement}
+ */
+export const map: (arg0: [any][] | undefined) => HTMLMapElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const mark: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * The best html element for every occasion.
+ * @type {function(...[*]=): HTMLMarqueeElement}
+ */
+export const marquee: (arg0: [any][] | undefined) => HTMLMarqueeElement;
+/**
+ * @type {function(...[*]=): HTMLMenuElement}
+ */
+export const menu: (arg0: [any][] | undefined) => HTMLMenuElement;
+/**
+ * @type {function(...[*]=): HTMLMetaElement}
+ */
+export const meta: (arg0: [any][] | undefined) => HTMLMetaElement;
+/**
+ * @type {function(...[*]=): HTMLMeterElement}
+ */
+export const meter: (arg0: [any][] | undefined) => HTMLMeterElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const nav: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const noframes: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const noscript: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLObjectElement}
+ */
+export const object: (arg0: [any][] | undefined) => HTMLObjectElement;
+/**
+ * @type {function(...[*]=): HTMLOListElement}
+ */
+export const ol: (arg0: [any][] | undefined) => HTMLOListElement;
+/**
+ * @type {function(...[*]=): HTMLOptGroupElement}
+ */
+export const optgroup: (arg0: [any][] | undefined) => HTMLOptGroupElement;
+/**
+ * @type {function(...[*]=): HTMLOptionElement}
+ */
+export const option: (arg0: [any][] | undefined) => HTMLOptionElement;
+/**
+ * @type {function(...[*]=): HTMLOutputElement}
+ */
+export const output: (arg0: [any][] | undefined) => HTMLOutputElement;
+/**
+ * @type {function(...[*]=): HTMLParagraphElement}
+ */
+export const p: (arg0: [any][] | undefined) => HTMLParagraphElement;
+/**
+ * @type {function(...[*]=): HTMLParamElement}
+ */
+export const param: (arg0: [any][] | undefined) => HTMLParamElement;
+/**
+ * @type {function(...[*]=): HTMLPictureElement}
+ */
+export const picture: (arg0: [any][] | undefined) => HTMLPictureElement;
+/**
+ * @type {function(...[*]=): HTMLPreElement}
+ */
+export const pre: (arg0: [any][] | undefined) => HTMLPreElement;
+/**
+ * @type {function(...[*]=): HTMLProgressElement}
+ */
+export const progress: (arg0: [any][] | undefined) => HTMLProgressElement;
+/**
+ * @type {function(...[*]=): HTMLQuoteElement}
+ */
+export const q: (arg0: [any][] | undefined) => HTMLQuoteElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const rp: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const rt: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const ruby: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const s: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const samp: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLScriptElement}
+ */
+export const script: (arg0: [any][] | undefined) => HTMLScriptElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const section: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLSelectElement}
+ */
+export const select: (arg0: [any][] | undefined) => HTMLSelectElement;
+/**
+ * @type {function(...[*]=): HTMLSlotElement}
+ */
+export const slot: (arg0: [any][] | undefined) => HTMLSlotElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const small: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLSourceElement}
+ */
+export const source: (arg0: [any][] | undefined) => HTMLSourceElement;
+/**
+ * @type {function(...[*]=): HTMLSpanElement}
+ */
+export const span: (arg0: [any][] | undefined) => HTMLSpanElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const strong: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLStyleElement}
+ */
+export const style: (arg0: [any][] | undefined) => HTMLStyleElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const sub: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const summary: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const sup: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLTableElement}
+ */
+export const table: (arg0: [any][] | undefined) => HTMLTableElement;
+/**
+ * @type {function(...[*]=): HTMLTableSectionElement}
+ */
+export const tbody: (arg0: [any][] | undefined) => HTMLTableSectionElement;
+/**
+ * @type {function(...[*]=): HTMLTableDataCellElement}
+ */
+export const td: (arg0: [any][] | undefined) => HTMLTableDataCellElement;
+/**
+ * @type {function(...[*]=): HTMLTemplateElement}
+ */
+export const template: (arg0: [any][] | undefined) => HTMLTemplateElement;
+/**
+ * @type {function(...[*]=): HTMLTextAreaElement}
+ */
+export const textarea: (arg0: [any][] | undefined) => HTMLTextAreaElement;
+/**
+ * @type {function(...[*]=): HTMLTableSectionElement}
+ */
+export const tfoot: (arg0: [any][] | undefined) => HTMLTableSectionElement;
+/**
+ * @type {function(...[*]=): HTMLTableHeaderCellElement}
+ */
+export const th: (arg0: [any][] | undefined) => HTMLTableHeaderCellElement;
+/**
+ * @type {function(...[*]=): HTMLTableSectionElement}
+ */
+export const thead: (arg0: [any][] | undefined) => HTMLTableSectionElement;
+/**
+ * @type {function(...[*]=): HTMLTimeElement}
+ */
+export const time: (arg0: [any][] | undefined) => HTMLTimeElement;
+/**
+ * @type {function(...[*]=): HTMLTitleElement}
+ */
+export const title: (arg0: [any][] | undefined) => HTMLTitleElement;
+/**
+ * @type {function(...[*]=): HTMLTableRowElement}
+ */
+export const tr: (arg0: [any][] | undefined) => HTMLTableRowElement;
+/**
+ * @type {function(...[*]=): HTMLTrackElement}
+ */
+export const track: (arg0: [any][] | undefined) => HTMLTrackElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const tt: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const u: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLUListElement}
+ */
+export const ul: (arg0: [any][] | undefined) => HTMLUListElement;
+/**
+ * name conflicts with js syntax
+ *
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const var_: (arg0: [any][] | undefined) => HTMLElement;
+/**
+ * @type {function(...[*]=): HTMLVideoElement}
+ */
+export const video: (arg0: [any][] | undefined) => HTMLVideoElement;
+/**
+ * @type {function(...[*]=): HTMLElement}
+ */
+export const wbr: (arg0: [any][] | undefined) => HTMLElement;
+//# sourceMappingURL=fnelements.d.mts.map

package/src/fnelements.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fnelements.d.mts","sourceRoot":"","sources":["fnelements.mjs"],"names":[],"mappings":"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"}

package/src/fnroute.d.mts

@@ -0,0 +1,131 @@
+/**
+ * An element that is displayed only if the current route starts with elements path attribute.
+ *
+ * For example,
+ *  route({path: "/proc"},
+ *      div(
+ *          "proc",
+ *          div({path: "/cpuinfo"},
+ *              "cpuinfo"
+ *              )
+ *          )
+ *      )
+ *
+ *  You can override this behavior by setting the attribute, absolute to any value
+ *
+ *  route({path: "/usr"},
+ *      div(
+ *          "proc",
+ *          div({path: "/cpuinfo", absolute: true},
+ *              "cpuinfo"
+ *              )
+ *          )
+ *      )
+ *
+ * @param {any} children The attributes and children of this element.
+ * @returns {HTMLDivElement} A div element that will only be displayed if the current route starts with the path attribute.
+ */
+export function route(...children: any): HTMLDivElement;
+/**
+ * An element that only renders the first route that matches and updates when the route is changed
+ * The primary purpose of this element is to provide catchall routes for not found pages and path variables
+ * @param {any} children
+ * @returns {HTMLDivElement}
+ */
+export function routeSwitch(...children: any): HTMLDivElement;
+/**
+ * The main function of this library. It will load the route at the specified path and render it into the container element.
+ * @param {object} options
+ * @param {string} options.routePath The path to the root of the routes. This is used to resolve the paths of the routes.
+ * @param {object} options.attrs The attributes of the container element
+ * @param {(error: Error, newPathState: object)=>void} options.onerror A function that will be called if the route fails to load. The function receives the error and the current pathState object.
+ * @param {(node: Node, module: object)=>Node} options.frame A function that will be called with the rendered route element and the module that was loaded. The function should return a new element to be rendered.
+ * @param {boolean} options.sendRawPath If true, the raw path will be sent to the route. Otherwise, the path will be stripped of parameter values.
+ * @param {(path: string)=>string} options.formatPath A function that will be called with the raw path before it is used to load the route. The function should return a new path.
+ * @return {HTMLElement} The container element
+ */
+export function modRouter({ routePath, attrs, onerror, frame, sendRawPath, formatPath }: {
+    routePath: string;
+    attrs: object;
+    onerror: (error: Error, newPathState: object) => void;
+    frame: (node: Node, module: object) => Node;
+    sendRawPath: boolean;
+    formatPath: (path: string) => string;
+}): HTMLElement;
+/**
+ * A link element that is a link to another route in this single page app
+ * @param {any} children The attributes of the anchor element and any children
+ * @returns {HTMLAnchorElement} An anchor element that will navigate to the specified route when clicked
+ */
+export function fnlink(...children: any): HTMLAnchorElement;
+/**
+ * A function to navigate to the specified route
+ * @param {string} route The route to navigate to
+ * @param {any} context Data related to the route change
+ * @param {boolean} replace Whether to replace the state or push it. pushState is used by default.
+ * @param {boolean} silent Prevent route change events from being emitted for this route change
+ */
+export function goTo(route: string, context: any, replace?: boolean, silent?: boolean): void;
+/**
+ * Listen for routing events
+ * @param event a string event to listen for
+ * @param handler A function that will be called when the event occurs.
+ *                  The function receives the new and old pathState objects, in that order.
+ * @return {()=>void} a function to stop listening with the passed handler.
+ */
+export function listenFor(event: any, handler: any): () => void;
+/**
+ * Set the root path of the app. This is necessary to make deep linking work in cases where the same html file is served from all paths.
+ * @param {string} rootPath The root path of the app
+ */
+export function setRootPath(rootPath: string): void;
+/**
+ * Key value pairs of path parameter names to their values
+ * @typedef {Object} PathParameters
+ */
+/**
+ * The path parameters of the current route
+ * @type {import("./fntags.mjs").FnState<PathParameters>}
+ */
+export const pathParameters: import("./fntags.mjs").FnState<PathParameters>;
+/**
+ * The path information for a route
+ * @typedef {{currentRoute: string, rootPath: string, context: any}} PathState
+ */
+/**
+ * The current path state
+ * @type {import("./fntags.mjs").FnState<PathState>}
+ */
+export const pathState: import("./fntags.mjs").FnState<PathState>;
+/**
+ * @typedef {string} RouteEvent
+ */
+/**
+ * Before the route is changed
+ * @type {RouteEvent}
+ */
+export const beforeRouteChange: RouteEvent;
+/**
+ * After the route is changed
+ * @type {RouteEvent}
+ */
+export const afterRouteChange: RouteEvent;
+/**
+ * After the route is changed and the route element is rendered
+ * @type {RouteEvent}
+ */
+export const routeChangeComplete: RouteEvent;
+/**
+ * Key value pairs of path parameter names to their values
+ */
+export type PathParameters = any;
+/**
+ * The path information for a route
+ */
+export type PathState = {
+    currentRoute: string;
+    rootPath: string;
+    context: any;
+};
+export type RouteEvent = string;
+//# sourceMappingURL=fnroute.d.mts.map

package/src/fnroute.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fnroute.d.mts","sourceRoot":"","sources":["fnroute.mjs"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,mCAHW,GAAG,GACD,cAAc,CAoB1B;AAED;;;;;GAKG;AACH,yCAHW,GAAG,GACD,cAAc,CAwB1B;AAeD;;;;;;;;;;GAUG;AACH;eARW,MAAM;WACN,MAAM;qBACE,KAAK,gBAAgB,MAAM,KAAG,IAAI;kBACnC,IAAI,UAAU,MAAM,KAAG,IAAI;iBAClC,OAAO;uBACA,MAAM,KAAG,MAAM;IACrB,WAAW,CA0DtB;AAwBD;;;;GAIG;AACH,oCAHW,GAAG,GACD,iBAAiB,CAuB7B;AAED;;;;;;GAMG;AACH,4BALW,MAAM,WACN,GAAG,YACH,OAAO,WACP,OAAO,QA6CjB;AA6DD;;;;;;GAMG;AACH,qDAFY,MAAI,IAAI,CAanB;AAED;;;GAGG;AACH,sCAFW,MAAM,QAOhB;AApFD;;;GAGG;AAEH;;;GAGG;AACH,6BAFU,OAAO,cAAc,EAAE,OAAO,CAAC,cAAc,CAAC,CAEf;AAEzC;;;GAGG;AAEH;;;GAGG;AACH,wBAFU,OAAO,cAAc,EAAE,OAAO,CAAC,SAAS,CAAC,CAO/C;AAEJ;;GAEG;AACH;;;GAGG;AACH,gCAFU,UAAU,CAEgC;AACpD;;;GAGG;AACH,+BAFU,UAAU,CAE8B;AAClD;;;GAGG;AACH,kCAFU,UAAU,CAEoC;;;;;;;;wBA/B3C;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,GAAG,CAAA;CAAC;yBAetD,MAAM"}

package/src/fntags.d.mts

@@ -0,0 +1,193 @@
+/**
+ * @module fntags
+ */
+/**
+ * A function to create dom elements with the given attributes and children.
+ *
+ * The first element of the children array can be an object containing element attributes.
+ * The attribute names are the standard attribute names used in html, and should all be lower case as usual.
+ *
+ * Any attribute starting with 'on' that is a function is added as an event listener with the 'on' removed.
+ * i.e. { onclick: fn } gets added to the element as element.addEventListener('click', fn)
+ *
+ * The style attribute can be an object and the properties of the object will be added as style properties to the element.
+ * i.e. { style: { color: blue } } becomes element.style.color = blue
+ *
+ * The rest of the arguments will be considered children of this element and appended to it in the same order as passed.
+ *
+ * @param {string} tag html tag to use when created the element
+ * @param {object[]?|Node[]?} children optional attributes object and children for the element
+ * @return {HTMLElement} an html element
+ *
+ */
+export function h(tag: string, ...children: any[]): HTMLElement;
+/**
+ * Create a compiled template function. The returned function takes a single object that contains the properties
+ * defined in the template.
+ *
+ * This allows fast rendering by pre-creating a dom element with the entire template structure then cloning and populating
+ * the clone with data from the provided context. This avoids the work of having to re-execute the tag functions
+ * one by one and can speed up situations where a similar element is created many times.
+ *
+ * You cannot bind state to the initial template. If you attempt to, the state will be read, but the elements will
+ * not be updated when the state changes because they will not be bound to the cloned element.
+ * All state bindings must be passed in the context to the compiled template to work correctly.
+ *
+ * @param {(any)=>Node} templateFn A function that returns an html node.
+ * @return {(any)=>Node} A function that takes a context object and returns a rendered node.
+ *
+ */
+export function fntemplate(templateFn: (any: any) => Node): (any: any) => Node;
+/**
+ * @template T The type of data stored in the state container
+ * @typedef FnStateObj A container for a state value that can be bound to.
+ * @property {(element: (T)=>void|Node|any?, update: (Node)=>void?) => Node|() => Node} bindAs Bind this state to the given element. This causes the element to update when state changes.
+ * If called with no parameters, the state's value will be rendered as an element. If the first parameters is not a function,
+ * the second parameter (the update function) must be provided and must be a function. This function receives the node the state is bound to.
+ * @property {(parent: Node,element: Node|any, update: (Node)=>void?)=> Node|()=> Node} bindChildren Bind the values of this state to the given element.
+ * Values are items/elements of an array.
+ * If the current value is not an array, this will behave the same as bindAs.
+ * @property {(prop: string)=>Node|()=>Node} bindProp Bind to a property of an object stored in this state instead of the state itself.
+ * Shortcut for `mystate.bindAs((current)=> current[prop])`
+ * @property {(attribute: string)=>any} bindAttr Bind attribute values to state changes
+ * @property {(style: string)=> string} bindStyle Bind style values to state changes
+ * @property {(element: Node|any, update: (Node)=>void?)=>Node|()=>Node} bindSelect Bind selected state to an element
+ * @property {(attribute: string)=>any} bindSelectAttr Bind selected state to an attribute
+ * @property {(key: any)=>void} select Mark the element with the given key as selected
+ * where the key is identified using the mapKey function passed on creation of the fnstate.
+ * This causes the bound select functions to be executed.
+ * @property {()=> any} selected Get the currently selected key
+ * @property {(update: T)=>void} assign Perform an Object.assign() on the current state using the provided update, triggers
+ * a state change and is a shortcut for `mystate(Object.assign(mystate(), update))`
+ * @property {(path: string)=>any} getPath Get a value at the given property path, an error is thrown if the value is not an object
+ * This returns a reference to the real current value. If you perform any modifications to the object, be sure to call setPath after you're done or the changes
+ * will not be reflected correctly.
+ * @property {(path: string, value: any, fillWithObjects: boolean)=>void} setPath Set a value at the given property path
+ * @property {((newState: T, oldState: T)=>void)=>void} subscribe Register a callback that will be executed whenever the state is changed
+ * @property {(reinit: boolean)=>{}} reset Remove all of the observers and optionally reset the value to it's initial value
+ * @property {} isFnState A flag to indicate that this is an fnstate object
+ */
+/**
+ * @template T The type of data stored in the state container
+ * @typedef {FnStateObj<T> & (newState: T?)=>T} FnState A container for a state value that can be bound to.
+ */
+/**
+ * Create a state object that can be bound to.
+ * @template T
+ * @param {T|any} initialValue The initial state
+ * @param {function(T): any?} mapKey A map function to extract a key from an element in the array. Receives the array value to extract the key from.
+ * A key can be any unique value.
+ * @return {FnState<T>} A function that can be used to get and set the state.
+ * When getting the state, you get the actual reference to the underlying value.
+ * If you perform modifications to the value, be sure to call the state function with the updated value when you're done
+ * or the changes won't be reflected correctly and binding updates won't be triggered even though the state appears to be correct.
+ */
+export function fnstate<T>(initialValue: any, mapKey: (arg0: T) => any | null): FnState<T>;
+/**
+ * Convert non objects (objects are assumed to be nodes) to text nodes and allow promises to resolve to nodes
+ * @param {any} node The node to render
+ * @returns {Node} The rendered node
+ */
+export function renderNode(node: any): Node;
+/**
+ * Check if the given value is an object that can be used as attributes
+ * @param {any} val The value to check
+ * @returns {boolean} true if the value is an object that can be used as attributes
+ */
+export function isAttrs(val: any): boolean;
+/**
+ * helper to get the attr object
+ * @param {any} children
+ * @return {object} the attr object or an empty object
+ */
+export function getAttrs(children: any): object;
+/**
+ * A function to create an element with a pre-defined style.
+ * For example, the flex* elements in fnelements.
+ *
+ * @param {object|string} style The style to apply to the element
+ * @param {string} tag The tag to use when creating the element
+ * @param {object|object[]?} children The children to append to the element
+ * @return {*} The styled element
+ */
+export function styled(style: object | string, tag: string, children: object | (object[] | null)): any;
+/**
+ * A container for a state value that can be bound to.
+ */
+export type FnStateObj<T> = {
+    /**
+     * Bind this state to the given element. This causes the element to update when state changes.
+     * If called with no parameters, the state's value will be rendered as an element. If the first parameters is not a function,
+     * the second parameter (the update function) must be provided and must be a function. This function receives the node the state is bound to.
+     */
+    bindAs: (element: (T: any) => void | Node | (any | null), update: (Node: any) => void | null) => Node | (() => Node);
+    /**
+     * Bind the values of this state to the given element.
+     * Values are items/elements of an array.
+     * If the current value is not an array, this will behave the same as bindAs.
+     */
+    bindChildren: (parent: Node, element: Node | any, update: (Node: any) => void | null) => Node | (() => Node);
+    /**
+     * Bind to a property of an object stored in this state instead of the state itself.
+     * Shortcut for `mystate.bindAs((current)=> current[prop])`
+     */
+    bindProp: (prop: string) => Node | (() => Node);
+    /**
+     * Bind attribute values to state changes
+     */
+    bindAttr: (attribute: string) => any;
+    /**
+     * Bind style values to state changes
+     */
+    bindStyle: (style: string) => string;
+    /**
+     * Bind selected state to an element
+     */
+    bindSelect: (element: Node | any, update: (Node: any) => void | null) => Node | (() => Node);
+    /**
+     * Bind selected state to an attribute
+     */
+    bindSelectAttr: (attribute: string) => any;
+    /**
+     * Mark the element with the given key as selected
+     * where the key is identified using the mapKey function passed on creation of the fnstate.
+     * This causes the bound select functions to be executed.
+     */
+    select: (key: any) => void;
+    /**
+     * Get the currently selected key
+     */
+    selected: () => any;
+    /**
+     * Perform an Object.assign() on the current state using the provided update, triggers
+     * a state change and is a shortcut for `mystate(Object.assign(mystate(), update))`
+     */
+    assign: (update: T) => void;
+    /**
+     * Get a value at the given property path, an error is thrown if the value is not an object
+     * This returns a reference to the real current value. If you perform any modifications to the object, be sure to call setPath after you're done or the changes
+     * will not be reflected correctly.
+     */
+    getPath: (path: string) => any;
+    /**
+     * Set a value at the given property path
+     */
+    setPath: (path: string, value: any, fillWithObjects: boolean) => void;
+    /**
+     * =>void} subscribe Register a callback that will be executed whenever the state is changed
+     */
+    "": (newState: T, oldState: T) => void;
+    /**
+     * Remove all of the observers and optionally reset the value to it's initial value
+     */
+    reset: (reinit: boolean) => {};
+    /**
+     * A flag to indicate that this is an fnstate object
+     */
+    isFnState: any;
+};
+/**
+ * A container for a state value that can be bound to.
+ */
+export type FnState<T> = FnStateObj<T> & ((newState: T | null) => T);
+//# sourceMappingURL=fntags.d.mts.map

package/src/fntags.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fntags.d.mts","sourceRoot":"","sources":["fntags.mjs"],"names":[],"mappings":"AAAA;;GAEG;AACH;;;;;;;;;;;;;;;;;;GAkBG;AACH,uBALW,MAAM,uBAEL,WAAW,CA4CtB;AAUD;;;;;;;;;;;;;;;GAeG;AACH,qDAJkB,IAAI,iBACH,IAAI,CA0DtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH;;;GAGG;AAEH;;;;;;;;;;GAUG;AACH,mEAPwB,GAAG,qBA4K1B;AAqSD;;;;GAIG;AACH,iCAHW,GAAG,GACD,IAAI,CAuBhB;AAwFD;;;;GAIG;AACH,6BAHW,GAAG,GACD,OAAO,CAInB;AAED;;;;GAIG;AACH,mCAHW,GAAG,GACF,MAAM,CAIjB;AAED;;;;;;;;GAQG;AACH,8BALW,MAAM,GAAC,MAAM,OACb,MAAM,YACN,MAAM,IAAC,MAAM,EAAE,QAAC,OAe1B;;;;;;;;;;kCA9oB4B,IAAI,GAAC,IAAI,IAAC,GAAG,QAAC,yBAAkB,IAAI,YAAM,IAAI,IAAC,MAAM,IAAI,CAAA;;;;;;2BAG/D,IAAI,WAAU,IAAI,GAAC,GAAG,yBAAkB,IAAI,YAAK,IAAI,IAAC,MAAK,IAAI,CAAA;;;;;qBAGjE,MAAM,KAAG,IAAI,IAAC,MAAI,IAAI,CAAA;;;;0BAEjB,MAAM,KAAG,GAAG;;;;uBAChB,MAAM,KAAI,MAAM;;;;0BACd,IAAI,GAAC,GAAG,yBAAkB,IAAI,YAAI,IAAI,IAAC,MAAI,IAAI,CAAA;;;;gCAC7C,MAAM,KAAG,GAAG;;;;;;kBAClB,GAAG,KAAG,IAAI;;;;cAGhB,MAAK,GAAG;;;;;qBACC,CAAC,KAAG,IAAI;;;;;;oBAEV,MAAM,KAAG,GAAG;;;;oBAGZ,MAAM,SAAS,GAAG,mBAAmB,OAAO,KAAG,IAAI;;;;mBAC9C,CAAC,YAAY,CAAC,KAAG,IAAI;;;;oBACxB,OAAO,KAAG,EAAE;;;;;;;;;qDAMK,CAAC,YAAI,CAAC"}

package/src/svgelements.d.mts

@@ -0,0 +1,237 @@
+/**
+ * name conflicts with html a
+ *
+ * @type {function(...[*]=): SVGAElement}
+ */
+export const a_: (arg0: [any][] | undefined) => SVGAElement;
+/**
+ * @type {function(...[*]=): SVGCircleElement}
+ */
+export const circle: (arg0: [any][] | undefined) => SVGCircleElement;
+/**
+ * @type {function(...[*]=): SVGClipPathElement}
+ */
+export const clipPath: (arg0: [any][] | undefined) => SVGClipPathElement;
+/**
+ * @type {function(...[*]=): SVGDefsElement}
+ */
+export const defs: (arg0: [any][] | undefined) => SVGDefsElement;
+/**
+ * @type {function(...[*]=): SVGDescElement}
+ */
+export const desc: (arg0: [any][] | undefined) => SVGDescElement;
+/**
+ * @type {function(...[*]=): SVGEllipseElement}
+ */
+export const ellipse: (arg0: [any][] | undefined) => SVGEllipseElement;
+/**
+ * @type {function(...[*]=): SVGFEBlendElement}
+ */
+export const feBlend: (arg0: [any][] | undefined) => SVGFEBlendElement;
+/**
+ * @type {function(...[*]=): SVGFEColorMatrixElement}
+ */
+export const feColorMatrix: (arg0: [any][] | undefined) => SVGFEColorMatrixElement;
+/**
+ * @type {function(...[*]=): SVGFEComponentTransferElement}
+ */
+export const feComponentTransfer: (arg0: [any][] | undefined) => SVGFEComponentTransferElement;
+/**
+ * @type {function(...[*]=): SVGFECompositeElement}
+ */
+export const feComposite: (arg0: [any][] | undefined) => SVGFECompositeElement;
+/**
+ * @type {function(...[*]=): SVGFEConvolveMatrixElement}
+ */
+export const feConvolveMatrix: (arg0: [any][] | undefined) => SVGFEConvolveMatrixElement;
+/**
+ * @type {function(...[*]=): SVGFEDiffuseLightingElement}
+ */
+export const feDiffuseLighting: (arg0: [any][] | undefined) => SVGFEDiffuseLightingElement;
+/**
+ * @type {function(...[*]=): SVGFEDisplacementMapElement}
+ */
+export const feDisplacementMap: (arg0: [any][] | undefined) => SVGFEDisplacementMapElement;
+/**
+ * @type {function(...[*]=): SVGFEDistantLightElement}
+ */
+export const feDistantLight: (arg0: [any][] | undefined) => SVGFEDistantLightElement;
+/**
+ * @type {function(...[*]=): SVGFEFloodElement}
+ */
+export const feFlood: (arg0: [any][] | undefined) => SVGFEFloodElement;
+/**
+ * @type {function(...[*]=): SVGFEFuncAElement}
+ */
+export const feFuncA: (arg0: [any][] | undefined) => SVGFEFuncAElement;
+/**
+ * @type {function(...[*]=): SVGFEFuncBElement}
+ */
+export const feFuncB: (arg0: [any][] | undefined) => SVGFEFuncBElement;
+/**
+ * @type {function(...[*]=): SVGFEFuncGElement}
+ */
+export const feFuncG: (arg0: [any][] | undefined) => SVGFEFuncGElement;
+/**
+ * @type {function(...[*]=): SVGFEFuncRElement}
+ */
+export const feFuncR: (arg0: [any][] | undefined) => SVGFEFuncRElement;
+/**
+ * @type {function(...[*]=): SVGFEGaussianBlurElement}
+ */
+export const feGaussianBlur: (arg0: [any][] | undefined) => SVGFEGaussianBlurElement;
+/**
+ * @type {function(...[*]=): SVGFEImageElement}
+ */
+export const feImage: (arg0: [any][] | undefined) => SVGFEImageElement;
+/**
+ * @type {function(...[*]=): SVGFEMergeElement}
+ */
+export const feMerge: (arg0: [any][] | undefined) => SVGFEMergeElement;
+/**
+ * @type {function(...[*]=): SVGFEMergeNodeElement}
+ */
+export const feMergeNode: (arg0: [any][] | undefined) => SVGFEMergeNodeElement;
+/**
+ * @type {function(...[*]=): SVGFEMorphologyElement}
+ */
+export const feMorphology: (arg0: [any][] | undefined) => SVGFEMorphologyElement;
+/**
+ * @type {function(...[*]=): SVGFEOffsetElement}
+ */
+export const feOffset: (arg0: [any][] | undefined) => SVGFEOffsetElement;
+/**
+ * @type {function(...[*]=): SVGFEPointLightElement}
+ */
+export const fePointLight: (arg0: [any][] | undefined) => SVGFEPointLightElement;
+/**
+ * @type {function(...[*]=): SVGFESpecularLightingElement}
+ */
+export const feSpecularLighting: (arg0: [any][] | undefined) => SVGFESpecularLightingElement;
+/**
+ * @type {function(...[*]=): SVGFESpotLightElement}
+ */
+export const feSpotLight: (arg0: [any][] | undefined) => SVGFESpotLightElement;
+/**
+ * @type {function(...[*]=): SVGFETileElement}
+ */
+export const feTile: (arg0: [any][] | undefined) => SVGFETileElement;
+/**
+ * @type {function(...[*]=): SVGFETurbulenceElement}
+ */
+export const feTurbulence: (arg0: [any][] | undefined) => SVGFETurbulenceElement;
+/**
+ * @type {function(...[*]=): SVGFilterElement}
+ */
+export const filter: (arg0: [any][] | undefined) => SVGFilterElement;
+/**
+ * @type {function(...[*]=): SVGForeignObjectElement}
+ */
+export const foreignObject: (arg0: [any][] | undefined) => SVGForeignObjectElement;
+/**
+ * @type {function(...[*]=): SVGGElement}
+ */
+export const g: (arg0: [any][] | undefined) => SVGGElement;
+/**
+ * @type {function(...[*]=): SVGImageElement}
+ */
+export const image: (arg0: [any][] | undefined) => SVGImageElement;
+/**
+ * @type {function(...[*]=): SVGLineElement}
+ */
+export const line: (arg0: [any][] | undefined) => SVGLineElement;
+/**
+ * @type {function(...[*]=): SVGLinearGradientElement}
+ */
+export const linearGradient: (arg0: [any][] | undefined) => SVGLinearGradientElement;
+/**
+ * @type {function(...[*]=): SVGMarkerElement}
+ */
+export const marker: (arg0: [any][] | undefined) => SVGMarkerElement;
+/**
+ * @type {function(...[*]=): SVGMaskElement}
+ */
+export const mask: (arg0: [any][] | undefined) => SVGMaskElement;
+/**
+ * @type {function(...[*]=): SVGMetadataElement}
+ */
+export const metadata: (arg0: [any][] | undefined) => SVGMetadataElement;
+/**
+ * @type {function(...[*]=): SVGPathElement}
+ */
+export const path: (arg0: [any][] | undefined) => SVGPathElement;
+/**
+ * @type {function(...[*]=): SVGPatternElement}
+ */
+export const pattern: (arg0: [any][] | undefined) => SVGPatternElement;
+/**
+ * @type {function(...[*]=): SVGPolygonElement}
+ */
+export const polygon: (arg0: [any][] | undefined) => SVGPolygonElement;
+/**
+ * @type {function(...[*]=): SVGPolylineElement}
+ */
+export const polyline: (arg0: [any][] | undefined) => SVGPolylineElement;
+/**
+ * @type {function(...[*]=): SVGRadialGradientElement}
+ */
+export const radialGradient: (arg0: [any][] | undefined) => SVGRadialGradientElement;
+/**
+ * @type {function(...[*]=): SVGRectElement}
+ */
+export const rect: (arg0: [any][] | undefined) => SVGRectElement;
+/**
+ * name conflicts with html script
+ *
+ * @type {function(...[*]=): SVGScriptElement}
+ */
+export const script_: (arg0: [any][] | undefined) => SVGScriptElement;
+/**
+ * @type {function(...[*]=): SVGStopElement}
+ */
+export const stop: (arg0: [any][] | undefined) => SVGStopElement;
+/**
+ * name conflicts with html style
+ *
+ * @type {function(...[*]=): SVGStyleElement}
+ */
+export const style_: (arg0: [any][] | undefined) => SVGStyleElement;
+/**
+ * @type {function(...[*]=): SVGElement}
+ */
+export const svg: (arg0: [any][] | undefined) => SVGElement;
+/**
+ * name conflicts with js syntax
+ *
+ * @type {function(...[*]=): SVGSwitchElement}
+ */
+export const switch_: (arg0: [any][] | undefined) => SVGSwitchElement;
+/**
+ * @type {function(...[*]=): SVGSymbolElement}
+ */
+export const symbol: (arg0: [any][] | undefined) => SVGSymbolElement;
+/**
+ * @type {function(...[*]=): SVGTextElement}
+ */
+export const text: (arg0: [any][] | undefined) => SVGTextElement;
+/**
+ * @type {function(...[*]=): SVGTextPathElement}
+ */
+export const textPath: (arg0: [any][] | undefined) => SVGTextPathElement;
+/**
+ * @type {function(...[*]=): SVGTitleElement}
+ */
+export const title: (arg0: [any][] | undefined) => SVGTitleElement;
+/**
+ * @type {function(...[*]=): SVGTSpanElement}
+ */
+export const tspan: (arg0: [any][] | undefined) => SVGTSpanElement;
+/**
+ * @type {function(...[*]=): SVGUseElement}
+ */
+export const use: (arg0: [any][] | undefined) => SVGUseElement;
+/**
+ * @type {function(...[*]=): SVGViewElement}
+ */
+export const view: (arg0: [any][] | undefined) => SVGViewElement;
+//# sourceMappingURL=svgelements.d.mts.map

package/src/svgelements.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgelements.d.mts","sourceRoot":"","sources":["svgelements.mjs"],"names":[],"mappings":"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"}