@plexui/vue 0.0.0-stage → 0.1.1

package/dist/es/lib/renderHelpers.js

@@ -0,0 +1,115 @@
+import { Comment, Fragment, Text, cloneVNode, h, isVNode } from "vue";
+// Port of packages/ui/src/lib/renderHelpers.tsx for slot vnodes.
+// PatchFlags.STABLE_FRAGMENT: a compiled <template v-if> or <template v-for> item
+const STABLE_FRAGMENT = 64;
+// React flattens arrays but keeps a <>fragment</> as one child. A compiled
+// `<template v-if>` (or one `<template v-for>` item) is React's <>. The other
+// fragments pass their children on like an array: a v-for list (React's
+// `.map()`), the fragment <slot /> forwards content through (keyed
+// `_<slot name>`), and nested arrays in render functions (Vue turns those
+// into unflagged fragments, so `h(Fragment)` flattens too).
+export const isTransparentFragment = (node) => node.type === Fragment &&
+    Array.isArray(node.children) &&
+    !(node.patchFlag > 0 && node.patchFlag & STABLE_FRAGMENT && !(typeof node.key === "string" && node.key.startsWith("_")));
+const flattenTextNodes = (children) => {
+    const result = [];
+    let buffer = "";
+    const flush = () => {
+        if (buffer !== "") {
+            result.push(h(Text, buffer));
+            buffer = "";
+        }
+    };
+    const visit = (nodes) => {
+        for (const node of nodes) {
+            if (node == null || typeof node === "boolean") {
+                continue;
+            }
+            if (Array.isArray(node)) {
+                visit(node);
+                continue;
+            }
+            if (typeof node === "string" || typeof node === "number") {
+                buffer += String(node);
+                continue;
+            }
+            if (node.type === Comment) {
+                continue;
+            }
+            if (node.type === Text) {
+                buffer += String(node.children ?? "");
+                continue;
+            }
+            if (isTransparentFragment(node)) {
+                visit(node.children);
+                continue;
+            }
+            // Boundary encountered: output any accumulated text, then the node
+            flush();
+            result.push(node);
+        }
+    };
+    visit(children);
+    flush();
+    return result;
+};
+const wrapChildrenOf = (node) => {
+    const { children } = node;
+    const isComponent = typeof node.type === "object" || typeof node.type === "function";
+    // Element, fragment (React clones a <> with wrapped children too), or
+    // component given an array, with child vnodes
+    if ((typeof node.type === "string" || node.type === Fragment || isComponent) && Array.isArray(children)) {
+        return withChildren(node, wrapTextNodeSiblings(children));
+    }
+    // Component (stateful or functional) with a default slot
+    if (isComponent && children && typeof children === "object" && !Array.isArray(children)) {
+        const { _: _compiled, ...slots } = children;
+        const defaultSlot = slots.default;
+        if (typeof defaultSlot === "function") {
+            return withChildren(node, {
+                ...slots,
+                // A render-function slot may return a single vnode instead of an array
+                default: (...args) => wrapTextNodeSiblings([defaultSlot(...args)]),
+            });
+        }
+    }
+    return node;
+};
+const withChildren = (node, children) => {
+    const clone = cloneVNode(node);
+    clone.children = children;
+    // Children were rewritten, so compiler hints no longer apply: BAIL makes
+    // the renderer drop them and diff this node in full
+    clone.patchFlag = -2;
+    return clone;
+};
+/**
+ * Whether a link component declares a `to` prop, as vue-router's RouterLink
+ * (where it is required) and NuxtLink do. Card, ButtonLink and TextLink hand
+ * such a component their `href` as `to`; React's link components take `href`.
+ */
+export const takesToProp = (component) => {
+    if (!component || (typeof component !== "object" && typeof component !== "function"))
+        return false;
+    const { props } = component;
+    return Array.isArray(props) ? props.includes("to") : !!props && typeof props === "object" && "to" in props;
+};
+// Helper to wrap text node siblings of other elements in a tag,
+// which enables sibling selectors to behave as expected for certain conditions
+export const wrapTextNodeSiblings = (children) => {
+    const flattenedChildren = flattenTextNodes(children ?? []);
+    const childrenCount = flattenedChildren.length;
+    return flattenedChildren.map((child) => {
+        if (child.type === Text) {
+            const text = String(child.children ?? "");
+            // Children with no siblings, and whitespace, are returned as is
+            if (!text.trim() || childrenCount <= 1) {
+                return child;
+            }
+            // Wrap text nodes that have siblings
+            return h("span", text);
+        }
+        return isVNode(child) ? wrapChildrenOf(child) : child;
+    });
+};
+//# sourceMappingURL=renderHelpers.js.map

package/dist/es/lib/renderHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderHelpers.js","sourceRoot":"","sources":["../../../src/lib/renderHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { Comment, Fragment, Text, cloneVNode, h, isVNode, type VNode, type VNodeArrayChildren } from \"vue\"\n\n// Port of packages/ui/src/lib/renderHelpers.tsx for slot vnodes.\n\n// PatchFlags.STABLE_FRAGMENT: a compiled <template v-if> or <template v-for> item\nconst STABLE_FRAGMENT = 64\n\n// React flattens arrays but keeps a <>fragment</> as one child. A compiled\n// `<template v-if>` (or one `<template v-for>` item) is React's <>. The other\n// fragments pass their children on like an array: a v-for list (React's\n// `.map()`), the fragment <slot /> forwards content through (keyed\n// `_<slot name>`), and nested arrays in render functions (Vue turns those\n// into unflagged fragments, so `h(Fragment)` flattens too).\nexport const isTransparentFragment = (node: VNode) =>\n  node.type === Fragment &&\n  Array.isArray(node.children) &&\n  !(node.patchFlag > 0 && node.patchFlag & STABLE_FRAGMENT && !(typeof node.key === \"string\" && node.key.startsWith(\"_\")))\n\nconst flattenTextNodes = (children: VNodeArrayChildren): VNode[] => {\n  const result: VNode[] = []\n  let buffer = \"\"\n\n  const flush = () => {\n    if (buffer !== \"\") {\n      result.push(h(Text, buffer))\n      buffer = \"\"\n    }\n  }\n\n  const visit = (nodes: VNodeArrayChildren) => {\n    for (const node of nodes) {\n      if (node == null || typeof node === \"boolean\") {\n        continue\n      }\n\n      if (Array.isArray(node)) {\n        visit(node)\n        continue\n      }\n\n      if (typeof node === \"string\" || typeof node === \"number\") {\n        buffer += String(node)\n        continue\n      }\n\n      if (node.type === Comment) {\n        continue\n      }\n\n      if (node.type === Text) {\n        buffer += String(node.children ?? \"\")\n        continue\n      }\n\n      if (isTransparentFragment(node)) {\n        visit(node.children as VNodeArrayChildren)\n        continue\n      }\n\n      // Boundary encountered: output any accumulated text, then the node\n      flush()\n      result.push(node)\n    }\n  }\n\n  visit(children)\n  flush()\n  return result\n}\n\nconst wrapChildrenOf = (node: VNode): VNode => {\n  const { children } = node\n\n  const isComponent = typeof node.type === \"object\" || typeof node.type === \"function\"\n\n  // Element, fragment (React clones a <> with wrapped children too), or\n  // component given an array, with child vnodes\n  if ((typeof node.type === \"string\" || node.type === Fragment || isComponent) && Array.isArray(children)) {\n    return withChildren(node, wrapTextNodeSiblings(children))\n  }\n\n  // Component (stateful or functional) with a default slot\n  if (isComponent && children && typeof children === \"object\" && !Array.isArray(children)) {\n    const { _: _compiled, ...slots } = children as Record<string, unknown>\n    const defaultSlot = slots.default\n    if (typeof defaultSlot === \"function\") {\n      return withChildren(node, {\n        ...slots,\n        // A render-function slot may return a single vnode instead of an array\n        default: (...args: unknown[]) => wrapTextNodeSiblings([defaultSlot(...args)]),\n      })\n    }\n  }\n\n  return node\n}\n\nconst withChildren = (node: VNode, children: VNode[\"children\"]) => {\n  const clone = cloneVNode(node)\n  clone.children = children\n  // Children were rewritten, so compiler hints no longer apply: BAIL makes\n  // the renderer drop them and diff this node in full\n  clone.patchFlag = -2\n  return clone\n}\n\n/**\n * Whether a link component declares a `to` prop, as vue-router's RouterLink\n * (where it is required) and NuxtLink do. Card, ButtonLink and TextLink hand\n * such a component their `href` as `to`; React's link components take `href`.\n */\nexport const takesToProp = (component: unknown): boolean => {\n  if (!component || (typeof component !== \"object\" && typeof component !== \"function\")) return false\n  const { props } = component as { props?: unknown }\n  return Array.isArray(props) ? props.includes(\"to\") : !!props && typeof props === \"object\" && \"to\" in props\n}\n\n// Helper to wrap text node siblings of other elements in a tag,\n// which enables sibling selectors to behave as expected for certain conditions\nexport const wrapTextNodeSiblings = (children: VNodeArrayChildren | undefined): VNode[] => {\n  const flattenedChildren = flattenTextNodes(children ?? [])\n  const childrenCount = flattenedChildren.length\n\n  return flattenedChildren.map((child) => {\n    if (child.type === Text) {\n      const text = String(child.children ?? \"\")\n      // Children with no siblings, and whitespace, are returned as is\n      if (!text.trim() || childrenCount <= 1) {\n        return child\n      }\n\n      // Wrap text nodes that have siblings\n      return h(\"span\", text)\n    }\n\n    return isVNode(child) ? wrapChildrenOf(child) : child\n  })\n}\n"]}

package/dist/es/lib/safeBase64.js

@@ -0,0 +1,20 @@
+const toUrlBase64 = (bin) => btoa(bin).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+const fromUrlBase64 = (b64) => atob(b64.replace(/-/g, "+").replace(/_/g, "/"));
+export const encodeBase64 = (value) => {
+    if (value === undefined) {
+        throw new TypeError("encodeBase64: `undefined` cannot be encoded to valid JSON. Pass null instead.");
+    }
+    const json = JSON.stringify(value);
+    const bytes = new TextEncoder().encode(json);
+    let bin = "";
+    for (const b of bytes)
+        bin += String.fromCharCode(b);
+    return toUrlBase64(bin);
+};
+export const decodeBase64 = (b64) => {
+    const bin = fromUrlBase64(b64);
+    const bytes = Uint8Array.from(bin, (c) => c.charCodeAt(0));
+    const json = new TextDecoder().decode(bytes);
+    return JSON.parse(json);
+};
+//# sourceMappingURL=safeBase64.js.map

package/dist/es/lib/safeBase64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safeBase64.js","sourceRoot":"","sources":["../../../src/lib/safeBase64.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAClC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AAEtE,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;AAEtF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAc,EAAU,EAAE;IACrD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,SAAS,CACjB,+EAA+E,CAChF,CAAA;IACH,CAAC;IACD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAClC,MAAM,KAAK,GAAG,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5C,IAAI,GAAG,GAAG,EAAE,CAAA;IACZ,KAAK,MAAM,CAAC,IAAI,KAAK;QAAE,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IACpD,OAAO,WAAW,CAAC,GAAG,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAc,GAAW,EAAK,EAAE;IAC1D,MAAM,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5C,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAM,CAAA;AAC9B,CAAC,CAAA","sourcesContent":["const toUrlBase64 = (bin: string) =>\n  btoa(bin).replace(/\\+/g, \"-\").replace(/\\//g, \"_\").replace(/=+$/, \"\")\n\nconst fromUrlBase64 = (b64: string) => atob(b64.replace(/-/g, \"+\").replace(/_/g, \"/\"))\n\nexport const encodeBase64 = (value: unknown): string => {\n  if (value === undefined) {\n    throw new TypeError(\n      \"encodeBase64: `undefined` cannot be encoded to valid JSON. Pass null instead.\",\n    )\n  }\n  const json = JSON.stringify(value)\n  const bytes = new TextEncoder().encode(json)\n  let bin = \"\"\n  for (const b of bytes) bin += String.fromCharCode(b)\n  return toUrlBase64(bin)\n}\n\nexport const decodeBase64 = <T = unknown>(b64: string): T => {\n  const bin = fromUrlBase64(b64)\n  const bytes = Uint8Array.from(bin, (c) => c.charCodeAt(0))\n  const json = new TextDecoder().decode(bytes)\n  return JSON.parse(json) as T\n}\n"]}

package/dist/es/lib/slotContent.js

@@ -0,0 +1,22 @@
+import { Comment, Fragment, Text } from "vue";
+// A slot counts as content when it renders something, like a truthy
+// ReactNode in React: comments (v-if placeholders) and empty text (a slot's
+// "", which Vue turns into an empty Text vnode) do not count, also inside
+// fragments.
+export const hasContent = (nodes) => !!nodes?.some((node) => {
+    if (node == null || typeof node === "boolean")
+        return false;
+    if (Array.isArray(node))
+        return hasContent(node);
+    if (typeof node !== "object")
+        return node !== "";
+    const vnode = node;
+    if (vnode.type === Comment)
+        return false;
+    if (vnode.type === Text)
+        return vnode.children !== "";
+    if (vnode.type === Fragment)
+        return hasContent(vnode.children);
+    return true;
+});
+//# sourceMappingURL=slotContent.js.map

package/dist/es/lib/slotContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotContent.js","sourceRoot":"","sources":["../../../src/lib/slotContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAuC,MAAM,KAAK,CAAA;AAElF,oEAAoE;AACpE,4EAA4E;AAC5E,0EAA0E;AAC1E,aAAa;AACb,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAqC,EAAW,EAAE,CAC3E,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;IACrB,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,SAAS;QAAE,OAAO,KAAK,CAAA;IAC3D,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;IAChD,IAAI,OAAO,IAAI,KAAK,QAAQ;QAAE,OAAO,IAAI,KAAK,EAAE,CAAA;IAChD,MAAM,KAAK,GAAG,IAAa,CAAA;IAC3B,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,KAAK,CAAA;IACxC,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC,QAAQ,KAAK,EAAE,CAAA;IACrD,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO,UAAU,CAAC,KAAK,CAAC,QAA8B,CAAC,CAAA;IACpF,OAAO,IAAI,CAAA;AACb,CAAC,CAAC,CAAA","sourcesContent":["import { Comment, Fragment, Text, type VNode, type VNodeArrayChildren } from \"vue\"\n\n// A slot counts as content when it renders something, like a truthy\n// ReactNode in React: comments (v-if placeholders) and empty text (a slot's\n// \"\", which Vue turns into an empty Text vnode) do not count, also inside\n// fragments.\nexport const hasContent = (nodes: VNodeArrayChildren | undefined): boolean =>\n  !!nodes?.some((node) => {\n    if (node == null || typeof node === \"boolean\") return false\n    if (Array.isArray(node)) return hasContent(node)\n    if (typeof node !== \"object\") return node !== \"\"\n    const vnode = node as VNode\n    if (vnode.type === Comment) return false\n    if (vnode.type === Text) return vnode.children !== \"\"\n    if (vnode.type === Fragment) return hasContent(vnode.children as VNodeArrayChildren)\n    return true\n  })\n"]}

package/dist/es/lib/theme.js

@@ -0,0 +1,39 @@
+import { onBeforeUnmount, onMounted, ref } from "vue";
+/**
+ * Vue counterpart of React's `useDocumentTheme`: tracks `data-theme` / `.dark` on <html>.
+ * It is "light" during setup (the server has no document, and hydration must
+ * match it) and reads the document's theme on mount.
+ */
+export function useDocumentTheme() {
+    const theme = ref("light");
+    let observer;
+    onMounted(() => {
+        theme.value = getDocumentTheme();
+        observer = new MutationObserver(() => {
+            theme.value = getDocumentTheme();
+        });
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ["data-theme", "class"],
+            characterData: false,
+            childList: false,
+            subtree: false,
+        });
+    });
+    onBeforeUnmount(() => observer?.disconnect());
+    return theme;
+}
+export function getDocumentTheme() {
+    const theme = document.documentElement.getAttribute("data-theme");
+    if (theme === "dark" || theme === "light") {
+        return theme;
+    }
+    const darkMode = document.documentElement.classList.contains("dark");
+    return darkMode ? "dark" : "light";
+}
+export function applyDocumentTheme(theme) {
+    const htmlTag = document.documentElement;
+    htmlTag.setAttribute("data-theme", theme);
+    htmlTag.style.colorScheme = theme;
+}
+//# sourceMappingURL=theme.js.map

package/dist/es/lib/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/lib/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAY,MAAM,KAAK,CAAA;AAI/D;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,KAAK,GAAG,GAAG,CAAgB,OAAO,CAAC,CAAA;IACzC,IAAI,QAAsC,CAAA;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,KAAK,GAAG,gBAAgB,EAAE,CAAA;QAChC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACnC,KAAK,CAAC,KAAK,GAAG,gBAAgB,EAAE,CAAA;QAClC,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;YACzC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC;YACxC,aAAa,EAAE,KAAK;YACpB,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;SACf,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,eAAe,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAA;IAE7C,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;IAEjE,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QAC1C,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEpE,OAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;AACpC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAuB;IACxD,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAA;IACxC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IACzC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAA;AACnC,CAAC","sourcesContent":["import { onBeforeUnmount, onMounted, ref, type Ref } from \"vue\"\n\nexport type DocumentTheme = \"light\" | \"dark\"\n\n/**\n * Vue counterpart of React's `useDocumentTheme`: tracks `data-theme` / `.dark` on <html>.\n * It is \"light\" during setup (the server has no document, and hydration must\n * match it) and reads the document's theme on mount.\n */\nexport function useDocumentTheme(): Ref<DocumentTheme> {\n  const theme = ref<DocumentTheme>(\"light\")\n  let observer: MutationObserver | undefined\n\n  onMounted(() => {\n    theme.value = getDocumentTheme()\n    observer = new MutationObserver(() => {\n      theme.value = getDocumentTheme()\n    })\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"data-theme\", \"class\"],\n      characterData: false,\n      childList: false,\n      subtree: false,\n    })\n  })\n\n  onBeforeUnmount(() => observer?.disconnect())\n\n  return theme\n}\n\nexport function getDocumentTheme() {\n  const theme = document.documentElement.getAttribute(\"data-theme\")\n\n  if (theme === \"dark\" || theme === \"light\") {\n    return theme\n  }\n\n  const darkMode = document.documentElement.classList.contains(\"dark\")\n\n  return darkMode ? \"dark\" : \"light\"\n}\n\nexport function applyDocumentTheme(theme: \"light\" | \"dark\") {\n  const htmlTag = document.documentElement\n  htmlTag.setAttribute(\"data-theme\", theme)\n  htmlTag.style.colorScheme = theme\n}\n"]}

package/dist/es/lib/userAgent.js

@@ -0,0 +1,33 @@
+// Empty where there is no navigator (server rendering): every check is false
+const userAgent = typeof navigator === "undefined" ? "" : navigator.userAgent;
+export function isIosBrowser() {
+    return /iPad|iPhone|iPod/.test(userAgent);
+}
+export function isAndroidBrowser() {
+    return /Android/.test(userAgent);
+}
+export function isIosChromeBrowser() {
+    return isIosBrowser() && userAgent.includes("CriOS");
+}
+export function isMobileDevice() {
+    return isIosBrowser() || isAndroidBrowser() || isIosChromeBrowser();
+}
+export function isSafariBrowser() {
+    return /^((?!chrome|android).)*safari/i.test(userAgent);
+}
+export function isAndroidChromeBrowser() {
+    return isAndroidBrowser() && userAgent.includes("Chrome");
+}
+export function isMacDevice() {
+    return userAgent.includes("Mac OS X");
+}
+export function isWindowsDevice() {
+    return userAgent.includes("Windows_NT");
+}
+export function isChromeDesktopBrowser() {
+    return userAgent.includes("Chrome/") && !/Android|iPhone|iPad/i.test(userAgent);
+}
+export function isFirefoxBrowser() {
+    return userAgent.includes("Firefox");
+}
+//# sourceMappingURL=userAgent.js.map

package/dist/es/lib/userAgent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userAgent.js","sourceRoot":"","sources":["../../../src/lib/userAgent.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,MAAM,SAAS,GAAG,OAAO,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAA;AAE7E,MAAM,UAAU,YAAY;IAC1B,OAAO,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;AAC3C,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,OAAO,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;AAClC,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,YAAY,EAAE,IAAI,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;AACtD,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,YAAY,EAAE,IAAI,gBAAgB,EAAE,IAAI,kBAAkB,EAAE,CAAA;AACrE,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;AACzD,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,OAAO,gBAAgB,EAAE,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC3D,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;AACvC,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;AACzC,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,OAAO,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;AACjF,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,OAAO,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;AACtC,CAAC","sourcesContent":["// Empty where there is no navigator (server rendering): every check is false\nconst userAgent = typeof navigator === \"undefined\" ? \"\" : navigator.userAgent\n\nexport function isIosBrowser() {\n  return /iPad|iPhone|iPod/.test(userAgent)\n}\n\nexport function isAndroidBrowser() {\n  return /Android/.test(userAgent)\n}\n\nexport function isIosChromeBrowser() {\n  return isIosBrowser() && userAgent.includes(\"CriOS\")\n}\n\nexport function isMobileDevice() {\n  return isIosBrowser() || isAndroidBrowser() || isIosChromeBrowser()\n}\n\nexport function isSafariBrowser() {\n  return /^((?!chrome|android).)*safari/i.test(userAgent)\n}\n\nexport function isAndroidChromeBrowser() {\n  return isAndroidBrowser() && userAgent.includes(\"Chrome\")\n}\n\nexport function isMacDevice() {\n  return userAgent.includes(\"Mac OS X\")\n}\n\nexport function isWindowsDevice() {\n  return userAgent.includes(\"Windows_NT\")\n}\n\nexport function isChromeDesktopBrowser() {\n  return userAgent.includes(\"Chrome/\") && !/Android|iPhone|iPad/i.test(userAgent)\n}\n\nexport function isFirefoxBrowser() {\n  return userAgent.includes(\"Firefox\")\n}\n"]}

package/dist/es/lib/utilityTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utilityTypes.js.map

package/dist/es/lib/utilityTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilityTypes.js","sourceRoot":"","sources":["../../../src/lib/utilityTypes.ts"],"names":[],"mappings":"","sourcesContent":["export type Pretty<T extends Record<string, unknown>> = {} & { [K in keyof T]: T[K] }\n\ndeclare const brand: unique symbol\nexport type Brand<T, B> = T & { [brand]: B }\n"]}

package/dist/es/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/es/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["// The prop contract lives in @plexui/styles so every framework package shares it.\nexport type * from \"@plexui/styles/types\"\n"]}

package/dist/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,161 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type PropType } from "vue";
+type AccordionType = "single" | "multiple";
+type AccordionValue = string | string[];
+type Orientation = "vertical" | "horizontal";
+export declare const Accordion: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Whether one item or many can be open at a time */
+    type: {
+        type: PropType<AccordionType>;
+        required: true;
+    };
+    /** Controlled open item(s) (`v-model:value`): a string for `single`, an array for `multiple` */
+    value: {
+        type: PropType<AccordionValue>;
+        default: undefined;
+    };
+    /** Open item(s) when uncontrolled */
+    defaultValue: {
+        type: PropType<AccordionValue>;
+        default: undefined;
+    };
+    /** When `type="single"`, allow closing the open item. @default false */
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Disable every item. @default false */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Reading direction, for horizontal arrow keys. @default "ltr" */
+    dir: PropType<"ltr" | "rtl">;
+    /** Layout axis. @default "vertical" */
+    orientation: {
+        type: PropType<Orientation>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (_value: AccordionValue) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Whether one item or many can be open at a time */
+    type: {
+        type: PropType<AccordionType>;
+        required: true;
+    };
+    /** Controlled open item(s) (`v-model:value`): a string for `single`, an array for `multiple` */
+    value: {
+        type: PropType<AccordionValue>;
+        default: undefined;
+    };
+    /** Open item(s) when uncontrolled */
+    defaultValue: {
+        type: PropType<AccordionValue>;
+        default: undefined;
+    };
+    /** When `type="single"`, allow closing the open item. @default false */
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Disable every item. @default false */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Reading direction, for horizontal arrow keys. @default "ltr" */
+    dir: PropType<"ltr" | "rtl">;
+    /** Layout axis. @default "vertical" */
+    orientation: {
+        type: PropType<Orientation>;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((_value: AccordionValue) => any) | undefined;
+}>, {
+    value: AccordionValue;
+    defaultValue: AccordionValue;
+    collapsible: boolean;
+    disabled: boolean;
+    orientation: Orientation;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const AccordionItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Unique identifier used by the root's `value` / `default-value` */
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** Disable this item. @default false */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Unique identifier used by the root's `value` / `default-value` */
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** Disable this item. @default false */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** The item's <h3> header and <button>. Attributes and listeners go to the button. */
+export declare const AccordionTrigger: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** The collapsible panel. Attributes go to the panel <div>. */
+export declare const AccordionContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Keep the panel mounted and visible while closed (for custom CSS or JS animations) */
+    forceMount: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Merge the panel onto its inner element instead of wrapping it, as
+     * React's `asChild` does; a closed panel then renders nothing
+     */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Keep the panel mounted and visible while closed (for custom CSS or JS animations) */
+    forceMount: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Merge the panel onto its inner element instead of wrapping it, as
+     * React's `asChild` does; a closed panel then renders nothing
+     */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type AccordionOwnProps = InstanceType<typeof Accordion>["$props"];
+type AccordionItemOwnProps = InstanceType<typeof AccordionItem>["$props"];
+type AccordionContentOwnProps = InstanceType<typeof AccordionContent>["$props"];
+/** Accordion props plus the attributes that fall through to the root `<div>`, as in React. */
+export type AccordionProps = AccordionOwnProps & Omit<HTMLAttributes, keyof AccordionOwnProps>;
+/** AccordionItem props plus the attributes that fall through to the item `<div>`. */
+export type AccordionItemProps = AccordionItemOwnProps & Omit<HTMLAttributes, keyof AccordionItemOwnProps>;
+/** AccordionTrigger takes the attributes of its `<button>`. */
+export type AccordionTriggerProps = ButtonHTMLAttributes;
+/** AccordionContent props plus the attributes of the panel `<div>`. */
+export type AccordionContentProps = AccordionContentOwnProps & Omit<HTMLAttributes, keyof AccordionContentOwnProps>;
+export {};

package/dist/types/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, } from "./Accordion.js";

package/dist/types/components/Alert/Alert.d.ts

@@ -0,0 +1,83 @@
+import { type HTMLAttributes, type PropType } from "vue";
+import type { SemanticColors, Variants } from "@plexui/styles/types";
+export type AlertColor = SemanticColors<"primary" | "danger" | "success" | "info" | "discovery" | "caution" | "warning">;
+declare const AlertComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Color of the alert. @default "primary" */
+    color: {
+        type: PropType<AlertColor>;
+        default: string;
+    };
+    /** Style variant. @default "outline" */
+    variant: {
+        type: PropType<Variants<"solid" | "soft" | "outline">>;
+        default: string;
+    };
+    /** Title displayed in the alert (or the `title` slot). */
+    title: StringConstructor;
+    /** Description text displayed in the alert (or the `description` slot). */
+    description: StringConstructor;
+    /** Places `actions` at the end or the bottom. Automatic from sizing when unset. */
+    actionsPlacement: PropType<"end" | "bottom">;
+    /** `false` hides the indicator. Use the `indicator` slot to replace it. */
+    indicator: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Class applied to the actions container */
+    actionsClassName: StringConstructor;
+    /** Shows the Dismiss button; called when it is clicked. */
+    onDismiss: PropType<(event: MouseEvent) => void>;
+    /** A full-width strip across a page or panel: square corners, lines above and below only. @default false */
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Color of the alert. @default "primary" */
+    color: {
+        type: PropType<AlertColor>;
+        default: string;
+    };
+    /** Style variant. @default "outline" */
+    variant: {
+        type: PropType<Variants<"solid" | "soft" | "outline">>;
+        default: string;
+    };
+    /** Title displayed in the alert (or the `title` slot). */
+    title: StringConstructor;
+    /** Description text displayed in the alert (or the `description` slot). */
+    description: StringConstructor;
+    /** Places `actions` at the end or the bottom. Automatic from sizing when unset. */
+    actionsPlacement: PropType<"end" | "bottom">;
+    /** `false` hides the indicator. Use the `indicator` slot to replace it. */
+    indicator: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Class applied to the actions container */
+    actionsClassName: StringConstructor;
+    /** Shows the Dismiss button; called when it is clicked. */
+    onDismiss: PropType<(event: MouseEvent) => void>;
+    /** A full-width strip across a page or panel: square corners, lines above and below only. @default false */
+    banner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    color: "primary" | "danger" | "success" | "info" | "discovery" | "caution" | "warning";
+    variant: "solid" | "soft" | "outline";
+    indicator: boolean;
+    banner: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type AlertOwnProps = InstanceType<typeof AlertComponent>["$props"];
+/** Alert props plus the native <div> attributes that fall through to it, as in React. */
+export type AlertProps = AlertOwnProps & Omit<HTMLAttributes, keyof AlertOwnProps>;
+/** Inline message with a semantic color, optional title, description and actions. */
+export declare const Alert: typeof AlertComponent & {
+    new (): {
+        $props: AlertProps;
+    };
+};
+export {};

package/dist/types/components/Alert/index.d.ts

@@ -0,0 +1 @@
+export { Alert, type AlertColor, type AlertProps } from "./Alert.js";

package/dist/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,63 @@
+import { type Component, type HTMLAttributes, type PropType, type VNode } from "vue";
+import type { SemanticColors, Variants } from "@plexui/styles/types";
+export type AvatarColor = SemanticColors<"primary" | "secondary" | "success" | "info" | "discovery" | "danger">;
+declare const AvatarComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Size of the avatar's width & height, in pixels. */
+    size: NumberConstructor;
+    /** Display a formatted count of overflow objects. */
+    overflowCount: NumberConstructor;
+    /** Name used to display initials from */
+    name: StringConstructor;
+    /** Color used for the avatar. @default "secondary" */
+    color: {
+        type: PropType<AvatarColor>;
+        default: string;
+    };
+    /** Style variant of the avatar. @default "soft" */
+    variant: {
+        type: PropType<Variants<"soft" | "solid">>;
+        default: string;
+    };
+    /** URL of the image to display as the avatar */
+    imageUrl: StringConstructor;
+    /** Icon component to render in the avatar circle (e.g. `Robot` from `@plexui/vue/components/Icon`) */
+    Icon: PropType<Component>;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Size of the avatar's width & height, in pixels. */
+    size: NumberConstructor;
+    /** Display a formatted count of overflow objects. */
+    overflowCount: NumberConstructor;
+    /** Name used to display initials from */
+    name: StringConstructor;
+    /** Color used for the avatar. @default "secondary" */
+    color: {
+        type: PropType<AvatarColor>;
+        default: string;
+    };
+    /** Style variant of the avatar. @default "soft" */
+    variant: {
+        type: PropType<Variants<"soft" | "solid">>;
+        default: string;
+    };
+    /** URL of the image to display as the avatar */
+    imageUrl: StringConstructor;
+    /** Icon component to render in the avatar circle (e.g. `Robot` from `@plexui/vue/components/Icon`) */
+    Icon: PropType<Component>;
+}>> & Readonly<{}>, {
+    color: "primary" | "secondary" | "danger" | "success" | "info" | "discovery";
+    variant: "solid" | "soft";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type AvatarOwnProps = InstanceType<typeof AvatarComponent>["$props"];
+/**
+ * Avatar props plus the attributes and listeners that fall through to the root,
+ * as React's rest props do. `onClick` / `onPointerdown` make the avatar interactive.
+ */
+export type AvatarProps = AvatarOwnProps & Omit<HTMLAttributes, keyof AvatarOwnProps>;
+export declare const Avatar: typeof AvatarComponent & {
+    new (): {
+        $props: AvatarProps;
+    };
+};
+export {};

package/dist/types/components/Avatar/AvatarGroup.d.ts

@@ -0,0 +1,27 @@
+import { type PropType, type VNode } from "vue";
+/**
+ * Port of packages/ui/src/components/Avatar/AvatarGroup.tsx. Like React, only
+ * `class` is applied; other attributes are not forwarded.
+ */
+export declare const AvatarGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Determines stacking layer order. @default "start" */
+    stack: {
+        type: PropType<"start" | "end">;
+        default: string;
+    };
+    /** Size all avatars in the group, in pixels. */
+    size: NumberConstructor;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Determines stacking layer order. @default "start" */
+    stack: {
+        type: PropType<"start" | "end">;
+        default: string;
+    };
+    /** Size all avatars in the group, in pixels. */
+    size: NumberConstructor;
+}>> & Readonly<{}>, {
+    stack: "end" | "start";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type AvatarGroupProps = InstanceType<typeof AvatarGroup>["$props"];

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar, type AvatarColor, type AvatarProps } from "./Avatar.js";
+export { AvatarGroup, type AvatarGroupProps } from "./AvatarGroup.js";