@timmbr/ui 1.5.0 → 1.7.0

package/dist/components/PageHeader/PageHeader.styles.js

@@ -0,0 +1,23 @@
+import { cva } from 'class-variance-authority';
+
+const pageHeaderVariants = cva("flex flex-col font-sans", {
+  variants: {
+    divider: {
+      true: "border-b border-border pb-4",
+      false: ""
+    }
+  },
+  defaultVariants: { divider: false }
+});
+const pageHeaderTitleVariants = cva("text-foreground tracking-tight", {
+  variants: {
+    size: {
+      sm: "text-h5",
+      default: "text-h4",
+      lg: "text-h3"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+
+export { pageHeaderTitleVariants, pageHeaderVariants };

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

@@ -0,0 +1,24 @@
+import type * as React from 'react';
+import type { PageHeaderTitleVariants, PageHeaderVariants } from './PageHeader.styles';
+export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'>, PageHeaderVariants, PageHeaderTitleVariants {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Buttons or links aligned to the end of the title row. */
+    actions?: React.ReactNode;
+    /**
+     * "‹ Back" link above the title, rendered by LinkButton (`variant="back"`).
+     * Same-app links use next/link (base path aware); set `crossZone` for a
+     * full navigation to another app.
+     */
+    back?: {
+        href: string;
+        label: React.ReactNode;
+        crossZone?: boolean;
+        ariaLabel?: string;
+    };
+    /** `id` of the heading, for `aria-labelledby` on a surrounding section. */
+    titleId?: string;
+    /** Heading element. Defaults to `h1`; use `h2` for sections within a page. */
+    as?: 'h1' | 'h2' | 'h3';
+}
+//# sourceMappingURL=PageHeader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.types.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEvF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,kBAAkB,EAClB,uBAAuB;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzF,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACzB"}

package/dist/components/PageHeader/index.d.ts

@@ -0,0 +1,4 @@
+export * from './PageHeader';
+export * from './PageHeader.types';
+export * from './PageHeader.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PageHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC"}

package/dist/components/Pagination/Pagination.d.ts

@@ -1,15 +1,21 @@
 import * as React from 'react';
-import type { PaginationProps, PaginationContentProps, PaginationItemProps, PaginationLinkProps, PaginationPreviousProps, PaginationNextProps, PaginationEllipsisProps } from './Pagination.types';
+import type { PaginationProps, PaginationContentProps, PaginationItemProps, PaginationLinkProps, PaginationPreviousProps, PaginationNextProps, PaginationEllipsisProps, PaginationSummaryProps } from './Pagination.types';
 export declare const Pagination: React.FC<PaginationProps>;
 export declare const PaginationContent: React.ForwardRefExoticComponent<Omit<PaginationContentProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
 export declare const PaginationItem: React.ForwardRefExoticComponent<Omit<PaginationItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+/** A page button, or (with `asChild`) a link such as `next/link`. */
 export declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const PaginationPrevious: {
-    ({ className, ...props }: PaginationPreviousProps): React.JSX.Element;
+    ({ label, ariaLabel, ...props }: PaginationPreviousProps): React.JSX.Element;
     displayName: string;
 };
 export declare const PaginationNext: {
-    ({ className, ...props }: PaginationNextProps): React.JSX.Element;
+    ({ label, ariaLabel, ...props }: PaginationNextProps): React.JSX.Element;
+    displayName: string;
+};
+/** "Page 2 of 5" between the step links (announced politely when it changes). */
+export declare const PaginationSummary: {
+    ({ className, ...props }: PaginationSummaryProps): React.JSX.Element;
     displayName: string;
 };
 export declare const PaginationEllipsis: {

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQhD,CAAC;AAGF,eAAO,MAAM,iBAAiB,8GAS7B,CAAC;AAGF,eAAO,MAAM,cAAc,wGAI1B,CAAC;AAGF,eAAO,MAAM,cAAc,+FAY1B,CAAC;AAGF,eAAO,MAAM,kBAAkB;8BAG5B,uBAAuB;;CASzB,CAAC;AAGF,eAAO,MAAM,cAAc;8BAGxB,mBAAmB;;CASrB,CAAC;AAGF,eAAO,MAAM,kBAAkB;8BAG5B,uBAAuB;;CAUzB,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EACV,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EAEvB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOhD,CAAC;AAGF,eAAO,MAAM,iBAAiB,8GAS7B,CAAC;AAGF,eAAO,MAAM,cAAc,wGAI1B,CAAC;AAGF,qEAAqE;AACrE,eAAO,MAAM,cAAc,+FAe1B,CAAC;AAsDF,eAAO,MAAM,kBAAkB;qCAI5B,uBAAuB;;CAAqF,CAAC;AAGhH,eAAO,MAAM,cAAc;qCAIxB,mBAAmB;;CAAiF,CAAC;AAGxG,iFAAiF;AACjF,eAAO,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAUhF,CAAC;AAGF,eAAO,MAAM,kBAAkB;8BAG5B,uBAAuB;;CAUzB,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -1,14 +1,15 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
 import { cn } from '@timmbr/utils';
-import { MoreHorizontal, ChevronRight, ChevronLeft } from '@timmbr/icons';
+import { MoreHorizontal, ChevronLeft, ChevronRight } from '@timmbr/icons';
 import { paginationLinkVariants } from './Pagination.styles.js';
+import { Text } from '../Text/Text.js';
 
 const Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "nav",
   {
-    role: "navigation",
     "aria-label": "pagination",
     "data-slot": "pagination",
     className: cn("mx-auto flex w-full justify-center font-sans", className),
@@ -33,52 +34,72 @@ const PaginationItem = React.forwardRef(
 );
 PaginationItem.displayName = "PaginationItem";
 const PaginationLink = React.forwardRef(
-  ({ className, isActive, size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type: "button",
-      "aria-current": isActive ? "page" : void 0,
-      "data-slot": "pagination-link",
-      "data-active": isActive,
-      className: cn(paginationLinkVariants({ isActive, size }), className),
-      ...props
-    }
-  )
+  ({ className, isActive, size = "default", asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        ...asChild ? {} : { type: "button" },
+        "aria-current": isActive ? "page" : void 0,
+        "data-slot": "pagination-link",
+        "data-active": isActive,
+        className: cn(paginationLinkVariants({ isActive, size }), className),
+        ...props
+      }
+    );
+  }
 );
 PaginationLink.displayName = "PaginationLink";
-const PaginationPrevious = ({
+const DefaultLink = ({ href, children, ...rest }) => /* @__PURE__ */ jsx("a", { href, ...rest, children });
+function StepLink({
+  direction,
+  href,
+  linkComponent: LinkComponent = DefaultLink,
+  label,
+  ariaLabel,
+  disabled,
   className,
+  children,
   ...props
-}) => /* @__PURE__ */ jsxs(
-  PaginationLink,
-  {
-    "aria-label": "Go to previous page",
-    className: cn("gap-1 pl-2.5", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }),
-      /* @__PURE__ */ jsx("span", { children: "Previous" })
-    ]
+}) {
+  const icon = direction === "previous" ? /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" });
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    direction === "previous" && icon,
+    /* @__PURE__ */ jsx("span", { children: children ?? label }),
+    direction === "next" && icon
+  ] });
+  const classes = cn("gap-1", direction === "previous" ? "pl-2.5" : "pr-2.5", className);
+  if (href && !disabled) {
+    return /* @__PURE__ */ jsx(PaginationLink, { asChild: true, "aria-label": ariaLabel, className: classes, ...props, children: /* @__PURE__ */ jsx(LinkComponent, { href, children: content }) });
   }
-);
+  return /* @__PURE__ */ jsx(PaginationLink, { "aria-label": ariaLabel, disabled, className: classes, ...props, children: content });
+}
+const PaginationPrevious = ({
+  label = "Previous",
+  ariaLabel = "Go to previous page",
+  ...props
+}) => /* @__PURE__ */ jsx(StepLink, { direction: "previous", label, ariaLabel, ...props });
 PaginationPrevious.displayName = "PaginationPrevious";
 const PaginationNext = ({
-  className,
+  label = "Next",
+  ariaLabel = "Go to next page",
   ...props
-}) => /* @__PURE__ */ jsxs(
-  PaginationLink,
+}) => /* @__PURE__ */ jsx(StepLink, { direction: "next", label, ariaLabel, ...props });
+PaginationNext.displayName = "PaginationNext";
+const PaginationSummary = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  Text,
   {
-    "aria-label": "Go to next page",
-    className: cn("gap-1 pr-2.5", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { children: "Next" }),
-      /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
-    ]
+    as: "span",
+    variant: "body-2",
+    foreground: "muted",
+    "aria-live": "polite",
+    "data-slot": "pagination-summary",
+    className: cn("px-2", className),
+    ...props
   }
 );
-PaginationNext.displayName = "PaginationNext";
+PaginationSummary.displayName = "PaginationSummary";
 const PaginationEllipsis = ({
   className,
   ...props
@@ -97,4 +118,4 @@ const PaginationEllipsis = ({
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationSummary };

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

@@ -1,5 +1,5 @@
 export declare const paginationLinkVariants: (props?: ({
     isActive?: boolean | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=Pagination.styles.d.ts.map

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

@@ -68,24 +68,32 @@ export interface PaginationLinkProps extends React.ButtonHTMLAttributes<HTMLButt
      */
     children?: React.ReactNode;
 }
-/**
- * Previous page action button.
- */
-export interface PaginationPreviousProps extends PaginationLinkProps {
-    /**
-     * Custom label or override text for Previous button.
-     */
+/** Props of the link component used by Previous / Next (e.g. next/link). */
+export interface PaginationLinkComponentProps {
+    href: string;
     children?: React.ReactNode;
+    className?: string;
+}
+interface PaginationStepProps extends Omit<PaginationLinkProps, 'asChild'> {
+    /** Page URL: renders a link (URL-based paging) instead of a button. */
+    href?: string;
+    /** Link to render `href` with (e.g. next/link). Defaults to `<a>`. */
+    linkComponent?: React.ComponentType<PaginationLinkComponentProps>;
+    /** Visible text (localise it). */
+    label?: React.ReactNode;
+    /** Accessible name (localise it). */
+    ariaLabel?: string;
 }
 /**
- * Next page action button.
+ * Previous page action (link with `href`, otherwise a button).
  */
-export interface PaginationNextProps extends PaginationLinkProps {
-    /**
-     * Custom label or override text for Next button.
-     */
-    children?: React.ReactNode;
-}
+export type PaginationPreviousProps = PaginationStepProps;
+/**
+ * Next page action (link with `href`, otherwise a button).
+ */
+export type PaginationNextProps = PaginationStepProps;
+/** "Page x of y" text. */
+export type PaginationSummaryProps = React.ComponentProps<'span'>;
 /**
  * Decorative ellipsis indicator representing omitted pages in the range.
  */
@@ -95,4 +103,5 @@ export interface PaginationEllipsisProps extends React.ComponentProps<'span'> {
      */
     className?: string;
 }
+export {};
 //# sourceMappingURL=Pagination.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAClE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACxE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACrE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IAC3E;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAClE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACxE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACrE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,4EAA4E;AAC5E,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IACxE,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;IAClE,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AAEtD,0BAA0B;AAC1B,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IAC3E;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Price/Price.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { PriceProps } from './Price.types';
+/** Whole-number saving of `amount` against `compareAt`, or `null` when there is none. */
+export declare function discountPercent(amount: number, compareAt?: number | null): number | null;
+/**
+ * A price with an optional struck-through original price and the saving,
+ * e.g. ₹32,999 ~~₹66,999~~ 51% Off.
+ */
+export declare const Price: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Price.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,yFAAyF;AACzF,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAIxF;AAID;;;GAGG;AACH,eAAO,MAAM,KAAK,mFAwCjB,CAAC"}

package/dist/components/Price/Price.js

@@ -0,0 +1,49 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { formatCurrency, cn } from '@timmbr/utils';
+import { priceAmountVariants, priceCompareVariants, priceDiscountVariants, priceVariants } from './Price.styles.js';
+
+function discountPercent(amount, compareAt) {
+  if (compareAt == null || compareAt <= 0 || compareAt <= amount) return null;
+  const percent = Math.round((compareAt - amount) / compareAt * 100);
+  return percent > 0 ? percent : null;
+}
+const defaultFormatDiscount = (percent) => `${percent}% Off`;
+const Price = React.forwardRef(
+  ({
+    amount,
+    compareAt,
+    currency = "INR",
+    locale = "en-IN",
+    showDiscount = true,
+    formatDiscount = defaultFormatDiscount,
+    srLabels,
+    size,
+    className,
+    ...props
+  }, ref) => {
+    const percent = discountPercent(amount, compareAt);
+    return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "price", className: cn(priceVariants({ size }), className), ...props, children: [
+      /* @__PURE__ */ jsxs("span", { className: priceAmountVariants({ size }), "data-slot": "price-amount", children: [
+        srLabels?.price && /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+          srLabels.price,
+          " "
+        ] }),
+        formatCurrency(amount, currency, locale)
+      ] }),
+      percent !== null && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("s", { className: priceCompareVariants({ size }), "data-slot": "price-compare", children: [
+          srLabels?.compareAt && /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+            srLabels.compareAt,
+            " "
+          ] }),
+          formatCurrency(compareAt, currency, locale)
+        ] }),
+        showDiscount && /* @__PURE__ */ jsx("span", { className: priceDiscountVariants({ size }), "data-slot": "price-discount", children: formatDiscount(percent) })
+      ] })
+    ] });
+  }
+);
+Price.displayName = "Price";
+
+export { Price, discountPercent };

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

@@ -0,0 +1,15 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const priceVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const priceAmountVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const priceCompareVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const priceDiscountVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type PriceVariants = VariantProps<typeof priceVariants>;
+//# sourceMappingURL=Price.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Price.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,aAAa;;8EASxB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAS9B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAS/B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAShC,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/dist/components/Price/Price.styles.js

@@ -0,0 +1,44 @@
+import { cva } from 'class-variance-authority';
+
+const priceVariants = cva("inline-flex flex-wrap items-baseline font-sans text-foreground", {
+  variants: {
+    size: {
+      sm: "gap-x-1.5",
+      md: "gap-x-1",
+      lg: "gap-x-2"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+const priceAmountVariants = cva("font-semibold", {
+  variants: {
+    size: {
+      sm: "text-body-1",
+      md: "text-subtitle-1",
+      lg: "text-h5 font-sans"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+const priceCompareVariants = cva("text-muted-foreground line-through", {
+  variants: {
+    size: {
+      sm: "text-body-3",
+      md: "text-body-3",
+      lg: "text-body-2"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+const priceDiscountVariants = cva("font-semibold text-success", {
+  variants: {
+    size: {
+      sm: "text-body-3",
+      md: "ms-1 text-body-2",
+      lg: "text-body-1"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+
+export { priceAmountVariants, priceCompareVariants, priceDiscountVariants, priceVariants };

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

@@ -0,0 +1,22 @@
+import type * as React from 'react';
+import type { PriceVariants } from './Price.styles';
+export interface PriceProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, PriceVariants {
+    /** Selling price. */
+    amount: number;
+    /** Original price; shown struck through when higher than `amount`. */
+    compareAt?: number | null;
+    /** ISO 4217 code (default `INR`). */
+    currency?: string;
+    /** BCP 47 locale for formatting (default `en-IN`). */
+    locale?: string;
+    /** Show the saving as a percentage, e.g. "51% Off" (default `true`). */
+    showDiscount?: boolean;
+    /** Text of the discount, from the rounded percentage (default `"51% Off"`). */
+    formatDiscount?: (percent: number) => string;
+    /** Screen-reader prefixes for the two prices. */
+    srLabels?: {
+        price?: string;
+        compareAt?: string;
+    };
+}
+//# sourceMappingURL=Price.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Price.types.d.ts","sourceRoot":"","sources":["../../../src/components/Price/Price.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,aAAa;IACvG,qBAAqB;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,iDAAiD;IACjD,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACnD"}

package/dist/components/Price/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Price';
+export * from './Price.types';
+export * from './Price.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Price/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Price/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

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

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const progressRootVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const progressIndicatorVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | "primary" | null | undefined;

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

@@ -1,9 +1,9 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const radioItemVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const radioIndicatorVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type RadioItemVariants = VariantProps<typeof radioItemVariants>;
 //# sourceMappingURL=Radio.styles.d.ts.map

package/dist/components/Rating/Rating.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { RatingProps } from './Rating.types';
+/** Read-only average rating: "4.5 ★ (817)". */
+export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,+CAA+C;AAC/C,eAAO,MAAM,MAAM,oFA4BlB,CAAC"}

package/dist/components/Rating/Rating.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { Star } from '@timmbr/icons';
+import { ratingVariants } from './Rating.styles.js';
+
+const Rating = React.forwardRef(
+  ({ value, max = 5, count, locale = "en-IN", label, size, className, ...props }, ref) => {
+    const shown = new Intl.NumberFormat(locale, { maximumFractionDigits: 1 }).format(value);
+    const counted = count !== void 0 ? new Intl.NumberFormat(locale).format(count) : void 0;
+    const accessibleName = label ?? `Rated ${shown} out of ${max}${counted !== void 0 ? ` from ${counted} ratings` : ""}`;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "img",
+        "aria-label": accessibleName,
+        "data-slot": "rating",
+        className: cn(ratingVariants({ size }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "inline-flex items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: shown }),
+            /* @__PURE__ */ jsx(Star, { className: "fill-warning text-warning" })
+          ] }),
+          counted !== void 0 && /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "text-muted-foreground", children: [
+            "(",
+            counted,
+            ")"
+          ] })
+        ]
+      }
+    );
+  }
+);
+Rating.displayName = "Rating";
+
+export { Rating };

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

@@ -0,0 +1,6 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const ratingVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type RatingVariants = VariantProps<typeof ratingVariants>;
+//# sourceMappingURL=Rating.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,cAAc;;8EAQzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/components/Rating/Rating.styles.js

@@ -0,0 +1,13 @@
+import { cva } from 'class-variance-authority';
+
+const ratingVariants = cva("inline-flex items-center font-sans text-foreground", {
+  variants: {
+    size: {
+      sm: "gap-1 text-body-3 [&_svg]:size-3.5",
+      md: "gap-1.5 text-body-2 [&_svg]:size-4"
+    }
+  },
+  defaultVariants: { size: "sm" }
+});
+
+export { ratingVariants };

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

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+import type { RatingVariants } from './Rating.styles';
+export interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, RatingVariants {
+    /** Average rating, e.g. 4.5. */
+    value: number;
+    /** Highest possible rating (default 5). */
+    max?: number;
+    /** Number of ratings or reviews, shown as "(817)". */
+    count?: number;
+    /** BCP 47 locale for the numbers (default `en-IN`). */
+    locale?: string;
+    /**
+     * Accessible description; the visible "4.5 ★ (817)" is hidden from screen
+     * readers. Default: "Rated 4.5 out of 5 from 817 ratings".
+     */
+    label?: string;
+}
+//# sourceMappingURL=Rating.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.types.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,cAAc;IACzG,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/Rating/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Rating';
+export * from './Rating.types';
+export * from './Rating.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Rating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}