@tempoxyz/ds 0.3.0 → 0.3.1

package/dist/web/components/internal/TabBar.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Holds the `SidebarMenu.Item` entries that `AppShell` repeats in its bottom bar below 768px. The
+ * store lives outside React state, so an item that registers on every render updates the bar
+ * without rendering the shell again.
+ * @module
+ */
+import type { useRender } from '@base-ui/react/use-render';
+import { type ReactNode } from 'react';
+/** The props of a `SidebarMenu.Item` that the bottom bar repeats, without its sidebar styles. */
+export type Entry = {
+    active: boolean;
+    attributes: Readonly<Record<string, unknown>>;
+    children: ReactNode;
+    render: useRender.ComponentProps<'a'>['render'];
+    variant: Variant;
+};
+/** `tab` renders an icon in the tab bar, and `action` the floating action button beside it. */
+export type Variant = 'action' | 'tab';
+export type Store = ReturnType<typeof create>;
+export declare const Context: import("react").Context<{
+    delete(id: string): void;
+    set(id: string, entry: Entry): void;
+    snapshot: () => readonly (readonly [string, Entry])[];
+    subscribe(listener: () => void): () => boolean;
+} | undefined>;
+/** Creates the store of one `AppShell.Root`. Entries keep the order in which they first register. */
+export declare function create(): {
+    delete(id: string): void;
+    set(id: string, entry: Entry): void;
+    snapshot: () => readonly (readonly [string, Entry])[];
+    subscribe(listener: () => void): () => boolean;
+};
+//# sourceMappingURL=TabBar.d.ts.map

package/dist/web/components/internal/TabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/web/components/internal/TabBar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,iGAAiG;AACjG,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC/C,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,+FAA+F;AAC/F,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAA;AAE7C,eAAO,MAAM,OAAO;eAcL,MAAM;YAIT,MAAM,SAAS,KAAK;;wBAKR,MAAM,IAAI;cAvBgC,CAAA;AAElE,qGAAqG;AACrG,wBAAgB,MAAM;IAWlB,MAAM,KAAK,MAAM;IAIjB,GAAG,KAAK,MAAM,SAAS,KAAK;IAI5B,QAAQ;IACR,SAAS,WAAW,MAAM,IAAI;EAKjC"}

package/dist/web/components/internal/TabBar.js

@@ -0,0 +1,30 @@
+import { createContext } from 'react';
+export const Context = createContext(undefined);
+/** Creates the store of one `AppShell.Root`. Entries keep the order in which they first register. */
+export function create() {
+    const entries = new Map();
+    const listeners = new Set();
+    let snapshot = [];
+    const notify = () => {
+        snapshot = [...entries];
+        for (const listener of listeners)
+            listener();
+    };
+    return {
+        delete(id) {
+            if (!entries.delete(id))
+                return;
+            notify();
+        },
+        set(id, entry) {
+            entries.set(id, entry);
+            notify();
+        },
+        snapshot: () => snapshot,
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+    };
+}
+//# sourceMappingURL=TabBar.js.map

package/dist/web/components/internal/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../../src/web/components/internal/TabBar.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAA;AAgBrD,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAoB,SAAS,CAAC,CAAA;AAElE,qGAAqG;AACrG,MAAM,UAAU,MAAM;IACpB,MAAM,OAAO,GAAG,IAAI,GAAG,EAAiB,CAAA;IACxC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAA;IACvC,IAAI,QAAQ,GAA0C,EAAE,CAAA;IAExD,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,QAAQ,GAAG,CAAC,GAAG,OAAO,CAAC,CAAA;QACvB,KAAK,MAAM,QAAQ,IAAI,SAAS;YAAE,QAAQ,EAAE,CAAA;IAC9C,CAAC,CAAA;IAED,OAAO;QACL,MAAM,CAAC,EAAU;YACf,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;gBAAE,OAAM;YAC/B,MAAM,EAAE,CAAA;QACV,CAAC;QACD,GAAG,CAAC,EAAU,EAAE,KAAY;YAC1B,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;YACtB,MAAM,EAAE,CAAA;QACV,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ;QACxB,SAAS,CAAC,QAAoB;YAC5B,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YACvB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QACzC,CAAC;KACF,CAAA;AACH,CAAC"}

package/dist/web/components/internal/Text.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Wraps each run of adjacent string and number children in one span, so a rule can hide a label
+ * as an element while the label still reads as one run, such as `Inbox ({count})`.
+ * @module
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+/** Returns `children` with each run of adjacent text wrapped in a span with `props`. */
+export declare function wrap(children: ReactNode, props?: HTMLAttributes<HTMLSpanElement>): ReactNode[];
+//# sourceMappingURL=Text.d.ts.map

package/dist/web/components/internal/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/web/components/internal/Text.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAA2B,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpF,wFAAwF;AACxF,wBAAgB,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAE,cAAc,CAAC,eAAe,CAAM,eA8BpF"}

package/dist/web/components/internal/Text.js

@@ -0,0 +1,35 @@
+/**
+ * Wraps each run of adjacent string and number children in one span, so a rule can hide a label
+ * as an element while the label still reads as one run, such as `Inbox ({count})`.
+ * @module
+ */
+import { Children, createElement } from 'react';
+/** Returns `children` with each run of adjacent text wrapped in a span with `props`. */
+export function wrap(children, props = {}) {
+    const result = [];
+    let run = [];
+    // A run of only whitespace, such as the space between two elements on one JSX line, renders no
+    // flex item in a flex row, so it passes through unwrapped and adds no gap.
+    const flush = () => {
+        if (run.length === 0)
+            return;
+        if (run.every((part) => typeof part === 'string' && part.trim() === '')) {
+            result.push(...run);
+            run = [];
+            return;
+        }
+        result.push(createElement('span', { ...props, key: result.length }, ...run));
+        run = [];
+    };
+    for (const child of Children.toArray(children)) {
+        if (typeof child === 'string' || typeof child === 'number') {
+            run.push(child);
+            continue;
+        }
+        flush();
+        result.push(child);
+    }
+    flush();
+    return result;
+}
+//# sourceMappingURL=Text.js.map

package/dist/web/components/internal/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/web/components/internal/Text.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAuC,MAAM,OAAO,CAAA;AAEpF,wFAAwF;AACxF,MAAM,UAAU,IAAI,CAAC,QAAmB,EAAE,KAAK,GAAoC,EAAE;IACnF,MAAM,MAAM,GAAgB,EAAE,CAAA;IAC9B,IAAI,GAAG,GAAwB,EAAE,CAAA;IAEjC,+FAA+F;IAC/F,2EAA2E;IAC3E,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;YAAE,OAAM;QAC5B,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YACxE,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAA;YACnB,GAAG,GAAG,EAAE,CAAA;YACR,OAAM;QACR,CAAC;QAED,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,GAAG,GAAG,CAAC,CAAC,CAAA;QAC5E,GAAG,GAAG,EAAE,CAAA;IACV,CAAC,CAAA;IAED,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC3D,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YACf,SAAQ;QACV,CAAC;QAED,KAAK,EAAE,CAAA;QACP,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC;IAED,KAAK,EAAE,CAAA;IACP,OAAO,MAAM,CAAA;AACf,CAAC"}