@wildo-ai/presets-components 1.0.1

package/dist/esm/components/sections/stacked-layout.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, TypographyVariant, SurfaceVariant, PlacementSide } from "@wildo-ai/presets-components-models";
+const maxWidthClass = {
+    full: "max-w-none",
+    xl: "max-w-xl",
+    "2xl": "max-w-2xl",
+    "3xl": "max-w-3xl",
+    "4xl": "max-w-4xl",
+    "7xl": "max-w-7xl",
+};
+function StackedLayoutRoot({ className, maxWidth = "7xl", padding = "px-container sm:px-container-lg lg:px-container-xl py-section", children, ...rest }) {
+    return (_jsx("div", { className: cn("w-full", padding, className), ...rest, children: _jsx("div", { className: cn("mx-auto w-full", maxWidthClass[maxWidth]), children: children }) }));
+}
+/* -------------------------------- Header ------------------------------- */
+function StackedHeader({ className, sticky = false, bordered = true, children, ...rest }) {
+    return (_jsx("header", { className: cn("bg-background", sticky && "sticky top-0 z-30", bordered && "border-b", className), ...rest, children: _jsx("div", { className: "flex flex-col gap-field py-card", children: children }) }));
+}
+function StackedTitle({ className, children, ...rest }) {
+    return (_jsx("div", { className: cn("flex items-start justify-between gap-field-sm", className), ...rest, children: _jsx("div", { className: "min-w-0", children: _jsx("h1", { className: "truncate text-xl font-semibold leading-7 sm:text-2xl", children: children }) }) }));
+}
+function StackedSubtitle({ className, children, ...rest }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    return (_jsx("p", { className: cn(recipe.base, "sm:text-base", className), ...rest, children: children }));
+}
+/** Right-aligned action row (buttons, menus, etc.) */
+function StackedActions({ className, children, ...rest }) {
+    return (_jsx("div", { className: cn("ms-auto flex items-center gap-element", className), ...rest, children: children }));
+}
+/** Optional secondary bar under the header (tabs, filters, breadcrumbs) */
+function StackedToolbar({ className, children, ...rest }) {
+    return (_jsx("div", { className: cn("flex min-h-11 items-center gap-field-sm border-b bg-background/60 backdrop-blur supports-[backdrop-filter]:bg-background/40", className), ...rest, children: _jsx("div", { className: "flex w-full items-center justify-between py-card-sm", children: children }) }));
+}
+/* --------------------------------- Body -------------------------------- */
+function StackedBody({ className, withAside = false, asideWidth = "lg:w-80", asidePosition = PlacementSide.END, children, ...rest }) {
+    if (!withAside) {
+        return (_jsx("div", { className: cn("py-section", className), ...rest, children: children }));
+    }
+    // grid with aside at lg+, stacked on sm
+    const gridCols = asidePosition === PlacementSide.START
+        ? `lg:grid lg:grid-cols-[20rem_1fr] ${asideWidth.replace("lg:", "") && asideWidth}`
+        : `lg:grid lg:grid-cols-[1fr_20rem] ${asideWidth.replace("lg:", "") && asideWidth}`;
+    return (_jsx("div", { className: cn("py-section", gridCols, "gap-section", className), ...rest, children: children }));
+}
+/** Aside region (auto-positions in the grid; stacks under/over on mobile) */
+function StackedAside({ className, children, ...rest }) {
+    return (_jsx("aside", { className: cn("order-2 lg:order-none", "space-y-field", className), ...rest, children: children }));
+}
+/** Main content region */
+function StackedContent({ className, children, ...rest }) {
+    return (_jsx("main", { className: cn("space-y-field", className), ...rest, children: children }));
+}
+/* ------------------------------- Section ------------------------------- */
+function StackedSection({ className, variant = "panel", children, ...rest }) {
+    const { getRecipe } = useUI();
+    const baseRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.BASE);
+    const raisedRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.RAISED);
+    const insetRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.INSET);
+    return (_jsx("section", { className: cn(
+        // Structure
+        "rounded-lg p-card sm:p-card-lg", 
+        // Style — variant mapped to SURFACE recipes
+        variant === "ghost" && "bg-transparent", variant === "panel" && baseRecipe.base, variant === "card" && raisedRecipe.base, variant === "muted" && insetRecipe.base, className), ...rest, children: children }));
+}
+export const StackedLayout = createCompoundPreset(StackedLayoutRoot, {
+    Header: StackedHeader,
+    Title: StackedTitle,
+    Subtitle: StackedSubtitle,
+    Actions: StackedActions,
+    Toolbar: StackedToolbar,
+    Body: StackedBody,
+    Aside: StackedAside,
+    Content: StackedContent,
+    Section: StackedSection,
+});
+//# sourceMappingURL=stacked-layout.js.map

package/dist/esm/components/sections/stacked-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stacked-layout.js","sourceRoot":"","sources":["../../../../src/components/sections/stacked-layout.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAKnH,MAAM,aAAa,GAA6B;IAC9C,IAAI,EAAE,YAAY;IAClB,EAAE,EAAE,UAAU;IACd,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,+DAA+D,EACzE,QAAQ,EACR,GAAG,IAAI,EACY;IACnB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC,KAAM,IAAI,YACxD,cAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,YAAG,QAAQ,GAAO,GAC3E,CACP,CAAC;AACJ,CAAC;AAED,6EAA6E;AAE7E,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,GAAG,IAAI,EACY;IACnB,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,eAAe,EACf,MAAM,IAAI,mBAAmB,EAC7B,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,KACG,IAAI,YAER,cAAK,SAAS,EAAC,iCAAiC,YAC7C,QAAQ,GACL,GACC,CACV,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EAC8B;IACrC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KAAM,IAAI,YACtF,cAAK,SAAS,EAAC,SAAS,YACtB,aAAI,SAAS,EAAC,sDAAsD,YAAE,QAAQ,GAAM,GAChF,GACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACoC;IAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAE/E,OAAO,CACL,YACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,CAAC,KACjD,IAAI,YAEP,QAAQ,GACP,CACL,CAAC;AACJ,CAAC;AAED,sDAAsD;AACtD,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EAC8B;IACrC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAAM,IAAI,YAC7E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,2EAA2E;AAC3E,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EAC8B;IACrC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,6HAA6H,EAC7H,SAAS,CACV,KACG,IAAI,YAER,cAAK,SAAS,EAAC,qDAAqD,YAAE,QAAQ,GAAO,GACjF,CACP,CAAC;AACJ,CAAC;AAED,6EAA6E;AAE7E,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,SAAS,EACtB,aAAa,GAAG,aAAa,CAAC,GAAG,EACjC,QAAQ,EACR,GAAG,IAAI,EACU;IACjB,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,IAAI,YAClD,QAAQ,GACL,CACP,CAAC;IACJ,CAAC;IAED,wCAAwC;IACxC,MAAM,QAAQ,GACZ,aAAa,KAAK,aAAa,CAAC,KAAK;QACnC,CAAC,CAAC,oCAAoC,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,UAAU,EAAE;QACnF,CAAC,CAAC,oCAAoC,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC;IAExF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,CAAC,KAAM,IAAI,YAC3E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,6EAA6E;AAC7E,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EAC8B;IACrC,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,eAAe,EACf,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACH,CACT,CAAC;AACJ,CAAC;AAED,0BAA0B;AAC1B,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EAC8B;IACrC,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,KAAM,IAAI,YACtD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,6EAA6E;AAE7E,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,QAAQ,EACR,GAAG,IAAI,EACa;IACpB,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1E,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAExE,OAAO,CACL,kBACE,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,gCAAgC;QAChC,4CAA4C;QAC5C,OAAO,KAAK,OAAO,IAAI,gBAAgB,EACvC,OAAO,KAAK,OAAO,IAAI,UAAU,CAAC,IAAI,EACtC,OAAO,KAAK,MAAM,IAAI,YAAY,CAAC,IAAI,EACvC,OAAO,KAAK,OAAO,IAAI,WAAW,CAAC,IAAI,EACvC,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACD,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,oBAAoB,CAAwB,iBAAiB,EAAE;IAC1F,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,eAAe;IACzB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAA"}

package/dist/esm/components/sections/stepper.d.ts

@@ -0,0 +1,3 @@
+import type { StepperCompound } from "@wildo-ai/saas-frontend-lib";
+export declare const Stepper: StepperCompound;
+//# sourceMappingURL=stepper.d.ts.map

package/dist/esm/components/sections/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/stepper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAOV,eAAe,EAChB,MAAM,6BAA6B,CAAA;AA6NpC,eAAO,MAAM,OAAO,iBAA4L,CAAA"}

package/dist/esm/components/sections/stepper.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { createCompoundPreset, cn, useIconRegistry, StandardIconReference, IconSize, useUI } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, TypographyVariant } from "@wildo-ai/presets-components-models";
+import { DisplayDirection } from "@wildo-ai/zod-decorators";
+const StepperContext = React.createContext(undefined);
+function useStepperContext() {
+    const context = React.useContext(StepperContext);
+    if (!context) {
+        throw new Error("Stepper components must be used within a Stepper");
+    }
+    return context;
+}
+// ============================================================================
+// Stepper (Root)
+// ============================================================================
+function StepperRoot({ currentStep, totalSteps, orientation = DisplayDirection.VERTICAL, completedSteps, className, children, ...props }) {
+    const isCompleted = (step) => completedSteps?.has(step) || step < currentStep;
+    const isCurrent = (step) => step === currentStep;
+    return (_jsx(StepperContext.Provider, { value: { currentStep, totalSteps, orientation, isCompleted, isCurrent, completedSteps }, children: _jsx("div", { "data-slot": "stepper", "data-orientation": orientation, className: cn("w-full", orientation === DisplayDirection.HORIZONTAL && "flex items-center justify-between", className), ...props, children: children }) }));
+}
+// ============================================================================
+// StepperItem
+// ============================================================================
+function StepperItem({ step, className, children, ...props }) {
+    const { isCompleted, isCurrent, orientation, totalSteps } = useStepperContext();
+    const completed = isCompleted(step);
+    const current = isCurrent(step);
+    return (_jsx("div", { "data-slot": "stepper-item", "data-step": step, "data-state": completed ? "completed" : current ? "current" : "pending", className: cn(orientation === DisplayDirection.VERTICAL && "flex items-start gap-field", orientation === DisplayDirection.HORIZONTAL && "flex flex-col items-center gap-element", className), ...props, children: children }));
+}
+// ============================================================================
+// StepperIndicator
+// ============================================================================
+function StepperIndicator({ step, className, ...props }) {
+    const { isCompleted, isCurrent } = useStepperContext();
+    const { renderIcon } = useIconRegistry();
+    const completed = isCompleted(step);
+    const current = isCurrent(step);
+    return (_jsx("div", { "data-slot": "stepper-indicator", "data-step": step, "data-state": completed ? "completed" : current ? "current" : "pending", className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 transition-all", completed && "border-primary bg-primary text-primary-foreground", current && "border-primary bg-background text-primary", !completed && !current && "border-muted-foreground/30 bg-background text-muted-foreground", className), ...props, children: completed ? (renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })) : (_jsx("span", { className: "text-sm font-semibold", children: step })) }));
+}
+// ============================================================================
+// StepperSeparator
+// ============================================================================
+function StepperSeparator({ step, className, ...props }) {
+    const { isCompleted, orientation, totalSteps } = useStepperContext();
+    const completed = isCompleted(step);
+    // Don't render separator after the last step
+    if (step >= totalSteps)
+        return null;
+    return (_jsx("div", { "data-slot": "stepper-separator", "data-step": step, "data-state": completed ? "completed" : "pending", className: cn("transition-all", orientation === DisplayDirection.VERTICAL && "w-0.5 h-12 mt-item", orientation === DisplayDirection.HORIZONTAL && "h-0.5 flex-1 mx-field", completed ? "bg-primary" : "bg-muted-foreground/30", className), ...props }));
+}
+// ============================================================================
+// StepperTitle
+// ============================================================================
+function StepperTitle({ step, className, children, ...props }) {
+    const { isCurrent } = useStepperContext();
+    const current = isCurrent(step);
+    return (_jsx("h4", { "data-slot": "stepper-title", "data-step": step, "data-state": current ? "current" : "inactive", className: cn("text-sm font-medium transition-colors", current ? "text-foreground" : "text-muted-foreground", className), ...props, children: children }));
+}
+// ============================================================================
+// StepperDescription
+// ============================================================================
+function StepperDescription({ step, className, children, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    return (_jsx("p", { "data-slot": "stepper-description", "data-step": step, className: cn("text-xs mt-item-xs", recipe.base, className), ...props, children: children }));
+}
+export const Stepper = createCompoundPreset(StepperRoot, { Item: StepperItem, Indicator: StepperIndicator, Separator: StepperSeparator, Title: StepperTitle, Description: StepperDescription });
+//# sourceMappingURL=stepper.js.map

package/dist/esm/components/sections/stepper.js.map

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

package/dist/esm/components/sections/table.d.ts

@@ -0,0 +1,3 @@
+import type { TableCompound } from "@wildo-ai/saas-frontend-lib";
+export declare const Table: TableCompound;
+//# sourceMappingURL=table.d.ts.map

package/dist/esm/components/sections/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/table.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAuHhE,eAAO,MAAM,KAAK,eAQhB,CAAA"}

package/dist/esm/components/sections/table.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, SelectableVariant, TypographyVariant } from "@wildo-ai/presets-components-models";
+function TableRoot({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
+}
+function TableHeader({ className, ...props }) {
+    return (_jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props }));
+}
+function TableBody({ className, ...props }) {
+    return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props }));
+}
+function TableFooter({ className, ...props }) {
+    return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className), ...props }));
+}
+function TableRow({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);
+    return (_jsx("tr", { "data-slot": "table-row", className: cn(
+        // Structure
+        "border-b", 
+        // Style: hover + selected from SELECTABLE.FILLED
+        "hover:bg-muted/50 data-[state=selected]:bg-muted", recipe.motion.transition, className), ...props }));
+}
+function TableHead({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.LABEL);
+    return (_jsx("th", { "data-slot": "table-head", className: cn(
+        // Structure
+        "h-10 px-card-sm text-start align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]", 
+        // Style from TYPOGRAPHY.LABEL recipe
+        recipe.base, className), ...props }));
+}
+function TableCell({ className, ...props }) {
+    return (_jsx("td", { "data-slot": "table-cell", className: cn("p-card-sm align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props }));
+}
+function TableCaption({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    return (_jsx("caption", { "data-slot": "table-caption", className: cn("mt-field text-sm", recipe.base, className), ...props }));
+}
+export const Table = createCompoundPreset(TableRoot, {
+    Header: TableHeader,
+    Body: TableBody,
+    Footer: TableFooter,
+    Head: TableHead,
+    Row: TableRow,
+    Cell: TableCell,
+    Caption: TableCaption,
+});
+//# sourceMappingURL=table.js.map

package/dist/esm/components/sections/table.js.map

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

package/dist/esm/components/sections/tabs.d.ts

@@ -0,0 +1,3 @@
+import type { TabsCompound } from '@wildo-ai/saas-frontend-lib';
+export declare const Tabs: TabsCompound;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/esm/components/sections/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/tabs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AA8E/D,eAAO,MAAM,IAAI,cAA+G,CAAA"}

package/dist/esm/components/sections/tabs.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { createCompoundPreset, cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, SelectableVariant, SurfaceVariant } from "@wildo-ai/presets-components-models";
+function TabsRoot({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("flex flex-col gap-element", className), ...props }));
+}
+function TabsList({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.INSET);
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn(
+        // Structure
+        "inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", 
+        // Style from SURFACE.INSET recipe (muted container)
+        recipe.base, className), ...props }));
+}
+function TabsTrigger({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn(
+        // Structure
+        "inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-card-sm py-item-xs text-sm font-medium whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", 
+        // Style from SELECTABLE.FILLED recipe
+        recipe.base, recipe.states.focus, recipe.states.selected, recipe.states.disabled, recipe.motion.transition, className), ...props }));
+}
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn("flex-1 outline-none", className), ...props }));
+}
+export const Tabs = createCompoundPreset(TabsRoot, { List: TabsList, Trigger: TabsTrigger, Content: TabsContent });
+//# sourceMappingURL=tabs.js.map

package/dist/esm/components/sections/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/sections/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEnG,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACwC;IAChD,OAAO,CACL,KAAC,aAAa,CAAC,IAAI,iBACP,MAAM,EAChB,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACwC;IAChD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAA;IAElE,OAAO,CACL,KAAC,aAAa,CAAC,IAAI,iBACP,WAAW,EACrB,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,sEAAsE;QACtE,oDAAoD;QACpD,MAAM,CAAC,IAAI,EACX,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAEzE,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,8PAA8P;QAC9P,sCAAsC;QACtC,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,oBAAoB,CAAe,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAA"}

package/dist/esm/components/typography/heading.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { HeadingProps } from '@wildo-ai/saas-frontend-lib';
+export declare function Heading({ className, level, ...props }: HeadingProps): React.JSX.Element;
+export declare function Subheading({ className, level, ...props }: HeadingProps): React.JSX.Element;
+//# sourceMappingURL=heading.d.ts.map

package/dist/esm/components/typography/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE/D,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB3F;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB9F"}

package/dist/esm/components/typography/heading.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, useUI } from '@wildo-ai/saas-frontend-lib';
+import { UIBehavior, TypographyVariant } from '@wildo-ai/presets-components-models';
+export function Heading({ className, level = 1, ...props }) {
+    const Element = `h${level}`;
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);
+    const sizeClass = recipe.sizes?.[`h${level}`];
+    return (_jsx(Element, { ...props, className: cn(
+        // Style from TYPOGRAPHY.HEADING recipe
+        recipe.base, sizeClass || 'text-2xl/8 sm:text-xl/8', 'text-foreground', className) }));
+}
+export function Subheading({ className, level = 2, ...props }) {
+    const Element = `h${level}`;
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);
+    return (_jsx(Element, { ...props, className: cn(
+        // Style from TYPOGRAPHY.HEADING recipe (base font weight, tracking)
+        recipe.base, 
+        // Subheading is smaller
+        'text-base/7 sm:text-sm/6', 'text-foreground', className) }));
+}
+//# sourceMappingURL=heading.js.map

package/dist/esm/components/typography/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/typography/heading.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAGnF,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB;IACtE,MAAM,OAAO,GAAuB,IAAI,KAAK,EAAE,CAAA;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAC1E,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAA;IAE7C,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,EAAE;QACX,uCAAuC;QACvC,MAAM,CAAC,IAAI,EACX,SAAS,IAAI,yBAAyB,EACtC,iBAAiB,EACjB,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB;IACzE,MAAM,OAAO,GAAuB,IAAI,KAAK,EAAE,CAAA;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAE1E,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,EAAE;QACX,oEAAoE;QACpE,MAAM,CAAC,IAAI;QACX,wBAAwB;QACxB,0BAA0B,EAC1B,iBAAiB,EACjB,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC"}

package/dist/esm/components/typography/label.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { LabelProps } from '@wildo-ai/saas-frontend-lib';
+declare function Label({ className, ...props }: LabelProps): React.JSX.Element;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/esm/components/typography/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmBhC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/esm/components/typography/label.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, TypographyVariant } from "@wildo-ai/presets-components-models";
+function Label({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.LABEL);
+    return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn(
+        // Structure
+        "flex items-center gap-element text-sm leading-none select-none", 
+        // Style from TYPOGRAPHY.LABEL recipe
+        recipe.base, 
+        // Disabled states — structural, tied to parent field
+        "group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-[var(--opacity-disabled)] peer-disabled:cursor-not-allowed peer-disabled:opacity-[var(--opacity-disabled)]", className), ...props }));
+}
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/esm/components/typography/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/typography/label.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAGnF,SAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACG;IACX,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAExE,OAAO,CACL,KAAC,cAAc,CAAC,IAAI,iBACR,OAAO,EACjB,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,gEAAgE;QAChE,qCAAqC;QACrC,MAAM,CAAC,IAAI;QACX,qDAAqD;QACrD,8LAA8L,EAC9L,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/esm/components/typography/link.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { LinkProps } from '@wildo-ai/saas-frontend-lib';
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export { Link };
+//# sourceMappingURL=link.d.ts.map

package/dist/esm/components/typography/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AA2C7D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CA2E7F,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/esm/components/typography/link.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, InteractiveVariant } from "@wildo-ai/presets-components-models";
+import { LinkVariants_Variant, LinkVariants_Underline, LinkVariants_Weight } from '@wildo-ai/saas-frontend-lib';
+import { ButtonSize } from '@wildo-ai/presets-components-models';
+/** Color variant → token-based text color + hover */
+const linkColorClasses = {
+    [LinkVariants_Variant.DEFAULT]: "text-primary hover:text-primary/80",
+    [LinkVariants_Variant.MUTED]: "text-muted-foreground hover:text-foreground",
+    [LinkVariants_Variant.CONTRAST]: "text-foreground hover:text-foreground/80",
+    [LinkVariants_Variant.DESTRUCTIVE]: "text-destructive hover:text-destructive/80",
+    [LinkVariants_Variant.SUCCESS]: "text-success hover:text-success/80",
+    [LinkVariants_Variant.INHERIT]: "text-inherit hover:opacity-[var(--opacity-hover)]",
+};
+/** Underline style classes */
+const linkUnderlineClasses = {
+    [LinkVariants_Underline.HOVER]: "underline underline-offset-4 decoration-current/40 hover:decoration-current",
+    [LinkVariants_Underline.ALWAYS]: "underline underline-offset-4 decoration-current",
+    [LinkVariants_Underline.NONE]: "no-underline",
+};
+/** Size classes */
+const linkSizeClasses = {
+    [ButtonSize.SM]: "text-sm",
+    [ButtonSize.MD]: "text-base",
+    [ButtonSize.LG]: "text-lg",
+    [ButtonSize.ICON]: "text-base",
+    [ButtonSize.ICON_SM]: "text-sm",
+};
+/** Weight classes */
+const linkWeightClasses = {
+    [LinkVariants_Weight.NORMAL]: "font-normal",
+    [LinkVariants_Weight.MEDIUM]: "font-medium",
+    [LinkVariants_Weight.SEMIBOLD]: "font-semibold",
+};
+function isHttpUrl(h) {
+    return !!h && (h.startsWith("http://") || h.startsWith("https://"));
+}
+function isHashOrRelative(h) {
+    return !!h && (h.startsWith("#") || h.startsWith("/"));
+}
+const Link = React.forwardRef(({ asChild, className, variant = LinkVariants_Variant.DEFAULT, underline = LinkVariants_Underline.HOVER, size = ButtonSize.MD, weight = LinkVariants_Weight.MEDIUM, href, external, externalIcon, leftIcon, rightIcon, disabled, onClick, ...props }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.LINK);
+    // External detection: only auto-newtab for http(s) absolute URLs
+    const isExternal = external ?? (isHttpUrl(href) && !isHashOrRelative(href));
+    const target = isExternal ? "_blank" : props.target;
+    const rel = isExternal ? ["noopener", "noreferrer", props.rel].filter(Boolean).join(" ") : props.rel;
+    // Prevent navigation when disabled
+    function handleClick(e) {
+        if (disabled) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        onClick?.(e);
+    }
+    return (_jsxs(Comp, { ref: ref, className: cn(
+        // Structure
+        "inline-flex items-center gap-item-xs", 
+        // Style from INTERACTIVE.LINK recipe
+        recipe.states.focus, recipe.states.disabled, recipe.motion.transition, 
+        // Color variant
+        linkColorClasses[variant], 
+        // Underline, size, weight
+        linkUnderlineClasses[underline], linkSizeClasses[size], linkWeightClasses[weight], className), href: asChild ? undefined : href, target: target, rel: rel, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : props.tabIndex, onClick: handleClick, ...props, children: [leftIcon ? _jsx("span", { className: "shrink-0", children: leftIcon }) : null, _jsx("span", { className: "truncate", children: props.children }), isExternal && externalIcon ? (_jsx("span", { "aria-hidden": "true", className: "shrink-0", children: externalIcon })) : null, rightIcon ? _jsx("span", { className: "shrink-0", children: rightIcon }) : null] }));
+});
+Link.displayName = "Link";
+export { Link };
+//# sourceMappingURL=link.js.map

package/dist/esm/components/typography/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/typography/link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAEhH,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,qDAAqD;AACrD,MAAM,gBAAgB,GAAyC;IAC7D,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,oCAAoC;IACpE,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,6CAA6C;IAC3E,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,0CAA0C;IAC3E,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE,4CAA4C;IAChF,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,oCAAoC;IACpE,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,mDAAmD;CACpF,CAAA;AAED,8BAA8B;AAC9B,MAAM,oBAAoB,GAA2C;IACnE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,6EAA6E;IAC7G,CAAC,sBAAsB,CAAC,MAAM,CAAC,EAAE,iDAAiD;IAClF,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,cAAc;CAC9C,CAAA;AAED,mBAAmB;AACnB,MAAM,eAAe,GAA+B;IAClD,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,SAAS;IAC1B,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,WAAW;IAC5B,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,SAAS;IAC1B,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW;IAC9B,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS;CAChC,CAAA;AAED,qBAAqB;AACrB,MAAM,iBAAiB,GAAwC;IAC7D,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,aAAa;IAC3C,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,aAAa;IAC3C,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE,eAAe;CAChD,CAAA;AAED,SAAS,SAAS,CAAC,CAAU;IAC3B,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;AACtE,CAAC;AACD,SAAS,gBAAgB,CAAC,CAAU;IAClC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,IAAI,GAAwF,KAAK,CAAC,UAAU,CAChH,CACE,EACE,OAAO,EACP,SAAS,EACT,OAAO,GAAG,oBAAoB,CAAC,OAAO,EACtC,SAAS,GAAG,sBAAsB,CAAC,KAAK,EACxC,IAAI,GAAG,UAAU,CAAC,EAAE,EACpB,MAAM,GAAG,mBAAmB,CAAC,MAAM,EACnC,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,EACgB,EAAE;IACrB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAClC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,WAAW,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE1E,iEAAiE;IACjE,MAAM,UAAU,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5E,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IACpD,MAAM,GAAG,GACP,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;IAE3F,mCAAmC;IACnC,SAAS,WAAW,CAAC,CAAsC;QACzD,IAAI,QAAQ,EAAE,CAAC;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACf,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,sCAAsC;QACtC,qCAAqC;QACrC,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,EACtB,MAAM,CAAC,MAAM,CAAC,UAAU;QACxB,gBAAgB;QAChB,gBAAgB,CAAC,OAAO,CAAC;QACzB,0BAA0B;QAC1B,oBAAoB,CAAC,SAAS,CAAC,EAC/B,eAAe,CAAC,IAAI,CAAC,EACrB,iBAAiB,CAAC,MAAM,CAAC,EACzB,SAAS,CACV,EACD,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAChC,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,mBACO,QAAQ,IAAI,SAAS,EACpC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EACxC,OAAO,EAAE,WAAW,KAChB,KAAK,aAER,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,QAAQ,GAAQ,EACjD,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,CAC5B,8BAAkB,MAAM,EAAC,SAAS,EAAC,UAAU,YAAE,YAAY,GAAQ,CACpE,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,UAAU,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC5D,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/esm/components/typography/text.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Link } from '@wildo-ai/saas-frontend-lib';
+import { TextVariant } from '@wildo-ai/presets-components-models';
+export { TextVariant };
+import type { TextProps } from '@wildo-ai/saas-frontend-lib';
+export declare function Text({ className, variant, ...props }: TextProps): React.JSX.Element;
+export declare function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): React.JSX.Element;
+export declare function Strong({ className, ...props }: React.ComponentPropsWithoutRef<'strong'>): React.JSX.Element;
+export declare function Code({ className, ...props }: React.ComponentPropsWithoutRef<'code'>): React.JSX.Element;
+//# sourceMappingURL=text.d.ts.map

package/dist/esm/components/typography/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAiC,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAEhG,OAAO,EAAE,WAAW,EAAE,CAAA;AAYtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAG5D,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,OAA6B,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiBzG;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUhH;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE3G;AAED,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAavG"}

package/dist/esm/components/typography/text.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, useUI, Link } from '@wildo-ai/saas-frontend-lib';
+import { UIBehavior, TypographyVariant, TextVariant } from '@wildo-ai/presets-components-models';
+export { TextVariant };
+/** Maps semantic text variants to token-based color classes */
+const textVariantColors = {
+    [TextVariant.DEFAULT]: "text-foreground",
+    [TextVariant.MUTED]: "text-muted-foreground",
+    [TextVariant.CONTRAST]: "text-foreground",
+    [TextVariant.DESTRUCTIVE]: "text-destructive",
+    [TextVariant.SUCCESS]: "text-success",
+    [TextVariant.INHERIT]: "text-inherit",
+};
+export function Text({ className, variant = TextVariant.DEFAULT, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.BODY);
+    return (_jsx("p", { "data-slot": "text", ...props, className: cn(
+        // Style from TYPOGRAPHY.BODY recipe
+        recipe.base, 
+        // Color variant
+        textVariantColors[variant], className) }));
+}
+export function TextLink({ className, ...props }) {
+    return (_jsx(Link, { ...props, className: cn('text-foreground underline decoration-foreground/50 data-hover:decoration-foreground', className) }));
+}
+export function Strong({ className, ...props }) {
+    return _jsx("strong", { ...props, className: cn('font-medium text-foreground', className) });
+}
+export function Code({ className, ...props }) {
+    return (_jsx("code", { ...props, className: cn(
+        // Structure
+        'rounded-sm px-0.5', 
+        // Style — uses tokens for colors
+        'border border-border bg-muted text-sm font-medium text-foreground sm:text-[0.8125rem]', className) }));
+}
+//# sourceMappingURL=text.js.map

package/dist/esm/components/typography/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAEhG,OAAO,EAAE,WAAW,EAAE,CAAA;AAEtB,+DAA+D;AAC/D,MAAM,iBAAiB,GAAgC;IACrD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,iBAAiB;IACxC,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,uBAAuB;IAC5C,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,iBAAiB;IACzC,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,kBAAkB;IAC7C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,cAAc;IACrC,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,cAAc;CACtC,CAAA;AAKD,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,GAAG,KAAK,EAAa;IACpF,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEvE,OAAO,CACL,yBACY,MAAM,KACZ,KAAK,EACT,SAAS,EAAE,EAAE;QACX,oCAAoC;QACpC,MAAM,CAAC,IAAI;QACX,gBAAgB;QAChB,iBAAiB,CAAC,OAAO,CAAC,EAC1B,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+C;IAC3F,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA4C;IACtF,OAAO,oBAAY,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,GAAI,CAAA;AACvF,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0C;IAClF,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,mBAAmB;QACnB,iCAAiC;QACjC,uFAAuF,EACvF,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC"}

package/dist/esm/components/typography/truncated-text.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import type { TruncatedTextProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * TruncatedText - A text component that truncates with ellipsis and shows full text in tooltip on hover
+ *
+ * Only shows tooltip when the text is actually truncated.
+ *
+ * @example
+ * ```tsx
+ * <TruncatedText maxWidth="200px">
+ *   This is a very long text that will be truncated with an ellipsis
+ * </TruncatedText>
+ * ```
+ */
+declare function TruncatedText({ children, className, textClassName, maxWidth, tooltipSide, tooltipDelayDuration, alwaysShowTooltip, ...props }: TruncatedTextProps): React.JSX.Element;
+export { TruncatedText };
+//# sourceMappingURL=truncated-text.d.ts.map

package/dist/esm/components/typography/truncated-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncated-text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/truncated-text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAErE;;;;;;;;;;;GAWG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAiB,EACjB,WAA+B,EAC/B,oBAA0B,EAC1B,iBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4DxC;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/components/typography/truncated-text.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useLayoutEffect } from "react";
+import { Tooltip, TooltipTrigger, TooltipContent, cn } from "@wildo-ai/saas-frontend-lib";
+import { PlacementSide } from "@wildo-ai/presets-components-models";
+/**
+ * TruncatedText - A text component that truncates with ellipsis and shows full text in tooltip on hover
+ *
+ * Only shows tooltip when the text is actually truncated.
+ *
+ * @example
+ * ```tsx
+ * <TruncatedText maxWidth="200px">
+ *   This is a very long text that will be truncated with an ellipsis
+ * </TruncatedText>
+ * ```
+ */
+function TruncatedText({ children, className, textClassName, maxWidth = "100%", tooltipSide = PlacementSide.TOP, tooltipDelayDuration = 300, alwaysShowTooltip = false, ...props }) {
+    const textRef = useRef(null);
+    const [isTruncated, setIsTruncated] = useState(false);
+    // Check if text is truncated by comparing scrollWidth vs clientWidth
+    useLayoutEffect(() => {
+        const checkTruncation = () => {
+            if (textRef.current) {
+                const isOverflowing = textRef.current.scrollWidth > textRef.current.clientWidth;
+                setIsTruncated(isOverflowing);
+            }
+        };
+        checkTruncation();
+        // Re-check on resize
+        const resizeObserver = new ResizeObserver(checkTruncation);
+        if (textRef.current) {
+            resizeObserver.observe(textRef.current);
+        }
+        return () => resizeObserver.disconnect();
+    }, [children]);
+    const textContent = (_jsx("span", { ref: textRef, "data-slot": "truncated-text", className: cn("block truncate text-start", textClassName), style: { maxWidth }, ...props, children: children }));
+    // Only wrap in tooltip if text is truncated or alwaysShowTooltip is true
+    if (isTruncated || alwaysShowTooltip) {
+        return (_jsxs(Tooltip, { delayDuration: tooltipDelayDuration, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: cn("inline-block w-full", className), children: textContent }) }), _jsx(TooltipContent, { side: tooltipSide, children: children })] }));
+    }
+    return (_jsx("span", { className: cn("inline-block w-full", className), children: textContent }));
+}
+export { TruncatedText };
+//# sourceMappingURL=truncated-text.js.map

package/dist/esm/components/typography/truncated-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncated-text.js","sourceRoot":"","sources":["../../../../src/components/typography/truncated-text.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAGnE;;;;;;;;;;;GAWG;AACH,SAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,aAAa,CAAC,GAAG,EAC/B,oBAAoB,GAAG,GAAG,EAC1B,iBAAiB,GAAG,KAAK,EACzB,GAAG,KAAK,EACW;IACnB,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,qEAAqE;IACrE,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;gBAChF,cAAc,CAAC,aAAa,CAAC,CAAC;YAChC,CAAC;QACH,CAAC,CAAC;QAEF,eAAe,EAAE,CAAC;QAElB,qBAAqB;QACrB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,eAAe,CAAC,CAAC;QAC3D,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,CAClB,eACE,GAAG,EAAE,OAAO,eACF,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,aAAa,CACd,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,KACf,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;IAEF,yEAAyE;IACzE,IAAI,WAAW,IAAI,iBAAiB,EAAE,CAAC;QACrC,OAAO,CACL,MAAC,OAAO,IAAC,aAAa,EAAE,oBAAoB,aAC1C,KAAC,cAAc,IAAC,OAAO,kBACrB,eAAM,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAClD,WAAW,GACP,GACQ,EACjB,KAAC,cAAc,IAAC,IAAI,EAAE,WAAW,YAC9B,QAAQ,GACM,IACT,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAClD,WAAW,GACP,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}