@timmbr/ui 1.15.1 → 1.17.0

package/dist/components/Stepper/Stepper.js

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { cn } from '@timmbr/utils';
 import { Check, X } from '@timmbr/icons';
 import { stepConnectorVariants, stepIndicatorVariants, stepperVariants } from './Stepper.styles.js';
+import { ProgressStepper } from './subcomponents/ProgressStepper.js';
 
 function stateOf(index, current, status) {
   if (index < current) return "complete";
@@ -10,71 +11,84 @@ function stateOf(index, current, status) {
   return "upcoming";
 }
 const Stepper = React.forwardRef(
-  ({ steps, current, status = "default", orientation = "horizontal", className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "ol",
-    {
-      ref,
-      "data-slot": "stepper",
-      "data-orientation": orientation,
-      className: cn(stepperVariants({ orientation }), className),
-      ...props,
-      children: steps.map((step, index) => {
-        const state = stateOf(index, current, status);
-        const isLast = index === steps.length - 1;
-        return /* @__PURE__ */ jsxs(
-          "li",
-          {
-            "data-state": state,
-            "aria-current": state === "current" || state === "error" ? "step" : void 0,
-            className: cn(
-              "relative flex min-w-0",
-              orientation === "horizontal" ? "flex-1 flex-col items-center text-center" : "gap-3 pb-6 last:pb-0"
-            ),
-            children: [
-              !isLast && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: stepConnectorVariants({
-                    orientation,
-                    complete: state === "complete"
-                  })
-                }
+  ({ steps, current, status = "default", orientation = "horizontal", variant = "default", className, ...props }, ref) => {
+    if (variant === "progress") {
+      return /* @__PURE__ */ jsx(
+        ProgressStepper,
+        {
+          steps,
+          current,
+          status,
+          className
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref,
+        "data-slot": "stepper",
+        "data-orientation": orientation,
+        className: cn(stepperVariants({ orientation }), className),
+        ...props,
+        children: steps.map((step, index) => {
+          const state = stateOf(index, current, status);
+          const isLast = index === steps.length - 1;
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              "data-state": state,
+              "aria-current": state === "current" || state === "error" ? "step" : void 0,
+              className: cn(
+                "relative flex min-w-0",
+                orientation === "horizontal" ? "flex-1 flex-col items-center text-center" : "gap-3 pb-6 last:pb-0"
               ),
-              /* @__PURE__ */ jsx("span", { className: stepIndicatorVariants({ state }), "aria-hidden": "true", children: state === "complete" ? /* @__PURE__ */ jsx(Check, { size: 14, strokeWidth: 3 }) : state === "error" ? /* @__PURE__ */ jsx(X, { size: 14, strokeWidth: 3 }) : index + 1 }),
-              /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  className: cn(
-                    "min-w-0",
-                    orientation === "horizontal" ? "mt-2 px-1" : "pt-0.5"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsxs(
-                      "span",
-                      {
-                        className: cn(
-                          "block text-body-2 font-medium",
-                          state === "upcoming" ? "text-muted-foreground" : "text-foreground",
-                          state === "error" && "text-destructive"
-                        ),
-                        children: [
-                          step.label,
-                          /* @__PURE__ */ jsx("span", { className: "sr-only", children: state === "complete" ? " (completed)" : state === "error" ? " (failed)" : "" })
-                        ]
-                      }
+              children: [
+                !isLast && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: stepConnectorVariants({
+                      orientation,
+                      complete: state === "complete"
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: stepIndicatorVariants({ state }), "aria-hidden": "true", children: state === "complete" ? /* @__PURE__ */ jsx(Check, { size: 14, strokeWidth: 3 }) : state === "error" ? /* @__PURE__ */ jsx(X, { size: 14, strokeWidth: 3 }) : index + 1 }),
+                /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    className: cn(
+                      "min-w-0",
+                      orientation === "horizontal" ? "mt-2 px-1" : "pt-0.5"
                     ),
-                    step.description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-caption-lg text-muted-foreground", children: step.description })
-                  ]
-                }
-              )
-            ]
-          },
-          step.id ?? index
-        );
-      })
-    }
-  )
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          className: cn(
+                            "block text-body-2 font-medium",
+                            state === "upcoming" ? "text-muted-foreground" : "text-foreground",
+                            state === "error" && "text-destructive"
+                          ),
+                          children: [
+                            step.label,
+                            /* @__PURE__ */ jsx("span", { className: "sr-only", children: state === "complete" ? " (completed)" : state === "error" ? " (failed)" : "" })
+                          ]
+                        }
+                      ),
+                      step.description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-caption-lg text-muted-foreground", children: step.description })
+                    ]
+                  }
+                )
+              ]
+            },
+            step.id ?? index
+          );
+        })
+      }
+    );
+  }
 );
 Stepper.displayName = "Stepper";
 

package/dist/components/Stepper/Stepper.styles.d.ts

@@ -11,4 +11,13 @@ export declare const stepConnectorVariants: (props?: ({
     complete?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type StepperVariants = VariantProps<typeof stepperVariants>;
+export declare const stepProgressIndicatorVariants: (props?: ({
+    state?: "current" | "error" | "complete" | "upcoming" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const stepProgressConnectorVariants: (props?: ({
+    state?: "current" | "error" | "complete" | "upcoming" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const stepProgressBadgeVariants: (props?: ({
+    state?: "current" | "error" | "complete" | "upcoming" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=Stepper.styles.d.ts.map

package/dist/components/Stepper/Stepper.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,eAAe;;8EAQ1B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAajC,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,qBAAqB;;;8EAYhC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Stepper.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,eAAe;;8EAQ1B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAajC,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,qBAAqB;;;8EAYhC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAInE,eAAO,MAAM,6BAA6B;;8EAazC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;8EAazC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;8EAarC,CAAC"}

package/dist/components/Stepper/Stepper.styles.js

@@ -36,5 +36,47 @@ const stepConnectorVariants = cva("absolute", {
   },
   defaultVariants: { orientation: "horizontal", complete: false }
 });
+const stepProgressIndicatorVariants = cva(
+  "relative z-10 flex size-10 shrink-0 items-center justify-center rounded-full border-2 transition-colors",
+  {
+    variants: {
+      state: {
+        complete: "border-primary bg-primary text-primary-foreground",
+        current: "border-primary bg-background text-primary ring-4 ring-primary/15",
+        error: "border-destructive bg-destructive text-destructive-foreground",
+        upcoming: "border-dashed border-muted-foreground/30 bg-background text-muted-foreground"
+      }
+    },
+    defaultVariants: { state: "upcoming" }
+  }
+);
+const stepProgressConnectorVariants = cva(
+  "absolute left-1/2 top-5 h-0.5 w-full",
+  {
+    variants: {
+      state: {
+        complete: "bg-primary",
+        current: "bg-primary",
+        error: "bg-destructive",
+        upcoming: "bg-border"
+      }
+    },
+    defaultVariants: { state: "upcoming" }
+  }
+);
+const stepProgressBadgeVariants = cva(
+  "inline-flex items-center rounded-full px-2.5 py-0.5 text-caption-lg font-medium",
+  {
+    variants: {
+      state: {
+        complete: "border-transparent bg-success/10 text-success",
+        current: "border-transparent bg-primary/10 text-primary",
+        error: "border-transparent bg-destructive/10 text-destructive",
+        upcoming: "border border-border bg-transparent text-muted-foreground"
+      }
+    },
+    defaultVariants: { state: "upcoming" }
+  }
+);
 
-export { stepConnectorVariants, stepIndicatorVariants, stepperVariants };
+export { stepConnectorVariants, stepIndicatorVariants, stepProgressBadgeVariants, stepProgressConnectorVariants, stepProgressIndicatorVariants, stepperVariants };

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

@@ -2,9 +2,20 @@ import type * as React from 'react';
 export type StepState = 'complete' | 'current' | 'error' | 'upcoming';
 export interface StepItem {
     id?: string;
+    /** Primary step name — rendered as bold title in the progress variant. */
     label: React.ReactNode;
-    /** Secondary line, e.g. a date. */
+    /** Secondary line below the title — e.g. a date, hint, or sub-step name. */
     description?: React.ReactNode;
+    /** Icon rendered inside the step circle (progress variant).
+     *  Completed steps always show <Check> regardless of this prop. */
+    icon?: React.ReactNode;
+    /** Override the auto-derived status badge text.
+     *  Defaults: complete → 'Completed', current → 'In Progress', error → 'Failed', upcoming → 'Pending'. */
+    statusLabel?: string;
+}
+/** Step item for the `progress` variant — `label` and `icon` are required. */
+export interface ProgressStepItem extends Omit<StepItem, 'icon'> {
+    icon: React.ReactNode;
 }
 export interface StepperProps extends React.OlHTMLAttributes<HTMLOListElement> {
     steps: StepItem[];
@@ -13,5 +24,7 @@ export interface StepperProps extends React.OlHTMLAttributes<HTMLOListElement> {
     /** `error` marks the current step as failed. */
     status?: 'default' | 'error';
     orientation?: 'horizontal' | 'vertical';
+    /** 'default' = numbered circles (existing). 'progress' = icon circles + status badges. */
+    variant?: 'default' | 'progress';
 }
 //# sourceMappingURL=Stepper.types.d.ts.map

package/dist/components/Stepper/Stepper.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAEtE,MAAM,WAAW,QAAQ;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;IAC5E,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC"}
+{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAEtE,MAAM,WAAW,QAAQ;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0EAA0E;IAC1E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;uEACmE;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;6GACyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,8EAA8E;AAC9E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC9D,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;IAC5E,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,0FAA0F;IAC1F,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAClC"}

package/dist/components/Stepper/subcomponents/ProgressStepper.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { ProgressStepItem, StepperProps } from '../Stepper.types';
+export interface ProgressStepperProps {
+    steps: ProgressStepItem[];
+    current: number;
+    status?: StepperProps['status'];
+    className?: string;
+}
+export declare function ProgressStepper({ steps, current, status, className }: ProgressStepperProps): React.JSX.Element;
+export declare namespace ProgressStepper {
+    var displayName: string;
+}
+//# sourceMappingURL=ProgressStepper.d.ts.map

package/dist/components/Stepper/subcomponents/ProgressStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStepper.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/subcomponents/ProgressStepper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,gBAAgB,EAAa,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAkB,EAAE,SAAS,EAAE,EAAE,oBAAoB,qBAgEtG;yBAhEe,eAAe"}

package/dist/components/Stepper/subcomponents/ProgressStepper.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cn } from '@timmbr/utils';
+import { Check, X } from '@timmbr/icons';
+import { stepProgressConnectorVariants, stepProgressIndicatorVariants, stepProgressBadgeVariants } from '../Stepper.styles.js';
+
+function stateOf(index, current, status) {
+  if (index < current) return "complete";
+  if (index === current) return status === "error" ? "error" : "current";
+  return "upcoming";
+}
+function resolveBadgeText(step, state) {
+  if (step.statusLabel) return step.statusLabel;
+  if (state === "complete") return "Completed";
+  if (state === "current") return "In Progress";
+  if (state === "error") return "Failed";
+  return "Pending";
+}
+function ProgressStepper({ steps, current, status = "default", className }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "stepper",
+      "data-variant": "progress",
+      "data-orientation": "horizontal",
+      className: cn("flex items-start font-sans", className),
+      children: steps.map((step, index) => {
+        const state = stateOf(index, current, status);
+        const isLast = index === steps.length - 1;
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            "data-state": state,
+            "aria-current": state === "current" || state === "error" ? "step" : void 0,
+            className: "relative flex flex-1 flex-col items-center text-center",
+            children: [
+              !isLast && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: stepProgressConnectorVariants({ state })
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: stepProgressIndicatorVariants({ state }), "aria-hidden": "true", children: state === "complete" ? /* @__PURE__ */ jsx(Check, { size: 16, strokeWidth: 2.5 }) : state === "error" ? /* @__PURE__ */ jsx(X, { size: 16, strokeWidth: 2.5 }) : step.icon ?? index + 1 }),
+              /* @__PURE__ */ jsxs("span", { className: "mt-3 min-w-0 px-1", children: [
+                /* @__PURE__ */ jsxs("span", { className: "block text-caption font-medium uppercase tracking-wide text-muted-foreground", children: [
+                  "Step ",
+                  index + 1
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    className: cn(
+                      "mt-0.5 block text-body-2 font-bold",
+                      state === "upcoming" ? "text-muted-foreground" : "text-foreground",
+                      state === "error" && "text-destructive"
+                    ),
+                    children: [
+                      step.label,
+                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: state === "complete" ? " (completed)" : state === "error" ? " (failed)" : "" })
+                    ]
+                  }
+                ),
+                step.description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-caption-lg text-muted-foreground", children: step.description }),
+                /* @__PURE__ */ jsx("span", { className: cn("mt-2 inline-block", stepProgressBadgeVariants({ state })), children: resolveBadgeText(step, state) })
+              ] })
+            ]
+          },
+          step.id ?? index
+        );
+      })
+    }
+  );
+}
+ProgressStepper.displayName = "ProgressStepper";
+
+export { ProgressStepper };

package/dist/components/Stepper/subcomponents/index.d.ts

@@ -0,0 +1,3 @@
+export { ProgressStepper } from './ProgressStepper';
+export type { ProgressStepperProps } from './ProgressStepper';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Stepper/subcomponents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/subcomponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/Center';
 export * from './components/Stack';
 export * from './components/Inline';
 export * from './components/ScrollRail';
+export * from './components/Panel';
 export * from './components/Input';
 export * from './components/Textarea';
 export * from './components/Select';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -27,6 +27,7 @@ export { DEFAULT_AUTH_MODAL_LABELS } from './components/AuthModal/AuthModal.labe
 export { DEFAULT_FILTER_DRAWER_LABELS, FilterDrawer } from './components/FilterDrawer/FilterDrawer.js';
 export { DEFAULT_FILTER_LABELS, FilterOptionList, FilterPanel, FilterPriceSlider, FilterToggleRow, isOptionDisabled } from './components/FilterPanel/FilterPanel.js';
 export { DEFAULT_FOOTER_LEGAL_LINKS, DEFAULT_FOOTER_SECTIONS, DEFAULT_FOOTER_SOCIAL_LINKS, isCrossZoneNavigation, resolveNavDestination } from './components/NavFooter/NavFooter.helpers.js';
+export { DEFAULT_H_COLLAPSED, DEFAULT_H_MAX, DEFAULT_H_MIN, DEFAULT_H_SIZE, DEFAULT_V_COLLAPSED, DEFAULT_V_MAX, DEFAULT_V_MIN, DEFAULT_V_SIZE, animatePanelSize, resolvePanelSizes, usePanelCollapse, usePanelResize, usePanelSnapCoordination } from './components/Panel/Panel.helpers.js';
 export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
 export { DataList, DataListAction, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
 export { DataTable } from './components/DataTable/DataTable.js';
@@ -72,6 +73,13 @@ export { PRICE_GROUP_KEY } from './components/FilterPanel/FilterPanel.types.js';
 export { PageHeader } from './components/PageHeader/PageHeader.js';
 export { PageProgress } from './components/PageProgress/PageProgress.js';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationSummary } from './components/Pagination/Pagination.js';
+export { Panel } from './components/Panel/Panel.js';
+export { PanelBody } from './components/Panel/subcomponents/PanelBody.js';
+export { PanelContext, usePanelContext } from './components/Panel/Panel.context.js';
+export { PanelDescription } from './components/Panel/subcomponents/PanelDescription.js';
+export { PanelFooter } from './components/Panel/subcomponents/PanelFooter.js';
+export { PanelHeader } from './components/Panel/subcomponents/PanelHeader.js';
+export { PanelTitle } from './components/Panel/subcomponents/PanelTitle.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
 export { Price, discountPercent } from './components/Price/Price.js';
 export { ProductGallery } from './components/ProductGallery/ProductGallery.js';
@@ -171,6 +179,7 @@ export { optionImageVariants, optionPickerLegendVariants, optionPickerVariants,
 export { otpContainerVariants, otpSlotVariants } from './components/OtpInput/OtpInput.styles.js';
 export { pageHeaderTitleVariants, pageHeaderVariants } from './components/PageHeader/PageHeader.styles.js';
 export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';
+export { panelBodyVariants, panelDescriptionVariants, panelFooterVariants, panelHeaderVariants, panelResizeHandleVariants, panelSectionFooterPadding, panelSectionPadding, panelTitleVariants, panelVariants } from './components/Panel/Panel.styles.js';
 export { popoverContentVariants } from './components/Popover/Popover.styles.js';
 export { priceAmountVariants, priceCompareVariants, priceDiscountVariants, priceVariants } from './components/Price/Price.styles.js';
 export { productGalleryArrowVariants, productGalleryCounterVariants, productGalleryFrameVariants, productGalleryLensVariants, productGalleryLightboxButtonVariants, productGalleryLightboxVariants, productGallerySlideVariants, productGalleryStageVariants, productGalleryThumbListVariants, productGalleryThumbVariants, productGalleryThumbsVariants, productGalleryTrackVariants, productGalleryVariants, productGalleryZoomPaneVariants } from './components/ProductGallery/ProductGallery.styles.js';
@@ -187,7 +196,7 @@ export { snackbarActionVariants, snackbarCloseVariants, snackbarHostVariants, sn
 export { spinnerIconVariants, spinnerVariants } from './components/Spinner/Spinner.styles.js';
 export { stackVariants } from './components/Stack/Stack.styles.js';
 export { statHelpTextVariants, statIndicatorVariants, statLabelVariants, statValueVariants, statVariants } from './components/Stat/Stat.styles.js';
-export { stepConnectorVariants, stepIndicatorVariants, stepperVariants } from './components/Stepper/Stepper.styles.js';
+export { stepConnectorVariants, stepIndicatorVariants, stepProgressBadgeVariants, stepProgressConnectorVariants, stepProgressIndicatorVariants, stepperVariants } from './components/Stepper/Stepper.styles.js';
 export { stockMeterFillVariants, stockMeterTrackVariants, stockMeterVariants } from './components/StockMeter/StockMeter.styles.js';
 export { subNavFooterVariants, subNavIconVariants, subNavItemVariants, subNavListVariants } from './components/SubNav/SubNav.styles.js';
 export { swatchVariants } from './components/Swatch/Swatch.styles.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timmbr/ui",
-  "version": "1.15.1",
+  "version": "1.17.0",
   "description": "High-performance, Next.js App Router-compatible UI design system components for Timmbr",
   "type": "module",
   "main": "./dist/index.js",
@@ -51,10 +51,10 @@
     "@tiptap/extension-text-align": "^2.11.0",
     "@tiptap/extension-placeholder": "^2.11.0",
     "@tiptap/extension-character-count": "^2.11.0",
-    "@timmbr/hooks": "1.2.0",
+    "@timmbr/theme": "1.3.0",
+    "@timmbr/hooks": "1.3.0",
     "@timmbr/icons": "1.6.0",
     "@timmbr/motion": "1.2.5",
-    "@timmbr/theme": "1.3.0",
     "@timmbr/utils": "1.6.0"
   },
   "peerDependencies": {