@fastyshop/ui 0.1.0 → 0.2.0

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

@@ -0,0 +1,34 @@
+import type { ButtonHTMLAttributes, ComponentType, ReactNode, SVGProps } from "react";
+/** @inline */
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "destructive";
+/** @inline */
+export type ButtonSize = "sm" | "md" | "lg";
+/** @inline */
+export type ButtonIcon = ComponentType<SVGProps<SVGSVGElement>>;
+/** @inline */
+export type ButtonOwnProps = {
+    /** Visual and semantic emphasis of the action. */
+    variant?: ButtonVariant;
+    /** Visible face size. Medium resolves to 44px on mobile and 40px at tablet widths. */
+    size?: ButtonSize;
+    /** Controlled pending state. It preserves the label and blocks native activation. */
+    loading?: boolean;
+    /** Consumer-provided Lucide-compatible SVG component. */
+    icon?: ButtonIcon;
+    /** Placement of a decorative icon next to a visible label. */
+    iconPosition?: "start" | "end";
+};
+/** @inline */
+export type NativeButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonOwnProps | "children">;
+/** @inline */
+export type TextButtonProps = ButtonOwnProps & NativeButtonProps & {
+    children: Exclude<ReactNode, boolean | null | undefined>;
+};
+/** @inline */
+export type IconOnlyButtonProps = Omit<ButtonOwnProps, "iconPosition"> & NativeButtonProps & {
+    "aria-label": string;
+    children?: never;
+    icon: ButtonIcon;
+    iconPosition?: never;
+};
+//# sourceMappingURL=button.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../src/primitives/Button/types/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtF,cAAc;AACd,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAC;AAC9E,cAAc;AACd,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,cAAc;AACd,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEhE,cAAc;AACd,MAAM,MAAM,cAAc,GAAG;IAC3B,kDAAkD;IAClD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,sFAAsF;IACtF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAChC,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,cAAc,GAAG,UAAU,CAClC,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,eAAe,GAAG,cAAc,GAC1C,iBAAiB,GAAG;IAClB,QAAQ,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CAC1D,CAAC;AAEJ,cAAc;AACd,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,GACpE,iBAAiB,GAAG;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC"}

package/dist/primitives/Button/types/button.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.js","sourceRoot":"","sources":["../../../../src/primitives/Button/types/button.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import { type ReactNode } from "react";
+export declare const hasVisibleLabel: (children: ReactNode) => boolean;
+//# sourceMappingURL=hasVisibleLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hasVisibleLabel.d.ts","sourceRoot":"","sources":["../../../../src/primitives/Button/utils/hasVisibleLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,eAAO,MAAM,eAAe,GAAI,UAAU,SAAS,KAAG,OAelD,CAAC"}

package/dist/primitives/Button/utils/hasVisibleLabel.js

@@ -0,0 +1,17 @@
+import { Children, Fragment, isValidElement } from "react";
+export const hasVisibleLabel = (children) => 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;
+});
+//# sourceMappingURL=hasVisibleLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hasVisibleLabel.js","sourceRoot":"","sources":["../../../../src/primitives/Button/utils/hasVisibleLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAC;AAE3E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAmB,EAAW,EAAE,CAC9D,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;IACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IACjC,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,CAAC,cAAc,CAA2B,KAAK,CAAC,EAAE,CAAC;QACrD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC9D,OAAO,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC"}

package/dist/primitives/Separator/Separator.d.ts

@@ -0,0 +1,25 @@
+export type SeparatorOrientation = "horizontal" | "vertical";
+/** Public props for the FastyShop content-group divider. */
+export type SeparatorProps = {
+    className?: string;
+    decorative?: boolean;
+    id?: string;
+    orientation?: SeparatorOrientation;
+} & {
+    [dataAttribute: `data-${string}`]: string | number | boolean | undefined;
+};
+/**
+ * Static visual or structural boundary with consumer-owned layout and grouping.
+ *
+ * The default decorative mode stays outside the accessibility tree. Use
+ * structural mode only when the divider itself conveys a meaningful boundary.
+ */
+export declare const Separator: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    decorative?: boolean;
+    id?: string;
+    orientation?: SeparatorOrientation;
+} & {
+    [dataAttribute: `data-${string}`]: string | number | boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/primitives/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE7D,4DAA4D;AAC5D,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC,GAAG;IACF,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC1E,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,SAAS;gBAhBR,MAAM;iBACL,OAAO;SACf,MAAM;kBACG,oBAAoB;;;kDA8ClC,CAAC"}

package/dist/primitives/Separator/Separator.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+const separatorOrientations = new Set(["horizontal", "vertical"]);
+/**
+ * Static visual or structural boundary with consumer-owned layout and grouping.
+ *
+ * The default decorative mode stays outside the accessibility tree. Use
+ * structural mode only when the divider itself conveys a meaningful boundary.
+ */
+export const Separator = forwardRef(function Separator({ className, decorative = true, id, orientation = "horizontal", ...consumerProps }, ref) {
+    if (!separatorOrientations.has(orientation)) {
+        throw new Error("FastyShop Separator orientation must be horizontal or vertical.");
+    }
+    const dataAttributes = Object.fromEntries(Object.entries(consumerProps).filter(([property, value]) => property.startsWith("data-") &&
+        property !== "data-orientation" &&
+        (value === undefined ||
+            typeof value === "string" ||
+            typeof value === "number" ||
+            typeof value === "boolean")));
+    const classes = clsx("fs-separator", className);
+    return (_jsx("div", { ...dataAttributes, "aria-hidden": decorative ? "true" : undefined, "aria-orientation": decorative ? undefined : orientation, className: classes, "data-orientation": orientation, id: id, ref: ref, role: decorative ? undefined : "separator" }));
+});
+//# sourceMappingURL=Separator.js.map

package/dist/primitives/Separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/primitives/Separator/Separator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAcnC,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAuB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;AAExF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CACpF,EAAE,SAAS,EAAE,UAAU,GAAG,IAAI,EAAE,EAAE,EAAE,WAAW,GAAG,YAAY,EAAE,GAAG,aAAa,EAAE,EAClF,GAAG;IAEH,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;QAC5C,MAAM,IAAI,KAAK,CAAC,iEAAiE,CAAC,CAAC;IACrF,CAAC;IAED,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CACvC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,MAAM,CAClC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,EAAE,CACpB,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QAC5B,QAAQ,KAAK,kBAAkB;QAC/B,CAAC,KAAK,KAAK,SAAS;YAClB,OAAO,KAAK,KAAK,QAAQ;YACzB,OAAO,KAAK,KAAK,QAAQ;YACzB,OAAO,KAAK,KAAK,SAAS,CAAC,CAChC,CACF,CAAC;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IAEhD,OAAO,CACL,iBACM,cAAc,iBACL,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,sBAC1B,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACtD,SAAS,EAAE,OAAO,sBACA,WAAW,EAC7B,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GAC1C,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Skeleton/Skeleton.d.ts

@@ -0,0 +1,14 @@
+import { type ForwardRefExoticComponent, type RefAttributes } from "react";
+/** Public props for the decorative FastyShop loading placeholder. */
+export type SkeletonProps = {
+    className?: string;
+    id?: string;
+    [dataAttribute: `data-${string}`]: string | number | boolean | undefined;
+};
+/**
+ * Decorative loading placeholder with consumer-owned geometry.
+ *
+ * The changing region owns loading semantics and any localized status copy.
+ */
+export declare const Skeleton: ForwardRefExoticComponent<SkeletonProps & RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/primitives/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvF,qEAAqE;AACrE,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC1E,CAAC;AA8BF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC,cAAc,CAAC,CAQ1F,CAAC"}

package/dist/primitives/Skeleton/Skeleton.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+function allowedDataAttributes(props) {
+    const attributes = {};
+    for (const key of Object.keys(props)) {
+        const normalizedKey = key.toLowerCase();
+        if (!key.startsWith("data-") || normalizedKey.startsWith("data-fs-")) {
+            continue;
+        }
+        const dataAttribute = key;
+        const value = props[dataAttribute];
+        if (value === undefined ||
+            typeof value === "string" ||
+            typeof value === "number" ||
+            typeof value === "boolean") {
+            attributes[dataAttribute] = value;
+        }
+    }
+    return attributes;
+}
+/**
+ * Decorative loading placeholder with consumer-owned geometry.
+ *
+ * The changing region owns loading semantics and any localized status copy.
+ */
+export const Skeleton = forwardRef(function Skeleton(props, ref) {
+    const classes = clsx("fs-skeleton", props.className);
+    const dataAttributes = allowedDataAttributes(props);
+    return (_jsx("div", { ...dataAttributes, "aria-hidden": "true", className: classes, id: props.id, ref: ref }));
+});
+//# sourceMappingURL=Skeleton.js.map

package/dist/primitives/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/primitives/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAsD,MAAM,OAAO,CAAC;AAavF,SAAS,qBAAqB,CAAC,KAAoB;IACjD,MAAM,UAAU,GAA2B,EAAE,CAAC;IAE9C,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,MAAM,aAAa,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;QACxC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;YACrE,SAAS;QACX,CAAC;QAED,MAAM,aAAa,GAAG,GAAuB,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;QACnC,IACE,KAAK,KAAK,SAAS;YACnB,OAAO,KAAK,KAAK,QAAQ;YACzB,OAAO,KAAK,KAAK,QAAQ;YACzB,OAAO,KAAK,KAAK,SAAS,EAC1B,CAAC;YACD,UAAU,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;QACpC,CAAC;IACH,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GACnB,UAAU,CAAgC,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IACpE,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,iBAAS,cAAc,iBAAc,MAAM,EAAC,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,CAC3F,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Spinner/Spinner.d.ts

@@ -0,0 +1,23 @@
+export type SpinnerSize = "sm" | "md" | "lg";
+/** Public props for the FastyShop indeterminate progress indicator. */
+export type SpinnerProps = {
+    [dataAttribute: `data-${string}`]: string | number | boolean | undefined;
+    className?: string;
+    id?: string;
+    size?: SpinnerSize;
+} & ({
+    decorative?: true;
+    label?: never;
+} | {
+    decorative: false;
+    label: string;
+});
+/**
+ * Indeterminate progress presentation with caller-owned lifecycle and copy.
+ *
+ * The default decorative mode stays out of the accessibility tree. Use the
+ * announced mode only when no surrounding control or live region owns the
+ * loading status.
+ */
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/primitives/Spinner/Spinner.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,uEAAuE;AACvE,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,GAAG,CAAC;IAAE,UAAU,CAAC,EAAE,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,UAAU,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAIlF;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,wGAuClB,CAAC"}

package/dist/primitives/Spinner/Spinner.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+const spinnerSizes = new Set(["sm", "md", "lg"]);
+/**
+ * Indeterminate progress presentation with caller-owned lifecycle and copy.
+ *
+ * The default decorative mode stays out of the accessibility tree. Use the
+ * announced mode only when no surrounding control or live region owns the
+ * loading status.
+ */
+export const Spinner = forwardRef(function Spinner({ className, decorative = true, id, label, size = "md", ...consumerProps }, ref) {
+    if (!spinnerSizes.has(size)) {
+        throw new Error("FastyShop Spinner size must be sm, md or lg.");
+    }
+    if (decorative && label !== undefined) {
+        throw new Error("FastyShop decorative Spinner does not accept a label.");
+    }
+    const announcedLabel = decorative ? undefined : label?.trim();
+    if (!decorative && !announcedLabel) {
+        throw new Error("FastyShop announced Spinner requires a non-empty label.");
+    }
+    const dataAttributes = Object.fromEntries(Object.entries(consumerProps).filter(([property]) => property.startsWith("data-")));
+    const classes = clsx("fs-spinner", className);
+    return (_jsx("svg", { ...dataAttributes, "aria-hidden": decorative ? "true" : undefined, "aria-label": announcedLabel, className: classes, "data-fs-size": size, fill: "none", focusable: "false", id: id, ref: ref, role: decorative ? undefined : "status", viewBox: "0 0 24 24", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.22-8.56" }) }));
+});
+//# sourceMappingURL=Spinner.js.map

package/dist/primitives/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/primitives/Spinner/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAYnC,MAAM,YAAY,GAAG,IAAI,GAAG,CAAc,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;AAE9D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA8B,SAAS,OAAO,CAC7E,EAAE,SAAS,EAAE,UAAU,GAAG,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,aAAa,EAAE,EAC1E,GAAG;IAEH,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,UAAU,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACtC,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IAED,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;IAC9D,IAAI,CAAC,UAAU,IAAI,CAAC,cAAc,EAAE,CAAC;QACnC,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC7E,CAAC;IAED,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CACvC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CACnF,CAAC;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,iBACM,cAAc,iBACL,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAChC,cAAc,EAC1B,SAAS,EAAE,OAAO,kBACJ,IAAI,EAClB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACvC,OAAO,EAAC,WAAW,YAEnB,eAAM,CAAC,EAAC,4BAA4B,GAAG,GACnC,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Typography/Typography.d.ts

@@ -0,0 +1,30 @@
+import { type ReactElement, type Ref } from "react";
+import type { TypographyElementContract, TypographyPropsContract, TypographyVariantContract } from "./types/typography.types.js";
+/** The eleven canonical FastyShop typography roles. */
+export type TypographyVariant = TypographyVariantContract;
+/** Native roots supported by the Typography primitive. */
+export type TypographyElement = TypographyElementContract;
+/** Root-aware public props for Typography. */
+export type TypographyProps<Element extends TypographyElement = "span"> = TypographyPropsContract<Element>;
+type TypographyNode<Element extends TypographyElement> = HTMLElementTagNameMap[Element];
+type ExactTypographyNode<Element extends TypographyElement, RefElement extends HTMLElement> = [
+    RefElement
+] extends [TypographyNode<Element>] ? [TypographyNode<Element>] extends [RefElement] ? unknown : never : never;
+type TypographyPropsWithExactRef<Element extends TypographyElement, RefElement extends HTMLElement> = TypographyProps<Element> & {
+    as?: Element;
+    ref?: Ref<RefElement> & ExactTypographyNode<Element, RefElement>;
+};
+/** @inline */
+type TypographyComponent = {
+    <Element extends TypographyElement = "span", RefElement extends HTMLElement = TypographyNode<Element>>(props: TypographyPropsWithExactRef<Element, RefElement>): ReactElement | null;
+    displayName?: string;
+};
+/**
+ * Token-backed standalone visible text with independently selected HTML semantics.
+ *
+ * Component-owned labels, titles, and descriptions keep their owning component's
+ * DOM rather than adding a nested Typography wrapper.
+ */
+export declare const Typography: TypographyComponent;
+export {};
+//# sourceMappingURL=Typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/primitives/Typography/Typography.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,YAAY,EAEjB,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,6BAA6B,CAAC;AAErC,uDAAuD;AACvD,MAAM,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAE1D,0DAA0D;AAC1D,MAAM,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAE1D,8CAA8C;AAC9C,MAAM,MAAM,eAAe,CAAC,OAAO,SAAS,iBAAiB,GAAG,MAAM,IACpE,uBAAuB,CAAC,OAAO,CAAC,CAAC;AAEnC,KAAK,cAAc,CAAC,OAAO,SAAS,iBAAiB,IAAI,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAExF,KAAK,mBAAmB,CAAC,OAAO,SAAS,iBAAiB,EAAE,UAAU,SAAS,WAAW,IAAI;IAC5F,UAAU;CACX,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC/B,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,GAC5C,OAAO,GACP,KAAK,GACP,KAAK,CAAC;AAEV,KAAK,2BAA2B,CAC9B,OAAO,SAAS,iBAAiB,EACjC,UAAU,SAAS,WAAW,IAC5B,eAAe,CAAC,OAAO,CAAC,GAAG;IAC7B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,GAAG,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;CAClE,CAAC;AA8BF,cAAc;AACd,KAAK,mBAAmB,GAAG;IACzB,CACE,OAAO,SAAS,iBAAiB,GAAG,MAAM,EAC1C,UAAU,SAAS,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,EAExD,KAAK,EAAE,2BAA2B,CAAC,OAAO,EAAE,UAAU,CAAC,GACtD,YAAY,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAMF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAmBjB,mBAAmB,CAAC"}

package/dist/primitives/Typography/Typography.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef, } from "react";
+const typographyVariants = new Set([
+    "display-lg",
+    "display-md",
+    "heading-lg",
+    "heading-md",
+    "heading-sm",
+    "body-lg",
+    "body-md",
+    "body-sm",
+    "label-md",
+    "label-sm",
+    "caption",
+]);
+const typographyElements = new Set([
+    "span",
+    "p",
+    "div",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "blockquote",
+    "figcaption",
+]);
+/**
+ * Token-backed standalone visible text with independently selected HTML semantics.
+ *
+ * Component-owned labels, titles, and descriptions keep their owning component's
+ * DOM rather than adding a nested Typography wrapper.
+ */
+export const Typography = forwardRef(function Typography({ as = "span", children, className, variant, ...nativeProps }, ref) {
+    if (!typographyElements.has(as)) {
+        throw new Error("FastyShop Typography received an unsupported HTML root.");
+    }
+    if (!typographyVariants.has(variant)) {
+        throw new Error("FastyShop Typography received an unsupported typography variant.");
+    }
+    const Root = as;
+    const classes = clsx("fs-typography", className);
+    return (_jsx(Root, { ...nativeProps, className: classes, "data-fs-variant": variant, ref: ref, children: children }));
+});
+Typography.displayName = "Typography";
+//# sourceMappingURL=Typography.js.map

package/dist/primitives/Typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/primitives/Typography/Typography.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EACL,UAAU,GAMX,MAAM,OAAO,CAAC;AAoCf,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAoB;IACpD,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,SAAS;IACT,SAAS;IACT,UAAU;IACV,UAAU;IACV,SAAS;CACV,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAoB;IACpD,MAAM;IACN,GAAG;IACH,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,YAAY;IACZ,YAAY;CACb,CAAC,CAAC;AAiBH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqC,SAAS,UAAU,CAC1F,EAAE,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EAC7D,GAA8B;IAE9B,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC7E,CAAC;IACD,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACrC,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC,CAAC;IACtF,CAAC;IAED,MAAM,IAAI,GAAG,EAAiB,CAAC;IAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IAEjD,OAAO,CACL,KAAC,IAAI,OAAK,WAAW,EAAE,SAAS,EAAE,OAAO,qBAAmB,OAAO,EAAE,GAAG,EAAE,GAAG,YAC1E,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAwB,CAAC;AAE1B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/primitives/Typography/types/typography.types.d.ts

@@ -0,0 +1,31 @@
+import type { ComponentPropsWithoutRef, DOMAttributes, ReactNode, Ref } from "react";
+/** @inline */
+export type TypographyVariantContract = "display-lg" | "display-md" | "heading-lg" | "heading-md" | "heading-sm" | "body-lg" | "body-md" | "body-sm" | "label-md" | "label-sm" | "caption";
+/** @inline */
+export type TypographyElementContract = "span" | "p" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "blockquote" | "figcaption";
+type EventHandlerProp = Extract<{
+    [Property in keyof DOMAttributes<HTMLElement>]: Property extends `on${string}` ? Property : never;
+}[keyof DOMAttributes<HTMLElement>], string>;
+type UnsupportedTypographyProp = EventHandlerProp | "align" | "color" | "contentEditable" | "dangerouslySetInnerHTML" | "style" | "tabIndex";
+type TypographyOwnProps = {
+    /** Caller-owned visible or composed inline content. */
+    children?: ReactNode;
+    /** Layout, inherited color, and overflow composition hook. */
+    className?: string;
+    /** Required semantic visual role backed by the public typography tokens. */
+    variant: TypographyVariantContract;
+};
+/** @inline */
+type TypographyPropsForElement<Element extends TypographyElementContract> = TypographyOwnProps & Omit<ComponentPropsWithoutRef<Element>, keyof TypographyOwnProps | "as" | UnsupportedTypographyProp> & {
+    ref?: Ref<HTMLElementTagNameMap[Element]>;
+};
+/** @inline */
+export type TypographyPropsContract<Element extends TypographyElementContract = "span"> = [
+    Element
+] extends ["span"] ? {
+    as?: "span";
+} & TypographyPropsForElement<"span"> : Element extends TypographyElementContract ? {
+    as: Element;
+} & TypographyPropsForElement<Element> : never;
+export {};
+//# sourceMappingURL=typography.types.d.ts.map

package/dist/primitives/Typography/types/typography.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.types.d.ts","sourceRoot":"","sources":["../../../../src/primitives/Typography/types/typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAErF,cAAc;AACd,MAAM,MAAM,yBAAyB,GACjC,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,SAAS,CAAC;AAEd,cAAc;AACd,MAAM,MAAM,yBAAyB,GACnC,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,GAAG,YAAY,CAAC;AAE/F,KAAK,gBAAgB,GAAG,OAAO,CAC7B;KACG,QAAQ,IAAI,MAAM,aAAa,CAAC,WAAW,CAAC,GAAG,QAAQ,SAAS,KAAK,MAAM,EAAE,GAC1E,QAAQ,GACR,KAAK;CACV,CAAC,MAAM,aAAa,CAAC,WAAW,CAAC,CAAC,EACnC,MAAM,CACP,CAAC;AAEF,KAAK,yBAAyB,GAC1B,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,iBAAiB,GACjB,yBAAyB,GACzB,OAAO,GACP,UAAU,CAAC;AAEf,KAAK,kBAAkB,GAAG;IACxB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,OAAO,EAAE,yBAAyB,CAAC;CACpC,CAAC;AAEF,cAAc;AACd,KAAK,yBAAyB,CAAC,OAAO,SAAS,yBAAyB,IAAI,kBAAkB,GAC5F,IAAI,CACF,wBAAwB,CAAC,OAAO,CAAC,EACjC,MAAM,kBAAkB,GAAG,IAAI,GAAG,yBAAyB,CAC5D,GAAG;IACF,GAAG,CAAC,EAAE,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;CAC3C,CAAC;AAEJ,cAAc;AACd,MAAM,MAAM,uBAAuB,CAAC,OAAO,SAAS,yBAAyB,GAAG,MAAM,IAAI;IACxF,OAAO;CACR,SAAS,CAAC,MAAM,CAAC,GACd;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,yBAAyB,CAAC,MAAM,CAAC,GACnD,OAAO,SAAS,yBAAyB,GACvC;IAAE,EAAE,EAAE,OAAO,CAAA;CAAE,GAAG,yBAAyB,CAAC,OAAO,CAAC,GACpD,KAAK,CAAC"}

package/dist/primitives/Typography/types/typography.types.js

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

package/dist/primitives/Typography/types/typography.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.types.js","sourceRoot":"","sources":["../../../../src/primitives/Typography/types/typography.types.ts"],"names":[],"mappings":""}

package/dist/runtime/clipboard/clipboard.d.ts

@@ -0,0 +1,4 @@
+type ClipboardWriteResult = "success" | "empty" | "unsupported" | "failed";
+export declare const writeTextToClipboard: (value: string) => Promise<ClipboardWriteResult>;
+export {};
+//# sourceMappingURL=clipboard.d.ts.map

package/dist/runtime/clipboard/clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../../src/runtime/clipboard/clipboard.ts"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,CAAC;AAW3E,eAAO,MAAM,oBAAoB,GAAU,OAAO,MAAM,KAAG,OAAO,CAAC,oBAAoB,CAqBtF,CAAC"}

package/dist/runtime/clipboard/clipboard.js

@@ -0,0 +1,22 @@
+const hasWriteText = (clipboard) => typeof clipboard?.writeText === "function";
+export const writeTextToClipboard = async (value) => {
+    if (value.length === 0) {
+        return "empty";
+    }
+    if (typeof navigator === "undefined") {
+        return "unsupported";
+    }
+    const browserNavigator = navigator;
+    const clipboard = browserNavigator.clipboard;
+    if (!hasWriteText(clipboard)) {
+        return "unsupported";
+    }
+    try {
+        await clipboard.writeText(value);
+        return "success";
+    }
+    catch {
+        return "failed";
+    }
+};
+//# sourceMappingURL=clipboard.js.map

package/dist/runtime/clipboard/clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.js","sourceRoot":"","sources":["../../../src/runtime/clipboard/clipboard.ts"],"names":[],"mappings":"AAMA,MAAM,YAAY,GAAG,CACnB,SAA0C,EACoB,EAAE,CAChE,OAAO,SAAS,EAAE,SAAS,KAAK,UAAU,CAAC;AAE7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,EAAE,KAAa,EAAiC,EAAE;IACzF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE,CAAC;QACrC,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,MAAM,gBAAgB,GAAwC,SAAS,CAAC;IACxE,MAAM,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;IAC7C,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;QAC7B,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,IAAI,CAAC;QACH,MAAM,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACjC,OAAO,SAAS,CAAC;IACnB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,QAAQ,CAAC;IAClB,CAAC;AACH,CAAC,CAAC"}