@psnext/design-system 2.3.0 → 2.5.0

package/dist/index11.d.ts

@@ -1,6 +1,6 @@
 import { t as Button } from "./index8.js";
 import * as React from "react";
-import * as react_jsx_runtime294 from "react/jsx-runtime";
+import * as react_jsx_runtime190 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region src/primitives/Calendar/Calendar.d.ts
@@ -17,14 +17,14 @@ declare function Calendar({
 }: React.ComponentProps<typeof DayPicker> & {
   /** Button variant used for the previous/next navigation controls. */
   buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-}): react_jsx_runtime294.JSX.Element;
+}): react_jsx_runtime190.JSX.Element;
 /** Single day cell button, applying selected/range styling from the day's modifiers. */
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime294.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime190.JSX.Element;
 //#endregion
 export { CalendarDayButton as n, Calendar as t };
 //# sourceMappingURL=index11.d.ts.map

package/dist/index11.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index11.d.ts","names":[],"sources":["../src/primitives/Calendar/Calendar.tsx"],"mappings":";;;;;;;iBAQS,QAAA;;;;;;;;;GASN,KAAA,CAAM,sBAAsB;;EATtB,aAAQ,CAAA,EAWC,KAAA,CAAM,cAXP,CAAA,OAW6B,MAX7B,CAAA,CAAA,SAAA,CAAA;CAAA,CAAA,EAYhB,oBAAA,CAAA,GAAA,CAAA,OAZgB;;iBAsIR,iBAAA,CApIP;EAAA,SAAA;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyIC,KAAA,CAAM,cAzIP,CAAA,OAyI6B,SAzI7B,CAAA,CAAA,EAyIuC,oBAAA,CAAA,GAAA,CAAA,OAzIvC"}
+{"version":3,"file":"index11.d.ts","names":[],"sources":["../src/primitives/Calendar/Calendar.tsx"],"mappings":";;;;;;;iBASS,QAAA;;;;;;;;;GASN,KAAA,CAAM,sBAAsB;;EATtB,aAAQ,CAAA,EAWC,KAAA,CAAM,cAXP,CAAA,OAW6B,MAX7B,CAAA,CAAA,SAAA,CAAA;CAAA,CAAA,EAYhB,oBAAA,CAAA,GAAA,CAAA,OAZgB;;iBAwIR,iBAAA,CAtIP;EAAA,SAAA;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2IC,KAAA,CAAM,cA3IP,CAAA,OA2I6B,SA3I7B,CAAA,CAAA,EA2IuC,oBAAA,CAAA,GAAA,CAAA,OA3IvC"}

package/dist/index12.d.cts

@@ -1,13 +1,13 @@
-import * as react_jsx_runtime158 from "react/jsx-runtime";
-import * as class_variance_authority_types20 from "class-variance-authority/types";
+import * as react_jsx_runtime338 from "react/jsx-runtime";
+import * as class_variance_authority_types29 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
 //#region src/primitives/Card/Card.d.ts
 declare const cardVariants: (props?: ({
-  variant?: "default" | "ai" | "inverted" | "glass" | "brand" | null | undefined;
-  tint?: "medium" | "subtle" | "light" | "heavy" | null | undefined;
-} & class_variance_authority_types20.ClassProp) | undefined) => string;
+  variant?: "default" | "glass" | "ai" | "inverted" | "brand" | null | undefined;
+  tint?: "subtle" | "medium" | "light" | "heavy" | null | undefined;
+} & class_variance_authority_types29.ClassProp) | undefined) => string;
 type CardProps = React.ComponentProps<"div"> & VariantProps<typeof cardVariants> & {
   /** Surface treatment of the card. Default `default` (solid surface). */
   variant?: VariantProps<typeof cardVariants>["variant"];
@@ -20,7 +20,7 @@ declare function Card({
   variant,
   tint,
   ...props
-}: CardProps): react_jsx_runtime158.JSX.Element;
+}: CardProps): react_jsx_runtime338.JSX.Element;
 declare const cardHeaderAlign: {
   readonly start: "items-start";
   readonly center: "items-center";
@@ -34,28 +34,28 @@ declare function CardHeader({
 }: React.ComponentProps<"div"> & {
   /** Vertical alignment of the header items. Default `center`. */
   align?: keyof typeof cardHeaderAlign;
-}): react_jsx_runtime158.JSX.Element;
+}): react_jsx_runtime338.JSX.Element;
 /** Card heading rendered as an `h4`. Figma binds the body font (Inter Semibold
     16/24), so we override the base heading styles explicitly. */
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime338.JSX.Element;
 /** Muted supporting text shown beneath the title. */
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime338.JSX.Element;
 /** Action slot in the header row, aligned to the end alongside the title. */
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime338.JSX.Element;
 /** Main body region of the card. */
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime158.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime338.JSX.Element;
 declare const cardFooterTone: {
   readonly default: "px-6 pb-6 [.border-t]:pt-6";
   readonly brand: "justify-center rounded-b-8 bg-brand-200 px-6 py-3 text-brand-800";
@@ -70,7 +70,7 @@ declare function CardFooter({
 }: React.ComponentProps<"div"> & {
   /** Footer fill. `brand`/`muted` render a full-width tinted band. */
   tone?: keyof typeof cardFooterTone;
-}): react_jsx_runtime158.JSX.Element;
+}): react_jsx_runtime338.JSX.Element;
 //#endregion
 export { CardFooter as a, CardTitle as c, CardDescription as i, cardVariants as l, CardAction as n, CardHeader as o, CardContent as r, CardProps as s, Card as t };
 //# sourceMappingURL=index12.d.cts.map

package/dist/index12.d.ts

@@ -1,13 +1,13 @@
-import * as React from "react";
-import * as react_jsx_runtime275 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types23 from "class-variance-authority/types";
+import * as React from "react";
+import * as react_jsx_runtime183 from "react/jsx-runtime";
+import * as class_variance_authority_types16 from "class-variance-authority/types";
 
 //#region src/primitives/Card/Card.d.ts
 declare const cardVariants: (props?: ({
   variant?: "default" | "glass" | "ai" | "inverted" | "brand" | null | undefined;
-  tint?: "medium" | "light" | "subtle" | "heavy" | null | undefined;
-} & class_variance_authority_types23.ClassProp) | undefined) => string;
+  tint?: "light" | "subtle" | "medium" | "heavy" | null | undefined;
+} & class_variance_authority_types16.ClassProp) | undefined) => string;
 type CardProps = React.ComponentProps<"div"> & VariantProps<typeof cardVariants> & {
   /** Surface treatment of the card. Default `default` (solid surface). */
   variant?: VariantProps<typeof cardVariants>["variant"];
@@ -20,7 +20,7 @@ declare function Card({
   variant,
   tint,
   ...props
-}: CardProps): react_jsx_runtime275.JSX.Element;
+}: CardProps): react_jsx_runtime183.JSX.Element;
 declare const cardHeaderAlign: {
   readonly start: "items-start";
   readonly center: "items-center";
@@ -34,28 +34,28 @@ declare function CardHeader({
 }: React.ComponentProps<"div"> & {
   /** Vertical alignment of the header items. Default `center`. */
   align?: keyof typeof cardHeaderAlign;
-}): react_jsx_runtime275.JSX.Element;
+}): react_jsx_runtime183.JSX.Element;
 /** Card heading rendered as an `h4`. Figma binds the body font (Inter Semibold
     16/24), so we override the base heading styles explicitly. */
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime275.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime183.JSX.Element;
 /** Muted supporting text shown beneath the title. */
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime275.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime183.JSX.Element;
 /** Action slot in the header row, aligned to the end alongside the title. */
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime275.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime183.JSX.Element;
 /** Main body region of the card. */
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime275.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime183.JSX.Element;
 declare const cardFooterTone: {
   readonly default: "px-6 pb-6 [.border-t]:pt-6";
   readonly brand: "justify-center rounded-b-8 bg-brand-200 px-6 py-3 text-brand-800";
@@ -70,7 +70,7 @@ declare function CardFooter({
 }: React.ComponentProps<"div"> & {
   /** Footer fill. `brand`/`muted` render a full-width tinted band. */
   tone?: keyof typeof cardFooterTone;
-}): react_jsx_runtime275.JSX.Element;
+}): react_jsx_runtime183.JSX.Element;
 //#endregion
 export { CardFooter as a, CardTitle as c, CardDescription as i, cardVariants as l, CardAction as n, CardHeader as o, CardContent as r, CardProps as s, Card as t };
 //# sourceMappingURL=index12.d.ts.map

package/dist/index13.d.cts

@@ -1,5 +1,5 @@
 import { t as Button } from "./index8.cjs";
-import * as react_jsx_runtime165 from "react/jsx-runtime";
+import * as react_jsx_runtime244 from "react/jsx-runtime";
 import * as React from "react";
 import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 
@@ -27,31 +27,31 @@ declare function Carousel({
   className,
   children,
   ...props
-}: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime244.JSX.Element;
 /** Scroll viewport that lays out the slides along the carousel's axis. */
 declare function CarouselContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime244.JSX.Element;
 /** A single slide within `CarouselContent`. */
 declare function CarouselItem({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime244.JSX.Element;
 /** Button that scrolls to the previous slide; auto-disables at the start. */
 declare function CarouselPrevious({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime244.JSX.Element;
 /** Button that scrolls to the next slide; auto-disables at the end. */
 declare function CarouselNext({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime244.JSX.Element;
 //#endregion
 export { CarouselNext as a, CarouselItem as i, CarouselApi as n, CarouselPrevious as o, CarouselContent as r, Carousel as t };
 //# sourceMappingURL=index13.d.cts.map

package/dist/index13.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index13.d.cts","names":[],"sources":["../src/primitives/Carousel/Carousel.tsx"],"mappings":";;;;;;KASK,WAAA,GAAc;KACd,qBAAA,GAAwB,kBAAkB;KAC1C,eAAA,GAAkB;AALsB,KAMxC,cAAA,GAAiB,qBAHH,CAAA,CAAA,CAAA;AAAoB,KAKlC,aAAA,GAJA;EAAqB;MAAqB,CAAA,EAMtC,eANsC;;EAAR,OAAA,CAAA,EAQ3B,cAR2B;EAClC;EACA,WAAA,CAAA,EAAA,YAAc,GAAG,UAAA;EAEjB;EAAa,MAAA,CAAA,EAAA,CAAA,GAAA,EAQD,WARC,EAAA,GAAA,IAAA;;;iBAiCT,QAAA,CAzBQ;EAAA,WAAA;EAAA,IAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiCd,KAAA,CAAM,cAjCQ,CAAA,KAAA,CAAA,GAiCgB,aAjChB,CAAA,EAiC6B,oBAAA,CAAA,GAAA,CAAA,OAjC7B;AAAW;AAAA,iBAmHnB,eAAA,CA1FQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0FiC,KAAA,CAAM,cA1FvC,CAAA,KAAA,CAAA,CAAA,EA0F4D,oBAAA,CAAA,GAAA,CAAA,OA1F5D;;iBAwGR,YAAA,CAvGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuG6C,KAAA,CAAM,cAvGnD,CAAA,KAAA,CAAA,CAAA,EAuGwE,oBAAA,CAAA,GAAA,CAAA,OAvGxE;;iBA0HO,gBAAA,CAxHP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6HC,KAAA,CAAM,cA7HP,CAAA,OA6H6B,MA7H7B,CAAA,CAAA,EA6HoC,oBAAA,CAAA,GAAA,CAAA,OA7HpC;;iBAuJO,YAAA,CArJP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA0JC,KAAA,CAAM,cA1JP,CAAA,OA0J6B,MA1J7B,CAAA,CAAA,EA0JoC,oBAAA,CAAA,GAAA,CAAA,OA1JpC"}
+{"version":3,"file":"index13.d.cts","names":[],"sources":["../src/primitives/Carousel/Carousel.tsx"],"mappings":";;;;;;KAUK,WAAA,GAAc;KACd,qBAAA,GAAwB,kBAAkB;KAC1C,eAAA,GAAkB;AALsB,KAMxC,cAAA,GAAiB,qBAHH,CAAA,CAAA,CAAA;AAAoB,KAKlC,aAAA,GAJA;EAAqB;MAAqB,CAAA,EAMtC,eANsC;;EAAR,OAAA,CAAA,EAQ3B,cAR2B;EAClC;EACA,WAAA,CAAA,EAAA,YAAc,GAAG,UAAA;EAEjB;EAAa,MAAA,CAAA,EAAA,CAAA,GAAA,EAQD,WARC,EAAA,GAAA,IAAA;;;iBAiCT,QAAA,CAzBQ;EAAA,WAAA;EAAA,IAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiCd,KAAA,CAAM,cAjCQ,CAAA,KAAA,CAAA,GAiCgB,aAjChB,CAAA,EAiC6B,oBAAA,CAAA,GAAA,CAAA,OAjC7B;AAAW;AAAA,iBAmHnB,eAAA,CA1FQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0FiC,KAAA,CAAM,cA1FvC,CAAA,KAAA,CAAA,CAAA,EA0F4D,oBAAA,CAAA,GAAA,CAAA,OA1F5D;;iBAwGR,YAAA,CAvGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuG6C,KAAA,CAAM,cAvGnD,CAAA,KAAA,CAAA,CAAA,EAuGwE,oBAAA,CAAA,GAAA,CAAA,OAvGxE;;iBA0HO,gBAAA,CAxHP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6HC,KAAA,CAAM,cA7HP,CAAA,OA6H6B,MA7H7B,CAAA,CAAA,EA6HoC,oBAAA,CAAA,GAAA,CAAA,OA7HpC;;iBAuJO,YAAA,CArJP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA0JC,KAAA,CAAM,cA1JP,CAAA,OA0J6B,MA1J7B,CAAA,CAAA,EA0JoC,oBAAA,CAAA,GAAA,CAAA,OA1JpC"}

package/dist/index13.d.ts

@@ -1,6 +1,6 @@
 import { t as Button } from "./index8.js";
 import * as React from "react";
-import * as react_jsx_runtime237 from "react/jsx-runtime";
+import * as react_jsx_runtime178 from "react/jsx-runtime";
 import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 
 //#region src/primitives/Carousel/Carousel.d.ts
@@ -27,31 +27,31 @@ declare function Carousel({
   className,
   children,
   ...props
-}: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime237.JSX.Element;
+}: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime178.JSX.Element;
 /** Scroll viewport that lays out the slides along the carousel's axis. */
 declare function CarouselContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime237.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime178.JSX.Element;
 /** A single slide within `CarouselContent`. */
 declare function CarouselItem({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime237.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime178.JSX.Element;
 /** Button that scrolls to the previous slide; auto-disables at the start. */
 declare function CarouselPrevious({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime237.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime178.JSX.Element;
 /** Button that scrolls to the next slide; auto-disables at the end. */
 declare function CarouselNext({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime237.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime178.JSX.Element;
 //#endregion
 export { CarouselNext as a, CarouselItem as i, CarouselApi as n, CarouselPrevious as o, CarouselContent as r, Carousel as t };
 //# sourceMappingURL=index13.d.ts.map

package/dist/index13.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index13.d.ts","names":[],"sources":["../src/primitives/Carousel/Carousel.tsx"],"mappings":";;;;;;KASK,WAAA,GAAc;KACd,qBAAA,GAAwB,kBAAkB;KAC1C,eAAA,GAAkB;AALsB,KAMxC,cAAA,GAAiB,qBAHH,CAAA,CAAA,CAAA;AAAoB,KAKlC,aAAA,GAJA;EAAqB;MAAqB,CAAA,EAMtC,eANsC;;EAAR,OAAA,CAAA,EAQ3B,cAR2B;EAClC;EACA,WAAA,CAAA,EAAA,YAAc,GAAG,UAAA;EAEjB;EAAa,MAAA,CAAA,EAAA,CAAA,GAAA,EAQD,WARC,EAAA,GAAA,IAAA;;;iBAiCT,QAAA,CAzBQ;EAAA,WAAA;EAAA,IAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiCd,KAAA,CAAM,cAjCQ,CAAA,KAAA,CAAA,GAiCgB,aAjChB,CAAA,EAiC6B,oBAAA,CAAA,GAAA,CAAA,OAjC7B;AAAW;AAAA,iBAmHnB,eAAA,CA1FQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0FiC,KAAA,CAAM,cA1FvC,CAAA,KAAA,CAAA,CAAA,EA0F4D,oBAAA,CAAA,GAAA,CAAA,OA1F5D;;iBAwGR,YAAA,CAvGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuG6C,KAAA,CAAM,cAvGnD,CAAA,KAAA,CAAA,CAAA,EAuGwE,oBAAA,CAAA,GAAA,CAAA,OAvGxE;;iBA0HO,gBAAA,CAxHP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6HC,KAAA,CAAM,cA7HP,CAAA,OA6H6B,MA7H7B,CAAA,CAAA,EA6HoC,oBAAA,CAAA,GAAA,CAAA,OA7HpC;;iBAuJO,YAAA,CArJP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA0JC,KAAA,CAAM,cA1JP,CAAA,OA0J6B,MA1J7B,CAAA,CAAA,EA0JoC,oBAAA,CAAA,GAAA,CAAA,OA1JpC"}
+{"version":3,"file":"index13.d.ts","names":[],"sources":["../src/primitives/Carousel/Carousel.tsx"],"mappings":";;;;;;KAUK,WAAA,GAAc;KACd,qBAAA,GAAwB,kBAAkB;KAC1C,eAAA,GAAkB;AALsB,KAMxC,cAAA,GAAiB,qBAHH,CAAA,CAAA,CAAA;AAAoB,KAKlC,aAAA,GAJA;EAAqB;MAAqB,CAAA,EAMtC,eANsC;;EAAR,OAAA,CAAA,EAQ3B,cAR2B;EAClC;EACA,WAAA,CAAA,EAAA,YAAc,GAAG,UAAA;EAEjB;EAAa,MAAA,CAAA,EAAA,CAAA,GAAA,EAQD,WARC,EAAA,GAAA,IAAA;;;iBAiCT,QAAA,CAzBQ;EAAA,WAAA;EAAA,IAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiCd,KAAA,CAAM,cAjCQ,CAAA,KAAA,CAAA,GAiCgB,aAjChB,CAAA,EAiC6B,oBAAA,CAAA,GAAA,CAAA,OAjC7B;AAAW;AAAA,iBAmHnB,eAAA,CA1FQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0FiC,KAAA,CAAM,cA1FvC,CAAA,KAAA,CAAA,CAAA,EA0F4D,oBAAA,CAAA,GAAA,CAAA,OA1F5D;;iBAwGR,YAAA,CAvGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuG6C,KAAA,CAAM,cAvGnD,CAAA,KAAA,CAAA,CAAA,EAuGwE,oBAAA,CAAA,GAAA,CAAA,OAvGxE;;iBA0HO,gBAAA,CAxHP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6HC,KAAA,CAAM,cA7HP,CAAA,OA6H6B,MA7H7B,CAAA,CAAA,EA6HoC,oBAAA,CAAA,GAAA,CAAA,OA7HpC;;iBAuJO,YAAA,CArJP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA0JC,KAAA,CAAM,cA1JP,CAAA,OA0J6B,MA1J7B,CAAA,CAAA,EA0JoC,oBAAA,CAAA,GAAA,CAAA,OA1JpC"}

package/dist/index14.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime170 from "react/jsx-runtime";
+import * as react_jsx_runtime334 from "react/jsx-runtime";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
 import { TooltipValueType } from "recharts";
@@ -40,7 +40,7 @@ declare function ChartContainer({
     width: number;
     height: number;
   };
-}): react_jsx_runtime170.JSX.Element;
+}): react_jsx_runtime334.JSX.Element;
 /** Injects per-chart CSS custom properties (`--color-*`) derived from the config, one block per theme. */
 declare const ChartStyle: ({
   id,
@@ -48,7 +48,7 @@ declare const ChartStyle: ({
 }: {
   id: string;
   config: ChartConfig;
-}) => react_jsx_runtime170.JSX.Element | null;
+}) => react_jsx_runtime334.JSX.Element | null;
 /** Recharts Tooltip element; pair with `ChartTooltipContent` for the styled body. */
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 /** Styled tooltip body that resolves labels, colors, and indicators from the chart config. */
@@ -77,7 +77,7 @@ declare function ChartTooltipContent({
   nameKey?: string;
   /** Config key used to resolve the tooltip's label (defaults to the data key). */
   labelKey?: string;
-} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): react_jsx_runtime170.JSX.Element | null;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): react_jsx_runtime334.JSX.Element | null;
 /** Recharts Legend element; pair with `ChartLegendContent` for the styled body. */
 declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
 /** Styled legend body that resolves labels, icons, and colors from the chart config. */
@@ -92,7 +92,7 @@ declare function ChartLegendContent({
   hideIcon?: boolean;
   /** Config key used to resolve each item's label/color (defaults to the data key). */
   nameKey?: string;
-} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime170.JSX.Element | null;
+} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime334.JSX.Element | null;
 //#endregion
 export { ChartStyle as a, ChartLegendContent as i, ChartContainer as n, ChartTooltip as o, ChartLegend as r, ChartTooltipContent as s, ChartConfig as t };
 //# sourceMappingURL=index14.d.cts.map

package/dist/index14.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime258 from "react/jsx-runtime";
+import * as react_jsx_runtime174 from "react/jsx-runtime";
 import * as RechartsPrimitive from "recharts";
 import { TooltipValueType } from "recharts";
 
@@ -40,7 +40,7 @@ declare function ChartContainer({
     width: number;
     height: number;
   };
-}): react_jsx_runtime258.JSX.Element;
+}): react_jsx_runtime174.JSX.Element;
 /** Injects per-chart CSS custom properties (`--color-*`) derived from the config, one block per theme. */
 declare const ChartStyle: ({
   id,
@@ -48,7 +48,7 @@ declare const ChartStyle: ({
 }: {
   id: string;
   config: ChartConfig;
-}) => react_jsx_runtime258.JSX.Element | null;
+}) => react_jsx_runtime174.JSX.Element | null;
 /** Recharts Tooltip element; pair with `ChartTooltipContent` for the styled body. */
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 /** Styled tooltip body that resolves labels, colors, and indicators from the chart config. */
@@ -77,7 +77,7 @@ declare function ChartTooltipContent({
   nameKey?: string;
   /** Config key used to resolve the tooltip's label (defaults to the data key). */
   labelKey?: string;
-} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): react_jsx_runtime258.JSX.Element | null;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): react_jsx_runtime174.JSX.Element | null;
 /** Recharts Legend element; pair with `ChartLegendContent` for the styled body. */
 declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
 /** Styled legend body that resolves labels, icons, and colors from the chart config. */
@@ -92,7 +92,7 @@ declare function ChartLegendContent({
   hideIcon?: boolean;
   /** Config key used to resolve each item's label/color (defaults to the data key). */
   nameKey?: string;
-} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime258.JSX.Element | null;
+} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime174.JSX.Element | null;
 //#endregion
 export { ChartStyle as a, ChartLegendContent as i, ChartContainer as n, ChartTooltip as o, ChartLegend as r, ChartTooltipContent as s, ChartConfig as t };
 //# sourceMappingURL=index14.d.ts.map

package/dist/index15.d.cts

@@ -1,29 +1,64 @@
-import * as react_jsx_runtime155 from "react/jsx-runtime";
-import { Checkbox } from "radix-ui";
+import * as react_jsx_runtime188 from "react/jsx-runtime";
 import * as React from "react";
 
-//#region src/primitives/Checkbox/Checkbox.d.ts
-/** A square toggle control built on Radix Checkbox, supporting checked, unchecked, indeterminate, error, and disabled states. */
-declare function Checkbox$1({
+//#region src/primitives/CircularProgress/CircularProgress.d.ts
+declare const indicatorVariants: {
+  readonly default: "text-primary-invert-bg";
+  readonly brand: "text-brand-500-primary";
+  readonly success: "text-success-txt";
+  readonly warning: "text-warning-txt";
+  readonly info: "text-info-txt";
+  readonly destructive: "text-danger-txt";
+  readonly analyzing: "text-[var(--progress-analyzing)]";
+  readonly ingesting: "text-[var(--progress-ingesting)]";
+};
+type CircularProgressVariant = keyof typeof indicatorVariants;
+type CircularProgressProps = Omit<React.ComponentProps<"div">, "children"> & {
+  /** Determinate value. Omit for indeterminate/loading state. */
+  value?: number;
+  /** Lower bound used for ARIA/value normalization. */
+  min?: number;
+  /** Upper bound used for ARIA/value normalization. */
+  max?: number;
+  /** Rendered diameter in px. */
+  size?: number;
+  /** Stroke thickness in px. */
+  strokeWidth?: number;
+  /** Semantic colour variant for the progress stroke. */
+  variant?: CircularProgressVariant;
+  /** Semantic colour variant for the track stroke. Defaults to `variant`. */
+  trackVariant?: CircularProgressVariant;
+  /** Explicit progress stroke colour (CSS colour value). Overrides `variant`. */
+  progressColor?: string;
+  /** Explicit track stroke colour (CSS colour value). Overrides `trackVariant`. */
+  trackColor?: string;
+  /** Optional centered label content. */
+  label?: React.ReactNode;
+  /** Render computed percentage text in the center when determinate. */
+  showValueLabel?: boolean;
+  /** Accessible text for indeterminate/loading state. */
+  indeterminateLabel?: string;
+};
+/** Circular progress indicator supporting determinate and indeterminate states. */
+declare function CircularProgress({
   className,
+  value,
+  min,
+  max,
+  size,
+  strokeWidth,
+  variant,
+  trackVariant,
+  progressColor,
+  trackColor,
+  label,
+  showValueLabel,
+  indeterminateLabel,
+  style,
+  "aria-label": ariaLabelProp,
+  "aria-valuetext": ariaValueTextProp,
   ...props
-}: React.ComponentProps<typeof Checkbox.Root>): react_jsx_runtime155.JSX.Element;
-/** A bordered card variant of {@link Checkbox} that pairs the control with a title and optional description. */
-declare function RichCheckbox({
-  className,
-  title,
-  description,
-  flipped,
-  id,
-  ...props
-}: Omit<React.ComponentProps<typeof Checkbox$1>, "children"> & {
-  /** Primary label rendered next to the checkbox. */
-  title?: React.ReactNode;
-  /** Secondary helper text rendered beneath the title. */
-  description?: React.ReactNode;
-  /** When true, places the checkbox on the right (row-reverse) instead of the left. */
-  flipped?: boolean;
-}): react_jsx_runtime155.JSX.Element;
+}: CircularProgressProps): react_jsx_runtime188.JSX.Element;
 //#endregion
-export { RichCheckbox as n, Checkbox$1 as t };
+export { CircularProgressProps as n, CircularProgressVariant as r, CircularProgress as t };
 //# sourceMappingURL=index15.d.cts.map

package/dist/index15.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index15.d.cts","names":[],"sources":["../src/primitives/Checkbox/Checkbox.tsx"],"mappings":";;;;;;iBAQS,UAAA;;;GAAkC,KAAA,CAAM,sBAAsB,QAAA,CAAkB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AAL1D,iBAoC3B,YAAA,CA/BQ;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,EAAA;EAAA,GAAA;AAA6E,CAA7E,EAsCd,IAtCc,CAsCT,KAAA,CAAM,cAtCG,CAAA,OAsCmB,UAtCnB,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EAwCV,KAAA,CAAM,SAxCI;;aAA6B,CAAA,EA0CjC,KAAA,CAAM,SA1C2B;;EAA6C,OAAA,CAAA,EAAA,OAAA;AAAA,CAAA,CAAA,EA6C7F,oBAAA,CAAA,GAAA,CAAA,OAdoB"}
+{"version":3,"file":"index15.d.cts","names":[],"sources":["../src/primitives/CircularProgress/CircularProgress.tsx"],"mappings":";;;;cAIM;;;EAAA,SAAA,OAAA,EAAA,kBASI;EAaL,SAAA,OAAA,EAAA,kBAAuB;EAEvB,SAAA,IAAA,EAAA,eAAqB;EAAA,SAAA,WAAA,EAAA,iBAAA;WAAc,SAAA,EAAA,kCAAA;WAAX,SAAA,EAAA,kCAAA;;KAFxB,uBAAA,GAgBY,MAAA,OAhB2B,iBAgB3B;KAdZ,qBAAA,GAAwB,IAoBb,CApBkB,KAAA,CAAM,cAoBxB,CAAA,KAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EAAS;EAYhB,KAAA,CAAA,EAAA,MAAA;EAAgB;KACvB,CAAA,EAAA,MAAA;;KAEA,CAAA,EAAA,MAAA;;MAEA,CAAA,EAAA,MAAA;;aAEA,CAAA,EAAA,MAAA;;SAEA,CAAA,EA7BU,uBA6BV;;cAEA,CAAA,EA7Be,uBA6Bf;;eAEA,CAAA,EAAA,MAAA;;YAEc,CAAA,EAAA,MAAA;;OAGb,CAAA,EA9BO,KAAA,CAAM,SA8Bb;;EAAqB,cAAA,CAAA,EAAA,OAAA;;;;;iBAlBf,gBAAA;;;;;;;;;;;;;;;gBAeO;oBACI;;GAEjB,wBAAqB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/index15.d.ts

@@ -1,29 +1,64 @@
 import * as React from "react";
-import { Checkbox } from "radix-ui";
-import * as react_jsx_runtime282 from "react/jsx-runtime";
+import * as react_jsx_runtime281 from "react/jsx-runtime";
 
-//#region src/primitives/Checkbox/Checkbox.d.ts
-/** A square toggle control built on Radix Checkbox, supporting checked, unchecked, indeterminate, error, and disabled states. */
-declare function Checkbox$1({
+//#region src/primitives/CircularProgress/CircularProgress.d.ts
+declare const indicatorVariants: {
+  readonly default: "text-primary-invert-bg";
+  readonly brand: "text-brand-500-primary";
+  readonly success: "text-success-txt";
+  readonly warning: "text-warning-txt";
+  readonly info: "text-info-txt";
+  readonly destructive: "text-danger-txt";
+  readonly analyzing: "text-[var(--progress-analyzing)]";
+  readonly ingesting: "text-[var(--progress-ingesting)]";
+};
+type CircularProgressVariant = keyof typeof indicatorVariants;
+type CircularProgressProps = Omit<React.ComponentProps<"div">, "children"> & {
+  /** Determinate value. Omit for indeterminate/loading state. */
+  value?: number;
+  /** Lower bound used for ARIA/value normalization. */
+  min?: number;
+  /** Upper bound used for ARIA/value normalization. */
+  max?: number;
+  /** Rendered diameter in px. */
+  size?: number;
+  /** Stroke thickness in px. */
+  strokeWidth?: number;
+  /** Semantic colour variant for the progress stroke. */
+  variant?: CircularProgressVariant;
+  /** Semantic colour variant for the track stroke. Defaults to `variant`. */
+  trackVariant?: CircularProgressVariant;
+  /** Explicit progress stroke colour (CSS colour value). Overrides `variant`. */
+  progressColor?: string;
+  /** Explicit track stroke colour (CSS colour value). Overrides `trackVariant`. */
+  trackColor?: string;
+  /** Optional centered label content. */
+  label?: React.ReactNode;
+  /** Render computed percentage text in the center when determinate. */
+  showValueLabel?: boolean;
+  /** Accessible text for indeterminate/loading state. */
+  indeterminateLabel?: string;
+};
+/** Circular progress indicator supporting determinate and indeterminate states. */
+declare function CircularProgress({
   className,
+  value,
+  min,
+  max,
+  size,
+  strokeWidth,
+  variant,
+  trackVariant,
+  progressColor,
+  trackColor,
+  label,
+  showValueLabel,
+  indeterminateLabel,
+  style,
+  "aria-label": ariaLabelProp,
+  "aria-valuetext": ariaValueTextProp,
   ...props
-}: React.ComponentProps<typeof Checkbox.Root>): react_jsx_runtime282.JSX.Element;
-/** A bordered card variant of {@link Checkbox} that pairs the control with a title and optional description. */
-declare function RichCheckbox({
-  className,
-  title,
-  description,
-  flipped,
-  id,
-  ...props
-}: Omit<React.ComponentProps<typeof Checkbox$1>, "children"> & {
-  /** Primary label rendered next to the checkbox. */
-  title?: React.ReactNode;
-  /** Secondary helper text rendered beneath the title. */
-  description?: React.ReactNode;
-  /** When true, places the checkbox on the right (row-reverse) instead of the left. */
-  flipped?: boolean;
-}): react_jsx_runtime282.JSX.Element;
+}: CircularProgressProps): react_jsx_runtime281.JSX.Element;
 //#endregion
-export { RichCheckbox as n, Checkbox$1 as t };
+export { CircularProgressProps as n, CircularProgressVariant as r, CircularProgress as t };
 //# sourceMappingURL=index15.d.ts.map

package/dist/index15.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index15.d.ts","names":[],"sources":["../src/primitives/Checkbox/Checkbox.tsx"],"mappings":";;;;;;iBAQS,UAAA;;;GAAkC,KAAA,CAAM,sBAAsB,QAAA,CAAkB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AAL1D,iBAoC3B,YAAA,CA/BQ;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,EAAA;EAAA,GAAA;AAA6E,CAA7E,EAsCd,IAtCc,CAsCT,KAAA,CAAM,cAtCG,CAAA,OAsCmB,UAtCnB,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EAwCV,KAAA,CAAM,SAxCI;;aAA6B,CAAA,EA0CjC,KAAA,CAAM,SA1C2B;;EAA6C,OAAA,CAAA,EAAA,OAAA;AAAA,CAAA,CAAA,EA6C7F,oBAAA,CAAA,GAAA,CAAA,OAdoB"}
+{"version":3,"file":"index15.d.ts","names":[],"sources":["../src/primitives/CircularProgress/CircularProgress.tsx"],"mappings":";;;;cAIM;;;EAAA,SAAA,OAAA,EAAA,kBASI;EAaL,SAAA,OAAA,EAAA,kBAAuB;EAEvB,SAAA,IAAA,EAAA,eAAqB;EAAA,SAAA,WAAA,EAAA,iBAAA;WAAc,SAAA,EAAA,kCAAA;WAAX,SAAA,EAAA,kCAAA;;KAFxB,uBAAA,GAgBY,MAAA,OAhB2B,iBAgB3B;KAdZ,qBAAA,GAAwB,IAoBb,CApBkB,KAAA,CAAM,cAoBxB,CAAA,KAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EAAS;EAYhB,KAAA,CAAA,EAAA,MAAA;EAAgB;KACvB,CAAA,EAAA,MAAA;;KAEA,CAAA,EAAA,MAAA;;MAEA,CAAA,EAAA,MAAA;;aAEA,CAAA,EAAA,MAAA;;SAEA,CAAA,EA7BU,uBA6BV;;cAEA,CAAA,EA7Be,uBA6Bf;;eAEA,CAAA,EAAA,MAAA;;YAEc,CAAA,EAAA,MAAA;;OAGb,CAAA,EA9BO,KAAA,CAAM,SA8Bb;;EAAqB,cAAA,CAAA,EAAA,OAAA;;;;;iBAlBf,gBAAA;;;;;;;;;;;;;;;gBAeO;oBACI;;GAEjB,wBAAqB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/index16.d.cts

@@ -1,38 +1,29 @@
-import * as react_jsx_runtime154 from "react/jsx-runtime";
+import * as react_jsx_runtime189 from "react/jsx-runtime";
+import { Checkbox } from "radix-ui";
 import * as React from "react";
 
-//#region src/primitives/CheckboxTree/CheckboxTree.d.ts
-/** A single node in the tree: a stable id, a label, and optional children. */
-interface CheckboxTreeNode {
-  /** Stable unique identifier used for selection and expansion tracking. */
-  id: string;
-  /** Content rendered next to the checkbox. */
-  label: React.ReactNode;
-  /** Nested child nodes; presence makes this node a collapsible branch. */
-  children?: CheckboxTreeNode[];
-}
-interface CheckboxTreeProps extends Omit<React.ComponentProps<"div">, "onChange"> {
-  /** The hierarchical node data to render. */
-  nodes: CheckboxTreeNode[];
-  /** Selected node ids (controlled). Includes branch ids when fully selected. */
-  value: string[];
-  /** Called with the next selected ids whenever a node (and its subtree) is toggled. */
-  onValueChange?: (value: string[]) => void;
-  /** Node ids expanded on first render. */
-  defaultExpandedIds?: string[];
-}
-/**
- * A hierarchical checkbox list with expand/collapse and tri-state
- * (checked / unchecked / indeterminate) propagation across each subtree.
- */
-declare function CheckboxTree({
-  nodes,
-  value,
-  onValueChange,
-  defaultExpandedIds,
+//#region src/primitives/Checkbox/Checkbox.d.ts
+/** A square toggle control built on Radix Checkbox, supporting checked, unchecked, indeterminate, error, and disabled states. */
+declare function Checkbox$1({
   className,
   ...props
-}: CheckboxTreeProps): react_jsx_runtime154.JSX.Element;
+}: React.ComponentProps<typeof Checkbox.Root>): react_jsx_runtime189.JSX.Element;
+/** A bordered card variant of {@link Checkbox} that pairs the control with a title and optional description. */
+declare function RichCheckbox({
+  className,
+  title,
+  description,
+  flipped,
+  id,
+  ...props
+}: Omit<React.ComponentProps<typeof Checkbox$1>, "children"> & {
+  /** Primary label rendered next to the checkbox. */
+  title?: React.ReactNode;
+  /** Secondary helper text rendered beneath the title. */
+  description?: React.ReactNode;
+  /** When true, places the checkbox on the right (row-reverse) instead of the left. */
+  flipped?: boolean;
+}): react_jsx_runtime189.JSX.Element;
 //#endregion
-export { CheckboxTreeNode as n, CheckboxTree as t };
+export { RichCheckbox as n, Checkbox$1 as t };
 //# sourceMappingURL=index16.d.cts.map

package/dist/index16.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index16.d.cts","names":[],"sources":["../src/primitives/CheckboxTree/CheckboxTree.tsx"],"mappings":";;;;;UAeiB,gBAAA;;EAAA,EAAA,EAAA,MAAA;EAAgB;OAIxB,EAAA,KAAA,CAAM,SAAA;;EAEc,QAAA,CAAA,EAAhB,gBAAgB,EAAA;AAC5B;UAmBS,iBAAA,SAA0B,IAAR,CAAa,KAAA,CAAM,cAAnB,CAAA,KAAA,CAAA,EAAA,UAAA,CAAA,CAAA;;OAEnB,EAAA,gBAAA,EAAA;;EAF+B,KAAA,EAAA,MAAA,EAAA;EAe/B;EAAY,aAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;;oBAEnB,CAAA,EAAA,MAAA,EAAA;;;;;;AAKkB,iBAPX,YAAA,CAOW;EAAA,KAAA;EAAA,KAAA;EAAA,aAAA;EAAA,kBAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAAjB,iBAAiB,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index16.d.cts","names":[],"sources":["../src/primitives/Checkbox/Checkbox.tsx"],"mappings":";;;;;;iBASS,UAAA;;;GAAkC,KAAA,CAAM,sBAAsB,QAAA,CAAkB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AAL1D,iBA6C3B,YAAA,CAxCQ;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,EAAA;EAAA,GAAA;AAA6E,CAA7E,EA+Cd,IA/Cc,CA+CT,KAAA,CAAM,cA/CG,CAAA,OA+CmB,UA/CnB,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EAiDV,KAAA,CAAM,SAjDI;;aAA6B,CAAA,EAmDjC,KAAA,CAAM,SAnD2B;;EAA6C,OAAA,CAAA,EAAA,OAAA;AAAA,CAAA,CAAA,EAsD7F,oBAAA,CAAA,GAAA,CAAA,OAdoB"}