@psnext/design-system 2.4.0 → 2.5.0

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_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_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_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":";;;;;;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_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_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_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":";;;;;;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_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_runtime8.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":";;;;;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_runtime172 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_runtime172.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_runtime172.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,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/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_runtime333 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_runtime333.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_runtime171 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_runtime171.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"}

package/dist/index18.d.cts

@@ -1,73 +1,19 @@
-import * as react_jsx_runtime175 from "react/jsx-runtime";
-import { Dialog } from "radix-ui";
-import * as React from "react";
+import * as react_jsx_runtime143 from "react/jsx-runtime";
+import { Collapsible } from "radix-ui";
 
-//#region src/primitives/Dialog/Dialog.d.ts
-/** Modal dialog root — owns open/closed state and renders its content in a portal. */
-declare function Dialog$1({
+//#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({
   ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime175.JSX.Element;
-/** Element that toggles the dialog open when activated. */
-declare function DialogTrigger({
+}: React.ComponentProps<typeof Collapsible.Root>): react_jsx_runtime143.JSX.Element;
+/** Clickable element that toggles the open/closed state of the Collapsible. */
+declare function CollapsibleTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime175.JSX.Element;
-/** Portals the dialog overlay and content to the document body. */
-declare function DialogPortal({
+}: React.ComponentProps<typeof Collapsible.CollapsibleTrigger>): react_jsx_runtime143.JSX.Element;
+/** Region whose visibility is controlled by the Collapsible's open state. */
+declare function CollapsibleContent({
   ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime175.JSX.Element;
-/** Element that closes the dialog when activated. */
-declare function DialogClose({
-  ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime175.JSX.Element;
-/** Dimmed backdrop rendered behind the dialog content. */
-declare function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime175.JSX.Element;
-declare const dialogSizes: {
-  readonly sm: "sm:max-w-sm";
-  readonly default: "sm:max-w-lg";
-  readonly lg: "sm:max-w-2xl";
-  readonly xl: "sm:max-w-4xl";
-};
-/** The dialog panel: centered, animated content with overlay and optional close button. */
-declare function DialogContent({
-  className,
-  children,
-  size,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog.Content> & {
-  /** Width preset for the panel. */
-  size?: keyof typeof dialogSizes;
-  /** Whether to render the top-right "X" close button. */
-  showCloseButton?: boolean;
-}): react_jsx_runtime175.JSX.Element;
-/** Top section of the dialog, holds the title and description. */
-declare function DialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime175.JSX.Element;
-/** Bottom action row of the dialog, with an optional built-in Close button. */
-declare function DialogFooter({
-  className,
-  showCloseButton,
-  children,
-  ...props
-}: React.ComponentProps<"div"> & {
-  /** Whether to append a built-in outline "Close" button after the children. */
-  showCloseButton?: boolean;
-}): react_jsx_runtime175.JSX.Element;
-/** Accessible heading for the dialog (announced to screen readers). */
-declare function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime175.JSX.Element;
-/** Supporting text beneath the dialog title (linked for assistive tech). */
-declare function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime175.JSX.Element;
+}: React.ComponentProps<typeof Collapsible.CollapsibleContent>): react_jsx_runtime143.JSX.Element;
 //#endregion
-export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog$1 as t, DialogTrigger as u };
+export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible$1 as t };
 //# sourceMappingURL=index18.d.cts.map

package/dist/index18.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index18.d.cts","names":[],"sources":["../src/primitives/Dialog/Dialog.tsx"],"mappings":";;;;;;iBASS,QAAA;;GAAqB,KAAA,CAAM,sBAAsB,MAAA,CAAgB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AAP3C,iBAY3B,aAAA,CALM;EAAA,GAAA;AAAA,CAAA,EAKsB,KAAA,CAAM,cAL5B,CAAA,OAKkD,MAAA,CAAgB,OALlE,CAAA,CAAA,EAK0E,oBAAA,CAAA,GAAA,CAAA,OAL1E;;iBAUN,YAAA,CAViE;EAAA,GAAA;AAAA,CAAA,EAUtC,KAAA,CAAM,cAVgC,CAAA,OAUV,MAAA,CAAgB,MAVN,CAAA,CAAA,EAUa,oBAAA,CAAA,GAAA,CAAA,OAVb;;iBAejE,WAAA,CAfsE;EAAA,GAAA;AAAA,CAAA,EAe5C,KAAA,CAAM,cAfsC,CAAA,OAehB,MAAA,CAAgB,KAfA,CAAA,CAAA,EAeM,oBAAA,CAAA,GAAA,CAAA,OAfN;AAAA;AAAA,iBAoBtE,aAAA,CAfa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkBnB,KAAA,CAAM,cAlBa,CAAA,OAkBS,MAAA,CAAgB,OAlBzB,CAAA,CAAA,EAkBiC,oBAAA,CAAA,GAAA,CAAA,OAlBjC;cA+BhB,WA/BgB,EAAA;WAA2C,EAAgB,EAAA,aAAA;WAAtC,OAAA,EAAA,aAAA;WAA8C,EAAA,EAAA,cAAA;EAAA,SAAA,EAAA,EAAA,cAAA;AAAA,CAAA;;iBAuChF,aAAA,CAlCuE;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,eAAA;EAAA,GAAA;CAAA,EAwC7E,KAAA,CAAM,cAxCuE,CAAA,OAwCjD,MAAA,CAAgB,OAxCiC,CAAA,GAAA;;MAAO,CAAA,EAAA,MAAA,OA0CjE,WA1CiE;EAAA;EAK9E,eAAW,CAAA,EAAA,OAAA;CAAA,CAAA,EAwCnB,oBAAA,CAAA,GAAA,CAAA,OAxCmB;;iBAsEX,YAAA,CAtEgC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsEM,KAAA,CAAM,cAtEZ,CAAA,KAAA,CAAA,CAAA,EAsEiC,oBAAA,CAAA,GAAA,CAAA,OAtEjC;;AAA4C,iBAiF5E,YAAA,CAjF4E;EAAA,SAAA;EAAA,eAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EAsFlF,KAAA,CAAM,cAtF4E,CAAA,KAAA,CAAA,GAAA;EAK5E;EAAa,eAAA,CAAA,EAAA,OAAA;IAoFrB,oBAAA,CAAA,GAAA,CAAA,OAnFC;;iBAqGO,WAAA,CAnGA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmGqC,KAAA,CAAM,cAnG3C,CAAA,OAmGiE,MAAA,CAAgB,KAnGjF,CAAA,CAAA,EAmGuF,oBAAA,CAAA,GAAA,CAAA,OAnGvF;;AAA8C,iBAiH9C,iBAAA,CAjH8C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoHpD,KAAA,CAAM,cApH8C,CAAA,OAoHxB,MAAA,CAAgB,WApHQ,CAAA,CAAA,EAoHI,oBAAA,CAAA,GAAA,CAAA,OApHJ"}
+{"version":3,"file":"index18.d.cts","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"}

package/dist/index18.d.ts

@@ -1,73 +1,19 @@
-import * as React from "react";
-import * as react_jsx_runtime186 from "react/jsx-runtime";
-import { Dialog } from "radix-ui";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
+import { Collapsible } from "radix-ui";
 
-//#region src/primitives/Dialog/Dialog.d.ts
-/** Modal dialog root — owns open/closed state and renders its content in a portal. */
-declare function Dialog$1({
+//#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({
   ...props
-}: React.ComponentProps<typeof Dialog.Root>): react_jsx_runtime186.JSX.Element;
-/** Element that toggles the dialog open when activated. */
-declare function DialogTrigger({
+}: React.ComponentProps<typeof Collapsible.Root>): react_jsx_runtime167.JSX.Element;
+/** Clickable element that toggles the open/closed state of the Collapsible. */
+declare function CollapsibleTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime186.JSX.Element;
-/** Portals the dialog overlay and content to the document body. */
-declare function DialogPortal({
+}: React.ComponentProps<typeof Collapsible.CollapsibleTrigger>): react_jsx_runtime167.JSX.Element;
+/** Region whose visibility is controlled by the Collapsible's open state. */
+declare function CollapsibleContent({
   ...props
-}: React.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime186.JSX.Element;
-/** Element that closes the dialog when activated. */
-declare function DialogClose({
-  ...props
-}: React.ComponentProps<typeof Dialog.Close>): react_jsx_runtime186.JSX.Element;
-/** Dimmed backdrop rendered behind the dialog content. */
-declare function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Overlay>): react_jsx_runtime186.JSX.Element;
-declare const dialogSizes: {
-  readonly sm: "sm:max-w-sm";
-  readonly default: "sm:max-w-lg";
-  readonly lg: "sm:max-w-2xl";
-  readonly xl: "sm:max-w-4xl";
-};
-/** The dialog panel: centered, animated content with overlay and optional close button. */
-declare function DialogContent({
-  className,
-  children,
-  size,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog.Content> & {
-  /** Width preset for the panel. */
-  size?: keyof typeof dialogSizes;
-  /** Whether to render the top-right "X" close button. */
-  showCloseButton?: boolean;
-}): react_jsx_runtime186.JSX.Element;
-/** Top section of the dialog, holds the title and description. */
-declare function DialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime186.JSX.Element;
-/** Bottom action row of the dialog, with an optional built-in Close button. */
-declare function DialogFooter({
-  className,
-  showCloseButton,
-  children,
-  ...props
-}: React.ComponentProps<"div"> & {
-  /** Whether to append a built-in outline "Close" button after the children. */
-  showCloseButton?: boolean;
-}): react_jsx_runtime186.JSX.Element;
-/** Accessible heading for the dialog (announced to screen readers). */
-declare function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Title>): react_jsx_runtime186.JSX.Element;
-/** Supporting text beneath the dialog title (linked for assistive tech). */
-declare function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Description>): react_jsx_runtime186.JSX.Element;
+}: React.ComponentProps<typeof Collapsible.CollapsibleContent>): react_jsx_runtime167.JSX.Element;
 //#endregion
-export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog$1 as t, DialogTrigger as u };
+export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible$1 as t };
 //# sourceMappingURL=index18.d.ts.map