@psnext/design-system 2.4.0 → 2.6.0

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_runtime164 from "react/jsx-runtime";
+import * as react_jsx_runtime29 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_runtime164.JSX.Element;
+}: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime29.JSX.Element;
 /** Scroll viewport that lays out the slides along the carousel's axis. */
 declare function CarouselContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime164.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime29.JSX.Element;
 /** A single slide within `CarouselContent`. */
 declare function CarouselItem({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime164.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime29.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_runtime164.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime29.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_runtime164.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime29.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":";;;;;;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"}
+{"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,mBAAA,CAAA,GAAA,CAAA,OAjC7B;AAAW;AAAA,iBAmHnB,eAAA,CA1FQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0FiC,KAAA,CAAM,cA1FvC,CAAA,KAAA,CAAA,CAAA,EA0F4D,mBAAA,CAAA,GAAA,CAAA,OA1F5D;;iBAwGR,YAAA,CAvGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuG6C,KAAA,CAAM,cAvGnD,CAAA,KAAA,CAAA,CAAA,EAuGwE,mBAAA,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,mBAAA,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,mBAAA,CAAA,GAAA,CAAA,OA1JpC"}

package/dist/index14.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime191 from "react/jsx-runtime";
+import * as react_jsx_runtime147 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_runtime191.JSX.Element;
+}): react_jsx_runtime147.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_runtime191.JSX.Element | null;
+}) => react_jsx_runtime147.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_runtime191.JSX.Element | null;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): react_jsx_runtime147.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_runtime191.JSX.Element | null;
+} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime147.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_runtime335 from "react/jsx-runtime";
+import * as react_jsx_runtime283 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_runtime335.JSX.Element;
+}): react_jsx_runtime283.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_runtime335.JSX.Element | null;
+}) => react_jsx_runtime283.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_runtime335.JSX.Element | null;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">): react_jsx_runtime283.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_runtime335.JSX.Element | null;
+} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime283.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_runtime12 from "react/jsx-runtime";
-import { Checkbox } from "radix-ui";
+import * as react_jsx_runtime154 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_runtime12.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_runtime12.JSX.Element;
+}: CircularProgressProps): react_jsx_runtime154.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":";;;;;;iBASS,UAAA;;;GAAkC,KAAA,CAAM,sBAAsB,QAAA,CAAkB,QAAK,mBAAA,CAAA,GAAA,CAAA;;AAL1D,iBA0C3B,YAAA,CArCQ;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,EAAA;EAAA,GAAA;AAA6E,CAA7E,EA4Cd,IA5Cc,CA4CT,KAAA,CAAM,cA5CG,CAAA,OA4CmB,UA5CnB,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EA8CV,KAAA,CAAM,SA9CI;;aAA6B,CAAA,EAgDjC,KAAA,CAAM,SAhD2B;;EAA6C,OAAA,CAAA,EAAA,OAAA;AAAA,CAAA,CAAA,EAmD7F,mBAAA,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 * as react_jsx_runtime179 from "react/jsx-runtime";
-import { Checkbox } from "radix-ui";
+import * as react_jsx_runtime269 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_runtime179.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_runtime179.JSX.Element;
+}: CircularProgressProps): react_jsx_runtime269.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":";;;;;;iBASS,UAAA;;;GAAkC,KAAA,CAAM,sBAAsB,QAAA,CAAkB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AAL1D,iBA0C3B,YAAA,CArCQ;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,EAAA;EAAA,GAAA;AAA6E,CAA7E,EA4Cd,IA5Cc,CA4CT,KAAA,CAAM,cA5CG,CAAA,OA4CmB,UA5CnB,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EA8CV,KAAA,CAAM,SA9CI;;aAA6B,CAAA,EAgDjC,KAAA,CAAM,SAhD2B;;EAA6C,OAAA,CAAA,EAAA,OAAA;AAAA,CAAA,CAAA,EAmD7F,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_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime151 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_runtime8.JSX.Element;
+}: React.ComponentProps<typeof Checkbox.Root>): react_jsx_runtime151.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_runtime151.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":";;;;;UAgBiB,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,kBAAA,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"}

package/dist/index16.d.ts

@@ -1,38 +1,29 @@
 import * as React from "react";
-import * as react_jsx_runtime339 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+import { Checkbox } from "radix-ui";
 
-//#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_runtime339.JSX.Element;
+}: React.ComponentProps<typeof Checkbox.Root>): react_jsx_runtime26.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_runtime26.JSX.Element;
 //#endregion
-export { CheckboxTreeNode as n, CheckboxTree as t };
+export { RichCheckbox as n, Checkbox$1 as t };
 //# sourceMappingURL=index16.d.ts.map

package/dist/index16.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index16.d.ts","names":[],"sources":["../src/primitives/CheckboxTree/CheckboxTree.tsx"],"mappings":";;;;;UAgBiB,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.ts","names":[],"sources":["../src/primitives/Checkbox/Checkbox.tsx"],"mappings":";;;;;;iBASS,UAAA;;;GAAkC,KAAA,CAAM,sBAAsB,QAAA,CAAkB,QAAK,mBAAA,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,mBAAA,CAAA,GAAA,CAAA,OAdoB"}

package/dist/index17.d.cts

@@ -1,19 +1,38 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Collapsible } from "radix-ui";
+import * as react_jsx_runtime145 from "react/jsx-runtime";
+import * as React from "react";
 
-//#region src/primitives/Collapsible/Collapsible.d.ts
-/** Root of an interactive panel that shows or hides its content when the trigger is toggled. */
-declare function Collapsible$1({
+//#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,
+  className,
   ...props
-}: React.ComponentProps<typeof Collapsible.Root>): react_jsx_runtime0.JSX.Element;
-/** Clickable element that toggles the open/closed state of the Collapsible. */
-declare function CollapsibleTrigger({
-  ...props
-}: React.ComponentProps<typeof Collapsible.CollapsibleTrigger>): react_jsx_runtime0.JSX.Element;
-/** Region whose visibility is controlled by the Collapsible's open state. */
-declare function CollapsibleContent({
-  ...props
-}: React.ComponentProps<typeof Collapsible.CollapsibleContent>): react_jsx_runtime0.JSX.Element;
+}: CheckboxTreeProps): react_jsx_runtime145.JSX.Element;
 //#endregion
-export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible$1 as t };
+export { CheckboxTreeNode as n, CheckboxTree as t };
 //# sourceMappingURL=index17.d.cts.map

package/dist/index17.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index17.d.cts","names":[],"sources":["../src/primitives/Collapsible/Collapsible.tsx"],"mappings":";;;;;iBAGS,aAAA;;GAA0B,KAAA,CAAM,sBAAsB,WAAA,CAAqB,QAAK,kBAAA,CAAA,GAAA,CAAA;;AAH1B,iBAQtD,kBAAA,CALW;EAAA,GAAA;AAAA,CAAA,EAOjB,KAAA,CAAM,cAPW,CAAA,OAOW,WAAA,CAAqB,kBAPhC,CAAA,CAAA,EAOmD,kBAAA,CAAA,GAAA,CAAA,OAPnD;;iBAYX,kBAAA,CAZ2E;EAAA,GAAA;AAAA,CAAA,EAcjF,KAAA,CAAM,cAd2E,CAAA,OAcrD,WAAA,CAAqB,kBAdgC,CAAA,CAAA,EAcb,kBAAA,CAAA,GAAA,CAAA,OAda"}
+{"version":3,"file":"index17.d.cts","names":[],"sources":["../src/primitives/CheckboxTree/CheckboxTree.tsx"],"mappings":";;;;;UAgBiB,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"}

package/dist/index17.d.ts

@@ -1,19 +1,38 @@
-import * as react_jsx_runtime169 from "react/jsx-runtime";
-import { Collapsible } from "radix-ui";
+import * as React from "react";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
 
-//#region src/primitives/Collapsible/Collapsible.d.ts
-/** Root of an interactive panel that shows or hides its content when the trigger is toggled. */
-declare function Collapsible$1({
+//#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,
+  className,
   ...props
-}: React.ComponentProps<typeof Collapsible.Root>): react_jsx_runtime169.JSX.Element;
-/** Clickable element that toggles the open/closed state of the Collapsible. */
-declare function CollapsibleTrigger({
-  ...props
-}: React.ComponentProps<typeof Collapsible.CollapsibleTrigger>): react_jsx_runtime169.JSX.Element;
-/** Region whose visibility is controlled by the Collapsible's open state. */
-declare function CollapsibleContent({
-  ...props
-}: React.ComponentProps<typeof Collapsible.CollapsibleContent>): react_jsx_runtime169.JSX.Element;
+}: CheckboxTreeProps): react_jsx_runtime165.JSX.Element;
 //#endregion
-export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible$1 as t };
+export { CheckboxTreeNode as n, CheckboxTree as t };
 //# sourceMappingURL=index17.d.ts.map

package/dist/index17.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index17.d.ts","names":[],"sources":["../src/primitives/Collapsible/Collapsible.tsx"],"mappings":";;;;;iBAGS,aAAA;;GAA0B,KAAA,CAAM,sBAAsB,WAAA,CAAqB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AAH1B,iBAQtD,kBAAA,CALW;EAAA,GAAA;AAAA,CAAA,EAOjB,KAAA,CAAM,cAPW,CAAA,OAOW,WAAA,CAAqB,kBAPhC,CAAA,CAAA,EAOmD,oBAAA,CAAA,GAAA,CAAA,OAPnD;;iBAYX,kBAAA,CAZ2E;EAAA,GAAA;AAAA,CAAA,EAcjF,KAAA,CAAM,cAd2E,CAAA,OAcrD,WAAA,CAAqB,kBAdgC,CAAA,CAAA,EAcb,oBAAA,CAAA,GAAA,CAAA,OAda"}
+{"version":3,"file":"index17.d.ts","names":[],"sources":["../src/primitives/CheckboxTree/CheckboxTree.tsx"],"mappings":";;;;;UAgBiB,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"}