@fastyshop/ui 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to `@fastyshop/ui` are recorded here. Released versions and Git tags are immutable.
 
+## 0.2.0
+
+- Added the Typography, Spinner, Separator, and Skeleton visual primitives alongside Button.
+- Added the public `useMediaQuery` and `useCopyToClipboard` hooks with explicit SSR and clipboard result contracts.
+- Added package-private clipboard runtime delivery and one shared `clsx` class composition contract.
+- Expanded the descriptor-generated package and source-copy registry inventory for the complete core UI wave.
+
+This candidate has not been published or adopted by Cabinet or Platform. Promotion, tag creation, npm publication, and application upgrades remain separate operations.
+
 ## 0.1.0
 
 - Added the first public package contract for ESM, TypeScript declarations, runtime CSS, and the Tailwind CSS v4 bridge.

package/README.md

@@ -1,13 +1,17 @@
 # @fastyshop/ui
 
-`@fastyshop/ui` contains the shared FastyShop product tokens and React components. The package ships ESM, TypeScript declarations, Tailwind CSS v4 integration, the Inter variable font, and the FastyShop Button.
+`@fastyshop/ui` contains the shared FastyShop product tokens, React components,
+and public hooks. The package ships ESM, TypeScript declarations, Tailwind CSS
+v4 integration, the Inter variable font, the FastyShop Button, Separator,
+Skeleton, Spinner and Typography primitives, and the `useCopyToClipboard` and
+`useMediaQuery` hooks.
 
 ## Install
 
 Install an exact version from the public npm registry. No npm login or read token is required.
 
 ```bash
-pnpm add @fastyshop/ui@0.1.0
+pnpm add @fastyshop/ui@0.2.0
 ```
 
 React and React DOM are peer dependencies. Supported versions are `>=19.2.0 <20`. The package requires Node.js `>=24.18.0 <25` for build and server-side use.
@@ -35,7 +39,19 @@ Tailwind CSS v4 consumers can additionally import the semantic utility bridge:
 @import "@fastyshop/ui/tailwind-theme.css";
 ```
 
-The bridge maps `fs`-prefixed utilities to the runtime CSS variables. It does not copy token values into the consuming application.
+The bridge maps `fs`-prefixed utilities to the runtime CSS variables. It does not copy token values into the consuming application. It deliberately replaces Tailwind's default responsive variants with only `md: 48rem` and `lg: 64rem`.
+
+## Responsive layout
+
+The page shell remains full-width. Use the responsive semantic grid without a global `container` or page-level `max-width`:
+
+```html
+<main
+  class="grid min-w-0 grid-cols-4 gap-x-fs-grid-column-gap md:grid-cols-8 lg:grid-cols-12"
+></main>
+```
+
+Forms and prose opt into local measures with `w-full max-w-(--fs-layout-content-form-max)` or `w-full max-w-(--fs-layout-content-prose-max)`. Wide tables and timelines own a labelled, keyboard-focusable local scroller; they must not make `body` scroll horizontally. See the repository's `docs/responsive-layout.md` for safe-area, overflow, container-query, and localization guidance.
 
 ## Button
 
@@ -49,6 +65,129 @@ export function SaveAction() {
 
 `Button` is a client component backed by Base UI. The package owns that runtime dependency; consumers do not install Base UI, Radix, or shadcn directly. Use a link for navigation, keep `loading` controlled, and provide a non-empty `aria-label` for icon-only buttons.
 
+## Typography
+
+```tsx
+import { Typography } from "@fastyshop/ui";
+
+export function PageTitle() {
+  return (
+    <Typography as="h1" variant="heading-lg">
+      Orders
+    </Typography>
+  );
+}
+```
+
+`variant` is required and selects one of the eleven semantic typography roles;
+`as` independently selects `span` (default), `p`, `div`, `h1`–`h6`,
+`blockquote`, or `figcaption`. Typography is server-safe, inherits color,
+neutralizes native margins, and leaves wrapping and document hierarchy to the
+consumer. Component-owned labels and titles keep their owning component DOM
+instead of adding a nested Typography wrapper. See the
+[repository guide](https://github.com/rubyhat/fastyshop-ui/blob/main/docs/typography.md)
+for the complete API and role guidance.
+
+## Spinner
+
+```tsx
+import { Spinner } from "@fastyshop/ui";
+
+export function OrdersStatus() {
+  return <Spinner decorative={false} label="Loading orders" />;
+}
+```
+
+Spinner is server-safe and decorative by default. Announced use requires a
+caller-owned localized label. The consumer owns loading lifecycle, `aria-busy`,
+completion, errors and retries. Sizes are `sm`, `md` and `lg`; color inherits
+from context, reduced motion disables rotation, and forced colors follow the
+system-adjusted foreground. See the
+[repository guide](https://github.com/rubyhat/fastyshop-ui/blob/main/docs/spinner.md)
+for the full semantic and registry contract.
+
+## Separator
+
+```tsx
+import { Separator } from "@fastyshop/ui";
+
+export function OrderSummaryBoundary() {
+  return <Separator />;
+}
+```
+
+Separator is server-safe and decorative by default. Set `decorative={false}`
+only when the divider is a meaningful document boundary; choose horizontal or
+vertical orientation and keep surrounding spacing and vertical length in the
+consumer. See the
+[repository guide](https://github.com/rubyhat/fastyshop-ui/blob/main/docs/separator.md)
+for the complete semantics and composition contract.
+
+## Skeleton
+
+```tsx
+import { Skeleton } from "@fastyshop/ui";
+
+export function OrderCardPlaceholder() {
+  return <Skeleton className="order-card-placeholder" />;
+}
+```
+
+Skeleton is a decorative, server-safe loading placeholder. The consumer owns
+its geometry, changing-region `aria-busy` state and localized status message.
+Reduced motion disables pulsing, while forced colors preserve a visible static
+boundary. See the
+[repository guide](https://github.com/rubyhat/fastyshop-ui/blob/main/docs/skeleton.md)
+for sizing and accessibility guidance.
+
+## useMediaQuery
+
+```tsx
+"use client";
+
+import { useMediaQuery } from "@fastyshop/ui";
+
+export function ResponsiveBehavior() {
+  const isDesktop = useMediaQuery("desktop");
+  const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
+  return <span>{isDesktop && !reduceMotion ? "Enhanced motion" : "Standard view"}</span>;
+}
+```
+
+FastyShop shorthand maps `tablet` to `48rem` and `desktop` to `64rem`;
+`max-*` uses an exclusive upper boundary. Structured input supports `min`,
+`max`, and `pointer`. Server rendering and initial hydration return `false`,
+then React synchronizes the client match. Prefer CSS media/container queries
+for visual layout. The current browser contract uses modern `MediaQueryList`
+events and Media Queries Level 4 range syntax. The full API, browser boundary,
+and raw-query examples are documented in the [repository guide](https://github.com/rubyhat/fastyshop-ui/blob/main/docs/use-media-query.md).
+
+## useCopyToClipboard
+
+```tsx
+"use client";
+
+import { useCopyToClipboard } from "@fastyshop/ui";
+
+export function CopyOrderId({ orderId }: { orderId: string }) {
+  const { copyToClipboard, isCopied } = useCopyToClipboard();
+
+  return (
+    <button onClick={() => void copyToClipboard(orderId)} type="button">
+      {isCopied ? "Copied" : "Copy order id"}
+    </button>
+  );
+}
+```
+
+`copyToClipboard` resolves to `success`, `empty`, `unsupported`, or `failed`.
+Only an empty string skips the browser API; other strings are passed to
+`navigator.clipboard.writeText` unchanged. `isCopied` is transient
+presentation state for the latest call. Consumers own localized and
+accessible feedback, analytics, and recovery behavior. The full result,
+lifecycle, server, and source-copy contracts are documented in the
+[repository guide](https://github.com/rubyhat/fastyshop-ui/blob/main/docs/use-copy-to-clipboard.md).
+
 ## Package boundary
 
 The public exports are:

package/dist/generated/components.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Generated from public entity descriptors. Do not edit by hand.
+ * Interactive components and hooks keep their own leaf-level client boundaries.
+ */
+export { Button } from "../primitives/Button/Button.js";
+export type { ButtonProps } from "../primitives/Button/Button.js";
+export { Separator } from "../primitives/Separator/Separator.js";
+export type { SeparatorOrientation, SeparatorProps } from "../primitives/Separator/Separator.js";
+export { Skeleton } from "../primitives/Skeleton/Skeleton.js";
+export type { SkeletonProps } from "../primitives/Skeleton/Skeleton.js";
+export { Spinner } from "../primitives/Spinner/Spinner.js";
+export type { SpinnerProps, SpinnerSize } from "../primitives/Spinner/Spinner.js";
+export { Typography } from "../primitives/Typography/Typography.js";
+export type { TypographyElement, TypographyProps, TypographyVariant } from "../primitives/Typography/Typography.js";
+export { useCopyToClipboard } from "../hooks/useCopyToClipboard/useCopyToClipboard.js";
+export type { CopyToClipboardResult, UseCopyToClipboardOptions } from "../hooks/useCopyToClipboard/useCopyToClipboard.js";
+export { useMediaQuery } from "../hooks/useMediaQuery/useMediaQuery.js";
+export type { MediaQueryInput } from "../hooks/useMediaQuery/useMediaQuery.js";
+//# sourceMappingURL=components.d.ts.map

package/dist/generated/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/generated/components.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,YAAY,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AACpH,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,YAAY,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AAC1H,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,YAAY,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC"}

package/dist/generated/components.js

@@ -0,0 +1,12 @@
+/**
+ * Generated from public entity descriptors. Do not edit by hand.
+ * Interactive components and hooks keep their own leaf-level client boundaries.
+ */
+export { Button } from "../primitives/Button/Button.js";
+export { Separator } from "../primitives/Separator/Separator.js";
+export { Skeleton } from "../primitives/Skeleton/Skeleton.js";
+export { Spinner } from "../primitives/Spinner/Spinner.js";
+export { Typography } from "../primitives/Typography/Typography.js";
+export { useCopyToClipboard } from "../hooks/useCopyToClipboard/useCopyToClipboard.js";
+export { useMediaQuery } from "../hooks/useMediaQuery/useMediaQuery.js";
+//# sourceMappingURL=components.js.map

package/dist/generated/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/generated/components.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AAEvF,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC"}

package/dist/hooks/useCopyToClipboard/useCopyToClipboard.d.ts

@@ -0,0 +1,23 @@
+/** The normalized outcome of one plain-text clipboard write attempt. */
+export type CopyToClipboardResult = "success" | "empty" | "unsupported" | "failed";
+/** Configures transient presentation state without defining consumer feedback. */
+export interface UseCopyToClipboardOptions {
+    /**
+     * How long a successful copy keeps `isCopied` true, in milliseconds.
+     * Use `0` to disable the pulse. Defaults to `2000`.
+     */
+    copiedDurationMs?: number;
+}
+/**
+ * Copies an exact, non-empty string through the Async Clipboard API.
+ *
+ * The returned Promise resolves to an explicit platform outcome. `isCopied`
+ * is presentation-only state for the latest call; applications remain
+ * responsible for localized status, accessibility announcements, analytics,
+ * and recovery UI.
+ */
+export declare const useCopyToClipboard: (options?: UseCopyToClipboardOptions) => {
+    copyToClipboard: (value: string) => Promise<CopyToClipboardResult>;
+    isCopied: boolean;
+};
+//# sourceMappingURL=useCopyToClipboard.d.ts.map

package/dist/hooks/useCopyToClipboard/useCopyToClipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard/useCopyToClipboard.ts"],"names":[],"mappings":"AAMA,wEAAwE;AACxE,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,CAAC;AAEnF,kFAAkF;AAClF,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAaD;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,GAC7B,UAAU,yBAAyB,KAClC;IACD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAC;IACnE,QAAQ,EAAE,OAAO,CAAC;CAyEnB,CAAC"}

package/dist/hooks/useCopyToClipboard/useCopyToClipboard.js

@@ -0,0 +1,78 @@
+"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { writeTextToClipboard } from "../../runtime/clipboard/clipboard.js";
+const DEFAULT_COPIED_DURATION_MS = 2_000;
+const MAX_COPIED_DURATION_MS = 2_147_483_647;
+const resolveCopiedDuration = (options) => {
+    const duration = options?.copiedDurationMs ?? DEFAULT_COPIED_DURATION_MS;
+    if (!Number.isInteger(duration) || duration < 0 || duration > MAX_COPIED_DURATION_MS) {
+        throw new TypeError("copiedDurationMs must be an integer from 0 to 2147483647.");
+    }
+    return duration;
+};
+/**
+ * Copies an exact, non-empty string through the Async Clipboard API.
+ *
+ * The returned Promise resolves to an explicit platform outcome. `isCopied`
+ * is presentation-only state for the latest call; applications remain
+ * responsible for localized status, accessibility announcements, analytics,
+ * and recovery UI.
+ */
+export const useCopyToClipboard = (options) => {
+    const copiedDurationMs = resolveCopiedDuration(options);
+    const [isCopied, setIsCopied] = useState(false);
+    const copiedDurationRef = useRef(copiedDurationMs);
+    const resetTimerRef = useRef(undefined);
+    const latestCallRef = useRef(0);
+    const lifecycleRef = useRef(0);
+    const isMountedRef = useRef(false);
+    const clearResetTimer = useCallback(() => {
+        const resetTimer = resetTimerRef.current;
+        if (resetTimer === undefined) {
+            return;
+        }
+        globalThis.clearTimeout(resetTimer);
+        resetTimerRef.current = undefined;
+    }, []);
+    useEffect(() => {
+        copiedDurationRef.current = copiedDurationMs;
+    }, [copiedDurationMs]);
+    useEffect(() => {
+        isMountedRef.current = true;
+        lifecycleRef.current += 1;
+        return () => {
+            isMountedRef.current = false;
+            lifecycleRef.current += 1;
+            clearResetTimer();
+        };
+    }, [clearResetTimer]);
+    const copyToClipboard = useCallback(async (value) => {
+        latestCallRef.current += 1;
+        const call = latestCallRef.current;
+        const lifecycle = lifecycleRef.current;
+        const duration = copiedDurationRef.current;
+        clearResetTimer();
+        if (isMountedRef.current) {
+            setIsCopied(false);
+        }
+        const result = await writeTextToClipboard(value);
+        const canUpdateLatestCall = isMountedRef.current &&
+            lifecycle === lifecycleRef.current &&
+            call === latestCallRef.current;
+        if (!canUpdateLatestCall || result !== "success" || duration === 0) {
+            return result;
+        }
+        setIsCopied(true);
+        resetTimerRef.current = globalThis.setTimeout(() => {
+            if (isMountedRef.current &&
+                lifecycle === lifecycleRef.current &&
+                call === latestCallRef.current) {
+                resetTimerRef.current = undefined;
+                setIsCopied(false);
+            }
+        }, duration);
+        return result;
+    }, [clearResetTimer]);
+    return { copyToClipboard, isCopied };
+};
+//# sourceMappingURL=useCopyToClipboard.js.map

package/dist/hooks/useCopyToClipboard/useCopyToClipboard.js.map

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

package/dist/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1,27 @@
+/**
+ * A FastyShop breakpoint query, structured media conditions, or a raw CSS
+ * media query beginning with `(`.
+ */
+export type MediaQueryInput = "tablet" | "desktop" | "max-tablet" | "max-desktop" | "tablet:max-desktop" | `(${string}` | {
+    min: "tablet" | "desktop";
+    max?: "tablet" | "desktop";
+    pointer?: "coarse" | "fine";
+} | {
+    min?: "tablet" | "desktop";
+    max: "tablet" | "desktop";
+    pointer?: "coarse" | "fine";
+} | {
+    min?: "tablet" | "desktop";
+    max?: "tablet" | "desktop";
+    pointer: "coarse" | "fine";
+};
+/**
+ * Subscribes to a browser media query through React's external-store contract.
+ *
+ * The server and initial hydration snapshot is always `false`; React updates
+ * to the current client match after hydration. Use this hook for JavaScript
+ * behavior or conditional mounting, and prefer CSS media/container queries for
+ * purely visual responsive layout.
+ */
+export declare function useMediaQuery(input: MediaQueryInput): boolean;
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/hooks/useMediaQuery/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQuery/useMediaQuery.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,MAAM,MAAM,eAAe,GACvB,QAAQ,GACR,SAAS,GACT,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,IAAI,MAAM,EAAE,GACZ;IACE,GAAG,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B,GACD;IACE,GAAG,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,GAAG,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B,GACD;IACE,GAAG,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,GAAG,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC5B,CAAC;AAqHN;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAI7D"}

package/dist/hooks/useMediaQuery/useMediaQuery.js

@@ -0,0 +1,114 @@
+"use client";
+import { useMemo, useSyncExternalStore } from "react";
+const breakpointWidths = {
+    desktop: "64rem",
+    tablet: "48rem",
+};
+const breakpointRanks = {
+    desktop: 1,
+    tablet: 0,
+};
+const shorthandQueries = {
+    desktop: `(min-width: ${breakpointWidths.desktop})`,
+    "max-desktop": `(width < ${breakpointWidths.desktop})`,
+    "max-tablet": `(width < ${breakpointWidths.tablet})`,
+    tablet: `(min-width: ${breakpointWidths.tablet})`,
+    "tablet:max-desktop": `(min-width: ${breakpointWidths.tablet}) and (width < ${breakpointWidths.desktop})`,
+};
+const breakpointNames = new Set(["tablet", "desktop"]);
+const pointerTypes = new Set(["coarse", "fine"]);
+const conditionKeys = new Set(["min", "max", "pointer"]);
+function isBreakpointName(value) {
+    return breakpointNames.has(value);
+}
+function isPointerType(value) {
+    return pointerTypes.has(value);
+}
+function invalidQuery(reason) {
+    return new TypeError(`Invalid media query input: ${reason}.`);
+}
+function normalizeMediaQuery(input) {
+    if (typeof input === "string") {
+        const query = input.trim();
+        if (query.length === 0)
+            throw invalidQuery("the query is empty");
+        if (query.startsWith("("))
+            return query;
+        if (Object.hasOwn(shorthandQueries, query)) {
+            return shorthandQueries[query];
+        }
+        throw invalidQuery(`unsupported shorthand ${JSON.stringify(query)}`);
+    }
+    if (!input || typeof input !== "object" || Array.isArray(input)) {
+        throw invalidQuery("expected a shorthand, raw query, or condition object");
+    }
+    const keys = Object.keys(input);
+    if (keys.length === 0)
+        throw invalidQuery("the condition object is empty");
+    const unknownKeys = keys.filter((key) => !conditionKeys.has(key));
+    if (unknownKeys.length > 0) {
+        throw invalidQuery(`unsupported condition ${JSON.stringify(unknownKeys.sort()[0])}`);
+    }
+    const conditions = input;
+    const max = conditions["max"];
+    const min = conditions["min"];
+    const pointer = conditions["pointer"];
+    if (min !== undefined && !isBreakpointName(min)) {
+        throw invalidQuery(`unsupported min breakpoint ${JSON.stringify(min)}`);
+    }
+    if (max !== undefined && !isBreakpointName(max)) {
+        throw invalidQuery(`unsupported max breakpoint ${JSON.stringify(max)}`);
+    }
+    if (pointer !== undefined && !isPointerType(pointer)) {
+        throw invalidQuery(`unsupported pointer ${JSON.stringify(pointer)}`);
+    }
+    if (min === undefined && max === undefined && pointer === undefined) {
+        throw invalidQuery("the condition object has no media conditions");
+    }
+    if (min !== undefined && max !== undefined && breakpointRanks[min] >= breakpointRanks[max]) {
+        throw invalidQuery("min must be lower than max");
+    }
+    return [
+        min === undefined ? null : `(min-width: ${breakpointWidths[min]})`,
+        max === undefined ? null : `(width < ${breakpointWidths[max]})`,
+        pointer === undefined ? null : `(pointer: ${pointer})`,
+    ]
+        .filter((condition) => condition !== null)
+        .join(" and ");
+}
+const getServerSnapshot = () => false;
+const unsupportedStore = {
+    getSnapshot: getServerSnapshot,
+    subscribe: () => () => {
+        // Unsupported browsers have no listener to clean up.
+    },
+};
+function createMediaQueryStore(query) {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+        return unsupportedStore;
+    }
+    const mediaQueryList = window.matchMedia(query);
+    return {
+        getSnapshot: () => mediaQueryList.matches,
+        subscribe: (onStoreChange) => {
+            mediaQueryList.addEventListener("change", onStoreChange);
+            return () => {
+                mediaQueryList.removeEventListener("change", onStoreChange);
+            };
+        },
+    };
+}
+/**
+ * Subscribes to a browser media query through React's external-store contract.
+ *
+ * The server and initial hydration snapshot is always `false`; React updates
+ * to the current client match after hydration. Use this hook for JavaScript
+ * behavior or conditional mounting, and prefer CSS media/container queries for
+ * purely visual responsive layout.
+ */
+export function useMediaQuery(input) {
+    const query = normalizeMediaQuery(input);
+    const store = useMemo(() => createMediaQueryStore(query), [query]);
+    return useSyncExternalStore(store.subscribe, store.getSnapshot, getServerSnapshot);
+}
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/hooks/useMediaQuery/useMediaQuery.js.map

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

package/dist/index.d.ts

@@ -2,10 +2,10 @@
  * Server-safe public entrypoint for the FastyShop UI package.
  *
  * Interactive modules add their own leaf-level `"use client"` directive and
- * explicit package export in the task that owns them. This root entrypoint
- * remains safe to resolve from server code.
+ * component or hook descriptor. The generated barrel is created
+ * before build, typecheck, and docs; this tracked wrapper remains server-safe.
  *
  * @packageDocumentation
  */
-export { Button, type ButtonProps } from "./button.js";
+export * from "./generated/components.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,2BAA2B,CAAC"}

package/dist/index.js

@@ -2,10 +2,10 @@
  * Server-safe public entrypoint for the FastyShop UI package.
  *
  * Interactive modules add their own leaf-level `"use client"` directive and
- * explicit package export in the task that owns them. This root entrypoint
- * remains safe to resolve from server code.
+ * component or hook descriptor. The generated barrel is created
+ * before build, typecheck, and docs; this tracked wrapper remains server-safe.
  *
  * @packageDocumentation
  */
-export { Button } from "./button.js";
+export * from "./generated/components.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,2BAA2B,CAAC"}

package/dist/primitives/Button/Button.d.ts

@@ -0,0 +1,11 @@
+import type { IconOnlyButtonProps, TextButtonProps } from "./types/button.types.js";
+/** Public props for the FastyShop action Button. */
+export type ButtonProps = TextButtonProps | IconOnlyButtonProps;
+/**
+ * Production action primitive backed by Base UI.
+ *
+ * Use a link for navigation. `loading` is controlled by the consumer and does
+ * not own an async lifecycle, success state or error copy.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/primitives/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/Button.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAGpF,oDAAoD;AACpD,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;;;GAKG;AACH,eAAO,MAAM,MAAM,2GAkEjB,CAAC"}

package/dist/{button.js → primitives/Button/Button.js}

@@ -1,24 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button as BaseUIButton } from "@base-ui/react/button";
-import { Children, forwardRef, Fragment, isValidElement, } from "react";
-function hasVisibleLabel(children) {
-    return Children.toArray(children).some((child) => {
-        if (typeof child === "string")
-            return child.trim().length > 0;
-        if (typeof child === "number" || typeof child === "bigint")
-            return true;
-        if (!isValidElement(child))
-            return false;
-        if (child.type === Fragment || typeof child.type === "string") {
-            return hasVisibleLabel(child.props.children);
-        }
-        return true;
-    });
-}
-function Spinner() {
-    return (_jsx("svg", { "aria-hidden": "true", className: "fs-button__spinner", focusable: "false", viewBox: "0 0 24 24", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.22-8.56" }) }));
-}
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Spinner } from "../Spinner/Spinner.js";
+import { hasVisibleLabel } from "./utils/hasVisibleLabel.js";
 /**
  * Production action primitive backed by Base UI.
  *
@@ -32,8 +18,14 @@ export const Button = forwardRef(function Button({ "aria-busy": ariaBusy, "aria-
     }
     const blocked = disabled || loading;
     const loadingWithoutIcon = loading && !Icon;
-    const visual = loading && Icon ? (_jsx(Spinner, {})) : Icon ? (_jsx(Icon, { "aria-hidden": "true", className: "fs-button__icon", focusable: "false" })) : null;
-    const classes = ["fs-button", className].filter(Boolean).join(" ");
-    return (_jsxs(BaseUIButton, { ...nativeProps, "aria-busy": loading ? true : ariaBusy, "aria-label": ariaLabel, className: classes, "data-fs-icon-only": iconOnly ? "true" : undefined, "data-fs-loading": loading ? "true" : undefined, "data-fs-size": size, "data-fs-variant": variant, disabled: blocked, nativeButton: true, ref: ref, type: type, children: [loadingWithoutIcon ? (_jsx("span", { "aria-hidden": "true", className: "fs-button__loading-indicator", children: _jsx(Spinner, {}) })) : null, iconOnly ? (visual) : (_jsxs("span", { className: "fs-button__content", children: [iconPosition === "start" ? visual : null, _jsx("span", { className: "fs-button__label", children: children }), iconPosition === "end" ? visual : null] }))] }));
+    let visual = null;
+    if (loading && Icon) {
+        visual = _jsx(Spinner, { className: "fs-button__spinner", size: size });
+    }
+    else if (Icon) {
+        visual = _jsx(Icon, { "aria-hidden": "true", className: "fs-button__icon", focusable: "false" });
+    }
+    const classes = clsx("fs-button", className);
+    return (_jsxs(BaseUIButton, { ...nativeProps, "aria-busy": loading ? true : ariaBusy, "aria-label": ariaLabel, className: classes, "data-fs-icon-only": iconOnly ? "true" : undefined, "data-fs-loading": loading ? "true" : undefined, "data-fs-size": size, "data-fs-variant": variant, disabled: blocked, nativeButton: true, ref: ref, type: type, children: [loadingWithoutIcon ? (_jsx("span", { "aria-hidden": "true", className: "fs-button__loading-indicator", children: _jsx(Spinner, { className: "fs-button__spinner", size: size }) })) : null, iconOnly ? (visual) : (_jsxs("span", { className: "fs-button__content", children: [iconPosition === "start" ? visual : null, _jsx("span", { className: "fs-button__label", children: children }), iconPosition === "end" ? visual : null] }))] }));
 });
-//# sourceMappingURL=button.js.map
+//# sourceMappingURL=Button.js.map

package/dist/primitives/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/primitives/Button/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAK7D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EACE,WAAW,EAAE,QAAQ,EACrB,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,GAAG,OAAO,EACtB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,GAAG,WAAW,EACf,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAE5C,IAAI,QAAQ,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QAC9C,MAAM,IAAI,KAAK,CACb,qFAAqF,CACtF,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,QAAQ,IAAI,OAAO,CAAC;IACpC,MAAM,kBAAkB,GAAG,OAAO,IAAI,CAAC,IAAI,CAAC;IAC5C,IAAI,MAAM,GAAc,IAAI,CAAC;IAC7B,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,GAAG,KAAC,OAAO,IAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAClE,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QAChB,MAAM,GAAG,KAAC,IAAI,mBAAa,MAAM,EAAC,SAAS,EAAC,iBAAiB,EAAC,SAAS,EAAC,OAAO,GAAG,CAAC;IACrF,CAAC;IACD,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,MAAC,YAAY,OACP,WAAW,eACJ,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,gBACxB,SAAS,EACrB,SAAS,EAAE,OAAO,uBACC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,qBAC/B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,kBAC/B,IAAI,qBACD,OAAO,EACxB,QAAQ,EAAE,OAAO,EACjB,YAAY,QACZ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,aAET,kBAAkB,CAAC,CAAC,CAAC,CACpB,8BAAkB,MAAM,EAAC,SAAS,EAAC,8BAA8B,YAC/D,KAAC,OAAO,IAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI,GACjD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,MAAM,CACP,CAAC,CAAC,CAAC,CACF,gBAAM,SAAS,EAAC,oBAAoB,aACjC,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACzC,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,EACnD,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAClC,CACR,IACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}